@ionic/core 8.5.7-dev.11746044124.147aab6c → 8.5.7-dev.11747180955.1e468923

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

@@ -6,8 +6,10 @@ import { getIonMode } from "../../global/ionic-global";
 export class SelectOption {
     constructor() {
         this.inputId = `ion-selopt-${selectOptionIds++}`;
+        /**
+         * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
+         */
         this.disabled = false;
-        this.value = undefined;
     }
     render() {
         return h(Host, { key: '8c96c199ce3a3065de3fe446500f567236e0610a', role: "option", id: this.inputId, class: getIonMode(this) });
@@ -28,6 +30,7 @@ export class SelectOption {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -40,12 +43,14 @@ export class SelectOption {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "any | null",
@@ -58,7 +63,8 @@ export class SelectOption {
                     "tags": [],
                     "text": "The text value of the option."
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/select-popover/select-popover.js

@@ -10,10 +10,9 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class SelectPopover {
     constructor() {
-        this.header = undefined;
-        this.subHeader = undefined;
-        this.message = undefined;
-        this.multiple = undefined;
+        /**
+         * An array of options for the popover
+         */
         this.options = [];
     }
     findOptionFromEvent(ev) {
@@ -122,6 +121,7 @@ export class SelectPopover {
         return {
             "header": {
                 "type": "string",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -134,11 +134,13 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The header text of the popover"
                 },
-                "attribute": "header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "subHeader": {
                 "type": "string",
+                "attribute": "sub-header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -151,11 +153,13 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The subheader text of the popover"
                 },
-                "attribute": "sub-header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +172,13 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The text content of the popover body"
                 },
-                "attribute": "message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -185,11 +191,13 @@ export class SelectPopover {
                     "tags": [],
                     "text": "If true, the select accepts multiple values"
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "options": {
                 "type": "unknown",
+                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "SelectPopoverOption[]",
@@ -208,6 +216,8 @@ export class SelectPopover {
                     "tags": [],
                     "text": "An array of options for the popover"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             }
         };

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

@@ -7,6 +7,9 @@ import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
 export class SkeletonText {
     constructor() {
+        /**
+         * If `true`, the skeleton text will animate.
+         */
         this.animated = false;
     }
     componentWillLoad() {
@@ -47,6 +50,7 @@ export class SkeletonText {
         return {
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -59,7 +63,8 @@ export class SkeletonText {
                     "tags": [],
                     "text": "If `true`, the skeleton text will animate."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/spinner/spinner.js

@@ -8,9 +8,9 @@ import { getIonMode } from "../../global/ionic-global";
 import { SPINNERS } from "./spinner-configs";
 export class Spinner {
     constructor() {
-        this.color = undefined;
-        this.duration = undefined;
-        this.name = undefined;
+        /**
+         * If `true`, the spinner's animation will be paused.
+         */
         this.paused = false;
     }
     getName() {
@@ -61,6 +61,7 @@ export class Spinner {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -79,11 +80,13 @@ export class Spinner {
                     "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
             },
             "duration": {
                 "type": "number",
+                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -96,11 +99,13 @@ export class Spinner {
                     "tags": [],
                     "text": "Duration of the spinner animation in milliseconds. The default varies based on the spinner."
                 },
-                "attribute": "duration",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "SpinnerTypes",
@@ -119,11 +124,13 @@ export class Spinner {
                     "tags": [],
                     "text": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used."
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paused": {
                 "type": "boolean",
+                "attribute": "paused",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -136,7 +143,8 @@ export class Spinner {
                     "tags": [],
                     "text": "If `true`, the spinner's animation will be paused."
                 },
-                "attribute": "paused",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/split-pane/split-pane.js

@@ -18,8 +18,15 @@ const QUERY = {
 export class SplitPane {
     constructor() {
         this.visible = false;
-        this.contentId = undefined;
+        /**
+         * If `true`, the split pane will be hidden.
+         */
         this.disabled = false;
+        /**
+         * When the split-pane should be shown.
+         * Can be a CSS media query expression, or a shortcut expression.
+         * Can also be a boolean expression.
+         */
         this.when = QUERY['lg'];
     }
     visibleChanged(visible) {
@@ -144,6 +151,7 @@ export class SplitPane {
         return {
             "contentId": {
                 "type": "string",
+                "attribute": "content-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -156,11 +164,13 @@ export class SplitPane {
                     "tags": [],
                     "text": "The `id` of the main content. When using\na router this is typically `ion-router-outlet`.\nWhen not using a router, this is typically\nyour main view's `ion-content`. This is not the\nid of the `ion-content` inside of your `ion-menu`."
                 },
-                "attribute": "content-id",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -173,12 +183,14 @@ export class SplitPane {
                     "tags": [],
                     "text": "If `true`, the split pane will be hidden."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "when": {
                 "type": "any",
+                "attribute": "when",
                 "mutable": false,
                 "complexType": {
                     "original": "string | boolean",
@@ -191,7 +203,8 @@ export class SplitPane {
                     "tags": [],
                     "text": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression."
                 },
-                "attribute": "when",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "QUERY['lg']"
             }

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

@@ -7,10 +7,8 @@ import { printIonError } from "../../utils/logging/index";
 export class Tab {
     constructor() {
         this.loaded = false;
+        /** @internal */
         this.active = false;
-        this.delegate = undefined;
-        this.tab = undefined;
-        this.component = undefined;
     }
     async componentWillLoad() {
         if (Build.isDev) {
@@ -70,6 +68,7 @@ export class Tab {
         return {
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -85,12 +84,14 @@ export class Tab {
                         }],
                     "text": ""
                 },
-                "attribute": "active",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "delegate": {
                 "type": "unknown",
+                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -111,10 +112,13 @@ export class Tab {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "tab": {
                 "type": "string",
+                "attribute": "tab",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,11 +131,13 @@ export class Tab {
                     "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."
                 },
-                "attribute": "tab",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "component": {
                 "type": "string",
+                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "ComponentRef",
@@ -150,7 +156,8 @@ export class Tab {
                     "tags": [],
                     "text": "The component to display inside of the tab."
                 },
-                "attribute": "component",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -12,8 +12,11 @@ export class TabBar {
     constructor() {
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
-        this.color = undefined;
-        this.selectedTab = undefined;
+        /**
+         * If `true`, the tab bar will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
         this.translucent = false;
     }
     selectedTabChanged() {
@@ -75,6 +78,7 @@ export class TabBar {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -93,11 +97,13 @@ export class TabBar {
                     "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
             },
             "selectedTab": {
                 "type": "string",
+                "attribute": "selected-tab",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -110,11 +116,13 @@ export class TabBar {
                     "tags": [],
                     "text": "The selected tab component"
                 },
-                "attribute": "selected-tab",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "translucent": {
                 "type": "boolean",
+                "attribute": "translucent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -127,7 +135,8 @@ export class TabBar {
                     "tags": [],
                     "text": "If `true`, the tab bar will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
                 },
-                "attribute": "translucent",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -13,6 +13,14 @@ 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);
@@ -21,14 +29,6 @@ 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;
@@ -102,6 +102,7 @@ export class TabButton {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -114,12 +115,14 @@ export class TabButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the tab button."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "download": {
                 "type": "string",
+                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -132,11 +135,13 @@ 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)."
                 },
-                "attribute": "download",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -149,11 +154,13 @@ 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."
                 },
-                "attribute": "href",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "rel": {
                 "type": "string",
+                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -166,11 +173,13 @@ 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)."
                 },
-                "attribute": "rel",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "layout": {
                 "type": "string",
+                "attribute": "layout",
                 "mutable": true,
                 "complexType": {
                     "original": "TabButtonLayout",
@@ -189,11 +198,13 @@ export class TabButton {
                     "tags": [],
                     "text": "Set the layout of the text and icon in the tab bar.\nIt defaults to `\"icon-top\"`."
                 },
-                "attribute": "layout",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "selected": {
                 "type": "boolean",
+                "attribute": "selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -206,12 +217,14 @@ export class TabButton {
                     "tags": [],
                     "text": "The selected tab component"
                 },
-                "attribute": "selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tab": {
                 "type": "string",
+                "attribute": "tab",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -224,11 +237,13 @@ 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."
                 },
-                "attribute": "tab",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -241,7 +256,8 @@ 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\"`."
                 },
-                "attribute": "target",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -11,6 +11,8 @@ import { printIonError } from "../../utils/logging/index";
 export class Tabs {
     constructor() {
         this.transitioning = false;
+        /** @internal */
+        this.useRouter = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
             if (this.useRouter && href !== undefined) {
@@ -23,8 +25,6 @@ export class Tabs {
                 this.select(tab);
             }
         };
-        this.selectedTab = undefined;
-        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {
@@ -164,6 +164,7 @@ export class Tabs {
         return {
             "useRouter": {
                 "type": "boolean",
+                "attribute": "use-router",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -179,7 +180,8 @@ export class Tabs {
                         }],
                     "text": ""
                 },
-                "attribute": "use-router",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -8,9 +8,6 @@ import { getIonMode } from "../../global/ionic-global";
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export class Text {
-    constructor() {
-        this.color = undefined;
-    }
     render() {
         const mode = getIonMode(this);
         return (h(Host, { key: '0c2546ea3f24b0a6bfd606199441d0a4edfa4ca1', class: createColorClasses(this.color, {
@@ -33,6 +30,7 @@ export class Text {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -51,7 +49,8 @@ export class Text {
                     "tags": [],
                     "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             }
         };