@ionic/core 8.8.17 → 8.8.18-dev.11786108988.1fd94742

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

@@ -3,15 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-Ct7gcRif.js');
+var index = require('./index-CAThePqm.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-CIrkNXqJ.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var haptic = require('./haptic-ClPPQ_PS.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var animation = require('./animation-BJq0kcy2.js');
-var config = require('./config-xninhj0J.js');
-var index$2 = require('./index-DqmRDbxg.js');
+var index$1 = require('./index-BnhnwL1o.js');
+var helpers = require('./helpers-DURh1XdY.js');
+var haptic = require('./haptic-Ch-X4gRx.js');
+var ionicGlobal = require('./ionic-global-dMut1Czp.js');
+var animation = require('./animation-D5WDBRvT.js');
+var config = require('./config-CjUbvdPW.js');
+var index$3 = require('./index-DhSx3VvD.js');
+var index$2 = require('./index-wOmugbdg.js');
 var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
@@ -216,79 +217,114 @@ const Refresher = class {
         this.ionStart = index.createEvent(this, "ionStart", 7);
         this.ionPullStart = index.createEvent(this, "ionPullStart", 7);
         this.ionPullEnd = index.createEvent(this, "ionPullEnd", 7);
-        this.appliedStyles = false;
-        this.didStart = false;
-        this.progress = 0;
-        this.pointerDown = false;
-        this.needsCompletion = false;
-        this.didRefresh = false;
-        this.contentFullscreen = false;
-        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;
     }
+    appliedStyles = false;
+    didStart = false;
+    progress = 0;
+    scrollEl;
+    backgroundContentEl;
+    scrollListenerCallback;
+    gesture;
+    overflowStyles;
+    pointerDown = false;
+    needsCompletion = false;
+    didRefresh = false;
+    contentFullscreen = false;
+    lastVelocityY = 0;
+    elementToTransform;
+    animations = [];
+    nativeRefresher = false;
+    get el() { return index.getElement(this); }
+    /**
+     * 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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    pullFactor = 1;
+    /**
+     * If `true`, the refresher will be hidden.
+     */
+    disabled = false;
     disabledChanged() {
         if (this.gesture) {
             this.gesture.enable(!this.disabled);
         }
     }
+    /**
+     * Emitted when the user lets go of the content and has pulled down
+     * further than the `pullMin` or pulls the content down and exceeds the pullMax.
+     * Updates the refresher state to `refreshing`. The `complete()` method should be
+     * called when the async operation has completed.
+     */
+    ionRefresh;
+    /**
+     * Emitted while the user is pulling down the content and exposing the refresher.
+     */
+    ionPull;
+    // TODO(FW-7044): Remove this in a major release
+    /**
+     * Emitted when the user begins to start pulling down.
+     *
+     * @deprecated Use `ionPullStart` instead.
+     */
+    ionStart;
+    /**
+     * Emitted when the user begins to start pulling down.
+     */
+    ionPullStart;
+    /**
+     * Emitted when the refresher has returned to the inactive state
+     * after a pull gesture. This fires whether the refresh completed
+     * successfully or was canceled.
+     */
+    ionPullEnd;
     async checkNativeRefresher() {
         const useNativeRefresher = await shouldUseNativeRefresher(this.el, ionicGlobal.getIonMode(this));
         if (useNativeRefresher && !this.nativeRefresher) {
@@ -386,7 +422,7 @@ const Refresher = class {
                          * when the refresh completes
                          */
                         const activeElement = document.activeElement;
-                        if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) !== undefined) {
+                        if (activeElement?.blur !== undefined) {
                             activeElement.blur();
                         }
                         /**
@@ -405,7 +441,7 @@ const Refresher = class {
             });
         };
         this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-        const { createGesture } = await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); });
+        const { createGesture } = await Promise.resolve().then(function () { return require('./index-P1nQxrpZ.js'); });
         /**
          * Awaiting the dynamic import yields to the event loop, so the component can
          * disconnect before it resolves. disconnectedCallback clears scrollEl, so a
@@ -474,7 +510,7 @@ const Refresher = class {
                 refreshingCircle.style.setProperty('animation-delay', '-655ms');
             });
         }
-        const { createGesture } = await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); });
+        const { createGesture } = await Promise.resolve().then(function () { return require('./index-P1nQxrpZ.js'); });
         /**
          * Awaiting the dynamic import yields to the event loop, so the component can
          * disconnect before it resolves. disconnectedCallback clears scrollEl, so a
@@ -602,7 +638,7 @@ const Refresher = class {
              * 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$1.getScrollElement(customScrollTarget ?? contentEl);
             /**
              * Query the background content element from the host ion-content element directly.
              */
@@ -617,7 +653,7 @@ const Refresher = class {
                 this.setupNativeRefresher(contentEl);
             }
             else {
-                const { createGesture } = await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); });
+                const { createGesture } = await Promise.resolve().then(function () { return require('./index-P1nQxrpZ.js'); });
                 /**
                  * Awaiting the dynamic import yields to the event loop, so the component can
                  * disconnect before it resolves. A disconnected contentEl means there is
@@ -857,7 +893,7 @@ const Refresher = class {
          * This ensures the view stays at the top after refresh completes.
          */
         const activeElement = document.activeElement;
-        if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) !== undefined) {
+        if (activeElement?.blur !== undefined) {
             activeElement.blur();
         }
         // emit "refresh" because it was pulled down far enough
@@ -869,7 +905,6 @@ const Refresher = class {
     close(state, delay) {
         // create fallback timer incase something goes wrong with transitionEnd event
         setTimeout(() => {
-            var _a;
             this.state = 1 /* RefresherState.Inactive */;
             this.progress = 0;
             this.didStart = false;
@@ -887,7 +922,7 @@ const Refresher = class {
              * does not change when refreshing is complete.
              */
             if (this.contentFullscreen && this.backgroundContentEl) {
-                (_a = this.backgroundContentEl) === null || _a === void 0 ? void 0 : _a.style.removeProperty('--offset-top');
+                this.backgroundContentEl?.style.removeProperty('--offset-top');
             }
             this.ionPullEnd.emit({
                 reason: state === 32 /* RefresherState.Completing */ ? 'complete' : 'cancel',
@@ -928,9 +963,9 @@ const Refresher = class {
         if (this.scrollEl) {
             const { overflow, overflowX, overflowY } = this.scrollEl.style;
             this.overflowStyles = {
-                overflow: overflow !== null && overflow !== void 0 ? overflow : '',
-                overflowX: overflowX !== null && overflowX !== void 0 ? overflowX : '',
-                overflowY: overflowY !== null && overflowY !== void 0 ? overflowY : '',
+                overflow: overflow ?? '',
+                overflowX: overflowX ?? '',
+                overflowY: overflowY ?? '',
             };
         }
     }
@@ -945,7 +980,7 @@ const Refresher = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2eaca7f85b3d40418f213077434e519dfacd9d42', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '6cf85c156b098706775b31bb25f9dde35705687f', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,
@@ -958,7 +993,6 @@ const Refresher = class {
                 'refresher-completing': this.state === 32 /* RefresherState.Completing */,
             } }));
     }
-    get el() { return index.getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0
@@ -973,8 +1007,47 @@ Refresher.style = {
 const RefresherContent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.customHTMLEnabled = index.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     }
+    customHTMLEnabled = index.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+    get el() { return index.getElement(this); }
+    /**
+     * A static icon or a spinner to display when you begin to pull down.
+     * A spinner name can be provided to gradually show tick marks
+     * when pulling down on iOS devices.
+     */
+    pullingIcon;
+    /**
+     * The text you want to display when you begin to pull down.
+     * `pullingText` can accept either plaintext or HTML as a string.
+     * To display characters normally reserved for HTML, they
+     * must be escaped. For example `<Ionic>` would become
+     * `&lt;Ionic&gt;`
+     *
+     * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
+     *
+     * Content is parsed as plaintext by default.
+     * `innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config
+     * before custom HTML can be used.
+     */
+    pullingText;
+    /**
+     * An animated SVG spinner that shows when refreshing begins
+     */
+    refreshingSpinner;
+    /**
+     * The text you want to display when performing a refresh.
+     * `refreshingText` can accept either plaintext or HTML as a string.
+     * To display characters normally reserved for HTML, they
+     * must be escaped. For example `<Ionic>` would become
+     * `&lt;Ionic&gt;`
+     *
+     * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
+     *
+     * Content is parsed as plaintext by default.
+     * `innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config
+     * before custom HTML can be used.
+     */
+    refreshingText;
     componentWillLoad() {
         if (this.pullingIcon === undefined) {
             /**
@@ -995,14 +1068,14 @@ const RefresherContent = class {
     renderPullingText() {
         const { customHTMLEnabled, pullingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "refresher-pulling-text", innerHTML: config.sanitizeDOMString(pullingText) });
+            return index.h("div", { class: "refresher-pulling-text", innerHTML: index$3.sanitizeDOMString(pullingText) });
         }
         return index.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 index.h("div", { class: "refresher-refreshing-text", innerHTML: index$3.sanitizeDOMString(refreshingText) });
         }
         return index.h("div", { class: "refresher-refreshing-text" }, refreshingText);
     }
@@ -1010,9 +1083,8 @@ const RefresherContent = class {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '4add42b9fdfded359d1b054d04c2c6ff48e028c8', class: mode }, index.h("div", { key: '45d4e4e0adfed7f96dd1849767aa2cde947de044', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '6bd6c8ef5bf6e10699eec3bd8646431bfe1077a0', class: "refresher-pulling-icon" }, index.h("div", { key: '852d20414da53352c8e58bc627e0fda38eff97cb', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '0dde3578a80cc4b77a07c4d1db1af80c7eb10c27', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: 'c71dbfcf416a19c30fed38f722ebf0358c2181dd', class: "arrow-container" }, index.h("ion-icon", { key: 'fa7c2cf624e7a9c41964e66cabc88c594da6d1fd', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '3dd68c9968b421c379d1c4349ba619ee0a189c6d', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: 'f83bceceae4fa8245f91939fb6db589a595e975b', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '98e22ceb0f7883e871f815f6199f5cb313e2e086', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'faabe8a9b61c02a00994ef978bb82b9ba4537214', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '029a0c073ee1a07f01211e12ba2abc985cf21ed7', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        return (index.h(index.Host, { key: 'ec378d6a302be697c12c4f973a57c6ad2ada070f', class: mode }, index.h("div", { key: '0055f98f8c5a1ed7979dc8146ec1f82a575860c7', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '4f88468e26370df6889e72aa54ebb395ebf3757d', class: "refresher-pulling-icon" }, index.h("div", { key: '05b3f8679576aaa6c2d84d60df6629a392df29e2', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '0bf6ceea416ce1140c0f10a5bede063cae7054f4', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (index.h("div", { key: 'b71ede8455837968218edae28504e5e14bbc1f5c', class: "arrow-container" }, index.h("ion-icon", { key: '30b808288d23d3eac681b1225cd8392fdacfefe1', icon: index$2.caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: 'fee1ae7e57ef8a02f5654808dff9dca3002b6702', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '55b34a98028adb497fbc2ac66bdb3d5ae5b1705b', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'ef8f987daa8060cb6f8fd83c0864095042b9eecf', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'cd6fe0e81b34eeae11478fcc8a42044bff6f7a52', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '9cd778229582b538d54589c4d8e4d470efb64aad', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
-    get el() { return index.getElement(this); }
 };
 
 exports.ion_refresher = Refresher;

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-Ct7gcRif.js');
-var index$1 = require('./index-DqmRDbxg.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var index$2 = require('./index-CIrkNXqJ.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var haptic = require('./haptic-ClPPQ_PS.js');
+var index = require('./index-CAThePqm.js');
+var index$1 = require('./index-wOmugbdg.js');
+var ionicGlobal = require('./ionic-global-dMut1Czp.js');
+var index$2 = require('./index-BnhnwL1o.js');
+var helpers = require('./helpers-DURh1XdY.js');
+var haptic = require('./haptic-Ch-X4gRx.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
 
@@ -20,6 +20,7 @@ const Reorder = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
+    get el() { return index.getElement(this); }
     onClick(ev) {
         const reorderGroup = this.el.closest('ion-reorder-group');
         ev.preventDefault();
@@ -32,9 +33,8 @@ const Reorder = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const reorderIcon = mode === 'ios' ? index$1.reorderThreeOutline : index$1.reorderTwoSharp;
-        return (index.h(index.Host, { key: 'b869db61ca6393cf1476f2111a66b387b567c6d1', class: mode }, index.h("slot", { key: 'a78edd1776835282b8b5c841377018f36c83296c' }, index.h("ion-icon", { key: '7fb067c47bbb9a7258e5063f028282cc097d0f94', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        return (index.h(index.Host, { key: '4d35db30b5b3df2020d2212abb3cfac94f9bc2b8', class: mode }, index.h("slot", { key: '68a565ae4a47f6a9f5d6ba845b596fdfa629ece8' }, index.h("ion-icon", { key: '168fb0f8eb9c02329274488900fcdb05d44cb895', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
-    get el() { return index.getElement(this); }
 };
 Reorder.style = {
     ios: reorderIosCss(),
@@ -50,30 +50,61 @@ const ReorderGroup = class {
         this.ionReorderStart = index.createEvent(this, "ionReorderStart", 7);
         this.ionReorderMove = index.createEvent(this, "ionReorderMove", 7);
         this.ionReorderEnd = index.createEvent(this, "ionReorderEnd", 7);
-        this.lastToIndex = -1;
-        this.cachedHeights = [];
-        this.scrollElTop = 0;
-        this.scrollElBottom = 0;
-        this.scrollElInitial = 0;
-        this.containerTop = 0;
-        this.containerBottom = 0;
-        this.state = 0 /* ReorderGroupState.Idle */;
-        /**
-         * If `true`, the reorder will be hidden.
-         */
-        this.disabled = true;
     }
+    selectedItemEl;
+    selectedItemHeight;
+    lastToIndex = -1;
+    cachedHeights = [];
+    scrollEl;
+    gesture;
+    scrollElTop = 0;
+    scrollElBottom = 0;
+    scrollElInitial = 0;
+    containerTop = 0;
+    containerBottom = 0;
+    state = 0 /* ReorderGroupState.Idle */;
+    get el() { return index.getElement(this); }
+    /**
+     * If `true`, the reorder will be hidden.
+     */
+    disabled = true;
     disabledChanged() {
         if (this.gesture) {
             this.gesture.enable(!this.disabled);
         }
     }
+    // TODO(FW-6590): Remove this in a major release.
+    /**
+     * Event that needs to be listened to in order to complete the reorder action.
+     * @deprecated Use `ionReorderEnd` instead. If you are accessing
+     * `event.detail.from` or `event.detail.to` and relying on them
+     * being different you should now add checks as they are always emitted
+     * in `ionReorderEnd`, even when they are the same.
+     */
+    ionItemReorder;
+    /**
+     * Event that is emitted when the reorder gesture starts.
+     */
+    ionReorderStart;
+    /**
+     * Event that is emitted as the reorder gesture moves.
+     */
+    ionReorderMove;
+    /**
+     * Event that is emitted when the reorder gesture ends.
+     * The from and to properties are always available, regardless of
+     * if the reorder gesture moved the item. If the item did not change
+     * from its start position, the from and to properties will be the same.
+     * Once the event has been emitted, the `complete()` method then needs
+     * to be called in order to finalize the reorder action.
+     */
+    ionReorderEnd;
     async connectedCallback() {
         const contentEl = index$2.findClosestIonContent(this.el);
         if (contentEl) {
             this.scrollEl = await index$2.getScrollElement(contentEl);
         }
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-P1nQxrpZ.js'); })).createGesture({
             el: this.el,
             gestureName: 'reorder',
             gesturePriority: 110,
@@ -295,13 +326,12 @@ const ReorderGroup = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '9527bbdedaab63d31f562c874a7332ea60c4b47b', class: {
+        return (index.h(index.Host, { key: '3afdc6a6c81bba2f88ea523d4b73c6fccff1b9ec', class: {
                 [mode]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
             } }));
     }
-    get el() { return index.getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0

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

@@ -3,25 +3,26 @@
  */
 'use strict';
 
-var index = require('./index-Ct7gcRif.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var index = require('./index-CAThePqm.js');
+var ionicGlobal = require('./ionic-global-dMut1Czp.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 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';
     }
+    get el() { return index.getElement(this); }
+    /**
+     * 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.
+     */
+    type = 'bounded';
     /**
      * Adds the ripple effect to the parent element.
      *
@@ -74,12 +75,11 @@ const RippleEffect = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '3b59cbb44741569a7350f9638b4392add673b6f1', role: "presentation", class: {
+        return (index.h(index.Host, { key: '5e88b5225414e29883256c86f111ded5bdf2ef91', role: "presentation", class: {
                 [mode]: true,
                 unbounded: this.unbounded,
             } }));
     }
-    get el() { return index.getElement(this); }
 };
 const removeRipple = (ripple) => {
     ripple.classList.add('fade-out');