@ionic/core 8.3.2-dev.11728314937.130218e6 → 8.3.2-dev.11729014526.1ab61c12

package/dist/cjs/ion-app_8.cjs.entry.js

@@ -5,27 +5,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const focusVisible = require('./focus-visible-9aa87fa3.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
-const helpers = require('./helpers-e75eb909.js');
+const index = require('./index-73f75efb.js');
+const hardwareBackButton = require('./hardware-back-button-d37054f2.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
+const helpers = require('./helpers-afaa9001.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const index = require('./index-1d02518d.js');
-const keyboardController = require('./keyboard-controller-020444ad.js');
+const index$1 = require('./index-2fa32189.js');
+const keyboardController = require('./keyboard-controller-c05e747a.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
+const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const index$1 = require('./index-3ac79a1b.js');
-require('./keyboard-ed6e1327.js');
-require('./capacitor-806e7fee.js');
+const index$2 = require('./index-694a3808.js');
+require('./index-c8d52405.js');
+require('./keyboard-0272231f.js');
+require('./capacitor-c04564bf.js');
 
 const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
 const IonAppStyle0 = appCss;
 
 const App = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
+    }
+    componentDidLoad() {
+        {
+            rIC(async () => {
+                const isHybrid = ionicGlobal.isPlatform(window, 'hybrid');
+                if (!ionicGlobal.config.getBoolean('_testing')) {
+                    Promise.resolve().then(function () { return require('./index-9509ecad.js'); }).then((module) => module.startTapClick(ionicGlobal.config));
+                }
+                if (ionicGlobal.config.getBoolean('statusTap', isHybrid)) {
+                    Promise.resolve().then(function () { return require('./status-tap-28780caa.js'); }).then((module) => module.startStatusTap());
+                }
+                if (ionicGlobal.config.getBoolean('inputShims', needInputShims())) {
+                    /**
+                     * needInputShims() ensures that only iOS and Android
+                     * platforms proceed into this block.
+                     */
+                    const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
+                    Promise.resolve().then(function () { return require('./input-shims-ab680ecf.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
+                }
+                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-d37054f2.js'); });
+                const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shouldUseCloseWatcher();
+                if (ionicGlobal.config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
+                    hardwareBackButtonModule.startHardwareBackButton();
+                }
+                else {
+                    /**
+                     * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
+                     * then the close watcher will not be used.
+                     */
+                    if (hardwareBackButton.shouldUseCloseWatcher()) {
+                        ionicGlobal.printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
+                    }
+                    hardwareBackButtonModule.blockHardwareBackButton();
+                }
+                if (typeof window !== 'undefined') {
+                    Promise.resolve().then(function () { return require('./keyboard-af1bb365.js'); }).then((module) => module.startKeyboardAssist(window));
+                }
+                Promise.resolve().then(function () { return require('./focus-visible-7a0ce04f.js'); }).then((module) => (this.focusVisible = module.startFocusVisible()));
+            });
+        }
     }
     /**
      * @internal
@@ -38,18 +79,46 @@ const App = class {
      * presented as a result of keyboard action.)
      */
     async setFocus(elements) {
-        const focusVisible$1 = focusVisible.getOrInitFocusVisibleUtility();
-        focusVisible$1.setFocus(elements);
+        if (this.focusVisible) {
+            this.focusVisible.setFocus(elements);
+        }
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: '4ce289826d0119c07c227beeee2a708cc3f6e309', class: {
+        return (index.h(index.Host, { key: 'd65c8ab0ff36058e8d66849617b530b1df43dbb7', class: {
                 [theme]: true,
                 'ion-page': true,
-                'force-statusbar-padding': config.config.getBoolean('_forceStatusbarPadding'),
+                'force-statusbar-padding': ionicGlobal.config.getBoolean('_forceStatusbarPadding'),
             } }));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
+};
+const needInputShims = () => {
+    /**
+     * iOS always needs input shims
+     */
+    const needsShimsIOS = ionicGlobal.isPlatform(window, 'ios') && ionicGlobal.isPlatform(window, 'mobile');
+    if (needsShimsIOS) {
+        return true;
+    }
+    /**
+     * Android only needs input shims when running
+     * in the browser and only if the browser is using the
+     * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/
+     */
+    const isAndroidMobileWeb = ionicGlobal.isPlatform(window, 'android') && ionicGlobal.isPlatform(window, 'mobileweb');
+    if (isAndroidMobileWeb) {
+        return true;
+    }
+    return false;
+};
+const rIC = (callback) => {
+    if ('requestIdleCallback' in window) {
+        window.requestIdleCallback(callback);
+    }
+    else {
+        setTimeout(callback, 32);
+    }
 };
 App.style = IonAppStyle0;
 
@@ -64,15 +133,15 @@ const IonButtonsMdStyle0 = buttonsMdCss;
 
 const Buttons = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.collapse = false;
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: 'a32c3dd9e4c8a0e24be5227a3fc020a9283db778', class: {
+        return (index.h(index.Host, { key: 'a32c3dd9e4c8a0e24be5227a3fc020a9283db778', class: {
                 [theme]: true,
                 ['buttons-collapse']: this.collapse,
-            } }, config.h("slot", { key: '2a8e7bc3a127bafd38203e6cf0098ff9c160c35c' })));
+            } }, index.h("slot", { key: '2a8e7bc3a127bafd38203e6cf0098ff9c160c35c' })));
     }
 };
 Buttons.style = {
@@ -86,10 +155,10 @@ const IonContentStyle0 = contentCss;
 
 const Content = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionScrollStart = config.createEvent(this, "ionScrollStart", 7);
-        this.ionScroll = config.createEvent(this, "ionScroll", 7);
-        this.ionScrollEnd = config.createEvent(this, "ionScrollEnd", 7);
+        index.registerInstance(this, hostRef);
+        this.ionScrollStart = index.createEvent(this, "ionScrollStart", 7);
+        this.ionScroll = index.createEvent(this, "ionScroll", 7);
+        this.ionScrollEnd = index.createEvent(this, "ionScrollEnd", 7);
         this.watchDog = null;
         this.isScrolling = false;
         this.lastScroll = 0;
@@ -236,11 +305,11 @@ const Content = class {
          */
         {
             if (this.fullscreen) {
-                config.readTask(() => this.readDimensions());
+                index.readTask(() => this.readDimensions());
             }
             else if (this.cTop !== 0 || this.cBottom !== 0) {
                 this.cTop = this.cBottom = 0;
-                config.forceUpdate(this);
+                index.forceUpdate(this);
             }
         }
     }
@@ -252,7 +321,7 @@ const Content = class {
         if (dirty) {
             this.cTop = top;
             this.cBottom = bottom;
-            config.forceUpdate(this);
+            index.forceUpdate(this);
         }
     }
     onScroll(ev) {
@@ -264,7 +333,7 @@ const Content = class {
         }
         if (!this.queued && this.scrollEvents) {
             this.queued = true;
-            config.readTask((ts) => {
+            index.readTask((ts) => {
                 this.queued = false;
                 this.detail.event = ev;
                 updateScrollDetail(this.detail, this.scrollEl, ts, shouldStart);
@@ -414,7 +483,7 @@ const Content = class {
         const forceOverscroll = this.shouldForceOverscroll(mode);
         const transitionShadow = theme$1 === 'ios';
         this.resize();
-        return (config.h(config.Host, Object.assign({ key: '0eca3101fd42bed7d5a946f0ce498980648300c6', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, Object.assign({ key: 'fd9c5f0f602b050cf46a36630c97009f552459d2', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'content-sizing': theme.hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -422,14 +491,14 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), config.h("div", { key: 'c5ce6bdad3e93161808155e942cd755f9ecbbe74', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? config.h("slot", { name: "fixed" }) : null, config.h("div", { key: '25ff5de101b4ace7dcde37f5dbb82f70daf0f759', class: {
+            } }, inheritedAttributes), index.h("div", { key: '78a358870fed20509780e25d036437f5ebc8a8a6', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? index.h("slot", { name: "fixed" }) : null, index.h("div", { key: 'd659d1a2cebe4e9bb35a07c6777e3ec9c9cf2b3f', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, config.h("slot", { key: '98459fde64164bf6eeb32a550a56e5a6c9cef74c' })), transitionShadow ? (config.h("div", { class: "transition-effect" }, config.h("div", { class: "transition-cover" }), config.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? config.h("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, index.h("slot", { key: 'f644fc44ba78643b5ececde769c35998b8206273' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 const getParentElement = (el) => {
     var _a;
@@ -453,8 +522,7 @@ const getPageElement = (el) => {
      * between the popover and the edges of the screen. But if the popover contains
      * its own page element, we should use that instead.
      */
-    const appRootSelector = config.config.get('appRootSelector', 'ion-app');
-    const page = el.closest(`${appRootSelector}, ion-page, .ion-page, page-inner, .popover-content`);
+    const page = el.closest('ion-app, ion-page, .ion-page, page-inner, .popover-content');
     if (page) {
         return page;
     }
@@ -490,7 +558,7 @@ const updateScrollDetail = (detail, el, timestamp, shouldStart) => {
 Content.style = IonContentStyle0;
 
 const handleFooterFade = (scrollEl, baseEl) => {
-    config.readTask(() => {
+    index.readTask(() => {
         const scrollTop = scrollEl.scrollTop;
         const maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;
         /**
@@ -512,7 +580,7 @@ const handleFooterFade = (scrollEl, baseEl) => {
         const fadeStart = maxScroll - fadeDuration;
         const distanceToStart = scrollTop - fadeStart;
         const scale = helpers.clamp(0, 1 - distanceToStart / fadeDuration, 1);
-        config.writeTask(() => {
+        index.writeTask(() => {
             baseEl.style.setProperty('--opacity-scale', scale.toString());
         });
     });
@@ -529,7 +597,7 @@ const IonFooterMdStyle0 = footerMdCss;
 
 const Footer = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.keyboardCtrl = null;
         this.checkCollapsibleFooter = () => {
             const theme = ionicGlobal.getIonTheme(this);
@@ -540,18 +608,17 @@ const Footer = class {
             const hasFade = collapse === 'fade';
             this.destroyCollapsibleFooter();
             if (hasFade) {
-                const appRootSelector = config.config.get('appRootSelector', 'ion-app');
-                const pageEl = this.el.closest(`${appRootSelector},ion-page,.ion-page,page-inner`);
-                const contentEl = pageEl ? index.findIonContent(pageEl) : null;
+                const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
+                const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
                 if (!contentEl) {
-                    index.printIonContentErrorMsg(this.el);
+                    index$1.printIonContentErrorMsg(this.el);
                     return;
                 }
                 this.setupFadeFooter(contentEl);
             }
         };
         this.setupFadeFooter = async (contentEl) => {
-            const scrollEl = (this.scrollEl = await index.getScrollElement(contentEl));
+            const scrollEl = (this.scrollEl = await index$1.getScrollElement(contentEl));
             /**
              * Handle fading of toolbars on scroll
              */
@@ -600,7 +667,7 @@ const Footer = class {
         const theme = ionicGlobal.getIonTheme(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (config.h(config.Host, { key: '4d217c3986708145ae20c4702c0a6343c2300530', role: "contentinfo", class: {
+        return (index.h(index.Host, { key: 'd7358eba783967c0a5deaff543f9ea172baf7ec3', role: "contentinfo", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`footer-${theme}`]: true,
@@ -608,9 +675,9 @@ const Footer = class {
                 [`footer-translucent-${theme}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, theme === 'ios' && translucent && config.h("div", { key: 'c17c1cc7f073186594604dbf366d7a1c31f7cb0f', class: "footer-background" }), config.h("slot", { key: '043d2fea09805fed312774970ef353eca579710a' })));
+            } }, theme === 'ios' && translucent && index.h("div", { key: '1af37a980ee38cbe8b774af553caed43420ffe20', class: "footer-background" }), index.h("slot", { key: '2cd84214b1611b814b616eda67df8792f7b00447' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 Footer.style = {
     ionic: IonFooterIonicStyle0,
@@ -650,13 +717,13 @@ const createHeaderIndex = (headerEl) => {
     };
 };
 const handleContentScroll = (scrollEl, scrollHeaderIndex, contentEl) => {
-    config.readTask(() => {
+    index.readTask(() => {
         const scrollTop = scrollEl.scrollTop;
         const scale = helpers.clamp(1, 1 + -scrollTop / 500, 1.1);
         // Native refresher should not cause titles to scale
         const nativeRefresher = contentEl.querySelector('ion-refresher.refresher-native');
         if (nativeRefresher === null) {
-            config.writeTask(() => {
+            index.writeTask(() => {
                 scaleLargeTitles(scrollHeaderIndex.toolbars, scale);
             });
         }
@@ -704,7 +771,7 @@ const handleToolbarBorderIntersection = (ev, mainHeaderIndex, scrollTop) => {
  */
 const handleToolbarIntersection = (ev, // TODO(FW-2832): type (IntersectionObserverEntry[] triggers errors which should be sorted)
 mainHeaderIndex, scrollHeaderIndex, scrollEl) => {
-    config.writeTask(() => {
+    index.writeTask(() => {
         const scrollTop = scrollEl.scrollTop;
         handleToolbarBorderIntersection(ev, mainHeaderIndex, scrollTop);
         const event = ev[0];
@@ -763,7 +830,7 @@ const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
     });
 };
 const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
-    config.readTask(() => {
+    index.readTask(() => {
         const scrollTop = scrollEl.scrollTop;
         const baseElHeight = baseEl.clientHeight;
         const fadeStart = condenseHeader ? condenseHeader.clientHeight : 0;
@@ -787,7 +854,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
         const distanceToStart = scrollTop - fadeStart;
         const fadeDuration = 10;
         const scale = helpers.clamp(0, distanceToStart / fadeDuration, 1);
-        config.writeTask(() => {
+        index.writeTask(() => {
             scrollEl.style.removeProperty('clip-path');
             baseEl.style.setProperty('--opacity-scale', scale.toString());
         });
@@ -805,10 +872,10 @@ const IonHeaderMdStyle0 = headerMdCss;
 
 const Header = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.setupFadeHeader = async (contentEl, condenseHeader) => {
-            const scrollEl = (this.scrollEl = await index.getScrollElement(contentEl));
+            const scrollEl = (this.scrollEl = await index$1.getScrollElement(contentEl));
             /**
              * Handle fading of toolbars on scroll
              */
@@ -844,11 +911,10 @@ const Header = class {
         const hasFade = collapse === 'fade';
         this.destroyCollapsibleHeader();
         if (hasCondense) {
-            const appRootSelector = config.config.get('appRootSelector', 'ion-app');
-            const pageEl = this.el.closest(`${appRootSelector},ion-page,.ion-page,page-inner`);
-            const contentEl = pageEl ? index.findIonContent(pageEl) : null;
+            const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
+            const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
             // Cloned elements are always needed in iOS transition
-            config.writeTask(() => {
+            index.writeTask(() => {
                 const title = cloneElement('ion-title');
                 title.size = 'large';
                 cloneElement('ion-back-button');
@@ -856,10 +922,10 @@ const Header = class {
             await this.setupCondenseHeader(contentEl, pageEl);
         }
         else if (hasFade) {
-            const pageEl = this.el.closest('ion-app,.ion-app,ion-page,.ion-page,page-inner');
-            const contentEl = pageEl ? index.findIonContent(pageEl) : null;
+            const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
+            const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
             if (!contentEl) {
-                index.printIonContentErrorMsg(this.el);
+                index$1.printIonContentErrorMsg(this.el);
                 return;
             }
             const condenseHeader = contentEl.querySelector('ion-header[collapse="condense"]');
@@ -882,13 +948,13 @@ const Header = class {
     }
     async setupCondenseHeader(contentEl, pageEl) {
         if (!contentEl || !pageEl) {
-            index.printIonContentErrorMsg(this.el);
+            index$1.printIonContentErrorMsg(this.el);
             return;
         }
         if (typeof IntersectionObserver === 'undefined') {
             return;
         }
-        this.scrollEl = await index.getScrollElement(contentEl);
+        this.scrollEl = await index$1.getScrollElement(contentEl);
         const headers = pageEl.querySelectorAll('ion-header');
         this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');
         if (!this.collapsibleMainHeader) {
@@ -924,7 +990,7 @@ const Header = class {
             handleContentScroll(this.scrollEl, scrollHeaderIndex, contentEl);
         };
         this.scrollEl.addEventListener('scroll', this.contentScrollCallback);
-        config.writeTask(() => {
+        index.writeTask(() => {
             if (this.collapsibleMainHeader !== undefined) {
                 this.collapsibleMainHeader.classList.add('header-collapse-main');
             }
@@ -936,7 +1002,7 @@ const Header = class {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = theme.hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (config.h(config.Host, Object.assign({ key: '97f8672c11986b50e3abb741fdb2a931aeacfbdf', role: roleType, class: {
+        return (index.h(index.Host, Object.assign({ key: 'adbbe07d77bad24706b0bd759f8170494a81a289', role: roleType, class: {
                 [theme$1]: true,
                 // Used internally for styling
                 [`header-${theme$1}`]: true,
@@ -944,9 +1010,9 @@ const Header = class {
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${theme$1}`]: this.translucent,
                 ['header-divider']: divider,
-            } }, inheritedAttributes), theme$1 === 'ios' && translucent && config.h("div", { key: '47279f7dcc4c138ab431aba4c240d53f8574eb31', class: "header-background" }), config.h("slot", { key: '44001b96332d3d95d443d8782fa582f931221cde' })));
+            } }, inheritedAttributes), theme$1 === 'ios' && translucent && index.h("div", { key: '658e2bd6083b7025fe25f3a7ef7e068b5de85d26', class: "header-background" }), index.h("slot", { key: 'd15ec6f1c6dcf4a316461dc917aceb50e54bd2c3' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 Header.style = {
     ionic: IonHeaderIonicStyle0,
@@ -959,10 +1025,10 @@ const IonRouterOutletStyle0 = routerOutletCss;
 
 const RouterOutlet = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionNavWillLoad = config.createEvent(this, "ionNavWillLoad", 7);
-        this.ionNavWillChange = config.createEvent(this, "ionNavWillChange", 3);
-        this.ionNavDidChange = config.createEvent(this, "ionNavDidChange", 3);
+        index.registerInstance(this, hostRef);
+        this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
+        this.ionNavWillChange = index.createEvent(this, "ionNavWillChange", 3);
+        this.ionNavDidChange = index.createEvent(this, "ionNavDidChange", 3);
         this.lockController = lockController.createLockController();
         this.gestureOrAnimationInProgress = false;
         this.mode = ionicGlobal.getIonMode(this);
@@ -983,7 +1049,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-ecdf1cf5.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-0303a5e4.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
             if (this.ani) {
                 this.ani.onFinish(() => {
                     this.gestureOrAnimationInProgress = false;
@@ -1083,9 +1149,9 @@ const RouterOutlet = class {
         // emit nav will change event
         this.ionNavWillChange.emit();
         const { el, mode } = this;
-        const animated = this.animated && config.config.getBoolean('animated', true);
-        const animationBuilder = opts.animationBuilder || this.animation || config.config.get('navAnimation');
-        await index$1.transition(Object.assign(Object.assign({ mode,
+        const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
+        const animationBuilder = opts.animationBuilder || this.animation || ionicGlobal.config.get('navAnimation');
+        await index$2.transition(Object.assign(Object.assign({ mode,
             animated,
             enteringEl,
             leavingEl, baseEl: el,
@@ -1129,9 +1195,9 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return config.h("slot", { key: '3ead75e18b3e5703d765dd5b69e4831ea750c141' });
+        return index.h("slot", { key: '3ead75e18b3e5703d765dd5b69e4831ea750c141' });
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "swipeHandler": ["swipeHandlerChanged"]
     }; }
@@ -1149,8 +1215,8 @@ const IonTitleMdStyle0 = titleMdCss;
 
 const ToolbarTitle = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionStyle = config.createEvent(this, "ionStyle", 7);
+        index.registerInstance(this, hostRef);
+        this.ionStyle = index.createEvent(this, "ionStyle", 7);
         this.color = undefined;
         this.size = undefined;
     }
@@ -1172,13 +1238,13 @@ const ToolbarTitle = class {
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
-        return (config.h(config.Host, { key: 'f381a740291cd926b40f52a3020fe3905f96fe1f', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f381a740291cd926b40f52a3020fe3905f96fe1f', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, config.h("div", { key: '01169b8d89fe706b3d6700d60429963be41ccd8d', class: "toolbar-title" }, config.h("slot", { key: '38222a860da0030c168c3adc8361796e1ba7598f' }))));
+            }) }, index.h("div", { key: '01169b8d89fe706b3d6700d60429963be41ccd8d', class: "toolbar-title" }, index.h("slot", { key: '38222a860da0030c168c3adc8361796e1ba7598f' }))));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "size": ["sizeChanged"]
     }; }
@@ -1200,7 +1266,7 @@ const IonToolbarMdStyle0 = toolbarMdCss;
 
 const Toolbar = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.childrenStyles = new Map();
         this.color = undefined;
     }
@@ -1239,7 +1305,7 @@ const Toolbar = class {
         });
         if (hasStyleChange) {
             this.childrenStyles.set(tagName, newStyles);
-            config.forceUpdate(this);
+            index.forceUpdate(this);
         }
     }
     render() {
@@ -1248,12 +1314,12 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (config.h(config.Host, { key: '0b157e806d08ed75667a8d4c824531274c636c3f', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '0b157e806d08ed75667a8d4c824531274c636c3f', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            })) }, config.h("div", { key: '8413374c1b4f3d16afb265d89a2506c83983da11', class: "toolbar-background" }), config.h("div", { key: 'da917701a03f82fe0030c68663381f99324dd9aa', class: "toolbar-container" }, config.h("slot", { key: '89cbc4450b377901cd732dcef02303a41205f202', name: "start" }), config.h("slot", { key: 'ee00a40995e755970cb9be8ccacaefbe394bca93', name: "secondary" }), config.h("div", { key: 'ae653739005ac675f789a57a6c5ee6899d24c34b', class: "toolbar-content" }, config.h("slot", { key: 'e90829ef9c274f14bfd8e85834183d3498bd2825' })), config.h("slot", { key: '8f5106bb52b434a6760cf6f7848471ab99f2c80b', name: "primary" }), config.h("slot", { key: '9d20e5120164268411bd7e9e091ced61d24da5cc', name: "end" }))));
+            })) }, index.h("div", { key: '8413374c1b4f3d16afb265d89a2506c83983da11', class: "toolbar-background" }), index.h("div", { key: 'da917701a03f82fe0030c68663381f99324dd9aa', class: "toolbar-container" }, index.h("slot", { key: '89cbc4450b377901cd732dcef02303a41205f202', name: "start" }), index.h("slot", { key: 'ee00a40995e755970cb9be8ccacaefbe394bca93', name: "secondary" }), index.h("div", { key: 'ae653739005ac675f789a57a6c5ee6899d24c34b', class: "toolbar-content" }, index.h("slot", { key: 'e90829ef9c274f14bfd8e85834183d3498bd2825' })), index.h("slot", { key: '8f5106bb52b434a6760cf6f7848471ab99f2c80b', name: "primary" }), index.h("slot", { key: '9d20e5120164268411bd7e9e091ced61d24da5cc', name: "end" }))));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 Toolbar.style = {
     ionic: IonToolbarIonicStyle0,

package/dist/cjs/ion-avatar_3.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const index = require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
 const theme = require('./theme-d1c573d2.js');
 
 const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xxsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";
@@ -20,7 +20,7 @@ const IonAvatarMdStyle0 = avatarMdCss;
 
 const Avatar = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.size = undefined;
         this.shape = undefined;
     }
@@ -58,15 +58,15 @@ const Avatar = class {
         const theme = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (config.h(config.Host, { key: '169f3e804c30f9eedc8c3cf064af9871bead2f5f', class: {
+        return (index.h(index.Host, { key: '169f3e804c30f9eedc8c3cf064af9871bead2f5f', class: {
                 [theme]: true,
                 [`avatar-${size}`]: size !== undefined,
                 [`avatar-${shape}`]: shape !== undefined,
                 [`avatar-image`]: this.hasImage,
                 [`avatar-icon`]: this.hasIcon,
-            } }, config.h("slot", { key: '67bb5a3c1a6bd33af37141df05663f1685c84286' })));
+            } }, index.h("slot", { key: '67bb5a3c1a6bd33af37141df05663f1685c84286' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 Avatar.style = {
     ionic: IonAvatarIonicStyle0,
@@ -85,7 +85,7 @@ const IonBadgeMdStyle0 = badgeMdCss;
 
 const Badge = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.color = undefined;
         this.shape = undefined;
         this.size = undefined;
@@ -118,11 +118,11 @@ const Badge = class {
         const shape = this.getShape();
         const size = this.getSize();
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: 'c90c2b6ac737ec5ebfa28bb2ccef6517a9a9b84e', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'c90c2b6ac737ec5ebfa28bb2ccef6517a9a9b84e', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`badge-${shape}`]: shape !== undefined,
                 [`badge-${size}`]: size !== undefined,
-            }) }, config.h("slot", { key: '4a3a379d86e60a04a449b8a0bf8f99776d64bc4c' })));
+            }) }, index.h("slot", { key: '4a3a379d86e60a04a449b8a0bf8f99776d64bc4c' })));
     }
 };
 Badge.style = {
@@ -136,13 +136,13 @@ const IonThumbnailStyle0 = thumbnailCss;
 
 const Thumbnail = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: '8913b780b1ac6a325126622f992da0d4169b5c8c', class: {
+        return (index.h(index.Host, { key: '8913b780b1ac6a325126622f992da0d4169b5c8c', class: {
                 [theme]: true,
-            } }, config.h("slot", { key: '10127c5603bc9b750e060e35f8b7f665befce81a' })));
+            } }, index.h("slot", { key: '10127c5603bc9b750e060e35f8b7f665befce81a' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;