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

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

@@ -17,14 +17,6 @@ import { getIonMode } from "../../global/ionic-global";
 export class BackButton {
     constructor() {
         this.inheritedAttributes = {};
-        /**
-         * If `true`, the user cannot interact with the button.
-         */
-        this.disabled = false;
-        /**
-         * The type of the button.
-         */
-        this.type = 'button';
         this.onClick = async (ev) => {
             const nav = this.el.closest('ion-nav');
             ev.preventDefault();
@@ -33,6 +25,13 @@ export class BackButton {
             }
             return openURL(this.defaultHref, ev, 'back', this.routerAnimation);
         };
+        this.color = undefined;
+        this.defaultHref = undefined;
+        this.disabled = false;
+        this.icon = undefined;
+        this.text = undefined;
+        this.type = 'button';
+        this.routerAnimation = undefined;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);
@@ -103,7 +102,6 @@ export class BackButton {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -122,13 +120,11 @@ export class BackButton {
                     "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
             },
             "defaultHref": {
                 "type": "string",
-                "attribute": "default-href",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -141,13 +137,11 @@ export class BackButton {
                     "tags": [],
                     "text": "The url to navigate back to by default when there is no history."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "default-href",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -160,14 +154,12 @@ export class BackButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -180,13 +172,11 @@ export class BackButton {
                     "tags": [],
                     "text": "The built-in named SVG icon name or the exact `src` of an SVG file\nto use for the back button."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon",
                 "reflect": false
             },
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -199,13 +189,11 @@ export class BackButton {
                     "tags": [],
                     "text": "The text to display in the back button."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "text",
                 "reflect": false
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'submit' | 'reset' | 'button'",
@@ -218,14 +206,12 @@ export class BackButton {
                     "tags": [],
                     "text": "The type of the button."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
             },
             "routerAnimation": {
                 "type": "unknown",
-                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder | undefined",
@@ -243,9 +229,7 @@ export class BackButton {
                 "docs": {
                     "tags": [],
                     "text": "When using a router, it specifies the transition animation when navigating to\nanother page."
-                },
-                "getter": false,
-                "setter": false
+                }
             }
         };
     }

package/dist/collection/components/backdrop/backdrop.js

@@ -5,17 +5,8 @@ import { Host, h } from "@stencil/core";
 import { getIonMode } from "../../global/ionic-global";
 export class Backdrop {
     constructor() {
-        /**
-         * If `true`, the backdrop will be visible.
-         */
         this.visible = true;
-        /**
-         * If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.
-         */
         this.tappable = true;
-        /**
-         * If `true`, the backdrop will stop propagation on tap.
-         */
         this.stopPropagation = true;
     }
     onMouseDown(ev) {
@@ -56,7 +47,6 @@ export class Backdrop {
         return {
             "visible": {
                 "type": "boolean",
-                "attribute": "visible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -69,14 +59,12 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will be visible."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "visible",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "tappable": {
                 "type": "boolean",
-                "attribute": "tappable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -89,14 +77,12 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "tappable",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "stopPropagation": {
                 "type": "boolean",
-                "attribute": "stop-propagation",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -109,8 +95,7 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will stop propagation on tap."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "stop-propagation",
                 "reflect": false,
                 "defaultValue": "true"
             }

package/dist/collection/components/badge/badge.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 Badge {
+    constructor() {
+        this.color = undefined;
+    }
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: '1a2d39c5deec771a2f2196447627b62a7d4c8389', class: createColorClasses(this.color, {
@@ -32,7 +35,6 @@ export class Badge {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -51,8 +53,7 @@ export class Badge {
                     "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/breadcrumb/breadcrumb.js

@@ -16,23 +16,6 @@ import { getIonMode } from "../../global/ionic-global";
 export class Breadcrumb {
     constructor() {
         this.inheritedAttributes = {};
-        /** @internal */
-        this.collapsed = false;
-        /**
-         * If `true`, the breadcrumb will take on a different look to show that
-         * it is the currently active breadcrumb. Defaults to `true` for the
-         * last breadcrumb if it is not set on any.
-         */
-        this.active = false;
-        /**
-         * If `true`, the user cannot interact with the breadcrumb.
-         */
-        this.disabled = false;
-        /**
-         * When using a router, it specifies the transition direction when navigating to
-         * another page using `href`.
-         */
-        this.routerDirection = 'forward';
         this.onFocus = () => {
             this.ionFocus.emit();
         };
@@ -42,6 +25,19 @@ export class Breadcrumb {
         this.collapsedIndicatorClick = () => {
             this.collapsedClick.emit({ ionShadowTarget: this.collapsedRef });
         };
+        this.collapsed = false;
+        this.last = undefined;
+        this.showCollapsedIndicator = undefined;
+        this.color = undefined;
+        this.active = false;
+        this.disabled = false;
+        this.download = undefined;
+        this.href = undefined;
+        this.rel = undefined;
+        this.separator = undefined;
+        this.target = undefined;
+        this.routerDirection = 'forward';
+        this.routerAnimation = undefined;
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el);
@@ -106,7 +102,6 @@ export class Breadcrumb {
         return {
             "collapsed": {
                 "type": "boolean",
-                "attribute": "collapsed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -122,14 +117,12 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "collapsed",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "last": {
                 "type": "boolean",
-                "attribute": "last",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -145,13 +138,11 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "last",
                 "reflect": false
             },
             "showCollapsedIndicator": {
                 "type": "boolean",
-                "attribute": "show-collapsed-indicator",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -167,13 +158,11 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-collapsed-indicator",
                 "reflect": false
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -192,13 +181,11 @@ export class Breadcrumb {
                     "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": false
             },
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -211,14 +198,12 @@ export class Breadcrumb {
                     "tags": [],
                     "text": "If `true`, the breadcrumb will take on a different look to show that\nit is the currently active breadcrumb. Defaults to `true` for the\nlast breadcrumb if it is not set on any."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -231,14 +216,12 @@ export class Breadcrumb {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the breadcrumb."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "download": {
                 "type": "string",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -251,13 +234,11 @@ export class Breadcrumb {
                     "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",
@@ -270,13 +251,11 @@ export class Breadcrumb {
                     "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",
@@ -289,13 +268,11 @@ export class Breadcrumb {
                     "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
             },
             "separator": {
                 "type": "boolean",
-                "attribute": "separator",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean | undefined",
@@ -308,13 +285,11 @@ export class Breadcrumb {
                     "tags": [],
                     "text": "If true, show a separator between this breadcrumb and the next.\nDefaults to `true` for all breadcrumbs except the last."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "separator",
                 "reflect": false
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -327,13 +302,11 @@ export class Breadcrumb {
                     "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
             },
             "routerDirection": {
                 "type": "string",
-                "attribute": "router-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "RouterDirection",
@@ -352,14 +325,12 @@ export class Breadcrumb {
                     "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'"
             },
             "routerAnimation": {
                 "type": "unknown",
-                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder | undefined",
@@ -377,9 +348,7 @@ export class Breadcrumb {
                 "docs": {
                     "tags": [],
                     "text": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-                },
-                "getter": false,
-                "setter": false
+                }
             }
         };
     }

package/dist/collection/components/breadcrumbs/breadcrumbs.js

@@ -10,18 +10,6 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class Breadcrumbs {
     constructor() {
-        /**
-         * The number of breadcrumbs to show before the collapsed indicator.
-         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
-         * the breadcrumbs will not be collapsed.
-         */
-        this.itemsBeforeCollapse = 1;
-        /**
-         * The number of breadcrumbs to show after the collapsed indicator.
-         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
-         * the breadcrumbs will not be collapsed.
-         */
-        this.itemsAfterCollapse = 1;
         this.breadcrumbsInit = () => {
             this.setBreadcrumbSeparator();
             this.setMaxItems();
@@ -95,6 +83,12 @@ export class Breadcrumbs {
             this.resetActiveBreadcrumb();
             this.breadcrumbsInit();
         };
+        this.collapsed = undefined;
+        this.activeChanged = undefined;
+        this.color = undefined;
+        this.maxItems = undefined;
+        this.itemsBeforeCollapse = 1;
+        this.itemsAfterCollapse = 1;
     }
     onCollapsedClick(ev) {
         const breadcrumbs = this.getBreadcrumbs();
@@ -136,7 +130,6 @@ export class Breadcrumbs {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -155,13 +148,11 @@ export class Breadcrumbs {
                     "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
             },
             "maxItems": {
                 "type": "number",
-                "attribute": "max-items",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -174,13 +165,11 @@ export class Breadcrumbs {
                     "tags": [],
                     "text": "The maximum number of breadcrumbs to show before collapsing."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "max-items",
                 "reflect": false
             },
             "itemsBeforeCollapse": {
                 "type": "number",
-                "attribute": "items-before-collapse",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -193,14 +182,12 @@ export class Breadcrumbs {
                     "tags": [],
                     "text": "The number of breadcrumbs to show before the collapsed indicator.\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\nthe breadcrumbs will not be collapsed."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "items-before-collapse",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "itemsAfterCollapse": {
                 "type": "number",
-                "attribute": "items-after-collapse",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -213,8 +200,7 @@ export class Breadcrumbs {
                     "tags": [],
                     "text": "The number of breadcrumbs to show after the collapsed indicator.\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\nthe breadcrumbs will not be collapsed."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "items-after-collapse",
                 "reflect": false,
                 "defaultValue": "1"
             }