@ionic/core 8.5.4-dev.11744406052.1d9f8ea6 → 8.5.4-dev.11744646756.1244bf71

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

@@ -17,6 +17,14 @@ 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();
@@ -25,13 +33,6 @@ 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);
@@ -102,6 +103,7 @@ export class BackButton {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -120,11 +122,13 @@ 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)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "defaultHref": {
                 "type": "string",
+                "attribute": "default-href",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -137,11 +141,13 @@ export class BackButton {
                     "tags": [],
                     "text": "The url to navigate back to by default when there is no history."
                 },
-                "attribute": "default-href",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -154,12 +160,14 @@ export class BackButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -172,11 +180,13 @@ 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."
                 },
-                "attribute": "icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | null",
@@ -189,11 +199,13 @@ export class BackButton {
                     "tags": [],
                     "text": "The text to display in the back button."
                 },
-                "attribute": "text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'submit' | 'reset' | 'button'",
@@ -206,12 +218,14 @@ export class BackButton {
                     "tags": [],
                     "text": "The type of the button."
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'button'"
             },
             "routerAnimation": {
                 "type": "unknown",
+                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder | undefined",
@@ -229,7 +243,9 @@ 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,8 +5,17 @@ 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) {
@@ -47,6 +56,7 @@ export class Backdrop {
         return {
             "visible": {
                 "type": "boolean",
+                "attribute": "visible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -59,12 +69,14 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will be visible."
                 },
-                "attribute": "visible",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "tappable": {
                 "type": "boolean",
+                "attribute": "tappable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -77,12 +89,14 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event."
                 },
-                "attribute": "tappable",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "stopPropagation": {
                 "type": "boolean",
+                "attribute": "stop-propagation",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -95,7 +109,8 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will stop propagation on tap."
                 },
-                "attribute": "stop-propagation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             }

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

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -16,6 +16,23 @@ 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();
         };
@@ -25,19 +42,6 @@ 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);
@@ -102,6 +106,7 @@ export class Breadcrumb {
         return {
             "collapsed": {
                 "type": "boolean",
+                "attribute": "collapsed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -117,12 +122,14 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "attribute": "collapsed",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "last": {
                 "type": "boolean",
+                "attribute": "last",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -138,11 +145,13 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "attribute": "last",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showCollapsedIndicator": {
                 "type": "boolean",
+                "attribute": "show-collapsed-indicator",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -158,11 +167,13 @@ export class Breadcrumb {
                         }],
                     "text": ""
                 },
-                "attribute": "show-collapsed-indicator",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -181,11 +192,13 @@ 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)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -198,12 +211,14 @@ 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."
                 },
-                "attribute": "active",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -216,12 +231,14 @@ export class Breadcrumb {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the breadcrumb."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "download": {
                 "type": "string",
+                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -234,11 +251,13 @@ 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)."
                 },
-                "attribute": "download",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -251,11 +270,13 @@ 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."
                 },
-                "attribute": "href",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "rel": {
                 "type": "string",
+                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -268,11 +289,13 @@ 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)."
                 },
-                "attribute": "rel",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "separator": {
                 "type": "boolean",
+                "attribute": "separator",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean | undefined",
@@ -285,11 +308,13 @@ 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."
                 },
-                "attribute": "separator",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -302,11 +327,13 @@ 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\"`."
                 },
-                "attribute": "target",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "routerDirection": {
                 "type": "string",
+                "attribute": "router-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "RouterDirection",
@@ -325,12 +352,14 @@ export class Breadcrumb {
                     "tags": [],
                     "text": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`."
                 },
-                "attribute": "router-direction",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'forward'"
             },
             "routerAnimation": {
                 "type": "unknown",
+                "attribute": "router-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder | undefined",
@@ -348,7 +377,9 @@ 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,6 +10,18 @@ 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();
@@ -83,12 +95,6 @@ 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();
@@ -130,6 +136,7 @@ export class Breadcrumbs {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -148,11 +155,13 @@ 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)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "maxItems": {
                 "type": "number",
+                "attribute": "max-items",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -165,11 +174,13 @@ export class Breadcrumbs {
                     "tags": [],
                     "text": "The maximum number of breadcrumbs to show before collapsing."
                 },
-                "attribute": "max-items",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "itemsBeforeCollapse": {
                 "type": "number",
+                "attribute": "items-before-collapse",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -182,12 +193,14 @@ 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."
                 },
-                "attribute": "items-before-collapse",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "1"
             },
             "itemsAfterCollapse": {
                 "type": "number",
+                "attribute": "items-after-collapse",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -200,7 +213,8 @@ 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."
                 },
-                "attribute": "items-after-collapse",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "1"
             }