Fw 7273

core/stencil.config.ts

@@ -30,8 +30,8 @@ const getAngularOutputTargets = () => {
   return [
     angularOutputTarget({
       componentCorePackage,
-      directivesProxyFile: '../packages/angular/src/directives/proxies.ts',
-      directivesArrayFile: '../packages/angular/src/directives/proxies-list.ts',
+      directivesProxyFile: '../packages/angular/lazy/src/directives/proxies.ts',
+      directivesArrayFile: '../packages/angular/lazy/src/directives/proxies-list.ts',
       excludeComponents,
       outputType: 'component',
     }),

packages/angular/.prettierignore

@@ -2,5 +2,5 @@ dist
 scripts
 test
 proxies.ts
-src/directives/proxies-list.ts
+lazy/src/directives/proxies-list.ts
 **/*/angular-component-lib/utils.ts

packages/angular/standalone/ng-package.json → packages/angular/lazy/ng-package.json

@@ -1,5 +1,5 @@
 {
   "lib": {
     "entryFile": "src/index.ts"
-  },
+  }
 }

packages/angular/ng-package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
-    "entryFile": "src/index.ts"
+    "entryFile": "standalone/src/index.ts"
   },
   "allowedNonPeerDependencies": ["@ionic/core", "ionicons", "jsonc-parser"]
 }

packages/angular/src/schematics/add/index.ts → packages/angular/schematics/add/index.ts

@@ -24,8 +24,8 @@ import {
   addSchematics,
   addStyle,
   getDefaultAngularAppName,
-} from './../utils/config';
-import { addPackageToPackageJson } from './../utils/package';
+} from '../utils/config';
+import { addPackageToPackageJson } from '../utils/package';
 import { Schema as IonAddOptions } from './schema';
 
 function addIonicAngularToPackageJson(): Rule {
@@ -86,7 +86,7 @@ function addProvideIonicAngular(projectName: string, projectSourceRoot: Path): R
     if (host.exists(appConfig)) {
       return addRootProvider(
         projectName,
-        ({ code, external }) => code`${external('provideIonicAngular', '@ionic/angular/standalone')}({})`
+        ({ code, external }) => code`${external('provideIonicAngular', '@ionic/angular')}({})`
       );
     }
     return host;

packages/angular/scripts/build-core.js

@@ -33,11 +33,11 @@ function buildSchematics(){
 }
 
 function copySchematicsJson(){
-  const src = path.join(__dirname, '..', 'src', 'schematics', 'collection.json');
-  const fileSrc = path.join(__dirname, '..', 'src', 'schematics', 'add', 'files');
-  const dst = path.join(__dirname, '..', 'dist','schematics', 'collection.json');
+  const src = path.join(__dirname, '..', 'schematics', 'collection.json');
+  const fileSrc = path.join(__dirname, '..', 'schematics', 'add', 'files');
+  const dst = path.join(__dirname, '..', 'dist', 'schematics', 'collection.json');
   const fileDst = path.join(__dirname, '..', 'dist', 'schematics', 'add', 'files');
-  const schemaSrc = path.join(__dirname, '..', 'src', 'schematics', 'add', 'schema.json');
+  const schemaSrc = path.join(__dirname, '..', 'schematics', 'add', 'schema.json');
   const schemaDst = path.join(__dirname, '..', 'dist', 'schematics', 'add', 'schema.json');
 
   fs.removeSync(dst);

packages/angular/test/base/src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { APP_ID, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouteReuseStrategy } from '@angular/router';
-import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
+import { IonicModule, IonicRouteStrategy } from '@ionic/angular/lazy';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 import { AppLandingComponent } from './app-landing/app-landing.component';

packages/angular/test/base/src/app/lazy/accordion/accordion.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { ModalController } from '@ionic/angular';
+import { ModalController } from '@ionic/angular/lazy';
 import { AccordionModalComponent } from './accordion-modal/accordion-modal.component';
 
 @Component({

packages/angular/test/base/src/app/lazy/alert/alert.component.ts

@@ -1,5 +1,5 @@
 import { Component, NgZone } from '@angular/core';
-import { AlertController } from '@ionic/angular';
+import { AlertController } from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/app-lazy/app.module.ts

@@ -4,7 +4,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 import { FormsModule } from '@angular/forms';
 import { InputsComponent } from '../inputs/inputs.component';
 import { ModalComponent } from '../modal/modal.component';

packages/angular/test/base/src/app/lazy/form-controls/range/range.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 
 import { RangeRoutingModule } from './range-routing.module';
 import { RangeComponent } from './range.component';

packages/angular/test/base/src/app/lazy/home-page/home-page.component.ts

@@ -1,5 +1,5 @@
 import { Component, VERSION } from '@angular/core';
-import { AnimationBuilder, AnimationController } from '@ionic/angular';
+import { AnimationBuilder, AnimationController } from '@ionic/angular/lazy';
 
 @Component({
     selector: 'app-home-page',

packages/angular/test/base/src/app/lazy/keep-contents-mounted/keep-contents-mounted.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { OverlayKeepContentsMountedComponentRoutingModule } from "./keep-contents-mounted-routing.module";
 import { OverlayKeepContentsMountedComponent } from "./keep-contents-mounted.component";
 

packages/angular/test/base/src/app/lazy/modal-dynamic-wrapper/modal-dynamic-wrapper.component.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentRef, OnDestroy, ViewChild, ViewContainerRef } from "@angular/core";
-import { ModalController } from "@ionic/angular";
+import { ModalController } from "@ionic/angular/lazy";
 import { DynamicComponentWrapperComponent } from "./dynamic-component-wrapper.component";
 import { DynamicModalContentComponent } from "./dynamic-modal-content.component";
 

packages/angular/test/base/src/app/lazy/modal-dynamic-wrapper/modal-dynamic-wrapper.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { DynamicComponentWrapperComponent } from "./dynamic-component-wrapper.component";
 import { DynamicModalContentComponent } from "./dynamic-modal-content.component";
 import { ModalDynamicWrapperRoutingModule } from "./modal-dynamic-wrapper-routing.module";

packages/angular/test/base/src/app/lazy/modal-example/modal-example.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input, OnInit, Optional } from '@angular/core';
 import { UntypedFormControl, UntypedFormGroup } from '@angular/forms';
-import { ModalController, IonNav, ViewWillLeave, ViewDidEnter, ViewDidLeave } from '@ionic/angular';
+import { ModalController, IonNav, ViewWillLeave, ViewDidEnter, ViewDidLeave } from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/modal-inline/modal-inline.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { ModalInlineRoutingModule } from "./modal-inline-routing.module";
 import { ModalInlineComponent } from "./modal-inline.component";
 

packages/angular/test/base/src/app/lazy/modal-sheet-inline/modal-sheet-inline.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewChild } from "@angular/core";
-import { IonModal } from "@ionic/angular";
+import { IonModal } from "@ionic/angular/lazy";
 
 interface Contact {
   name: string;

packages/angular/test/base/src/app/lazy/modal-sheet-inline/modal-sheet-inline.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { ModalSheetInlineRoutingModule } from "./modal-sheet-inline-routing.module";
 import { ModalSheetInlineComponent } from "./modal-sheet-inline.component";
 

packages/angular/test/base/src/app/lazy/modal/modal.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, Component } from '@angular/core';
-import { ModalController } from '@ionic/angular';
+import { ModalController } from '@ionic/angular/lazy';
 import { ModalExampleComponent } from '../modal-example/modal-example.component';
 import { NavComponent } from '../nav/nav.component';
 

packages/angular/test/base/src/app/lazy/navigation-page1/navigation-page1.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController } from '@ionic/angular';
+import { NavController } from '@ionic/angular/lazy';
 
 let count = 0;
 @Component({

packages/angular/test/base/src/app/lazy/navigation-page2/navigation-page2.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController } from '@ionic/angular';
+import { NavController } from '@ionic/angular/lazy';
 
 
 @Component({

packages/angular/test/base/src/app/lazy/navigation-page3/navigation-page3.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { NavController } from '@ionic/angular';
+import { NavController } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-navigation-page3',

packages/angular/test/base/src/app/lazy/nested-outlet-page/nested-outlet-page.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { IonRouterOutlet } from '@ionic/angular';
+import { IonRouterOutlet } from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/overlays-inline/overlays-inline.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { OverlaysInlineRoutingModule } from "./overlays-inline-routing.module";
 import { OverlaysInlineComponent } from "./overlays-inline.component";
 

packages/angular/test/base/src/app/lazy/popover-inline/popover-inline.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, Component } from "@angular/core";
 
-import { IonPopover } from "@ionic/angular";
+import { IonPopover } from "@ionic/angular/lazy";
 
 /**
  * Validates that inline popovers will correctly display

packages/angular/test/base/src/app/lazy/popover-inline/popover-inline.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { PopoverInlineRoutingModule } from "./popover-inline-routing.module";
 import { PopoverInlineComponent } from "./popover-inline.component";
 

packages/angular/test/base/src/app/lazy/providers/providers.component.ts

@@ -11,7 +11,7 @@ import {
   NavController,
   DomController,
   Config,
-} from '@ionic/angular';
+} from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/router-link-page/router-link-page.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { IonRouterOutlet, ViewDidEnter, ViewDidLeave, ViewWillLeave } from '@ionic/angular';
+import { IonRouterOutlet, ViewDidEnter, ViewDidLeave, ViewWillLeave } from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/router-link/router-link.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { NavController, ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from '@ionic/angular';
+import { NavController, ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from '@ionic/angular/lazy';
 import { Router } from '@angular/router';
 
 import { assertZoneContext } from '../../zone-assert.util';

packages/angular/test/base/src/app/lazy/routing-standalone/standalone.component.ts

@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 import { RouterModule } from "@angular/router";
 
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-standalone',

packages/angular/test/base/src/app/lazy/searchbar/searchbar.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 
 import { SearchbarRoutingModule } from "./searchbar-routing.module";
 import { SearchbarComponent } from "./searchbar.component";

packages/angular/test/base/src/app/lazy/slides/slides.component.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Component, ViewChild } from '@angular/core';
-import { IonSlides } from '@ionic/angular';
+import { IonSlides } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-slides',

packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { IonTabBar } from '@ionic/angular';
+import { IonTabBar } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-tabs-basic',

packages/angular/test/base/src/app/lazy/tabs-global/tabs-global.component.ts

@@ -1,5 +1,5 @@
 import { Component } from "@angular/core";
-import { NavController } from "@ionic/angular";
+import { NavController } from "@ionic/angular/lazy";
 
 /**
  * This component is used in conjunction with a tabs router-outlet,

packages/angular/test/base/src/app/lazy/tabs-global/tabs-global.module.ts

@@ -1,5 +1,5 @@
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { TabsGlobalRoutingModule } from "./tabs-global-routing.module";
 import { TabsGlobalComponent } from "./tabs-global.component";
 

packages/angular/test/base/src/app/lazy/tabs-lazy/tabs-lazy.module.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 
 import { TabsLazyRoutingModule } from './tabs-lazy-routing.module';
 import { TabsTab3Component } from './tabs-tab3/tabs-tab3.component';
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 import { TabsTab3NestedComponent } from './tabs-tab3-nested/tabs-tab3-nested.component';
 
 @NgModule({

packages/angular/test/base/src/app/lazy/tabs-slots.component.ts

@@ -1,5 +1,5 @@
 import { Component } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 
 /**
  * Test purpose: Validates that the tab bar is relocated to the

packages/angular/test/base/src/app/lazy/tabs-tab1-nested/tabs-tab1-nested.component.ts

@@ -1,6 +1,6 @@
 import { ActivatedRoute } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
-import { NavController } from '@ionic/angular';
+import { NavController } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-tabs-tab1-nested',

packages/angular/test/base/src/app/lazy/tabs-tab1/tabs-tab1.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, Component } from '@angular/core';
-import { NavController } from '@ionic/angular';
+import { NavController } from '@ionic/angular/lazy';
 
 import { assertZoneContext } from '../../zone-assert.util';
 

packages/angular/test/base/src/app/lazy/tabs/tabs.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { IonTabBar } from '@ionic/angular';
+import { IonTabBar } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-tabs',

packages/angular/test/base/src/app/lazy/tabs/tabs.module.ts

@@ -1,4 +1,4 @@
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';

packages/angular/test/base/src/app/lazy/template-form/template-form.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 
 import { TemplateFormRoutingModule } from "./template-form-routing.module";
 import { TemplateFormComponent } from "./template-form.component";

packages/angular/test/base/src/app/lazy/textarea/textarea.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 
 import { TextareaRoutingModule } from "./textarea-routing.module";
 import { TextareaComponent } from "./textarea.component";

packages/angular/test/base/src/app/lazy/version-test/bind-component-inputs/bind-component-inputs.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnInit } from "@angular/core";
-import { IonicModule } from '@ionic/angular';
+import { IonicModule } from '@ionic/angular/lazy';
 
 @Component({
   selector: 'app-bind-route',

packages/angular/test/base/src/app/lazy/version-test/modal-nav-params/modal-nav-params.component.ts

@@ -1,5 +1,5 @@
 import { Component } from "@angular/core";
-import { IonicModule } from "@ionic/angular";  // Only import IonicModule
+import { IonicModule } from "@ionic/angular/lazy";  // Only import IonicModule
 
 import { NavRootComponent } from "./nav-root.component";  // Import the NavRootComponent
 

packages/angular/test/base/src/app/lazy/version-test/modal-nav-params/nav-root.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 
 /**
  * This is used to track if any occurrences of

packages/angular/test/base/src/app/lazy/version-test/version-test.module.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from "@angular/common";
 import { NgModule } from "@angular/core";
-import { IonicModule } from "@ionic/angular";
+import { IonicModule } from "@ionic/angular/lazy";
 import { VersionTestRoutingModule } from "./version-test-routing.module";
 import { VersionTestComponent } from "./version-test.component";
 

packages/angular/test/base/src/app/lazy/view-child/view-child.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewChild, AfterViewInit, ElementRef } from '@angular/core';
-import { IonTabs, IonButton } from '@ionic/angular';
+import { IonTabs, IonButton } from '@ionic/angular/lazy';
 
 @Component({
     selector: 'app-view-child',