@ionic/core 7.7.2-dev.11707932366.16baf005 → 7.7.2-dev.11708036667.1fa730de

package/dist/cjs/{md.transition-597a2479.js → md.transition-7e3cde49.js}

@@ -3,11 +3,13 @@
  */
 'use strict';
 
-const animation = require('./animation-fdab9de5.js');
-const index = require('./index-84351d21.js');
+const animation = require('./animation-52066ac7.js');
+const index = require('./index-199dfe7c.js');
 require('./index-c8d52405.js');
-require('./helpers-2e1028fa.js');
+require('./helpers-3b96a6b0.js');
 require('./index-5a471146.js');
+require('./index-5915f9b3.js');
+require('./ionic-global-7358c23e.js');
 
 const mdTransitionAnimation = (_, opts) => {
     var _a, _b, _c;

package/dist/cjs/{notch-controller-db0127c4.js → notch-controller-0b7bc5d8.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 
 /**
  * A utility to calculate the size of an outline notch

package/dist/cjs/{overlays-8f32c4ca.js → overlays-5a110990.js}

@@ -6,9 +6,9 @@
 const index = require('./index-c8d52405.js');
 const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
+const frameworkDelegate = require('./framework-delegate-0aa2f151.js');
 const gestureController = require('./gesture-controller-9436f482.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const index$1 = require('./index-5915f9b3.js');
 
 let lastOverlayIndex = 0;

package/dist/cjs/{status-tap-b0bfea34.js → status-tap-8e84a16d.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-5a471146.js');
-const index$1 = require('./index-53d162b2.js');
-const helpers = require('./helpers-2e1028fa.js');
+const index$1 = require('./index-e8a56f40.js');
+const helpers = require('./helpers-3b96a6b0.js');
 require('./index-5915f9b3.js');
 
 const startStatusTap = () => {

package/dist/cjs/{swipe-back-f93021d8.js → swipe-back-766b4f1c.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');

package/dist/collection/components/checkbox/checkbox.ios.css

@@ -93,48 +93,17 @@
  * toolbar which is why we do not
  * limit the below behavior to just ion-item.
  */
-:host([slot=start]:not(.legacy-checkbox)),
-:host([slot=end]:not(.legacy-checkbox)) {
+:host([slot=start]),
+:host([slot=end]) {
   width: auto;
 }
 
-:host(.legacy-checkbox) {
-  width: var(--size);
-  height: var(--size);
-}
-
 :host(.ion-color) {
   --checkbox-background-checked: var(--ion-color-base);
   --border-color-checked: var(--ion-color-base);
   --checkmark-color: var(--ion-color-contrast);
 }
 
-:host(.legacy-checkbox) label {
-  top: 0;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  appearance: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  opacity: 0;
-}
-:host(.legacy-checkbox) label {
-  inset-inline-start: 0;
-}
-
-:host(.legacy-checkbox) label::-moz-focus-inner {
-  border: 0;
-}
-
 .checkbox-wrapper {
   display: flex;
   flex-grow: 1;
@@ -149,7 +118,7 @@
   overflow: hidden;
 }
 
-:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper {
+:host(.in-item) .label-text-wrapper {
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -199,6 +168,8 @@ input {
 .checkbox-icon {
   border-radius: var(--border-radius);
   position: relative;
+  width: var(--size);
+  height: var(--size);
   transition: var(--transition);
   border-width: var(--border-width);
   border-style: var(--border-style);
@@ -207,17 +178,6 @@ input {
   box-sizing: border-box;
 }
 
-:host(.legacy-checkbox) .checkbox-icon {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-:host(:not(.legacy-checkbox)) .checkbox-icon {
-  width: var(--size);
-  height: var(--size);
-}
-
 .checkbox-icon path {
   fill: none;
   stroke: var(--checkmark-color);
@@ -495,24 +455,4 @@ input {
 
 :host(.checkbox-disabled) {
   opacity: 0.3;
-}
-
-:host(.in-item.legacy-checkbox) {
-  -webkit-margin-start: 0;
-  margin-inline-start: 0;
-  -webkit-margin-end: 8px;
-  margin-inline-end: 8px;
-  margin-top: 10px;
-  margin-bottom: 9px;
-  display: block;
-  position: static;
-}
-
-:host(.in-item.legacy-checkbox[slot=start]) {
-  -webkit-margin-start: 2px;
-  margin-inline-start: 2px;
-  -webkit-margin-end: 16px;
-  margin-inline-end: 16px;
-  margin-top: 8px;
-  margin-bottom: 8px;
 }

package/dist/collection/components/checkbox/checkbox.js

@@ -2,9 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { createLegacyFormController } from "../../utils/forms/index";
-import { getAriaLabel, inheritAriaAttributes, renderHiddenInput } from "../../utils/helpers";
-import { printIonWarning } from "../../utils/logging/index";
+import { inheritAriaAttributes, renderHiddenInput } from "../../utils/helpers";
 import { createColorClasses, hostContext } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 /**
@@ -20,9 +18,6 @@ export class Checkbox {
     constructor() {
         this.inputId = `ion-cb-${checkboxIds++}`;
         this.inheritedAttributes = {};
-        // TODO(FW-3100): remove this
-        // This flag ensures we log the deprecation warning at most once.
-        this.hasLoggedDeprecationWarning = false;
         /**
          * Sets the checked property and emits
          * the ionChange event. Use this to update the
@@ -63,49 +58,21 @@ export class Checkbox {
         this.labelPlacement = 'start';
         this.justify = 'space-between';
         this.alignment = 'center';
-        this.legacy = undefined;
-    }
-    connectedCallback() {
-        this.legacyFormController = createLegacyFormController(this.el); // TODO(FW-3100): remove this
     }
     componentWillLoad() {
-        this.emitStyle();
-        // TODO(FW-3100): remove check
-        if (!this.legacyFormController.hasLegacyControl()) {
-            this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
-        }
-    }
-    styleChanged() {
-        this.emitStyle();
-    }
-    emitStyle() {
-        const style = {
-            'interactive-disabled': this.disabled,
-            // TODO(FW-3100): remove this
-            legacy: !!this.legacy,
-        };
-        // TODO(FW-3100): remove this
-        if (this.legacyFormController.hasLegacyControl()) {
-            style['checkbox-checked'] = this.checked;
-        }
-        this.ionStyle.emit(style);
+        this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
     }
     setFocus() {
         if (this.focusEl) {
             this.focusEl.focus();
         }
     }
-    // TODO(FW-3100): run contents of renderCheckbox directly instead
     render() {
-        const { legacyFormController } = this;
-        return legacyFormController.hasLegacyControl() ? this.renderLegacyCheckbox() : this.renderCheckbox();
-    }
-    renderCheckbox() {
         const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, } = this;
         const mode = getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { class: createColorClasses(color, {
+        return (h(Host, { key: 'be30606f48a3adf62eddc68b7d7f908d0c46f96d', class: createColorClasses(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -115,40 +82,10 @@ export class Checkbox {
                 [`checkbox-justify-${justify}`]: true,
                 [`checkbox-alignment-${alignment}`]: true,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, h("label", { class: "checkbox-wrapper" }, h("input", Object.assign({ type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { class: {
+            }), onClick: this.onClick }, h("label", { key: '96c3f85a0ae6970743f6965d614033426cf2b163', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'd998089218bcb6065228095e38af936eebfa3780', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'f2374957e47eec899aa2ca49ede4cfdf8397fc18', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, h("slot", null)), h("div", { class: "native-wrapper" }, h("svg", { class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
-    }
-    // TODO(FW-3100): remove this
-    renderLegacyCheckbox() {
-        if (!this.hasLoggedDeprecationWarning) {
-            printIonWarning(`ion-checkbox now requires providing a label with either the default slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.
-
-Example: <ion-checkbox>Label</ion-checkbox>
-Example with aria-label: <ion-checkbox aria-label="Label"></ion-checkbox>
-
-Developers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`, this.el);
-            if (this.legacy) {
-                printIonWarning(`ion-checkbox is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.
-Developers can dismiss this warning by removing their usage of the "legacy" property and using the new checkbox syntax.`, this.el);
-            }
-            this.hasLoggedDeprecationWarning = true;
-        }
-        const { color, checked, disabled, el, getSVGPath, indeterminate, inputId, name, value } = this;
-        const mode = getIonMode(this);
-        const { label, labelId, labelText } = getAriaLabel(el, inputId);
-        const path = getSVGPath(mode, indeterminate);
-        renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (h(Host, { "aria-labelledby": label ? labelId : null, "aria-checked": `${checked}`, "aria-hidden": disabled ? 'true' : null, role: "checkbox", class: createColorClasses(color, {
-                [mode]: true,
-                'in-item': hostContext('ion-item', el),
-                'checkbox-checked': checked,
-                'checkbox-disabled': disabled,
-                'checkbox-indeterminate': indeterminate,
-                'legacy-checkbox': true,
-                interactive: true,
-            }), onClick: this.onClick }, h("svg", { class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path), h("label", { htmlFor: inputId }, labelText), h("input", { type: "checkbox", "aria-checked": `${checked}`, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) })));
+            }, part: "label" }, h("slot", { key: '3bd6bc289c26e96cc0b4a8b39154fec1d02ba426' })), h("div", { key: '30397663226d628859d3814f9dc53ee4aad57de5', class: "native-wrapper" }, h("svg", { key: '53374f787677adfdb3b693ead3f8d86412127c10', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
@@ -339,23 +276,6 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
                 "attribute": "alignment",
                 "reflect": false,
                 "defaultValue": "'center'"
-            },
-            "legacy": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt checkboxes in to the modern form markup when they are\nusing either the `aria-label` attribute or have text in the default slot. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\n\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup."
-                },
-                "attribute": "legacy",
-                "reflect": false
             }
         };
     }
@@ -411,41 +331,8 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
                     "resolved": "void",
                     "references": {}
                 }
-            }, {
-                "method": "ionStyle",
-                "name": "ionStyle",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }],
-                    "text": "Emitted when the styles change."
-                },
-                "complexType": {
-                    "original": "StyleEventDetail",
-                    "resolved": "StyleEventDetail",
-                    "references": {
-                        "StyleEventDetail": {
-                            "location": "import",
-                            "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
-                        }
-                    }
-                }
             }];
     }
     static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "checked",
-                "methodName": "styleChanged"
-            }, {
-                "propName": "disabled",
-                "methodName": "styleChanged"
-            }];
-    }
 }
 let checkboxIds = 0;

package/dist/collection/components/checkbox/checkbox.md.css

@@ -93,48 +93,17 @@
  * toolbar which is why we do not
  * limit the below behavior to just ion-item.
  */
-:host([slot=start]:not(.legacy-checkbox)),
-:host([slot=end]:not(.legacy-checkbox)) {
+:host([slot=start]),
+:host([slot=end]) {
   width: auto;
 }
 
-:host(.legacy-checkbox) {
-  width: var(--size);
-  height: var(--size);
-}
-
 :host(.ion-color) {
   --checkbox-background-checked: var(--ion-color-base);
   --border-color-checked: var(--ion-color-base);
   --checkmark-color: var(--ion-color-contrast);
 }
 
-:host(.legacy-checkbox) label {
-  top: 0;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  appearance: none;
-  outline: none;
-  display: flex;
-  align-items: center;
-  opacity: 0;
-}
-:host(.legacy-checkbox) label {
-  inset-inline-start: 0;
-}
-
-:host(.legacy-checkbox) label::-moz-focus-inner {
-  border: 0;
-}
-
 .checkbox-wrapper {
   display: flex;
   flex-grow: 1;
@@ -149,7 +118,7 @@
   overflow: hidden;
 }
 
-:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper {
+:host(.in-item) .label-text-wrapper {
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -199,6 +168,8 @@ input {
 .checkbox-icon {
   border-radius: var(--border-radius);
   position: relative;
+  width: var(--size);
+  height: var(--size);
   transition: var(--transition);
   border-width: var(--border-width);
   border-style: var(--border-style);
@@ -207,17 +178,6 @@ input {
   box-sizing: border-box;
 }
 
-:host(.legacy-checkbox) .checkbox-icon {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-:host(:not(.legacy-checkbox)) .checkbox-icon {
-  width: var(--size);
-  height: var(--size);
-}
-
 .checkbox-icon path {
   fill: none;
   stroke: var(--checkmark-color);
@@ -505,29 +465,10 @@ input {
   transition: stroke-dashoffset 90ms linear 90ms;
 }
 
-:host(.legacy-checkbox.checkbox-disabled),
 :host(.checkbox-disabled) .label-text-wrapper {
   opacity: 0.38;
 }
 
 :host(.checkbox-disabled) .native-wrapper {
   opacity: 0.63;
-}
-
-:host(.in-item.legacy-checkbox) {
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 18px;
-  margin-bottom: 18px;
-  display: block;
-  position: static;
-}
-
-:host(.in-item.legacy-checkbox[slot=start]) {
-  -webkit-margin-start: 4px;
-  margin-inline-start: 4px;
-  -webkit-margin-end: 36px;
-  margin-inline-end: 36px;
-  margin-top: 18px;
-  margin-bottom: 18px;
 }

package/dist/collection/components/chip/chip.js

@@ -15,12 +15,12 @@ export class Chip {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'eca7cc616c0c9dd2ab28efd41e203fa094880e9e', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        return (h(Host, { key: '4c8c83eefc650c00f2c515937df63094f9468bbd', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,
                 'chip-disabled': this.disabled,
                 'ion-activatable': true,
-            }) }, h("slot", { key: 'b64c9067132791f73a8434c37d5a335fb2d96f74' }), mode === 'md' && h("ion-ripple-effect", null)));
+            }) }, h("slot", { key: '5a94dafd29f2ea7255ba2d4fa173f5eff92146aa' }), mode === 'md' && h("ion-ripple-effect", null)));
     }
     static get is() { return "ion-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/col/col.js

@@ -111,9 +111,9 @@ export class Col {
     render() {
         const isRTL = document.dir === 'rtl';
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c186972dd12d10a4600975c326f20666fed96abf', class: {
+        return (h(Host, { key: '8bb465c85b64001d6613e8b38cd4f4fd2b4c4a90', class: {
                 [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '54cc8bd92f94cfd30d9f3e8e59e0f0dc38abfd63' })));
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: 'fe9f9ce55c86771638413457a0d5dcd9dce29217' })));
     }
     static get is() { return "ion-col"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/content/content.js

@@ -335,7 +335,7 @@ export class Content {
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
-        return (h(Host, { key: 'c8df05bec11069ef219b64354b4ebfe8154735cc', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
+        return (h(Host, { key: '5b6d5c2b8b91ac84dcdf6cf6178a8f7fb970ca00', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
                 [mode]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -343,12 +343,12 @@ export class Content {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, h("div", { key: '8fa0969fbdf7f75c6a43c05892e3f98be4027e76', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), h("div", { key: '117503b489a2f07bc2a75e52f9d964c829bedd2c', class: {
+            } }, h("div", { key: '4fa58c187e2c2f7f3bc365f485dd80dc0c059d8b', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), h("div", { key: 'f595d0d59e0957acdebd0b16ae79e88da8ed973d', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '788b7798d8f53a577c18b3311dfaf4f6cb77e257' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, h("slot", { key: '55c6c5176938501df056e05cf976e0eafa4f2b5b', name: "fixed" })));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '1aceb64f45d13574ea1e20c0885191ced5a0b961' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, h("slot", { key: 'd6c4f4d9001da024ec652358f7ae880db75d3a4e', name: "fixed" })));
     }
     static get is() { return "ion-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/datetime/datetime.js

@@ -1539,7 +1539,7 @@ export class Datetime {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (h(Host, { key: '62013b69f916fecf05906bb016d48912526a3d54', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
+        return (h(Host, { key: '2e5ff577327018558a145cff23f03661c2d19c41', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,

package/dist/collection/components/datetime-button/datetime-button.js

@@ -336,7 +336,7 @@ export class DatetimeButton {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c1ceeee6a920f8c6d43d3d8ede88a6c31a2241d8', class: createColorClasses(color, {
+        return (h(Host, { key: 'cff9c4cbabf76a415b3785e9fa6cc682fddcec54', class: createColorClasses(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,

package/dist/collection/components/fab/fab.js

@@ -47,12 +47,12 @@ export class Fab {
     render() {
         const { horizontal, vertical, edge } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '1a7b685098508c4eebff449775de7db5bce6937a', class: {
+        return (h(Host, { key: '295e4b79449ff102d54b4a415487a26144a47839', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, h("slot", { key: 'd4c27f0307292cf443bfefe064f72827b0193508' })));
+            } }, h("slot", { key: 'a41871eb5d0a8c6315ba7012cef0e4dfc1126c9d' })));
     }
     static get is() { return "ion-fab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/fab-button/fab-button.js

@@ -63,7 +63,7 @@ export class FabButton {
                 rel: this.rel,
                 target: this.target,
             };
-        return (h(Host, { key: '46827ed444d314218e02138c7f790418637d95d0', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'bfc553a86d54b665039512e93c83865232431e61', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -74,7 +74,7 @@ export class FabButton {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, h(TagType, Object.assign({ key: '05ab8562306b3af9a68e5f97f2815653f4ec4f86' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '315b62c5dcee8a27a3e4e572e9a9f76be9bf9f76', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '63b69cde22a13813ffa50d8f688f538a36372953', class: "button-inner" }, h("slot", { key: '39c1e85c385b36cbb31a8da8cc721cd5aa389009' })), mode === 'md' && h("ion-ripple-effect", null))));
+            }) }, h(TagType, Object.assign({ key: '08821f166159c1c0c08a936f8db0cc5b8c121b6b' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '5b369ce677bb08c2972489be8abad035f2074fee', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '6b61a3242e6d6ec49e157fe6c7a64b8445e6de3b', class: "button-inner" }, h("slot", { key: 'f6450e5caabb8becd48425547246b6edf96eb4f8' })), mode === 'md' && h("ion-ripple-effect", null))));
     }
     static get is() { return "ion-fab-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/fab-list/fab-list.js

@@ -18,11 +18,11 @@ export class FabList {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '62bfbad01d821663c6d50f63b3dc02ba2754faf0', class: {
+        return (h(Host, { key: '8eca9c8c4f7febe3e0b44604a3854480f5f9e697', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, h("slot", { key: '2eec0c8415c1e4a43d7f11d26874c952a9f02046' })));
+            } }, h("slot", { key: '3be8055bbf0dbb928d712e950f6184bd173a2d1e' })));
     }
     static get is() { return "ion-fab-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/footer/footer.js

@@ -80,7 +80,7 @@ export class Footer {
         const mode = getIonMode(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (h(Host, { key: '67ca25d2340178624b1858c7f8109013e5376934', role: "contentinfo", class: {
+        return (h(Host, { key: 'c86a1139e5004bb523b2ec02ff3056bb392070d8', role: "contentinfo", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`footer-${mode}`]: true,
@@ -88,7 +88,7 @@ export class Footer {
                 [`footer-translucent-${mode}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, mode === 'ios' && translucent && h("div", { class: "footer-background" }), h("slot", { key: 'e35b1c0c474fa0d80b6f6c0248db2b43d0903c0f' })));
+            } }, mode === 'ios' && translucent && h("div", { class: "footer-background" }), h("slot", { key: '6869e534facaf074883643403c8fb03bb2f0dbc5' })));
     }
     static get is() { return "ion-footer"; }
     static get originalStyleUrls() {

package/dist/collection/components/grid/grid.js

@@ -9,10 +9,10 @@ export class Grid {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'fdcfd1ac3b1d609c91edc514e1207447cceaf8f7', class: {
+        return (h(Host, { key: '6d46d3693c8af7e805cb438dd654485a152e7e40', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
-            } }, h("slot", { key: 'a0660b629d05c03a8385003ade6cd0db75075987' })));
+            } }, h("slot", { key: '7f57ee35524880aeb96d081dd8125460156196b3' })));
     }
     static get is() { return "ion-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header.js

@@ -140,14 +140,14 @@ export class Header {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (h(Host, Object.assign({ key: '5546d07e3b83695335698a7707d37a298da38b72', role: roleType, class: {
+        return (h(Host, Object.assign({ key: 'ab8eb272f275b7802e224c21c166124092fa917b', role: roleType, class: {
                 [mode]: true,
                 // Used internally for styling
                 [`header-${mode}`]: true,
                 [`header-translucent`]: this.translucent,
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${mode}`]: this.translucent,
-            } }, inheritedAttributes), mode === 'ios' && translucent && h("div", { class: "header-background" }), h("slot", { key: '7f701a4b57b2888fbcce9b839a3bc5c9d1240e2a' })));
+            } }, inheritedAttributes), mode === 'ios' && translucent && h("div", { class: "header-background" }), h("slot", { key: '52409e455c10a25419c4cbd9ed2346dfecb36537' })));
     }
     static get is() { return "ion-header"; }
     static get originalStyleUrls() {