voyager-ionic-core 8.5.6 → 8.6.1

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

@@ -19,12 +19,10 @@ export class Nav {
         this.destroyed = false;
         this.views = [];
         this.didLoad = false;
-        this.delegate = undefined;
-        this.swipeGesture = undefined;
+        /**
+         * If `true`, the nav should animate the transition of components.
+         */
         this.animated = true;
-        this.animation = undefined;
-        this.rootParams = undefined;
-        this.root = undefined;
     }
     swipeGestureChanged() {
         if (this.gesture) {
@@ -830,7 +828,7 @@ export class Nav {
         }
     }
     render() {
-        return h("slot", { key: '188d0abd6c047d235380f07aac81223b757010e8' });
+        return h("slot", { key: '8067c9835d255daec61f33dba200fd3a6ff839a0' });
     }
     static get is() { return "ion-nav"; }
     static get encapsulation() { return "shadow"; }
@@ -848,6 +846,7 @@ export class Nav {
         return {
             "delegate": {
                 "type": "unknown",
+                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -868,10 +867,13 @@ export class Nav {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "swipeGesture": {
                 "type": "boolean",
+                "attribute": "swipe-gesture",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -884,11 +886,13 @@ export class Nav {
                     "tags": [],
                     "text": "If the nav component should allow for swipe-to-go-back."
                 },
-                "attribute": "swipe-gesture",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -901,12 +905,14 @@ export class Nav {
                     "tags": [],
                     "text": "If `true`, the nav should animate the transition of components."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "animation": {
                 "type": "unknown",
+                "attribute": "animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -924,10 +930,13 @@ export class Nav {
                 "docs": {
                     "tags": [],
                     "text": "By default `ion-nav` animates transition between pages based in the mode (ios or material design).\nHowever, this property allows to create custom transition using `AnimationBuilder` functions."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "rootParams": {
                 "type": "unknown",
+                "attribute": "root-params",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -945,10 +954,13 @@ export class Nav {
                 "docs": {
                     "tags": [],
                     "text": "Any parameters for the root component"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "root": {
                 "type": "string",
+                "attribute": "root",
                 "mutable": false,
                 "complexType": {
                     "original": "NavComponent",
@@ -967,7 +979,8 @@ export class Nav {
                     "tags": [],
                     "text": "Root NavComponent to load"
                 },
-                "attribute": "root",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -5,22 +5,23 @@ import { Host, h } from "@stencil/core";
 import { navLink } from "./nav-link-utils";
 export class NavLink {
     constructor() {
+        /**
+         * 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 h(Host, { key: '9ba170d1b10e08e8a6b5e6a30d363871d455a0a9', onClick: this.onClick });
+        return h(Host, { key: '6dbb1ad4f351e9215375aac11ab9b53762e07a08', onClick: this.onClick });
     }
     static get is() { return "ion-nav-link"; }
     static get properties() {
         return {
             "component": {
                 "type": "string",
+                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "NavComponent",
@@ -39,11 +40,13 @@ export class NavLink {
                     "tags": [],
                     "text": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`."
                 },
-                "attribute": "component",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "componentProps": {
                 "type": "unknown",
+                "attribute": "component-props",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -61,10 +64,13 @@ export class NavLink {
                 "docs": {
                     "tags": [],
                     "text": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "routerDirection": {
                 "type": "string",
+                "attribute": "router-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "RouterDirection",
@@ -83,12 +89,14 @@ export class NavLink {
                     "tags": [],
                     "text": "The transition direction when navigating to another page."
                 },
-                "attribute": "router-direction",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'forward'"
             },
             "routerAnimation": {
                 "type": "unknown",
+                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -106,7 +114,9 @@ export class NavLink {
                 "docs": {
                     "tags": [],
                     "text": "The transition animation when navigating to another page."
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -8,14 +8,11 @@ import { getIonMode } from "../../global/ionic-global";
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export class Note {
-    constructor() {
-        this.color = undefined;
-    }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '3c3d9b2aa805c0bc1fdc6270a2bbf4dcc1b96c5b', class: createColorClasses(this.color, {
+        return (h(Host, { key: '0ec2ef7367d867fd7588611953f696eecdf3221e', class: createColorClasses(this.color, {
                 [mode]: true,
-            }) }, h("slot", { key: '39e34682009fcb705ecafe51825162734bdf14d3' })));
+            }) }, h("slot", { key: 'a200b94ddffb29cf6dabe6e984220930ea7efdef' })));
     }
     static get is() { return "ion-note"; }
     static get encapsulation() { return "shadow"; }
@@ -35,6 +32,7 @@ export class Note {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -53,7 +51,8 @@ export class Note {
                     "tags": [],
                     "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };

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

@@ -20,6 +20,28 @@ export class PickerColumn {
         this.isColumnVisible = false;
         this.canExitInputMode = true;
         this.updateValueTextOnScroll = false;
+        this.ariaLabel = null;
+        this.isActive = false;
+        /**
+         * If `true`, the user cannot interact with the picker.
+         */
+        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.color = 'primary';
+        /**
+         * If `true`, tapping the picker will
+         * reveal a number input keyboard that lets
+         * the user type in values for each picker
+         * column. This is useful when working
+         * with time pickers.
+         *
+         * @internal
+         */
+        this.numericInput = false;
         this.centerPickerItemInView = (target, smooth = true, canExitInputMode = true) => {
             const { isColumnVisible, scrollEl } = this;
             if (isColumnVisible && scrollEl) {
@@ -388,12 +410,6 @@ export class PickerColumn {
              */
             return (h("div", { ref: (el) => (this.assistiveFocusable = el), class: "assistive-focusable", role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": valueText, "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }));
         };
-        this.ariaLabel = null;
-        this.isActive = false;
-        this.disabled = false;
-        this.value = undefined;
-        this.color = 'primary';
-        this.numericInput = false;
     }
     ariaLabelChanged(newValue) {
         this.ariaLabel = newValue;
@@ -578,6 +594,7 @@ export class PickerColumn {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -590,12 +607,14 @@ export class PickerColumn {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the picker."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -608,11 +627,13 @@ export class PickerColumn {
                     "tags": [],
                     "text": "The selected option in the picker."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -631,12 +652,14 @@ export class PickerColumn {
                     "tags": [],
                     "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "'primary'"
             },
             "numericInput": {
                 "type": "boolean",
+                "attribute": "numeric-input",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -652,7 +675,8 @@ export class PickerColumn {
                         }],
                     "text": "If `true`, tapping the picker will\nreveal a number input keyboard that lets\nthe user type in values for each picker\ncolumn. This is useful when working\nwith time pickers."
                 },
-                "attribute": "numeric-input",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -13,9 +13,24 @@ export class PickerColumnOption {
          * 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;
-        this.value = undefined;
+        /**
+         * 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.color = 'primary';
     }
     /**
@@ -76,10 +91,10 @@ export class PickerColumnOption {
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c1353e99c2aa19c0e3ddbe433557ed18e72e1c66', class: createColorClasses(color, {
+        return (h(Host, { key: 'f816729941aabcb31ddfdce3ffe2e2139030d715', class: createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: 'b4ee62ecf7458a07a56e8aa494485766a87a3fcb', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: '9ab1e4700c27103b676670a4b3521c183c6ab83d' }))));
+            }) }, h("button", { key: '48dff7833bb60fc8331cd353a0885e6affa683d1', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'f9224d0e7b7aa6c05b29abfdcfe0f30ad6ee3141' }))));
     }
     static get is() { return "ion-picker-column-option"; }
     static get encapsulation() { return "shadow"; }
@@ -99,6 +114,7 @@ export class PickerColumnOption {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -111,12 +127,14 @@ export class PickerColumnOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the picker column option."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "any | null",
@@ -129,11 +147,13 @@ export class PickerColumnOption {
                     "tags": [],
                     "text": "The text value of the option."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -152,7 +172,8 @@ export class PickerColumnOption {
                     "tags": [],
                     "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "'primary'"
             }