@ionic/core 8.3.2-dev.11729014526.1ab61c12 → 8.3.2-dev.11729166111.115d6104

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

@@ -5,18 +5,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const index$1 = require('./index-2fa32189.js');
-const helpers = require('./helpers-afaa9001.js');
-const haptic = require('./haptic-f6b37aa3.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const animation = require('./animation-b4fdf128.js');
-const config = require('./config-4f60b98a.js');
-const index$2 = require('./index-073c7cdc.js');
+const index = require('./index-1d02518d.js');
+const helpers = require('./helpers-e75eb909.js');
+const haptic = require('./haptic-f0cad9a6.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const animation = require('./animation-232e0c8f.js');
+const config$1 = require('./config-4f60b98a.js');
+const index$1 = require('./index-073c7cdc.js');
 const spinnerConfigs = require('./spinner-configs-282fd50a.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+require('./capacitor-806e7fee.js');
 
 const getRefresherAnimationType = (contentEl) => {
     const previousSibling = contentEl.previousElementSibling;
@@ -134,7 +133,7 @@ const setSpinnerOpacity = (spinner, opacity) => {
 };
 const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
     const max = 1;
-    index.writeTask(() => {
+    config.writeTask(() => {
         ticks.forEach((el, i) => {
             /**
              * Compute the opacity of each tick
@@ -151,7 +150,7 @@ const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
     });
 };
 const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {
-    index.writeTask(() => {
+    config.writeTask(() => {
         // If user pulls down quickly, the spinner should spin faster
         spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');
         spinner.style.setProperty('opacity', '1');
@@ -162,7 +161,7 @@ const translateElement = (el, value, duration = 200) => {
         return Promise.resolve();
     }
     const trans = helpers.transitionEndAsync(el, duration);
-    index.writeTask(() => {
+    config.writeTask(() => {
         el.style.setProperty('transition', `${duration}ms all ease-out`);
         if (value === undefined) {
             el.style.removeProperty('transform');
@@ -217,10 +216,10 @@ const IonRefresherMdStyle0 = refresherMdCss;
 
 const Refresher = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionRefresh = index.createEvent(this, "ionRefresh", 7);
-        this.ionPull = index.createEvent(this, "ionPull", 7);
-        this.ionStart = index.createEvent(this, "ionStart", 7);
+        config.registerInstance(this, hostRef);
+        this.ionRefresh = config.createEvent(this, "ionRefresh", 7);
+        this.ionPull = config.createEvent(this, "ionPull", 7);
+        this.ionStart = config.createEvent(this, "ionStart", 7);
         this.appliedStyles = false;
         this.didStart = false;
         this.progress = 0;
@@ -282,13 +281,13 @@ const Refresher = class {
         const ticks = pullingSpinner.shadowRoot.querySelectorAll('svg');
         let MAX_PULL = this.scrollEl.clientHeight * 0.16;
         const NUM_TICKS = ticks.length;
-        index.writeTask(() => ticks.forEach((el) => el.style.setProperty('animation', 'none')));
+        config.writeTask(() => ticks.forEach((el) => el.style.setProperty('animation', 'none')));
         this.scrollListenerCallback = () => {
             // If pointer is not on screen or refresher is not active, ignore scroll
             if (!this.pointerDown && this.state === 1 /* RefresherState.Inactive */) {
                 return;
             }
-            index.readTask(() => {
+            config.readTask(() => {
                 // PTR should only be active when overflow scrolling at the top
                 const scrollTop = this.scrollEl.scrollTop;
                 const refresherHeight = this.el.clientHeight;
@@ -299,7 +298,7 @@ const Refresher = class {
                      */
                     if (this.state === 8 /* RefresherState.Refreshing */) {
                         const ratio = helpers.clamp(0, scrollTop / (refresherHeight * 0.5), 1);
-                        index.writeTask(() => setSpinnerOpacity(refreshingSpinner, 1 - ratio));
+                        config.writeTask(() => setSpinnerOpacity(refreshingSpinner, 1 - ratio));
                         return;
                     }
                     return;
@@ -382,7 +381,7 @@ const Refresher = class {
                     this.needsCompletion = false;
                 }
                 else if (this.didRefresh) {
-                    index.readTask(() => translateElement(this.elementToTransform, `${this.el.clientHeight}px`));
+                    config.readTask(() => translateElement(this.elementToTransform, `${this.el.clientHeight}px`));
                 }
             },
         });
@@ -393,7 +392,7 @@ const Refresher = class {
         const pullingRefresherIcon = this.el.querySelector('ion-refresher-content .refresher-pulling-icon');
         const refreshingCircle = helpers.getElementRoot(refreshingSpinner).querySelector('circle');
         if (circle !== null && refreshingCircle !== null) {
-            index.writeTask(() => {
+            config.writeTask(() => {
                 circle.style.setProperty('animation', 'none');
                 // This lines up the animation on the refreshing spinner with the pulling spinner
                 refreshingSpinner.style.setProperty('animation-delay', '-655ms');
@@ -423,8 +422,8 @@ const Refresher = class {
                     this.state = 2 /* RefresherState.Pulling */;
                     // When ion-refresher is being used with a custom scroll target, the overflow styles need to be applied directly instead of via a css variable
                     const { scrollEl } = this;
-                    const overflowProperty = scrollEl.matches(index$1.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
-                    index.writeTask(() => scrollEl.style.setProperty(overflowProperty, 'hidden'));
+                    const overflowProperty = scrollEl.matches(index.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
+                    config.writeTask(() => scrollEl.style.setProperty(overflowProperty, 'hidden'));
                     const animationType = getRefresherAnimationType(contentEl);
                     const animation = createPullingAnimation(animationType, pullingRefresherIcon, this.el);
                     ev.data.animation = animation;
@@ -444,8 +443,8 @@ const Refresher = class {
                 }
                 this.gesture.enable(false);
                 const { scrollEl } = this;
-                const overflowProperty = scrollEl.matches(index$1.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
-                index.writeTask(() => scrollEl.style.removeProperty(overflowProperty));
+                const overflowProperty = scrollEl.matches(index.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
+                config.writeTask(() => scrollEl.style.removeProperty(overflowProperty));
                 if (this.progress <= 0.4) {
                     ev.data.animation.progressEnd(0, this.progress, 500).onFinish(() => {
                         this.animations.forEach((ani) => ani.destroy());
@@ -458,7 +457,7 @@ const Refresher = class {
                 const progress = cubicBezier.getTimeGivenProgression([0, 0], [0, 0], [1, 1], [1, 1], this.progress)[0];
                 const snapBackAnimation = createSnapBackAnimation(pullingRefresherIcon);
                 this.animations.push(snapBackAnimation);
-                index.writeTask(async () => {
+                config.writeTask(async () => {
                     pullingRefresherIcon.style.setProperty('--ion-pulling-refresher-translate', `${progress * 100}px`);
                     ev.data.animation.progressEnd();
                     await snapBackAnimation.play();
@@ -500,9 +499,9 @@ const Refresher = class {
             console.error('Make sure you use: <ion-refresher slot="fixed">');
             return;
         }
-        const contentEl = this.el.closest(index$1.ION_CONTENT_ELEMENT_SELECTOR);
+        const contentEl = this.el.closest(index.ION_CONTENT_ELEMENT_SELECTOR);
         if (!contentEl) {
-            index$1.printIonContentErrorMsg(this.el);
+            index.printIonContentErrorMsg(this.el);
             return;
         }
         /**
@@ -510,14 +509,14 @@ const Refresher = class {
          * or the background content element.
          */
         helpers.componentOnReady(contentEl, async () => {
-            const customScrollTarget = contentEl.querySelector(index$1.ION_CONTENT_CLASS_SELECTOR);
+            const customScrollTarget = contentEl.querySelector(index.ION_CONTENT_CLASS_SELECTOR);
             /**
              * Query the custom scroll target (if available), first. In refresher implementations,
              * the ion-refresher element will always be a direct child of ion-content (slot="fixed"). By
              * querying the custom scroll target first and falling back to the ion-content element,
              * the correct scroll element will be returned by the implementation.
              */
-            this.scrollEl = await index$1.getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
+            this.scrollEl = await index.getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
             /**
              * Query the background content element from the host ion-content element directly.
              */
@@ -787,7 +786,7 @@ const Refresher = class {
             return;
         }
         this.appliedStyles = y > 0;
-        index.writeTask(() => {
+        config.writeTask(() => {
             if (this.scrollEl && this.backgroundContentEl) {
                 const scrollStyle = this.scrollEl.style;
                 const backgroundStyle = this.backgroundContentEl.style;
@@ -829,7 +828,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ecc8cddc285a230e4a95fae1e275a1f8c350e104', slot: "fixed", class: {
+        return (config.h(config.Host, { key: 'ecc8cddc285a230e4a95fae1e275a1f8c350e104', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -842,7 +841,7 @@ const Refresher = class {
                 'refresher-completing': this.state === 32 /* RefresherState.Completing */,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "disabled": ["disabledChanged"]
     }; }
@@ -866,8 +865,8 @@ const IonRefresherContentMdStyle0 = mdRefresherContentCss;
 
 const RefresherContent = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+        config.registerInstance(this, hostRef);
+        this.customHTMLEnabled = config.config.get('innerHTMLTemplatesEnabled', config$1.ENABLE_HTML_CONTENT_DEFAULT);
         this.pullingIcon = undefined;
         this.pullingText = undefined;
         this.refreshingSpinner = undefined;
@@ -882,37 +881,37 @@ const RefresherContent = class {
              * the native iOS refresher.
              */
             const hasRubberBandScrolling = supportsRubberBandScrolling();
-            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$2.arrowDown;
-            this.pullingIcon = ionicGlobal.config.get('refreshingIcon', theme === 'ios' && hasRubberBandScrolling ? ionicGlobal.config.get('spinner', overflowRefresher) : 'circular');
+            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$1.arrowDown;
+            this.pullingIcon = config.config.get('refreshingIcon', theme === 'ios' && hasRubberBandScrolling ? config.config.get('spinner', overflowRefresher) : 'circular');
         }
         if (this.refreshingSpinner === undefined) {
-            this.refreshingSpinner = ionicGlobal.config.get('refreshingSpinner', ionicGlobal.config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
+            this.refreshingSpinner = config.config.get('refreshingSpinner', config.config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
         }
     }
     renderPullingText() {
         const { customHTMLEnabled, pullingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "refresher-pulling-text", innerHTML: config.sanitizeDOMString(pullingText) });
+            return config.h("div", { class: "refresher-pulling-text", innerHTML: config$1.sanitizeDOMString(pullingText) });
         }
-        return index.h("div", { class: "refresher-pulling-text" }, pullingText);
+        return config.h("div", { class: "refresher-pulling-text" }, pullingText);
     }
     renderRefreshingText() {
         const { customHTMLEnabled, refreshingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "refresher-refreshing-text", innerHTML: config.sanitizeDOMString(refreshingText) });
+            return config.h("div", { class: "refresher-refreshing-text", innerHTML: config$1.sanitizeDOMString(refreshingText) });
         }
-        return index.h("div", { class: "refresher-refreshing-text" }, refreshingText);
+        return config.h("div", { class: "refresher-refreshing-text" }, refreshingText);
     }
     render() {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
-        return (index.h(index.Host, { key: '8dcfdbc6969e4370e070e1f3c5fc1785c63f620b', class: {
+        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$1.caretBackSharp;
+        return (config.h(config.Host, { key: '8dcfdbc6969e4370e070e1f3c5fc1785c63f620b', class: {
                 [theme]: true,
-            } }, index.h("div", { key: '2322cc218e3b78c9b85a3d5596b2e67bf82a7de5', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '8cbb0dd8862e474b3d0255c1a727cc9a6ed437f2', class: "refresher-pulling-icon" }, index.h("div", { key: 'a510b37135e9ba3045d66e68b8b5f374034d48a4', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '58f33aaa8b659e0241db0ce464a7bcd180820e8e', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: '8e93bed47f0961b68cc5c3010508d7d70b6e81da', class: "arrow-container" }, index.h("ion-icon", { key: 'd8c0aea713104112de808b15b8a1d90805623a87', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: 'ebc1847517406c2f4b09d0793e45f786feb9b062', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '74f2778b23a53ceece7a77276aaa74c75a01a15f', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '722264dcb2ade5489ef1939024506fa16a8f7f6a', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '83f066cfb0586534ad43c2bba715624be131ba8f', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '0c8093761225dc4b1d99696c14f9f2a62ae987ad', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, config.h("div", { key: '2322cc218e3b78c9b85a3d5596b2e67bf82a7de5', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (config.h("div", { key: '8cbb0dd8862e474b3d0255c1a727cc9a6ed437f2', class: "refresher-pulling-icon" }, config.h("div", { key: 'a510b37135e9ba3045d66e68b8b5f374034d48a4', class: "spinner-arrow-container" }, config.h("ion-spinner", { key: '58f33aaa8b659e0241db0ce464a7bcd180820e8e', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (config.h("div", { key: '8e93bed47f0961b68cc5c3010508d7d70b6e81da', class: "arrow-container" }, config.h("ion-icon", { key: 'd8c0aea713104112de808b15b8a1d90805623a87', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (config.h("div", { key: 'ebc1847517406c2f4b09d0793e45f786feb9b062', class: "refresher-pulling-icon" }, config.h("ion-icon", { key: '74f2778b23a53ceece7a77276aaa74c75a01a15f', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), config.h("div", { key: '722264dcb2ade5489ef1939024506fa16a8f7f6a', class: "refresher-refreshing" }, this.refreshingSpinner && (config.h("div", { key: '83f066cfb0586534ad43c2bba715624be131ba8f', class: "refresher-refreshing-icon" }, config.h("ion-spinner", { key: '0c8093761225dc4b1d99696c14f9f2a62ae987ad', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 RefresherContent.style = {
     ionic: IonRefresherContentIonicStyle0,

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

@@ -5,15 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const list = require('./list-2930c629.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const index$2 = require('./index-2fa32189.js');
-const helpers = require('./helpers-afaa9001.js');
-const haptic = require('./haptic-f6b37aa3.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const index$1 = require('./index-1d02518d.js');
+const helpers = require('./helpers-e75eb909.js');
+const haptic = require('./haptic-f0cad9a6.js');
+require('./capacitor-806e7fee.js');
 
 const ionicReorderMdCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";
 const IonReorderIonicStyle0 = ionicReorderMdCss;
@@ -26,7 +25,7 @@ const IonReorderMdStyle0 = reorderMdCss;
 
 const Reorder = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
     }
     onClick(ev) {
         const reorderGroup = this.el.closest('ion-reorder-group');
@@ -46,23 +45,23 @@ const Reorder = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.reorderThreeOutline,
+            ios: index.reorderThreeOutline,
             ionic: list.listSvg,
-            md: index$1.reorderTwoSharp,
+            md: index.reorderTwoSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured reorder handle icon or the default icon
-        return ionicGlobal.config.get('reorderHandleIcon', defaultIcon);
+        return config.config.get('reorderHandleIcon', defaultIcon);
     }
     render() {
         const { reorderHandleIcon } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'd76311b2f0d0c941933392e24d62fb395380d87b', class: {
+        return (config.h(config.Host, { key: 'd76311b2f0d0c941933392e24d62fb395380d87b', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '443ce8da83c30a0f8028e1ace13bb859557000e5' }, index.h("ion-icon", { key: '7139e4f7de76a945c51346ecbba0a9bf2e82c45a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, config.h("slot", { key: '443ce8da83c30a0f8028e1ace13bb859557000e5' }, config.h("ion-icon", { key: '7139e4f7de76a945c51346ecbba0a9bf2e82c45a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 Reorder.style = {
     ionic: IonReorderIonicStyle0,
@@ -75,8 +74,8 @@ const IonReorderGroupStyle0 = reorderGroupCss;
 
 const ReorderGroup = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionItemReorder = index.createEvent(this, "ionItemReorder", 7);
+        config.registerInstance(this, hostRef);
+        this.ionItemReorder = config.createEvent(this, "ionItemReorder", 7);
         this.lastToIndex = -1;
         this.cachedHeights = [];
         this.scrollElTop = 0;
@@ -93,9 +92,9 @@ const ReorderGroup = class {
         }
     }
     async connectedCallback() {
-        const contentEl = index$2.findClosestIonContent(this.el);
+        const contentEl = index$1.findClosestIonContent(this.el);
         if (contentEl) {
-            this.scrollEl = await index$2.getScrollElement(contentEl);
+            this.scrollEl = await index$1.getScrollElement(contentEl);
         }
         this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
             el: this.el,
@@ -307,13 +306,13 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '757f3947c85e794a8a8829fec7a2f4edcd1610cf', class: {
+        return (config.h(config.Host, { key: '757f3947c85e794a8a8829fec7a2f4edcd1610cf', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "disabled": ["disabledChanged"]
     }; }

package/dist/cjs/ion-ripple-effect.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const rippleEffectIonicCss = ":host{right:0;left:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}.ripple-effect{-webkit-animation-name:rippleAnimation, fadeInAnimation;animation-name:rippleAnimation, fadeInAnimation}.fade-out{-webkit-animation-name:fadeOutAnimation;animation-name:fadeOutAnimation}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--ripple-opacity, 0.16)}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--ripple-opacity, 0.16)}to{opacity:0}}";
 const IonRippleEffectIonicStyle0 = rippleEffectIonicCss;
@@ -19,7 +19,7 @@ const IonRippleEffectMdStyle0 = mdRippleEffectCommonCss;
 
 const RippleEffect = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.type = 'bounded';
     }
     /**
@@ -30,7 +30,7 @@ const RippleEffect = class {
      */
     async addRipple(x, y) {
         return new Promise((resolve) => {
-            index.readTask(() => {
+            config.readTask(() => {
                 const rect = this.el.getBoundingClientRect();
                 const width = rect.width;
                 const height = rect.height;
@@ -49,7 +49,7 @@ const RippleEffect = class {
                 const styleY = posY - initialSize * 0.5;
                 const moveX = width * 0.5 - posX;
                 const moveY = height * 0.5 - posY;
-                index.writeTask(() => {
+                config.writeTask(() => {
                     const div = document.createElement('div');
                     div.classList.add('ripple-effect');
                     const style = div.style;
@@ -74,12 +74,12 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '8ae91c86a67ffd14458eb733a207f01a64d59307', role: "presentation", class: {
+        return (config.h(config.Host, { key: '8ae91c86a67ffd14458eb733a207f01a64d59307', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 const removeRipple = (ripple) => {
     ripple.classList.add('fade-out');

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

@@ -5,15 +5,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const Route = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionRouteDataChanged = index.createEvent(this, "ionRouteDataChanged", 7);
+        config.registerInstance(this, hostRef);
+        this.ionRouteDataChanged = config.createEvent(this, "ionRouteDataChanged", 7);
         this.url = '';
         this.component = undefined;
         this.componentProps = undefined;
@@ -52,8 +52,8 @@ const Route = class {
 
 const RouteRedirect = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionRouteRedirectChanged = index.createEvent(this, "ionRouteRedirectChanged", 7);
+        config.registerInstance(this, hostRef);
+        this.ionRouteRedirectChanged = config.createEvent(this, "ionRouteRedirectChanged", 7);
         this.from = undefined;
         this.to = undefined;
     }
@@ -594,9 +594,9 @@ const flattenNode = (chain, chains, node) => {
 
 const Router = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionRouteWillChange = index.createEvent(this, "ionRouteWillChange", 7);
-        this.ionRouteDidChange = index.createEvent(this, "ionRouteDidChange", 7);
+        config.registerInstance(this, hostRef);
+        this.ionRouteWillChange = config.createEvent(this, "ionRouteWillChange", 7);
+        this.ionRouteDidChange = config.createEvent(this, "ionRouteDidChange", 7);
         this.previousPath = null;
         this.busy = false;
         this.state = 0;
@@ -856,7 +856,7 @@ const Router = class {
             to,
         };
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 
 const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}";
@@ -864,7 +864,7 @@ const IonRouterLinkStyle0 = routerLinkCss;
 
 const RouterLink = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.onClick = (ev) => {
             theme.openURL(this.href, ev, this.routerDirection, this.routerAnimation);
         };
@@ -882,10 +882,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: 'faf50a5dd2b054f763fcf2e5bf6ad221d667f84a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: 'faf50a5dd2b054f763fcf2e5bf6ad221d667f84a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: '584d22b9804b6e46792de22a5f3af82f4dceac7b' }, attrs), index.h("slot", { key: 'bc5c5f59c198fc1ebf8d92dc5b799528e6a8e993' }))));
+            }) }, config.h("a", Object.assign({ key: '584d22b9804b6e46792de22a5f3af82f4dceac7b' }, attrs), config.h("slot", { key: 'bc5c5f59c198fc1ebf8d92dc5b799528e6a8e993' }))));
     }
 };
 RouterLink.style = IonRouterLinkStyle0;