@ionic/core 8.5.4-dev.11743804128.16dbb459 → 8.5.4-dev.11743808789.130d15f2

package/dist/collection/components/tabs/tabs.js

@@ -10,6 +10,8 @@ import { Host, h } from "@stencil/core";
 export class Tabs {
     constructor() {
         this.transitioning = false;
+        /** @internal */
+        this.useRouter = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
             if (this.useRouter && href !== undefined) {
@@ -22,8 +24,6 @@ export class Tabs {
                 this.select(tab);
             }
         };
-        this.selectedTab = undefined;
-        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {
@@ -163,6 +163,7 @@ export class Tabs {
         return {
             "useRouter": {
                 "type": "boolean",
+                "attribute": "use-router",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -178,7 +179,8 @@ export class Tabs {
                         }],
                     "text": ""
                 },
-                "attribute": "use-router",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/text/text.js

@@ -8,9 +8,6 @@ import { getIonMode } from "../../global/ionic-global";
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export class Text {
-    constructor() {
-        this.color = undefined;
-    }
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: '0c2546ea3f24b0a6bfd606199441d0a4edfa4ca1', class: createColorClasses(this.color, {
@@ -33,6 +30,7 @@ export class Text {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -51,7 +49,8 @@ export class Text {
                     "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/textarea/textarea.js

@@ -28,6 +28,65 @@ export class Textarea {
          */
         this.didTextareaClearOnEdit = false;
         this.inheritedAttributes = {};
+        this.hasFocus = false;
+        /**
+         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+         * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
+         */
+        this.autocapitalize = 'none';
+        /**
+         * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.
+         *
+         * This may not be sufficient for the element to be focused on page load. See [managing focus](/docs/developing/managing-focus) for more information.
+         */
+        this.autofocus = false;
+        /**
+         * If `true`, the value will be cleared after focus upon edit.
+         */
+        this.clearOnEdit = false;
+        /**
+         * If `true`, the user cannot interact with the textarea.
+         */
+        this.disabled = false;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true`, the user cannot modify the value.
+         */
+        this.readonly = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true`, the element will have its spelling and grammar checked.
+         */
+        this.spellcheck = false;
+        /**
+         * If `true`, the textarea container will grow and shrink based
+         * on the contents of the textarea.
+         */
+        this.autoGrow = false;
+        /**
+         * The value of the textarea.
+         */
+        this.value = '';
+        /**
+         * If `true`, a character counter will display the ratio of characters used and the total character limit.
+         * Developers must also set the `maxlength` property for the counter to be calculated correctly.
+         */
+        this.counter = false;
+        /**
+         * Where to place the label relative to the textarea.
+         * `"start"`: The label will appear to the left of the textarea in LTR and to the right in RTL.
+         * `"end"`: The label will appear to the right of the textarea in LTR and to the left in RTL.
+         * `"floating"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea.
+         * `"stacked"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value.
+         * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+         */
+        this.labelPlacement = 'start';
         // `Event` type is used instead of `InputEvent`
         // since the types from Stencil are not derived
         // from the element (e.g. textarea and input
@@ -63,35 +122,6 @@ export class Textarea {
         this.onKeyDown = (ev) => {
             this.checkClearOnEdit(ev);
         };
-        this.hasFocus = false;
-        this.color = undefined;
-        this.autocapitalize = 'none';
-        this.autofocus = false;
-        this.clearOnEdit = false;
-        this.debounce = undefined;
-        this.disabled = false;
-        this.fill = undefined;
-        this.inputmode = undefined;
-        this.enterkeyhint = undefined;
-        this.maxlength = undefined;
-        this.minlength = undefined;
-        this.name = this.inputId;
-        this.placeholder = undefined;
-        this.readonly = false;
-        this.required = false;
-        this.spellcheck = false;
-        this.cols = undefined;
-        this.rows = undefined;
-        this.wrap = undefined;
-        this.autoGrow = false;
-        this.value = '';
-        this.counter = false;
-        this.counterFormatter = undefined;
-        this.errorText = undefined;
-        this.helperText = undefined;
-        this.label = undefined;
-        this.labelPlacement = 'start';
-        this.shape = undefined;
     }
     debounceChanged() {
         const { ionInput, debounce, originalIonInput } = this;
@@ -414,6 +444,7 @@ export class Textarea {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -432,11 +463,13 @@ export class Textarea {
                     "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
             },
             "autocapitalize": {
                 "type": "string",
+                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -449,12 +482,14 @@ export class Textarea {
                     "tags": [],
                     "text": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`."
                 },
-                "attribute": "autocapitalize",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'none'"
             },
             "autofocus": {
                 "type": "boolean",
+                "attribute": "autofocus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -467,12 +502,14 @@ export class Textarea {
                     "tags": [],
                     "text": "Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.\n\nThis may not be sufficient for the element to be focused on page load. See [managing focus](/docs/developing/managing-focus) for more information."
                 },
-                "attribute": "autofocus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "clearOnEdit": {
                 "type": "boolean",
+                "attribute": "clear-on-edit",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -485,12 +522,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the value will be cleared after focus upon edit."
                 },
-                "attribute": "clear-on-edit",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
+                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -503,11 +542,13 @@ export class Textarea {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke."
                 },
-                "attribute": "debounce",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -520,12 +561,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the textarea."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "fill": {
                 "type": "string",
+                "attribute": "fill",
                 "mutable": false,
                 "complexType": {
                     "original": "'outline' | 'solid'",
@@ -538,11 +581,13 @@ export class Textarea {
                     "tags": [],
                     "text": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode."
                 },
-                "attribute": "fill",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputmode": {
                 "type": "string",
+                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'",
@@ -555,11 +600,13 @@ export class Textarea {
                     "tags": [],
                     "text": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`."
                 },
-                "attribute": "inputmode",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "enterkeyhint": {
                 "type": "string",
+                "attribute": "enterkeyhint",
                 "mutable": false,
                 "complexType": {
                     "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'",
@@ -572,11 +619,13 @@ export class Textarea {
                     "tags": [],
                     "text": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`."
                 },
-                "attribute": "enterkeyhint",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxlength": {
                 "type": "number",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -589,11 +638,13 @@ export class Textarea {
                     "tags": [],
                     "text": "This attribute specifies the maximum number of characters that the user can enter."
                 },
-                "attribute": "maxlength",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "minlength": {
                 "type": "number",
+                "attribute": "minlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -606,11 +657,13 @@ export class Textarea {
                     "tags": [],
                     "text": "This attribute specifies the minimum number of characters that the user can enter."
                 },
-                "attribute": "minlength",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -623,12 +676,14 @@ export class Textarea {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -641,11 +696,13 @@ export class Textarea {
                     "tags": [],
                     "text": "Instructional text that shows before the input has a value."
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -658,12 +715,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user cannot modify the value."
                 },
-                "attribute": "readonly",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -676,12 +735,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user must fill in a value before submitting a form."
                 },
-                "attribute": "required",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "spellcheck": {
                 "type": "boolean",
+                "attribute": "spellcheck",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -694,12 +755,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the element will have its spelling and grammar checked."
                 },
-                "attribute": "spellcheck",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "cols": {
                 "type": "number",
+                "attribute": "cols",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -712,11 +775,13 @@ export class Textarea {
                     "tags": [],
                     "text": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer."
                 },
-                "attribute": "cols",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "rows": {
                 "type": "number",
+                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -729,11 +794,13 @@ export class Textarea {
                     "tags": [],
                     "text": "The number of visible text lines for the control."
                 },
-                "attribute": "rows",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrap": {
                 "type": "string",
+                "attribute": "wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "'hard' | 'soft' | 'off'",
@@ -746,11 +813,13 @@ export class Textarea {
                     "tags": [],
                     "text": "Indicates how the control wraps text."
                 },
-                "attribute": "wrap",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "autoGrow": {
                 "type": "boolean",
+                "attribute": "auto-grow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -763,12 +832,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea."
                 },
-                "attribute": "auto-grow",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | null",
@@ -781,12 +852,14 @@ export class Textarea {
                     "tags": [],
                     "text": "The value of the textarea."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
             "counter": {
                 "type": "boolean",
+                "attribute": "counter",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -799,12 +872,14 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, a character counter will display the ratio of characters used and the total character limit.\nDevelopers must also set the `maxlength` property for the counter to be calculated correctly."
                 },
-                "attribute": "counter",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "counterFormatter": {
                 "type": "unknown",
+                "attribute": "counter-formatter",
                 "mutable": false,
                 "complexType": {
                     "original": "(inputLength: number, maxLength: number) => string",
@@ -816,10 +891,13 @@ export class Textarea {
                 "docs": {
                     "tags": [],
                     "text": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -832,11 +910,13 @@ export class Textarea {
                     "tags": [],
                     "text": "Text that is placed under the textarea and displayed when an error is detected."
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -849,11 +929,13 @@ export class Textarea {
                     "tags": [],
                     "text": "Text that is placed under the textarea and displayed when no error is detected."
                 },
-                "attribute": "helper-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -866,11 +948,13 @@ export class Textarea {
                     "tags": [],
                     "text": "The visible label associated with the textarea.\n\nUse this if you need to render a plaintext label.\n\nThe `label` property will take priority over the `label` slot if both are used."
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelPlacement": {
                 "type": "string",
+                "attribute": "label-placement",
                 "mutable": false,
                 "complexType": {
                     "original": "'start' | 'end' | 'floating' | 'stacked' | 'fixed'",
@@ -883,12 +967,14 @@ export class Textarea {
                     "tags": [],
                     "text": "Where to place the label relative to the textarea.\n`\"start\"`: The label will appear to the left of the textarea in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the textarea in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the textarea when the textarea is focused or it has a value. Otherwise it will appear on top of the textarea.\n`\"stacked\"`: The label will appear smaller and above the textarea regardless even when the textarea is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\")."
                 },
-                "attribute": "label-placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'start'"
             },
             "shape": {
                 "type": "string",
+                "attribute": "shape",
                 "mutable": false,
                 "complexType": {
                     "original": "'round'",
@@ -901,7 +987,8 @@ export class Textarea {
                     "tags": [],
                     "text": "The shape of the textarea. If \"round\" it will have an increased border radius."
                 },
-                "attribute": "shape",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/title/title.js

@@ -5,10 +5,6 @@ import { Host, h } from "@stencil/core";
 import { createColorClasses } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 export class ToolbarTitle {
-    constructor() {
-        this.color = undefined;
-        this.size = undefined;
-    }
     sizeChanged() {
         this.emitStyle();
     }
@@ -51,6 +47,7 @@ export class ToolbarTitle {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -69,11 +66,13 @@ export class ToolbarTitle {
                     "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
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'large' | 'small'",
@@ -86,7 +85,8 @@ export class ToolbarTitle {
                     "tags": [],
                     "text": "The size of the toolbar title."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };