@ionic/angular 7.5.4 → 7.5.5-dev.11699655013.1a2cb3ad

package/fesm2020/ionic-angular-common.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, NgZone, ApplicationRef, Injector, createComponent, InjectionToken, EnvironmentInjector, Inject, Optional, TemplateRef, Directive, ContentChild, EventEmitter, ViewContainerRef, Attribute, SkipSelf, Input, Output, reflectComponentType, HostListener, ElementRef, ViewChild } from '@angular/core';
-import { actionSheetController, alertController, loadingController, LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_UNLOAD, modalController, pickerController, popoverController, toastController, createAnimation, getTimeGivenProgression, createGesture, isPlatform, getPlatforms, componentOnReady } from '@ionic/core/components';
+import { Injectable, Inject, Optional, InjectionToken, inject, NgZone, ApplicationRef, Injector, createComponent, TemplateRef, Directive, ContentChild, EventEmitter, ViewContainerRef, EnvironmentInjector, Attribute, SkipSelf, Input, Output, reflectComponentType, HostListener, ElementRef, ViewChild } from '@angular/core';
+import { alertController, loadingController, pickerController, isPlatform, getPlatforms, LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_UNLOAD, componentOnReady } from '@ionic/core/components';
 import * as i3 from '@angular/router';
 import { NavigationStart, PRIMARY_OUTLET, ChildrenOutletContexts, ActivatedRoute, Router } from '@angular/router';
 import * as i1 from '@angular/common';
@@ -35,20 +35,6 @@ class OverlayBaseController {
     }
 }
 
-class ActionSheetController extends OverlayBaseController {
-    constructor() {
-        super(actionSheetController);
-    }
-}
-/** @nocollapse */ ActionSheetController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ActionSheetController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ ActionSheetController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ActionSheetController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ActionSheetController, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class AlertController extends OverlayBaseController {
     constructor() {
         super(alertController);
@@ -169,219 +155,6 @@ class MenuController {
     }
 }
 
-/**
- * @description
- * NavParams are an object that exists on a page and can contain data for that particular view.
- * Similar to how data was pass to a view in V1 with `$stateParams`, NavParams offer a much more flexible
- * option with a simple `get` method.
- *
- * @usage
- * ```ts
- * import { NavParams } from '@ionic/angular';
- *
- * export class MyClass{
- *
- *  constructor(navParams: NavParams){
- *    // userParams is an object we have in our nav-parameters
- *    navParams.get('userParams');
- *  }
- *
- * }
- * ```
- */
-class NavParams {
-    constructor(data = {}) {
-        this.data = data;
-    }
-    /**
-     * Get the value of a nav-parameter for the current view
-     *
-     * ```ts
-     * import { NavParams } from 'ionic-angular';
-     *
-     * export class MyClass{
-     *  constructor(public navParams: NavParams){
-     *    // userParams is an object we have in our nav-parameters
-     *    this.navParams.get('userParams');
-     *  }
-     * }
-     * ```
-     *
-     * @param param Which param you want to look up
-     */
-    get(param) {
-        return this.data[param];
-    }
-}
-
-// TODO(FW-2827): types
-class AngularDelegate {
-    constructor() {
-        this.zone = inject(NgZone);
-        this.applicationRef = inject(ApplicationRef);
-    }
-    create(environmentInjector, injector, elementReferenceKey) {
-        return new AngularFrameworkDelegate(environmentInjector, injector, this.applicationRef, this.zone, elementReferenceKey);
-    }
-}
-/** @nocollapse */ AngularDelegate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ AngularDelegate.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, decorators: [{
-            type: Injectable
-        }] });
-class AngularFrameworkDelegate {
-    constructor(environmentInjector, injector, applicationRef, zone, elementReferenceKey) {
-        this.environmentInjector = environmentInjector;
-        this.injector = injector;
-        this.applicationRef = applicationRef;
-        this.zone = zone;
-        this.elementReferenceKey = elementReferenceKey;
-        this.elRefMap = new WeakMap();
-        this.elEventsMap = new WeakMap();
-    }
-    attachViewToDom(container, component, params, cssClasses) {
-        return this.zone.run(() => {
-            return new Promise((resolve) => {
-                const componentProps = {
-                    ...params,
-                };
-                /**
-                 * Ionic Angular passes a reference to a modal
-                 * or popover that can be accessed using a
-                 * variable in the overlay component. If
-                 * elementReferenceKey is defined, then we should
-                 * pass a reference to the component using
-                 * elementReferenceKey as the key.
-                 */
-                if (this.elementReferenceKey !== undefined) {
-                    componentProps[this.elementReferenceKey] = container;
-                }
-                const el = attachView(this.zone, this.environmentInjector, this.injector, this.applicationRef, this.elRefMap, this.elEventsMap, container, component, componentProps, cssClasses, this.elementReferenceKey);
-                resolve(el);
-            });
-        });
-    }
-    removeViewFromDom(_container, component) {
-        return this.zone.run(() => {
-            return new Promise((resolve) => {
-                const componentRef = this.elRefMap.get(component);
-                if (componentRef) {
-                    componentRef.destroy();
-                    this.elRefMap.delete(component);
-                    const unbindEvents = this.elEventsMap.get(component);
-                    if (unbindEvents) {
-                        unbindEvents();
-                        this.elEventsMap.delete(component);
-                    }
-                }
-                resolve();
-            });
-        });
-    }
-}
-const attachView = (zone, environmentInjector, injector, applicationRef, elRefMap, elEventsMap, container, component, params, cssClasses, elementReferenceKey) => {
-    /**
-     * Wraps the injector with a custom injector that
-     * provides NavParams to the component.
-     *
-     * NavParams is a legacy feature from Ionic v3 that allows
-     * Angular developers to provide data to a component
-     * and access it by providing NavParams as a dependency
-     * in the constructor.
-     *
-     * The modern approach is to access the data directly
-     * from the component's class instance.
-     */
-    const childInjector = Injector.create({
-        providers: getProviders(params),
-        parent: injector,
-    });
-    const componentRef = createComponent(component, {
-        environmentInjector,
-        elementInjector: childInjector,
-    });
-    const instance = componentRef.instance;
-    const hostElement = componentRef.location.nativeElement;
-    if (params) {
-        /**
-         * For modals and popovers, a reference to the component is
-         * added to `params` during the call to attachViewToDom. If
-         * a reference using this name is already set, this means
-         * the app is trying to use the name as a component prop,
-         * which will cause collisions.
-         */
-        if (elementReferenceKey && instance[elementReferenceKey] !== undefined) {
-            console.error(`[Ionic Error]: ${elementReferenceKey} is a reserved property when using ${container.tagName.toLowerCase()}. Rename or remove the "${elementReferenceKey}" property from ${component.name}.`);
-        }
-        Object.assign(instance, params);
-    }
-    if (cssClasses) {
-        for (const cssClass of cssClasses) {
-            hostElement.classList.add(cssClass);
-        }
-    }
-    const unbindEvents = bindLifecycleEvents(zone, instance, hostElement);
-    container.appendChild(hostElement);
-    applicationRef.attachView(componentRef.hostView);
-    elRefMap.set(hostElement, componentRef);
-    elEventsMap.set(hostElement, unbindEvents);
-    return hostElement;
-};
-const LIFECYCLES = [
-    LIFECYCLE_WILL_ENTER,
-    LIFECYCLE_DID_ENTER,
-    LIFECYCLE_WILL_LEAVE,
-    LIFECYCLE_DID_LEAVE,
-    LIFECYCLE_WILL_UNLOAD,
-];
-const bindLifecycleEvents = (zone, instance, element) => {
-    return zone.run(() => {
-        const unregisters = LIFECYCLES.filter((eventName) => typeof instance[eventName] === 'function').map((eventName) => {
-            const handler = (ev) => instance[eventName](ev.detail);
-            element.addEventListener(eventName, handler);
-            return () => element.removeEventListener(eventName, handler);
-        });
-        return () => unregisters.forEach((fn) => fn());
-    });
-};
-const NavParamsToken = new InjectionToken('NavParamsToken');
-const getProviders = (params) => {
-    return [
-        {
-            provide: NavParamsToken,
-            useValue: params,
-        },
-        {
-            provide: NavParams,
-            useFactory: provideNavParamsInjectable,
-            deps: [NavParamsToken],
-        },
-    ];
-};
-const provideNavParamsInjectable = (params) => {
-    return new NavParams(params);
-};
-
-class ModalController extends OverlayBaseController {
-    constructor() {
-        super(modalController);
-        this.angularDelegate = inject(AngularDelegate);
-        this.injector = inject(Injector);
-        this.environmentInjector = inject(EnvironmentInjector);
-    }
-    create(opts) {
-        return super.create({
-            ...opts,
-            delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'modal'),
-        });
-    }
-}
-/** @nocollapse */ ModalController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ModalController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ ModalController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ModalController });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ModalController, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
 class PickerController extends OverlayBaseController {
     constructor() {
         super(pickerController);
@@ -396,102 +169,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
-class PopoverController extends OverlayBaseController {
-    constructor() {
-        super(popoverController);
-        this.angularDelegate = inject(AngularDelegate);
-        this.injector = inject(Injector);
-        this.environmentInjector = inject(EnvironmentInjector);
-    }
-    create(opts) {
-        return super.create({
-            ...opts,
-            delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'popover'),
-        });
-    }
-}
-/** @nocollapse */ PopoverController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PopoverController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ PopoverController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PopoverController });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: PopoverController, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class ToastController extends OverlayBaseController {
-    constructor() {
-        super(toastController);
-    }
-}
-/** @nocollapse */ ToastController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ToastController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ ToastController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ToastController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ToastController, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class AnimationController {
-    /**
-     * Create a new animation
-     */
-    create(animationId) {
-        return createAnimation(animationId);
-    }
-    /**
-     * EXPERIMENTAL
-     *
-     * Given a progression and a cubic bezier function,
-     * this utility returns the time value(s) at which the
-     * cubic bezier reaches the given time progression.
-     *
-     * If the cubic bezier never reaches the progression
-     * the result will be an empty array.
-     *
-     * This is most useful for switching between easing curves
-     * when doing a gesture animation (i.e. going from linear easing
-     * during a drag, to another easing when `progressEnd` is called)
-     */
-    easingTime(p0, p1, p2, p3, progression) {
-        return getTimeGivenProgression(p0, p1, p2, p3, progression);
-    }
-}
-/** @nocollapse */ AnimationController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ AnimationController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class GestureController {
-    constructor(zone) {
-        this.zone = zone;
-    }
-    /**
-     * Create a new gesture
-     */
-    create(opts, runInsideAngularZone = false) {
-        if (runInsideAngularZone) {
-            Object.getOwnPropertyNames(opts).forEach((key) => {
-                if (typeof opts[key] === 'function') {
-                    const fn = opts[key];
-                    opts[key] = (...props) => this.zone.run(() => fn(...props));
-                }
-            });
-        }
-        return createGesture(opts);
-    }
-}
-/** @nocollapse */ GestureController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ GestureController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
 class DomController {
     /**
      * Schedules a task to run during the READ phase of the next frame.
@@ -1040,6 +717,199 @@ const getConfig = () => {
     return null;
 };
 
+/**
+ * @description
+ * NavParams are an object that exists on a page and can contain data for that particular view.
+ * Similar to how data was pass to a view in V1 with `$stateParams`, NavParams offer a much more flexible
+ * option with a simple `get` method.
+ *
+ * @usage
+ * ```ts
+ * import { NavParams } from '@ionic/angular';
+ *
+ * export class MyClass{
+ *
+ *  constructor(navParams: NavParams){
+ *    // userParams is an object we have in our nav-parameters
+ *    navParams.get('userParams');
+ *  }
+ *
+ * }
+ * ```
+ */
+class NavParams {
+    constructor(data = {}) {
+        this.data = data;
+    }
+    /**
+     * Get the value of a nav-parameter for the current view
+     *
+     * ```ts
+     * import { NavParams } from 'ionic-angular';
+     *
+     * export class MyClass{
+     *  constructor(public navParams: NavParams){
+     *    // userParams is an object we have in our nav-parameters
+     *    this.navParams.get('userParams');
+     *  }
+     * }
+     * ```
+     *
+     * @param param Which param you want to look up
+     */
+    get(param) {
+        return this.data[param];
+    }
+}
+
+// TODO(FW-2827): types
+class AngularDelegate {
+    constructor() {
+        this.zone = inject(NgZone);
+        this.applicationRef = inject(ApplicationRef);
+    }
+    create(environmentInjector, injector, elementReferenceKey) {
+        return new AngularFrameworkDelegate(environmentInjector, injector, this.applicationRef, this.zone, elementReferenceKey);
+    }
+}
+/** @nocollapse */ AngularDelegate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ AngularDelegate.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, decorators: [{
+            type: Injectable
+        }] });
+class AngularFrameworkDelegate {
+    constructor(environmentInjector, injector, applicationRef, zone, elementReferenceKey) {
+        this.environmentInjector = environmentInjector;
+        this.injector = injector;
+        this.applicationRef = applicationRef;
+        this.zone = zone;
+        this.elementReferenceKey = elementReferenceKey;
+        this.elRefMap = new WeakMap();
+        this.elEventsMap = new WeakMap();
+    }
+    attachViewToDom(container, component, params, cssClasses) {
+        return this.zone.run(() => {
+            return new Promise((resolve) => {
+                const componentProps = {
+                    ...params,
+                };
+                /**
+                 * Ionic Angular passes a reference to a modal
+                 * or popover that can be accessed using a
+                 * variable in the overlay component. If
+                 * elementReferenceKey is defined, then we should
+                 * pass a reference to the component using
+                 * elementReferenceKey as the key.
+                 */
+                if (this.elementReferenceKey !== undefined) {
+                    componentProps[this.elementReferenceKey] = container;
+                }
+                const el = attachView(this.zone, this.environmentInjector, this.injector, this.applicationRef, this.elRefMap, this.elEventsMap, container, component, componentProps, cssClasses, this.elementReferenceKey);
+                resolve(el);
+            });
+        });
+    }
+    removeViewFromDom(_container, component) {
+        return this.zone.run(() => {
+            return new Promise((resolve) => {
+                const componentRef = this.elRefMap.get(component);
+                if (componentRef) {
+                    componentRef.destroy();
+                    this.elRefMap.delete(component);
+                    const unbindEvents = this.elEventsMap.get(component);
+                    if (unbindEvents) {
+                        unbindEvents();
+                        this.elEventsMap.delete(component);
+                    }
+                }
+                resolve();
+            });
+        });
+    }
+}
+const attachView = (zone, environmentInjector, injector, applicationRef, elRefMap, elEventsMap, container, component, params, cssClasses, elementReferenceKey) => {
+    /**
+     * Wraps the injector with a custom injector that
+     * provides NavParams to the component.
+     *
+     * NavParams is a legacy feature from Ionic v3 that allows
+     * Angular developers to provide data to a component
+     * and access it by providing NavParams as a dependency
+     * in the constructor.
+     *
+     * The modern approach is to access the data directly
+     * from the component's class instance.
+     */
+    const childInjector = Injector.create({
+        providers: getProviders(params),
+        parent: injector,
+    });
+    const componentRef = createComponent(component, {
+        environmentInjector,
+        elementInjector: childInjector,
+    });
+    const instance = componentRef.instance;
+    const hostElement = componentRef.location.nativeElement;
+    if (params) {
+        /**
+         * For modals and popovers, a reference to the component is
+         * added to `params` during the call to attachViewToDom. If
+         * a reference using this name is already set, this means
+         * the app is trying to use the name as a component prop,
+         * which will cause collisions.
+         */
+        if (elementReferenceKey && instance[elementReferenceKey] !== undefined) {
+            console.error(`[Ionic Error]: ${elementReferenceKey} is a reserved property when using ${container.tagName.toLowerCase()}. Rename or remove the "${elementReferenceKey}" property from ${component.name}.`);
+        }
+        Object.assign(instance, params);
+    }
+    if (cssClasses) {
+        for (const cssClass of cssClasses) {
+            hostElement.classList.add(cssClass);
+        }
+    }
+    const unbindEvents = bindLifecycleEvents(zone, instance, hostElement);
+    container.appendChild(hostElement);
+    applicationRef.attachView(componentRef.hostView);
+    elRefMap.set(hostElement, componentRef);
+    elEventsMap.set(hostElement, unbindEvents);
+    return hostElement;
+};
+const LIFECYCLES = [
+    LIFECYCLE_WILL_ENTER,
+    LIFECYCLE_DID_ENTER,
+    LIFECYCLE_WILL_LEAVE,
+    LIFECYCLE_DID_LEAVE,
+    LIFECYCLE_WILL_UNLOAD,
+];
+const bindLifecycleEvents = (zone, instance, element) => {
+    return zone.run(() => {
+        const unregisters = LIFECYCLES.filter((eventName) => typeof instance[eventName] === 'function').map((eventName) => {
+            const handler = (ev) => instance[eventName](ev.detail);
+            element.addEventListener(eventName, handler);
+            return () => element.removeEventListener(eventName, handler);
+        });
+        return () => unregisters.forEach((fn) => fn());
+    });
+};
+const NavParamsToken = new InjectionToken('NavParamsToken');
+const getProviders = (params) => {
+    return [
+        {
+            provide: NavParamsToken,
+            useValue: params,
+        },
+        {
+            provide: NavParams,
+            useFactory: provideNavParamsInjectable,
+            deps: [NavParamsToken],
+        },
+    ];
+};
+const provideNavParamsInjectable = (params) => {
+    return new NavParams(params);
+};
+
 // TODO: Is there a way we can grab this from angular-component-lib instead?
 const proxyInputs = (Cmp, inputs) => {
     const Prototype = Cmp.prototype;
@@ -2608,5 +2478,5 @@ class IonicRouteStrategy {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionSheetController, AlertController, AngularDelegate, AnimationController, Config, ConfigToken, DomController, GestureController, IonBackButton, IonModal, IonNav, IonPopover, IonRouterOutlet, IonTabs, IonicRouteStrategy, LoadingController, MenuController, ModalController, NavController, NavParams, PickerController, Platform, PopoverController, ProxyCmp, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, ToastController, ValueAccessor, bindLifecycleEvents, provideComponentInputBinding, raf, setIonicClasses };
+export { AlertController, AngularDelegate, Config, ConfigToken, DomController, IonBackButton, IonModal, IonNav, IonPopover, IonRouterOutlet, IonTabs, IonicRouteStrategy, LoadingController, MenuController, NavController, NavParams, OverlayBaseController, PickerController, Platform, ProxyCmp, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, ValueAccessor, bindLifecycleEvents, provideComponentInputBinding, raf, setIonicClasses };
 //# sourceMappingURL=ionic-angular-common.mjs.map