@ionic/core 8.3.2-dev.11729014526.1ab61c12 → 8.3.2-dev.11729166111.115d6104

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const x = require('./x-81a8f51c.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-e75eb909.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINTkuMzFsNTguMzUsNTguMzRhOCw4LDAsMCwxLTExLjMyLDExLjMybC03Mi03MmE4LDgsMCwwLDEsMC0xMS4zMmw3Mi03MmE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMNTkuMzEsMTIwSDIxNkE4LDgsMCwwLDEsMjI0LDEyOFoiLz48L3N2Zz4=';
 
@@ -28,14 +28,14 @@ const IonSearchbarMdStyle0 = searchbarMdCss;
 
 const Searchbar = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionInput = index.createEvent(this, "ionInput", 7);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionCancel = index.createEvent(this, "ionCancel", 7);
-        this.ionClear = index.createEvent(this, "ionClear", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionStyle = index.createEvent(this, "ionStyle", 7);
+        config.registerInstance(this, hostRef);
+        this.ionInput = config.createEvent(this, "ionInput", 7);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionCancel = config.createEvent(this, "ionCancel", 7);
+        this.ionClear = config.createEvent(this, "ionClear", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionStyle = config.createEvent(this, "ionStyle", 7);
         this.isCancelVisible = false;
         this.shouldAlignLeft = true;
         this.inputId = `ion-searchbar-${searchbarIds++}`;
@@ -170,11 +170,11 @@ const Searchbar = class {
      */
     onLangChanged(newValue) {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { lang: newValue });
-        index.forceUpdate(this);
+        config.forceUpdate(this);
     }
     onDirChanged(newValue) {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { dir: newValue });
-        index.forceUpdate(this);
+        config.forceUpdate(this);
     }
     debounceChanged() {
         const { ionInput, debounce, originalIonInput } = this;
@@ -194,7 +194,7 @@ const Searchbar = class {
     showCancelButtonChanged() {
         requestAnimationFrame(() => {
             this.positionElements();
-            index.forceUpdate(this);
+            config.forceUpdate(this);
         });
     }
     connectedCallback() {
@@ -408,14 +408,14 @@ const Searchbar = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.closeCircle,
+            ios: index.closeCircle,
             ionic: x.xSvg,
-            md: index$1.closeSharp,
+            md: index.closeSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured searchbar clear icon or the default icon
-        return ionicGlobal.config.get('searchbarClearIcon', defaultIcon);
+        return config.config.get('searchbarClearIcon', defaultIcon);
     }
     /**
      * Get the icon to use for the search icon.
@@ -431,14 +431,14 @@ const Searchbar = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.searchOutline,
+            ios: index.searchOutline,
             ionic: magnifyingGlassSvg,
-            md: index$1.searchSharp,
+            md: index.searchSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured searchbar search icon or the default icon
-        return ionicGlobal.config.get('searchbarSearchIcon', defaultIcon);
+        return config.config.get('searchbarSearchIcon', defaultIcon);
     }
     /**
      * Get the icon to use for the cancel icon.
@@ -454,22 +454,22 @@ const Searchbar = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.arrowBackSharp,
+            ios: index.arrowBackSharp,
             ionic: arrowLeftSvg,
-            md: index$1.arrowBackSharp,
+            md: index.arrowBackSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured searchbar cancel icon, the back button icon or the default icon
-        return ionicGlobal.config.get('searchbarCancelIcon', ionicGlobal.config.get('backButtonIcon', defaultIcon));
+        return config.config.get('searchbarCancelIcon', config.config.get('backButtonIcon', defaultIcon));
     }
     render() {
         const { cancelButtonText, autocapitalize, searchbarCancelIcon, searchbarClearIcon, searchbarSearchIcon } = this;
-        const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
+        const animated = this.animated && config.config.getBoolean('animated', true);
         const theme$1 = ionicGlobal.getIonTheme(this);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '8864a41b139b41cff1ed28df8e9b182abd586205', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: '0b65f3dff4b2a2904bcd34e1eb2de0ea845739a1', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (index.h(index.Host, { key: 'bfdaa58f80a6a7e3baaf34c7180d6c8a8f26db3b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (config.h("button", { key: '8864a41b139b41cff1ed28df8e9b182abd586205', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, config.h("div", { key: '0b65f3dff4b2a2904bcd34e1eb2de0ea845739a1', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (config.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (config.h(config.Host, { key: 'bfdaa58f80a6a7e3baaf34c7180d6c8a8f26db3b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -479,16 +479,16 @@ const Searchbar = class {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, index.h("div", { key: '026738237b8ce44dbf9aa0c3e28495722fd4fe43', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '2c95c7a1c26e114a0200a64aeb4d65ee744dcc16', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, index.h("ion-icon", { key: 'b377e3f6b8e8d81811dec662d88de49516467210', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), index.h("button", { key: '72e66dd70a9759f853cf10ca0904d1f94b5c46c0', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, config.h("div", { key: '026738237b8ce44dbf9aa0c3e28495722fd4fe43', class: "searchbar-input-container" }, config.h("input", Object.assign({ key: '2c95c7a1c26e114a0200a64aeb4d65ee744dcc16', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme$1 === 'md' || theme$1 === 'ionic') && cancelButton, config.h("ion-icon", { key: 'b377e3f6b8e8d81811dec662d88de49516467210', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), config.h("button", { key: '72e66dd70a9759f853cf10ca0904d1f94b5c46c0', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { key: '43c0c542e4a2e86c17ac0fe945b507ff8bf2f306', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme$1 === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, config.h("ion-icon", { key: '43c0c542e4a2e86c17ac0fe945b507ff8bf2f306', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme$1 === 'ios' && cancelButton));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "lang": ["onLangChanged"],
         "dir": ["onDirChanged"],

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const segmentIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:var(--ionic-color-base-white, #ffffff)}";
 const IonSegmentIonicStyle0 = segmentIonicCss;
@@ -22,10 +22,10 @@ const IonSegmentMdStyle0 = segmentMdCss;
 
 const Segment = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionSelect = index.createEvent(this, "ionSelect", 7);
-        this.ionStyle = index.createEvent(this, "ionStyle", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionSelect = config.createEvent(this, "ionSelect", 7);
+        this.ionStyle = config.createEvent(this, "ionStyle", 7);
         this.onClick = (ev) => {
             const current = ev.target;
             const previous = this.checked;
@@ -240,7 +240,7 @@ const Segment = class {
         // Scale the indicator width to match the previous indicator width
         // and translate it on top of the previous indicator
         const transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;
-        index.writeTask(() => {
+        config.writeTask(() => {
             // Remove the transition before positioning on top of the previous indicator
             currentIndicator.classList.remove('segment-button-indicator-animated');
             currentIndicator.style.setProperty('transform', transform);
@@ -434,16 +434,16 @@ const Segment = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'a82caab0d6fe34847f5a85282d0916a647b5976a', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: 'a82caab0d6fe34847f5a85282d0916a647b5976a', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, index.h("slot", { key: '1b04fd3a2c340014376ab52824435c5f27b963b7', onSlotchange: this.onSlottedItemsChange })));
+            }) }, config.h("slot", { key: '1b04fd3a2c340014376ab52824435c5f27b963b7', onSlotchange: this.onSlottedItemsChange })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "color": ["colorChanged"],
         "swipeGesture": ["swipeGestureChanged"],
@@ -469,11 +469,11 @@ const IonSegmentButtonMdStyle0 = segmentButtonMdCss;
 let ids = 0;
 const SegmentButton = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.segmentEl = null;
         this.inheritedAttributes = {};
         this.updateStyle = () => {
-            index.forceUpdate(this);
+            config.forceUpdate(this);
         };
         this.updateState = () => {
             const { segmentEl } = this;
@@ -533,7 +533,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: 'e3340514b7e897015a9d9781a8a8b8d044c14904', class: {
+        return (config.h(config.Host, { key: 'e3340514b7e897015a9d9781a8a8b8d044c14904', class: {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -549,12 +549,12 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: '3c5017089669022f6f78781ff5ab22e7d482c641', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '94e4b22191f9d19f1e2f31c9247331d48cc95be3', class: "button-inner" }, index.h("slot", { key: 'd8780486332a2993a3c1d76ecba99660f60ecca3' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '676e4737af739dbfe1900132e281bceff796ba37' })), index.h("div", { key: '0182e9cba30424f0d543b78c270d69d3c72cc2e9', part: "indicator", class: {
+            } }, config.h("button", Object.assign({ key: '3c5017089669022f6f78781ff5ab22e7d482c641', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), config.h("span", { key: '94e4b22191f9d19f1e2f31c9247331d48cc95be3', class: "button-inner" }, config.h("slot", { key: 'd8780486332a2993a3c1d76ecba99660f60ecca3' })), theme$1 === 'md' && config.h("ion-ripple-effect", { key: '676e4737af739dbfe1900132e281bceff796ba37' })), config.h("div", { key: '0182e9cba30424f0d543b78c270d69d3c72cc2e9', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, index.h("div", { key: 'b3ad49f2556290f136c271cd013ee293ce3e7d7f', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, config.h("div", { key: 'b3ad49f2556290f136c271cd013ee293ce3e7d7f', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }

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,9 +5,9 @@
 
 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{--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)}";
@@ -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,