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

package/dist/collection/components/divider/divider.ionic.css

@@ -0,0 +1,200 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/*
+Do not edit directly, this file was auto-generated.
+*/ /**
+ * A heuristic that applies CSS to tablet
+ * viewports.
+ *
+ * Usage:
+ * @include tablet-viewport() {
+ *   :host {
+ *     background-color: green;
+ *   }
+ * }
+ */
+/**
+ * A heuristic that applies CSS to mobile
+ * viewports (i.e. phones, not tablets).
+ *
+ * Usage:
+ * @include mobile-viewport() {
+ *   :host {
+ *     background-color: blue;
+ *   }
+ * }
+ */
+/**
+ * Convert a font size to a dynamic font size.
+ * Fonts that participate in Dynamic Type should use
+ * dynamic font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param unit (optional) - The unit to convert to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a maximum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a minimum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * maximum and minimum font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/**
+ * Convert a font size to a dynamic font size.
+ * Fonts that participate in Dynamic Type should use
+ * dynamic font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param unit (optional) - The unit to convert to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a maximum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a minimum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * maximum and minimum font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * A heuristic that applies CSS to tablet
+ * viewports.
+ *
+ * Usage:
+ * @include tablet-viewport() {
+ *   :host {
+ *     background-color: green;
+ *   }
+ * }
+ */
+/**
+ * A heuristic that applies CSS to mobile
+ * viewports (i.e. phones, not tablets).
+ *
+ * Usage:
+ * @include mobile-viewport() {
+ *   :host {
+ *     background-color: blue;
+ *   }
+ * }
+ */
+:host {
+  /**
+   * @prop --margin-top: Top margin of the divider
+   * @prop --margin-bottom: Bottom margin of the divider
+   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
+   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
+   */
+  --margin-top: 0px;
+  --margin-bottom: 0px;
+  --padding-start: 0px;
+  --padding-end: 0px;
+  display: block;
+  width: 100%;
+  /* stylelint-disable */
+  padding-right: calc(var(--padding-end) + var(--ion-safe-area-right, 0px));
+  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));
+  /* stylelint-enable */
+}
+: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);
+}

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

@@ -0,0 +1,137 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/**
+ * Convert a font size to a dynamic font size.
+ * Fonts that participate in Dynamic Type should use
+ * dynamic font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param unit (optional) - The unit to convert to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a maximum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a minimum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * maximum and minimum font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * A heuristic that applies CSS to tablet
+ * viewports.
+ *
+ * Usage:
+ * @include tablet-viewport() {
+ *   :host {
+ *     background-color: green;
+ *   }
+ * }
+ */
+/**
+ * A heuristic that applies CSS to mobile
+ * viewports (i.e. phones, not tablets).
+ *
+ * Usage:
+ * @include mobile-viewport() {
+ *   :host {
+ *     background-color: blue;
+ *   }
+ * }
+ */
+:host {
+  /**
+   * @prop --margin-top: Top margin of the divider
+   * @prop --margin-bottom: Bottom margin of the divider
+   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
+   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
+   */
+  --margin-top: 0px;
+  --margin-bottom: 0px;
+  --padding-start: 0px;
+  --padding-end: 0px;
+  display: block;
+  width: 100%;
+  /* stylelint-disable */
+  padding-right: calc(var(--padding-end) + var(--ion-safe-area-right, 0px));
+  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));
+  /* stylelint-enable */
+}
+: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;
+}

package/dist/collection/components/divider/divider.js

@@ -0,0 +1,76 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { getIonTheme } from "../../global/ionic-global";
+import { Host, h } from "@stencil/core";
+export class Divider {
+    constructor() {
+        this.spacing = 'xxsmall';
+        this.inset = false;
+    }
+    render() {
+        const { inset, spacing } = this;
+        const theme = getIonTheme(this);
+        return (h(Host, { key: '38ef60c18afbf8c330ea48fb469a079244614aa3', class: {
+                [theme]: true,
+                [`divider-spacing-${spacing}`]: spacing !== undefined,
+                [`divider-inset`]: inset,
+            } }, h("hr", { key: '267bd548899dea34c38fa24e6371f46b55b45eb7' })));
+    }
+    static get is() { return "ion-divider"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "ios": ["divider.ios.scss"],
+            "md": ["divider.md.scss"],
+            "ionic": ["divider.ionic.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "ios": ["divider.ios.css"],
+            "md": ["divider.md.css"],
+            "ionic": ["divider.ionic.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "spacing": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"xxsmall\"`."
+                },
+                "attribute": "spacing",
+                "reflect": true,
+                "defaultValue": "'xxsmall'"
+            },
+            "inset": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the divider will have horizontal margins\nBy default, it's `false`"
+                },
+                "attribute": "inset",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,137 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/**
+ * Convert a font size to a dynamic font size.
+ * Fonts that participate in Dynamic Type should use
+ * dynamic font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param unit (optional) - The unit to convert to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a maximum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a minimum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * maximum and minimum font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * A heuristic that applies CSS to tablet
+ * viewports.
+ *
+ * Usage:
+ * @include tablet-viewport() {
+ *   :host {
+ *     background-color: green;
+ *   }
+ * }
+ */
+/**
+ * A heuristic that applies CSS to mobile
+ * viewports (i.e. phones, not tablets).
+ *
+ * Usage:
+ * @include mobile-viewport() {
+ *   :host {
+ *     background-color: blue;
+ *   }
+ * }
+ */
+:host {
+  /**
+   * @prop --margin-top: Top margin of the divider
+   * @prop --margin-bottom: Bottom margin of the divider
+   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the divider
+   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the divider
+   */
+  --margin-top: 0px;
+  --margin-bottom: 0px;
+  --padding-start: 0px;
+  --padding-end: 0px;
+  display: block;
+  width: 100%;
+  /* stylelint-disable */
+  padding-right: calc(var(--padding-end) + var(--ion-safe-area-right, 0px));
+  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));
+  /* stylelint-enable */
+}
+: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;
+}

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

@@ -51,12 +51,12 @@ export class Fab {
     render() {
         const { horizontal, vertical, edge } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'e2d3e3263a6b9e7d97bd9398dda1a124ae626012', class: {
+        return (h(Host, { key: '8b758c5283382f1bddd051f5a575d4952b001c50', class: {
                 [theme]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, h("slot", { key: '2ed256f10ea7a208f096c0c24b673f89008cc1c4' })));
+            } }, h("slot", { key: '45ce20f308b3de9c09d625d45b3f3dc7b4ee8652' })));
     }
     static get is() { return "ion-fab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class FabButton {
                 rel: this.rel,
                 target: this.target,
             };
-        return (h(Host, { key: '9f358aa5ec3ab99c0a8f7cf27d71ae012bed329c', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'ffc552ad3b542e0f79e319fa86b063c3289e1a23', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -94,7 +94,7 @@ export class FabButton {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, h(TagType, Object.assign({ key: 'ebd33b41cbd872f27f9b7471e4600c816b5c0a3d' }, 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: 'cd54a839c29a86f6e335b21adebce346c2a73a28', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '0e1e5d2ce3ee11f4f4a7147a99b5ace5858c53af', class: "button-inner" }, h("slot", { key: 'a295df948b0ff6b4bc981a6a222af7dbfffc63a6' })), theme === 'md' && h("ion-ripple-effect", { key: '1d63f25cb5c81ac87f0da9de01e152bff880440e' }))));
+            }) }, h(TagType, Object.assign({ key: 'acf0c99822630499b171f0873924cfe10ef41547' }, 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: '236a7340cf8213a69325716cb3b813abb627b40a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '908a53794c801a64c8cdae9b08ae75deb93a5b22', class: "button-inner" }, h("slot", { key: '41bf30e091cfcf90dcf3975a4b05a30c987e8aae' })), theme === 'md' && h("ion-ripple-effect", { key: 'b665e44a357138ef30454e267a2214356dc0fe3b' }))));
     }
     static get is() { return "ion-fab-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,11 +22,11 @@ export class FabList {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ce4ca73c50015a4c76bbb81343cf466e9029fa09', class: {
+        return (h(Host, { key: 'b0e984c110ea8bf4aa0daeca5f66253c9e0666fd', class: {
                 [theme]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, h("slot", { key: 'ff9a011541e315749f81f5b304ae71c4ce1f9516' })));
+            } }, h("slot", { key: '7bedbb010e89d1304d86c4261f5378e90741611e' })));
     }
     static get is() { return "ion-fab-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class Footer {
         const theme = 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 (h(Host, { key: '1ba20eaefb8c6ce4fe7b4340a79be14f7201c610', role: "contentinfo", class: {
+        return (h(Host, { key: 'e70e2616f69a6205a1c2045bf13a792c9a6bc27c', role: "contentinfo", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`footer-${theme}`]: true,
@@ -91,7 +91,7 @@ export class Footer {
                 [`footer-translucent-${theme}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, theme === 'ios' && translucent && h("div", { key: '523789d60cfed2a90ddbca1947c61bb051114721', class: "footer-background" }), h("slot", { key: '63057ed857a7bcef11bb88b25b32b79a0d8651b8' })));
+            } }, theme === 'ios' && translucent && h("div", { key: '72803059c1d82a766a0ce69e5a8a6a3b7e576700', class: "footer-background" }), h("slot", { key: 'de450e4eb8f5c63b11f548061f29d957ef308539' })));
     }
     static get is() { return "ion-footer"; }
     static get originalStyleUrls() {

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

@@ -13,10 +13,10 @@ export class Grid {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'f22760e2c973d2f2e3ffcadd5012ff3482cb7f14', class: {
+        return (h(Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
                 [theme]: true,
                 'grid-fixed': this.fixed,
-            } }, h("slot", { key: '12a2bb04ad30e80fc3d0cdc49de2b625cb15f3e7' })));
+            } }, h("slot", { key: 'e8e01f0b46a05fb3220837fbfa9f161b086c06ad' })));
     }
     static get is() { return "ion-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -144,7 +144,7 @@ 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: '2b8adbae18480acf564d2b16b2f741066fc18ae5', role: roleType, class: {
+        return (h(Host, Object.assign({ key: '7f58480b7f04b9d700bcc08d2418d121ec8f4124', role: roleType, class: {
                 [theme]: true,
                 // Used internally for styling
                 [`header-${theme}`]: true,
@@ -152,7 +152,7 @@ export class Header {
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${theme}`]: this.translucent,
                 ['header-divider']: divider,
-            } }, inheritedAttributes), theme === 'ios' && translucent && h("div", { key: 'c42ffce2d92eababd3f8d521c110359a05e0e83f', class: "header-background" }), h("slot", { key: '721bdded45ab3a8478f139f369a08af7cf8cbbf1' })));
+            } }, inheritedAttributes), theme === 'ios' && translucent && h("div", { key: 'c1c77a735ed96e93a5ee9511415c19a80989dbc9', class: "header-background" }), h("slot", { key: '13a06aa2aa3358ba3d4f61fe6119b8506b866c14' })));
     }
     static get is() { return "ion-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/img/img.js

@@ -75,9 +75,9 @@ export class Img {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '4eef41b90a7d7033c0af8562ffffd5035c0cf4cb', class: {
+        return (h(Host, { key: '70377d0128ad109580598f5c0a19cdee1d1f8f2a', class: {
                 [theme]: true,
-            } }, h("img", { key: 'b638eff66cd26cffcff57ec49b96c9cf25588bae', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+            } }, h("img", { key: '022467667337d04384d19d78378b5cf499e1b6c9', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     static get is() { return "ion-img"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/infinite-scroll/infinite-scroll.js

@@ -171,7 +171,7 @@ export class InfiniteScroll {
     render() {
         const theme = getIonTheme(this);
         const disabled = this.disabled;
-        return (h(Host, { key: '3971866ac11e0f69f190fd5bb5480a95df15cb87', class: {
+        return (h(Host, { key: 'd0cf2316c216b7b4f10ad78457c53e86f8be814a', class: {
                 [theme]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,