@ionic/core 8.5.4-dev.11744646756.1244bf71 → 8.5.4-dev.11744657992.1bb14c4f

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

@@ -3,24 +3,28 @@
  */
 'use strict';
 
-var index = require('./index-qOuhvt-6.js');
-var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var overlays = require('./overlays-hvRku41m.js');
-var gestureController = require('./gesture-controller-dtqlP_q4.js');
-var hardwareBackButton = require('./hardware-back-button-B0yu2YGK.js');
-var helpers = require('./helpers-CLmZlPvl.js');
-var index$1 = require('./index-BjVGGb_k.js');
-var ionicGlobal = require('./ionic-global-D0fKFhpt.js');
-var theme = require('./theme-CeDs6Hcv.js');
-var index$2 = require('./index-CPbAsnJK.js');
-require('./index-DkNv4J_i.js');
-require('./framework-delegate-B0-bTZ_Y.js');
-require('./index-D7kGM2E_.js');
-require('./animation-Bz5ImL40.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-2e236a04.js');
+const cubicBezier = require('./cubic-bezier-f2dccc53.js');
+const overlays = require('./overlays-32e1b66b.js');
+const gestureController = require('./gesture-controller-9436f482.js');
+const hardwareBackButton = require('./hardware-back-button-5a99001f.js');
+const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-4b70187a.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const theme = require('./theme-d1c573d2.js');
+const index$2 = require('./index-073c7cdc.js');
+require('./index-c8d52405.js');
+require('./framework-delegate-50a86d56.js');
+require('./index-48b2a28e.js');
+require('./animation-b4fdf128.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;
 
 const menuMdCss = ":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-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
+const IonMenuMdStyle0 = menuMdCss;
 
 const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
 const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';
@@ -62,32 +66,14 @@ const Menu = class {
             }
             this.trapKeyboardFocus(ev, document);
         };
-        /**
-         * If true, then the menu should be
-         * visible within a split pane.
-         * If false, then the menu is hidden.
-         * However, the menu-button/menu-toggle
-         * components can be used to open the
-         * menu.
-         */
         this.isPaneVisible = false;
         this.isEndSide = false;
-        /**
-         * If `true`, the menu is disabled.
-         */
+        this.contentId = undefined;
+        this.menuId = undefined;
+        this.type = undefined;
         this.disabled = false;
-        /**
-         * Which side of the view the menu should be placed.
-         */
         this.side = 'start';
-        /**
-         * If `true`, swiping the menu is enabled.
-         */
         this.swipeGesture = true;
-        /**
-         * The edge threshold for dragging the menu open.
-         * If a drag/swipe happens over this value, the menu is not triggered.
-         */
         this.maxEdgeStart = 50;
     }
     typeChanged(type, oldType) {
@@ -148,7 +134,7 @@ const Menu = class {
         // register this menu with the app's menu controller
         index$1.menuController._register(this);
         this.menuChanged();
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-CAvQ7Tka.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-ee07ed59.js'); })).createGesture({
             el: document,
             gestureName: 'menu-swipe',
             gesturePriority: 30,
@@ -455,7 +441,7 @@ const Menu = class {
         }
         this.lastOnEnd = detail.currentTime;
         // Account for rounding errors in JS
-        let newStepValue = shouldComplete ? 0.001 : -1e-3;
+        let newStepValue = shouldComplete ? 0.001 : -0.001;
         /**
          * stepValue can sometimes return a negative
          * value, but you can't have a negative time value
@@ -672,8 +658,8 @@ const SHOW_MENU = 'show-menu';
 const SHOW_BACKDROP = 'show-backdrop';
 const MENU_CONTENT_OPEN = 'menu-content-open';
 Menu.style = {
-    ios: menuIosCss,
-    md: menuMdCss
+    ios: IonMenuIosStyle0,
+    md: IonMenuMdStyle0
 };
 
 // Given a menu, return whether or not the menu toggle should be visible
@@ -683,29 +669,24 @@ const updateVisibility = async (menu) => {
 };
 
 const menuButtonIosCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}";
+const IonMenuButtonIosStyle0 = menuButtonIosCss;
 
 const menuButtonMdCss = ":host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}";
+const IonMenuButtonMdStyle0 = menuButtonMdCss;
 
 const MenuButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.inheritedAttributes = {};
+        this.onClick = async () => {
+            return index$1.menuController.toggle(this.menu);
+        };
         this.visible = false;
-        /**
-         * If `true`, the user cannot interact with the menu button.
-         */
+        this.color = undefined;
         this.disabled = false;
-        /**
-         * Automatically hides the menu button when the corresponding menu is not active
-         */
+        this.menu = undefined;
         this.autoHide = true;
-        /**
-         * The type of the button.
-         */
         this.type = 'button';
-        this.onClick = async () => {
-            return index$1.menuController.toggle(this.menu);
-        };
     }
     componentWillLoad() {
         this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
@@ -739,26 +720,22 @@ const MenuButton = class {
     get el() { return index.getElement(this); }
 };
 MenuButton.style = {
-    ios: menuButtonIosCss,
-    md: menuButtonMdCss
+    ios: IonMenuButtonIosStyle0,
+    md: IonMenuButtonMdStyle0
 };
 
 const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";
+const IonMenuToggleStyle0 = menuToggleCss;
 
 const MenuToggle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.visible = false;
-        /**
-         * Automatically hides the content when the corresponding menu is not active.
-         *
-         * By default, it's `true`. Change it to `false` in order to
-         * keep `ion-menu-toggle` always visible regardless the state of the menu.
-         */
-        this.autoHide = true;
         this.onClick = () => {
             return index$1.menuController.toggle(this.menu);
         };
+        this.visible = false;
+        this.menu = undefined;
+        this.autoHide = true;
     }
     connectedCallback() {
         this.visibilityChanged();
@@ -775,7 +752,7 @@ const MenuToggle = class {
             } }, index.h("slot", { key: '0a14c7b63eda64702d2fd1b4bc7db4809892842d' })));
     }
 };
-MenuToggle.style = menuToggleCss;
+MenuToggle.style = IonMenuToggleStyle0;
 
 exports.ion_menu = Menu;
 exports.ion_menu_button = MenuButton;

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

@@ -3,25 +3,27 @@
  */
 'use strict';
 
-var index$3 = require('./index-qOuhvt-6.js');
-var index$2 = require('./index-3N0K8CTt.js');
-var frameworkDelegate = require('./framework-delegate-B0-bTZ_Y.js');
-var helpers = require('./helpers-CLmZlPvl.js');
-var lockController = require('./lock-controller-aDB9wrEf.js');
-var index$4 = require('./index-D7kGM2E_.js');
-var capacitor = require('./capacitor-DmA66EwP.js');
-var overlays = require('./overlays-hvRku41m.js');
-var theme = require('./theme-CeDs6Hcv.js');
-var index$5 = require('./index-04WNNW0S.js');
-var ionicGlobal = require('./ionic-global-D0fKFhpt.js');
-var keyboard = require('./keyboard-hHzlEQpk.js');
-var animation = require('./animation-Bz5ImL40.js');
-var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-CAvQ7Tka.js');
-var index = require('./index-DkNv4J_i.js');
-require('./hardware-back-button-B0yu2YGK.js');
-require('./gesture-controller-dtqlP_q4.js');
-require('./keyboard-UuAS4D_9.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index$3 = require('./index-2e236a04.js');
+const index$2 = require('./index-509ca0d3.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+const helpers = require('./helpers-3a248559.js');
+const lockController = require('./lock-controller-6585a42a.js');
+const index$4 = require('./index-48b2a28e.js');
+const capacitor = require('./capacitor-c04564bf.js');
+const overlays = require('./overlays-32e1b66b.js');
+const theme = require('./theme-d1c573d2.js');
+const index$5 = require('./index-e630fd95.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const keyboard = require('./keyboard-af1bb365.js');
+const animation = require('./animation-b4fdf128.js');
+const cubicBezier = require('./cubic-bezier-f2dccc53.js');
+const index$1 = require('./index-ee07ed59.js');
+const index = require('./index-c8d52405.js');
+require('./hardware-back-button-5a99001f.js');
+require('./gesture-controller-9436f482.js');
+require('./keyboard-0272231f.js');
 
 var Style;
 (function (Style) {
@@ -443,7 +445,7 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss) =>
          * canDismiss is checked.
          */
         const shouldComplete = !isAttemptingDismissWithCanDismiss && threshold >= DISMISS_THRESHOLD;
-        let newStepValue = shouldComplete ? -1e-3 : 0.001;
+        let newStepValue = shouldComplete ? -0.001 : 0.001;
         if (!shouldComplete) {
             animation.easing('cubic-bezier(1, 0, 0.68, 0.28)');
             newStepValue += cubicBezier.getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], clampedStep)[0];
@@ -1350,8 +1352,10 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
 };
 
 const modalIosCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be));cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer ion-toolbar:first-of-type{padding-top:6px}";
+const IonModalIosStyle0 = modalIosCss;
 
 const modalMdCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be));cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0,  40px,  0);transform:translate3d(0,  40px,  0);opacity:0.01}";
+const IonModalMdStyle0 = modalMdCss;
 
 const Modal = class {
     constructor(hostRef) {
@@ -1374,112 +1378,6 @@ const Modal = class {
         this.inline = false;
         // Whether or not modal is being dismissed via gesture
         this.gestureAnimationDismissing = false;
-        this.presented = false;
-        /** @internal */
-        this.hasController = false;
-        /**
-         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-         */
-        this.keyboardClose = true;
-        /**
-         * Controls whether scrolling or dragging within the sheet modal expands
-         * it to a larger breakpoint. This only takes effect when `breakpoints`
-         * and `initialBreakpoint` are set.
-         *
-         * If `true`, scrolling or dragging anywhere in the modal will first expand
-         * it to the next breakpoint. Once fully expanded, scrolling will affect the
-         * content.
-         * If `false`, scrolling will always affect the content. The modal will
-         * only expand when dragging the header or handle. The modal will close when
-         * dragging the header or handle. It can also be closed when dragging the
-         * content, but only if the content is scrolled to the top.
-         */
-        this.expandToScroll = true;
-        /**
-         * A decimal value between 0 and 1 that indicates the
-         * point after which the backdrop will begin to fade in
-         * when using a sheet modal. Prior to this point, the
-         * backdrop will be hidden and the content underneath
-         * the sheet can be interacted with. This value is exclusive
-         * meaning the backdrop will become active after the value
-         * specified.
-         */
-        this.backdropBreakpoint = 0;
-        /**
-         * The interaction behavior for the sheet modal when the handle is pressed.
-         *
-         * Defaults to `"none"`, which  means the modal will not change size or position when the handle is pressed.
-         * Set to `"cycle"` to let the modal cycle between available breakpoints when pressed.
-         *
-         * Handle behavior is unavailable when the `handle` property is set to `false` or
-         * when the `breakpoints` property is not set (using a fullscreen or card modal).
-         */
-        this.handleBehavior = 'none';
-        /**
-         * If `true`, the modal will be dismissed when the backdrop is clicked.
-         */
-        this.backdropDismiss = true;
-        /**
-         * If `true`, a backdrop will be displayed behind the modal.
-         * This property controls whether or not the backdrop
-         * darkens the screen when the modal is presented.
-         * It does not control whether or not the backdrop
-         * is active or present in the DOM.
-         */
-        this.showBackdrop = true;
-        /**
-         * If `true`, the modal will animate.
-         */
-        this.animated = true;
-        /**
-         * If `true`, the modal will open. If `false`, the modal will close.
-         * Use this if you need finer grained control over presentation, otherwise
-         * just use the modalController or the `trigger` property.
-         * Note: `isOpen` will not automatically be set back to `false` when
-         * the modal dismisses. You will need to do that in your code.
-         */
-        this.isOpen = false;
-        /**
-         * If `true`, the component passed into `ion-modal` will
-         * automatically be mounted when the modal is created. The
-         * component will remain mounted even when the modal is dismissed.
-         * However, the component will be destroyed when the modal is
-         * destroyed. This property is not reactive and should only be
-         * used when initially creating a modal.
-         *
-         * Note: This feature only applies to inline modals in JavaScript
-         * frameworks such as Angular, React, and Vue.
-         */
-        this.keepContentsMounted = false;
-        /**
-         * If `true`, focus will not be allowed to move outside of this overlay.
-         * If `false`, focus will be allowed to move outside of the overlay.
-         *
-         * In most scenarios this property should remain set to `true`. Setting
-         * this property to `false` can cause severe accessibility issues as users
-         * relying on assistive technologies may be able to move focus into
-         * a confusing state. We recommend only setting this to `false` when
-         * absolutely necessary.
-         *
-         * Developers may want to consider disabling focus trapping if this
-         * overlay presents a non-Ionic overlay from a 3rd party library.
-         * Developers would disable focus trapping on the Ionic overlay
-         * when presenting the 3rd party overlay and then re-enable
-         * focus trapping when dismissing the 3rd party overlay and moving
-         * focus back to the Ionic overlay.
-         */
-        this.focusTrap = true;
-        /**
-         * Determines whether or not a modal can dismiss
-         * when calling the `dismiss` method.
-         *
-         * If the value is `true` or the value's function returns `true`, the modal will close when trying to dismiss.
-         * If the value is `false` or the value's function returns `false`, the modal will not close when trying to dismiss.
-         *
-         * See https://ionicframework.com/docs/troubleshooting/runtime#accessing-this
-         * if you need to access `this` from within the callback.
-         */
-        this.canDismiss = true;
         this.onHandleClick = () => {
             const { sheetTransition, handleBehavior } = this;
             if (handleBehavior !== 'cycle' || sheetTransition !== undefined) {
@@ -1517,6 +1415,32 @@ const Modal = class {
                 el.dispatchEvent(ev);
             }
         };
+        this.presented = false;
+        this.hasController = false;
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.keyboardClose = true;
+        this.enterAnimation = undefined;
+        this.leaveAnimation = undefined;
+        this.breakpoints = undefined;
+        this.expandToScroll = true;
+        this.initialBreakpoint = undefined;
+        this.backdropBreakpoint = 0;
+        this.handle = undefined;
+        this.handleBehavior = 'none';
+        this.component = undefined;
+        this.componentProps = undefined;
+        this.cssClass = undefined;
+        this.backdropDismiss = true;
+        this.showBackdrop = true;
+        this.animated = true;
+        this.presentingElement = undefined;
+        this.htmlAttributes = undefined;
+        this.isOpen = false;
+        this.trigger = undefined;
+        this.keepContentsMounted = false;
+        this.focusTrap = true;
+        this.canDismiss = true;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -2012,8 +1936,8 @@ const LIFECYCLE_MAP = {
     ionModalDidDismiss: 'ionViewDidLeave',
 };
 Modal.style = {
-    ios: modalIosCss,
-    md: modalMdCss
+    ios: IonModalIosStyle0,
+    md: IonModalMdStyle0
 };
 
 exports.ion_modal = Modal;

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

@@ -3,13 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-qOuhvt-6.js');
-var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var helpers = require('./helpers-CLmZlPvl.js');
-var ionicGlobal = require('./ionic-global-D0fKFhpt.js');
-var index$1 = require('./index-04WNNW0S.js');
-var frameworkDelegate = require('./framework-delegate-B0-bTZ_Y.js');
-require('./index-D7kGM2E_.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-2e236a04.js');
+const cubicBezier = require('./cubic-bezier-f2dccc53.js');
+const helpers = require('./helpers-3a248559.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const index$1 = require('./index-e630fd95.js');
+const frameworkDelegate = require('./framework-delegate-50a86d56.js');
+require('./index-48b2a28e.js');
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -79,6 +81,7 @@ const convertToViews = (pages) => {
 };
 
 const navCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
+const IonNavStyle0 = navCss;
 
 const Nav = class {
     constructor(hostRef) {
@@ -93,10 +96,12 @@ const Nav = class {
         this.destroyed = false;
         this.views = [];
         this.didLoad = false;
-        /**
-         * If `true`, the nav should animate the transition of components.
-         */
+        this.delegate = undefined;
+        this.swipeGesture = undefined;
         this.animated = true;
+        this.animation = undefined;
+        this.rootParams = undefined;
+        this.root = undefined;
     }
     swipeGestureChanged() {
         if (this.gesture) {
@@ -132,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-Di-t3rsI.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-cd0d9f77.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {
@@ -875,7 +880,7 @@ const Nav = class {
                 this.gestureOrAnimationInProgress = false;
             }, { oneTimeCallback: true });
             // Account for rounding errors in JS
-            let newStepValue = shouldComplete ? -1e-3 : 0.001;
+            let newStepValue = shouldComplete ? -0.001 : 0.001;
             /**
              * Animation will be reversed here, so need to
              * reverse the easing curve as well
@@ -906,7 +911,7 @@ const Nav = class {
         "root": ["rootChanged"]
     }; }
 };
-Nav.style = navCss;
+Nav.style = IonNavStyle0;
 
 const navLink = (el, routerDirection, component, componentProps, routerAnimation) => {
     const nav = el.closest('ion-nav');
@@ -931,13 +936,13 @@ const navLink = (el, routerDirection, component, componentProps, routerAnimation
 const NavLink = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * The transition direction when navigating to another page.
-         */
-        this.routerDirection = 'forward';
         this.onClick = () => {
             return navLink(this.el, this.routerDirection, this.component, this.componentProps, this.routerAnimation);
         };
+        this.component = undefined;
+        this.componentProps = undefined;
+        this.routerDirection = 'forward';
+        this.routerAnimation = undefined;
     }
     render() {
         return index.h(index.Host, { key: '9ba170d1b10e08e8a6b5e6a30d363871d455a0a9', onClick: this.onClick });

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

@@ -3,14 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-qOuhvt-6.js');
-var helpers = require('./helpers-CLmZlPvl.js');
-var theme = require('./theme-CeDs6Hcv.js');
-var ionicGlobal = require('./ionic-global-D0fKFhpt.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-2e236a04.js');
+const helpers = require('./helpers-3a248559.js');
+const theme = require('./theme-d1c573d2.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
 
 const pickerColumnOptionIosCss = "button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}";
+const IonPickerColumnOptionIosStyle0 = pickerColumnOptionIosCss;
 
 const pickerColumnOptionMdCss = "button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}:host(.option-active){color:var(--ion-color-base)}";
+const IonPickerColumnOptionMdStyle0 = pickerColumnOptionMdCss;
 
 const PickerColumnOption = class {
     constructor(hostRef) {
@@ -21,24 +25,9 @@ const PickerColumnOption = class {
          * clicking an enable option.
          */
         this.pickerColumn = null;
-        /**
-         * The aria-label of the option.
-         *
-         * If the value changes, then it will trigger a
-         * re-render of the picker since it's a @State variable.
-         * Otherwise, the `aria-label` attribute cannot be updated
-         * after the component is loaded.
-         */
         this.ariaLabel = null;
-        /**
-         * If `true`, the user cannot interact with the picker column option.
-         */
         this.disabled = false;
-        /**
-         * The color to use from your application's color palette.
-         * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-         * For more information on colors, see [theming](/docs/theming/basics).
-         */
+        this.value = undefined;
         this.color = 'primary';
     }
     /**
@@ -110,8 +99,8 @@ const PickerColumnOption = class {
     }; }
 };
 PickerColumnOption.style = {
-    ios: pickerColumnOptionIosCss,
-    md: pickerColumnOptionMdCss
+    ios: IonPickerColumnOptionIosStyle0,
+    md: IonPickerColumnOptionMdStyle0
 };
 
 exports.ion_picker_column_option = PickerColumnOption;