@ionic/core 8.8.7-dev.11779400352.127ba526 → 8.8.7-dev.11779921691.1777274a

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

@@ -3,17 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var config = require('./config-DWdFbSNK.js');
-var helpers = require('./helpers-DJYxKN5U.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var overlays = require('./overlays-Hci_7vw_.js');
-var index$1 = require('./index-BJlwOs11.js');
-var theme = require('./theme-IlOsGAz7.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var animation = require('./animation-DknMeJ3x.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./framework-delegate-Dx9FrqAC.js');
+var overlays = require('./overlays-H4z8xPi9.js');
+var index = require('./index-BbhXd9Zs.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var animation = require('./animation-CoqRs93a.js');
+require('./framework-delegate-C1LqXDzY.js');
 require('./gesture-controller-dtqlP_q4.js');
 
 /**
@@ -104,27 +101,27 @@ const mdLeaveAnimation = (baseEl) => {
         .addAnimation([backdropAnimation, wrapperAnimation]);
 };
 
-const ionicLoadingMdCss = () => `.sc-ion-loading-ionic-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ionic-h{display:none}.loading-wrapper.sc-ion-loading-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ionic{color:var(--spinner-color)}.sc-ion-loading-ionic-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #0054e9);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:0.875rem}.loading-wrapper.sc-ion-loading-ionic{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-ionic+.loading-content.sc-ion-loading-ionic{-webkit-margin-start:16px;margin-inline-start:16px}`;
+const ionicLoadingMdCss = () => `.sc-ion-loading-ionic-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ionic-h{display:none}.loading-wrapper.sc-ion-loading-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ionic{color:var(--spinner-color)}.sc-ion-loading-ionic-h{--background:var(--ion-background-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, var(--ion-color-primary-bold));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-text-color-step-150, #262626);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ionic{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-ionic+.loading-content.sc-ion-loading-ionic{-webkit-margin-start:16px;margin-inline-start:16px}`;
 
-const loadingIosCss = () => `.sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px;padding-top:24px;padding-bottom:24px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{-webkit-margin-start:16px;margin-inline-start:16px}`;
+const loadingIosCss = () => `.sc-ion-loading-ios-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-ios-h{display:none}.loading-wrapper.sc-ion-loading-ios{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-ios{color:var(--spinner-color)}.sc-ion-loading-ios-h{--background:var(--ion-overlay-background-color, var(--ion-background-color-step-100, #f9f9f9));--max-width:270px;--max-height:90%;--spinner-color:var(--ion-text-color-step-400, #666666);--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);color:var(--ion-text-color, #000);font-size:0.875rem}.loading-wrapper.sc-ion-loading-ios{border-radius:8px;-webkit-padding-start:34px;padding-inline-start:34px;-webkit-padding-end:34px;padding-inline-end:34px;padding-top:24px;padding-bottom:24px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.loading-translucent.sc-ion-loading-ios-h .loading-wrapper.sc-ion-loading-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.loading-content.sc-ion-loading-ios{font-weight:bold}.loading-spinner.sc-ion-loading-ios+.loading-content.sc-ion-loading-ios{-webkit-margin-start:16px;margin-inline-start:16px}`;
 
-const loadingMdCss = () => `.sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, #0054e9);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));font-size:0.875rem}.loading-wrapper.sc-ion-loading-md{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{-webkit-margin-start:16px;margin-inline-start:16px}`;
+const loadingMdCss = () => `.sc-ion-loading-md-h{--min-width:auto;--width:auto;--min-height:auto;--height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-loading-md-h{display:none}.loading-wrapper.sc-ion-loading-md{display:-ms-flexbox;display:flex;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);opacity:0;z-index:10}ion-spinner.sc-ion-loading-md{color:var(--spinner-color)}.sc-ion-loading-md-h{--background:var(--ion-background-color-step-50, #f2f2f2);--max-width:280px;--max-height:90%;--spinner-color:var(--ion-color-primary, var(--ion-color-primary-bold));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);color:var(--ion-text-color-step-150, #262626);font-size:0.875rem}.loading-wrapper.sc-ion-loading-md{border-radius:2px;-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:24px;padding-bottom:24px;-webkit-box-shadow:0 16px 20px rgba(0, 0, 0, 0.4);box-shadow:0 16px 20px rgba(0, 0, 0, 0.4)}.loading-spinner.sc-ion-loading-md+.loading-content.sc-ion-loading-md{-webkit-margin-start:16px;margin-inline-start:16px}`;
 
 const Loading = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.didPresent = index.createEvent(this, "ionLoadingDidPresent", 7);
-        this.willPresent = index.createEvent(this, "ionLoadingWillPresent", 7);
-        this.willDismiss = index.createEvent(this, "ionLoadingWillDismiss", 7);
-        this.didDismiss = index.createEvent(this, "ionLoadingDidDismiss", 7);
-        this.didPresentShorthand = index.createEvent(this, "didPresent", 7);
-        this.willPresentShorthand = index.createEvent(this, "willPresent", 7);
-        this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
-        this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.didPresent = focusVisible.createEvent(this, "ionLoadingDidPresent", 7);
+        this.willPresent = focusVisible.createEvent(this, "ionLoadingWillPresent", 7);
+        this.willDismiss = focusVisible.createEvent(this, "ionLoadingWillDismiss", 7);
+        this.didDismiss = focusVisible.createEvent(this, "ionLoadingDidDismiss", 7);
+        this.didPresentShorthand = focusVisible.createEvent(this, "didPresent", 7);
+        this.willPresentShorthand = focusVisible.createEvent(this, "willPresent", 7);
+        this.willDismissShorthand = focusVisible.createEvent(this, "willDismiss", 7);
+        this.didDismissShorthand = focusVisible.createEvent(this, "didDismiss", 7);
         this.delegateController = overlays.createDelegateController(this);
         this.lockController = lockController.createLockController();
         this.triggerController = overlays.createTriggerController();
-        this.customHTMLEnabled = index.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+        this.customHTMLEnabled = focusVisible.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
         this.presented = false;
         /** @internal */
         this.hasController = false;
@@ -188,7 +185,7 @@ const Loading = class {
         var _a;
         if (this.spinner === undefined) {
             const theme = ionicGlobal.getIonTheme(this);
-            this.spinner = index.config.get('loadingSpinner', index.config.get('spinner', theme === 'ios' ? 'lines' : 'crescent'));
+            this.spinner = focusVisible.config.get('loadingSpinner', focusVisible.config.get('spinner', theme === 'ios' ? 'lines' : 'crescent'));
         }
         if (!((_a = this.htmlAttributes) === null || _a === void 0 ? void 0 : _a.id)) {
             overlays.setOverlayId(this.el);
@@ -200,7 +197,7 @@ const Loading = class {
          * then we should open loading indicator immediately.
          */
         if (this.isOpen === true) {
-            helpers.raf(() => this.present());
+            focusVisible.raf(() => this.present());
         }
         /**
          * When binding values in frameworks such as Angular
@@ -267,24 +264,24 @@ const Loading = class {
     renderLoadingMessage(msgId) {
         const { customHTMLEnabled, message } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "loading-content", id: msgId, innerHTML: index$1.sanitizeDOMString(message) });
+            return focusVisible.h("div", { class: "loading-content", id: msgId, innerHTML: index.sanitizeDOMString(message) });
         }
-        return (index.h("div", { class: "loading-content", id: msgId }, message));
+        return (focusVisible.h("div", { class: "loading-content", id: msgId }, message));
     }
     render() {
         const { message, spinner, htmlAttributes, overlayIndex } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
+        const theme = ionicGlobal.getIonTheme(this);
         const msgId = `loading-${overlayIndex}-msg`;
         /**
          * If the message is defined, use that as the label.
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (focusVisible.h(focusVisible.Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, index.h("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, focusVisible.getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), focusVisible.h("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), focusVisible.h("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), focusVisible.h("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (focusVisible.h("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, focusVisible.h("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), focusVisible.h("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "isOpen": [{
                 "onIsOpenChange": 0

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

@@ -3,19 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var overlays = require('./overlays-Hci_7vw_.js');
+var overlays = require('./overlays-H4z8xPi9.js');
 var gestureController = require('./gesture-controller-dtqlP_q4.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var index$1 = require('./index-Cer2Qy4I.js');
-var theme = require('./theme-IlOsGAz7.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var index = require('./index-HkS255C9.js');
 var list = require('./list-a-7GSA6K.js');
-var index$2 = require('./index-CgAbCW6L.js');
-require('./framework-delegate-Dx9FrqAC.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./animation-DknMeJ3x.js');
+var index$1 = require('./index-CgAbCW6L.js');
+require('./framework-delegate-C1LqXDzY.js');
+require('./animation-CoqRs93a.js');
 
 const ionicMenuMdCss = () => `:host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);right:0;left:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){right:0;left:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{right:0;left:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}`;
 
@@ -29,12 +26,12 @@ const iosEasingReverse = 'cubic-bezier(1, 0, 0.68, 0.28)';
 const mdEasingReverse = 'cubic-bezier(0.4, 0, 0.6, 1)';
 const Menu = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionWillOpen = index.createEvent(this, "ionWillOpen", 7);
-        this.ionWillClose = index.createEvent(this, "ionWillClose", 7);
-        this.ionDidOpen = index.createEvent(this, "ionDidOpen", 7);
-        this.ionDidClose = index.createEvent(this, "ionDidClose", 7);
-        this.ionMenuChange = index.createEvent(this, "ionMenuChange", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionWillOpen = focusVisible.createEvent(this, "ionWillOpen", 7);
+        this.ionWillClose = focusVisible.createEvent(this, "ionWillClose", 7);
+        this.ionDidOpen = focusVisible.createEvent(this, "ionDidOpen", 7);
+        this.ionDidClose = focusVisible.createEvent(this, "ionDidClose", 7);
+        this.ionMenuChange = focusVisible.createEvent(this, "ionMenuChange", 7);
         this.lastOnEnd = 0;
         this.blocker = gestureController.GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
         this.didLoad = false;
@@ -114,7 +111,7 @@ const Menu = class {
         });
     }
     sideChanged() {
-        this.isEndSide = helpers.isEndSide(this.side);
+        this.isEndSide = focusVisible.isEndSide(this.side);
         /**
          * Menu direction animation is calculated based on the document direction.
          * If the document direction changes, we need to create a new animation.
@@ -131,15 +128,15 @@ const Menu = class {
             await customElements.whenDefined('ion-menu');
         }
         if (this.type === undefined) {
-            this.type = index.config.get('menuType', 'overlay');
+            this.type = focusVisible.config.get('menuType', 'overlay');
         }
         const content = this.contentId !== undefined ? document.getElementById(this.contentId) : null;
         if (content === null) {
-            index.printIonError('[ion-menu] - Must have a "content" element to listen for drag events on.');
+            focusVisible.printIonError('[ion-menu] - Must have a "content" element to listen for drag events on.');
             return;
         }
         if (this.el.contains(content)) {
-            index.printIonError(`[ion-menu] - The "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`);
+            focusVisible.printIonError(`[ion-menu] - The "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`);
         }
         this.contentEl = content;
         // add menu's content classes
@@ -147,7 +144,7 @@ const Menu = class {
         this.typeChanged(this.type, undefined);
         this.sideChanged();
         // register this menu with the app's menu controller
-        index$1.menuController._register(this);
+        index.menuController._register(this);
         this.menuChanged();
         this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
             el: document,
@@ -164,7 +161,7 @@ const Menu = class {
         this.updateState();
     }
     componentWillLoad() {
-        this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
+        this.inheritedAttributes = focusVisible.inheritAriaAttributes(this.el);
     }
     async componentDidLoad() {
         this.didLoad = true;
@@ -204,7 +201,7 @@ const Menu = class {
          */
         await this.close(false);
         this.blocker.destroy();
-        index$1.menuController._unregister(this);
+        index.menuController._unregister(this);
         if (this.animation) {
             this.animation.destroy();
         }
@@ -304,7 +301,7 @@ const Menu = class {
         var _a;
         // Blur the active element to prevent it from being kept focused inside an element that will be set with aria-hidden="true"
         (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
-        return index$1.menuController._setOpen(this, shouldOpen, animated, role);
+        return index.menuController._setOpen(this, shouldOpen, animated, role);
     }
     trapKeyboardFocus(ev, doc) {
         const target = ev.target;
@@ -370,7 +367,7 @@ const Menu = class {
          * Menu direction animation is calculated based on the document direction.
          * If the document direction changes, we need to create a new animation.
          */
-        const isEndSide = helpers.isEndSide(this.side);
+        const isEndSide = focusVisible.isEndSide(this.side);
         if (width === this.width && this.animation !== undefined && isEndSide === this.isEndSide) {
             return;
         }
@@ -382,8 +379,8 @@ const Menu = class {
             this.animation = undefined;
         }
         // Create new animation
-        const animation = (this.animation = await index$1.menuController._createAnimation(this.type, this));
-        if (!index.config.getBoolean('animated', true)) {
+        const animation = (this.animation = await index.menuController._createAnimation(this.type, this));
+        if (!focusVisible.config.getBoolean('animated', true)) {
             animation.duration(0);
         }
         animation.fill('both');
@@ -428,7 +425,7 @@ const Menu = class {
         if (this._isOpen) {
             return true;
         }
-        else if (index$1.menuController._getOpenSync()) {
+        else if (index.menuController._getOpenSync()) {
             return false;
         }
         return checkEdgeSide(window, detail.currentX, this.isEndSide, this.maxEdgeStart);
@@ -439,7 +436,7 @@ const Menu = class {
     }
     onStart() {
         if (!this.isAnimating || !this.animation) {
-            helpers.assert(false, 'isAnimating has to be true');
+            focusVisible.assert(false, 'isAnimating has to be true');
             return;
         }
         // the cloned animation should not use an easing curve during seek
@@ -447,7 +444,7 @@ const Menu = class {
     }
     onMove(detail) {
         if (!this.isAnimating || !this.animation) {
-            helpers.assert(false, 'isAnimating has to be true');
+            focusVisible.assert(false, 'isAnimating has to be true');
             return;
         }
         const delta = computeDelta(detail.deltaX, this._isOpen, this.isEndSide);
@@ -456,7 +453,7 @@ const Menu = class {
     }
     onEnd(detail) {
         if (!this.isAnimating || !this.animation) {
-            helpers.assert(false, 'isAnimating has to be true');
+            focusVisible.assert(false, 'isAnimating has to be true');
             return;
         }
         const isOpen = this._isOpen;
@@ -497,7 +494,7 @@ const Menu = class {
          * in terms of a linear curve.
          */
         newStepValue +=
-            cubicBezier.getTimeGivenProgression([0, 0], [0.4, 0], [0.6, 1], [1, 1], helpers.clamp(0, adjustedStepValue, 0.9999))[0] || 0;
+            cubicBezier.getTimeGivenProgression([0, 0], [0.4, 0], [0.6, 1], [1, 1], focusVisible.clamp(0, adjustedStepValue, 0.9999))[0] || 0;
         const playTo = this._isOpen ? !shouldComplete : shouldComplete;
         this.animation
             .easing('cubic-bezier(0.4, 0.0, 0.6, 1)')
@@ -505,7 +502,7 @@ const Menu = class {
             .progressEnd(playTo ? 1 : 0, this._isOpen ? 1 - newStepValue : newStepValue, 300);
     }
     beforeAnimation(shouldOpen, role) {
-        helpers.assert(!this.isAnimating, '_before() should not be called while animating');
+        focusVisible.assert(!this.isAnimating, '_before() should not be called while animating');
         /**
          * When the menu is presented on an Android device, TalkBack's focus rings
          * may appear in the wrong position due to the transition (specifically
@@ -660,22 +657,22 @@ const Menu = class {
     }
     render() {
         const { type, disabled, el, isPaneVisible, inheritedAttributes, side } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
+        const theme = ionicGlobal.getIonTheme(this);
         /**
          * If the Close Watcher is enabled then
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: '76e15d710fbbbd2e64795224decc3673fd160db0', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
-                [theme$1]: true,
+        return (focusVisible.h(focusVisible.Host, { key: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+                [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
-                'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: 'cc0a0773caff97aefa98015bf3e36631173d2b4f', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '0b90d1248bdf3bedafda7913189635c8d010abb6' })), index.h("ion-backdrop", { key: '4fb7013bc61161e6e336541ed25605219410f749', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+                'split-pane-side': focusVisible.hostContext('ion-split-pane', el),
+            } }, focusVisible.h("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, focusVisible.h("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), focusVisible.h("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "type": [{
                 "typeChanged": 0
@@ -713,19 +710,19 @@ Menu.style = {
 
 // Given a menu, return whether or not the menu toggle should be visible
 const updateVisibility = async (menu) => {
-    const menuEl = await index$1.menuController.get(menu);
+    const menuEl = await index.menuController.get(menu);
     return !!(menuEl && (await menuEl.isActive()));
 };
 
 const menuButtonIonicCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:initial;--color:initial;--padding-start:0;--padding-end:0;position:relative;width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px);font-size:var(--token-font-size-600, 1.5rem)}`;
 
-const menuButtonIosCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}`;
+const menuButtonIosCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, var(--ion-color-primary-bold));--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}`;
 
 const menuButtonMdCss = () => `:host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}`;
 
 const MenuButton = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.visible = false;
         /**
@@ -741,11 +738,11 @@ const MenuButton = class {
          */
         this.type = 'button';
         this.onClick = async () => {
-            return index$1.menuController.toggle(this.menu);
+            return index.menuController.toggle(this.menu);
         };
     }
     componentWillLoad() {
-        this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
+        this.inheritedAttributes = focusVisible.inheritAriaAttributes(this.el);
     }
     componentDidLoad() {
         this.visibilityChanged();
@@ -757,35 +754,35 @@ const MenuButton = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$2.menuOutline,
+            ios: index$1.menuOutline,
             ionic: list.listSvg,
-            md: index$2.menuSharp,
+            md: index$1.menuSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured menu icon or the default icon
-        return index.config.get('menuIcon', defaultIcon);
+        return focusVisible.config.get('menuIcon', defaultIcon);
     }
     render() {
         const { color, disabled, inheritedAttributes, menuIcon } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
+        const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
         const attrs = {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
-                [theme$1]: true,
+        return (focusVisible.h(focusVisible.Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: focusVisible.createColorClasses(color, {
+                [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
                 'menu-button-disabled': disabled,
-                'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-                'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
+                'in-toolbar': focusVisible.hostContext('ion-toolbar', this.el),
+                'in-toolbar-color': focusVisible.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, index.h("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, index.h("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
+            }) }, focusVisible.h("button", Object.assign({ key: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), focusVisible.h("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, focusVisible.h("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, focusVisible.h("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && focusVisible.h("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
 };
 MenuButton.style = {
     ionic: menuButtonIonicCss(),
@@ -797,7 +794,7 @@ const menuToggleCss = () => `:host(.menu-toggle-hidden){display:none}`;
 
 const MenuToggle = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         this.visible = false;
         /**
          * Automatically hides the content when the corresponding menu is not active.
@@ -807,7 +804,7 @@ const MenuToggle = class {
          */
         this.autoHide = true;
         this.onClick = () => {
-            return index$1.menuController.toggle(this.menu);
+            return index.menuController.toggle(this.menu);
         };
     }
     connectedCallback() {
@@ -819,10 +816,10 @@ const MenuToggle = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (focusVisible.h(focusVisible.Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
+            } }, focusVisible.h("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
     }
 };
 MenuToggle.style = menuToggleCss();