@ionic/core 8.5.2-dev.11742574407.1a7233c2 → 8.5.2-dev.11742835181.16dd88fe

package/components/label.js

@@ -66,13 +66,13 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'f327270019b030c0a661c54a299eb6c491788c97', class: createColorClasses(this.color, {
+        return (h(Host, { key: '921c75a385281fa13922155f277af0271b992ebb', class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, h("slot", { key: '6f5c06d65b7af43a41422b1c0192521030affcaf' })));
+            }) }, h("slot", { key: '0cee8205cade678d78c3b9ff2e71cf50365e6eea' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/list-header.js

@@ -25,10 +25,10 @@ const ListHeader = /*@__PURE__*/ proxyCustomElement(class ListHeader extends HTM
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '578cf11558929caee63d781094dc46487b13ffe8', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'bf020d10f04a39707b7b5842e7380330a006476c', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: '34d26abeed2958c68c829d10aac1ef6b01536099', class: "list-header-inner" }, h("slot", { key: '5040a905864bf2b3cec60d564efc969bacf9e3b1' }))));
+            }) }, h("div", { key: '7833f41a1271fbf29d264299e0517652dbdc026b', class: "list-header-inner" }, h("slot", { key: '293d9dfba0020d0eaeeb58bc109c01d4dd459f6b' }))));
     }
     static get style() { return {
         ionic: IonListHeaderIonicStyle0,

package/components/list.js

@@ -53,7 +53,7 @@ const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (h(Host, { key: 'df53681cdbbb226c8db070e450a3093d65ea0d2c', role: "list", class: {
+        return (h(Host, { key: 'e0d56c6aa597601c8d430ff40044981422aac8f3', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,

package/components/modal.js

@@ -1934,18 +1934,18 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
         const isCardModal = presentingElement !== undefined && theme === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
-        return (h(Host, Object.assign({ key: 'f1b25e919a62ad12b1296735abe0d17635351ff9', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '9523c6210a952a3dbd5d6837e74c3adab7a4d58e', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: 'ffda0bb0a5402f928cd706fb8e41a96e8bffd16b', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'aa3c81e153573b9e9fff2be6884658fc78266daa', class: "modal-shadow" }), h("div", Object.assign({ key: '7871c80cfdc4540c40977bb8d0abeadabd7ca6e0',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '4230860b4b682f55bbf05849165e252e7ad849a0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'e3df17bcfbdf4ba511bebd5b34763773c1d03fee', class: "modal-shadow" }), h("div", Object.assign({ key: '6a8c4ad640463604ae367576dd23e75121c79b0d',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
               shadow DOM otherwise ion-button will not be highlighted
               when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: 'ed3af74b0e44413b9be6eccfc722853137c4607c', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: '8792a19bd65f600fed24fd74f35badb7f4e5d915', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '46ed5511b49c9c95b171848451adad4c7cadb75b' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '39645e31394e15b96f120507fb0097a4ebc4e1c0' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/picker-column-option.js

@@ -89,10 +89,10 @@ const PickerColumnOption = /*@__PURE__*/ proxyCustomElement(class PickerColumnOp
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '795880f80636dac1870598e3baf9d4e4c7748bf5', class: createColorClasses(color, {
+        return (h(Host, { key: '15115335aa79bd1f89f5a8585e4aa032681b14b3', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: '84ef996ebff7d28038436a1323d1a9b6772afefb', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'ec59c48c7d1a7955cc8dc7884deeb971536f94ac' }))));
+            }) }, h("button", { key: '16b6a51dca36a6e5abac28c8b0b25bc009dfc091', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: '6a5bed3b65522b21be35cfd5554f9f7b699adcdf' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/picker-column2.js

@@ -343,9 +343,9 @@ const PickerColumnCmp = /*@__PURE__*/ proxyCustomElement(class PickerColumnCmp e
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '08c70ad935689feacabc0a59cae51b29dbc56ec2', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (h(Host, { key: '7d0f0cba34ebb037eb6d08d4e91d86e635ce19e6', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { key: 'e39f3417788b91e6f9b49194c1c53e36a121ca3d', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '2e8367f11af2d4c77fa808180abe90a763bc4d8a', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '4447f39f1c08be2c1a1548a986e96e174b5161c2', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { key: '347c054cb774576110e4e22372eb36fd9b3c66f6', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '2bd3ae98af75b418f9d98480e9b56c80f515ffce', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '93cbe85713ba0d74496031aa98b9de1ed5a8f775', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/popover.js

@@ -1296,9 +1296,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: 'ce1539159f4ebf58485537e37c068a0546a06d7d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'd5fc50d833bac1c9b4781816bdfbbb4026722d8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '7c821853c414ac1674d1f53433e2bcb5dd3a818c', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '3380e514552761734e3b7098dc10da8207e2ddc4', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '35885564198c5b01fd2c161e7770886d1fc5decc', class: "popover-arrow", part: "arrow" }), h("div", { key: '0c440a44db8f9515bd7999b8d8b2b325302669b3', class: "popover-content", part: "content" }, h("slot", { key: 'c52c7095c17ad489cbafc7070f769c5f54297063' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '3b2e5119589ab08f79af897bc8dfc739e2309dc5', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'ca560e5d8de586ee3e77308f6fa968df0f161465', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '73a6021e1bc4875620407f1812df84095968a5e4', class: "popover-arrow", part: "arrow" }), h("div", { key: 'ff20abac0d6ef162738cc4a1f8f4a3918ca404d5', class: "popover-content", part: "content" }, h("slot", { key: '2216e4b0be14dc49981dc6940a6ec9fc2713f4d1' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/radio-group.js

@@ -196,9 +196,9 @@ const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends HTM
         const { label, labelId, el, name, value } = this;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, name, value, false);
-        return (h(Host, { key: '76639f2b7ea6ce2ccd680ea7b9a9fd32307f679f', class: {
+        return (h(Host, { key: '95f8e44fb4cb4dda0b6ad8a829e31bb8a3ec521b', class: {
                 [theme]: true,
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), h("div", { key: '63011b41fe3deaa934fc205b1ffd32b880801d18', class: "radio-group-wrapper" }, h("slot", { key: '71aa36bfb775184df543d485e69bb7602fedd922' }))));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), h("div", { key: '2fb3a88b0e9cda37b1a6aa88b880320e8fff4b18', class: "radio-group-wrapper" }, h("slot", { key: '79fe280b3436bca9dc07525336003541b4db1935' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/radio.js

@@ -162,7 +162,7 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const theme = getIonTheme(this);
         const inItem = hostContext('ion-item', el);
-        return (h(Host, { key: '4f9e8a897b1021933e244dfbc6551b40176b118e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '7fbe8308ef9eb375552a9a52aa38cdc7b7adc265', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -173,10 +173,10 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
                 // 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 }, h("label", { key: 'dd99761d3adc23d79234b2b5010cbb7376609ff8', class: "radio-wrapper" }, h("div", { key: 'e3162457703dd5380110d3b9ed0556ff738e513b', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: '25b08970002e8346929b3e3d4d9116a616011f58', class: "radio-wrapper" }, h("div", { key: '02982316f2b4b5fa3772a34dbdc9f2c019bb7fc7', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, h("slot", { key: '1403950a93db7c4c9e1e719b6816089e36fcea30' })), h("div", { key: '33d2274ce3ef3cf72bcc924b5af5e30e23128ef9', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, h("slot", { key: '033f8660fc810b4d9bc1723546e1c97f261d5b96' })), h("div", { key: '58694ff4a4f09e0a9a4c6f26dbf7ee5d111f8913', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ripple-effect.js

@@ -72,7 +72,7 @@ const RippleEffect = /*@__PURE__*/ proxyCustomElement(class RippleEffect extends
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '6b8a4c092716f4a4c60f9b6998c850b157381b18', role: "presentation", class: {
+        return (h(Host, { key: '77488fb7e6f25d989d9b643489f704284279a986', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

package/components/select-modal.js

@@ -102,7 +102,7 @@ const SelectModal = /*@__PURE__*/ proxyCustomElement(class SelectModal extends H
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: 'cbf3388bbc47ba946f3dd3186e488c4bcdef9290', class: getIonMode(this) }, h("ion-header", { key: '847a843bf0b0d4a427a01bb38afac1c379cb7827' }, h("ion-toolbar", { key: '5642cee0427024d16ea9bf19b08521f6f3af103a' }, this.header !== undefined && h("ion-title", { key: 'ea0d818b262e242c97b3ce2bc9df1b2edb845fe5' }, this.header), h("ion-buttons", { key: 'a88da9153f8d455e80be1c531a51423ce30f07b6', slot: "end" }, h("ion-button", { key: '087f77bc9009302d0fce28175f60baa032d7e19f', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '646fbde7199c301d0d652d70a7be6a40c066c6b4' }, h("ion-list", { key: '1a6869f1cd398652439df45cbc60d3efa4b89141' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: '730c44ceba585ce77926121f13d961d8020d7bd2', class: getIonMode(this) }, h("ion-header", { key: '4cf46de557baa1187dc998718004c0344b67d39b' }, h("ion-toolbar", { key: 'df46d6d17351b702ca7e031a1313c17d19d24485' }, this.header !== undefined && h("ion-title", { key: '9561527c557ae5ea6a04367ba52a57a656fd1aaa' }, this.header), h("ion-buttons", { key: 'f9f6efbf7c4f7cd9712c5e2fc89926ad2e374c9f', slot: "end" }, h("ion-button", { key: '70136cb4d64e2b04821d0e81a3671c55f45399fb', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '53d4cdf5cfd9c5c3121f4ce5c23c4b940052554a' }, h("ion-list", { key: 'e022b85e7e6e9d2d90b1dd4435d922cfc8390ec5' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return this; }
     static get style() { return {

package/components/select-popover.js

@@ -121,9 +121,9 @@ const SelectPopover = /*@__PURE__*/ proxyCustomElement(class SelectPopover exten
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1ce7677a862660434bcd0e2aa9646bc7c00c988b', class: {
+        return (h(Host, { key: '89399f838fb5431edb7788f59dcc01678bf76104', class: {
                 [theme]: true,
-            } }, h("ion-list", { key: '0bf6d4b7cc2da87e2d4045c911cc7633e43dcb0c' }, header !== undefined && h("ion-list-header", { key: 'ab05d584ef8f16fbd7c320815b7d149b36d7479c' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'f3c353a4dfa746dcece4673a387b6505f1d8ad4f' }, h("ion-label", { key: '0f622af7d4fb2e5ca90c693813728006d7a11903', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '12c5c93a39526f1f9ec98f1721bc4162c071caa4' }, subHeader), message !== undefined && h("p", { key: 'c95f7cc61dbfff77cc3c00371254f7d4b2b04e69' }, message)))), this.renderOptions(options))));
+            } }, h("ion-list", { key: '2b37328fcfb2b02f36cb9f426b53765298a4c8ff' }, header !== undefined && h("ion-list-header", { key: 'af3ac65204af5169072698fcda1480182d8949d5' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '7aa4369be13687643f9f651300f7fc89d13edc1a' }, h("ion-label", { key: 'f730c2819c4439833840489c446aad3c7e5d0989', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: '1d9d935c996c01015f1f6c5797bbcd29e6eb4c23' }, subHeader), message !== undefined && h("p", { key: '286e15288c094e39cdded327ef814e1daf5b4329' }, message)))), this.renderOptions(options))));
     }
     get el() { return this; }
     static get style() { return {

package/components/spinner.js

@@ -206,7 +206,7 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends HTMLEleme
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: '6a9cc9563dc8f87294cfab278bc5d2893738ef95', class: createColorClasses(self.color, {
+        return (h(Host, { key: '8f1bd75946965e8bf1689a8b651a809fd68b41c4', class: createColorClasses(self.color, {
                 [theme]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),

package/components/title.js

@@ -41,11 +41,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (h(Host, { key: 'b26bd35cd24ef0c8c31c03266c94a7eb9637d411', class: createColorClasses(this.color, {
+        return (h(Host, { key: '4fbaa288cb8de08bf35d6cc8e591adfdd4b95f69', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, h("div", { key: '27658eb5ac98cb1b3e224f5dded690f665c441ae', class: "toolbar-title" }, h("slot", { key: '7615217333fda441355ec9b99ced1c7852522287' }))));
+            }) }, h("div", { key: '701a9b762a04d4bbccf3c0aeaa33be296827ae2b', class: "toolbar-title" }, h("slot", { key: '8998a07f0e81e0e920165c644b06ff3aa3a625c7' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/toolbar.js

@@ -66,10 +66,10 @@ const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLEleme
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (h(Host, { key: '3b4f8967344a418ac43def3493c954a4c8dd86aa', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+        return (h(Host, { key: '6368640c5bcc3515d628c24116912e7ba1e79a00', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, h("div", { key: 'a15650bf013f1804b8e47acd67fd396dba09f357', class: "toolbar-background", part: "background" }), h("div", { key: '8f4f2c1bc0d49fccfb6f7e4584cf981e6a63de34', class: "toolbar-container", part: "container" }, h("slot", { key: 'e7d50dbeb1b66dc0c09ee859aa96ea28edb2ba67', name: "start" }), h("slot", { key: '25a6034473e9b346094869668c88a8f2517f5556', name: "secondary" }), h("div", { key: '0d44a53b9c53b988c63b780a3bb7e05b1c77960e', class: "toolbar-content", part: "content" }, h("slot", { key: '000fdbf93f851db03c301622f259b9b06f304e0c' })), h("slot", { key: 'b193a5c0a8c478a4e19e384020bf25e04ed389b0', name: "primary" }), h("slot", { key: 'f890768301b24e36f9098ce52a02610990771978', name: "end" }))));
+            })) }, h("div", { key: '139edd9fb7a7c42d94dd79e783d841b052abb245', class: "toolbar-background", part: "background" }), h("div", { key: '72716d4a9af0191d6083d1a2444cea42e4521127', class: "toolbar-container", part: "container" }, h("slot", { key: '5049c3e4235dd52b80b50f87b74f58c03fc53c00', name: "start" }), h("slot", { key: 'cf43c31b7d81dfb49e0fdf987978c621fc563213', name: "secondary" }), h("div", { key: '34bd76bdb954adcecb4a9c263584733d617e5988', class: "toolbar-content", part: "content" }, h("slot", { key: 'a63dfc76eb070c680426e3fe6b8efc9bec9a69ac' })), h("slot", { key: 'bb0a4cb83c30d206489c2dcfb6238481ccfc51af', name: "primary" }), h("slot", { key: 'e3c632b6810493f714ec632d17b878740874e919', name: "end" }))));
     }
     get el() { return this; }
     static get style() { return {

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

@@ -605,7 +605,7 @@ const Footer = class {
         const theme = ionicGlobal.getIonTheme(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (index.h(index.Host, { key: '1ba20eaefb8c6ce4fe7b4340a79be14f7201c610', role: "contentinfo", class: {
+        return (index.h(index.Host, { key: 'e70e2616f69a6205a1c2045bf13a792c9a6bc27c', role: "contentinfo", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`footer-${theme}`]: true,
@@ -613,7 +613,7 @@ const Footer = class {
                 [`footer-translucent-${theme}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, theme === 'ios' && translucent && index.h("div", { key: '523789d60cfed2a90ddbca1947c61bb051114721', class: "footer-background" }), index.h("slot", { key: '63057ed857a7bcef11bb88b25b32b79a0d8651b8' })));
+            } }, theme === 'ios' && translucent && index.h("div", { key: '72803059c1d82a766a0ce69e5a8a6a3b7e576700', class: "footer-background" }), index.h("slot", { key: 'de450e4eb8f5c63b11f548061f29d957ef308539' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -960,7 +960,7 @@ const Header = class {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = theme.hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (index.h(index.Host, Object.assign({ key: '2b8adbae18480acf564d2b16b2f741066fc18ae5', role: roleType, class: {
+        return (index.h(index.Host, Object.assign({ key: '7f58480b7f04b9d700bcc08d2418d121ec8f4124', role: roleType, class: {
                 [theme$1]: true,
                 // Used internally for styling
                 [`header-${theme$1}`]: true,
@@ -968,7 +968,7 @@ const Header = class {
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${theme$1}`]: this.translucent,
                 ['header-divider']: divider,
-            } }, inheritedAttributes), theme$1 === 'ios' && translucent && index.h("div", { key: 'c42ffce2d92eababd3f8d521c110359a05e0e83f', class: "header-background" }), index.h("slot", { key: '721bdded45ab3a8478f139f369a08af7cf8cbbf1' })));
+            } }, inheritedAttributes), theme$1 === 'ios' && translucent && index.h("div", { key: 'c1c77a735ed96e93a5ee9511415c19a80989dbc9', class: "header-background" }), index.h("slot", { key: '13a06aa2aa3358ba3d4f61fe6119b8506b866c14' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -1153,7 +1153,7 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return index.h("slot", { key: '5c560e82375151792513278f2e44db119d0ab683' });
+        return index.h("slot", { key: '33d398d0fadff009560ca0835a088eb26e2c9c02' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1196,11 +1196,11 @@ const ToolbarTitle = class {
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
-        return (index.h(index.Host, { key: 'b26bd35cd24ef0c8c31c03266c94a7eb9637d411', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '4fbaa288cb8de08bf35d6cc8e591adfdd4b95f69', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, index.h("div", { key: '27658eb5ac98cb1b3e224f5dded690f665c441ae', class: "toolbar-title" }, index.h("slot", { key: '7615217333fda441355ec9b99ced1c7852522287' }))));
+            }) }, index.h("div", { key: '701a9b762a04d4bbccf3c0aeaa33be296827ae2b', class: "toolbar-title" }, index.h("slot", { key: '8998a07f0e81e0e920165c644b06ff3aa3a625c7' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1272,10 +1272,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (index.h(index.Host, { key: '3b4f8967344a418ac43def3493c954a4c8dd86aa', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '6368640c5bcc3515d628c24116912e7ba1e79a00', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            })) }, index.h("div", { key: 'a15650bf013f1804b8e47acd67fd396dba09f357', class: "toolbar-background", part: "background" }), index.h("div", { key: '8f4f2c1bc0d49fccfb6f7e4584cf981e6a63de34', class: "toolbar-container", part: "container" }, index.h("slot", { key: 'e7d50dbeb1b66dc0c09ee859aa96ea28edb2ba67', name: "start" }), index.h("slot", { key: '25a6034473e9b346094869668c88a8f2517f5556', name: "secondary" }), index.h("div", { key: '0d44a53b9c53b988c63b780a3bb7e05b1c77960e', class: "toolbar-content", part: "content" }, index.h("slot", { key: '000fdbf93f851db03c301622f259b9b06f304e0c' })), index.h("slot", { key: 'b193a5c0a8c478a4e19e384020bf25e04ed389b0', name: "primary" }), index.h("slot", { key: 'f890768301b24e36f9098ce52a02610990771978', name: "end" }))));
+            })) }, index.h("div", { key: '139edd9fb7a7c42d94dd79e783d841b052abb245', class: "toolbar-background", part: "background" }), index.h("div", { key: '72716d4a9af0191d6083d1a2444cea42e4521127', class: "toolbar-container", part: "container" }, index.h("slot", { key: '5049c3e4235dd52b80b50f87b74f58c03fc53c00', name: "start" }), index.h("slot", { key: 'cf43c31b7d81dfb49e0fdf987978c621fc563213', name: "secondary" }), index.h("div", { key: '34bd76bdb954adcecb4a9c263584733d617e5988', class: "toolbar-content", part: "content" }, index.h("slot", { key: 'a63dfc76eb070c680426e3fe6b8efc9bec9a69ac' })), index.h("slot", { key: 'bb0a4cb83c30d206489c2dcfb6238481ccfc51af', name: "primary" }), index.h("slot", { key: 'e3c632b6810493f714ec632d17b878740874e919', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const ionicGlobal = require('./ionic-global-5c446a5e.js');
 const theme = require('./theme-d1c573d2.js');
 require('./config-aff4ff52.js');
 
-const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-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)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)))}";
+const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-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)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)))}:host(.avatar-disabled)::before{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}";
 const IonAvatarIonicStyle0 = avatarIonicCss;
 
 const avatarIosCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
@@ -24,6 +24,7 @@ const Avatar = class {
         index.registerInstance(this, hostRef);
         this.size = undefined;
         this.shape = undefined;
+        this.disabled = false;
     }
     get hasImage() {
         return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img');
@@ -56,16 +57,18 @@ const Avatar = class {
         return shape;
     }
     render() {
+        const { hasImage, hasIcon, disabled } = this;
         const theme = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (index.h(index.Host, { key: '5af235b9f85ad5c3c161219a65d8b53724f35fd0', class: {
+        return (index.h(index.Host, { key: '78ff5863d80f0e334b679a1ba530008dee4e0e69', class: {
                 [theme]: true,
                 [`avatar-${size}`]: size !== undefined,
                 [`avatar-${shape}`]: shape !== undefined,
-                [`avatar-image`]: this.hasImage,
-                [`avatar-icon`]: this.hasIcon,
-            } }, index.h("slot", { key: '7186cb46c15cd693e81638522c85e3fa8739ead1' })));
+                [`avatar-image`]: hasImage,
+                [`avatar-icon`]: hasIcon,
+                [`avatar-disabled`]: disabled,
+            } }, index.h("slot", { key: '7f82734af2338a2afca67e1c600c64352a52e8a2' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -75,13 +78,13 @@ Avatar.style = {
     md: IonAvatarMdStyle0
 };
 
-const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(:empty){--padding-start:0;--padding-end:0}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}";
+const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(:empty){--padding-start:0;--padding-end:0}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}";
 const IonBadgeIonicStyle0 = badgeIonicCss;
 
-const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
+const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}:host([vertical].in-tab-button){position:relative;min-width:8px}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;width:12px;height:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}";
 const IonBadgeIosStyle0 = badgeIosCss;
 
-const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
+const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
 const IonBadgeMdStyle0 = badgeMdCss;
 
 const Badge = class {
@@ -120,13 +123,15 @@ const Badge = class {
         const shape = this.getShape();
         const size = this.getSize();
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'aebcad9a9d4e650344cc855085ab30c376f9b367', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'fde95405b1e2a2e7542eae3ad2f4a59ef86e9759', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`badge-${shape}`]: shape !== undefined,
                 [`badge-${size}`]: size !== undefined,
                 [`badge-vertical-${this.vertical}`]: this.vertical !== undefined,
-            }) }, index.h("slot", { key: 'b62bca8ec3666dce3283573497b7c4306ecc7fc4' })));
+                'in-tab-button': theme.hostContext('ion-tab-button', this.el),
+            }) }, index.h("slot", { key: 'b11925a6901eca458e99d419636caeca0cdf092c' })));
     }
+    get el() { return index.getElement(this); }
 };
 Badge.style = {
     ionic: IonBadgeIonicStyle0,
@@ -143,9 +148,9 @@ const Thumbnail = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '72efa5c113eb2e88ac94040dc7cc558aac1953e0', class: {
+        return (index.h(index.Host, { key: '25e4caa136d1557b27ce8853440db4ab5af0871b', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '4f6060eeb1a0b8e124988ecb4ac6eefb8cc30e06' })));
+            } }, index.h("slot", { key: '95d9f15cf19c4bdb35043e04038a52f8a99ce935' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;

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

@@ -158,10 +158,10 @@ const Grid = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f22760e2c973d2f2e3ffcadd5012ff3482cb7f14', class: {
+        return (index.h(index.Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
                 [theme]: true,
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: '12a2bb04ad30e80fc3d0cdc49de2b625cb15f3e7' })));
+            } }, index.h("slot", { key: 'e8e01f0b46a05fb3220837fbfa9f161b086c06ad' })));
     }
 };
 Grid.style = IonGridStyle0;
@@ -175,9 +175,9 @@ const Row = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1dd88448e2e74b4352f7f05d4c881a9d2d0703a9', class: {
+        return (index.h(index.Host, { key: '7004407e649f3b5855bd262c5204f4864580096b', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: 'd3e238c9cb1fd084c479600996ba407dc0bbe6b5' })));
+            } }, index.h("slot", { key: 'afa6d1036796041447ab497abc7e66e3e96fcad5' })));
     }
 };
 Row.style = IonRowStyle0;

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

@@ -2106,11 +2106,11 @@ const Picker = class {
     render() {
         const { htmlAttributes } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, Object.assign({ key: 'a60897370c3b8b7e39b6b474998bac0a2e247275', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'd3ae98f9e6d9e879b961eb6bb1124f5c1bdcf760', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme$1]: true,
                 // Used internally for styling
-                [`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '6223cbfdb72834657157bbd438834b9fc88892cd', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'c38f9ba8c6081525913a6e5817c4c89a36f9bc9f', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '88dced3055b78a33400063ccb02a681dab65214f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index.h("div", { key: 'b981965c65c6dd7c397d78f45fb7821ea3fb8c2a', class: "picker-toolbar" }, this.buttons.map((b) => (index.h("div", { class: buttonWrapperClass(b) }, index.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index.h("div", { key: '4b0d91d9bbd5db7207f1cf8a5331506116ef8d38', class: "picker-columns" }, index.h("div", { key: 'dacd2c0c3b2add691a4f60bde59faafe2964f5ae', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index.h("ion-picker-legacy-column", { col: c })), index.h("div", { key: '79270b83927b3c1c52fa27827b0bc1cda645e09c', class: "picker-below-highlight" }))), index.h("div", { key: 'b23a1418c8994643849191f0c95fd0a0ae1c811a', tabindex: "0", "aria-hidden": "true" })));
+                [`picker-${theme$1}`]: true, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), index.h("ion-backdrop", { key: '58d83d65e108383231e0ea66e34d7a5e43eac253', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'a94e84cab6f2af6ffeec2378fb527c1cce7e382e', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '7769a2a332cad3360b0df12b0ded130e3379fba3', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, index.h("div", { key: 'd998a28c2f280e59b4c97bec35ead458769d74d8', class: "picker-toolbar" }, this.buttons.map((b) => (index.h("div", { class: buttonWrapperClass(b) }, index.h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), index.h("div", { key: 'fd0f3931dcafab93cb161423fa7ebec21e0396df', class: "picker-columns" }, index.h("div", { key: 'e8f6c34bdb4000b4df88bdd1a83588a10e0277bd', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => index.h("ion-picker-legacy-column", { col: c })), index.h("div", { key: 'bb131d346dd240a06f4319f6d07ccdd54e53c5cf', class: "picker-below-highlight" }))), index.h("div", { key: 'd06119270e99ecf6ce24ee50c10cb5f414206ccf', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2467,9 +2467,9 @@ const PickerColumnCmp = class {
     render() {
         const col = this.col;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '08c70ad935689feacabc0a59cae51b29dbc56ec2', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
+        return (index.h(index.Host, { key: '7d0f0cba34ebb037eb6d08d4e91d86e635ce19e6', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (index.h("div", { key: 'e39f3417788b91e6f9b49194c1c53e36a121ca3d', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '2e8367f11af2d4c77fa808180abe90a763bc4d8a', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '4447f39f1c08be2c1a1548a986e96e174b5161c2', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (index.h("div", { key: '347c054cb774576110e4e22372eb36fd9b3c66f6', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '2bd3ae98af75b418f9d98480e9b56c80f515ffce', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '93cbe85713ba0d74496031aa98b9de1ed5a8f775', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,43 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-2e236a04.js');
+const ionicGlobal = require('./ionic-global-5c446a5e.js');
+require('./config-aff4ff52.js');
+
+const dividerIonicCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-border-default, #e0e0e0)}:host(.divider-inset){--padding-start:var(--ion-space-400, 16px);--padding-end:var(--ion-space-400, 16px)}:host(.divider-spacing-xsmall){--margin-top:var(--ion-space-200, 8px);--margin-bottom:var(--ion-space-200, 8px)}:host(.divider-spacing-small){--margin-top:var(--ion-space-300, 12px);--margin-bottom:var(--ion-space-300, 12px)}:host(.divider-spacing-medium){--margin-top:var(--ion-space-400, 16px);--margin-bottom:var(--ion-space-400, 16px)}:host(.divider-spacing-large){--margin-top:var(--ion-space-600, 24px);--margin-bottom:var(--ion-space-600, 24px)}:host(.divider-spacing-xlarge){--margin-top:var(--ion-space-800, 32px);--margin-bottom:var(--ion-space-800, 32px)}:host(.divider-spacing-xxlarge){--margin-top:var(--ion-space-1000, 40px);--margin-bottom:var(--ion-space-1000, 40px)}";
+const IonDividerIonicStyle0 = dividerIonicCss;
+
+const dividerIosCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}";
+const IonDividerIosStyle0 = dividerIosCss;
+
+const dividerMdCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}";
+const IonDividerMdStyle0 = dividerMdCss;
+
+const Divider = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.spacing = 'xxsmall';
+        this.inset = false;
+    }
+    render() {
+        const { inset, spacing } = this;
+        const theme = ionicGlobal.getIonTheme(this);
+        return (index.h(index.Host, { key: '38ef60c18afbf8c330ea48fb469a079244614aa3', class: {
+                [theme]: true,
+                [`divider-spacing-${spacing}`]: spacing !== undefined,
+                [`divider-inset`]: inset,
+            } }, index.h("hr", { key: '267bd548899dea34c38fa24e6371f46b55b45eb7' })));
+    }
+};
+Divider.style = {
+    ionic: IonDividerIonicStyle0,
+    ios: IonDividerIosStyle0,
+    md: IonDividerMdStyle0
+};
+
+exports.ion_divider = Divider;