@ionic/angular 8.8.14-dev.11784243422.11f0110c → 8.8.14-dev.11785507167.1f41b13b

package/dist/common/directives/navigation/tabs.js

@@ -0,0 +1,290 @@
+import { Directive, ElementRef, EventEmitter, HostListener, Output, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../providers/nav-controller";
+/**
+ * Extracts `queryParams` and `fragment` from a tab button's href for use
+ * as Angular `NavigationExtras`. Returns `undefined` when neither is present.
+ */
+const parseHrefExtras = (href) => {
+    if (!href) {
+        return undefined;
+    }
+    const hashIndex = href.indexOf('#');
+    // Treat a bare `#` (no fragment text) as no fragment.
+    const fragment = hashIndex >= 0 && hashIndex < href.length - 1 ? href.slice(hashIndex + 1) : undefined;
+    const beforeHash = hashIndex >= 0 ? href.slice(0, hashIndex) : href;
+    const queryIndex = beforeHash.indexOf('?');
+    const search = queryIndex >= 0 ? beforeHash.slice(queryIndex + 1) : '';
+    let queryParams;
+    if (search) {
+        const params = new URLSearchParams(search);
+        queryParams = {};
+        for (const key of new Set(params.keys())) {
+            const all = params.getAll(key);
+            queryParams[key] = all.length > 1 ? all : all[0];
+        }
+    }
+    if (!queryParams && fragment === undefined) {
+        return undefined;
+    }
+    /**
+     * Build the result with only the populated keys so that a spread of the
+     * returned object does not overwrite saved `queryParams`/`fragment` with
+     * `undefined` (which `Object.assign`/spread would copy as a real key).
+     */
+    const extras = {};
+    if (queryParams)
+        extras.queryParams = queryParams;
+    if (fragment !== undefined)
+        extras.fragment = fragment;
+    return extras;
+};
+export class IonTabs {
+    navCtrl;
+    tabsInner;
+    /**
+     * Emitted before the tab view is changed.
+     */
+    ionTabsWillChange = new EventEmitter();
+    /**
+     * Emitted after the tab view is changed.
+     */
+    ionTabsDidChange = new EventEmitter();
+    tabBarSlot = 'bottom';
+    hasTab = false;
+    selectedTab;
+    leavingTab;
+    constructor(navCtrl) {
+        this.navCtrl = navCtrl;
+    }
+    ngAfterViewInit() {
+        /**
+         * Developers must pass at least one ion-tab
+         * inside of ion-tabs if they want to use a
+         * basic tab-based navigation without the
+         * history stack or URL updates associated
+         * with the router.
+         */
+        const firstTab = this.tabs.length > 0 ? this.tabs.first : undefined;
+        if (firstTab) {
+            this.hasTab = true;
+            this.setActiveTab(firstTab.tab);
+            this.tabSwitch();
+        }
+    }
+    ngAfterContentInit() {
+        this.detectSlotChanges();
+    }
+    ngAfterContentChecked() {
+        this.detectSlotChanges();
+    }
+    /**
+     * @internal
+     */
+    onStackWillChange({ enteringView, tabSwitch }) {
+        const stackId = enteringView.stackId;
+        if (tabSwitch && stackId !== undefined) {
+            this.ionTabsWillChange.emit({ tab: stackId });
+        }
+    }
+    /**
+     * @internal
+     */
+    onStackDidChange({ enteringView, tabSwitch }) {
+        const stackId = enteringView.stackId;
+        if (tabSwitch && stackId !== undefined) {
+            if (this.tabBar) {
+                this.tabBar.selectedTab = stackId;
+            }
+            this.ionTabsDidChange.emit({ tab: stackId });
+        }
+    }
+    /**
+     * Host listener for the `ionTabButtonClick` event. Angular 22 enabled stricter
+     * host-binding type checking, which types `$event` as the DOM `Event`. That is
+     * not assignable to `select`'s public `string | CustomEvent` parameter, so this
+     * thin wrapper narrows the event before forwarding to keep `select`'s public
+     * signature intact.
+     */
+    onTabButtonClick(ev) {
+        return this.select(ev);
+    }
+    /**
+     * When a tab button is clicked, there are several scenarios:
+     * 1. If the selected tab is currently active (the tab button has been clicked
+     *    again), then it should go to the root view for that tab.
+     *
+     *   a. Get the saved root view from the router outlet. If the saved root view
+     *      matches the tabRootUrl, set the route view to this view including the
+     *      navigation extras. Any `queryParams` or `fragment` declared on the tab
+     *      button's `href` are also forwarded.
+     *   b. If the saved root view from the router outlet does not match, navigate
+     *      to the tabRootUrl, forwarding any `queryParams`/`fragment` declared on
+     *      the tab button's `href`.
+     *
+     * 2. If the current tab tab is not currently selected, get the last route
+     *    view from the router outlet.
+     *
+     *   a. If the last route view exists, navigate to that view including any
+     *      navigation extras.
+     *   b. If the last route view doesn't exist, then navigate to the default
+     *      tabRootUrl, forwarding any `queryParams`/`fragment` declared on the
+     *      tab button's `href`.
+     */
+    select(tabOrEvent) {
+        const isTabString = typeof tabOrEvent === 'string';
+        const tab = isTabString ? tabOrEvent : tabOrEvent.detail.tab;
+        const href = isTabString ? undefined : tabOrEvent.detail.href;
+        /**
+         * If the tabs are not using the router, then
+         * the tab switch logic is handled by the tabs
+         * component itself.
+         */
+        if (this.hasTab) {
+            this.setActiveTab(tab);
+            this.tabSwitch();
+            return;
+        }
+        const alreadySelected = this.outlet.getActiveStackId() === tab;
+        const tabRootUrl = `${this.outlet.tabsPrefix}/${tab}`;
+        /**
+         * The href pathname is ignored here; tab routing is driven by `tabsPrefix/tab`.
+         * Only the query and fragment are forwarded as navigation extras.
+         */
+        const hrefExtras = parseHrefExtras(href);
+        /**
+         * If this is a nested tab, prevent the event
+         * from bubbling otherwise the outer tabs
+         * will respond to this event too, causing
+         * the app to get directed to the wrong place.
+         */
+        if (!isTabString) {
+            tabOrEvent.stopPropagation();
+        }
+        if (alreadySelected) {
+            const activeStackId = this.outlet.getActiveStackId();
+            const activeView = this.outlet.getLastRouteView(activeStackId);
+            // If on root tab, do not navigate to root tab again
+            if (activeView?.url === tabRootUrl) {
+                return;
+            }
+            const rootView = this.outlet.getRootView(tab);
+            // Keep the explicit rootView null-guard; an optional-chain rewrite changes the short-circuit value spread below.
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+            const navigationExtras = rootView && tabRootUrl === rootView.url && rootView.savedExtras;
+            return this.navCtrl.navigateRoot(tabRootUrl, {
+                ...navigationExtras,
+                ...hrefExtras,
+                animated: true,
+                animationDirection: 'back',
+            });
+        }
+        else {
+            const lastRoute = this.outlet.getLastRouteView(tab);
+            /**
+             * If there is a lastRoute, goto that, otherwise goto the fallback url of the
+             * selected tab. When falling back to the tab root, honor query params and
+             * fragment declared on the tab button's href.
+             */
+            const url = lastRoute?.url || tabRootUrl;
+            const navigationExtras = lastRoute?.savedExtras ?? (url === tabRootUrl ? hrefExtras : undefined);
+            return this.navCtrl.navigateRoot(url, {
+                ...navigationExtras,
+                animated: true,
+                animationDirection: 'back',
+            });
+        }
+    }
+    setActiveTab(tab) {
+        const tabs = this.tabs;
+        const selectedTab = tabs.find((t) => t.tab === tab);
+        if (!selectedTab) {
+            console.error(`[Ionic Error]: Tab with id: "${tab}" does not exist`);
+            return;
+        }
+        this.leavingTab = this.selectedTab;
+        this.selectedTab = selectedTab;
+        this.ionTabsWillChange.emit({ tab });
+        selectedTab.el.active = true;
+    }
+    tabSwitch() {
+        const { selectedTab, leavingTab } = this;
+        if (this.tabBar && selectedTab) {
+            this.tabBar.selectedTab = selectedTab.tab;
+        }
+        if (leavingTab?.tab !== selectedTab?.tab) {
+            if (leavingTab?.el) {
+                leavingTab.el.active = false;
+            }
+        }
+        if (selectedTab) {
+            this.ionTabsDidChange.emit({ tab: selectedTab.tab });
+        }
+    }
+    getSelected() {
+        if (this.hasTab) {
+            return this.selectedTab?.tab;
+        }
+        return this.outlet.getActiveStackId();
+    }
+    /**
+     * Detects changes to the slot attribute of the tab bar.
+     *
+     * If the slot attribute has changed, then the tab bar
+     * should be relocated to the new slot position.
+     */
+    detectSlotChanges() {
+        this.tabBars.forEach((tabBar) => {
+            // el is a protected attribute from the generated component wrapper
+            const currentSlot = tabBar.el.getAttribute('slot');
+            if (currentSlot !== this.tabBarSlot) {
+                this.tabBarSlot = currentSlot;
+                this.relocateTabBar();
+            }
+        });
+    }
+    /**
+     * Relocates the tab bar to the new slot position.
+     */
+    relocateTabBar() {
+        /**
+         * `el` is a protected attribute from the generated component wrapper.
+         * To avoid having to manually create the wrapper for tab bar, we
+         * cast the tab bar to any and access the protected attribute.
+         */
+        const tabBar = this.tabBar.el;
+        if (this.tabBarSlot === 'top') {
+            /**
+             * A tab bar with a slot of "top" should be inserted
+             * at the top of the container.
+             */
+            this.tabsInner.nativeElement.before(tabBar);
+        }
+        else {
+            /**
+             * A tab bar with a slot of "bottom" or without a slot
+             * should be inserted at the end of the container.
+             */
+            this.tabsInner.nativeElement.after(tabBar);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonTabs, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IonTabs, isStandalone: true, selector: "ion-tabs", outputs: { ionTabsWillChange: "ionTabsWillChange", ionTabsDidChange: "ionTabsDidChange" }, host: { listeners: { "ionTabButtonClick": "onTabButtonClick($event)" } }, viewQueries: [{ propertyName: "tabsInner", first: true, predicate: ["tabsInner"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonTabs, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ion-tabs',
+                }]
+        }], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { tabsInner: [{
+                type: ViewChild,
+                args: ['tabsInner', { read: ElementRef, static: true }]
+            }], ionTabsWillChange: [{
+                type: Output
+            }], ionTabsDidChange: [{
+                type: Output
+            }], onTabButtonClick: [{
+                type: HostListener,
+                args: ['ionTabButtonClick', ['$event']]
+            }] } });
+//# sourceMappingURL=tabs.js.map

package/dist/common/directives/navigation/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/common/directives/navigation/tabs.ts"],"names":[],"mappings":"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"}

package/dist/common/index.d.ts

@@ -0,0 +1,22 @@
+export { DomController } from './providers/dom-controller';
+export { MenuController } from './providers/menu-controller';
+export { NavController } from './providers/nav-controller';
+export { Config, ConfigToken } from './providers/config';
+export { Platform } from './providers/platform';
+export { AngularDelegate, IonModalToken } from './providers/angular-delegate';
+export type { IonicWindow } from './types/interfaces';
+export type { ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from './types/ionic-lifecycle-hooks';
+export type { ModalOptions, PopoverOptions } from './types/overlay-options';
+export { NavParams } from './directives/navigation/nav-params';
+export { IonModal } from './overlays/modal';
+export { IonPopover } from './overlays/popover';
+export { IonRouterOutlet, provideComponentInputBinding } from './directives/navigation/router-outlet';
+export * from './directives/control-value-accessors';
+export { IonBackButton } from './directives/navigation/back-button';
+export { IonNav } from './directives/navigation/nav';
+export { RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, } from './directives/navigation/router-link-delegate';
+export { IonTabs } from './directives/navigation/tabs';
+export { ProxyCmp } from './utils/proxy';
+export { OverlayBaseController } from './utils/overlay';
+export { IonicRouteStrategy } from './utils/routing';
+export { raf } from './utils/util';

package/dist/common/index.js

@@ -0,0 +1,20 @@
+export { DomController } from './providers/dom-controller';
+export { MenuController } from './providers/menu-controller';
+export { NavController } from './providers/nav-controller';
+export { Config, ConfigToken } from './providers/config';
+export { Platform } from './providers/platform';
+export { AngularDelegate, IonModalToken } from './providers/angular-delegate';
+export { NavParams } from './directives/navigation/nav-params';
+export { IonModal } from './overlays/modal';
+export { IonPopover } from './overlays/popover';
+export { IonRouterOutlet, provideComponentInputBinding } from './directives/navigation/router-outlet';
+export * from './directives/control-value-accessors';
+export { IonBackButton } from './directives/navigation/back-button';
+export { IonNav } from './directives/navigation/nav';
+export { RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, } from './directives/navigation/router-link-delegate';
+export { IonTabs } from './directives/navigation/tabs';
+export { ProxyCmp } from './utils/proxy';
+export { OverlayBaseController } from './utils/overlay';
+export { IonicRouteStrategy } from './utils/routing';
+export { raf } from './utils/util';
+//# sourceMappingURL=index.js.map

package/dist/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM9E,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAEtG,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EACL,2BAA2B,EAC3B,mCAAmC,GACpC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC"}

package/dist/common/overlays/modal.d.ts

@@ -0,0 +1,62 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import type { Components, ModalBreakpointChangeEventDetail, ModalDragEventDetail } from '@ionic/core/components';
+import * as i0 from "@angular/core";
+export declare interface IonModal extends Components.IonModal {
+    /**
+     * Emitted after the modal has presented.
+     **/
+    ionModalDidPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has presented.
+     */
+    ionModalWillPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has dismissed.
+     */
+    ionModalWillDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal has dismissed.
+     */
+    ionModalDidDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal breakpoint has changed.
+     */
+    ionBreakpointDidChange: EventEmitter<CustomEvent<ModalBreakpointChangeEventDetail>>;
+    /**
+     * Emitted when the sheet or card modal has started being dragged.
+     */
+    ionDragStart: EventEmitter<void>;
+    /**
+     * Emitted while the sheet or card modal is being dragged.
+     */
+    ionDragMove: EventEmitter<CustomEvent<ModalDragEventDetail>>;
+    /**
+     * Emitted when the sheet or card modal has finished being dragged.
+     */
+    ionDragEnd: EventEmitter<CustomEvent<ModalDragEventDetail>>;
+    /**
+     * Emitted after the modal has presented. Shorthand for ionModalDidPresent.
+     */
+    didPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has presented. Shorthand for ionModalWillPresent.
+     */
+    willPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has dismissed. Shorthand for ionModalWillDismiss.
+     */
+    willDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal has dismissed. Shorthand for ionModalDidDismiss.
+     */
+    didDismiss: EventEmitter<CustomEvent>;
+}
+export declare class IonModal {
+    protected z: NgZone;
+    template: TemplateRef<any>;
+    isCmpOpen: boolean;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonModal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonModal, "ion-modal", never, { "animated": { "alias": "animated"; "required": false; }; "keepContentsMounted": { "alias": "keepContentsMounted"; "required": false; }; "backdropBreakpoint": { "alias": "backdropBreakpoint"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "canDismiss": { "alias": "canDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "expandToScroll": { "alias": "expandToScroll"; "required": false; }; "event": { "alias": "event"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "handle": { "alias": "handle"; "required": false; }; "handleBehavior": { "alias": "handleBehavior"; "required": false; }; "initialBreakpoint": { "alias": "initialBreakpoint"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "presentingElement": { "alias": "presentingElement"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, ["template"], never, true, never>;
+}

package/dist/common/overlays/modal.js

@@ -0,0 +1,101 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ContentChild, Directive, TemplateRef, } from '@angular/core';
+import { ProxyCmp, proxyOutputs } from '../utils/proxy';
+import * as i0 from "@angular/core";
+const MODAL_INPUTS = [
+    'animated',
+    'keepContentsMounted',
+    'backdropBreakpoint',
+    'backdropDismiss',
+    'breakpoints',
+    'canDismiss',
+    'cssClass',
+    'enterAnimation',
+    'expandToScroll',
+    'event',
+    'focusTrap',
+    'handle',
+    'handleBehavior',
+    'initialBreakpoint',
+    'isOpen',
+    'keyboardClose',
+    'leaveAnimation',
+    'mode',
+    'presentingElement',
+    'showBackdrop',
+    'translucent',
+    'trigger',
+];
+const MODAL_METHODS = [
+    'present',
+    'dismiss',
+    'onDidDismiss',
+    'onWillDismiss',
+    'setCurrentBreakpoint',
+    'getCurrentBreakpoint',
+];
+let IonModal = class IonModal {
+    z;
+    // TODO(FW-2827): type
+    template;
+    isCmpOpen = false;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        this.el = r.nativeElement;
+        this.el.addEventListener('ionMount', () => {
+            this.isCmpOpen = true;
+            c.detectChanges();
+        });
+        this.el.addEventListener('didDismiss', () => {
+            this.isCmpOpen = false;
+            c.detectChanges();
+        });
+        proxyOutputs(this, this.el, [
+            'ionModalDidPresent',
+            'ionModalWillPresent',
+            'ionModalWillDismiss',
+            'ionModalDidDismiss',
+            'ionBreakpointDidChange',
+            'didPresent',
+            'willPresent',
+            'willDismiss',
+            'didDismiss',
+            'ionDragStart',
+            'ionDragMove',
+            'ionDragEnd',
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IonModal, isStandalone: true, selector: "ion-modal", inputs: { animated: "animated", keepContentsMounted: "keepContentsMounted", backdropBreakpoint: "backdropBreakpoint", backdropDismiss: "backdropDismiss", breakpoints: "breakpoints", canDismiss: "canDismiss", cssClass: "cssClass", enterAnimation: "enterAnimation", expandToScroll: "expandToScroll", event: "event", focusTrap: "focusTrap", handle: "handle", handleBehavior: "handleBehavior", initialBreakpoint: "initialBreakpoint", isOpen: "isOpen", keyboardClose: "keyboardClose", leaveAnimation: "leaveAnimation", mode: "mode", presentingElement: "presentingElement", showBackdrop: "showBackdrop", translucent: "translucent", trigger: "trigger" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+};
+IonModal = __decorate([
+    ProxyCmp({
+        inputs: MODAL_INPUTS,
+        methods: MODAL_METHODS,
+    })
+    /**
+     * @Component extends from @Directive
+     * so by defining the inputs here we
+     * do not need to re-define them for the
+     * lazy loaded popover.
+     */
+], IonModal);
+export { IonModal };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonModal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ion-modal',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: MODAL_INPUTS,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: false }]
+            }] } });
+//# sourceMappingURL=modal.js.map

package/dist/common/overlays/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/common/overlays/modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAEL,YAAY,EACZ,SAAS,EAIT,WAAW,GACZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;AAqDxD,MAAM,YAAY,GAAG;IACnB,UAAU;IACV,qBAAqB;IACrB,oBAAoB;IACpB,iBAAiB;IACjB,aAAa;IACb,YAAY;IACZ,UAAU;IACV,gBAAgB;IAChB,gBAAgB;IAChB,OAAO;IACP,WAAW;IACX,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;IACnB,QAAQ;IACR,eAAe;IACf,gBAAgB;IAChB,MAAM;IACN,mBAAmB;IACnB,cAAc;IACd,aAAa;IACb,SAAS;CACV,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,SAAS;IACT,SAAS;IACT,cAAc;IACd,eAAe;IACf,sBAAsB;IACtB,sBAAsB;CACvB,CAAC;AAiBK,IAAM,QAAQ,GAAd,MAAM,QAAQ;IAQwC;IAP3D,sBAAsB;IACwB,QAAQ,CAAmB;IAEzE,SAAS,GAAG,KAAK,CAAC;IAER,EAAE,CAAc;IAE1B,YAAY,CAAoB,EAAE,CAAa,EAAY,CAAS;QAAT,MAAC,GAAD,CAAC,CAAQ;QAClE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAE1B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,CAAC,CAAC,aAAa,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YAC1C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,CAAC,CAAC,aAAa,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,oBAAoB;YACpB,qBAAqB;YACrB,qBAAqB;YACrB,oBAAoB;YACpB,wBAAwB;YACxB,YAAY;YACZ,aAAa;YACb,aAAa;YACb,YAAY;YACZ,cAAc;YACd,aAAa;YACb,YAAY;SACb,CAAC,CAAC;IACL,CAAC;uGAjCU,QAAQ;2FAAR,QAAQ,mvBAEL,WAAW;;AAFd,QAAQ;IAfpB,QAAQ,CAAC;QACR,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,aAAa;KACvB,CAAC;IACF;;;;;OAKG;GAMU,QAAQ,CAkCpB;;2FAlCY,QAAQ;kBALpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,uEAAuE;oBACvE,MAAM,EAAE,YAAY;iBACrB;;sBAGE,YAAY;uBAAC,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE"}

package/dist/common/overlays/popover.d.ts

@@ -0,0 +1,46 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import type { Components } from '@ionic/core/components';
+import * as i0 from "@angular/core";
+export declare interface IonPopover extends Components.IonPopover {
+    /**
+     * Emitted after the popover has presented.
+     */
+    ionPopoverDidPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the popover has presented.
+     */
+    ionPopoverWillPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed.
+     */
+    ionPopoverWillDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed.
+     */
+    ionPopoverDidDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has presented. Shorthand for ionPopoverDidPresent.
+     */
+    didPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the popover has presented. Shorthand for ionPopoverWillPresent.
+     */
+    willPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has presented. Shorthand for ionPopoverWillDismiss.
+     */
+    willDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed. Shorthand for ionPopoverDidDismiss.
+     */
+    didDismiss: EventEmitter<CustomEvent>;
+}
+export declare class IonPopover {
+    protected z: NgZone;
+    template: TemplateRef<any>;
+    isCmpOpen: boolean;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonPopover, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonPopover, "ion-popover", never, { "alignment": { "alias": "alignment"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "keepContentsMounted": { "alias": "keepContentsMounted"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "dismissOnSelect": { "alias": "dismissOnSelect"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "event": { "alias": "event"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerAction": { "alias": "triggerAction"; "required": false; }; "reference": { "alias": "reference"; "required": false; }; "size": { "alias": "size"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, ["template"], never, true, never>;
+}