@ionic/core 8.3.2-dev.11727429833.12af2167 → 8.3.2-dev.11728314937.130218e6

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

@@ -5,20 +5,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const caretDown = require('./caret-down-3c215cff.js');
-const notchController = require('./notch-controller-d69150f5.js');
+const notchController = require('./notch-controller-70ad2323.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
-const helpers = require('./helpers-afaa9001.js');
-const overlays = require('./overlays-faf6f843.js');
+const helpers = require('./helpers-e75eb909.js');
+const overlays = require('./overlays-22320753.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-require('./index-c8d52405.js');
-require('./hardware-back-button-d37054f2.js');
-require('./framework-delegate-55f5683a.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+require('./framework-delegate-cf116b1d.js');
 require('./gesture-controller-9436f482.js');
 
 const ionicSelectMdCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.select-fill-solid){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:var(--highlight-height);--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n    (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n  )}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-fill-outline) .select-outline-start{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius)}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-fill-outline) .select-outline-end{border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";
@@ -32,13 +30,13 @@ const IonSelectMdStyle0 = selectMdCss;
 
 const Select = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionCancel = index.createEvent(this, "ionCancel", 7);
-        this.ionDismiss = index.createEvent(this, "ionDismiss", 7);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
-        this.ionStyle = index.createEvent(this, "ionStyle", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionCancel = config.createEvent(this, "ionCancel", 7);
+        this.ionDismiss = config.createEvent(this, "ionDismiss", 7);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
+        this.ionStyle = config.createEvent(this, "ionStyle", 7);
         this.inputId = `ion-sel-${selectIds++}`;
         this.inheritedAttributes = {};
         this.onClick = (ev) => {
@@ -125,7 +123,7 @@ const Select = class {
              * elements may match the value. In this case,
              * the rendered selected text should be updated.
              */
-            index.forceUpdate(this);
+            config.forceUpdate(this);
         });
     }
     componentWillLoad() {
@@ -450,10 +448,10 @@ const Select = class {
     }
     renderLabel() {
         const { label } = this;
-        return (index.h("div", { class: {
+        return (config.h("div", { class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, label === undefined ? index.h("slot", { name: "label" }) : index.h("div", { class: "label-text" }, label)));
+            }, part: "label" }, label === undefined ? config.h("slot", { name: "label" }) : config.h("div", { class: "label-text" }, label)));
     }
     componentDidRender() {
         var _a;
@@ -491,10 +489,10 @@ const Select = class {
              * inside of that border by using the notch-spacer element.
              */
             return [
-                index.h("div", { class: "select-outline-container" }, index.h("div", { class: "select-outline-start" }), index.h("div", { class: {
+                config.h("div", { class: "select-outline-container" }, config.h("div", { class: "select-outline-start" }), config.h("div", { class: {
                         'select-outline-notch': true,
                         'select-outline-notch-hidden': !this.hasLabel,
-                    } }, index.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), index.h("div", { class: "select-outline-end" })),
+                    } }, config.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), config.h("div", { class: "select-outline-end" })),
                 this.renderLabel(),
             ];
         }
@@ -523,7 +521,7 @@ const Select = class {
             'select-placeholder': addPlaceholderClass,
         };
         const textPart = addPlaceholderClass ? 'placeholder' : 'text';
-        return (index.h("div", { "aria-hidden": "true", class: selectTextClasses, part: textPart }, selectText));
+        return (config.h("div", { "aria-hidden": "true", class: selectTextClasses, part: textPart }, selectText));
     }
     /**
      * Renders the chevron icon
@@ -535,7 +533,7 @@ const Select = class {
         if (isExpanded) {
             icon = selectExpandedIcon;
         }
-        return index.h("ion-icon", { class: "select-icon", part: "icon", "aria-hidden": "true", icon: icon });
+        return config.h("ion-icon", { class: "select-icon", part: "icon", "aria-hidden": "true", icon: icon });
     }
     get ariaLabel() {
         var _a;
@@ -566,7 +564,7 @@ const Select = class {
     }
     renderListbox() {
         const { disabled, inputId, isExpanded } = this;
-        return (index.h("button", { disabled: disabled, id: inputId, "aria-label": this.ariaLabel, "aria-haspopup": "dialog", "aria-expanded": `${isExpanded}`, onFocus: this.onFocus, onBlur: this.onBlur, ref: (focusEl) => (this.focusEl = focusEl) }));
+        return (config.h("button", { disabled: disabled, id: inputId, "aria-label": this.ariaLabel, "aria-haspopup": "dialog", "aria-expanded": `${isExpanded}`, onFocus: this.onFocus, onBlur: this.onBlur, ref: (focusEl) => (this.focusEl = focusEl) }));
     }
     /**
      * Get the icon to use for the expand icon.
@@ -585,14 +583,14 @@ const Select = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.chevronExpand,
+            ios: index.chevronExpand,
             ionic: caretDown.caretDownSvg,
-            md: index$1.caretDownSharp,
+            md: index.caretDownSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured select expanded icon or the default icon
-        return ionicGlobal.config.get('selectExpandedIcon', defaultIcon);
+        return config.config.get('selectExpandedIcon', defaultIcon);
     }
     /**
      * Get the icon to use for the collapsed icon.
@@ -608,13 +606,13 @@ const Select = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.chevronExpand,
+            ios: index.chevronExpand,
             ionic: caretDown.caretDownSvg,
-            md: index$1.caretDownSharp,
+            md: index.caretDownSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        return ionicGlobal.config.get('selectCollapsedIcon', defaultIcon);
+        return config.config.get('selectCollapsedIcon', defaultIcon);
     }
     render() {
         const { disabled, el, isExpanded, expandedIcon, labelPlacement, justify, placeholder, fill, shape, name, value } = this;
@@ -645,7 +643,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (index.h(index.Host, { key: '86852b75ccafecf788d4e526263692abbfbdd71c', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '86852b75ccafecf788d4e526263692abbfbdd71c', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -661,9 +659,9 @@ const Select = class {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, index.h("label", { key: '20e60d033231b6072d4c716a02cd8b63e14f9828', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '8eae558c558bfaa87f01d60ed59259bfd823662f', class: "select-wrapper-inner" }, index.h("slot", { key: 'ccad7f6f887a4e98def2f88666dad09ea2a0eecf', name: "start" }), index.h("div", { key: '6070ada852d723f6f787046edba99991bd3d9078', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: 'cce0008c2bf1df6a2fe4c193e722f9138fc94e71', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '94db7dcf69cf4d5cdc174b3ad2abbc8e79d1b961', class: "select-highlight" }))));
+            }) }, config.h("label", { key: '20e60d033231b6072d4c716a02cd8b63e14f9828', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), config.h("div", { key: '8eae558c558bfaa87f01d60ed59259bfd823662f', class: "select-wrapper-inner" }, config.h("slot", { key: 'ccad7f6f887a4e98def2f88666dad09ea2a0eecf', name: "start" }), config.h("div", { key: '6070ada852d723f6f787046edba99991bd3d9078', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), config.h("slot", { key: 'cce0008c2bf1df6a2fe4c193e722f9138fc94e71', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && config.h("div", { key: '94db7dcf69cf4d5cdc174b3ad2abbc8e79d1b961', class: "select-highlight" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "disabled": ["styleChanged"],
         "isExpanded": ["styleChanged"],
@@ -717,18 +715,18 @@ const IonSelectOptionStyle0 = selectOptionCss;
 
 const SelectOption = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.inputId = `ion-selopt-${selectOptionIds++}`;
         this.disabled = false;
         this.value = undefined;
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1a977b2d7953ecbddf216c5b68d47104dda07bce', class: {
+        return (config.h(config.Host, { key: '1a977b2d7953ecbddf216c5b68d47104dda07bce', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 let selectOptionIds = 0;
 SelectOption.style = IonSelectOptionStyle0;
@@ -744,7 +742,7 @@ const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
 
 const SelectPopover = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.header = undefined;
         this.subHeader = undefined;
         this.message = undefined;
@@ -808,22 +806,22 @@ const SelectPopover = class {
         }
     }
     renderCheckboxOptions(options) {
-        return options.map((option) => (index.h("ion-item", { class: Object.assign({
+        return options.map((option) => (config.h("ion-item", { class: Object.assign({
                 // TODO FW-4784
                 'item-checkbox-checked': option.checked
-            }, theme.getClassMap(option.cssClass)) }, index.h("ion-checkbox", { value: option.value, disabled: option.disabled, checked: option.checked, justify: "start", labelPlacement: "end", onIonChange: (ev) => {
+            }, theme.getClassMap(option.cssClass)) }, config.h("ion-checkbox", { value: option.value, disabled: option.disabled, checked: option.checked, justify: "start", labelPlacement: "end", onIonChange: (ev) => {
                 this.setChecked(ev);
                 this.callOptionHandler(ev);
                 // TODO FW-4784
-                index.forceUpdate(this);
+                config.forceUpdate(this);
             } }, option.text))));
     }
     renderRadioOptions(options) {
         const checked = options.filter((o) => o.checked).map((o) => o.value)[0];
-        return (index.h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, options.map((option) => (index.h("ion-item", { class: Object.assign({
+        return (config.h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, options.map((option) => (config.h("ion-item", { class: Object.assign({
                 // TODO FW-4784
                 'item-radio-checked': option.value === checked
-            }, theme.getClassMap(option.cssClass)) }, index.h("ion-radio", { value: option.value, disabled: option.disabled, onClick: () => this.dismissParentPopover(), onKeyUp: (ev) => {
+            }, theme.getClassMap(option.cssClass)) }, config.h("ion-radio", { value: option.value, disabled: option.disabled, onClick: () => this.dismissParentPopover(), onKeyUp: (ev) => {
                 if (ev.key === ' ') {
                     /**
                      * Selecting a radio option with keyboard navigation,
@@ -838,11 +836,11 @@ const SelectPopover = class {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '6ac9472c819c6631cd64ad8810256dd03fde120b', class: {
+        return (config.h(config.Host, { key: '6ac9472c819c6631cd64ad8810256dd03fde120b', class: {
                 [theme]: true,
-            } }, index.h("ion-list", { key: 'b485896c38c080bc42f92e962440cd3b8308e728' }, header !== undefined && index.h("ion-list-header", { key: '6a1df70265a4b9feec9521d5f946994345456925' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: 'c4ecbcaa2c56c1cb900e039cbfe36c2fae03f2ac' }, index.h("ion-label", { key: 'e310d3445c6abfffb4ff00a1aec97dd09c94e1d3', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: '9a6ffdfd9df8aea92290caf317d855b262ac8998' }, subHeader), message !== undefined && index.h("p", { key: 'b5ca3c716d69e6a2c013df3fa3436b92953c4296' }, message)))), this.renderOptions(options))));
+            } }, config.h("ion-list", { key: 'b485896c38c080bc42f92e962440cd3b8308e728' }, header !== undefined && config.h("ion-list-header", { key: '6a1df70265a4b9feec9521d5f946994345456925' }, header), hasSubHeaderOrMessage && (config.h("ion-item", { key: 'c4ecbcaa2c56c1cb900e039cbfe36c2fae03f2ac' }, config.h("ion-label", { key: 'e310d3445c6abfffb4ff00a1aec97dd09c94e1d3', class: "ion-text-wrap" }, subHeader !== undefined && config.h("h3", { key: '9a6ffdfd9df8aea92290caf317d855b262ac8998' }, subHeader), message !== undefined && config.h("p", { key: 'b5ca3c716d69e6a2c013df3fa3436b92953c4296' }, message)))), this.renderOptions(options))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 SelectPopover.style = {
     ionic: IonSelectPopoverIonicStyle0,

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 const spinnerConfigs = require('./spinner-configs-282fd50a.js');
 
-const spinnerIonicCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{-webkit-transform-origin:center;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context([dir=rtl]) svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{-webkit-animation:spinner-scale-out 1s linear infinite;animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{-webkit-animation:spinner-dots 1s linear infinite;animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{-webkit-animation:spinner-circular linear infinite;animation:spinner-circular linear infinite}:host(.spinner-circular) circle{-webkit-animation:spinner-circular-inner ease-in-out infinite;animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@-webkit-keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}:host(.spinner-xsmall){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.spinner-small){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.spinner-medium){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}:host(.spinner-large){width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px)}:host(.spinner-xlarge){width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px)}";
+const spinnerIonicCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{-webkit-transform-origin:center;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context([dir=rtl]) svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{-webkit-animation:spinner-scale-out 1s linear infinite;animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{-webkit-animation:spinner-dots 1s linear infinite;animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{-webkit-animation:spinner-circular linear infinite;animation:spinner-circular linear infinite}:host(.spinner-circular) circle{-webkit-animation:spinner-circular-inner ease-in-out infinite;animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@-webkit-keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}:host{--color:var(--ionic-color-neutral-800, #626262)}:host(.spinner-xsmall){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.spinner-small){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.spinner-medium){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}:host(.spinner-large){width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px)}:host(.spinner-xlarge){width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px)}";
 const IonSpinnerIonicStyle0 = spinnerIonicCss;
 
 const iosSpinnerCommonCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{-webkit-transform-origin:center;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context([dir=rtl]) svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{-webkit-animation:spinner-scale-out 1s linear infinite;animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{-webkit-animation:spinner-dots 1s linear infinite;animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{-webkit-animation:spinner-circular linear infinite;animation:spinner-circular linear infinite}:host(.spinner-circular) circle{-webkit-animation:spinner-circular-inner ease-in-out infinite;animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@-webkit-keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}";
@@ -21,7 +21,7 @@ const IonSpinnerMdStyle0 = mdSpinnerCommonCss;
 
 const Spinner = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
         this.duration = undefined;
         this.name = undefined;
@@ -29,7 +29,7 @@ const Spinner = class {
         this.size = undefined;
     }
     getName() {
-        const spinnerName = this.name || ionicGlobal.config.get('spinner');
+        const spinnerName = this.name || config.config.get('spinner');
         const mode = ionicGlobal.getIonMode(this);
         if (spinnerName) {
             return spinnerName;
@@ -67,23 +67,23 @@ const Spinner = class {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (index.h(index.Host, { key: '49fd776ff3793a76b111c1f0e0fc0755d1d28d6c', class: theme.createColorClasses(self.color, {
+        return (config.h(config.Host, { key: '49fd776ff3793a76b111c1f0e0fc0755d1d28d6c', class: theme.createColorClasses(self.color, {
                 [theme$1]: true,
                 [`spinner-${spinnerName}`]: true,
-                'spinner-paused': self.paused || ionicGlobal.config.getBoolean('_testing'),
+                'spinner-paused': self.paused || config.config.getBoolean('_testing'),
                 [`spinner-${size}`]: size !== undefined,
             }), role: "progressbar", style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} }, svgs));
     }
 };
-const buildCircle = (spinner, duration, index$1, total) => {
-    const data = spinner.fn(duration, index$1, total);
+const buildCircle = (spinner, duration, index, total) => {
+    const data = spinner.fn(duration, index, total);
     data.style['animation-duration'] = duration + 'ms';
-    return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
+    return (config.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, config.h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
 };
-const buildLine = (spinner, duration, index$1, total) => {
-    const data = spinner.fn(duration, index$1, total);
+const buildLine = (spinner, duration, index, total) => {
+    const data = spinner.fn(duration, index, total);
     data.style['animation-duration'] = duration + 'ms';
-    return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
+    return (config.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, config.h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
 };
 Spinner.style = {
     ionic: IonSpinnerIonicStyle0,

package/dist/cjs/ion-split-pane.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const ionicSplitPaneMdCss = ":host{--side-width:100%;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;contain:strict}:host(.split-pane-visible) ::slotted(.split-pane-main){right:0;left:0;top:0;bottom:0;position:relative;-ms-flex:1;flex:1;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;z-index:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--side-min-width:270px;--side-max-width:28%}";
 const IonSplitPaneIonicStyle0 = ionicSplitPaneMdCss;
@@ -30,8 +30,8 @@ const QUERY = {
 };
 const SplitPane = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionSplitPaneVisible = index.createEvent(this, "ionSplitPaneVisible", 7);
+        config.registerInstance(this, hostRef);
+        this.ionSplitPaneVisible = config.createEvent(this, "ionSplitPaneVisible", 7);
         this.visible = false;
         this.contentId = undefined;
         this.disabled = false;
@@ -128,14 +128,14 @@ const SplitPane = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
+        return (config.h(config.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, index.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
+            } }, config.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "visible": ["visibleChanged"],
         "disabled": ["updateState"],

package/dist/cjs/ion-tab-bar_2.cjs.entry.js

@@ -5,14 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const keyboardController = require('./keyboard-controller-c05e747a.js');
+const config = require('./config-1349d5b4.js');
+const keyboardController = require('./keyboard-controller-020444ad.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const helpers = require('./helpers-afaa9001.js');
-require('./index-c8d52405.js');
-require('./keyboard-0272231f.js');
-require('./capacitor-c04564bf.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+require('./keyboard-ed6e1327.js');
+require('./capacitor-806e7fee.js');
 
 const tabBarIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{--background:var(--ion-tab-bar-background, var(--ionic-color-base-white, #ffffff));--background-activated:var(--ion-tab-bar-background-activated, var(--ionic-color-neutral-100, #f1f1f1));--background-focused:var(--ion-tab-bar-background-focused, transparent);--color:var(--ion-tab-bar-color, var(--ionic-color-neutral-800, #626262));--color-selected:var(--ion-tab-bar-color-selected, var(--ionic-color-primary-base, #105cef));min-height:calc(var(--ionic-scale-1400, 56px) - var(--ionic-space-100, 4px) * 2);gap:var(--ionic-space-300, 12px);z-index:10}:host(.tab-bar-full){padding-top:var(--ionic-space-100, 4px);padding-bottom:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-bottom, 0));padding-right:calc(var(--ionic-space-400, 16px) + var(--ion-safe-area-right, 0));padding-left:calc(var(--ionic-space-400, 16px) + var(--ion-safe-area-left, 0));}:host([slot=top].tab-bar-full){padding-top:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-top, 0));padding-bottom:var(--ionic-space-100, 4px)}:host(.tab-bar-compact){-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);position:absolute;-ms-flex-item-align:center;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-shadow:var(--ionic-elevation-200, 0px 8px 25px 0px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.05));box-shadow:var(--ionic-elevation-200, 0px 8px 25px 0px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.05));contain:content}:host([slot=top].tab-bar-compact){top:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-top, 0))}:host([slot=bottom].tab-bar-compact){bottom:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-bottom, 0))}:host(.tab-bar-soft){border-radius:var(--ionic-border-radius-400, 16px)}:host(.tab-bar-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.tab-bar-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}";
 const IonTabBarIonicStyle0 = tabBarIonicCss;
@@ -25,9 +24,9 @@ const IonTabBarMdStyle0 = tabBarMdCss;
 
 const TabBar = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionTabBarChanged = index.createEvent(this, "ionTabBarChanged", 7);
-        this.ionTabBarLoaded = index.createEvent(this, "ionTabBarLoaded", 7);
+        config.registerInstance(this, hostRef);
+        this.ionTabBarChanged = config.createEvent(this, "ionTabBarChanged", 7);
+        this.ionTabBarLoaded = config.createEvent(this, "ionTabBarLoaded", 7);
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
         this.color = undefined;
@@ -84,15 +83,15 @@ const TabBar = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (index.h(index.Host, { key: 'd40f03145bfe9e017b6f894efe6a7cb102da0074', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'd40f03145bfe9e017b6f894efe6a7cb102da0074', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, index.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
+            }) }, config.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
     }; }
@@ -114,8 +113,8 @@ const IonTabButtonMdStyle0 = tabButtonMdCss;
 
 const TabButton = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionTabButtonClick = index.createEvent(this, "ionTabButtonClick", 7);
+        config.registerInstance(this, hostRef);
+        this.ionTabButtonClick = config.createEvent(this, "ionTabButtonClick", 7);
         this.inheritedAttributes = {};
         this.onKeyUp = (ev) => {
             if (ev.key === 'Enter' || ev.key === ' ') {
@@ -144,7 +143,7 @@ const TabButton = class {
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, helpers.inheritAttributes(this.el, ['aria-label']));
         if (this.layout === undefined) {
-            this.layout = ionicGlobal.config.get('tabButtonLayout', 'icon-top');
+            this.layout = config.config.get('tabButtonLayout', 'icon-top');
         }
     }
     selectTab(ev) {
@@ -174,7 +173,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (config.h(config.Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -186,9 +185,9 @@ const TabButton = class {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, index.h("a", Object.assign({ key: 'fa0e9730e8b396d83df43a97b41067bbc6b195c2' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), index.h("span", { key: '70b80731de0115a7720de8f0e1f16bac4eb326c3', class: "button-inner" }, index.h("slot", { key: '3abf65a17ef45a00ae54909b3301f68117a04575' })), theme === 'md' && index.h("ion-ripple-effect", { key: 'becf3d93675dc8943dc16fc27d204b5c1ad00817', type: "unbounded" }))));
+            } }, config.h("a", Object.assign({ key: 'fa0e9730e8b396d83df43a97b41067bbc6b195c2' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), config.h("span", { key: '70b80731de0115a7720de8f0e1f16bac4eb326c3', class: "button-inner" }, config.h("slot", { key: '3abf65a17ef45a00ae54909b3301f68117a04575' })), theme === 'md' && config.h("ion-ripple-effect", { key: 'becf3d93675dc8943dc16fc27d204b5c1ad00817', type: "unbounded" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 TabButton.style = {
     ionic: IonTabButtonIonicStyle0,

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

@@ -5,16 +5,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const frameworkDelegate = require('./framework-delegate-55f5683a.js');
-require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
+require('./helpers-e75eb909.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;
 
 const Tab = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.loaded = false;
         this.active = false;
         this.delegate = undefined;
@@ -50,12 +50,12 @@ const Tab = class {
     }
     render() {
         const { tab, active, component } = this;
-        return (index.h(index.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (config.h(config.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
+            } }, config.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "active": ["changeActive"]
     }; }
@@ -67,10 +67,10 @@ const IonTabsStyle0 = tabsCss;
 
 const Tabs = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
-        this.ionTabsWillChange = index.createEvent(this, "ionTabsWillChange", 3);
-        this.ionTabsDidChange = index.createEvent(this, "ionTabsDidChange", 3);
+        config.registerInstance(this, hostRef);
+        this.ionNavWillLoad = config.createEvent(this, "ionNavWillLoad", 7);
+        this.ionTabsWillChange = config.createEvent(this, "ionTabsWillChange", 3);
+        this.ionTabsDidChange = config.createEvent(this, "ionTabsDidChange", 3);
         this.transitioning = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
@@ -207,9 +207,9 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (index.h(index.Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), index.h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, index.h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), index.h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
+        return (config.h(config.Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, config.h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), config.h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, config.h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), config.h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 const getTab = (tabs, tab) => {
     const tabEl = typeof tab === 'string' ? tabs.find((t) => t.tab === tab) : tab;

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

@@ -5,23 +5,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
 
 const Text = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
+            }) }, config.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
     }
 };
 Text.style = IonTextStyle0;