@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786735826.1fad7c0a

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

@@ -1,19 +1,19 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask, r as registerInstance, c as createEvent, a as readTask, j as printIonError, h, d as Host, g as getElement, e as config } from './index-C0EQceqV.js';
+import { w as writeTask, r as registerInstance, c as createEvent, g as getElement, a as readTask, j as printIonError, h, d as Host, e as config } from './index-ChhhtsGZ.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
-import { I as ION_CONTENT_CLASS_SELECTOR, c as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, e as findRefresherScrollHost, g as getScrollElement } from './index-taYRjZGp.js';
-import { c as componentOnReady, t as transitionEndAsync, e as clamp, g as getElementRoot, r as raf } from './helpers-DfF5_wJc.js';
-import { d as hapticImpact, I as ImpactStyle } from './haptic-BWlRCqa-.js';
-import { b as getIonMode, c as getIonTheme } from './ionic-global-CEwbmRLz.js';
-import { c as createAnimation } from './animation-ChfHU0RG.js';
-import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-BwKpO3Is.js';
-import { s as sanitizeDOMString } from './index-Mq5pCWmZ.js';
-import { h as arrowDown, i as caretBackSharp } from './index-B4Kq2YNk.js';
+import { I as ION_CONTENT_CLASS_SELECTOR, c as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, e as findRefresherScrollHost, g as getScrollElement } from './index-_Za5VB9w.js';
+import { c as componentOnReady, t as transitionEndAsync, e as clamp, g as getElementRoot, r as raf } from './helpers-DexiPLIC.js';
+import { d as hapticImpact, I as ImpactStyle } from './haptic-Cq4UAeka.js';
+import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
+import { c as createAnimation } from './animation-CGFdmGk9.js';
+import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-DWCzVL3Y.js';
+import { s as sanitizeDOMString } from './index-CKM1DdGm.js';
+import { l as arrowDown, m as caretBackSharp } from './index-BvabGprD.js';
 import { S as SPINNERS } from './spinner-configs-D4RIp70E.js';
-import './focus-visible-vXpMhGrs.js';
-import './capacitor-DG_4yVXz.js';
+import './capacitor-CFERIeaU.js';
+import './index-ZjP4CjeZ.js';
 
 const getRefresherAnimationType = (contentEl) => {
     const previousSibling = contentEl.previousElementSibling;
@@ -203,11 +203,9 @@ const shouldUseNativeRefresher = async (referenceEl, mode) => {
         ((mode === 'ios' && supportsRubberBandScrolling()) || mode === 'md'));
 };
 
-const ionicRefresherMdCss = () => `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;right:0;left: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 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 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;right:0;left: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 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 Refresher = class {
     constructor(hostRef) {
@@ -217,79 +215,114 @@ const Refresher = class {
         this.ionStart = createEvent(this, "ionStart", 7);
         this.ionPullStart = createEvent(this, "ionPullStart", 7);
         this.ionPullEnd = 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 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, getIonMode(this));
         if (useNativeRefresher && !this.nativeRefresher) {
@@ -387,7 +420,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();
                         }
                         /**
@@ -406,7 +439,7 @@ const Refresher = class {
             });
         };
         this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-        const { createGesture } = await import('./index-CfgBF1SE.js');
+        const { createGesture } = await import('./index-DppOcPFQ.js');
         /**
          * Awaiting the dynamic import yields to the event loop, so the component can
          * disconnect before it resolves. disconnectedCallback clears scrollEl, so a
@@ -475,7 +508,7 @@ const Refresher = class {
                 refreshingCircle.style.setProperty('animation-delay', '-655ms');
             });
         }
-        const { createGesture } = await import('./index-CfgBF1SE.js');
+        const { createGesture } = await import('./index-DppOcPFQ.js');
         /**
          * Awaiting the dynamic import yields to the event loop, so the component can
          * disconnect before it resolves. disconnectedCallback clears scrollEl, so a
@@ -603,7 +636,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 getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
+            this.scrollEl = await getScrollElement(customScrollTarget ?? contentEl);
             /**
              * Query the background content element from the host ion-content element directly.
              */
@@ -618,7 +651,7 @@ const Refresher = class {
                 this.setupNativeRefresher(contentEl);
             }
             else {
-                const { createGesture } = await import('./index-CfgBF1SE.js');
+                const { createGesture } = await import('./index-DppOcPFQ.js');
                 /**
                  * Awaiting the dynamic import yields to the event loop, so the component can
                  * disconnect before it resolves. A disconnected contentEl means there is
@@ -858,7 +891,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
@@ -870,7 +903,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;
@@ -888,7 +920,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',
@@ -929,9 +961,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,11 +977,11 @@ const Refresher = class {
         }
     }
     render() {
-        const theme = getIonTheme(this);
-        return (h(Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
-                [theme]: true,
+        const mode = getIonMode(this);
+        return (h(Host, { key: 'b76e9fb79121799717063137135e448a3c784d82', slot: "fixed", class: {
+                [mode]: true,
                 // Used internally for styling
-                [`refresher-${theme}`]: true,
+                [`refresher-${mode}`]: true,
                 'refresher-native': this.nativeRefresher,
                 'refresher-active': this.state !== 1 /* RefresherState.Inactive */,
                 'refresher-pulling': this.state === 2 /* RefresherState.Pulling */,
@@ -959,7 +991,6 @@ const Refresher = class {
                 'refresher-completing': this.state === 32 /* RefresherState.Completing */,
             } }));
     }
-    get el() { return getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0
@@ -967,26 +998,55 @@ const Refresher = class {
     }; }
 };
 Refresher.style = {
-    ionic: ionicRefresherMdCss(),
     ios: refresherIosCss(),
     md: refresherMdCss()
 };
 
-const caretLeftFillSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjgsNDhWMjA4YTgsOCwwLDAsMS0xMy42Niw1LjY2bC04MC04MGE4LDgsMCwwLDEsMC0xMS4zMmw4MC04MEE4LDgsMCwwLDEsMTY4LDQ4WiIvPjwvc3ZnPg==';
-
-const ionicRefresherContentCss = () => ``;
-
-const iosRefresherContentCss = () => ``;
-
-const mdRefresherContentCss = () => ``;
-
 const RefresherContent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
     }
+    customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
+    get el() { return 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() {
-        const theme = getIonTheme(this);
         if (this.pullingIcon === undefined) {
             /**
              * The native iOS refresher uses a spinner instead of
@@ -994,11 +1054,13 @@ const RefresherContent = class {
              * the native iOS refresher.
              */
             const hasRubberBandScrolling = supportsRubberBandScrolling();
+            const mode = getIonMode(this);
             const overflowRefresher = hasRubberBandScrolling ? 'lines' : arrowDown;
-            this.pullingIcon = config.get('refreshingIcon', theme === 'ios' && hasRubberBandScrolling ? config.get('spinner', overflowRefresher) : 'circular');
+            this.pullingIcon = config.get('refreshingIcon', mode === 'ios' && hasRubberBandScrolling ? config.get('spinner', overflowRefresher) : 'circular');
         }
         if (this.refreshingSpinner === undefined) {
-            this.refreshingSpinner = config.get('refreshingSpinner', config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
+            const mode = getIonMode(this);
+            this.refreshingSpinner = config.get('refreshingSpinner', config.get('spinner', mode === 'ios' ? 'lines' : 'circular'));
         }
     }
     renderPullingText() {
@@ -1018,18 +1080,9 @@ const RefresherContent = class {
     render() {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
-        const theme = getIonTheme(this);
-        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
-        return (h(Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
-                [theme]: true,
-            } }, h("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, h("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, h("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, h("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, h("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        const mode = getIonMode(this);
+        return (h(Host, { key: 'a1546008813bbcfa70f97e9b9025846ee0aed722', class: mode }, h("div", { key: '5422771d67fe201e22d4f9d7db6b685f3db5d99d', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: '5c2b6dfc3f01b42586ea83380548d454b220a7ca', class: "refresher-pulling-icon" }, h("div", { key: '2c3799ca3f66960d7081c63c5a0840951f694baf', class: "spinner-arrow-container" }, h("ion-spinner", { key: '03f766a9b9354dcb8f6975757a9b882c2eb5cf4a', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (h("div", { key: 'e5f4ba7c6a70adb71f8985af0e23aca07d7b005a', class: "arrow-container" }, h("ion-icon", { key: 'ddccbd9164ae8daa97178fc53b52f74f1fd298ef', icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: '6fb742f47f9149fa6dc3daefe5aaa77f925da4bd', class: "refresher-pulling-icon" }, h("ion-icon", { key: '907657135eeac4c394be1eae4a659664a7bfacb0', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'fb3094b3ed7e100ab9641c3221770889088e27f3', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: 'bc8078f94e7cea3cb6f03a09e98540f0e0b38721', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '8f39524f073aa828e941bcdd4d48e4d5dfc759c6', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
-    get el() { return getElement(this); }
-};
-RefresherContent.style = {
-    ionic: ionicRefresherContentCss(),
-    ios: iosRefresherContentCss(),
-    md: mdRefresherContentCss()
 };
 
 export { Refresher as ion_refresher, RefresherContent as ion_refresher_content };

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

@@ -1,17 +1,14 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, e as config, h, d as Host, g as getElement, c as createEvent } from './index-C0EQceqV.js';
-import { l as listSvg } from './list-Dhi5xtNS.js';
-import { j as reorderTwoSharp, k as reorderThreeOutline } from './index-B4Kq2YNk.js';
-import { c as getIonTheme } from './ionic-global-CEwbmRLz.js';
-import { a as findClosestIonContent, g as getScrollElement } from './index-taYRjZGp.js';
-import { r as raf } from './helpers-DfF5_wJc.js';
-import { b as hapticSelectionStart, a as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic-BWlRCqa-.js';
-import './focus-visible-vXpMhGrs.js';
-import './capacitor-DG_4yVXz.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}`;
+import { r as registerInstance, g as getElement, h, d as Host, c as createEvent } from './index-ChhhtsGZ.js';
+import { n as reorderThreeOutline, o as reorderTwoSharp } from './index-BvabGprD.js';
+import { b as getIonMode } from './ionic-global-BVB7BrLT.js';
+import { a as findClosestIonContent, g as getScrollElement } from './index-_Za5VB9w.js';
+import { r as raf } from './helpers-DexiPLIC.js';
+import { b as hapticSelectionStart, a as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic-Cq4UAeka.js';
+import './capacitor-CFERIeaU.js';
+import './index-ZjP4CjeZ.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}`;
 
@@ -21,6 +18,7 @@ const Reorder = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    get el() { return getElement(this); }
     onClick(ev) {
         const reorderGroup = this.el.closest('ion-reorder-group');
         ev.preventDefault();
@@ -30,35 +28,13 @@ const Reorder = class {
             ev.stopImmediatePropagation();
         }
     }
-    /**
-     * Get the icon to use for the handle icon.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get reorderHandleIcon() {
-        // Determine the theme and map to default icons
-        const theme = getIonTheme(this);
-        const defaultIcons = {
-            ios: reorderThreeOutline,
-            ionic: listSvg,
-            md: 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 config.get('reorderHandleIcon', defaultIcon);
-    }
     render() {
-        const { reorderHandleIcon } = this;
-        const theme = getIonTheme(this);
-        return (h(Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
-                [theme]: true,
-            } }, h("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, h("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        const mode = getIonMode(this);
+        const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
+        return (h(Host, { key: 'f278c473b4695a6a93565100e4fcaa7f9e3e9ff5', class: mode }, h("slot", { key: 'cc26b5ed297f68a0bea82e27e34a7fe945186f4e' }, h("ion-icon", { key: '696f5e4c2b09e64bd08abf0d0818b1554cd29737', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
-    get el() { return getElement(this); }
 };
 Reorder.style = {
-    ionic: ionicReorderMdCss(),
     ios: reorderIosCss(),
     md: reorderMdCss()
 };
@@ -72,30 +48,61 @@ const ReorderGroup = class {
         this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
         this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
         this.ionReorderEnd = 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 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 = findClosestIonContent(this.el);
         if (contentEl) {
             this.scrollEl = await getScrollElement(contentEl);
         }
-        this.gesture = (await import('./index-CfgBF1SE.js')).createGesture({
+        this.gesture = (await import('./index-DppOcPFQ.js')).createGesture({
             el: this.el,
             gestureName: 'reorder',
             gesturePriority: 110,
@@ -316,14 +323,13 @@ const ReorderGroup = class {
         return this.scrollEl.scrollTop - this.scrollElInitial;
     }
     render() {
-        const theme = getIonTheme(this);
-        return (h(Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
-                [theme]: true,
+        const mode = getIonMode(this);
+        return (h(Host, { key: '779332508f44409696b6bab80eda72f9b1d7869d', class: {
+                [mode]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
             } }));
     }
-    get el() { return getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0