@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

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

@@ -3,19 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-BJrpF9T3.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var haptic = require('./haptic-D3Ay9mmg.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var animation = require('./animation-DknMeJ3x.js');
+var index = require('./index-DhXmkpe3.js');
+var haptic = require('./haptic-CBZc4WH_.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var animation = require('./animation-CoqRs93a.js');
 var config = require('./config-DWdFbSNK.js');
-var index$3 = require('./index-BJlwOs11.js');
-var index$2 = require('./index-CgAbCW6L.js');
+var index$2 = require('./index-BbhXd9Zs.js');
+var index$1 = require('./index-CgAbCW6L.js');
 var spinnerConfigs = require('./spinner-configs-DxHKnd3-.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./capacitor-BnRBm_ys.js');
+require('./capacitor-F7SUc7Ly.js');
 
 const getRefresherAnimationType = (contentEl) => {
     const previousSibling = contentEl.previousElementSibling;
@@ -133,7 +131,7 @@ const setSpinnerOpacity = (spinner, opacity) => {
 };
 const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
     const max = 1;
-    index.writeTask(() => {
+    focusVisible.writeTask(() => {
         ticks.forEach((el, i) => {
             /**
              * Compute the opacity of each tick
@@ -144,13 +142,13 @@ const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
             const min = i * (max / numTicks);
             const range = max - min;
             const start = pullAmount - min;
-            const progression = helpers.clamp(0, start / range, 1);
+            const progression = focusVisible.clamp(0, start / range, 1);
             el.style.setProperty('opacity', progression.toString());
         });
     });
 };
 const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {
-    index.writeTask(() => {
+    focusVisible.writeTask(() => {
         // If user pulls down quickly, the spinner should spin faster
         spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');
         spinner.style.setProperty('opacity', '1');
@@ -160,8 +158,8 @@ const translateElement = (el, value, duration = 200) => {
     if (!el) {
         return Promise.resolve();
     }
-    const trans = helpers.transitionEndAsync(el, duration);
-    index.writeTask(() => {
+    const trans = focusVisible.transitionEndAsync(el, duration);
+    focusVisible.writeTask(() => {
         el.style.setProperty('transition', `${duration}ms all ease-out`);
         if (value === undefined) {
             el.style.removeProperty('transform');
@@ -197,7 +195,7 @@ const shouldUseNativeRefresher = async (referenceEl, mode) => {
     if (!refresherContent) {
         return Promise.resolve(false);
     }
-    await new Promise((resolve) => helpers.componentOnReady(refresherContent, resolve));
+    await focusVisible.waitForComponentReady(refresherContent);
     const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');
     const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');
     return (pullingSpinner !== null &&
@@ -205,20 +203,20 @@ 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 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, var(--ion-color-primary-bold))}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, var(--ion-color-primary-bold));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-background-color-step-200, #ececec);background: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 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-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, var(--ion-color-primary-bold))}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, var(--ion-color-primary-bold));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-background-color-step-200, #ececec);background: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) {
-        index.registerInstance(this, hostRef);
-        this.ionRefresh = index.createEvent(this, "ionRefresh", 7);
-        this.ionPull = index.createEvent(this, "ionPull", 7);
-        this.ionStart = index.createEvent(this, "ionStart", 7);
-        this.ionPullStart = index.createEvent(this, "ionPullStart", 7);
-        this.ionPullEnd = index.createEvent(this, "ionPullEnd", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionRefresh = focusVisible.createEvent(this, "ionRefresh", 7);
+        this.ionPull = focusVisible.createEvent(this, "ionPull", 7);
+        this.ionStart = focusVisible.createEvent(this, "ionStart", 7);
+        this.ionPullStart = focusVisible.createEvent(this, "ionPullStart", 7);
+        this.ionPullEnd = focusVisible.createEvent(this, "ionPullEnd", 7);
         this.appliedStyles = false;
         this.didStart = false;
         this.progress = 0;
@@ -315,7 +313,7 @@ const Refresher = class {
             await translateElement(el, undefined, 300);
         }
         else {
-            await helpers.transitionEndAsync(this.el.querySelector('.refresher-refreshing-icon'), 200);
+            await focusVisible.transitionEndAsync(this.el.querySelector('.refresher-refreshing-icon'), 200);
         }
         this.didRefresh = false;
         this.needsCompletion = false;
@@ -333,13 +331,13 @@ const Refresher = class {
         const ticks = pullingSpinner.shadowRoot.querySelectorAll('svg');
         let MAX_PULL = this.scrollEl.clientHeight * 0.16;
         const NUM_TICKS = ticks.length;
-        index.writeTask(() => ticks.forEach((el) => el.style.setProperty('animation', 'none')));
+        focusVisible.writeTask(() => ticks.forEach((el) => el.style.setProperty('animation', 'none')));
         this.scrollListenerCallback = () => {
             // If pointer is not on screen or refresher is not active, ignore scroll
             if (!this.pointerDown && this.state === 1 /* RefresherState.Inactive */) {
                 return;
             }
-            index.readTask(() => {
+            focusVisible.readTask(() => {
                 // PTR should only be active when overflow scrolling at the top
                 const scrollTop = this.scrollEl.scrollTop;
                 const refresherHeight = this.el.clientHeight;
@@ -349,8 +347,8 @@ const Refresher = class {
                      * progressively fade refresher out/in
                      */
                     if (this.state === 8 /* RefresherState.Refreshing */) {
-                        const ratio = helpers.clamp(0, scrollTop / (refresherHeight * 0.5), 1);
-                        index.writeTask(() => setSpinnerOpacity(refreshingSpinner, 1 - ratio));
+                        const ratio = focusVisible.clamp(0, scrollTop / (refresherHeight * 0.5), 1);
+                        focusVisible.writeTask(() => setSpinnerOpacity(refreshingSpinner, 1 - ratio));
                         return;
                     }
                     return;
@@ -374,7 +372,7 @@ const Refresher = class {
                  * refresher tick marks to quickly fade out.
                  */
                 const offset = this.didStart ? 30 : 0;
-                const pullAmount = (this.progress = helpers.clamp(0, (Math.abs(scrollTop) - offset) / MAX_PULL, 1));
+                const pullAmount = (this.progress = focusVisible.clamp(0, (Math.abs(scrollTop) - offset) / MAX_PULL, 1));
                 const shouldShowRefreshingSpinner = this.state === 8 /* RefresherState.Refreshing */ || pullAmount === 1;
                 if (shouldShowRefreshingSpinner) {
                     if (this.pointerDown) {
@@ -443,7 +441,7 @@ const Refresher = class {
                     this.needsCompletion = false;
                 }
                 else if (this.didRefresh) {
-                    index.readTask(() => translateElement(this.elementToTransform, `${this.el.clientHeight}px`));
+                    focusVisible.readTask(() => translateElement(this.elementToTransform, `${this.el.clientHeight}px`));
                 }
                 else if (hadStarted) {
                     /**
@@ -457,11 +455,11 @@ const Refresher = class {
         this.disabledChanged();
     }
     async setupMDNativeRefresher(contentEl, pullingSpinner, refreshingSpinner) {
-        const circle = helpers.getElementRoot(pullingSpinner).querySelector('circle');
+        const circle = focusVisible.getElementRoot(pullingSpinner).querySelector('circle');
         const pullingRefresherIcon = this.el.querySelector('ion-refresher-content .refresher-pulling-icon');
-        const refreshingCircle = helpers.getElementRoot(refreshingSpinner).querySelector('circle');
+        const refreshingCircle = focusVisible.getElementRoot(refreshingSpinner).querySelector('circle');
         if (circle !== null && refreshingCircle !== null) {
-            index.writeTask(() => {
+            focusVisible.writeTask(() => {
                 circle.style.setProperty('animation', 'none');
                 // This lines up the animation on the refreshing spinner with the pulling spinner
                 refreshingSpinner.style.setProperty('animation-delay', '-655ms');
@@ -491,8 +489,8 @@ const Refresher = class {
                     this.state = 2 /* RefresherState.Pulling */;
                     // When ion-refresher is being used with a custom scroll target, the overflow styles need to be applied directly instead of via a css variable
                     const { scrollEl } = this;
-                    const overflowProperty = scrollEl.matches(index$1.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
-                    index.writeTask(() => scrollEl.style.setProperty(overflowProperty, 'hidden'));
+                    const overflowProperty = scrollEl.matches(index.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
+                    focusVisible.writeTask(() => scrollEl.style.setProperty(overflowProperty, 'hidden'));
                     const animationType = getRefresherAnimationType(contentEl);
                     const animation = createPullingAnimation(animationType, pullingRefresherIcon, this.el);
                     ev.data.animation = animation;
@@ -503,7 +501,7 @@ const Refresher = class {
                     return;
                 }
                 // Since we are using an easing curve, slow the gesture tracking down a bit
-                this.progress = helpers.clamp(0, (ev.deltaY / 180) * 0.5, 1);
+                this.progress = focusVisible.clamp(0, (ev.deltaY / 180) * 0.5, 1);
                 ev.data.animation.progressStep(this.progress);
                 this.ionPull.emit();
             },
@@ -513,8 +511,8 @@ const Refresher = class {
                 }
                 this.gesture.enable(false);
                 const { scrollEl } = this;
-                const overflowProperty = scrollEl.matches(index$1.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
-                index.writeTask(() => scrollEl.style.removeProperty(overflowProperty));
+                const overflowProperty = scrollEl.matches(index.ION_CONTENT_CLASS_SELECTOR) ? 'overflow' : '--overflow';
+                focusVisible.writeTask(() => scrollEl.style.removeProperty(overflowProperty));
                 if (this.progress <= 0.4) {
                     ev.data.animation.progressEnd(0, this.progress, 500).onFinish(() => {
                         this.animations.forEach((ani) => ani.destroy());
@@ -528,7 +526,7 @@ const Refresher = class {
                 const progress = cubicBezier.getTimeGivenProgression([0, 0], [0, 0], [1, 1], [1, 1], this.progress)[0];
                 const snapBackAnimation = createSnapBackAnimation(pullingRefresherIcon);
                 this.animations.push(snapBackAnimation);
-                index.writeTask(async () => {
+                focusVisible.writeTask(async () => {
                     pullingRefresherIcon.style.setProperty('--ion-pulling-refresher-translate', `${progress * 100}px`);
                     ev.data.animation.progressEnd();
                     await snapBackAnimation.play();
@@ -567,27 +565,27 @@ const Refresher = class {
     }
     async connectedCallback() {
         if (this.el.getAttribute('slot') !== 'fixed') {
-            index.printIonError('[ion-refresher] - Make sure you use: <ion-refresher slot="fixed">');
+            focusVisible.printIonError('[ion-refresher] - Make sure you use: <ion-refresher slot="fixed">');
             return;
         }
-        const contentEl = this.el.closest(index$1.ION_CONTENT_ELEMENT_SELECTOR);
+        const contentEl = this.el.closest(index.ION_CONTENT_ELEMENT_SELECTOR);
         if (!contentEl) {
-            index$1.printIonContentErrorMsg(this.el);
+            index.printIonContentErrorMsg(this.el);
             return;
         }
         /**
          * Waits for the content to be ready before querying the scroll
          * or the background content element.
          */
-        helpers.componentOnReady(contentEl, async () => {
-            const customScrollTarget = contentEl.querySelector(index$1.ION_CONTENT_CLASS_SELECTOR);
+        focusVisible.componentOnReady(contentEl, async () => {
+            const customScrollTarget = contentEl.querySelector(index.ION_CONTENT_CLASS_SELECTOR);
             /**
              * Query the custom scroll target (if available), first. In refresher implementations,
              * the ion-refresher element will always be a direct child of ion-content (slot="fixed"). By
              * querying the custom scroll target first and falling back to the ion-content element,
              * the correct scroll element will be returned by the implementation.
              */
-            this.scrollEl = await index$1.getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
+            this.scrollEl = await index.getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
             /**
              * Query the background content element from the host ion-content element directly.
              */
@@ -640,7 +638,7 @@ const Refresher = class {
             this.needsCompletion = true;
             // Do not reset scroll el until user removes pointer from screen
             if (!this.pointerDown) {
-                helpers.raf(() => helpers.raf(() => this.resetNativeRefresher(this.elementToTransform, 32 /* RefresherState.Completing */)));
+                focusVisible.raf(() => focusVisible.raf(() => this.resetNativeRefresher(this.elementToTransform, 32 /* RefresherState.Completing */)));
             }
         }
         else {
@@ -654,7 +652,7 @@ const Refresher = class {
         if (this.nativeRefresher) {
             // Do not reset scroll el until user removes pointer from screen
             if (!this.pointerDown) {
-                helpers.raf(() => helpers.raf(() => this.resetNativeRefresher(this.elementToTransform, 16 /* RefresherState.Cancelling */)));
+                focusVisible.raf(() => focusVisible.raf(() => this.resetNativeRefresher(this.elementToTransform, 16 /* RefresherState.Cancelling */)));
             }
         }
         else {
@@ -697,7 +695,7 @@ const Refresher = class {
          * element to ensure that the refresher is shown.
          */
         if (this.contentFullscreen && this.backgroundContentEl) {
-            this.backgroundContentEl.style.setProperty('--offset-top', '0px');
+            this.backgroundContentEl.style.setProperty('--internal-offset-top', '0px');
         }
     }
     onMove(detail) {
@@ -863,7 +861,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');
+                (_a = this.backgroundContentEl) === null || _a === void 0 ? void 0 : _a.style.removeProperty('--internal-offset-top');
             }
             this.ionPullEnd.emit({
                 reason: state === 32 /* RefresherState.Completing */ ? 'complete' : 'cancel',
@@ -879,7 +877,7 @@ const Refresher = class {
             return;
         }
         this.appliedStyles = y > 0;
-        index.writeTask(() => {
+        focusVisible.writeTask(() => {
             if (this.scrollEl && this.backgroundContentEl) {
                 const scrollStyle = this.scrollEl.style;
                 const backgroundStyle = this.backgroundContentEl.style;
@@ -921,7 +919,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'd2671f7850b565e7a6fc5b3ff15b2410bcf7cb32', slot: "fixed", class: {
+        return (focusVisible.h(focusVisible.Host, { key: '95a9b35e835bc77f5f8d228a95420209f266f54a', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -934,7 +932,7 @@ const Refresher = class {
                 'refresher-completing': this.state === 32 /* RefresherState.Completing */,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0
@@ -957,8 +955,8 @@ const mdRefresherContentCss = () => ``;
 
 const RefresherContent = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.customHTMLEnabled = index.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+        focusVisible.registerInstance(this, hostRef);
+        this.customHTMLEnabled = focusVisible.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     }
     componentWillLoad() {
         const theme = ionicGlobal.getIonTheme(this);
@@ -969,37 +967,37 @@ const RefresherContent = class {
              * the native iOS refresher.
              */
             const hasRubberBandScrolling = supportsRubberBandScrolling();
-            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$2.arrowDown;
-            this.pullingIcon = index.config.get('refreshingIcon', theme === 'ios' && hasRubberBandScrolling ? index.config.get('spinner', overflowRefresher) : 'circular');
+            const overflowRefresher = hasRubberBandScrolling ? 'lines' : index$1.arrowDown;
+            this.pullingIcon = focusVisible.config.get('refreshingIcon', theme === 'ios' && hasRubberBandScrolling ? focusVisible.config.get('spinner', overflowRefresher) : 'circular');
         }
         if (this.refreshingSpinner === undefined) {
-            this.refreshingSpinner = index.config.get('refreshingSpinner', index.config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
+            this.refreshingSpinner = focusVisible.config.get('refreshingSpinner', focusVisible.config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
         }
     }
     renderPullingText() {
         const { customHTMLEnabled, pullingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "refresher-pulling-text", innerHTML: index$3.sanitizeDOMString(pullingText) });
+            return focusVisible.h("div", { class: "refresher-pulling-text", innerHTML: index$2.sanitizeDOMString(pullingText) });
         }
-        return index.h("div", { class: "refresher-pulling-text" }, pullingText);
+        return focusVisible.h("div", { class: "refresher-pulling-text" }, pullingText);
     }
     renderRefreshingText() {
         const { customHTMLEnabled, refreshingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "refresher-refreshing-text", innerHTML: index$3.sanitizeDOMString(refreshingText) });
+            return focusVisible.h("div", { class: "refresher-refreshing-text", innerHTML: index$2.sanitizeDOMString(refreshingText) });
         }
-        return index.h("div", { class: "refresher-refreshing-text" }, refreshingText);
+        return focusVisible.h("div", { class: "refresher-refreshing-text" }, refreshingText);
     }
     render() {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
-        return (index.h(index.Host, { key: '684bf1189acba94c502e2bb421f0b65313c3e9f9', class: {
+        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$1.caretBackSharp;
+        return (focusVisible.h(focusVisible.Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
                 [theme]: true,
-            } }, index.h("div", { key: '29bfcc52d581913654f7639b0f669d149bf91026', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'c5ddc5a3c22ec365906e8716cdbdb8cf793bb978', class: "refresher-pulling-icon" }, index.h("div", { key: '4314fff1f89758c81de7d908be2eaae81e8d9fb8', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: 'cea2bc74fd42c35ec6d6349f033830e745c9e99b', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: 'bfd43614c33fa6e83f67ac95022db5343af160d6', class: "arrow-container" }, index.h("ion-icon", { key: '64f48d15dc2c17cbeb177f28272477ee8535136b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '6f540e79e981a923050f57167aff8da92bfe8990', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '97b0755e0f240ec199b408a9cfef9fc48b481a68', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '1cd2a284b786fa94272f88659942ff15a7344f66', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '722aea4deaef0b014f49ce61a4a81ef219d0b101', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '8152f4fe27037c4f34918e515ac460c1f03240d5', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, focusVisible.h("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (focusVisible.h("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, focusVisible.h("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, focusVisible.h("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (focusVisible.h("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, focusVisible.h("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (focusVisible.h("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, focusVisible.h("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), focusVisible.h("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (focusVisible.h("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, focusVisible.h("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 RefresherContent.style = {
     ionic: ionicRefresherContentCss(),

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

@@ -3,15 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var list = require('./list-a-7GSA6K.js');
-var index$1 = require('./index-CgAbCW6L.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var index$2 = require('./index-BJrpF9T3.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var haptic = require('./haptic-D3Ay9mmg.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./capacitor-BnRBm_ys.js');
+var index = require('./index-CgAbCW6L.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var index$1 = require('./index-DhXmkpe3.js');
+var haptic = require('./haptic-CBZc4WH_.js');
+require('./capacitor-F7SUc7Ly.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}`;
 
@@ -21,7 +19,7 @@ const reorderMdCss = () => `:host([slot]){display:none;line-height:0;z-index:100
 
 const Reorder = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
     }
     onClick(ev) {
         const reorderGroup = this.el.closest('ion-reorder-group');
@@ -41,23 +39,23 @@ const Reorder = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.reorderThreeOutline,
+            ios: index.reorderThreeOutline,
             ionic: list.listSvg,
-            md: index$1.reorderTwoSharp,
+            md: index.reorderTwoSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured reorder handle icon or the default icon
-        return index.config.get('reorderHandleIcon', defaultIcon);
+        return focusVisible.config.get('reorderHandleIcon', defaultIcon);
     }
     render() {
         const { reorderHandleIcon } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '2a30643d0c5dbebab97a7aca68c165ee79ceed33', class: {
+        return (focusVisible.h(focusVisible.Host, { key: 'ba59a095c200b70c6d847dc7362d52b315dc853a', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '9ac45a0cc21aea6ed0ec03aa12334886219b1051' }, index.h("ion-icon", { key: '6d6789a718db4f252c6b3b4484148be2a65c80b8', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, focusVisible.h("slot", { key: '79be263f78cc21c9c4f91326e557e65849ab1e51' }, focusVisible.h("ion-icon", { key: '6e5c47c8bbd33f5cd405a5fd531831cb87c8e57e', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 Reorder.style = {
     ionic: ionicReorderMdCss(),
@@ -69,11 +67,11 @@ const reorderGroupCss = () => `.reorder-list-active>*{display:block;-webkit-tran
 
 const ReorderGroup = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionItemReorder = index.createEvent(this, "ionItemReorder", 7);
-        this.ionReorderStart = index.createEvent(this, "ionReorderStart", 7);
-        this.ionReorderMove = index.createEvent(this, "ionReorderMove", 7);
-        this.ionReorderEnd = index.createEvent(this, "ionReorderEnd", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionItemReorder = focusVisible.createEvent(this, "ionItemReorder", 7);
+        this.ionReorderStart = focusVisible.createEvent(this, "ionReorderStart", 7);
+        this.ionReorderMove = focusVisible.createEvent(this, "ionReorderMove", 7);
+        this.ionReorderEnd = focusVisible.createEvent(this, "ionReorderEnd", 7);
         this.lastToIndex = -1;
         this.cachedHeights = [];
         this.scrollElTop = 0;
@@ -93,9 +91,9 @@ const ReorderGroup = class {
         }
     }
     async connectedCallback() {
-        const contentEl = index$2.findClosestIonContent(this.el);
+        const contentEl = index$1.findClosestIonContent(this.el);
         if (contentEl) {
-            this.scrollEl = await index$2.getScrollElement(contentEl);
+            this.scrollEl = await index$1.getScrollElement(contentEl);
         }
         this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
             el: this.el,
@@ -257,7 +255,7 @@ const ReorderGroup = class {
              * impacts Firefox where insertBefore and transform operations
              * are happening in two separate frames.
              */
-            helpers.raf(() => {
+            focusVisible.raf(() => {
                 if (toIndex !== fromIndex && (listOrReorder === undefined || listOrReorder === true)) {
                     const ref = fromIndex < toIndex ? children[toIndex + 1] : children[toIndex];
                     this.el.insertBefore(selectedItemEl, ref);
@@ -319,13 +317,13 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f618089290a47bae34bcaaed968c3f8f4daa827f', class: {
+        return (focusVisible.h(focusVisible.Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "disabled": [{
                 "disabledChanged": 0

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
 
 const rippleEffectIonicCss = () => `:host{right:0;left:0;top:0;bottom:0;position:absolute;contain:strict;pointer-events:none}:host(.unbounded){contain:layout size style}.ripple-effect{border-radius:50%;position:absolute;background-color:currentColor;color:inherit;contain:strict;opacity:0;-webkit-animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;animation:225ms rippleAnimation forwards, 75ms fadeInAnimation forwards;will-change:transform, opacity;pointer-events:none}.fade-out{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1));-webkit-animation:150ms fadeOutAnimation forwards;animation:150ms fadeOutAnimation forwards}@-webkit-keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes rippleAnimation{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@-webkit-keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0.16}}@-webkit-keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0.16}to{opacity:0}}.ripple-effect{-webkit-animation-name:rippleAnimation, fadeInAnimation;animation-name:rippleAnimation, fadeInAnimation}.fade-out{-webkit-animation-name:fadeOutAnimation;animation-name:fadeOutAnimation}@keyframes rippleAnimation{from{-webkit-animation-timing-function:var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));animation-timing-function:var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translate(var(--translate-end)) scale(var(--final-scale, 1));transform:translate(var(--translate-end)) scale(var(--final-scale, 1))}}@keyframes fadeInAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--ripple-opacity, 0.16)}}@keyframes fadeOutAnimation{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--ripple-opacity, 0.16)}to{opacity:0}}`;
 
@@ -14,7 +14,7 @@ const mdRippleEffectCommonCss = () => `:host{right:0;left:0;top:0;bottom:0;posit
 
 const RippleEffect = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         /**
          * Sets the type of ripple-effect:
          *
@@ -34,7 +34,7 @@ const RippleEffect = class {
      */
     async addRipple(x, y) {
         return new Promise((resolve) => {
-            index.readTask(() => {
+            focusVisible.readTask(() => {
                 const rect = this.el.getBoundingClientRect();
                 const width = rect.width;
                 const height = rect.height;
@@ -53,7 +53,7 @@ const RippleEffect = class {
                 const styleY = posY - initialSize * 0.5;
                 const moveX = width * 0.5 - posX;
                 const moveY = height * 0.5 - posY;
-                index.writeTask(() => {
+                focusVisible.writeTask(() => {
                     const div = document.createElement('div');
                     div.classList.add('ripple-effect');
                     const style = div.style;
@@ -78,12 +78,12 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f4db39623cfd1bdc773e222b2dd9ed52a26cc685', role: "presentation", class: {
+        return (focusVisible.h(focusVisible.Host, { key: '502ce1841747f255dfab542914bebd0d0f4ae9bd', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 const removeRipple = (ripple) => {
     ripple.classList.add('fade-out');