@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11737633140.1934dd0f

package/dist/collection/components/tab-button/tab-button.js

@@ -13,14 +13,6 @@ import { getIonMode } from "../../global/ionic-global";
 export class TabButton {
     constructor() {
         this.inheritedAttributes = {};
-        /**
-         * If `true`, the user cannot interact with the tab button.
-         */
-        this.disabled = false;
-        /**
-         * The selected tab component
-         */
-        this.selected = false;
         this.onKeyUp = (ev) => {
             if (ev.key === 'Enter' || ev.key === ' ') {
                 this.selectTab(ev);
@@ -29,6 +21,14 @@ export class TabButton {
         this.onClick = (ev) => {
             this.selectTab(ev);
         };
+        this.disabled = false;
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
+        this.layout = undefined;
+        this.selected = false;
+        this.tab = undefined;
+        this.target = undefined;
     }
     onTabBarChanged(ev) {
         const dispatchedFrom = ev.target;
@@ -114,8 +114,6 @@ export class TabButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the tab button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -134,8 +132,6 @@ export class TabButton {
                     "tags": [],
                     "text": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "download",
                 "reflect": false
             },
@@ -153,8 +149,6 @@ export class TabButton {
                     "tags": [],
                     "text": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "href",
                 "reflect": false
             },
@@ -172,8 +166,6 @@ export class TabButton {
                     "tags": [],
                     "text": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "rel",
                 "reflect": false
             },
@@ -197,8 +189,6 @@ export class TabButton {
                     "tags": [],
                     "text": "Set the layout of the text and icon in the tab bar.\nIt defaults to `\"icon-top\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "layout",
                 "reflect": false
             },
@@ -216,8 +206,6 @@ export class TabButton {
                     "tags": [],
                     "text": "The selected tab component"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -236,8 +224,6 @@ export class TabButton {
                     "tags": [],
                     "text": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tab",
                 "reflect": false
             },
@@ -255,8 +241,6 @@ export class TabButton {
                     "tags": [],
                     "text": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "target",
                 "reflect": false
             }

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

@@ -10,8 +10,6 @@ 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) {
@@ -24,6 +22,8 @@ export class Tabs {
                 this.select(tab);
             }
         };
+        this.selectedTab = undefined;
+        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {
@@ -178,8 +178,6 @@ export class Tabs {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "use-router",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/text/text.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 Text {
+    constructor() {
+        this.color = undefined;
+    }
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: 'e134d70c04344b708a2ecf6253722781ad2ca826', class: createColorClasses(this.color, {
@@ -48,8 +51,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             }

package/dist/collection/components/textarea/textarea.js

@@ -28,65 +28,6 @@ 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
@@ -122,6 +63,35 @@ 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;
@@ -451,8 +421,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -470,8 +438,6 @@ 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\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autocapitalize",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -490,8 +456,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"
@@ -510,8 +474,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the value will be cleared after focus upon edit."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "clear-on-edit",
                 "reflect": false,
                 "defaultValue": "false"
@@ -530,8 +492,6 @@ export class Textarea {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "debounce",
                 "reflect": false
             },
@@ -549,8 +509,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the textarea."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -569,8 +527,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "fill",
                 "reflect": false
             },
@@ -588,8 +544,6 @@ 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\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "inputmode",
                 "reflect": false
             },
@@ -607,8 +561,6 @@ 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\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "enterkeyhint",
                 "reflect": false
             },
@@ -626,8 +578,6 @@ export class Textarea {
                     "tags": [],
                     "text": "This attribute specifies the maximum number of characters that the user can enter."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "maxlength",
                 "reflect": false
             },
@@ -645,8 +595,6 @@ export class Textarea {
                     "tags": [],
                     "text": "This attribute specifies the minimum number of characters that the user can enter."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "minlength",
                 "reflect": false
             },
@@ -664,8 +612,6 @@ export class Textarea {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -684,8 +630,6 @@ export class Textarea {
                     "tags": [],
                     "text": "Instructional text that shows before the input has a value."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -703,8 +647,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user cannot modify the value."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -723,8 +665,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the user must fill in a value before submitting a form."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -743,8 +683,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the element will have its spelling and grammar checked."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "spellcheck",
                 "reflect": false,
                 "defaultValue": "false"
@@ -763,8 +701,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "cols",
                 "reflect": true
             },
@@ -782,8 +718,6 @@ export class Textarea {
                     "tags": [],
                     "text": "The number of visible text lines for the control."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "rows",
                 "reflect": false
             },
@@ -801,8 +735,6 @@ export class Textarea {
                     "tags": [],
                     "text": "Indicates how the control wraps text."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "wrap",
                 "reflect": false
             },
@@ -820,8 +752,6 @@ export class Textarea {
                     "tags": [],
                     "text": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "auto-grow",
                 "reflect": true,
                 "defaultValue": "false"
@@ -840,8 +770,6 @@ export class Textarea {
                     "tags": [],
                     "text": "The value of the textarea."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -860,8 +788,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "counter",
                 "reflect": false,
                 "defaultValue": "false"
@@ -879,9 +805,7 @@ 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",
@@ -897,8 +821,6 @@ export class Textarea {
                     "tags": [],
                     "text": "Text that is placed under the textarea and displayed when an error is detected."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "error-text",
                 "reflect": false
             },
@@ -916,8 +838,6 @@ export class Textarea {
                     "tags": [],
                     "text": "Text that is placed under the textarea and displayed when no error is detected."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "helper-text",
                 "reflect": false
             },
@@ -935,8 +855,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -954,8 +872,6 @@ 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 (\"...\")."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "label-placement",
                 "reflect": false,
                 "defaultValue": "'start'"
@@ -974,8 +890,6 @@ export class Textarea {
                     "tags": [],
                     "text": "The shape of the textarea. If \"round\" it will have an increased border radius."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "shape",
                 "reflect": false
             }

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

@@ -5,6 +5,10 @@ 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();
     }
@@ -65,8 +69,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -84,8 +86,6 @@ export class ToolbarTitle {
                     "tags": [],
                     "text": "The size of the toolbar title."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "size",
                 "reflect": false
             }