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

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 
 const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
@@ -80,7 +80,7 @@ const Img = class {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (index.h(index.Host, { key: 'b1ceee3a85c5092af386fb50ac8972c040ece6b7', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: '722d81aaceb392f9bfde078a9054b579f51dceda', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (index.h(index.Host, { key: 'ff933e2b7e586c71bc695ad9e1475c2ef48a1632', class: ionicGlobal.getIonMode(this) }, index.h("img", { key: '60fea471b6665abe92678c7c9ab15c3e12195582', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const index$1 = require('./index-53d162b2.js');
+const index$1 = require('./index-e8a56f40.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const config = require('./config-4f60b98a.js');
-require('./helpers-2e1028fa.js');
+require('./helpers-3b96a6b0.js');
 require('./index-5915f9b3.js');
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
@@ -180,7 +180,7 @@ const InfiniteScroll = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const disabled = this.disabled;
-        return (index.h(index.Host, { key: '118757d9470756d66434331fc0180d31ac158e06', class: {
+        return (index.h(index.Host, { key: 'd9348b091bc02b744b7599207192994a31bf5044', class: {
                 [mode]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -222,11 +222,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '0ffeaebe071c7ffe8aabacf89382f402804de44c', class: {
+        return (index.h(index.Host, { key: '6c13188d977ef82db9281e0bc3e6d43438ad2335', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, index.h("div", { key: '30a3bac66ac8230b9352223f90eb7fed56071732', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { class: "infinite-loading-spinner" }, index.h("ion-spinner", { name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, index.h("div", { key: '41b5087e22d03c928d00be4e1845e711409c807d', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { class: "infinite-loading-spinner" }, index.h("ion-spinner", { name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

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

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
-const notchController = require('./notch-controller-db0127c4.js');
-const input_utils = require('./input.utils-d693d18a.js');
+const helpers = require('./helpers-3b96a6b0.js');
+const notchController = require('./notch-controller-0b7bc5d8.js');
+const input_utils = require('./input.utils-ca76d6e6.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
@@ -388,7 +388,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: '40fe183aac83458bbd0cb356d539b56303b3a30f', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '7194f43a5bf2b46c67fac2eb32d8a76156ebd17f', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -399,14 +399,14 @@ const Input = class {
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
-            }) }, index.h("label", { key: 'faeb8ffc71552fdf438861819acebb8b77e424d0', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '335a71f75bf3a66501ae9112fe9142429c43a5e2', class: "native-wrapper" }, index.h("slot", { key: '15b2affe724d6d94a47c7181b136aea8f7e66780', name: "start" }), index.h("input", Object.assign({ key: 'd6eb3b380a5849552d102161f3ea80d5eaf5fdac', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+            }) }, index.h("label", { key: 'c4e3dbcad69cd08ecd73bf7268936f010eb657e8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '1a001341f7f57139a1b8cba8bc4eb6b0f589f3b7', class: "native-wrapper" }, index.h("slot", { key: '9f2448b80c62ba7e5a63237d42d0a9003a321507', name: "start" }), index.h("input", Object.assign({ key: 'b4d8b49412cb2b205813b5b534bdff754ba8168a', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (index.h("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.clearTextInput }, index.h("ion-icon", { "aria-hidden": "true", icon: mode === 'ios' ? index$1.closeCircle : index$1.closeSharp }))), index.h("slot", { key: 'd7141ff9c868aa96a7f03e21c99e73871dcd52c1', name: "end" })), shouldRenderHighlight && index.h("div", { class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, index.h("ion-icon", { "aria-hidden": "true", icon: mode === 'ios' ? index$1.closeCircle : index$1.closeSharp }))), index.h("slot", { key: 'f337b842a5cdbcb5db724fb036c8634580dd4464', name: "end" })), shouldRenderHighlight && index.h("div", { class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-item-option_3.cjs.entry.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a471146.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const helpers = require('./helpers-2e1028fa.js');
-const index$1 = require('./index-53d162b2.js');
+const helpers = require('./helpers-3b96a6b0.js');
+const index$1 = require('./index-e8a56f40.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
 require('./index-5915f9b3.js');
 
@@ -48,12 +48,12 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: '76305b4872c9c123371f5a73b10147c0e5bd54a2', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '85fe8f529ab0673f1ddba299473690590a1bca88', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, index.h(TagType, Object.assign({ key: '57ee6daad58885a12e55d1249972accc3ee86c3f' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: '23a540ecdb6c807f9e1233b2a8d6e07a44824020', class: "button-inner" }, index.h("slot", { key: 'd4eb8c79743bbb4fe4ac70016852e3dbc3453b92', name: "top" }), index.h("div", { key: '8a47d77983dcb2e3966d28561c926d369d4fabc1', class: "horizontal-wrapper" }, index.h("slot", { key: '1c33018344f0506fa168469e0da3493f4708a979', name: "start" }), index.h("slot", { key: '695abb1073cb6364efb240e55886212131cc8d32', name: "icon-only" }), index.h("slot", { key: '78e48b583eed63db749d88fc715e67ce5ad96840' }), index.h("slot", { key: '7a5f0d31d8c41e87d5d25c30cef5561c994d2186', name: "end" })), index.h("slot", { key: 'f42ec936824d320b25f57ca34ab3c0ee62a665ab', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", null))));
+            }) }, index.h(TagType, Object.assign({ key: 'cde9bca980cb5589204017d80483baab0996586e' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'e2b7886b53b0b85d81fbfd9209c2989673cdb863', class: "button-inner" }, index.h("slot", { key: 'eaf089857ff0a22d3a9c12574596002e32a28c75', name: "top" }), index.h("div", { key: '12f5d46fe5b8b5d2a5d2bd9e4782376c5af86f1c', class: "horizontal-wrapper" }, index.h("slot", { key: 'ba6d89b7c7f9470f73e17808f90d578fbcceba48', name: "start" }), index.h("slot", { key: '22ad963dd37ae40c03a5723c3e3b05970f40d871', name: "icon-only" }), index.h("slot", { key: 'a1596a1961b5757828fafaa9edf9da3381482ff3' }), index.h("slot", { key: 'ad0d2b50de279a712e18985ce9aceda7b5d45712', name: "end" })), index.h("slot", { key: '2940933c947f7e2d9875f0fb980aff392d5ea7fa', name: "bottom" })), mode === 'md' && index.h("ion-ripple-effect", null))));
     }
     get el() { return index.getElement(this); }
 };
@@ -83,7 +83,7 @@ const ItemOptions = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const isEnd = helpers.isEndSide(this.side);
-        return (index.h(index.Host, { key: '012edb4ea825e53b3385cb5995f57c660caacfa0', class: {
+        return (index.h(index.Host, { key: 'ac0cec6a2ea83c9633c10bce379ffdcc99221b52', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -491,7 +491,7 @@ const ItemSliding = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '5963df2d68cfc9367b432fd047f87e884e4a07e6', class: {
+        return (index.h(index.Host, { key: 'ae9da267d130e2875b2d854952b70daa739effd8', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const index$2 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
@@ -297,11 +297,11 @@ const ItemDivider = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '3da2ad5f619a5003648574f815a97af8ddd8a09e', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '18d1b78568247bfbf0b0274971b752ace7531f58', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: '5bef01ba4fd05517125abdcf6e2d63b74a3a1725', name: "start" }), index.h("div", { key: 'db8cfce712acb3cd303cdee6971cabc455ff38f2', class: "item-divider-inner" }, index.h("div", { key: '0ea5790fc725888c7a1e0c1054dfdf466dd841bf', class: "item-divider-wrapper" }, index.h("slot", { key: 'a6a8ce179cd57e991e477a3d187bfa4500e94ab6' })), index.h("slot", { key: 'a0ccbd9a3ca373e495cfcba8bf495821c9325e53', name: "end" }))));
+            }) }, index.h("slot", { key: 'cbf5fe1a9f4233a303d2366d1fc032d7c445f5c7', name: "start" }), index.h("div", { key: 'ca2608689325a350b23eb026053dd588ea3004e9', class: "item-divider-inner" }, index.h("div", { key: '00af1d58d5fc7995754a5266534cdf989a3294eb', class: "item-divider-wrapper" }, index.h("slot", { key: 'bfa2547fe8de49dcfbfccaeb46736182e514ffbc' })), index.h("slot", { key: '650dd1153d211eb992e69ff7e98c381cf0555e25', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -322,7 +322,7 @@ const ItemGroup = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a3bd7971d409607123ba93edc009d12ad507b5d8', role: "group", class: {
+        return (index.h(index.Host, { key: '2443d9e64c1867a9582a2965ed9ac78263965d70', role: "group", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-group-${mode}`]: true,
@@ -392,7 +392,7 @@ const Label = class {
     render() {
         const position = this.position;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'adec21387ca76c7028dc93d457e97fa9d3822818', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '6820fe45a0aa73dca665a43f588f952e94c194c7', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
@@ -439,7 +439,7 @@ const List = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: '9f21919ff516e4fb8b334301f09f52a90014b619', role: "list", class: {
+        return (index.h(index.Host, { key: '9a0eab31e53ae22dbfa7aa58d779d3976797ea08', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,
@@ -470,10 +470,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a9c5da433e6185d089f019cb181adb133d7482c2', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '7b0de2d26ec09f11740ad55bba5e4d2f52623b58', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: '5dc58c39c4a4825835406468b2c51f9b4fa6b4b4', class: "list-header-inner" }, index.h("slot", { key: '8881828c2fa11afb591eef7ab8e5f31131a884e1' }))));
+            }) }, index.h("div", { key: '86cbae45e24ce7607b011cd3cd1ae82e741a111c', class: "list-header-inner" }, index.h("slot", { key: 'a276c0540cd1bdd907b01620d5bfb9c996c08b90' }))));
     }
 };
 ListHeader.style = {
@@ -494,9 +494,9 @@ const Note = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '99db21e5e1eb52bf3ec58e3d52ee49aee3a2f12f', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '83fbede35bbb772419d68f6ad398aab0e00b9f61', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: 'e9f370f4b622cafd4452a2de81e0f2f6833f6483' })));
+            }) }, index.h("slot", { key: 'c4060ce2439e96a5ac8763843579b7956a90032f' })));
     }
 };
 Note.style = {
@@ -529,11 +529,11 @@ const SkeletonText = class {
         const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '8e398fb1d49ec076737c3c7cac58765fee3267b1', class: {
+        return (index.h(index.Host, { key: 'e0a84e5017cde072087d5580dd370bbd36106f99', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: '1fff010f1dfdc2c0985f419299a89cd4d498c340' }, "\u00A0")));
+            } }, index.h("span", { key: '3274a42e3fd4f1b9fb285f4b982416e1f68ac766' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -7,15 +7,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const config = require('./config-4f60b98a.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-8f32c4ca.js');
+const overlays = require('./overlays-5a110990.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const animation = require('./animation-fdab9de5.js');
+const animation = require('./animation-52066ac7.js');
 require('./index-c8d52405.js');
 require('./hardware-back-button-d23873bb.js');
-require('./framework-delegate-a3e6d060.js');
+require('./framework-delegate-0aa2f151.js');
 require('./gesture-controller-9436f482.js');
 require('./index-5915f9b3.js');
 
@@ -258,9 +258,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (index.h(index.Host, Object.assign({ key: '5d2364831dd5043902091255027bc9c2297b9563', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: 'e193afb8350415a30c7413db67cd81c73a394ae8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '7b2427f72d47d04cd7f9abc7204652b71e4d4298', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'b701990fcb545f78c2ccb236822ce8c96ad4120d', tabindex: "0" }), index.h("div", { key: '3d04466f9f19b92c4fe23848e06342cfd8b81968', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { class: "loading-spinner" }, index.h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: '276cd44f424ac9b1e1b20f91a03fd7a4fd3f6f44', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '38d87e39091690da9927c324ab5a3f6f31755b4e', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: '5a2aa46cb02fd82e56a4e7c1de27349ddab9b413', tabindex: "0" }), index.h("div", { key: 'ef6ae86e511375ddebc03f242ae4f8952f35c530', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { class: "loading-spinner" }, index.h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'da6fe0cb92d92622eb85b7edccd185c8869415e7', tabindex: "0" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,16 +9,16 @@ const index = require('./index-5a471146.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
-const helpers = require('./helpers-2e1028fa.js');
-const index$1 = require('./index-8c679cbf.js');
-const overlays = require('./overlays-8f32c4ca.js');
+const helpers = require('./helpers-3b96a6b0.js');
+const index$1 = require('./index-8a307f4a.js');
+const overlays = require('./overlays-5a110990.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const index$2 = require('./index-f52c6d38.js');
 require('./index-c8d52405.js');
 require('./index-5915f9b3.js');
-require('./animation-fdab9de5.js');
-require('./framework-delegate-a3e6d060.js');
+require('./animation-52066ac7.js');
+require('./framework-delegate-0aa2f151.js');
 
 const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
 const IonMenuIosStyle0 = menuIosCss;
@@ -620,14 +620,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: '6e19b85484a90586654e246b405dce9e04a9775c', onKeyDown: hardwareBackButton.shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: 'c47b00136d61d7d705efadd4d2d06b87b18747a3', onKeyDown: hardwareBackButton.shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: '7d6a3e953e7672ba8f2c1589cdc74d5b03dbbe5a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '0a7838ed4b96822ccac6c8208d1c593d55f655db' })), index.h("ion-backdrop", { key: '28cb687d95991a2d84be7c2bf7d5d9074737363f', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: '829d5332be865b5aab6435e6a7c8872c7fb89b52', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '5b47ee5da8238ec15d7371606cfbc3d384588ebb' })), index.h("ion-backdrop", { key: '58bc53f971865fd1615f267cd0259584b3045486', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -700,7 +700,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '1d32df4ca693234c0c70c3612663404a09c81d24', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '3cdbc04925c8c62ac65763fe83efdfffda0a16fa', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -709,7 +709,7 @@ const MenuButton = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h("button", Object.assign({ key: '8fe883b3b429eed4bdaae7c111233b2f733e185f' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '9e9bcddcabe55a5f674c997d27ca5b83f473efc5', class: "button-inner" }, index.h("slot", { key: '8bc82bebc02041e25cbac7978b44a897a3dd8ecd' }, index.h("ion-icon", { key: 'bc39727bccfb722662f01020e878bdf827460352', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: '63db22c49359bf77fa344f5a13b733570ff088a4' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '011af3fa930dd888f7f4aca24ba294d23b2ceba7', class: "button-inner" }, index.h("slot", { key: 'dc75fd2f1f3d42eb30aefd9cd3ef137d6c8a515a' }, index.h("ion-icon", { key: '55cfdc7df1eab0bdc386e2a5c90be87be56a000a', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -740,10 +740,10 @@ const MenuToggle = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: '3ad627ff07ef341638c57706fe62326bd0c93a98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: 'fa7f54b6264dd2110f4cda34aaa6ea7ec4f5040f', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: '07996ebbef7d40aa1787a95ea49e81b07391a15e' })));
+            } }, index.h("slot", { key: '6e1701d21f439cabd9f83607c500eb6111162447' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

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

@@ -6,18 +6,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-5a471146.js');
-const index$2 = require('./index-53d162b2.js');
-const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
-const helpers = require('./helpers-2e1028fa.js');
+const index$2 = require('./index-e8a56f40.js');
+const frameworkDelegate = require('./framework-delegate-0aa2f151.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$4 = require('./index-5915f9b3.js');
 const capacitor = require('./capacitor-c04564bf.js');
-const overlays = require('./overlays-8f32c4ca.js');
+const overlays = require('./overlays-5a110990.js');
 const theme = require('./theme-d1c573d2.js');
-const index$5 = require('./index-84351d21.js');
+const index$5 = require('./index-199dfe7c.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const keyboard = require('./keyboard-af1bb365.js');
-const animation = require('./animation-fdab9de5.js');
+const animation = require('./animation-52066ac7.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
 const index = require('./index-c8d52405.js');
@@ -1596,9 +1596,9 @@ const Modal = class {
         const mode = ionicGlobal.getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (index$3.h(index$3.Host, Object.assign({ key: 'f4bdd3d7d25d19b1210baf5544b243e466269dbb', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: 'd5619b83430689b05282ea7507b8027fbef2cdc5', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: 'f894b40577b1c13edca0bcb16a6f9381afc45dc8', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '5bcf69fee6c963fb86af23e7c04b7e0fb232dec1',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: 'db27a855c1a123d634b81f3176807d1aedc0deb8', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '6756bb8872a5f5abba75ed00e2f66e987f7ad0ed',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1607,7 +1607,7 @@ const Modal = class {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.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" })), index$3.h("slot", { key: '28b8bf957fb2dc4ca33362e61658802a01da7aa5' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), index$3.h("slot", { key: '72dac7b1071ba85cd039eaa811de95cbdd9dd50e' }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {

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

@@ -7,10 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const helpers = require('./helpers-2e1028fa.js');
-const index$1 = require('./index-84351d21.js');
+const helpers = require('./helpers-3b96a6b0.js');
+const index$1 = require('./index-199dfe7c.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
+const frameworkDelegate = require('./framework-delegate-0aa2f151.js');
+require('./index-5915f9b3.js');
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -136,7 +137,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-f93021d8.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-766b4f1c.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {
@@ -902,7 +903,7 @@ const Nav = class {
         }
     }
     render() {
-        return index.h("slot", { key: '028761c76160108a3fce9a47445d463966c80453' });
+        return index.h("slot", { key: 'a86e551f86509bd65200393785e4000dbb37154a' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -944,7 +945,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return index.h(index.Host, { key: 'cdb5666c031c04912fea52ef73e6b18df3881555', onClick: this.onClick });
+        return index.h(index.Host, { key: '7b6b746a0e945a48b308eec2dcd9893daf00bca1', onClick: this.onClick });
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ion-picker-column-option.cjs.entry.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 
@@ -88,10 +88,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '0102aba4c6c362a08545215d1506bffff3f342d5', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '1d5358c019c01ca429ddb514b9f9b67a3c89f652', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, index.h("button", { key: '4307265b10685818fecfdf6dcbd8a4664577a6f3', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: '086f60906f81fed1f6631c411eb339c3ec489e6c' }))));
+            }) }, index.h("button", { key: 'c86794a15b61062a886c6f5113723ccd98238e9f', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, index.h("slot", { key: 'ab7f80cacdd39b5aedf7d2cc8eddc6288093629a' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-picker-column.cjs.entry.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const index$1 = require('./index-c8d52405.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const haptic = require('./haptic-b882e0bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
@@ -368,14 +368,14 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '4803f7215ee2272e74d76b562553098dc4e2f0bc', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '22dcc8dc9bc8c6035cba9f8825f231797464c652', class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, index.h("slot", { key: 'f486e4903f7818021c8d02e3251300ef0bd64e7f', name: "prefix" }), index.h("div", { key: '3f0f2c4e77b1bd55b425235fa428c95c793d65ba', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
+            }) }, index.h("slot", { key: 'e93c2d8ea862e2d84ae9338ad2cbec0eea2230f8', name: "prefix" }), index.h("div", { key: 'a981c29b3cd9456b7f2523d1daa4d1797d389f03', class: "picker-opts", tabindex: disabled ? undefined : 0, ref: (el) => {
                 this.scrollEl = el;
-            } }, index.h("div", { key: '84a373222f1e2084312de67781bdf72f6b40a9e9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '948311d8ea52ff1ead1e52c27a2d959164cb9b67', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '7cf18267fda32b762bf20f7213810bc800136a4f', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: 'c068963fd65ea1eb70e2fc3dc8125c6b4deff68d' }), index.h("div", { key: '63442e50269c3266c907d525e66782c8e753af60', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '4f18258bd9f1822725420208491315b970d19aff', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '5d1d3e37d88872284a756ab63078943f732d2293', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '7c68b8237cc1a3954d174df34aa3ab2797466a38', name: "suffix" })));
+            } }, index.h("div", { key: 'd80da940ecb2d8cea236ef9c74da1871a7ab6248', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '2b05ef9d4116ca7940c3b61454517c02ee40bf9e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'a557a7fb595d3bec5e0bd76b10f73cdc93b17bff', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '4934b827a0b11dfcb2cb9a49740076609ab86f59' }), index.h("div", { key: 'f89592da27eb54e88e9a977aa4ecd9dc4d8e211d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '87c0cf79ce3b88c2328256ee6895612327653009', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '24e96271c3e7468cc3cc5a6f3e384740c4fd9988', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '2ed210e571787a88c06d7538cb7082875e85fb28', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 
 const pickerIosCss = ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}";
 const IonPickerIosStyle0 = pickerIosCss;
@@ -484,7 +484,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (index.h(index.Host, { key: '69a87b004f01d3c85818c24550d71ab8b1217574', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '42f208ad6693b223150d175855a4e3a940fcbf8a', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (index.h(index.Host, { key: '56b1421dee69c5aa7521b70199f047f4033c0a94', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: '6956b6ee5debbad88e90d8b307833a4c112cabfb', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -499,7 +499,7 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: 'c3a20925dae51059cdbce7c3aa78789591de36e9', class: "picker-before" }), index.h("div", { key: '0a949c776a3c5d83feb7eca32ec85f6e26aab1b8', class: "picker-after" }), index.h("div", { key: '80e96a86a89bc223faf65badf66a56c971c846aa', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '5110775b45ddf3ad8cce397b910063fdea173409' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: 'b6acaac9ed883ab1db90a09f7ef3c15feb8fa38b', class: "picker-before" }), index.h("div", { key: '76a49ca1b135f5fdd31a6230053af1f58d0d7dd1', class: "picker-after" }), index.h("div", { key: '1e265527d12ffd6dc005133ac7fcfc2a1e02c7c3', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: '828077cb8f6a8061d3509aca018d7b06d3e98130' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -6,15 +6,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
-const helpers = require('./helpers-2e1028fa.js');
+const frameworkDelegate = require('./framework-delegate-0aa2f151.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-8f32c4ca.js');
+const overlays = require('./overlays-5a110990.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-84351d21.js');
-const animation = require('./animation-fdab9de5.js');
+const index$2 = require('./index-199dfe7c.js');
+const animation = require('./animation-52066ac7.js');
 require('./index-c8d52405.js');
 require('./hardware-back-button-d23873bb.js');
 require('./gesture-controller-9436f482.js');
@@ -1292,9 +1292,9 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, Object.assign({ key: '5c65659c22a8190ac3f7488fe97b8fe3545bb32a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '6b555de5f10a00551cd14a8065ffee388c6e218a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: 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 && index.h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '6055fc5309dadb56d6c17f0a1cb19631e6e5731e', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { class: "popover-arrow", part: "arrow" }), index.h("div", { key: '71f67c60fee7a29c2883c0350f19493793527be9', class: "popover-content", part: "content" }, index.h("slot", { key: '8fdf91d4c5ae7db8be34bfd03f703b613c73d64f' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: 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 && index.h("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'ecf8280d3119a3e7104ff10bdaebbe3a4a7d1579', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { class: "popover-arrow", part: "arrow" }), index.h("div", { key: '0701cb732704fe84255c78114f61a19b7e431a17', class: "popover-content", part: "content" }, index.h("slot", { key: '213fdc42677814157aa573855e6db4c4a0052161' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-progress-bar.cjs.entry.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-3b96a6b0.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 
@@ -31,7 +31,7 @@ const ProgressBar = class {
         const mode = ionicGlobal.getIonMode(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (index.h(index.Host, { key: '56492aa6ed11b803c68a3cc3dbe65871b77af53a', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '78a32304c7164cb78145a91be7bb9b86ecd11b66', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
                 [mode]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,