@ionic/core 8.5.9 → 8.6.0

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

@@ -3,21 +3,17 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2e236a04.js');
-const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const index$1 = require('./index-31b07b9c.js');
-const helpers = require('./helpers-8a48fdea.js');
-const index$2 = require('./index-cc858e97.js');
-const haptic = require('./haptic-f6b37aa3.js');
-const ionicGlobal = require('./ionic-global-6dea5a96.js');
-const animation = require('./animation-ab2d3449.js');
-const config = require('./config-f6225ae7.js');
-const index$3 = require('./index-073c7cdc.js');
-const spinnerConfigs = require('./spinner-configs-282fd50a.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+var index = require('./index-DODXXb_r.js');
+var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
+var index$1 = require('./index-CVa6JE57.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var haptic = require('./haptic-ClPPQ_PS.js');
+var animation = require('./animation-0T7gKwOt.js');
+var config = require('./config-U7OAuj53.js');
+var index$2 = require('./index-CPbAsnJK.js');
+var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
+require('./capacitor-DmA66EwP.js');
+require('./index-DkNv4J_i.js');
 
 const getRefresherAnimationType = (contentEl) => {
     const previousSibling = contentEl.previousElementSibling;
@@ -208,10 +204,8 @@ const shouldUseNativeRefresher = async (referenceEl, mode) => {
 };
 
 const refresherIosCss = "ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}ion-refresher{inset-inline-start:0}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;-webkit-animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;-webkit-animation:250ms linear refresher-pop forwards;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, var(--ion-background-color-step-450, #747577))}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);-webkit-transition:300ms;transition:300ms}@-webkit-keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}";
-const IonRefresherIosStyle0 = refresherIosCss;
 
 const refresherMdCss = "ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}ion-refresher{inset-inline-start:0}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #0054e9)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #0054e9);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #ececec));background:var(--ion-color-step-250, var(--ion-background-color-step-250, #ffffff));-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";
-const IonRefresherMdStyle0 = refresherMdCss;
 
 const Refresher = class {
     constructor(hostRef) {
@@ -229,12 +223,62 @@ const Refresher = class {
         this.lastVelocityY = 0;
         this.animations = [];
         this.nativeRefresher = false;
+        /**
+         * The current state which the refresher is in. The refresher's states include:
+         *
+         * - `inactive` - The refresher is not being pulled down or refreshing and is currently hidden.
+         * - `pulling` - The user is actively pulling down the refresher, but has not reached the point yet that if the user lets go, it'll refresh.
+         * - `cancelling` - The user pulled down the refresher and let go, but did not pull down far enough to kick off the `refreshing` state. After letting go, the refresher is in the `cancelling` state while it is closing, and will go back to the `inactive` state once closed.
+         * - `ready` - The user has pulled down the refresher far enough that if they let go, it'll begin the `refreshing` state.
+         * - `refreshing` - The refresher is actively waiting on the async operation to end. Once the refresh handler calls `complete()` it will begin the `completing` state.
+         * - `completing` - The `refreshing` state has finished and the refresher is in the way of closing itself. Once closed, the refresher will go back to the `inactive` state.
+         */
         this.state = 1 /* RefresherState.Inactive */;
+        /**
+         * The minimum distance the user must pull down until the
+         * refresher will go into the `refreshing` state.
+         * Does not apply when the refresher content uses a spinner,
+         * enabling the native refresher.
+         */
         this.pullMin = 60;
+        /**
+         * The maximum distance of the pull until the refresher
+         * will automatically go into the `refreshing` state.
+         * Defaults to the result of `pullMin + 60`.
+         * Does not apply when  the refresher content uses a spinner,
+         * enabling the native refresher.
+         */
         this.pullMax = this.pullMin + 60;
+        /**
+         * Time it takes to close the refresher.
+         * Does not apply when the refresher content uses a spinner,
+         * enabling the native refresher.
+         */
         this.closeDuration = '280ms';
+        /**
+         * Time it takes the refresher to snap back to the `refreshing` state.
+         * Does not apply when the refresher content uses a spinner,
+         * enabling the native refresher.
+         */
         this.snapbackDuration = '280ms';
+        /**
+         * How much to multiply the pull speed by. To slow the pull animation down,
+         * pass a number less than `1`. To speed up the pull, pass a number greater
+         * than `1`. The default value is `1` which is equal to the speed of the cursor.
+         * If a negative value is passed in, the factor will be `1` instead.
+         *
+         * For example: If the value passed is `1.2` and the content is dragged by
+         * `10` pixels, instead of `10` pixels the content will be pulled by `12` pixels
+         * (an increase of 20 percent). If the value passed is `0.8`, the dragged amount
+         * will be `8` pixels, less than the amount the cursor has moved.
+         *
+         * Does not apply when the refresher content uses a spinner,
+         * enabling the native refresher.
+         */
         this.pullFactor = 1;
+        /**
+         * If `true`, the refresher will be hidden.
+         */
         this.disabled = false;
     }
     disabledChanged() {
@@ -243,7 +287,7 @@ const Refresher = class {
         }
     }
     async checkNativeRefresher() {
-        const useNativeRefresher = await shouldUseNativeRefresher(this.el, ionicGlobal.getIonMode(this));
+        const useNativeRefresher = await shouldUseNativeRefresher(this.el, index.getIonMode(this));
         if (useNativeRefresher && !this.nativeRefresher) {
             const contentEl = this.el.closest('ion-content');
             this.setupNativeRefresher(contentEl);
@@ -261,7 +305,7 @@ const Refresher = class {
     }
     async resetNativeRefresher(el, state) {
         this.state = state;
-        if (ionicGlobal.getIonMode(this) === 'ios') {
+        if (index.getIonMode(this) === 'ios') {
             await translateElement(el, undefined, 300);
         }
         else {
@@ -346,7 +390,7 @@ const Refresher = class {
             });
         };
         this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
             el: this.scrollEl,
             gestureName: 'refresher',
             gesturePriority: 31,
@@ -398,7 +442,7 @@ const Refresher = class {
                 refreshingCircle.style.setProperty('animation-delay', '-655ms');
             });
         }
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
             el: this.scrollEl,
             gestureName: 'refresher',
             gesturePriority: 31,
@@ -483,7 +527,7 @@ const Refresher = class {
         this.nativeRefresher = true;
         const pullingSpinner = this.el.querySelector('ion-refresher-content .refresher-pulling ion-spinner');
         const refreshingSpinner = this.el.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');
-        if (ionicGlobal.getIonMode(this) === 'ios') {
+        if (index.getIonMode(this) === 'ios') {
             this.setupiOSNativeRefresher(pullingSpinner, refreshingSpinner);
         }
         else {
@@ -495,7 +539,7 @@ const Refresher = class {
     }
     async connectedCallback() {
         if (this.el.getAttribute('slot') !== 'fixed') {
-            index$2.printIonError('[ion-refresher] - Make sure you use: <ion-refresher slot="fixed">');
+            index.printIonError('[ion-refresher] - Make sure you use: <ion-refresher slot="fixed">');
             return;
         }
         const contentEl = this.el.closest(index$1.ION_CONTENT_ELEMENT_SELECTOR);
@@ -526,11 +570,11 @@ const Refresher = class {
              * hidden because it is positioned behind the background content element.
              */
             this.contentFullscreen = contentEl.fullscreen;
-            if (await shouldUseNativeRefresher(this.el, ionicGlobal.getIonMode(this))) {
+            if (await shouldUseNativeRefresher(this.el, index.getIonMode(this))) {
                 this.setupNativeRefresher(contentEl);
             }
             else {
-                this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
+                this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
                     el: contentEl,
                     gestureName: 'refresher',
                     gesturePriority: 31,
@@ -826,8 +870,8 @@ const Refresher = class {
         }
     }
     render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'c717c16f2ca3e42351848cc8ad37918dec28961d', slot: "fixed", class: {
+        const mode = index.getIonMode(this);
+        return (index.h(index.Host, { key: '8c7a5cc32da02a9cbeaa954258148683f60a6d1b', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,
@@ -846,18 +890,14 @@ const Refresher = class {
     }; }
 };
 Refresher.style = {
-    ios: IonRefresherIosStyle0,
-    md: IonRefresherMdStyle0
+    ios: refresherIosCss,
+    md: refresherMdCss
 };
 
 const RefresherContent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.customHTMLEnabled = index$2.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
-        this.pullingIcon = undefined;
-        this.pullingText = undefined;
-        this.refreshingSpinner = undefined;
-        this.refreshingText = undefined;
+        this.customHTMLEnabled = index.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     }
     componentWillLoad() {
         if (this.pullingIcon === undefined) {
@@ -867,13 +907,13 @@ const RefresherContent = class {
              * the native iOS refresher.
              */
             const hasRubberBandScrolling = supportsRubberBandScrolling();
-            const mode = ionicGlobal.getIonMode(this);
-            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$3.arrowDown;
-            this.pullingIcon = index$2.config.get('refreshingIcon', mode === 'ios' && hasRubberBandScrolling ? index$2.config.get('spinner', overflowRefresher) : 'circular');
+            const mode = index.getIonMode(this);
+            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$2.arrowDown;
+            this.pullingIcon = index.config.get('refreshingIcon', mode === 'ios' && hasRubberBandScrolling ? index.config.get('spinner', overflowRefresher) : 'circular');
         }
         if (this.refreshingSpinner === undefined) {
-            const mode = ionicGlobal.getIonMode(this);
-            this.refreshingSpinner = index$2.config.get('refreshingSpinner', index$2.config.get('spinner', mode === 'ios' ? 'lines' : 'circular'));
+            const mode = index.getIonMode(this);
+            this.refreshingSpinner = index.config.get('refreshingSpinner', index.config.get('spinner', mode === 'ios' ? 'lines' : 'circular'));
         }
     }
     renderPullingText() {
@@ -893,8 +933,8 @@ const RefresherContent = class {
     render() {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'fb78d7e31f8feb31025e58903eb9de85cb928dbd', class: mode }, index.h("div", { key: '23f67800f09765ef8fde8cf85a843e19e667f337', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '5a08d3b69762f8b51dcd3dcfbaf3fddb707257fa', class: "refresher-pulling-icon" }, index.h("div", { key: '42a613b029e092acdff7fe613a429375d89f157e', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '2f9cdc75938c4d306de7a717ed67901daef71c2c', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: '1f8a6347b4a46417ba55286a79f1a41f04bf9c91', class: "arrow-container" }, index.h("ion-icon", { key: '326713d11d482d420ba5a739ff4528400a37e9ca', icon: index$3.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: 'ab18c7cbea7bcbfa034f90f317652af4d93660ed', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'f488acd54acc8a61b6c5a279f0d7f9a437c370c0', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '914ad6139442dac53af47120ea821fa11c309a38', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '7eba732f5e2d72b90399d68a3e89617d8979b3d1', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '838d66d8bef6f56622c62b1068e7fed29e094302', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        const mode = index.getIonMode(this);
+        return (index.h(index.Host, { key: 'e235f8a9a84070ece2e2066ced234a64663bfa1d', class: mode }, index.h("div", { key: '9121691818ddaa35801a5f442e144ac27686cf19', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'c8d65d740f1575041bd3b752c789077927397fe4', class: "refresher-pulling-icon" }, index.h("div", { key: '309dd904977eaa788b09ea95b7fa4996a73bec5b', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'a2a1480f67775d56ca7822e76be1e9f983bca2f9', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: '811d7e06d324bf4b6a18a31427a43e5177f3ae3a', class: "arrow-container" }, index.h("ion-icon", { key: '86cc48e2e8dc054ff6ff1299094da35b524be63d', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '464ae097dbc95c18a2dd7dfd03f8489153dab719', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'ed6875978b9035add562caa743a68353743d978f', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'aff891924e44354543fec484e5cde1ca92e69904', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '842d7ac4ff10a1058775493d62f31cbdcd34f7a0', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '8c3e6195501e7e78d5cde1e3ad1fef90fd4a953f', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,23 +3,17 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2e236a04.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-6dea5a96.js');
-const index$2 = require('./index-31b07b9c.js');
-const helpers = require('./helpers-8a48fdea.js');
-const haptic = require('./haptic-f6b37aa3.js');
-require('./index-cc858e97.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+var index = require('./index-DODXXb_r.js');
+var index$1 = require('./index-CPbAsnJK.js');
+var index$2 = require('./index-CVa6JE57.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var haptic = require('./haptic-ClPPQ_PS.js');
+require('./capacitor-DmA66EwP.js');
+require('./index-DkNv4J_i.js');
 
 const reorderIosCss = ":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:2.125rem;opacity:0.4}";
-const IonReorderIosStyle0 = reorderIosCss;
 
 const reorderMdCss = ":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 IonReorderMdStyle0 = reorderMdCss;
 
 const Reorder = class {
     constructor(hostRef) {
@@ -35,19 +29,18 @@ const Reorder = class {
         }
     }
     render() {
-        const mode = ionicGlobal.getIonMode(this);
+        const mode = index.getIonMode(this);
         const reorderIcon = mode === 'ios' ? index$1.reorderThreeOutline : index$1.reorderTwoSharp;
-        return (index.h(index.Host, { key: '17adf3165f4e09283d5d6434d7cd47bd23519048', class: mode }, index.h("slot", { key: 'd00d1cd97c689fc5c7b7175a2051cf697fe22871' }, index.h("ion-icon", { key: 'eec219aebde6083de98358be3e75965c5a5dc3d0', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        return (index.h(index.Host, { key: 'e6807bb349725682e99e791ac65e729a360d64e8', class: mode }, index.h("slot", { key: '1c691cdbffa6427ba08dc12184c69559ed5d5506' }, index.h("ion-icon", { key: '8b4150302cdca475379582b2251737b5e74079b1', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
 Reorder.style = {
-    ios: IonReorderIosStyle0,
-    md: IonReorderMdStyle0
+    ios: reorderIosCss,
+    md: reorderMdCss
 };
 
 const reorderGroupCss = ".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}";
-const IonReorderGroupStyle0 = reorderGroupCss;
 
 const ReorderGroup = class {
     constructor(hostRef) {
@@ -61,6 +54,9 @@ const ReorderGroup = class {
         this.containerTop = 0;
         this.containerBottom = 0;
         this.state = 0 /* ReorderGroupState.Idle */;
+        /**
+         * If `true`, the reorder will be hidden.
+         */
         this.disabled = true;
     }
     disabledChanged() {
@@ -73,7 +69,7 @@ const ReorderGroup = class {
         if (contentEl) {
             this.scrollEl = await index$2.getScrollElement(contentEl);
         }
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
             el: this.el,
             gestureName: 'reorder',
             gesturePriority: 110,
@@ -271,7 +267,7 @@ const ReorderGroup = class {
         }
         let amount = 0;
         if (posY < this.scrollElTop) {
-            amount = -SCROLL_JUMP;
+            amount = -10;
         }
         else if (posY > this.scrollElBottom) {
             amount = SCROLL_JUMP;
@@ -282,8 +278,8 @@ const ReorderGroup = class {
         return this.scrollEl.scrollTop - this.scrollElInitial;
     }
     render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '6ca009dd65302a914d459aec638e62977440db20', class: {
+        const mode = index.getIonMode(this);
+        return (index.h(index.Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
                 [mode]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -317,7 +313,7 @@ const reorderArray = (array, from, to) => {
     array.splice(to, 0, element);
     return array.slice();
 };
-ReorderGroup.style = IonReorderGroupStyle0;
+ReorderGroup.style = reorderGroupCss;
 
 exports.ion_reorder = Reorder;
 exports.ion_reorder_group = ReorderGroup;

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

@@ -3,18 +3,22 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2e236a04.js');
-const ionicGlobal = require('./ionic-global-6dea5a96.js');
-require('./index-cc858e97.js');
+var index = require('./index-DODXXb_r.js');
 
 const rippleEffectCss = ":host{left:0;right: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}}";
-const IonRippleEffectStyle0 = rippleEffectCss;
 
 const RippleEffect = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Sets the type of ripple-effect:
+         *
+         * - `bounded`: the ripple effect expands from the user's click position
+         * - `unbounded`: the ripple effect expands from the center of the button and overflows the container.
+         *
+         * NOTE: Surfaces for bounded ripples should have the overflow property set to hidden,
+         * while surfaces for unbounded ripples should have it set to visible.
+         */
         this.type = 'bounded';
     }
     /**
@@ -68,8 +72,8 @@ const RippleEffect = class {
         return this.type === 'unbounded';
     }
     render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '40c7f73e7f5f67e29f83e1236a61c6e1c9943c42', role: "presentation", class: {
+        const mode = index.getIonMode(this);
+        return (index.h(index.Host, { key: 'ae9d3b1ed6773a9b9bb2267129f7e9af23b6c9fc', role: "presentation", class: {
                 [mode]: true,
                 unbounded: this.unbounded,
             } }));
@@ -84,6 +88,6 @@ const removeRipple = (ripple) => {
 };
 const PADDING = 10;
 const INITIAL_ORIGIN_SCALE = 0.5;
-RippleEffect.style = IonRippleEffectStyle0;
+RippleEffect.style = rippleEffectCss;
 
 exports.ion_ripple_effect = RippleEffect;

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

@@ -3,23 +3,21 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2e236a04.js');
-const helpers = require('./helpers-8a48fdea.js');
-const index$1 = require('./index-cc858e97.js');
-const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-6dea5a96.js');
+var index = require('./index-DODXXb_r.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var theme = require('./theme-CeDs6Hcv.js');
 
 const Route = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.ionRouteDataChanged = index.createEvent(this, "ionRouteDataChanged", 7);
+        /**
+         * Relative path that needs to match in order for this route to apply.
+         *
+         * Accepts paths similar to expressjs so that you can define parameters
+         * in the url /foo/:bar where bar would be available in incoming props.
+         */
         this.url = '';
-        this.component = undefined;
-        this.componentProps = undefined;
-        this.beforeLeave = undefined;
-        this.beforeEnter = undefined;
     }
     onUpdate(newValue) {
         this.ionRouteDataChanged.emit(newValue);
@@ -55,8 +53,6 @@ const RouteRedirect = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.ionRouteRedirectChanged = index.createEvent(this, "ionRouteRedirectChanged", 7);
-        this.from = undefined;
-        this.to = undefined;
     }
     propDidChange() {
         this.ionRouteRedirectChanged.emit();
@@ -207,16 +203,16 @@ const printRedirects = (redirects) => {
  * The methods calls setRouteId on each of the outlet with the corresponding route entry in the chain.
  * setRouteId will create or select the view in the outlet.
  */
-const writeNavState = async (root, chain, direction, index, changed = false, animation) => {
+const writeNavState = async (root, chain, direction, index$1, changed = false, animation) => {
     try {
         // find next navigation outlet in the DOM
         const outlet = searchNavNode(root);
         // make sure we can continue interacting the DOM, otherwise abort
-        if (index >= chain.length || !outlet) {
+        if (index$1 >= chain.length || !outlet) {
             return changed;
         }
         await new Promise((resolve) => helpers.componentOnReady(outlet, resolve));
-        const route = chain[index];
+        const route = chain[index$1];
         const result = await outlet.setRouteId(route.id, route.params, direction, animation);
         // if the outlet changed the page, reset navigation to neutral (no direction)
         // this means nested outlets will not animate
@@ -225,7 +221,7 @@ const writeNavState = async (root, chain, direction, index, changed = false, ani
             changed = true;
         }
         // recursively set nested outlets
-        changed = await writeNavState(result.element, chain, direction, index + 1, changed, animation);
+        changed = await writeNavState(result.element, chain, direction, index$1 + 1, changed, animation);
         // once all nested outlets are visible let's make the parent visible too,
         // using markVisible prevents flickering
         if (result.markVisible) {
@@ -234,7 +230,7 @@ const writeNavState = async (root, chain, direction, index, changed = false, ani
         return changed;
     }
     catch (e) {
-        index$1.printIonError('[ion-router] - Exception in writeNavState:', e);
+        index.printIonError('[ion-router] - Exception in writeNavState:', e);
         return false;
     }
 };
@@ -602,7 +598,25 @@ const Router = class {
         this.busy = false;
         this.state = 0;
         this.lastState = 0;
+        /**
+         * The root path to use when matching URLs. By default, this is set to "/", but you can specify
+         * an alternate prefix for all URL paths.
+         */
         this.root = '/';
+        /**
+         * The router can work in two "modes":
+         * - With hash: `/index.html#/path/to/page`
+         * - Without hash: `/path/to/page`
+         *
+         * Using one or another might depend in the requirements of your app and/or where it's deployed.
+         *
+         * Usually "hash-less" navigation works better for SEO and it's more user friendly too, but it might
+         * requires additional server-side configuration in order to properly work.
+         *
+         * On the other side hash-navigation is much easier to deploy, it even works over the file protocol.
+         *
+         * By default, this property is `true`, change to `false` to allow hash-less URLs.
+         */
         this.useHash = true;
     }
     async componentWillLoad() {
@@ -697,19 +711,19 @@ const Router = class {
     /** @internal */
     async navChanged(direction) {
         if (this.busy) {
-            index$1.printIonWarning('[ion-router] - Router is busy, navChanged was cancelled.');
+            index.printIonWarning('[ion-router] - Router is busy, navChanged was cancelled.');
             return false;
         }
         const { ids, outlet } = await readNavState(window.document.body);
         const routes = readRoutes(this.el);
         const chain = findChainForIDs(ids, routes);
         if (!chain) {
-            index$1.printIonWarning('[ion-router] - No matching URL for', ids.map((i) => i.id));
+            index.printIonWarning('[ion-router] - No matching URL for', ids.map((i) => i.id));
             return false;
         }
         const segments = chainToSegments(chain);
         if (!segments) {
-            index$1.printIonWarning('[ion-router] - Router could not match path because some required param is missing.');
+            index.printIonWarning('[ion-router] - Router could not match path because some required param is missing.');
             return false;
         }
         this.setSegments(segments, direction);
@@ -747,7 +761,7 @@ const Router = class {
     }
     async writeNavStateRoot(segments, direction, animation) {
         if (!segments) {
-            index$1.printIonError('[ion-router] - URL is not part of the routing set.');
+            index.printIonError('[ion-router] - URL is not part of the routing set.');
             return false;
         }
         // lookup redirect rule
@@ -764,20 +778,20 @@ const Router = class {
         const routes = readRoutes(this.el);
         const chain = findChainForSegments(segments, routes);
         if (!chain) {
-            index$1.printIonError('[ion-router] - The path does not match any route.');
+            index.printIonError('[ion-router] - The path does not match any route.');
             return false;
         }
         // write DOM give
         return this.safeWriteNavState(document.body, chain, direction, segments, redirectFrom, 0, animation);
     }
-    async safeWriteNavState(node, chain, direction, segments, redirectFrom, index = 0, animation) {
+    async safeWriteNavState(node, chain, direction, segments, redirectFrom, index$1 = 0, animation) {
         const unlock = await this.lock();
         let changed = false;
         try {
-            changed = await this.writeNavState(node, chain, direction, segments, redirectFrom, index, animation);
+            changed = await this.writeNavState(node, chain, direction, segments, redirectFrom, index$1, animation);
         }
         catch (e) {
-            index$1.printIonError('[ion-router] - Exception in safeWriteNavState:', e);
+            index.printIonError('[ion-router] - Exception in safeWriteNavState:', e);
         }
         unlock();
         return changed;
@@ -817,9 +831,9 @@ const Router = class {
         const beforeEnterHook = toChain && toChain[toChain.length - 1].beforeEnter;
         return beforeEnterHook ? beforeEnterHook() : true;
     }
-    async writeNavState(node, chain, direction, segments, redirectFrom, index = 0, animation) {
+    async writeNavState(node, chain, direction, segments, redirectFrom, index$1 = 0, animation) {
         if (this.busy) {
-            index$1.printIonWarning('[ion-router] - Router is busy, transition was cancelled.');
+            index.printIonWarning('[ion-router] - Router is busy, transition was cancelled.');
             return false;
         }
         this.busy = true;
@@ -828,7 +842,7 @@ const Router = class {
         if (routeEvent) {
             this.ionRouteWillChange.emit(routeEvent);
         }
-        const changed = await writeNavState(node, chain, direction, index, false, animation);
+        const changed = await writeNavState(node, chain, direction, index$1, false, animation);
         this.busy = false;
         // emit did change
         if (routeEvent) {
@@ -861,35 +875,33 @@ const Router = class {
 };
 
 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{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";
-const IonRouterLinkStyle0 = routerLinkCss;
 
 const RouterLink = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * When using a router, it specifies the transition direction when navigating to
+         * another page using `href`.
+         */
+        this.routerDirection = 'forward';
         this.onClick = (ev) => {
             theme.openURL(this.href, ev, this.routerDirection, this.routerAnimation);
         };
-        this.color = undefined;
-        this.href = undefined;
-        this.rel = undefined;
-        this.routerDirection = 'forward';
-        this.routerAnimation = undefined;
-        this.target = undefined;
     }
     render() {
-        const mode = ionicGlobal.getIonMode(this);
+        const mode = index.getIonMode(this);
         const attrs = {
             href: this.href,
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: '11183264fb6ae0db9a7a47c71b6862d60001b834', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'd7f2affcde45c5fbb6cb46cd1c30008ee92a68c5', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: '3e0e5242161cb0df593d6d573e51b8ba750065a1' }, attrs), index.h("slot", { key: '5bd808e98a4627bb1236f0d955f4b32971355417' }))));
+            }) }, index.h("a", Object.assign({ key: 'babafae85ca5c6429958d383feff0493ff8cf33e' }, attrs), index.h("slot", { key: '50314e9555bbf6dffa0c50c3f763009dee59b10b' }))));
     }
 };
-RouterLink.style = IonRouterLinkStyle0;
+RouterLink.style = routerLinkCss;
 
 exports.ion_route = Route;
 exports.ion_route_redirect = RouteRedirect;