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

package/dist/cjs/ion-picker-column.cjs.entry.js

@@ -5,21 +5,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const index$1 = require('./index-c8d52405.js');
-const helpers = require('./helpers-afaa9001.js');
-const haptic = require('./haptic-f6b37aa3.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+const haptic = require('./haptic-f0cad9a6.js');
 const theme = require('./theme-d1c573d2.js');
-require('./capacitor-c04564bf.js');
+require('./capacitor-806e7fee.js');
 
 const pickerColumnCss = ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;height:200px;font-size:22px;text-align:center}.assistive-focusable{right:0;left:0;top:0;bottom:0;position:absolute;z-index:1;pointer-events:none}.assistive-focusable:focus{outline:none}.picker-opts{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-width:26px;max-height:200px;outline:none;text-align:inherit;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.picker-item-empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-opts::-webkit-scrollbar{display:none}::slotted(ion-picker-column-option){display:block;scroll-snap-align:center}.picker-item-empty,:host(:not([disabled])) ::slotted(ion-picker-column-option.option-disabled){scroll-snap-align:none}::slotted([slot=prefix]),::slotted([slot=suffix]){max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::slotted([slot=prefix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:end;justify-content:end}::slotted([slot=suffix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:start;justify-content:start}:host(.picker-column-disabled) .picker-opts{overflow-y:hidden}:host(.picker-column-disabled) ::slotted(ion-picker-column-option){cursor:default;opacity:0.4;pointer-events:none}@media (any-hover: hover){:host(:focus) .picker-opts{outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";
 const IonPickerColumnStyle0 = pickerColumnCss;
 
 const PickerColumn = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
         this.isScrolling = false;
         this.isColumnVisible = false;
         this.canExitInputMode = true;
@@ -148,7 +147,7 @@ const PickerColumn = class {
                      */
                     const rootNode = el.getRootNode();
                     const hasParentShadow = rootNode instanceof ShadowRoot;
-                    const referenceNode = hasParentShadow ? rootNode : index$1.doc;
+                    const referenceNode = hasParentShadow ? rootNode : ionicGlobal.doc;
                     /**
                      * If the reference node is undefined
                      * then it's likely that doc is undefined
@@ -388,7 +387,7 @@ const PickerColumn = class {
              * WebKit to incorrectly announce numeric valuetext values (such as a year
              * like "2024") as percentages: https://bugs.webkit.org/show_bug.cgi?id=273126
              */
-            return (index.h("div", { ref: (el) => (this.assistiveFocusable = el), class: "assistive-focusable", role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": valueText, "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }));
+            return (config.h("div", { ref: (el) => (this.assistiveFocusable = el), class: "assistive-focusable", role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": valueText, "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }));
         };
         this.ariaLabel = null;
         this.isActive = false;
@@ -536,12 +535,12 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'd8394b411538657d4dcf74d419d26731674b4139', class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'd8394b411538657d4dcf74d419d26731674b4139', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), index.h("slot", { key: '76f125144484f040f1f84fdd94bfa4f667ded873', name: "prefix" }), index.h("div", { key: '43ce783c7ec5168ba05cdad07259d6f64accd948', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), config.h("slot", { key: '76f125144484f040f1f84fdd94bfa4f667ded873', name: "prefix" }), config.h("div", { key: '43ce783c7ec5168ba05cdad07259d6f64accd948', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
             },
             /**
@@ -562,9 +561,9 @@ const PickerColumn = class {
              * To prevent this, we set the tabIndex to -1. This
              * will match the behavior of the other browsers.
              */
-            tabIndex: -1 }, index.h("div", { key: 'c34013dd35974ee01b8d6c7afee63ed274669742', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '775350f6dfd63e89a39f043fca24b3205eb6b012', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'c11a4228f40a3abbce211633dab9d4a73e7bab66', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '6c1a0a56e44e7091b63f405801ad480731522ac5' }), index.h("div", { key: '47e32bd7a7c7e446920ed21d9ea8a353500f93cc', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'b0e0a8f82cfa913aef913c799a5314ef435aae45', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'c0c6b1b323ae8123fdc4ca7b42355d22645e2916', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '0f61d56444d9d34fafd1d9ba4a6461845ce848d5', name: "suffix" })));
+            tabIndex: -1 }, config.h("div", { key: 'c34013dd35974ee01b8d6c7afee63ed274669742', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), config.h("div", { key: '775350f6dfd63e89a39f043fca24b3205eb6b012', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), config.h("div", { key: 'c11a4228f40a3abbce211633dab9d4a73e7bab66', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), config.h("slot", { key: '6c1a0a56e44e7091b63f405801ad480731522ac5' }), config.h("div", { key: '47e32bd7a7c7e446920ed21d9ea8a353500f93cc', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), config.h("div", { key: 'b0e0a8f82cfa913aef913c799a5314ef435aae45', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), config.h("div", { key: 'c0c6b1b323ae8123fdc4ca7b42355d22645e2916', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), config.h("slot", { key: '0f61d56444d9d34fafd1d9ba4a6461845ce848d5', name: "suffix" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "aria-label": ["ariaLabelChanged"],
         "value": ["valueChange"]

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

@@ -5,8 +5,8 @@
 
 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 ionicPickerMdCss = ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);right:0;left:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{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}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}";
 const IonPickerIonicStyle0 = ionicPickerMdCss;
@@ -19,8 +19,8 @@ const IonPickerMdStyle0 = pickerMdCss;
 
 const Picker = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionInputModeChange = index.createEvent(this, "ionInputModeChange", 7);
+        config.registerInstance(this, hostRef);
+        this.ionInputModeChange = config.createEvent(this, "ionInputModeChange", 7);
         this.useInputMode = false;
         this.isInHighlightBounds = (ev) => {
             const { highlightEl } = this;
@@ -487,7 +487,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: '2d007df5759a9ebed88d794354ebaef4e2a51b56', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '6a8723a290e0615d3856db6525737256091cf170', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (config.h(config.Host, { key: '2d007df5759a9ebed88d794354ebaef4e2a51b56', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, config.h("input", { key: '6a8723a290e0615d3856db6525737256091cf170', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -502,9 +502,9 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '65ab09b2d852acdb3085fdb807940c439b31338e', class: "picker-before" }), index.h("div", { key: 'd3781006c58e456133e04f9c0d6f54e775c3fc8d', class: "picker-after" }), index.h("div", { key: '34bf77b3b4ea1c2f3aa8e55f6288a6e808bc256d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '854507de0a26d84cf24dc37dd3077e3d7f8883ab' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), config.h("div", { key: '65ab09b2d852acdb3085fdb807940c439b31338e', class: "picker-before" }), config.h("div", { key: 'd3781006c58e456133e04f9c0d6f54e775c3fc8d', class: "picker-after" }), config.h("div", { key: '34bf77b3b4ea1c2f3aa8e55f6288a6e808bc256d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), config.h("slot", { key: '854507de0a26d84cf24dc37dd3077e3d7f8883ab' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 Picker.style = {
     ionic: IonPickerIonicStyle0,

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

@@ -5,17 +5,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const overlays = require('./overlays-faf6f843.js');
-const frameworkDelegate = require('./framework-delegate-55f5683a.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const overlays = require('./overlays-22320753.js');
+const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
+const helpers = require('./helpers-e75eb909.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-694a3808.js');
-const animation = require('./animation-b4fdf128.js');
-require('./index-c8d52405.js');
-require('./hardware-back-button-d37054f2.js');
+const index = require('./index-3ac79a1b.js');
+const animation = require('./animation-232e0c8f.js');
 require('./gesture-controller-9436f482.js');
 
 /**
@@ -981,16 +979,16 @@ const IonPopoverMdStyle0 = popoverMdCss;
 
 const Popover = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.didPresent = index.createEvent(this, "ionPopoverDidPresent", 7);
-        this.willPresent = index.createEvent(this, "ionPopoverWillPresent", 7);
-        this.willDismiss = index.createEvent(this, "ionPopoverWillDismiss", 7);
-        this.didDismiss = index.createEvent(this, "ionPopoverDidDismiss", 7);
-        this.didPresentShorthand = index.createEvent(this, "didPresent", 7);
-        this.willPresentShorthand = index.createEvent(this, "willPresent", 7);
-        this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
-        this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
-        this.ionMount = index.createEvent(this, "ionMount", 7);
+        config.registerInstance(this, hostRef);
+        this.didPresent = config.createEvent(this, "ionPopoverDidPresent", 7);
+        this.willPresent = config.createEvent(this, "ionPopoverWillPresent", 7);
+        this.willDismiss = config.createEvent(this, "ionPopoverWillDismiss", 7);
+        this.didDismiss = config.createEvent(this, "ionPopoverDidDismiss", 7);
+        this.didPresentShorthand = config.createEvent(this, "didPresent", 7);
+        this.willPresentShorthand = config.createEvent(this, "willPresent", 7);
+        this.willDismissShorthand = config.createEvent(this, "willDismiss", 7);
+        this.didDismissShorthand = config.createEvent(this, "didDismiss", 7);
+        this.ionMount = config.createEvent(this, "ionMount", 7);
         this.parentPopover = null;
         this.coreDelegate = frameworkDelegate.CoreDelegate();
         this.lockController = lockController.createLockController();
@@ -1206,7 +1204,7 @@ const Popover = class {
          * get the transition incorrect.
          */
         if (helpers.hasLazyBuild(el)) {
-            await index$1.deepReady(this.usersElement);
+            await index.deepReady(this.usersElement);
             /**
              * If keepContentsMounted="true" then the
              * JS Framework has already mounted the inner
@@ -1217,7 +1215,7 @@ const Popover = class {
              */
         }
         else if (!this.keepContentsMounted) {
-            await index$1.waitForMount();
+            await index.waitForMount();
         }
         await overlays.present(this, 'popoverEnter', iosEnterAnimation, mdEnterAnimation, {
             event: event || this.event,
@@ -1300,11 +1298,11 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, Object.assign({ key: '39bf21ef8ecf42517b9d1bb35bb2de318d514630', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (config.h(config.Host, Object.assign({ key: '39bf21ef8ecf42517b9d1bb35bb2de318d514630', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '563cc51c835a8b81fedb2de896ee426768c50de2', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '8af6ff024ba1f97162f556ddebf7994581d5c5cd', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: 'bbd8a7bd929833855c77e081020ae8bdc69e70a3', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '9fcf98f42b35abc4cbdcd63dfac2af287846294c', class: "popover-content", part: "content" }, index.h("slot", { key: '0e88929d602761f4013d6a42b7f57fad213176b1' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && config.h("ion-backdrop", { key: '563cc51c835a8b81fedb2de896ee426768c50de2', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), config.h("div", { key: '8af6ff024ba1f97162f556ddebf7994581d5c5cd', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && config.h("div", { key: 'bbd8a7bd929833855c77e081020ae8bdc69e70a3', class: "popover-arrow", part: "arrow" }), config.h("div", { key: '9fcf98f42b35abc4cbdcd63dfac2af287846294c', class: "popover-content", part: "content" }, config.h("slot", { key: '0e88929d602761f4013d6a42b7f57fad213176b1' })))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "trigger": ["onTriggerChange"],
         "triggerAction": ["onTriggerChange"],

package/dist/cjs/ion-progress-bar.cjs.entry.js

@@ -5,10 +5,10 @@
 
 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 theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const ionicProgressBarMdCss = ":host{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.3);--progress-background:var(--ion-color-primary, #0054e9);display:block;position:relative;width:100%;contain:strict;direction:ltr;overflow:hidden}.progress,.progress-indeterminate,.indeterminate-bar-primary,.indeterminate-bar-secondary,.progress-buffer-bar{right:0;left:0;top:0;bottom:0;position:absolute;width:100%;height:100%}.buffer-circles-container,.buffer-circles{right:0;left:0;top:0;bottom:0;position:absolute}.buffer-circles{right:-10px;left:-10px;}.progress,.progress-buffer-bar,.buffer-circles-container{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear}.progress,.progress-indeterminate{background:var(--progress-background);z-index:2}.progress-buffer-bar{background:var(--background);z-index:1}.buffer-circles-container{overflow:hidden}.indeterminate-bar-primary{top:0;right:0;bottom:0;left:-145.166611%;-webkit-animation:primary-indeterminate-translate 2s infinite linear;animation:primary-indeterminate-translate 2s infinite linear}.indeterminate-bar-primary .progress-indeterminate{-webkit-animation:primary-indeterminate-scale 2s infinite linear;animation:primary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.indeterminate-bar-secondary{top:0;right:0;bottom:0;left:-54.888891%;-webkit-animation:secondary-indeterminate-translate 2s infinite linear;animation:secondary-indeterminate-translate 2s infinite linear}.indeterminate-bar-secondary .progress-indeterminate{-webkit-animation:secondary-indeterminate-scale 2s infinite linear;animation:secondary-indeterminate-scale 2s infinite linear;-webkit-animation-play-state:inherit;animation-play-state:inherit}.buffer-circles{background-image:radial-gradient(ellipse at center, var(--background) 0%, var(--background) 30%, transparent 30%);background-repeat:repeat-x;background-position:5px center;background-size:10px 10px;z-index:0;-webkit-animation:buffering 450ms infinite linear;animation:buffering 450ms infinite linear}:host(.progress-bar-reversed){-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.progress-paused) .indeterminate-bar-secondary,:host(.progress-paused) .indeterminate-bar-primary,:host(.progress-paused) .buffer-circles{-webkit-animation-play-state:paused;animation-play-state:paused}:host(.ion-color) .buffer-circles{background-image:radial-gradient(ellipse at center, rgba(var(--ion-color-base-rgb), 0.3) 0%, rgba(var(--ion-color-base-rgb), 0.3) 30%, transparent 30%)}:host(.ion-color) .progress,:host(.ion-color) .progress-indeterminate{background:var(--ion-color-base)}@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}:host{height:4px}:host(.ion-color) .progress-buffer-bar{background:rgba(var(--ion-color-base-rgb), 0.3)}";
 const IonProgressBarIonicStyle0 = ionicProgressBarMdCss;
@@ -21,7 +21,7 @@ const IonProgressBarMdStyle0 = progressBarMdCss;
 
 const ProgressBar = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.type = 'determinate';
         this.reversed = false;
         this.value = 0;
@@ -30,11 +30,11 @@ const ProgressBar = class {
     }
     render() {
         const { color, type, reversed, value, buffer } = this;
-        const paused = ionicGlobal.config.getBoolean('_testing');
+        const paused = config.config.getBoolean('_testing');
         const theme$1 = ionicGlobal.getIonTheme(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (index.h(index.Host, { key: '84a8d8adb952792262bd0dc6a3e66dd134c227fa', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: '84a8d8adb952792262bd0dc6a3e66dd134c227fa', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,
@@ -44,13 +44,13 @@ const ProgressBar = class {
     }
 };
 const renderIndeterminate = () => {
-    return (index.h("div", { part: "track", class: "progress-buffer-bar" }, index.h("div", { class: "indeterminate-bar-primary" }, index.h("span", { part: "progress", class: "progress-indeterminate" })), index.h("div", { class: "indeterminate-bar-secondary" }, index.h("span", { part: "progress", class: "progress-indeterminate" }))));
+    return (config.h("div", { part: "track", class: "progress-buffer-bar" }, config.h("div", { class: "indeterminate-bar-primary" }, config.h("span", { part: "progress", class: "progress-indeterminate" })), config.h("div", { class: "indeterminate-bar-secondary" }, config.h("span", { part: "progress", class: "progress-indeterminate" }))));
 };
 const renderProgress = (value, buffer) => {
     const finalValue = helpers.clamp(0, value, 1);
     const finalBuffer = helpers.clamp(0, buffer, 1);
     return [
-        index.h("div", { part: "progress", class: "progress", style: { transform: `scaleX(${finalValue})` } }),
+        config.h("div", { part: "progress", class: "progress", style: { transform: `scaleX(${finalValue})` } }),
         /**
          * Buffer circles with two container to move
          * the circles behind the buffer progress
@@ -58,8 +58,8 @@ const renderProgress = (value, buffer) => {
          * When finalBuffer === 1, we use display: none
          * instead of removing the element to avoid flickering.
          */
-        index.h("div", { class: { 'buffer-circles-container': true, 'ion-hide': finalBuffer === 1 }, style: { transform: `translateX(${finalBuffer * 100}%)` } }, index.h("div", { class: "buffer-circles-container", style: { transform: `translateX(-${finalBuffer * 100}%)` } }, index.h("div", { part: "stream", class: "buffer-circles" }))),
-        index.h("div", { part: "track", class: "progress-buffer-bar", style: { transform: `scaleX(${finalBuffer})` } }),
+        config.h("div", { class: { 'buffer-circles-container': true, 'ion-hide': finalBuffer === 1 }, style: { transform: `translateX(${finalBuffer * 100}%)` } }, config.h("div", { class: "buffer-circles-container", style: { transform: `translateX(-${finalBuffer * 100}%)` } }, config.h("div", { part: "stream", class: "buffer-circles" }))),
+        config.h("div", { part: "track", class: "progress-buffer-bar", style: { transform: `scaleX(${finalBuffer})` } }),
     ];
 };
 ProgressBar.style = {

package/dist/cjs/ion-radio_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 compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const radioIonicCss = ":host{--inner-border-radius:50%;display:inline-block;position:relative;max-width:100%;min-height:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}input{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}:host(.radio-disabled){pointer-events:none}.radio-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}.radio-icon,.radio-inner{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:focus){outline:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.radio-wrapper{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;cursor:inherit}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.radio-justify-space-between) .radio-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.radio-justify-start) .radio-wrapper{-ms-flex-pack:start;justify-content:start}:host(.radio-justify-end) .radio-wrapper{-ms-flex-pack:end;justify-content:end}:host(.radio-alignment-start) .radio-wrapper{-ms-flex-align:start;align-items:start}:host(.radio-alignment-center) .radio-wrapper{-ms-flex-align:center;align-items:center}:host(.radio-justify-space-between),:host(.radio-justify-start),:host(.radio-justify-end),:host(.radio-alignment-start),:host(.radio-alignment-center){display:block}:host(.radio-label-placement-start) .radio-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.radio-label-placement-end) .radio-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.radio-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}:host(.radio-label-placement-stacked) .radio-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.radio-label-placement-stacked.radio-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host{--color:var(--ionic-color-neutral-500, #a2a2a2);--color-checked:var(--ionic-color-primary-base, #105cef);--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--border-radius:var(--ionic-border-radius-full, 999px);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none;min-height:var(--ionic-scale-1200, 48px);color:var(--ionic-color-neutral-1200, #242424)}:host(.ion-color.radio-checked) .radio-icon{border-color:var(--ion-color-base);background-color:var(--ion-color-base)}:host(.in-item.radio-label-placement-stacked) .native-wrapper{margin-bottom:var(--ionic-space-250, 10px)}.native-wrapper .radio-icon{width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}.radio-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color);background-color:var(--ionic-color-base-white, #ffffff)}.radio-inner{border-radius:var(--inner-border-radius);width:calc(32% + var(--border-width));height:calc(32% + var(--border-width));background-color:var(--ionic-color-base-white, #ffffff)}:host(.radio-checked) .radio-icon{border-color:var(--color-checked);background-color:var(--color-checked)}:host(.radio-label-placement-start) .label-text-wrapper,:host(.radio-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}:host(.radio-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--ionic-space-400, 16px);margin-inline-start:var(--ionic-space-400, 16px);-webkit-margin-end:0;margin-inline-end:0}:host(.radio-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ionic-space-400, 16px);max-width:133.3333333333%}:host(:not(.in-item):not(:last-of-type)){margin-bottom:var(--ionic-space-200, 8px)}:host(.radio-disabled) .radio-icon::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;border-radius:inherit;top:calc(var(--border-width) * -1);bottom:0;width:calc(100% + 2 * var(--border-width));height:calc(100% + 2 * var(--border-width))}:host(.radio-disabled) .radio-icon::after{inset-inline-start:calc(var(--border-width) * -1);inset-inline-end:0}:host(.ion-focused) .radio-icon{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .radio-icon::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-pressed, rgba(36, 36, 36, 0.08));content:\"\";border-radius:inherit;top:calc(var(--border-width) * -1);bottom:0;width:calc(100% + 2 * var(--border-width));height:calc(100% + 2 * var(--border-width))}:host(.ion-activated) .radio-icon::after{inset-inline-start:calc(var(--border-width) * -1);inset-inline-end:0}";
 const IonRadioIonicStyle0 = radioIonicCss;
@@ -22,9 +22,9 @@ const IonRadioMdStyle0 = radioMdCss;
 
 const Radio = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
+        config.registerInstance(this, hostRef);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
         this.inputId = `ion-rb-${radioButtonIds++}`;
         this.radioGroup = null;
         this.updateState = () => {
@@ -120,13 +120,13 @@ const Radio = class {
         return this.el.textContent !== '';
     }
     renderRadioControl() {
-        return (index.h("div", { class: "radio-icon", part: "container" }, index.h("div", { class: "radio-inner", part: "mark" }), index.h("div", { class: "radio-ripple" })));
+        return (config.h("div", { class: "radio-icon", part: "container" }, config.h("div", { class: "radio-inner", part: "mark" }), config.h("div", { class: "radio-ripple" })));
     }
     render() {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
-        return (index.h(index.Host, { key: '903a04af0d09f9e2598484f92b3ae7bc809562d1', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: '903a04af0d09f9e2598484f92b3ae7bc809562d1', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -137,12 +137,12 @@ const Radio = class {
                 // Focus and active styling should not apply when the radio is in an item
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: 'f4493cf6c261c925398810fcb45a9798d4e7193a', class: "radio-wrapper" }, index.h("div", { key: 'd3db3d6584c8dfe343779c64a09790e9b8a856fc', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, config.h("label", { key: 'f4493cf6c261c925398810fcb45a9798d4e7193a', class: "radio-wrapper" }, config.h("div", { key: 'd3db3d6584c8dfe343779c64a09790e9b8a856fc', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '9e04c4c7920a8793df10422dd76b86439173851a' })), index.h("div", { key: 'c14307b6db7da6a8300997be2b6805ccbcf78c00', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, config.h("slot", { key: '9e04c4c7920a8793df10422dd76b86439173851a' })), config.h("div", { key: 'c14307b6db7da6a8300997be2b6805ccbcf78c00', class: "native-wrapper" }, this.renderRadioControl()))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
@@ -156,9 +156,9 @@ Radio.style = {
 
 const RadioGroup = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionValueChange = index.createEvent(this, "ionValueChange", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionValueChange = config.createEvent(this, "ionValueChange", 7);
         this.inputId = `ion-rg-${radioGroupIds++}`;
         this.labelId = `${this.inputId}-lbl`;
         this.setRadioTabindex = (value) => {
@@ -306,11 +306,11 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: 'a66c74e56338ae9d6ec9f9e5a9f1f3d1540efc9e', class: {
+        return (config.h(config.Host, { key: 'a66c74e56338ae9d6ec9f9e5a9f1f3d1540efc9e', class: {
                 [theme]: true,
             }, role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const index$1 = require('./index-2fa32189.js');
-const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const index = require('./index-1d02518d.js');
+const helpers = require('./helpers-e75eb909.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 
@@ -65,13 +65,13 @@ const IonRangeMdStyle0 = rangeMdCss;
 
 const Range = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionInput = index.createEvent(this, "ionInput", 7);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
-        this.ionKnobMoveStart = index.createEvent(this, "ionKnobMoveStart", 7);
-        this.ionKnobMoveEnd = index.createEvent(this, "ionKnobMoveEnd", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionInput = config.createEvent(this, "ionInput", 7);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
+        this.ionKnobMoveStart = config.createEvent(this, "ionKnobMoveStart", 7);
+        this.ionKnobMoveEnd = config.createEvent(this, "ionKnobMoveEnd", 7);
         this.rangeId = `ion-r-${rangeIds++}`;
         this.didLoad = false;
         this.noUpdate = false;
@@ -237,7 +237,7 @@ const Range = class {
         if (this.didLoad) {
             this.setupGesture();
         }
-        const ionContent = index$1.findClosestIonContent(this.el);
+        const ionContent = index.findClosestIonContent(this.el);
         this.contentEl = (_a = ionContent === null || ionContent === void 0 ? void 0 : ionContent.querySelector('.ion-content-scroll-host')) !== null && _a !== void 0 ? _a : ionContent;
     }
     disconnectedCallback() {
@@ -308,7 +308,7 @@ const Range = class {
          * This only needs to be done once.
          */
         if (contentEl && this.pressedKnob === undefined) {
-            this.initialContentScrollY = index$1.disableContentScrollY(contentEl);
+            this.initialContentScrollY = index.disableContentScrollY(contentEl);
         }
         /**
          * The `pressedKnob` can be undefined if the user just
@@ -355,7 +355,7 @@ const Range = class {
          * The user can now scroll on the view in the next gesture event.
          */
         if (contentEl && this.pressedKnob !== undefined) {
-            index$1.resetContentScrollY(contentEl, initialContentScrollY);
+            index.resetContentScrollY(contentEl, initialContentScrollY);
         }
         // update the active knob's position
         this.update(currentX);
@@ -529,7 +529,7 @@ const Range = class {
                 ticks.push(tick);
             }
         }
-        return (index.h("div", { class: "range-slider", ref: (rangeEl) => (this.rangeSlider = rangeEl),
+        return (config.h("div", { class: "range-slider", ref: (rangeEl) => (this.rangeSlider = rangeEl),
             /**
              * Since the gesture has a threshold, the value
              * won't change until the user has dragged past
@@ -558,10 +558,10 @@ const Range = class {
                     this.onStart();
                     this.onEnd(ev);
                 }
-            } }, ticks.map((tick) => (index.h("div", { style: tickStyle(tick), role: "presentation", class: {
+            } }, ticks.map((tick) => (config.h("div", { style: tickStyle(tick), role: "presentation", class: {
                 'range-tick': true,
                 'range-tick-active': tick.active,
-            }, part: tick.active ? 'tick-active' : 'tick' }))), index.h("div", { class: "range-bar-container" }, index.h("div", { class: "range-bar", role: "presentation", part: "bar" }), index.h("div", { class: {
+            }, part: tick.active ? 'tick-active' : 'tick' }))), config.h("div", { class: "range-bar-container" }, config.h("div", { class: "range-bar", role: "presentation", part: "bar" }), config.h("div", { class: {
                 'range-bar': true,
                 'range-bar-active': true,
                 'has-ticks': ticks.length > 0,
@@ -609,7 +609,7 @@ const Range = class {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme$1 = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: 'e1287f0dc0e415bc1208df7f005e7c0551a96063', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: 'e1287f0dc0e415bc1208df7f005e7c0551a96063', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -618,12 +618,12 @@ const Range = class {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, index.h("label", { key: 'e2c09bb08bb7091999bd68c5334c2f871c45b87f', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '20158c85f78a7f11e0a899fbdaa50e87d52d7863', class: {
+            }) }, config.h("label", { key: 'e2c09bb08bb7091999bd68c5334c2f871c45b87f', class: "range-wrapper", id: "range-label" }, config.h("div", { key: '20158c85f78a7f11e0a899fbdaa50e87d52d7863', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '79dad01d3bd2f57bb25841a2d8e01a4f4e699194', class: "native-wrapper" }, index.h("slot", { key: 'fac8f51447dd3d13a48a47285540d7721383f8eb', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '3388b67d3db72749c548f1087be75122ae3b655b', name: "end" })))));
+            }, part: "label" }, label !== undefined ? config.h("div", { class: "label-text" }, label) : config.h("slot", { name: "label" })), config.h("div", { key: '79dad01d3bd2f57bb25841a2d8e01a4f4e699194', class: "native-wrapper" }, config.h("slot", { key: 'fac8f51447dd3d13a48a47285540d7721383f8eb', name: "start" }), this.renderRangeSlider(), config.h("slot", { key: '3388b67d3db72749c548f1087be75122ae3b655b', name: "end" })))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
         "min": ["minChanged"],
@@ -642,7 +642,7 @@ const renderKnob = (rtl, { knob, value, ratio, min, max, disabled, pressed, pin,
     };
     // The aria label should be preferred over visible text if both are specified
     const ariaLabel = inheritedAttributes['aria-label'];
-    return (index.h("div", { onKeyDown: (ev) => {
+    return (config.h("div", { onKeyDown: (ev) => {
             const key = ev.key;
             if (key === 'ArrowLeft' || key === 'ArrowDown') {
                 handleKeyboard(knob, false);
@@ -663,7 +663,7 @@ const renderKnob = (rtl, { knob, value, ratio, min, max, disabled, pressed, pin,
             'range-knob-max': value === max,
             'ion-activatable': true,
             'ion-focusable': true,
-        }, style: knobStyle(), role: "slider", tabindex: disabled ? -1 : 0, "aria-label": ariaLabel !== undefined ? ariaLabel : null, "aria-labelledby": ariaLabel === undefined ? 'range-label' : null, "aria-valuemin": min, "aria-valuemax": max, "aria-disabled": disabled ? 'true' : null, "aria-valuenow": value }, pin && (index.h("div", { class: "range-pin", role: "presentation", part: "pin" }, pinFormatter(value))), index.h("div", { class: "range-knob", role: "presentation", part: "knob" })));
+        }, style: knobStyle(), role: "slider", tabindex: disabled ? -1 : 0, "aria-label": ariaLabel !== undefined ? ariaLabel : null, "aria-labelledby": ariaLabel === undefined ? 'range-label' : null, "aria-valuemin": min, "aria-valuemax": max, "aria-disabled": disabled ? 'true' : null, "aria-valuenow": value }, pin && (config.h("div", { class: "range-pin", role: "presentation", part: "pin" }, pinFormatter(value))), config.h("div", { class: "range-knob", role: "presentation", part: "knob" })));
 };
 const ratioToValue = (ratio, min, max, step) => {
     let value = (max - min) * ratio;