@ionic/angular 7.6.2-dev.11705694334.11b34c62 → 7.6.2-dev.11706202387.1dfcd9b8

package/fesm2020/ionic-angular-standalone.mjs

@@ -1,9 +1,9 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Directive, Attribute, Optional, SkipSelf, Component, ChangeDetectionStrategy, ViewChild, ContentChild, ContentChildren, inject, Injector, EnvironmentInjector, Injectable, APP_INITIALIZER, forwardRef, HostListener } from '@angular/core';
+import { ViewContainerRef, Component, Attribute, Optional, SkipSelf, ViewChild, ChangeDetectionStrategy, Directive, ContentChild, ContentChildren, inject, EnvironmentInjector, Injectable, APP_INITIALIZER, forwardRef, HostListener } from '@angular/core';
 import * as i2$1 from '@ionic/angular/common';
 import { IonRouterOutlet as IonRouterOutlet$1, ProxyCmp as ProxyCmp$1, IonBackButton as IonBackButton$1, IonModal as IonModal$1, IonPopover as IonPopover$1, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, IonTabs as IonTabs$1, OverlayBaseController, AngularDelegate, ConfigToken, provideComponentInputBinding, MenuController as MenuController$1, IonNav as IonNav$1, ValueAccessor, setIonicClasses } from '@ionic/angular/common';
-export { Config, DomController, IonicRouteStrategy, NavController, NavParams, Platform } from '@ionic/angular/common';
+export { Config, DomController, IonicRouteStrategy, NavController, Platform } from '@ionic/angular/common';
 import { defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-back-button.js';
 import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-router-outlet.js';
 import * as i1 from '@angular/common';
@@ -104,23 +104,24 @@ let IonRouterOutlet = class IonRouterOutlet extends IonRouterOutlet$1 {
      * This results in APIs such as NavController.pop not working
      * in nested outlets because the parent outlet cannot be found.
      */
-    constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet) {
-        super(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet);
+    constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, outletContent, parentOutlet) {
+        super(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, outletContent, parentOutlet);
         this.parentOutlet = parentOutlet;
     }
 };
-/** @nocollapse */ IonRouterOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.NgZone }, { token: i2.ActivatedRoute }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonRouterOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonRouterOutlet, isStandalone: true, selector: "ion-router-outlet", usesInheritance: true, ngImport: i0 });
+/** @nocollapse */ IonRouterOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.NgZone }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ IonRouterOutlet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRouterOutlet, isStandalone: true, selector: "ion-router-outlet", viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-container #outletContent><ng-content></ng-content></ng-container>', isInline: true });
 IonRouterOutlet = __decorate([
     ProxyCmp$1({
         defineCustomElementFn: defineCustomElement$1,
     })
 ], IonRouterOutlet);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, decorators: [{
-            type: Directive,
+            type: Component,
             args: [{
                     selector: 'ion-router-outlet',
                     standalone: true,
+                    template: '<ng-container #outletContent><ng-content></ng-content></ng-container>',
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Attribute,
@@ -130,11 +131,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }, {
                     type: Attribute,
                     args: ['tabs']
-                }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.NgZone }, { type: i2.ActivatedRoute }, { type: IonRouterOutlet, decorators: [{
+                }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.NgZone }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: IonRouterOutlet, decorators: [{
                     type: SkipSelf
                 }, {
                     type: Optional
-                }] }]; } });
+                }] }]; }, propDecorators: { outletContent: [{
+                type: ViewChild,
+                args: ['outletContent', { read: ViewContainerRef, static: true }]
+            }] } });
 
 let IonBackButton = class IonBackButton extends IonBackButton$1 {
     constructor(routerOutlet, navCtrl, config, r, z, c) {
@@ -1219,11 +1223,11 @@ let IonItemSliding = class IonItemSliding {
     }
 };
 /** @nocollapse */ IonItemSliding.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonItemSliding, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonItemSliding.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemSliding, isStandalone: true, selector: "ion-item-sliding", inputs: { animationType: "animationType", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonItemSliding.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemSliding, isStandalone: true, selector: "ion-item-sliding", inputs: { disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemSliding = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$E,
-        inputs: ['animationType', 'disabled'],
+        inputs: ['disabled'],
         methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened']
     })
 ], IonItemSliding);
@@ -1234,7 +1238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['animationType', 'disabled'],
+                    inputs: ['disabled'],
                     standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -2127,7 +2131,7 @@ class IonTabs extends IonTabs$1 {
       ></ion-router-outlet>
     </div>
     <ng-content></ng-content>
-  `, isInline: true, styles: [":host{display:flex;position:absolute;inset:0;flex-direction:column;width:100%;height:100%;contain:layout size style}.tabs-inner{position:relative;flex:1;contain:layout size style}\n"], dependencies: [{ kind: "directive", type: IonRouterOutlet, selector: "ion-router-outlet" }] });
+  `, isInline: true, styles: [":host{display:flex;position:absolute;inset:0;flex-direction:column;width:100%;height:100%;contain:layout size style}.tabs-inner{position:relative;flex:1;contain:layout size style}\n"], dependencies: [{ kind: "component", type: IonRouterOutlet, selector: "ion-router-outlet" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTabs, decorators: [{
             type: Component,
             args: [{ selector: 'ion-tabs', template: `
@@ -2157,14 +2161,13 @@ class ModalController extends OverlayBaseController {
     constructor() {
         super(modalController);
         this.angularDelegate = inject(AngularDelegate);
-        this.injector = inject(Injector);
         this.environmentInjector = inject(EnvironmentInjector);
         defineCustomElement$3();
     }
     create(opts) {
         return super.create({
             ...opts,
-            delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'modal'),
+            delegate: this.angularDelegate.create(this.environmentInjector, 'modal'),
         });
     }
 }
@@ -2178,14 +2181,13 @@ class PopoverController extends OverlayBaseController {
     constructor() {
         super(popoverController);
         this.angularDelegate = inject(AngularDelegate);
-        this.injector = inject(Injector);
         this.environmentInjector = inject(EnvironmentInjector);
         defineCustomElement$4();
     }
     create(opts) {
         return super.create({
             ...opts,
-            delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'popover'),
+            delegate: this.angularDelegate.create(this.environmentInjector, 'popover'),
         });
     }
 }
@@ -2382,11 +2384,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         }], ctorParameters: function () { return []; } });
 
 let IonNav = class IonNav extends IonNav$1 {
-    constructor(ref, environmentInjector, injector, angularDelegate, z, c) {
-        super(ref, environmentInjector, injector, angularDelegate, z, c);
+    constructor(ref, environmentInjector, angularDelegate, z, c) {
+        super(ref, environmentInjector, angularDelegate, z, c);
     }
 };
-/** @nocollapse */ IonNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i0.Injector }, { token: i2$1.AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ IonNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i2$1.AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IonNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonNav, isStandalone: true, selector: "ion-nav", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 IonNav = __decorate([
     ProxyCmp$1({
@@ -2400,7 +2402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     standalone: true,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.EnvironmentInjector }, { type: i0.Injector }, { type: i2$1.AngularDelegate }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.EnvironmentInjector }, { type: i2$1.AngularDelegate }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
 
 const CHECKBOX_INPUTS = [
     'checked',