@ionic/core 8.5.4-dev.11744646756.1244bf71 → 8.5.4-dev.11744657992.1bb14c4f

package/dist/collection/components/input-password-toggle/input-password-toggle.js

@@ -11,10 +11,6 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class InputPasswordToggle {
     constructor() {
-        /**
-         * @internal
-         */
-        this.type = 'password';
         this.togglePasswordVisibility = () => {
             const { inputElRef } = this;
             if (!inputElRef) {
@@ -22,6 +18,10 @@ export class InputPasswordToggle {
             }
             inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';
         };
+        this.color = undefined;
+        this.showIcon = undefined;
+        this.hideIcon = undefined;
+        this.type = 'password';
     }
     /**
      * Whenever the input type changes we need to re-run validation to ensure the password
@@ -89,7 +89,6 @@ export class InputPasswordToggle {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -108,13 +107,11 @@ export class InputPasswordToggle {
                     "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
             },
             "showIcon": {
                 "type": "string",
-                "attribute": "show-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,13 +124,11 @@ export class InputPasswordToggle {
                     "tags": [],
                     "text": "The icon that can be used to represent showing a password. If not set, the \"eye\" Ionicon will be used."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-icon",
                 "reflect": false
             },
             "hideIcon": {
                 "type": "string",
-                "attribute": "hide-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -146,13 +141,11 @@ export class InputPasswordToggle {
                     "tags": [],
                     "text": "The icon that can be used to represent hiding a password. If not set, the \"eyeOff\" Ionicon will be used."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "hide-icon",
                 "reflect": false
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": true,
                 "complexType": {
                     "original": "TextFieldTypes",
@@ -174,8 +167,7 @@ export class InputPasswordToggle {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'password'"
             }

package/dist/collection/components/item/item.js

@@ -23,26 +23,18 @@ export class Item {
         this.inheritedAriaAttributes = {};
         this.multipleInputs = false;
         this.focusable = true;
-        /**
-         * If `true`, a button tag will be rendered and the item will be tappable.
-         */
+        this.color = undefined;
         this.button = false;
-        /**
-         * The icon to use when `detail` is set to `true`.
-         */
+        this.detail = undefined;
         this.detailIcon = chevronForward;
-        /**
-         * If `true`, the user cannot interact with the item.
-         */
         this.disabled = false;
-        /**
-         * When using a router, it specifies the transition direction when navigating to
-         * another page using `href`.
-         */
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
+        this.lines = undefined;
+        this.routerAnimation = undefined;
         this.routerDirection = 'forward';
-        /**
-         * The type of the button. Only used when an `onclick` or `button` property is present.
-         */
+        this.target = undefined;
         this.type = 'button';
     }
     buttonChanged() {
@@ -242,7 +234,6 @@ export class Item {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -261,13 +252,11 @@ export class Item {
                     "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
             },
             "button": {
                 "type": "boolean",
-                "attribute": "button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -280,14 +269,12 @@ export class Item {
                     "tags": [],
                     "text": "If `true`, a button tag will be rendered and the item will be tappable."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "button",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "detail": {
                 "type": "boolean",
-                "attribute": "detail",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -300,13 +287,11 @@ export class Item {
                     "tags": [],
                     "text": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "detail",
                 "reflect": false
             },
             "detailIcon": {
                 "type": "string",
-                "attribute": "detail-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -319,14 +304,12 @@ export class Item {
                     "tags": [],
                     "text": "The icon to use when `detail` is set to `true`."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "detail-icon",
                 "reflect": false,
                 "defaultValue": "chevronForward"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -339,14 +322,12 @@ export class Item {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the item."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "download": {
                 "type": "string",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -359,13 +340,11 @@ export class Item {
                     "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
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -378,13 +357,11 @@ export class Item {
                     "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
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -397,13 +374,11 @@ export class Item {
                     "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
             },
             "lines": {
                 "type": "string",
-                "attribute": "lines",
                 "mutable": false,
                 "complexType": {
                     "original": "'full' | 'inset' | 'none'",
@@ -416,13 +391,11 @@ export class Item {
                     "tags": [],
                     "text": "How the bottom border should be displayed on the item."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "lines",
                 "reflect": false
             },
             "routerAnimation": {
                 "type": "unknown",
-                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder | undefined",
@@ -440,13 +413,10 @@ export class Item {
                 "docs": {
                     "tags": [],
                     "text": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "routerDirection": {
                 "type": "string",
-                "attribute": "router-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "RouterDirection",
@@ -465,14 +435,12 @@ export class Item {
                     "tags": [],
                     "text": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "router-direction",
                 "reflect": false,
                 "defaultValue": "'forward'"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -485,13 +453,11 @@ export class Item {
                     "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
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'submit' | 'reset' | 'button'",
@@ -504,8 +470,7 @@ export class Item {
                     "tags": [],
                     "text": "The type of the button. Only used when an `onclick` or `button` property is present."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
             }

package/dist/collection/components/item-divider/item-divider.js

@@ -13,13 +13,7 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class ItemDivider {
     constructor() {
-        /**
-         * When it's set to `true`, the item-divider will stay visible when it reaches the top
-         * of the viewport until the next `ion-item-divider` replaces it.
-         *
-         * This feature relies in `position:sticky`:
-         * https://caniuse.com/#feat=css-sticky
-         */
+        this.color = undefined;
         this.sticky = false;
     }
     render() {
@@ -48,7 +42,6 @@ export class ItemDivider {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -67,13 +60,11 @@ export class ItemDivider {
                     "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
             },
             "sticky": {
                 "type": "boolean",
-                "attribute": "sticky",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -86,8 +77,7 @@ export class ItemDivider {
                     "tags": [],
                     "text": "When it's set to `true`, the item-divider will stay visible when it reaches the top\nof the viewport until the next `ion-item-divider` replaces it.\n\nThis feature relies in `position:sticky`:\nhttps://caniuse.com/#feat=css-sticky"
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "sticky",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/item-option/item-option.js

@@ -18,24 +18,20 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class ItemOption {
     constructor() {
-        /**
-         * If `true`, the user cannot interact with the item option.
-         */
-        this.disabled = false;
-        /**
-         * If `true`, the option will expand to take up the available width and cover any other options.
-         */
-        this.expandable = false;
-        /**
-         * The type of the button.
-         */
-        this.type = 'button';
         this.onClick = (ev) => {
             const el = ev.target.closest('ion-item-option');
             if (el) {
                 ev.preventDefault();
             }
         };
+        this.color = undefined;
+        this.disabled = false;
+        this.download = undefined;
+        this.expandable = false;
+        this.href = undefined;
+        this.rel = undefined;
+        this.target = undefined;
+        this.type = 'button';
     }
     render() {
         const { disabled, expandable, href } = this;
@@ -73,7 +69,6 @@ export class ItemOption {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -92,13 +87,11 @@ export class ItemOption {
                     "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
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -111,14 +104,12 @@ export class ItemOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the item option."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "download": {
                 "type": "string",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -131,13 +122,11 @@ export class ItemOption {
                     "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
             },
             "expandable": {
                 "type": "boolean",
-                "attribute": "expandable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -150,14 +139,12 @@ export class ItemOption {
                     "tags": [],
                     "text": "If `true`, the option will expand to take up the available width and cover any other options."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "expandable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -170,13 +157,11 @@ export class ItemOption {
                     "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
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -189,13 +174,11 @@ export class ItemOption {
                     "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
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -208,13 +191,11 @@ export class ItemOption {
                     "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
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'submit' | 'reset' | 'button'",
@@ -227,8 +208,7 @@ export class ItemOption {
                     "tags": [],
                     "text": "The type of the button."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
             }

package/dist/collection/components/item-options/item-options.js

@@ -6,10 +6,6 @@ import { isEndSide } from "../../utils/helpers";
 import { getIonMode } from "../../global/ionic-global";
 export class ItemOptions {
     constructor() {
-        /**
-         * The side the option button should be on. Possible values: `"start"` and `"end"`. If you have multiple `ion-item-options`, a side must be provided for each.
-         *
-         */
         this.side = 'end';
     }
     /** @internal */
@@ -54,7 +50,6 @@ export class ItemOptions {
         return {
             "side": {
                 "type": "string",
-                "attribute": "side",
                 "mutable": false,
                 "complexType": {
                     "original": "Side",
@@ -73,8 +68,7 @@ export class ItemOptions {
                     "tags": [],
                     "text": "The side the option button should be on. Possible values: `\"start\"` and `\"end\"`. If you have multiple `ion-item-options`, a side must be provided for each."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "side",
                 "reflect": false,
                 "defaultValue": "'end'"
             }

package/dist/collection/components/item-sliding/item-sliding.js

@@ -21,9 +21,6 @@ export class ItemSliding {
         this.contentEl = null;
         this.initialContentScrollY = true;
         this.state = 2 /* SlidingState.Disabled */;
-        /**
-         * If `true`, the user cannot interact with the sliding item.
-         */
         this.disabled = false;
     }
     disabledChanged() {
@@ -413,7 +410,6 @@ export class ItemSliding {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -426,8 +422,7 @@ export class ItemSliding {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the sliding item."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/label/label.js

@@ -10,6 +10,8 @@ import { getIonMode } from "../../global/ionic-global";
 export class Label {
     constructor() {
         this.inRange = false;
+        this.color = undefined;
+        this.position = undefined;
         this.noAnimate = false;
     }
     componentWillLoad() {
@@ -79,7 +81,6 @@ export class Label {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -98,13 +99,11 @@ export class Label {
                     "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
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "'fixed' | 'stacked' | 'floating'",
@@ -117,8 +116,7 @@ export class Label {
                     "tags": [],
                     "text": "The position determines where and how the label behaves inside an item."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "position",
                 "reflect": false
             }
         };

package/dist/collection/components/list/list.js

@@ -8,9 +8,7 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class List {
     constructor() {
-        /**
-         * If `true`, the list will have margin around it and rounded corners.
-         */
+        this.lines = undefined;
         this.inset = false;
     }
     /**
@@ -55,7 +53,6 @@ export class List {
         return {
             "lines": {
                 "type": "string",
-                "attribute": "lines",
                 "mutable": false,
                 "complexType": {
                     "original": "'full' | 'inset' | 'none'",
@@ -68,13 +65,11 @@ export class List {
                     "tags": [],
                     "text": "How the bottom border should be displayed on all items."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "lines",
                 "reflect": false
             },
             "inset": {
                 "type": "boolean",
-                "attribute": "inset",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -87,8 +82,7 @@ export class List {
                     "tags": [],
                     "text": "If `true`, the list will have margin around it and rounded corners."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "inset",
                 "reflect": false,
                 "defaultValue": "false"
             }