@ionic/core 8.0.0-dev.11711476529.17eae6ec → 8.0.0-dev.11711498366.18f063ac

package/dist/collection/components/input-password-toggle/test/input-password-toggle.spec.js

@@ -0,0 +1,76 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { Input } from "../../input/input";
+import { InputPasswordToggle } from "../input-password-toggle";
+import { Button } from "../../button/button";
+import { initialize } from "../../../global/ionic-global";
+describe('input password toggle', () => {
+    it('should toggle input type when clicked', async () => {
+        const page = await newSpecPage({
+            components: [Input, InputPasswordToggle, Button],
+            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { slot: "end" }))),
+        });
+        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
+        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
+        const input = page.body.querySelector('ion-input');
+        expect(input.type).toBe('password');
+        button.click();
+        await page.waitForChanges();
+        expect(input.type).toBe('text');
+        button.click();
+        await page.waitForChanges();
+        expect(input.type).toBe('password');
+    });
+    it('should render custom icons', async () => {
+        const page = await newSpecPage({
+            components: [Input, InputPasswordToggle, Button],
+            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { showIcon: "show", hideIcon: "hide", slot: "end" }))),
+        });
+        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
+        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
+        const icon = inputPasswordToggle.shadowRoot.querySelector('ion-icon');
+        // Grab the attribute to test since we are not actually passing in a valid SVG
+        expect(icon.getAttribute('icon')).toBe('show');
+        button.click();
+        await page.waitForChanges();
+        expect(icon.getAttribute('icon')).toBe('hide');
+    });
+    it('changing the type on the input should update the icon used in password toggle', async () => {
+        const page = await newSpecPage({
+            components: [Input, InputPasswordToggle, Button],
+            template: () => (h("ion-input", { type: "password" }, h("ion-input-password-toggle", { showIcon: "show", hideIcon: "hide", slot: "end" }))),
+        });
+        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
+        const input = page.body.querySelector('ion-input');
+        const icon = inputPasswordToggle.shadowRoot.querySelector('ion-icon');
+        // Grab the attribute to test since we are not actually passing in a valid SVG
+        expect(icon.getAttribute('icon')).toBe('show');
+        input.type = 'text';
+        await page.waitForChanges();
+        expect(icon.getAttribute('icon')).toBe('hide');
+        input.type = 'password';
+        await page.waitForChanges();
+        expect(icon.getAttribute('icon')).toBe('show');
+    });
+    it('should inherit the mode and color to internal ionic components', async () => {
+        /**
+         * This initialize script tells Stencil how to determine the mode on components.
+         * This is required for any getIonMode internal logic to function properly in spec tests.
+         */
+        initialize();
+        const page = await newSpecPage({
+            components: [Input, InputPasswordToggle, Button],
+            template: () => (h("ion-input", { type: "password", color: "primary" }, h("ion-input-password-toggle", { slot: "end", mode: "ios", color: "danger" }))),
+        });
+        const inputPasswordToggle = page.body.querySelector('ion-input-password-toggle');
+        const button = inputPasswordToggle.shadowRoot.querySelector('ion-button');
+        await page.waitForChanges();
+        // mode is a virtual prop so we need to access it as an attribute
+        expect(button.getAttribute('mode')).toBe('ios');
+        // color is an actual prop so we can access the element property
+        expect(button.color).toBe('danger');
+    });
+});

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

@@ -19,11 +19,11 @@ export class ItemDivider {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ee17a51b7daefd6be5d42e5b64685c4979d29ec0', class: createColorClasses(this.color, {
+        return (h(Host, { key: '625f9c93dc5d63da7d7116618e85e744c312c9f6', class: createColorClasses(this.color, {
                 [theme]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, h("slot", { key: '8366956b2cf3ca557a599a15b18bccd7261f3a64', name: "start" }), h("div", { key: 'a8707b99037252713ea68655b700c30b1d2071ad', class: "item-divider-inner" }, h("div", { key: '76cd58e8499fe69ccce6c31ab1aee10bc1c1c2f0', class: "item-divider-wrapper" }, h("slot", { key: 'f9e9c165c96d4ca7c6c887bccb236ed9979d414b' })), h("slot", { key: 'ce91f23f478fdb8c2fc963ebdf64ba3f939082f9', name: "end" }))));
+            }) }, h("slot", { key: '314ea0e81490d6bd606e2ac45019640ec34add9e', name: "start" }), h("div", { key: '0e27892adc6caf214265c1037e80ccc713a660a4', class: "item-divider-inner" }, h("div", { key: '2743000f5e7a8fcedf2f829ee46cb41dbea91e72', class: "item-divider-wrapper" }, h("slot", { key: '617526ad20379985a8fbe85caa650e03fcf574fb' })), h("slot", { key: '644746d28d7b03e01a9b2ba7a7d7b8947f64b226', name: "end" }))));
     }
     static get is() { return "ion-item-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-group/item-group.js

@@ -10,7 +10,7 @@ import { getIonTheme } from "../../global/ionic-global";
 export class ItemGroup {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '3acd6096c99f8a9ea7def2514288fe6452fec52d', role: "group", class: {
+        return (h(Host, { key: '387217ac3867bdc76d962ef53dbbde1d0eb43cd7', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,

package/dist/collection/components/item-option/item-option.js

@@ -45,12 +45,12 @@ export class ItemOption {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '2d96ef8cd2bff003c50a7a9bc87b4866d8a21ea3', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'afac18b1ad280f873f76c49041d5710d0e7adc54', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: '329da03db6798aa9be407722154231f186dea0e4' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '02229dd15f8253a1118590d10d75d0667d1ee9b6', class: "button-inner" }, h("slot", { key: 'c2b4373dd16325895d096331ea0887f519988adb', name: "top" }), h("div", { key: 'a4f88e355df992ada63924cb080fe35aa89c10b2', class: "horizontal-wrapper" }, h("slot", { key: 'f51b05ff3812744fbc752cda10e86dd6dec9cd9c', name: "start" }), h("slot", { key: '7ee88f23e86e0fb8733786ffbeb182d7726c12f6', name: "icon-only" }), h("slot", { key: '7ae991f6f53df99dc3e5ee737ce33c0d170c9eb4' }), h("slot", { key: '488eb7b54775a367b0118d1bbef4e07ec4dc485f', name: "end" })), h("slot", { key: 'ff970c5877d79e6997b25de38d5ebd8afbe0aec6', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", null))));
+            }) }, h(TagType, Object.assign({ key: '6dd63941993716374155cdbb4ba2665cf4e20f82' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '511a31527efad43e74b512c70b314b218439d2ec', class: "button-inner" }, h("slot", { key: '8d7dd33c218391817ec59399565f00423c6d5c1c', name: "top" }), h("div", { key: '1a49be28e08f82f61ae64819a809ffaacae3fab2', class: "horizontal-wrapper" }, h("slot", { key: 'ffa4859d7738305940d79a6020c74ee2a56b123e', name: "start" }), h("slot", { key: 'bc64fa31d19ae447cbad86a9569e069348d2ef5a', name: "icon-only" }), h("slot", { key: '1c2df529ecc65c5906b90a8c0eb050b9cdc26ae7' }), h("slot", { key: 'ef3f2596247bc40e841c8470052573fac014a258', name: "end" })), h("slot", { key: '1235903f302ef8f253579cadefce001453afbdb9', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", null))));
     }
     static get is() { return "ion-item-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-options/item-options.js

@@ -21,7 +21,7 @@ export class ItemOptions {
     render() {
         const theme = getIonTheme(this);
         const isEnd = isEndSide(this.side);
-        return (h(Host, { key: 'a11edf1792a9e12c7f15c214a8969e741387d677', class: {
+        return (h(Host, { key: 'b3afa3261f85f19616974adade53617b2d8563e9', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,

package/dist/collection/components/item-sliding/item-sliding.js

@@ -390,7 +390,7 @@ export class ItemSliding {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'd905e622610fe786f381bcc7dfbfbd33d45b4c07', class: {
+        return (h(Host, { key: 'a7c3bf766f29173ccb601e781dc8cad6d47cf7bf', class: {
                 [theme]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

package/dist/collection/components/label/label.js

@@ -56,13 +56,13 @@ export class Label {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'd0a19aa5dc20d7e54346200d1556f0d578bf0fb3', class: createColorClasses(this.color, {
+        return (h(Host, { key: '0702770a60d2b7ee11516a03d64512ceb04598a9', 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: '58d9a5f5d2d2a9364eecbf94d5667211834098ee' })));
+            }) }, h("slot", { key: '39ed97bbc43c0397928a5957f298ff6003ee41bc' })));
     }
     static get is() { return "ion-label"; }
     static get encapsulation() { return "scoped"; }

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

@@ -28,7 +28,7 @@ export class List {
     render() {
         const theme = getIonTheme(this);
         const { lines, inset } = this;
-        return (h(Host, { key: 'f02189367db3ea43d5f30998e210aeef69b777ee', role: "list", class: {
+        return (h(Host, { key: '6c5a585619f19b6b5b54cc050377791dd8fe63b3', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,

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

@@ -16,10 +16,10 @@ export class ListHeader {
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'eeb5020786eb53dc3061901479bc76855dac1aaf', class: createColorClasses(this.color, {
+        return (h(Host, { key: '878156ec53e87d2162d67fdf5158e4a17863ef29', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: 'aed1e6b1978a0dcc6ea43f3ab739616250930101', class: "list-header-inner" }, h("slot", { key: '942864f08be30397a99b767ee8578a07b3d7952f' }))));
+            }) }, h("div", { key: 'c3a66389e89131967de9592528e48d69e8533d14', class: "list-header-inner" }, h("slot", { key: '6242c8008a12144598e463a0404597a0c3f097ef' }))));
     }
     static get is() { return "ion-list-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loading/loading.js

@@ -159,9 +159,9 @@ export class Loading {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: '693e2884abc9a385f404cb2d0401ca6294e65813', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'cf9f1646059eb9c9cf0df97869f0d88761bacf5f', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'ae93060afc8a283bf04d6e4437cfca9175849d33', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '2cbc5aba1b14851b06e1101d6f6f2559373e1ace', tabindex: "0" }), h("div", { key: '3d589fd37e1765f1eb3aa61ceebf8496cae22929', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { class: "loading-spinner" }, h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '7a91fd363839ec3427f388e5012fec0cb21ae685', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'f4f2e08b3c28cee68dfd1965c51c852fb90bc413', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '37e6b589b2bdb54753783dccb46352a40b9c4df8', tabindex: "0" }), h("div", { key: 'f32094cb0194bb463df7e5f4a6cb29cfd67bda7c', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { class: "loading-spinner" }, h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '2a1748f874a77f137edb962ba3d697adfd113885', tabindex: "0" })));
     }
     static get is() { return "ion-loading"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/menu/menu.js

@@ -589,14 +589,14 @@ export class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '1ecc3080e6eb9fd7bf5e39f76e8bf3b10cc38ec6', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '992d219168e9434ee02b3e001ad337c581a8d945', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: 'eff71ce215cbaa2f457cb882a2aa4dd83e12a006', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '3da803813630e14a2f2c6495fa90399948df902f' })), h("ion-backdrop", { key: 'e9954fddfc4c5f601586e67ef341f66e16777f8d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: 'd32b67bdcaafa6590a5a9d9ff9d3755f5b5f715a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'ecdad8c9f4000bb5c79385d68f0848b2cf95b5b2' })), h("ion-backdrop", { key: '13fe3027cb8ac17761c9d044c6283d9a26b486b1', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     static get is() { return "ion-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@ export class MenuButton {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '3e04ff01e24f7c35749ccf86c95ee451ee6b18a9', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'f6bdc7c810c7df4a76dab326295c08f3dfa87abe', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -56,7 +56,7 @@ export class MenuButton {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '0f517175e527831f916e484c89c43aba524aa586' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '05097795d743ee11e4196b2ad38ef020e7115835', class: "button-inner" }, h("slot", { key: 'aa45a3b53596c0cbb8866db495a7e32a2077c7f0' }, h("ion-icon", { key: '5cb53cc30c1e555a7c69750f6bd312df4d9bf234', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: '962db265439e4fbbf7d012eb01e375387b75956b' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: 'f8e5c4c84cd8f884d3d85e70d534febe1bd7f567', class: "button-inner" }, h("slot", { key: '9edba975bcf8a4cde652aff502b47fadf8d69036' }, h("ion-icon", { key: '667c140306953ebf95b604ead4c712242b90bac0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
     }
     static get is() { return "ion-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-toggle/menu-toggle.js

@@ -29,10 +29,10 @@ export class MenuToggle {
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '09cc1613fa9538946363397ccc611eaaa4195015', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: '66f29363d2c6fcf24458ff7013531cea2b15c14c', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'f3f13218947563b6f63c874385f3ec1a4199cf2c' })));
+            } }, h("slot", { key: 'ef35254cfb31f109ebc67671983d87b653d568fa' })));
     }
     static get is() { return "ion-menu-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.js

@@ -563,9 +563,9 @@ export class Modal {
         const theme = getIonTheme(this);
         const isCardModal = presentingElement !== undefined && theme === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (h(Host, Object.assign({ key: '813736a125e3f94418fc4b846fba8dd248ad6327', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '0e6dbd096571f5d7fc8f34da1c2aab10598dd65d', "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, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '9f2c13bc3d64876d8782695c5195767d7f2f67d9', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '7b970bab0b9724033ab390662fbe050f1425e2b6',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '76b0f13942696cb28c58674c3c76f6194b639021', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '52c11dfd4d0885e0f0843175ea390002334c8912',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -574,7 +574,7 @@ export class Modal {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { 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: 'ae777acb669ecb0b364899d7c09acdbd222b19f1' }))));
+            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: '72b88f97cbbf47bcea140b01484edc681833ab7f' }))));
     }
     static get is() { return "ion-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/nav/nav.js

@@ -836,7 +836,7 @@ export class Nav {
         }
     }
     render() {
-        return h("slot", { key: '0ad6ea9a7b0ed39732734e45e7ae843ac7ef2a7e' });
+        return h("slot", { key: '4a59480d82787c8ac6c118f9b37cd378f4b24373' });
     }
     static get is() { return "ion-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/nav-link/nav-link.js

@@ -18,7 +18,7 @@ export class NavLink {
         this.routerAnimation = undefined;
     }
     render() {
-        return h(Host, { key: '45811e228f0a52a658e968c3b996f18007808485', onClick: this.onClick });
+        return h(Host, { key: '790b4ed7d6b4998e4e0e1ef11d8860754324e9a9', onClick: this.onClick });
     }
     static get is() { return "ion-nav-link"; }
     static get properties() {

package/dist/collection/components/note/note.js

@@ -14,9 +14,9 @@ export class Note {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '82207dc3c86d194b5f495f9af698ec18ccd1e0e6', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'b1cdaf64409931cc89cd37a457933ae60d34a7a3', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: '6552436c58d1626864d36daea93df3a5d14b67ba' })));
+            }) }, h("slot", { key: '7835cb5ff344e6872ef551f48e80ed736f7844f8' })));
     }
     static get is() { return "ion-note"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-column-option/picker-column-option.js

@@ -80,10 +80,10 @@ export class PickerColumnOption {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '58a3ee795394ec4a497e41bb348b3f68fa95971a', class: createColorClasses(color, {
+        return (h(Host, { key: '6c9db63d7bbbec2bdbf396a755a12fd2161e0945', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: 'c343a70fcf072881ccaa1dc8295acd3f47acc824', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'a06a9d2c13ff8e46c56949e3c50fd30291ec1e83' }))));
+            }) }, h("button", { key: 'a81fdec2b6df1a0a90fc8cd4e5605ef415ec3acd', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'ea9a8830d3351ef8f6fb61eca3ed0252505e3854' }))));
     }
     static get is() { return "ion-picker-column-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-legacy/picker.js

@@ -183,11 +183,11 @@ export class Picker {
     render() {
         const { htmlAttributes } = this;
         const theme = getIonTheme(this);
-        return (h(Host, Object.assign({ key: '687fd87fb2a0bffcdbd38fe91785d2572d4cd141', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'ad6fd4292dc1e48c7a6043eb5593e2d5f5785b8f', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme]: true,
                 // Used internally for styling
-                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '053fa3b4c98c0f29e45a74551978a831ac9742cb', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'dd3edfc5c879790849087f8ec251ca767d35ec3b', tabindex: "0" }), h("div", { key: '9a1b8b2008e5b6f76d35766164909edea71598ef', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'af96808e7ab42b45ee922a410860b5cbbca38a34', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: 'b0a382a73555146c5962a4c94fc54bb3080350b9', class: "picker-columns" }, h("div", { key: 'd09fa7270c06d9fccb9ee1043f93f267df1a0bbc', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'c612908bf2523b81cc88e6fc445d52836a00fd45', class: "picker-below-highlight" }))), h("div", { key: 'd6254d12e1570d377ca2721f3f3cb040159aec60', tabindex: "0" })));
+                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '0858064f2ee5c3c7f872703333a361b89986481e', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'f1775e0f116f322d4e50b8b3df9c8e61bc928509', tabindex: "0" }), h("div", { key: '4756c02f70314f0c23548ea49251462e9ca38178', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '9a805996f53afc87334bdcbdcac59aadd83e1700', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '13c01d5c3e6400c09f9b68fdb7d2805992a959a5', class: "picker-columns" }, h("div", { key: 'a4a65cf3a0e6700d70f2b615125a3b970aa52b5d', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'b9d6480fe2c9d1d967b94ba304e8d9b77a0a81a1', class: "picker-below-highlight" }))), h("div", { key: '6a1edbe51a5983e2a91990b0b9652e20c08f63f1', tabindex: "0" })));
     }
     static get is() { return "ion-picker-legacy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/picker-legacy-column/picker-column.js

@@ -336,9 +336,9 @@ export class PickerColumnCmp {
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '665ec7daa2e5f41536847b167146b04a444495c2', 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: '4d33c5b3df0a872caf31d139161f462c02a5c692', 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", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '6195a1022a90538e9f638a4216910c125a43a8b7', 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", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: 'add69fbafbaf68acc0a70a6a7204c96a433e062c', 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", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     static get is() { return "ion-picker-legacy-column"; }
     static get originalStyleUrls() {

package/dist/collection/components/popover/popover.js

@@ -337,9 +337,9 @@ export class Popover {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: '293fdb68feb3dcb009faf04d9abd42ee47deab20', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '674ba80824b20ef7c69b04bf5118a74097d86fbd', "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, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'd8ed7168116c1cb828deb79e6d447fe98a47dab6', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { class: "popover-arrow", part: "arrow" }), h("div", { key: '627572f2ed7aa416f24013e2c3d1ead160c80703', class: "popover-content", part: "content" }, h("slot", { key: '8b158aef271c8bb8485fd5ed77b092964dabf63b' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'bbbd02b9aeba1b6a38f91870a4c98d82a2556525', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { class: "popover-arrow", part: "arrow" }), h("div", { key: 'f757dea98dcb7eace3b870bc4a5b552c0b66913c', class: "popover-content", part: "content" }, h("slot", { key: '9e126f559e5d7dc382db1499268bcb83a18b2991' })))));
     }
     static get is() { return "ion-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.js

@@ -29,7 +29,7 @@ export class ProgressBar {
         const theme = getIonTheme(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (h(Host, { key: 'da38e6bb5b787eb5f892fc365bfd7bd005bbd00e', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
+        return (h(Host, { key: '63618b06100d3a77c225b5d816a699eebed46407', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
                 [theme]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

package/dist/collection/components/radio/radio.js

@@ -108,7 +108,7 @@ export class Radio {
         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: 'be72367929b09ef023194d02bc44ef2039fd7a4c', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: 'eaf187c324eac384a50e00d3a72b55c9dfd5f4d1', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -119,10 +119,10 @@ export class Radio {
                 // 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: 'f7c23a823a1e6ae31eaac7f59eccf02c654306f3', class: "radio-wrapper" }, h("div", { key: '4fe9047d16fef014a4bd114a1e106e8cb6fa638b', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: '56ad02309e8d746c4e97fc21bef63c004fadff86', class: "radio-wrapper" }, h("div", { key: '5463297de58985d6933a921629caa52c49a427ed', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, h("slot", { key: '307437c2882f9658f486522e9caa45932ea095a5' })), h("div", { key: '4a58e19043a4d8712fd204ddc56714a855392a9e', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, h("slot", { key: 'a95043a62dbb91ad8fea12a5ed6f09824cbd99cc' })), h("div", { key: 'dc725d623aee66e27ccc7747a135ebf7d031a258', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     static get is() { return "ion-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-group/radio-group.js

@@ -157,7 +157,7 @@ export class RadioGroup {
         const { label, labelId, el, name, value } = this;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, name, value, false);
-        return (h(Host, { key: 'c98d1cf9d7d603282ead7f0011f9a839d3db40a3', class: {
+        return (h(Host, { key: '2f7a60d168cde3bd86c2b68369b09bf396dfc0fa', class: {
                 [theme]: true,
             }, role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick }));
     }

package/dist/collection/components/range/range.js

@@ -562,7 +562,7 @@ export class Range {
         const needsEndAdjustment = inItem && !hasEndContent;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (h(Host, { key: 'bd88c11374e23af08980f6857ac559a6650f157a', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'fd6045944a8eb8a13c8996cd6611fcd9cec6d3b4', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -571,10 +571,10 @@ export class Range {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, h("label", { key: '4edae72dbabdae42752f62a0b59ca91c399a465d', class: "range-wrapper", id: "range-label" }, h("div", { key: 'a56572f64fbc9f58e91e5e7afd4bcdcda4960bb5', class: {
+            }) }, h("label", { key: '6c9416a25e26352492b9fc13a07e754c518afc6b', class: "range-wrapper", id: "range-label" }, h("div", { key: '69580aa21219d9901351ea8db101e426064c4c5b', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '72312c03563083dff4c8d4dcd6b86094461662d8', class: "native-wrapper" }, h("slot", { key: '471947329ba067b0ece4d1c88ed7137f314d086d', name: "start" }), this.renderRangeSlider(), h("slot", { key: '6d686e374d125a7953e7b24cf7b7c008f0a6ffed', name: "end" })))));
+            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '066ecb1e374d17b2d5eceb808f54562310dc17ff', class: "native-wrapper" }, h("slot", { key: '409c88e5b93afa77bed78deb471c60a01090662e', name: "start" }), this.renderRangeSlider(), h("slot", { key: '580d31ac5abf623e9e9c1af09ce33ac4192dbc89', name: "end" })))));
     }
     static get is() { return "ion-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refresher/refresher.js

@@ -595,7 +595,7 @@ export class Refresher {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '552e23519ef35bdf33358f2e3219f364b3c2cd71', slot: "fixed", class: {
+        return (h(Host, { key: 'c4257458e87911a8ff8be8d55044f0515070e7bf', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,

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

@@ -55,9 +55,9 @@ export class RefresherContent {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1af7f2ac469dabdbea1307c839afe014a08f5299', class: {
+        return (h(Host, { key: '85a44b93142f4a0c05e14ecd39ec44d4047d7cc0', class: {
                 [theme]: true,
-            } }, h("div", { key: 'dc1500809215267cb68a2fc39eeb04725bf9948e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'e5892f9590bb2c9ceb12e39bac9755eadc6ac683', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, h("div", { key: 'bfcfe123ee64018a5788cc9d8742287f3a981682', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("div", { class: "spinner-arrow-container" }, h("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (h("div", { class: "arrow-container" }, h("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { class: "refresher-pulling-icon" }, h("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '3e0abc2a65509625c5ea14e5dddcd833b8d5c34d', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { class: "refresher-refreshing-icon" }, h("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     static get is() { return "ion-refresher-content"; }
     static get properties() {

package/dist/collection/components/reorder/reorder.js

@@ -23,9 +23,9 @@ export class Reorder {
     render() {
         const theme = getIonTheme(this);
         const reorderIcon = theme === 'ios' ? reorderThreeOutline : reorderTwoSharp;
-        return (h(Host, { key: 'b1ac62e21d23164e5e0e092bb80488b432093a6e', class: {
+        return (h(Host, { key: '28e184fe304172c51b0562ae11f1f85bb91acfbe', class: {
                 [theme]: true,
-            } }, h("slot", { key: '84fb2595ffb9d96ea8dd81e600b12c4e3ec750a4' }, h("ion-icon", { key: 'f389aa4ff4d98d1d28019f93a7197859ccdfe77c', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, h("slot", { key: '020bf9424b64d050e85dde330acc2c92917d515d' }, h("ion-icon", { key: '753a238e178dcd8a1a7a5611b553ee6dac878255', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     static get is() { return "ion-reorder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/reorder-group/reorder-group.js

@@ -242,7 +242,7 @@ export class ReorderGroup {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '166dea821a1071bbc47c52088ad471598906aa69', class: {
+        return (h(Host, { key: '224918a96b7e85d6e4f8b774da8d5ba4e139825a', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

package/dist/collection/components/ripple-effect/ripple-effect.js

@@ -63,7 +63,7 @@ export class RippleEffect {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '7f9a500e68a05370d2a3353cbd588474a6f68762', role: "presentation", class: {
+        return (h(Host, { key: '530778f547a554267bdf37366f60d26064016c4d', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

package/dist/collection/components/router-link/router-link.js

@@ -27,10 +27,10 @@ export class RouterLink {
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: 'f13b788a5725dfba211c2c4558d4dfc9099d8dd3', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '8de6795119ef7ef66fcb2666198b47ed0a89c1e0', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", Object.assign({ key: 'a67cea28fb740c6db408a32973cd5fcbaecf7db0' }, attrs), h("slot", { key: 'ab63b4654ee317c48df7fb8aaf350eb9c272935c' }))));
+            }) }, h("a", Object.assign({ key: 'e7bfa23fa6cde7def307d8eb962ba0b3a04bacc7' }, attrs), h("slot", { key: 'b7bf42a00137767eace70fe2a637a7f0faf1a333' }))));
     }
     static get is() { return "ion-router-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/router-outlet/router-outlet.js

@@ -180,7 +180,7 @@ export class RouterOutlet {
         return true;
     }
     render() {
-        return h("slot", { key: 'bd25db1178276d333a68a25e5e35f5dbe0714805' });
+        return h("slot", { key: 'e48ce56d7e579635a6c4eec7b01dda14df62d0c6' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/row/row.js

@@ -10,9 +10,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Row {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '9ce8c6b2c56c8395b0fdbf27596a8995ab0c32ae', class: {
+        return (h(Host, { key: '157738c7cf82cd8ceb33b51c1eb84566bd51e805', class: {
                 [theme]: true,
-            } }, h("slot", { key: '669552a7ad745daaf193ce0bad3ef4dbe062ba8c' })));
+            } }, h("slot", { key: 'dd90ecc26238c372b9f0d933786082732d42f798' })));
     }
     static get is() { return "ion-row"; }
     static get encapsulation() { return "shadow"; }