@ionic/angular 8.8.19 → 8.8.20-dev.11787158518.168a2fea

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

package/{common → dist/common}/index.d.ts

@@ -3,7 +3,7 @@ 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, bindLifecycleEvents, IonModalToken } from './providers/angular-delegate';
+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';

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","sourcesContent":["export { DomController } from './providers/dom-controller';\nexport { MenuController } from './providers/menu-controller';\nexport { NavController } from './providers/nav-controller';\n\nexport { Config, ConfigToken } from './providers/config';\nexport { Platform } from './providers/platform';\n\nexport { AngularDelegate, IonModalToken } from './providers/angular-delegate';\n\nexport type { IonicWindow } from './types/interfaces';\nexport type { ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from './types/ionic-lifecycle-hooks';\nexport type { ModalOptions, PopoverOptions } from './types/overlay-options';\n\nexport { NavParams } from './directives/navigation/nav-params';\n\nexport { IonModal } from './overlays/modal';\nexport { IonPopover } from './overlays/popover';\n\nexport { IonRouterOutlet, provideComponentInputBinding } from './directives/navigation/router-outlet';\n\nexport * from './directives/control-value-accessors';\nexport { IonBackButton } from './directives/navigation/back-button';\nexport { IonNav } from './directives/navigation/nav';\nexport {\n  RouterLinkDelegateDirective,\n  RouterLinkWithHrefDelegateDirective,\n} from './directives/navigation/router-link-delegate';\nexport { IonTabs } from './directives/navigation/tabs';\n\nexport { ProxyCmp } from './utils/proxy';\n\nexport { OverlayBaseController } from './utils/overlay';\nexport { IonicRouteStrategy } from './utils/routing';\n\nexport { raf } from './utils/util';\n"]}

package/{common → dist/common}/overlays/modal.d.ts

@@ -58,5 +58,5 @@ export declare class IonModal {
     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, false, 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,96 @@
+import { __decorate } from "tslib";
+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',
+        ]);
+    }
+    /** @nocollapse */ 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 });
+    /** @nocollapse */ 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;0HAjCU,QAAQ;8GAAR,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","sourcesContent":["import {\n  ChangeDetectorRef,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  NgZone,\n  TemplateRef,\n} from '@angular/core';\nimport type { Components, ModalBreakpointChangeEventDetail, ModalDragEventDetail } from '@ionic/core/components';\n\nimport { ProxyCmp, proxyOutputs } from '../utils/proxy';\n\nexport declare interface IonModal extends Components.IonModal {\n  /**\n   * Emitted after the modal has presented.\n   **/\n  ionModalDidPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the modal has presented.\n   */\n  ionModalWillPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the modal has dismissed.\n   */\n  ionModalWillDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the modal has dismissed.\n   */\n  ionModalDidDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the modal breakpoint has changed.\n   */\n  ionBreakpointDidChange: EventEmitter<CustomEvent<ModalBreakpointChangeEventDetail>>;\n  /**\n   * Emitted when the sheet or card modal has started being dragged.\n   */\n  ionDragStart: EventEmitter<void>;\n  /**\n   * Emitted while the sheet or card modal is being dragged.\n   */\n  ionDragMove: EventEmitter<CustomEvent<ModalDragEventDetail>>;\n  /**\n   * Emitted when the sheet or card modal has finished being dragged.\n   */\n  ionDragEnd: EventEmitter<CustomEvent<ModalDragEventDetail>>;\n  /**\n   * Emitted after the modal has presented. Shorthand for ionModalDidPresent.\n   */\n  didPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the modal has presented. Shorthand for ionModalWillPresent.\n   */\n  willPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the modal has dismissed. Shorthand for ionModalWillDismiss.\n   */\n  willDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the modal has dismissed. Shorthand for ionModalDidDismiss.\n   */\n  didDismiss: EventEmitter<CustomEvent>;\n}\n\nconst MODAL_INPUTS = [\n  'animated',\n  'keepContentsMounted',\n  'backdropBreakpoint',\n  'backdropDismiss',\n  'breakpoints',\n  'canDismiss',\n  'cssClass',\n  'enterAnimation',\n  'expandToScroll',\n  'event',\n  'focusTrap',\n  'handle',\n  'handleBehavior',\n  'initialBreakpoint',\n  'isOpen',\n  'keyboardClose',\n  'leaveAnimation',\n  'mode',\n  'presentingElement',\n  'showBackdrop',\n  'translucent',\n  'trigger',\n];\n\nconst MODAL_METHODS = [\n  'present',\n  'dismiss',\n  'onDidDismiss',\n  'onWillDismiss',\n  'setCurrentBreakpoint',\n  'getCurrentBreakpoint',\n];\n\n@ProxyCmp({\n  inputs: MODAL_INPUTS,\n  methods: MODAL_METHODS,\n})\n/**\n * @Component extends from @Directive\n * so by defining the inputs here we\n * do not need to re-define them for the\n * lazy loaded popover.\n */\n@Directive({\n  selector: 'ion-modal',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: MODAL_INPUTS,\n})\nexport class IonModal {\n  // TODO(FW-2827): type\n  @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>;\n\n  isCmpOpen = false;\n\n  protected el: HTMLElement;\n\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    this.el = r.nativeElement;\n\n    this.el.addEventListener('ionMount', () => {\n      this.isCmpOpen = true;\n      c.detectChanges();\n    });\n    this.el.addEventListener('didDismiss', () => {\n      this.isCmpOpen = false;\n      c.detectChanges();\n    });\n    proxyOutputs(this, this.el, [\n      'ionModalDidPresent',\n      'ionModalWillPresent',\n      'ionModalWillDismiss',\n      'ionModalDidDismiss',\n      'ionBreakpointDidChange',\n      'didPresent',\n      'willPresent',\n      'willDismiss',\n      'didDismiss',\n      'ionDragStart',\n      'ionDragMove',\n      'ionDragEnd',\n    ]);\n  }\n}\n"]}

package/{common → dist/common}/overlays/popover.d.ts

@@ -42,5 +42,5 @@ export declare class IonPopover {
     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, false, 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>;
 }

package/dist/common/overlays/popover.js

@@ -0,0 +1,84 @@
+import { __decorate } from "tslib";
+import { ContentChild, Directive, TemplateRef, } from '@angular/core';
+import { ProxyCmp, proxyOutputs } from '../utils/proxy';
+import * as i0 from "@angular/core";
+const POPOVER_INPUTS = [
+    'alignment',
+    'animated',
+    'arrow',
+    'keepContentsMounted',
+    'backdropDismiss',
+    'cssClass',
+    'dismissOnSelect',
+    'enterAnimation',
+    'event',
+    'focusTrap',
+    'isOpen',
+    'keyboardClose',
+    'leaveAnimation',
+    'mode',
+    'showBackdrop',
+    'translucent',
+    'trigger',
+    'triggerAction',
+    'reference',
+    'size',
+    'side',
+];
+const POPOVER_METHODS = ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'];
+let IonPopover = class IonPopover {
+    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, [
+            'ionPopoverDidPresent',
+            'ionPopoverWillPresent',
+            'ionPopoverWillDismiss',
+            'ionPopoverDidDismiss',
+            'didPresent',
+            'willPresent',
+            'willDismiss',
+            'didDismiss',
+        ]);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IonPopover, isStandalone: true, selector: "ion-popover", inputs: { alignment: "alignment", animated: "animated", arrow: "arrow", keepContentsMounted: "keepContentsMounted", backdropDismiss: "backdropDismiss", cssClass: "cssClass", dismissOnSelect: "dismissOnSelect", enterAnimation: "enterAnimation", event: "event", focusTrap: "focusTrap", isOpen: "isOpen", keyboardClose: "keyboardClose", leaveAnimation: "leaveAnimation", mode: "mode", showBackdrop: "showBackdrop", translucent: "translucent", trigger: "trigger", triggerAction: "triggerAction", reference: "reference", size: "size", side: "side" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+};
+IonPopover = __decorate([
+    ProxyCmp({
+        inputs: POPOVER_INPUTS,
+        methods: POPOVER_METHODS,
+    })
+    /**
+     * @Component extends from @Directive
+     * so by defining the inputs here we
+     * do not need to re-define them for the
+     * lazy loaded popover.
+     */
+], IonPopover);
+export { IonPopover };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonPopover, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ion-popover',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: POPOVER_INPUTS,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: false }]
+            }] } });
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/common/overlays/popover.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;;AAqCxD,MAAM,cAAc,GAAG;IACrB,WAAW;IACX,UAAU;IACV,OAAO;IACP,qBAAqB;IACrB,iBAAiB;IACjB,UAAU;IACV,iBAAiB;IACjB,gBAAgB;IAChB,OAAO;IACP,WAAW;IACX,QAAQ;IACR,eAAe;IACf,gBAAgB;IAChB,MAAM;IACN,cAAc;IACd,aAAa;IACb,SAAS;IACT,eAAe;IACf,WAAW;IACX,MAAM;IACN,MAAM;CACP,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AAiBzE,IAAM,UAAU,GAAhB,MAAM,UAAU;IAQsC;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,sBAAsB;YACtB,uBAAuB;YACvB,uBAAuB;YACvB,sBAAsB;YACtB,YAAY;YACZ,aAAa;YACb,aAAa;YACb,YAAY;SACb,CAAC,CAAC;IACL,CAAC;0HA7BU,UAAU;8GAAV,UAAU,+oBAEP,WAAW;;AAFd,UAAU;IAftB,QAAQ,CAAC;QACR,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,eAAe;KACzB,CAAC;IACF;;;;;OAKG;GAMU,UAAU,CA8BtB;;2FA9BY,UAAU;kBALtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,uEAAuE;oBACvE,MAAM,EAAE,cAAc;iBACvB;;sBAGE,YAAY;uBAAC,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE","sourcesContent":["import {\n  ChangeDetectorRef,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  NgZone,\n  TemplateRef,\n} from '@angular/core';\nimport type { Components } from '@ionic/core/components';\n\nimport { ProxyCmp, proxyOutputs } from '../utils/proxy';\n\nexport declare interface IonPopover extends Components.IonPopover {\n  /**\n   * Emitted after the popover has presented.\n   */\n  ionPopoverDidPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the popover has presented.\n   */\n  ionPopoverWillPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the popover has dismissed.\n   */\n  ionPopoverWillDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the popover has dismissed.\n   */\n  ionPopoverDidDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the popover has presented. Shorthand for ionPopoverDidPresent.\n   */\n  didPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted before the popover has presented. Shorthand for ionPopoverWillPresent.\n   */\n  willPresent: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the popover has presented. Shorthand for ionPopoverWillDismiss.\n   */\n  willDismiss: EventEmitter<CustomEvent>;\n  /**\n   * Emitted after the popover has dismissed. Shorthand for ionPopoverDidDismiss.\n   */\n  didDismiss: EventEmitter<CustomEvent>;\n}\n\nconst POPOVER_INPUTS = [\n  'alignment',\n  'animated',\n  'arrow',\n  'keepContentsMounted',\n  'backdropDismiss',\n  'cssClass',\n  'dismissOnSelect',\n  'enterAnimation',\n  'event',\n  'focusTrap',\n  'isOpen',\n  'keyboardClose',\n  'leaveAnimation',\n  'mode',\n  'showBackdrop',\n  'translucent',\n  'trigger',\n  'triggerAction',\n  'reference',\n  'size',\n  'side',\n];\n\nconst POPOVER_METHODS = ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'];\n\n@ProxyCmp({\n  inputs: POPOVER_INPUTS,\n  methods: POPOVER_METHODS,\n})\n/**\n * @Component extends from @Directive\n * so by defining the inputs here we\n * do not need to re-define them for the\n * lazy loaded popover.\n */\n@Directive({\n  selector: 'ion-popover',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: POPOVER_INPUTS,\n})\nexport class IonPopover {\n  // TODO(FW-2827): type\n  @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>;\n\n  isCmpOpen = false;\n\n  protected el: HTMLElement;\n\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    this.el = r.nativeElement;\n\n    this.el.addEventListener('ionMount', () => {\n      this.isCmpOpen = true;\n      c.detectChanges();\n    });\n    this.el.addEventListener('didDismiss', () => {\n      this.isCmpOpen = false;\n      c.detectChanges();\n    });\n    proxyOutputs(this, this.el, [\n      'ionPopoverDidPresent',\n      'ionPopoverWillPresent',\n      'ionPopoverWillDismiss',\n      'ionPopoverDidDismiss',\n      'didPresent',\n      'willPresent',\n      'willDismiss',\n      'didDismiss',\n    ]);\n  }\n}\n"]}

package/{common → dist/common}/providers/angular-delegate.d.ts

@@ -1,4 +1,4 @@
-import { ApplicationRef, ComponentRef, EnvironmentInjector, InjectionToken, Injector, NgZone } from '@angular/core';
+import { ApplicationRef, ChangeDetectorRef, ComponentRef, EnvironmentInjector, InjectionToken, Injector, NgZone } from '@angular/core';
 import { FrameworkDelegate } from '@ionic/core/components';
 import * as i0 from "@angular/core";
 export declare const IonModalToken: InjectionToken<HTMLIonModalElement>;
@@ -25,4 +25,4 @@ export declare class AngularFrameworkDelegate implements FrameworkDelegate {
     removeViewFromDom(_container: any, component: any): Promise<void>;
 }
 export declare const attachView: (zone: NgZone, environmentInjector: EnvironmentInjector, injector: Injector, applicationRef: ApplicationRef, elRefMap: WeakMap<HTMLElement, ComponentRef<any>>, elEventsMap: WeakMap<HTMLElement, () => void>, container: any, component: any, params: any, cssClasses: string[] | undefined, elementReferenceKey: string | undefined, enableSignalsSupport: boolean | undefined, customInjector?: Injector) => any;
-export declare const bindLifecycleEvents: (zone: NgZone, instance: any, element: HTMLElement) => (() => void);
+export declare const bindLifecycleEvents: (zone: NgZone, changeDetectorRef: ChangeDetectorRef, instance: any, element: HTMLElement) => (() => void);