@ionic/core 8.7.1-nightly.20250731 → 8.7.1

package/dist/cjs/{index-BDBT0u4l.js → index-bGpoPC4u.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-BITAzJfi.js');
-require('./index-DODXXb_r.js');
+var helpers = require('./helpers-DgwmcYAu.js');
+require('./index-DNh170BW.js');
 
 const startTapClick = (config) => {
     if (index.doc === undefined) {

package/dist/cjs/index.cjs.js

@@ -3,22 +3,23 @@
  */
 'use strict';
 
-var animation = require('./animation-0T7gKwOt.js');
-var index = require('./index-y0QaNtCi.js');
-var ios_transition = require('./ios.transition-baEy2tr4.js');
-var md_transition = require('./md.transition-Bvc-JrM5.js');
+var animation = require('./animation-ZJ1lAkZD.js');
+var index = require('./index-BzEyuIww.js');
+var ios_transition = require('./ios.transition-DEitrLlG.js');
+var md_transition = require('./md.transition-BHtGC-Wg.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var index$2 = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
-var config = require('./config-U7OAuj53.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var helpers = require('./helpers-DgwmcYAu.js');
+var index$2 = require('./index-DNh170BW.js');
+var config = require('./config-CKhELRRu.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$3 = require('./index-CxfLS2mX.js');
-var overlays = require('./overlays-DRDumz2b.js');
+var index$3 = require('./index-D24wggHR.js');
+var overlays = require('./overlays-CglR7j-u.js');
 require('./index-DkNv4J_i.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-D90qZxju.js');
-require('./framework-delegate-C7sIJyT5.js');
+require('./hardware-back-button-BxdNu76F.js');
+require('./framework-delegate-WkyjrnCx.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -130,14 +131,14 @@ exports.iosTransitionAnimation = ios_transition.iosTransitionAnimation;
 exports.mdTransitionAnimation = md_transition.mdTransitionAnimation;
 exports.getTimeGivenProgression = cubicBezier.getTimeGivenProgression;
 exports.createGesture = index$1.createGesture;
+exports.getPlatforms = ionicGlobal.getPlatforms;
+exports.initialize = ionicGlobal.initialize;
+exports.isPlatform = ionicGlobal.isPlatform;
+exports.componentOnReady = helpers.componentOnReady;
 Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
     get: function () { return index$2.LogLevel; }
 });
-exports.getPlatforms = index$2.getPlatforms;
-exports.initialize = index$2.initialize;
-exports.isPlatform = index$2.isPlatform;
-exports.componentOnReady = helpers.componentOnReady;
 exports.IonicSafeString = config.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;

package/dist/cjs/{input-shims-D1Mfgd4s.js → input-shims-CLI_OrmU.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-CVa6JE57.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index$1 = require('./index-Cc5PNMyz.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var keyboard = require('./keyboard-UuAS4D_9.js');
-require('./index-DODXXb_r.js');
+require('./index-DNh170BW.js');
 require('./capacitor-DmA66EwP.js');
 
 const cloneMap = new WeakMap();

package/dist/cjs/{input.utils-DSoBEyUu.js → input.utils-B2hZ5tX6.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-BITAzJfi.js');
-var index$1 = require('./index-DODXXb_r.js');
+var helpers = require('./helpers-DgwmcYAu.js');
+var index$1 = require('./index-DNh170BW.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

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

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var index$1 = require('./index-DqmRDbxg.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
 
@@ -311,7 +312,7 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
@@ -552,7 +553,7 @@ const AccordionGroup = class {
     }
     render() {
         const { disabled, readonly, expand } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
                 [mode]: true,
                 'accordion-group-disabled': disabled,

package/dist/cjs/ion-action-sheet.cjs.entry.js

@@ -3,20 +3,21 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var buttonActive = require('./button-active-C-4ud7Ht.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var buttonActive = require('./button-active-BzZenWWH.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var overlays = require('./overlays-DRDumz2b.js');
+var overlays = require('./overlays-CglR7j-u.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var animation = require('./animation-0T7gKwOt.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var animation = require('./animation-ZJ1lAkZD.js');
 require('./haptic-ClPPQ_PS.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
 require('./index-CAvQ7Tka.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-D90qZxju.js');
-require('./framework-delegate-C7sIJyT5.js');
+require('./hardware-back-button-BxdNu76F.js');
+require('./framework-delegate-WkyjrnCx.js');
 
 /**
  * iOS Action Sheet Enter Animation
@@ -275,7 +276,7 @@ const ActionSheet = class {
          * 4. A group ref exists
          */
         const { groupEl, wrapperEl } = this;
-        if (!this.gesture && index.getIonMode(this) === 'ios' && wrapperEl && groupEl) {
+        if (!this.gesture && ionicGlobal.getIonMode(this) === 'ios' && wrapperEl && groupEl) {
             index.readTask(() => {
                 const isScrollable = groupEl.scrollHeight > groupEl.clientHeight;
                 if (!isScrollable) {
@@ -304,7 +305,7 @@ const ActionSheet = class {
     }
     render() {
         const { header, htmlAttributes, overlayIndex } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const allButtons = this.getButtons();
         const cancelButton = allButtons.find((b) => b.role === 'cancel');
         const buttons = allButtons.filter((b) => b.role !== 'cancel');

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

@@ -3,21 +3,22 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var config = require('./config-U7OAuj53.js');
-var buttonActive = require('./button-active-C-4ud7Ht.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var config = require('./config-CKhELRRu.js');
+var buttonActive = require('./button-active-BzZenWWH.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var overlays = require('./overlays-DRDumz2b.js');
+var overlays = require('./overlays-CglR7j-u.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var animation = require('./animation-0T7gKwOt.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var animation = require('./animation-ZJ1lAkZD.js');
 require('./haptic-ClPPQ_PS.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
 require('./index-CAvQ7Tka.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-D90qZxju.js');
-require('./framework-delegate-C7sIJyT5.js');
+require('./hardware-back-button-BxdNu76F.js');
+require('./framework-delegate-WkyjrnCx.js');
 
 /**
  * iOS Alert Enter Animation
@@ -312,7 +313,7 @@ const Alert = class {
          * 2. App is running in iOS mode
          * 3. A wrapper ref exists
          */
-        if (!this.gesture && index.getIonMode(this) === 'ios' && this.wrapperEl) {
+        if (!this.gesture && ionicGlobal.getIonMode(this) === 'ios' && this.wrapperEl) {
             this.gesture = buttonActive.createButtonActiveGesture(this.wrapperEl, (refEl) => refEl.classList.contains('alert-button'));
             this.gesture.enable(true);
         }
@@ -467,7 +468,7 @@ const Alert = class {
     }
     renderCheckbox() {
         const inputs = this.processedInputs;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         if (inputs.length === 0) {
             return null;
         }
@@ -509,7 +510,7 @@ const Alert = class {
     }
     renderAlertButtons() {
         const buttons = this.processedButtons;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const alertButtonGroupClass = {
             'alert-button-group': true,
             'alert-button-group-vertical': buttons.length > 2,
@@ -525,7 +526,7 @@ const Alert = class {
     }
     render() {
         const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const hdrId = `alert-${overlayIndex}-hdr`;
         const msgId = `alert-${overlayIndex}-msg`;
         const subHdrId = `alert-${overlayIndex}-sub-hdr`;

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

@@ -3,17 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var hardwareBackButton = require('./hardware-back-button-D90qZxju.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var hardwareBackButton = require('./hardware-back-button-BxdNu76F.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$1 = require('./index-CVa6JE57.js');
+var index$1 = require('./index-Cc5PNMyz.js');
 var keyboardController = require('./keyboard-controller-GXBiBRKS.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var frameworkDelegate = require('./framework-delegate-C7sIJyT5.js');
+var frameworkDelegate = require('./framework-delegate-WkyjrnCx.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var index$2 = require('./index-y0QaNtCi.js');
+var index$2 = require('./index-BzEyuIww.js');
 require('./index-DkNv4J_i.js');
 require('./keyboard-UuAS4D_9.js');
 require('./capacitor-DmA66EwP.js');
@@ -27,22 +28,22 @@ const App = class {
     componentDidLoad() {
         {
             rIC(async () => {
-                const isHybrid = index.isPlatform(window, 'hybrid');
+                const isHybrid = ionicGlobal.isPlatform(window, 'hybrid');
                 if (!index.config.getBoolean('_testing')) {
-                    Promise.resolve().then(function () { return require('./index-BDBT0u4l.js'); }).then((module) => module.startTapClick(index.config));
+                    Promise.resolve().then(function () { return require('./index-bGpoPC4u.js'); }).then((module) => module.startTapClick(index.config));
                 }
                 if (index.config.getBoolean('statusTap', isHybrid)) {
-                    Promise.resolve().then(function () { return require('./status-tap-Db3WeCkO.js'); }).then((module) => module.startStatusTap());
+                    Promise.resolve().then(function () { return require('./status-tap-D9YPr62n.js'); }).then((module) => module.startStatusTap());
                 }
                 if (index.config.getBoolean('inputShims', needInputShims())) {
                     /**
                      * needInputShims() ensures that only iOS and Android
                      * platforms proceed into this block.
                      */
-                    const platform = index.isPlatform(window, 'ios') ? 'ios' : 'android';
-                    Promise.resolve().then(function () { return require('./input-shims-D1Mfgd4s.js'); }).then((module) => module.startInputShims(index.config, platform));
+                    const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
+                    Promise.resolve().then(function () { return require('./input-shims-CLI_OrmU.js'); }).then((module) => module.startInputShims(index.config, platform));
                 }
-                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-D90qZxju.js'); });
+                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-BxdNu76F.js'); });
                 const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shouldUseCloseWatcher();
                 if (index.config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
@@ -81,7 +82,7 @@ const App = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '9be440c65819e4fa67c2c3c6477ab40b3ad3eed3', class: {
                 [mode]: true,
                 'ion-page': true,
@@ -94,7 +95,7 @@ const needInputShims = () => {
     /**
      * iOS always needs input shims
      */
-    const needsShimsIOS = index.isPlatform(window, 'ios') && index.isPlatform(window, 'mobile');
+    const needsShimsIOS = ionicGlobal.isPlatform(window, 'ios') && ionicGlobal.isPlatform(window, 'mobile');
     if (needsShimsIOS) {
         return true;
     }
@@ -103,7 +104,7 @@ const needInputShims = () => {
      * in the browser and only if the browser is using the
      * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/
      */
-    const isAndroidMobileWeb = index.isPlatform(window, 'android') && index.isPlatform(window, 'mobileweb');
+    const isAndroidMobileWeb = ionicGlobal.isPlatform(window, 'android') && ionicGlobal.isPlatform(window, 'mobileweb');
     if (isAndroidMobileWeb) {
         return true;
     }
@@ -141,7 +142,7 @@ const Buttons = class {
         this.collapse = false;
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '58c1fc5eb867d0731c63549b1ccb3ec3bbbe6e1b', class: {
                 [mode]: true,
                 ['buttons-collapse']: this.collapse,
@@ -314,8 +315,8 @@ const Content = class {
     }
     shouldForceOverscroll() {
         const { forceOverscroll } = this;
-        const mode = index.getIonMode(this);
-        return forceOverscroll === undefined ? mode === 'ios' && index.isPlatform('ios') : forceOverscroll;
+        const mode = ionicGlobal.getIonMode(this);
+        return forceOverscroll === undefined ? mode === 'ios' && ionicGlobal.isPlatform('ios') : forceOverscroll;
     }
     resize() {
         /**
@@ -501,7 +502,7 @@ const Content = class {
     render() {
         const { fixedSlotPlacement, inheritedAttributes, isMainContent, scrollX, scrollY, el } = this;
         const rtl = dir.isRTL(el) ? 'rtl' : 'ltr';
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
@@ -627,7 +628,7 @@ const Footer = class {
          */
         this.translucent = false;
         this.checkCollapsibleFooter = () => {
-            const mode = index.getIonMode(this);
+            const mode = ionicGlobal.getIonMode(this);
             if (mode !== 'ios') {
                 return;
             }
@@ -688,7 +689,7 @@ const Footer = class {
     }
     render() {
         const { translucent, collapse } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
         return (index.h(index.Host, { key: 'ddc228f1a1e7fa4f707dccf74db2490ca3241137', role: "contentinfo", class: {
@@ -945,7 +946,7 @@ const Header = class {
         this.destroyCollapsibleHeader();
     }
     async checkCollapsibleHeader() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         if (mode !== 'ios') {
             return;
         }
@@ -1041,7 +1042,7 @@ const Header = class {
     }
     render() {
         const { translucent, inheritedAttributes } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = theme.hostContext('ion-menu', this.el) ? 'none' : 'banner';
@@ -1074,7 +1075,7 @@ const RouterOutlet = class {
         /**
          * The mode determines which platform styles to use.
          */
-        this.mode = index.getIonMode(this);
+        this.mode = ionicGlobal.getIonMode(this);
         /**
          * If `true`, the router-outlet should animate the transition of components.
          */
@@ -1092,7 +1093,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-D_VN6H9r.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-C1wRtoww.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
             if (this.ani) {
                 this.ani.onFinish(() => {
                     this.gestureOrAnimationInProgress = false;
@@ -1272,7 +1273,7 @@ const ToolbarTitle = class {
         return this.size !== undefined ? this.size : 'default';
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const size = this.getSize();
         return (index.h(index.Host, { key: 'e599c0bf1b0817df3fa8360bdcd6d787f751c371', class: theme.createColorClasses(this.color, {
                 [mode]: true,
@@ -1338,7 +1339,7 @@ const Toolbar = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const childStyles = {};
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);

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

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
+var index = require('./index-DNh170BW.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 var theme = require('./theme-CeDs6Hcv.js');
 
 const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
@@ -15,7 +16,7 @@ const Avatar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '998217066084f966bf5d356fed85bcbd451f675a', class: index.getIonMode(this) }, index.h("slot", { key: '1a6f7c9d4dc6a875f86b5b3cda6d59cb39587f22' })));
+        return (index.h(index.Host, { key: '998217066084f966bf5d356fed85bcbd451f675a', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '1a6f7c9d4dc6a875f86b5b3cda6d59cb39587f22' })));
     }
 };
 Avatar.style = {
@@ -32,7 +33,7 @@ const Badge = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '1a2d39c5deec771a2f2196447627b62a7d4c8389', class: theme.createColorClasses(this.color, {
                 [mode]: true,
             }) }, index.h("slot", { key: 'fc1b6587f1ed24715748eb6785e7fb7a57cdd5cd' })));
@@ -50,7 +51,7 @@ const Thumbnail = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '70ada828e8cf541ab3b47f94b7e56ce34114ef88', class: index.getIonMode(this) }, index.h("slot", { key: 'c43e105669d2bae123619b616f3af8ca2f722d61' })));
+        return (index.h(index.Host, { key: '70ada828e8cf541ab3b47f94b7e56ce34114ef88', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'c43e105669d2bae123619b616f3af8ca2f722d61' })));
     }
 };
 Thumbnail.style = thumbnailCss;

package/dist/cjs/ion-back-button.cjs.entry.js

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
 var index$1 = require('./index-DqmRDbxg.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const backButtonIosCss = ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);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%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events: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{left:0;right: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)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-hover:transparent;--background-hover-opacity:1;--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--icon-margin-end:1px;--icon-margin-start:-4px;--icon-font-size:1.6em;--min-height:32px;font-size:clamp(17px, 1.0625rem, 21.998px)}.button-native{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:visible;z-index:99}:host(.ion-activated) .button-native{opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}";
 
@@ -45,7 +46,7 @@ const BackButton = class {
             // icon is set on the component or by the config
             return icon;
         }
-        if (index.getIonMode(this) === 'ios') {
+        if (ionicGlobal.getIonMode(this) === 'ios') {
             // default ios back button icon
             return index.config.get('backButtonIcon', index$1.chevronBack);
         }
@@ -53,7 +54,7 @@ const BackButton = class {
         return index.config.get('backButtonIcon', index$1.arrowBackSharp);
     }
     get backButtonText() {
-        const defaultBackButtonText = index.getIonMode(this) === 'ios' ? 'Back' : null;
+        const defaultBackButtonText = ionicGlobal.getIonMode(this) === 'ios' ? 'Back' : null;
         return this.text != null ? this.text : index.config.get('backButtonText', defaultBackButtonText);
     }
     get hasIconOnly() {
@@ -70,7 +71,7 @@ const BackButton = class {
     render() {
         const { color, defaultHref, disabled, type, hasIconOnly, backButtonIcon, backButtonText, icon, inheritedAttributes, } = this;
         const showBackButton = defaultHref !== undefined;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
         return (index.h(index.Host, { key: '5466624a10f1ab56f5469e6dc07080303880f2fe', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,

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

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
+var index = require('./index-DNh170BW.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const backdropIosCss = ":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";
 
@@ -39,7 +40,7 @@ const Backdrop = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '7abaf2c310aa399607451b14063265e8a5846938', "aria-hidden": "true", class: {
                 [mode]: true,
                 'backdrop-hide': !this.visible,

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

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
 var index$1 = require('./index-DqmRDbxg.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const breadcrumbIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78))}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39))}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea))}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";
 
@@ -59,7 +60,7 @@ const Breadcrumb = class {
         // Links can still be tabbed to when set to disabled if they have an href
         // in order to truly disable them we can keep it as an anchor but remove the href
         const href = disabled ? undefined : this.href;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const attrs = TagType === 'span'
             ? {}
             : {
@@ -206,7 +207,7 @@ const Breadcrumbs = class {
     }
     render() {
         const { color, collapsed } = this;
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'fe64e9cdf597ede2db140bf5fa05a0359d82db57', class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),

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

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DODXXb_r.js');
-var helpers = require('./helpers-BITAzJfi.js');
+var index = require('./index-DNh170BW.js');
+var helpers = require('./helpers-DgwmcYAu.js');
 var theme = require('./theme-CeDs6Hcv.js');
+var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
 
 const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.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%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:14px;--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:14px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--border-radius:16px;--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--border-radius:6px;--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-round){--border-radius:999px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}";
 
@@ -201,7 +202,7 @@ const Button = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         const { buttonType, type, disabled, rel, target, size, href, color, expand, hasIconOnly, shape, strong, inheritedAttributes, } = this;
         const finalSize = size === undefined && this.inItem ? 'small' : size;
         const TagType = href === undefined ? 'button' : 'a';