@ionic/core 9.0.1-dev.11787177893.1979eb13 → 9.0.1-dev.11787248963.10a00c73

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
+var index = require('./index-BrVMoqUk.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var helpers = require('./helpers-YPQybDph.js');
-var index$1 = require('./index-BLdJCcJY.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var frameworkDelegate = require('./framework-delegate-Dfo5XsGv.js');
+var helpers = require('./helpers-Dj5o76mq.js');
+var index$1 = require('./index-2sO-zkZ2.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var frameworkDelegate = require('./framework-delegate-BZUx4TnE.js');
 require('./dir-zwDPRE5K.js');
 
 const VIEW_STATE_NEW = 1;
@@ -16,16 +16,10 @@ const VIEW_STATE_ATTACHED = 2;
 const VIEW_STATE_DESTROYED = 3;
 // TODO(FW-2832): types
 class ViewController {
-    component;
-    params;
-    state = VIEW_STATE_NEW;
-    nav;
-    element;
-    delegate;
-    animationBuilder;
     constructor(component, params) {
         this.component = component;
         this.params = params;
+        this.state = VIEW_STATE_NEW;
     }
     async init(container) {
         this.state = VIEW_STATE_ATTACHED;
@@ -83,44 +77,22 @@ const Nav = class {
         this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
         this.ionNavWillChange = index.createEvent(this, "ionNavWillChange", 3);
         this.ionNavDidChange = index.createEvent(this, "ionNavDidChange", 3);
+        this.transInstr = [];
+        this.gestureOrAnimationInProgress = false;
+        this.isTransitioning = false;
+        this.destroyed = false;
+        this.views = [];
+        this.didLoad = false;
+        /**
+         * If `true`, the nav should animate the transition of components.
+         */
+        this.animated = true;
     }
-    transInstr = [];
-    sbAni;
-    gestureOrAnimationInProgress = false;
-    isTransitioning = false;
-    destroyed = false;
-    views = [];
-    gesture;
-    didLoad = false;
-    get el() { return index.getElement(this); }
-    /** @internal */
-    delegate;
-    /**
-     * If the nav component should allow for swipe-to-go-back.
-     */
-    swipeGesture;
     swipeGestureChanged() {
         if (this.gesture) {
             this.gesture.enable(this.swipeGesture === true);
         }
     }
-    /**
-     * If `true`, the nav should animate the transition of components.
-     */
-    animated = true;
-    /**
-     * By default `ion-nav` animates transition between pages based in the mode (ios or material design).
-     * However, this property allows to create custom transition using `AnimationBuilder` functions.
-     */
-    animation;
-    /**
-     * Any parameters for the root component
-     */
-    rootParams;
-    /**
-     * Root NavComponent to load
-     */
-    root;
     rootChanged() {
         if (this.root === undefined) {
             return;
@@ -134,19 +106,6 @@ const Nav = class {
         }
         this.setRoot(this.root, this.rootParams);
     }
-    /**
-     * Event fired when Nav will load a component
-     * @internal
-     */
-    ionNavWillLoad;
-    /**
-     * Event fired when the nav will change components
-     */
-    ionNavWillChange;
-    /**
-     * Event fired when the nav has changed components
-     */
-    ionNavDidChange;
     componentWillLoad() {
         if (this.swipeGesture === undefined) {
             const mode = ionicGlobal.getIonMode(this);
@@ -158,7 +117,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-B7X9VOlH.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-F_DBt-Aw.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {
@@ -832,6 +791,7 @@ const Nav = class {
     render() {
         return index.h("slot", { key: '1886154d3c2fa8511af4d641d269aaa4c0f45c05' });
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "swipeGesture": [{
                 "swipeGestureChanged": 0
@@ -866,30 +826,18 @@ 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);
+        };
     }
-    get el() { return index.getElement(this); }
-    /**
-     * Component to navigate to. Only used if the `routerDirection` is `"forward"` or `"root"`.
-     */
-    component;
-    /**
-     * Data you want to pass to the component as props. Only used if the `"routerDirection"` is `"forward"` or `"root"`.
-     */
-    componentProps;
-    /**
-     * The transition direction when navigating to another page.
-     */
-    routerDirection = 'forward';
-    /**
-     * The transition animation when navigating to another page.
-     */
-    routerAnimation;
-    onClick = () => {
-        return navLink(this.el, this.routerDirection, this.component, this.componentProps, this.routerAnimation);
-    };
     render() {
         return index.h(index.Host, { key: '4bcaa74015462824b3f19253b04a77ce83389ca0', onClick: this.onClick });
     }
+    get el() { return index.getElement(this); }
 };
 
 exports.ion_nav = Nav;

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var helpers = require('./helpers-YPQybDph.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 require('./dir-zwDPRE5K.js');
 
 const pickerColumnOptionIosCss = () => `.picker-column-option-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) .picker-column-option-button{cursor:default}`;
@@ -16,37 +16,26 @@ const pickerColumnOptionMdCss = () => `.picker-column-option-button{padding-left
 const PickerColumnOption = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * We keep track of the parent picker column
+         * so we can update the value of it when
+         * 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;
     }
-    /**
-     * We keep track of the parent picker column
-     * so we can update the value of it when
-     * clicking an enable option.
-     */
-    pickerColumn = null;
-    get el() { return index.getElement(this); }
-    /**
-     * 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.
-     */
-    ariaLabel = null;
-    /**
-     * If `true`, the user cannot interact with the picker column option.
-     */
-    disabled = false;
-    /**
-     * The text value of the option.
-     */
-    value;
-    /**
-     * 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).
-     */
-    color;
     /**
      * The aria-label of the option has changed after the
      * first render and needs to be updated within the component.
@@ -110,6 +99,7 @@ const PickerColumnOption = class {
                 ['option-disabled']: disabled,
             }) }, index.h("div", { key: 'b0bb84fd39ea38ea3037ad43c6be8e8dfca2e7d1', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'e0305b721618aef05823032ccd58214b0f184ca9' }))));
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "aria-label": [{
                 "onAriaLabelChange": 0