@ionic/core 8.3.2-dev.11728314937.130218e6 → 8.3.2-dev.11729014526.1ab61c12

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
+const index = require('./index-73f75efb.js');
 const caretDown = require('./caret-down-3c215cff.js');
-const helpers = require('./helpers-e75eb909.js');
-const index = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-afaa9001.js');
+const index$1 = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
 
 const ionicAccordionMdCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";
 const IonAccordionIonicStyle0 = ionicAccordionMdCss;
@@ -22,7 +22,7 @@ const IonAccordionMdStyle0 = accordionMdCss;
 
 const Accordion = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.updateListener = () => this.updateState(false);
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
@@ -176,7 +176,7 @@ const Accordion = class {
             if (prefersReducedMotion) {
                 return false;
             }
-            const animated = config.config.get('animated', true);
+            const animated = ionicGlobal.config.get('animated', true);
             if (!animated) {
                 return false;
             }
@@ -289,14 +289,14 @@ const Accordion = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index.chevronDown,
+            ios: index$1.chevronDown,
             ionic: caretDown.caretDownSvg,
-            md: index.chevronDown,
+            md: index$1.chevronDown,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured accordion toggle icon or the default icon
-        return config.config.get('accordionToggleIcon', defaultIcon);
+        return ionicGlobal.config.get('accordionToggleIcon', defaultIcon);
     }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
@@ -322,7 +322,7 @@ const Accordion = class {
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (config.h(config.Host, { key: 'f1482b5a721c16606f641606b55b21c1bfa1222b', class: {
+        return (index.h(index.Host, { key: 'f1482b5a721c16606f641606b55b21c1bfa1222b', class: {
                 [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
@@ -333,10 +333,10 @@ const Accordion = class {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-            } }, config.h("div", { key: 'dfe89b0a257088f139cbbac603cb0e5ad448aef0', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, config.h("slot", { key: '2cb929178c4466da26a2441beb1733f7047d52ed', name: "header" })), config.h("div", { key: '9305244684e9b963cf6cb943a6a85dcce65ba60a', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, config.h("div", { key: 'dc08c55ab5aeb0b43fe6718ef6d4902989bcfc93', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, config.h("slot", { key: 'd7e50b04d607efde59ac3dcb9d3a6c095348e9cf', name: "content" })))));
+            } }, index.h("div", { key: 'dfe89b0a257088f139cbbac603cb0e5ad448aef0', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: '2cb929178c4466da26a2441beb1733f7047d52ed', name: "header" })), index.h("div", { key: '9305244684e9b963cf6cb943a6a85dcce65ba60a', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: 'dc08c55ab5aeb0b43fe6718ef6d4902989bcfc93', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'd7e50b04d607efde59ac3dcb9d3a6c095348e9cf', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
@@ -359,9 +359,9 @@ const IonAccordionGroupMdStyle0 = accordionGroupMdCss;
 
 const AccordionGroup = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionChange = config.createEvent(this, "ionChange", 7);
-        this.ionValueChange = config.createEvent(this, "ionValueChange", 7);
+        index.registerInstance(this, hostRef);
+        this.ionChange = index.createEvent(this, "ionChange", 7);
+        this.ionValueChange = index.createEvent(this, "ionValueChange", 7);
         this.animated = true;
         this.multiple = undefined;
         this.value = undefined;
@@ -550,14 +550,14 @@ const AccordionGroup = class {
     render() {
         const { disabled, readonly, expand } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: '7652f9e1f433b51e59d6a40b3adf7a05ee1e72bb', class: {
+        return (index.h(index.Host, { key: '7652f9e1f433b51e59d6a40b3adf7a05ee1e72bb', class: {
                 [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, config.h("slot", { key: '0c0bcafa4af7047e523671c6d0969ae69398292a' })));
+            }, role: "presentation" }, index.h("slot", { key: '0c0bcafa4af7047e523671c6d0969ae69398292a' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"],
         "disabled": ["disabledChanged"],

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

@@ -5,19 +5,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const buttonActive = require('./button-active-41228dbf.js');
-const helpers = require('./helpers-e75eb909.js');
+const index = require('./index-73f75efb.js');
+const buttonActive = require('./button-active-3f2f60b4.js');
+const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-22320753.js');
+const overlays = require('./overlays-faf6f843.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
-const animation = require('./animation-232e0c8f.js');
-require('./haptic-f0cad9a6.js');
-require('./capacitor-806e7fee.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
+const animation = require('./animation-b4fdf128.js');
+require('./haptic-f6b37aa3.js');
+require('./capacitor-c04564bf.js');
+require('./index-c8d52405.js');
 require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');
-require('./framework-delegate-cf116b1d.js');
+require('./hardware-back-button-d37054f2.js');
+require('./framework-delegate-55f5683a.js');
 
 /**
  * iOS Action Sheet Enter Animation
@@ -114,15 +116,15 @@ const IonActionSheetMdStyle0 = actionSheetMdCss;
 
 const ActionSheet = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.didPresent = config.createEvent(this, "ionActionSheetDidPresent", 7);
-        this.willPresent = config.createEvent(this, "ionActionSheetWillPresent", 7);
-        this.willDismiss = config.createEvent(this, "ionActionSheetWillDismiss", 7);
-        this.didDismiss = config.createEvent(this, "ionActionSheetDidDismiss", 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);
+        index.registerInstance(this, hostRef);
+        this.didPresent = index.createEvent(this, "ionActionSheetDidPresent", 7);
+        this.willPresent = index.createEvent(this, "ionActionSheetWillPresent", 7);
+        this.willDismiss = index.createEvent(this, "ionActionSheetWillDismiss", 7);
+        this.didDismiss = index.createEvent(this, "ionActionSheetDidDismiss", 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.delegateController = overlays.createDelegateController(this);
         this.lockController = lockController.createLockController();
         this.triggerController = overlays.createTriggerController();
@@ -268,7 +270,7 @@ const ActionSheet = class {
          */
         const { groupEl, wrapperEl } = this;
         if (!this.gesture && mode === 'ios' && wrapperEl && groupEl) {
-            config.readTask(() => {
+            index.readTask(() => {
                 const isScrollable = groupEl.scrollHeight > groupEl.clientHeight;
                 if (!isScrollable) {
                     this.gesture = buttonActive.createButtonActiveGesture(wrapperEl, (refEl) => refEl.classList.contains('action-sheet-button'));
@@ -301,14 +303,14 @@ const ActionSheet = class {
         const cancelButton = allButtons.find((b) => b.role === 'cancel');
         const buttons = allButtons.filter((b) => b.role !== 'cancel');
         const headerID = `action-sheet-${overlayIndex}-header`;
-        return (config.h(config.Host, Object.assign({ key: '7fbcf04cb0243a39d87b08b29265880c92f0ad3f', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '7fbcf04cb0243a39d87b08b29265880c92f0ad3f', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({ [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), config.h("ion-backdrop", { key: '897a78d622d666b27410354501317b0b3eb48093', tappable: this.backdropDismiss }), config.h("div", { key: 'ad5c42ebfa41a89cac1df8167afa76c8e9bd3947', tabindex: "0" }), config.h("div", { key: '18c881b0df474f53959f14a497e050d2a7ec2eb7', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, config.h("div", { key: 'f2788afe2d371e80244c13ba6c259894a5ffe6ea', class: "action-sheet-container" }, config.h("div", { key: 'a48766378a6951da925707e59a662a2371544083', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (config.h("div", { key: 'a76b97ed07af33785ed48bfede75658081b4ad43', id: headerID, class: {
+            }, class: Object.assign(Object.assign({ [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '897a78d622d666b27410354501317b0b3eb48093', tappable: this.backdropDismiss }), index.h("div", { key: 'ad5c42ebfa41a89cac1df8167afa76c8e9bd3947', tabindex: "0" }), index.h("div", { key: '18c881b0df474f53959f14a497e050d2a7ec2eb7', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: 'f2788afe2d371e80244c13ba6c259894a5ffe6ea', class: "action-sheet-container" }, index.h("div", { key: 'a48766378a6951da925707e59a662a2371544083', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (index.h("div", { key: 'a76b97ed07af33785ed48bfede75658081b4ad43', id: headerID, class: {
                 'action-sheet-title': true,
                 'action-sheet-has-sub-title': this.subHeader !== undefined,
-            } }, header, this.subHeader && config.h("div", { key: '7e033981ae660204fd71a1f983e383d6601ad688', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (config.h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), config.h("span", { class: "action-sheet-button-inner" }, b.icon && config.h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), theme$1 === 'md' && config.h("ion-ripple-effect", null))))), cancelButton && (config.h("div", { key: '404f04670ad494b7a6578167d2e2935197550185', class: "action-sheet-group action-sheet-group-cancel" }, config.h("button", Object.assign({ key: '49b4a535e6749b9dbac135d064831457c43b6e35' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), config.h("span", { key: '159fd069191f32b962bda834756a7f0d7e1b1ca0', class: "action-sheet-button-inner" }, cancelButton.icon && (config.h("ion-icon", { key: 'c06fb27fa0b3daad25d621124f44f3ec6c4bf015', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), theme$1 === 'md' && config.h("ion-ripple-effect", { key: 'f6d6179b58da0dfe3310fe957c0441fd20abb47a' })))))), config.h("div", { key: '3222a9753771914b523a98354ef6d2373bb19aa2', tabindex: "0" })));
+            } }, header, this.subHeader && index.h("div", { key: '7e033981ae660204fd71a1f983e383d6601ad688', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (index.h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), index.h("span", { class: "action-sheet-button-inner" }, b.icon && index.h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), theme$1 === 'md' && index.h("ion-ripple-effect", null))))), cancelButton && (index.h("div", { key: '404f04670ad494b7a6578167d2e2935197550185', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", Object.assign({ key: '49b4a535e6749b9dbac135d064831457c43b6e35' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), index.h("span", { key: '159fd069191f32b962bda834756a7f0d7e1b1ca0', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: 'c06fb27fa0b3daad25d621124f44f3ec6c4bf015', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'f6d6179b58da0dfe3310fe957c0441fd20abb47a' })))))), index.h("div", { key: '3222a9753771914b523a98354ef6d2373bb19aa2', tabindex: "0" })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "isOpen": ["onIsOpenChange"],
         "trigger": ["triggerChanged"]

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

@@ -5,20 +5,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const config$1 = require('./config-4f60b98a.js');
-const buttonActive = require('./button-active-41228dbf.js');
-const helpers = require('./helpers-e75eb909.js');
+const index = require('./index-73f75efb.js');
+const config = require('./config-4f60b98a.js');
+const buttonActive = require('./button-active-3f2f60b4.js');
+const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-22320753.js');
+const overlays = require('./overlays-faf6f843.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
-const animation = require('./animation-232e0c8f.js');
-require('./haptic-f0cad9a6.js');
-require('./capacitor-806e7fee.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
+const animation = require('./animation-b4fdf128.js');
+require('./haptic-f6b37aa3.js');
+require('./capacitor-c04564bf.js');
+require('./index-c8d52405.js');
 require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');
-require('./framework-delegate-cf116b1d.js');
+require('./hardware-back-button-d37054f2.js');
+require('./framework-delegate-55f5683a.js');
 
 /**
  * iOS Alert Enter Animation
@@ -116,19 +118,19 @@ const IonAlertMdStyle0 = alertMdCss;
 
 const Alert = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.didPresent = config.createEvent(this, "ionAlertDidPresent", 7);
-        this.willPresent = config.createEvent(this, "ionAlertWillPresent", 7);
-        this.willDismiss = config.createEvent(this, "ionAlertWillDismiss", 7);
-        this.didDismiss = config.createEvent(this, "ionAlertDidDismiss", 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);
+        index.registerInstance(this, hostRef);
+        this.didPresent = index.createEvent(this, "ionAlertDidPresent", 7);
+        this.willPresent = index.createEvent(this, "ionAlertWillPresent", 7);
+        this.willDismiss = index.createEvent(this, "ionAlertWillDismiss", 7);
+        this.didDismiss = index.createEvent(this, "ionAlertDidDismiss", 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.delegateController = overlays.createDelegateController(this);
         this.lockController = lockController.createLockController();
         this.triggerController = overlays.createTriggerController();
-        this.customHTMLEnabled = config.config.get('innerHTMLTemplatesEnabled', config$1.ENABLE_HTML_CONTENT_DEFAULT);
+        this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
         this.processedInputs = [];
         this.processedButtons = [];
         this.presented = false;
@@ -360,12 +362,12 @@ const Alert = class {
         }
         this.activeId = selectedInput.id;
         overlays.safeCall(selectedInput.handler, selectedInput);
-        config.forceUpdate(this);
+        index.forceUpdate(this);
     }
     cbClick(selectedInput) {
         selectedInput.checked = !selectedInput.checked;
         overlays.safeCall(selectedInput.handler, selectedInput);
-        config.forceUpdate(this);
+        index.forceUpdate(this);
     }
     async buttonClick(button) {
         const role = button.role;
@@ -434,24 +436,24 @@ const Alert = class {
         if (inputs.length === 0) {
             return null;
         }
-        return (config.h("div", { class: "alert-checkbox-group" }, inputs.map((i) => (config.h("button", { type: "button", onClick: () => this.cbClick(i), "aria-checked": `${i.checked}`, id: i.id, disabled: i.disabled, tabIndex: i.tabindex, role: "checkbox", class: Object.assign(Object.assign({}, theme.getClassMap(i.cssClass)), { 'alert-tappable': true, 'alert-checkbox': true, 'alert-checkbox-button': true, 'ion-focusable': true, 'alert-checkbox-button-disabled': i.disabled || false }) }, config.h("div", { class: "alert-button-inner" }, config.h("div", { class: "alert-checkbox-icon" }, config.h("div", { class: "alert-checkbox-inner" })), config.h("div", { class: "alert-checkbox-label" }, i.label)), theme$1 === 'md' && config.h("ion-ripple-effect", null))))));
+        return (index.h("div", { class: "alert-checkbox-group" }, inputs.map((i) => (index.h("button", { type: "button", onClick: () => this.cbClick(i), "aria-checked": `${i.checked}`, id: i.id, disabled: i.disabled, tabIndex: i.tabindex, role: "checkbox", class: Object.assign(Object.assign({}, theme.getClassMap(i.cssClass)), { 'alert-tappable': true, 'alert-checkbox': true, 'alert-checkbox-button': true, 'ion-focusable': true, 'alert-checkbox-button-disabled': i.disabled || false }) }, index.h("div", { class: "alert-button-inner" }, index.h("div", { class: "alert-checkbox-icon" }, index.h("div", { class: "alert-checkbox-inner" })), index.h("div", { class: "alert-checkbox-label" }, i.label)), theme$1 === 'md' && index.h("ion-ripple-effect", null))))));
     }
     renderRadio() {
         const inputs = this.processedInputs;
         if (inputs.length === 0) {
             return null;
         }
-        return (config.h("div", { class: "alert-radio-group", role: "radiogroup", "aria-activedescendant": this.activeId }, inputs.map((i) => (config.h("button", { type: "button", onClick: () => this.rbClick(i), "aria-checked": `${i.checked}`, disabled: i.disabled, id: i.id, tabIndex: i.tabindex, class: Object.assign(Object.assign({}, theme.getClassMap(i.cssClass)), { 'alert-radio-button': true, 'alert-tappable': true, 'alert-radio': true, 'ion-focusable': true, 'alert-radio-button-disabled': i.disabled || false }), role: "radio" }, config.h("div", { class: "alert-button-inner" }, config.h("div", { class: "alert-radio-icon" }, config.h("div", { class: "alert-radio-inner" })), config.h("div", { class: "alert-radio-label" }, i.label)))))));
+        return (index.h("div", { class: "alert-radio-group", role: "radiogroup", "aria-activedescendant": this.activeId }, inputs.map((i) => (index.h("button", { type: "button", onClick: () => this.rbClick(i), "aria-checked": `${i.checked}`, disabled: i.disabled, id: i.id, tabIndex: i.tabindex, class: Object.assign(Object.assign({}, theme.getClassMap(i.cssClass)), { 'alert-radio-button': true, 'alert-tappable': true, 'alert-radio': true, 'ion-focusable': true, 'alert-radio-button-disabled': i.disabled || false }), role: "radio" }, index.h("div", { class: "alert-button-inner" }, index.h("div", { class: "alert-radio-icon" }, index.h("div", { class: "alert-radio-inner" })), index.h("div", { class: "alert-radio-label" }, i.label)))))));
     }
     renderInput() {
         const inputs = this.processedInputs;
         if (inputs.length === 0) {
             return null;
         }
-        return (config.h("div", { class: "alert-input-group" }, inputs.map((i) => {
+        return (index.h("div", { class: "alert-input-group" }, inputs.map((i) => {
             var _a, _b, _c, _d;
             if (i.type === 'textarea') {
-                return (config.h("div", { class: "alert-input-wrapper" }, config.h("textarea", Object.assign({ placeholder: i.placeholder, value: i.value, id: i.id, tabIndex: i.tabindex }, i.attributes, { disabled: (_b = (_a = i.attributes) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : i.disabled, class: inputClass(i), onInput: (e) => {
+                return (index.h("div", { class: "alert-input-wrapper" }, index.h("textarea", Object.assign({ placeholder: i.placeholder, value: i.value, id: i.id, tabIndex: i.tabindex }, i.attributes, { disabled: (_b = (_a = i.attributes) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : i.disabled, class: inputClass(i), onInput: (e) => {
                         var _a;
                         i.value = e.target.value;
                         if ((_a = i.attributes) === null || _a === void 0 ? void 0 : _a.onInput) {
@@ -460,7 +462,7 @@ const Alert = class {
                     } }))));
             }
             else {
-                return (config.h("div", { class: "alert-input-wrapper" }, config.h("input", Object.assign({ placeholder: i.placeholder, type: i.type, min: i.min, max: i.max, value: i.value, id: i.id, tabIndex: i.tabindex }, i.attributes, { disabled: (_d = (_c = i.attributes) === null || _c === void 0 ? void 0 : _c.disabled) !== null && _d !== void 0 ? _d : i.disabled, class: inputClass(i), onInput: (e) => {
+                return (index.h("div", { class: "alert-input-wrapper" }, index.h("input", Object.assign({ placeholder: i.placeholder, type: i.type, min: i.min, max: i.max, value: i.value, id: i.id, tabIndex: i.tabindex }, i.attributes, { disabled: (_d = (_c = i.attributes) === null || _c === void 0 ? void 0 : _c.disabled) !== null && _d !== void 0 ? _d : i.disabled, class: inputClass(i), onInput: (e) => {
                         var _a;
                         i.value = e.target.value;
                         if ((_a = i.attributes) === null || _a === void 0 ? void 0 : _a.onInput) {
@@ -477,14 +479,14 @@ const Alert = class {
             'alert-button-group': true,
             'alert-button-group-vertical': buttons.length > 2,
         };
-        return (config.h("div", { class: alertButtonGroupClass }, buttons.map((button) => (config.h("button", Object.assign({}, button.htmlAttributes, { type: "button", id: button.id, class: buttonClass(button), tabIndex: 0, onClick: () => this.buttonClick(button) }), config.h("span", { class: "alert-button-inner" }, button.text), theme === 'md' && config.h("ion-ripple-effect", null))))));
+        return (index.h("div", { class: alertButtonGroupClass }, buttons.map((button) => (index.h("button", Object.assign({}, button.htmlAttributes, { type: "button", id: button.id, class: buttonClass(button), tabIndex: 0, onClick: () => this.buttonClick(button) }), index.h("span", { class: "alert-button-inner" }, button.text), theme === 'md' && index.h("ion-ripple-effect", null))))));
     }
     renderAlertMessage(msgId) {
         const { customHTMLEnabled, message } = this;
         if (customHTMLEnabled) {
-            return config.h("div", { id: msgId, class: "alert-message", innerHTML: config$1.sanitizeDOMString(message) });
+            return index.h("div", { id: msgId, class: "alert-message", innerHTML: config.sanitizeDOMString(message) });
         }
-        return (config.h("div", { id: msgId, class: "alert-message" }, message));
+        return (index.h("div", { id: msgId, class: "alert-message" }, message));
     }
     render() {
         const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
@@ -498,11 +500,11 @@ const Alert = class {
          * If neither is defined, don't set aria-labelledby.
          */
         const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
-        return (config.h(config.Host, Object.assign({ key: 'f94be430d013dbed789006bf51f7fa15c2ab9a52', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'f94be430d013dbed789006bf51f7fa15c2ab9a52', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), config.h("ion-backdrop", { key: 'f2e2ea4faa80e01396af170366706e8693fc62af', tappable: this.backdropDismiss }), config.h("div", { key: '43d3d320a194da2cf641e426a8f0da7305221010', tabindex: "0" }), config.h("div", { key: 'e61ba6f339c3a02cecd37d8b641ee5043018eb29', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, config.h("div", { key: '044e00667ffcb74aa2c5e0d0b42669c4004dbb4f', class: "alert-head" }, header && (config.h("h2", { key: '1aaae8d58722c4cf5debb1f00415ab7ed0a52bbd', id: hdrId, class: "alert-title" }, header)), subHeader && (config.h("h2", { key: '1a3012e49cd91380957f710bac766c163e119f72', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), config.h("div", { key: 'dd77d86dcebb2c78d3325d93c70d4b7fb452d702', tabindex: "0" })));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: 'f2e2ea4faa80e01396af170366706e8693fc62af', tappable: this.backdropDismiss }), index.h("div", { key: '43d3d320a194da2cf641e426a8f0da7305221010', tabindex: "0" }), index.h("div", { key: 'e61ba6f339c3a02cecd37d8b641ee5043018eb29', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '044e00667ffcb74aa2c5e0d0b42669c4004dbb4f', class: "alert-head" }, header && (index.h("h2", { key: '1aaae8d58722c4cf5debb1f00415ab7ed0a52bbd', id: hdrId, class: "alert-title" }, header)), subHeader && (index.h("h2", { key: '1a3012e49cd91380957f710bac766c163e119f72', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: 'dd77d86dcebb2c78d3325d93c70d4b7fb452d702', tabindex: "0" })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "isOpen": ["onIsOpenChange"],
         "trigger": ["triggerChanged"],