voyager-ionic-core 8.6.1 → 8.7.2

package/dist/cjs/index-DqmRDbxg.js

@@ -0,0 +1,58 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+/* Ionicons v8.0.13, ES Modules */
+
+const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M244 400 100 256l144-144M120 256h292' stroke-linecap='square' stroke-miterlimit='10' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m112 268 144 144 144-144M256 392V100' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const caretBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M368 64 144 256l224 192z'/></svg>";
+const caretDownSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m64 144 192 224 192-224z'/></svg>";
+const caretUpSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M448 368 256 144 64 368z'/></svg>";
+const checkmarkOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M416 128 192 384l-96-96' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const chevronBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M328 112 184 256l144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const chevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m112 184 144 144 144-144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const chevronExpand = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='m136 208 120-104 120 104M136 304l120 104 120-104' class='ionicon-fill-none'/></svg>";
+const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
+const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>";
+const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256Z'/></svg>";
+const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z'/></svg>";
+const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
+const eye = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='64'/><path d='M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 0 0-.1-34.76M256 352a96 96 0 1 1 96-96 96.11 96.11 0 0 1-96 96'/></svg>";
+const eyeOff = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448M248 315.85l-51.79-51.79a2 2 0 0 0-3.39 1.69 64.11 64.11 0 0 0 53.49 53.49 2 2 0 0 0 1.69-3.39M264 196.15 315.87 248a2 2 0 0 0 3.4-1.69 64.13 64.13 0 0 0-53.55-53.55 2 2 0 0 0-1.72 3.39'/><path d='M491 273.36a32.2 32.2 0 0 0-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.5 226.5 0 0 0-71.82 11.79 4 4 0 0 0-1.56 6.63l47.24 47.24a4 4 0 0 0 3.82 1.05 96 96 0 0 1 116 116 4 4 0 0 0 1.05 3.81l67.95 68a4 4 0 0 0 5.4.24 343.8 343.8 0 0 0 67.24-77.4M256 352a96 96 0 0 1-93.3-118.63 4 4 0 0 0-1.05-3.81l-66.84-66.87a4 4 0 0 0-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.2 238.2 0 0 0 72.64-11.55 4 4 0 0 0 1.61-6.64l-47.47-47.46a4 4 0 0 0-3.81-1.05A96 96 0 0 1 256 352'/></svg>";
+const menuOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M80 160h352M80 256h352M80 352h352' stroke-linecap='round' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const menuSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M64 384h384v-42.67H64Zm0-106.67h384v-42.66H64ZM64 128v42.67h384V128Z'/></svg>";
+const removeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 256H112' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const reorderThreeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M96 256h320M96 176h320M96 336h320' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M118 304h276M118 208h276' stroke-linecap='square' stroke-linejoin='round' stroke-width='44px' class='ionicon-fill-none'/></svg>";
+const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path d='M338.29 338.29 448 448' stroke-linecap='round' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464ZM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37'/></svg>";
+
+exports.arrowBackSharp = arrowBackSharp;
+exports.arrowDown = arrowDown;
+exports.caretBackSharp = caretBackSharp;
+exports.caretDownSharp = caretDownSharp;
+exports.caretUpSharp = caretUpSharp;
+exports.checkmarkOutline = checkmarkOutline;
+exports.chevronBack = chevronBack;
+exports.chevronDown = chevronDown;
+exports.chevronExpand = chevronExpand;
+exports.chevronForward = chevronForward;
+exports.chevronForwardOutline = chevronForwardOutline;
+exports.close = close;
+exports.closeCircle = closeCircle;
+exports.closeSharp = closeSharp;
+exports.ellipseOutline = ellipseOutline;
+exports.ellipsisHorizontal = ellipsisHorizontal;
+exports.eye = eye;
+exports.eyeOff = eyeOff;
+exports.menuOutline = menuOutline;
+exports.menuSharp = menuSharp;
+exports.removeOutline = removeOutline;
+exports.reorderThreeOutline = reorderThreeOutline;
+exports.reorderTwoSharp = reorderTwoSharp;
+exports.searchOutline = searchOutline;
+exports.searchSharp = searchSharp;

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$1 = require('./index-CPbAsnJK.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
@@ -189,16 +190,15 @@ const ActionSheet = class {
     }
     /**
      * Dismiss the action sheet overlay after it has been presented.
+     * This is a no-op if the overlay has not been presented yet. If you want
+     * to remove an overlay from the DOM that was never presented, use the
+     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
      *
      * @param data Any data to emit in the dismiss events.
      * @param role The role of the element that is dismissing the action sheet.
      * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the action sheet.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-     *
-     * This is a no-op if the overlay has not been presented yet. If you want
-     * to remove an overlay from the DOM that was never presented, use the
-     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
+     * clicked to dismiss the action sheet. Some examples include:
+     * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
      */
     async dismiss(data, role) {
         const unlock = await this.lockController.lock();
@@ -276,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) {
@@ -305,17 +305,17 @@ 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');
         const headerID = `action-sheet-${overlayIndex}-header`;
-        return (index.h(index.Host, Object.assign({ key: '7bbd202ca9e19727e7514abbe073687d982f80c3', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '9fef156b2a1f09ca4a6c1fe1f37c374139bde03c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '23344a9221a2e6720d7b9de5249dc37256cafa7b', tappable: this.backdropDismiss }), index.h("div", { key: 'fbc2ba15549c2ab04e759e82df6e177fd80cc0a6', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '748ee5235d0b4cb26d6f1b7589f77af2e37ad28a', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '7ce5fa236cf75e9b1e49c4725c9a811078706554', class: "action-sheet-container" }, index.h("div", { key: 'dc2251f3bcee4a93e3449f09621cbd2b65d329e9', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (index.h("div", { key: '48d325c8a852f56ed57a9ada1a6709d05ba32ee2', id: headerID, class: {
+            }, class: Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '81cf3f7d19864e041813987b46d2d115b8466819', tappable: this.backdropDismiss }), index.h("div", { key: '791c6a976683646fc306a42c15c5078b6f06a45f', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'a350b489ef7852eab9dc2227ce6d92da27dd9bf9', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '69ba51ee13510c1a411d87cb4845b11b7302a36f', class: "action-sheet-container" }, index.h("div", { key: 'bded15b8306c36591e526f0f99e1eeabcbab3915', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (index.h("div", { key: '06b5147c0f6d9180fe8f12e75c9b4a0310226adc', id: headerID, class: {
                 'action-sheet-title': true,
                 'action-sheet-has-sub-title': this.subHeader !== undefined,
-            } }, header, this.subHeader && index.h("div", { key: '66093728052eb67f37a35f3232761ce4a08896f3', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (index.h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), index.h("span", { class: "action-sheet-button-inner" }, b.icon && index.h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && index.h("ion-ripple-effect", null))))), cancelButton && (index.h("div", { key: 'f4eb8e3e2885b85af5080df18d0de0bdd1d719de', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", Object.assign({ key: '169f4eb09255aba85062baad49ceb151239fbfb7' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), index.h("span", { key: '25fb8a466dd67ea94c79cfb4f9965527e1ce6d42', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: 'eb5b071e120a2c86afdf967af6a763a43044d1ca', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && index.h("ion-ripple-effect", { key: '452ad7e1052b2c681e2d98de8193949755ad4d54' })))))), index.h("div", { key: 'e1cecf280c987c050d9445e2c458b903f153089b', tabindex: "0", "aria-hidden": "true" })));
+            } }, header, this.subHeader && index.h("div", { key: '54874362a75c679aba803bf4f8768f5404d2dd28', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (index.h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), index.h("span", { class: "action-sheet-button-inner" }, b.icon && index.h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && index.h("ion-ripple-effect", null))))), cancelButton && (index.h("div", { key: '67b0de298eb424f3dea846a841b7a06d70e3930d', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", Object.assign({ key: 'e7e3f9a5495eea9b97dbf885ef36944f2e420eff' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), index.h("span", { key: 'f889d29ed6c3d14bbc1d805888351d87f5122377', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: '7c05cf424b38c37fd40aaeb42a494387291571fb', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && index.h("ion-ripple-effect", { key: 'bed927b477dc2708a5123ef560274fca9819b3d6' })))))), index.h("div", { key: 'c5df1b11dc15a93892d57065d3dd5fbe02e43b39', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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);
         }
@@ -359,16 +360,15 @@ const Alert = class {
     }
     /**
      * Dismiss the alert overlay after it has been presented.
+     * This is a no-op if the overlay has not been presented yet. If you want
+     * to remove an overlay from the DOM that was never presented, use the
+     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
      *
      * @param data Any data to emit in the dismiss events.
      * @param role The role of the element that is dismissing the alert.
      * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the alert.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-     *
-     * This is a no-op if the overlay has not been presented yet. If you want
-     * to remove an overlay from the DOM that was never presented, use the
-     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
+     * clicked to dismiss the alert. Some examples include:
+     * `"cancel"`, `"destructive"`, `"selected"`, and `"backdrop"`.
      */
     async dismiss(data, role) {
         const unlock = await this.lockController.lock();
@@ -468,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;
         }
@@ -510,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,
@@ -526,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`;
@@ -538,9 +538,9 @@ const Alert = class {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (index.h(index.Host, { key: 'f8ee04fe6a97a2585b302c8e1a9eea3b122e3479', tabindex: "-1", style: {
+        return (index.h(index.Host, { key: '6025440b9cd369d4fac89e7e4296c84a10a0b8e0', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: 'e9592e879f51c27ef20016beec12c986be632cf3', tappable: this.backdropDismiss }), index.h("div", { key: '5e9425c3c8acdea6f8006389689c73220e2ce423', tabindex: "0", "aria-hidden": "true" }), index.h("div", Object.assign({ key: '615465703e357619681fc36ed7276591a6fe3787', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), index.h("div", { key: '934eba3759456cd4660e10f274edc7859f908461', class: "alert-head" }, header && (index.h("h2", { key: '7d5d98d71f81f59a2cba227121b6fa01e6cc53b6', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: 'e5f5d35748c58a98ee933eb15cb1dcaf8113e9a7', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: 'a5cb89ca02bfa9c4828e694cb0835493a9088b05', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: 'cacffc31c911882df73e6845d15c8bb2d4acab56', tabindex: "0", "aria-hidden": "true" })));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: '3cd5ca8b99cb95b11dd22ab41a820d841142896f', tappable: this.backdropDismiss }), index.h("div", { key: '4cc62ae6e21424057d22aeef1e8fc77011e77cd5', tabindex: "0", "aria-hidden": "true" }), index.h("div", Object.assign({ key: '364057a69f25aa88904df17bdcf7e5bf714e7830', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), index.h("div", { key: '78694e3c0db2d408df3899fb1a90859bcc8d14cc', class: "alert-head" }, header && (index.h("h2", { key: 'ec88ff3e4e1ea871b5975133fdcf4cac38b05e0f', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: '9b09bc8bb68af255ef8b7d22587acc946148e544', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: '99abe815f75d2df7f1b77c0df9f3436724fea76f', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: 'a43d0c22c0e46b1ef911f92ffeb253d7911b85f7', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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();
@@ -72,6 +73,8 @@ const App = class {
      * a result of another user action. (Ex: We focus the first element
      * inside of a popover when the user presents it, but the popover is not always
      * presented as a result of keyboard action.)
+     *
+     * @param elements An array of HTML elements to set focus on.
      */
     async setFocus(elements) {
         if (this.focusVisible) {
@@ -79,8 +82,8 @@ const App = class {
         }
     }
     render() {
-        const mode = index.getIonMode(this);
-        return (index.h(index.Host, { key: '03aa892f986330078d112b1e8b010df98fa7e39e', class: {
+        const mode = ionicGlobal.getIonMode(this);
+        return (index.h(index.Host, { key: '9be440c65819e4fa67c2c3c6477ab40b3ad3eed3', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': index.config.getBoolean('_forceStatusbarPadding'),
@@ -92,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;
     }
@@ -101,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;
     }
@@ -139,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,
@@ -312,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() {
         /**
@@ -499,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();
@@ -625,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;
             }
@@ -686,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: {
@@ -943,7 +946,7 @@ const Header = class {
         this.destroyCollapsibleHeader();
     }
     async checkCollapsibleHeader() {
-        const mode = index.getIonMode(this);
+        const mode = ionicGlobal.getIonMode(this);
         if (mode !== 'ios') {
             return;
         }
@@ -1039,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';
@@ -1072,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.
          */
@@ -1090,7 +1093,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-bLyc4PSi.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-Ck8mDs0g.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;
@@ -1271,7 +1274,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,
@@ -1337,7 +1340,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;