@ionic/core 8.5.4-dev.11743814940.14e938eb → 8.5.4-dev.11744052844.17c6a004

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

@@ -5,13 +5,13 @@ 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 });
@@ -21,7 +21,6 @@ export class NavLink {
         return {
             "component": {
                 "type": "string",
-                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "NavComponent",
@@ -40,13 +39,11 @@ export class NavLink {
                     "tags": [],
                     "text": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "component",
                 "reflect": false
             },
             "componentProps": {
                 "type": "unknown",
-                "attribute": "component-props",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentProps",
@@ -64,13 +61,10 @@ 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",
@@ -89,14 +83,12 @@ export class NavLink {
                     "tags": [],
                     "text": "The transition direction when navigating to another page."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "router-direction",
                 "reflect": false,
                 "defaultValue": "'forward'"
             },
             "routerAnimation": {
                 "type": "unknown",
-                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -114,9 +106,7 @@ 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,6 +8,9 @@ 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, {
@@ -32,7 +35,6 @@ export class Note {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -51,8 +53,7 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "color",
                 "reflect": true
             }
         };

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

@@ -20,28 +20,6 @@ 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) {
@@ -410,6 +388,12 @@ 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;
@@ -594,7 +578,6 @@ export class PickerColumn {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -607,14 +590,12 @@ export class PickerColumn {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the picker."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -627,13 +608,11 @@ export class PickerColumn {
                     "tags": [],
                     "text": "The selected option in the picker."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "value",
                 "reflect": false
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -652,14 +631,12 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "color",
                 "reflect": true,
                 "defaultValue": "'primary'"
             },
             "numericInput": {
                 "type": "boolean",
-                "attribute": "numeric-input",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -675,8 +652,7 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "numeric-input",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -13,24 +13,9 @@ 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;
-        /**
-         * 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';
     }
     /**
@@ -114,7 +99,6 @@ export class PickerColumnOption {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -127,14 +111,12 @@ export class PickerColumnOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the picker column option."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "any | null",
@@ -147,13 +129,11 @@ export class PickerColumnOption {
                     "tags": [],
                     "text": "The text value of the option."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "value",
                 "reflect": false
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -172,8 +152,7 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "color",
                 "reflect": true,
                 "defaultValue": "'primary'"
             }

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

@@ -19,45 +19,6 @@ export class Picker {
         this.delegateController = createDelegateController(this);
         this.lockController = createLockController();
         this.triggerController = createTriggerController();
-        this.presented = false;
-        /** @internal */
-        this.hasController = false;
-        /**
-         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-         */
-        this.keyboardClose = true;
-        /**
-         * Array of buttons to be displayed at the top of the picker.
-         */
-        this.buttons = [];
-        /**
-         * Array of columns to be displayed in the picker.
-         */
-        this.columns = [];
-        /**
-         * Number of milliseconds to wait before dismissing the picker.
-         */
-        this.duration = 0;
-        /**
-         * If `true`, a backdrop will be displayed behind the picker.
-         */
-        this.showBackdrop = true;
-        /**
-         * If `true`, the picker will be dismissed when the backdrop is clicked.
-         */
-        this.backdropDismiss = true;
-        /**
-         * If `true`, the picker will animate.
-         */
-        this.animated = true;
-        /**
-         * If `true`, the picker will open. If `false`, the picker will close.
-         * Use this if you need finer grained control over presentation, otherwise
-         * just use the pickerController or the `trigger` property.
-         * Note: `isOpen` will not automatically be set back to `false` when
-         * the picker dismisses. You will need to do that in your code.
-         */
-        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -68,6 +29,23 @@ export class Picker {
                 this.callButtonHandler(cancelButton);
             }
         };
+        this.presented = false;
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.hasController = false;
+        this.keyboardClose = true;
+        this.enterAnimation = undefined;
+        this.leaveAnimation = undefined;
+        this.buttons = [];
+        this.columns = [];
+        this.cssClass = undefined;
+        this.duration = 0;
+        this.showBackdrop = true;
+        this.backdropDismiss = true;
+        this.animated = true;
+        this.htmlAttributes = undefined;
+        this.isOpen = false;
+        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -231,7 +209,6 @@ export class Picker {
         return {
             "overlayIndex": {
                 "type": "number",
-                "attribute": "overlay-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -247,13 +224,11 @@ export class Picker {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "overlay-index",
                 "reflect": false
             },
             "delegate": {
                 "type": "unknown",
-                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -274,13 +249,10 @@ export class Picker {
                             "text": undefined
                         }],
                     "text": ""
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "hasController": {
                 "type": "boolean",
-                "attribute": "has-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -296,14 +268,12 @@ export class Picker {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "keyboardClose": {
                 "type": "boolean",
-                "attribute": "keyboard-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -316,14 +286,12 @@ export class Picker {
                     "tags": [],
                     "text": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "keyboard-close",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "enterAnimation": {
                 "type": "unknown",
-                "attribute": "enter-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -341,13 +309,10 @@ export class Picker {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the picker is presented."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "leaveAnimation": {
                 "type": "unknown",
-                "attribute": "leave-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -365,13 +330,10 @@ export class Picker {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the picker is dismissed."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "buttons": {
                 "type": "unknown",
-                "attribute": "buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "PickerButton[]",
@@ -390,13 +352,10 @@ export class Picker {
                     "tags": [],
                     "text": "Array of buttons to be displayed at the top of the picker."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "columns": {
                 "type": "unknown",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "PickerColumn[]",
@@ -415,13 +374,10 @@ export class Picker {
                     "tags": [],
                     "text": "Array of columns to be displayed in the picker."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "cssClass": {
                 "type": "string",
-                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -434,13 +390,11 @@ export class Picker {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "css-class",
                 "reflect": false
             },
             "duration": {
                 "type": "number",
-                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -453,14 +407,12 @@ export class Picker {
                     "tags": [],
                     "text": "Number of milliseconds to wait before dismissing the picker."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "duration",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "showBackdrop": {
                 "type": "boolean",
-                "attribute": "show-backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -473,14 +425,12 @@ export class Picker {
                     "tags": [],
                     "text": "If `true`, a backdrop will be displayed behind the picker."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-backdrop",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "backdropDismiss": {
                 "type": "boolean",
-                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -493,14 +443,12 @@ export class Picker {
                     "tags": [],
                     "text": "If `true`, the picker will be dismissed when the backdrop is clicked."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -513,14 +461,12 @@ export class Picker {
                     "tags": [],
                     "text": "If `true`, the picker will animate."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "htmlAttributes": {
                 "type": "unknown",
-                "attribute": "html-attributes",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",
@@ -532,13 +478,10 @@ export class Picker {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the picker."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "isOpen": {
                 "type": "boolean",
-                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -551,14 +494,12 @@ export class Picker {
                     "tags": [],
                     "text": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
                 "type": "string",
-                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -571,8 +512,7 @@ export class Picker {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "trigger",
                 "reflect": false
             }
         };

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

@@ -25,6 +25,7 @@ export class PickerColumnCmp {
         // Ex: column is created with 3 options. User updates the column data
         // to have 5 options. The column will still think it only has 3 options.
         this.colDidChange = false;
+        this.col = undefined;
     }
     colChanged() {
         this.colDidChange = true;
@@ -356,7 +357,6 @@ export class PickerColumnCmp {
         return {
             "col": {
                 "type": "unknown",
-                "attribute": "col",
                 "mutable": false,
                 "complexType": {
                     "original": "PickerColumn",
@@ -374,9 +374,7 @@ export class PickerColumnCmp {
                 "docs": {
                     "tags": [],
                     "text": "Picker column data"
-                },
-                "getter": false,
-                "setter": false
+                }
             }
         };
     }