@ionic/core 8.4.2-dev.11736277041.14f34ba1 → 8.4.2-dev.11736797843.16cc5058

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: '2e6fa159464f04f6d8720f960141f67918bc7534', role: "option", id: this.inputId, class: getIonMode(this) });
@@ -40,6 +42,8 @@ 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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -58,6 +62,8 @@ export class SelectOption {
                     "tags": [],
                     "text": "The text value of the option."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "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) {
@@ -134,6 +133,8 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The header text of the popover"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -151,6 +152,8 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The subheader text of the popover"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sub-header",
                 "reflect": false
             },
@@ -168,6 +171,8 @@ export class SelectPopover {
                     "tags": [],
                     "text": "The text content of the popover body"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "message",
                 "reflect": false
             },
@@ -185,6 +190,8 @@ export class SelectPopover {
                     "tags": [],
                     "text": "If true, the select accepts multiple values"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "multiple",
                 "reflect": false
             },
@@ -208,6 +215,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() {
@@ -59,6 +62,8 @@ export class SkeletonText {
                     "tags": [],
                     "text": "If `true`, the skeleton text will animate."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animated",
                 "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() {
@@ -79,6 +79,8 @@ 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)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -96,6 +98,8 @@ export class Spinner {
                     "tags": [],
                     "text": "Duration of the spinner animation in milliseconds. The default varies based on the spinner."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "duration",
                 "reflect": false
             },
@@ -119,6 +123,8 @@ 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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false
             },
@@ -136,6 +142,8 @@ export class Spinner {
                     "tags": [],
                     "text": "If `true`, the spinner's animation will be paused."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "paused",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -17,8 +17,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) {
@@ -155,6 +162,8 @@ 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`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content-id",
                 "reflect": true
             },
@@ -172,6 +181,8 @@ export class SplitPane {
                     "tags": [],
                     "text": "If `true`, the split pane will be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -190,6 +201,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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "when",
                 "reflect": false,
                 "defaultValue": "QUERY['lg']"

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

@@ -6,10 +6,8 @@ import { attachComponent } from "../../utils/framework-delegate";
 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) {
@@ -84,6 +82,8 @@ export class Tab {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -110,7 +110,9 @@ export class Tab {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "tab": {
                 "type": "string",
@@ -126,6 +128,8 @@ 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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab",
                 "reflect": false
             },
@@ -149,6 +153,8 @@ export class Tab {
                     "tags": [],
                     "text": "The component to display inside of the tab."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "component",
                 "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() {
@@ -93,6 +96,8 @@ 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)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -110,6 +115,8 @@ export class TabBar {
                     "tags": [],
                     "text": "The selected tab component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected-tab",
                 "reflect": false
             },
@@ -127,6 +134,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)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translucent",
                 "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;
@@ -114,6 +114,8 @@ export class TabButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the tab button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -132,6 +134,8 @@ export class TabButton {
                     "tags": [],
                     "text": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "download",
                 "reflect": false
             },
@@ -149,6 +153,8 @@ export class TabButton {
                     "tags": [],
                     "text": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false
             },
@@ -166,6 +172,8 @@ export class TabButton {
                     "tags": [],
                     "text": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rel",
                 "reflect": false
             },
@@ -189,6 +197,8 @@ export class TabButton {
                     "tags": [],
                     "text": "Set the layout of the text and icon in the tab bar.\nIt defaults to `\"icon-top\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "layout",
                 "reflect": false
             },
@@ -206,6 +216,8 @@ export class TabButton {
                     "tags": [],
                     "text": "The selected tab component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -224,6 +236,8 @@ export class TabButton {
                     "tags": [],
                     "text": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab",
                 "reflect": false
             },
@@ -241,6 +255,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\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false
             }

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

@@ -10,6 +10,8 @@ import { Host, h } from "@stencil/core";
 export class Tabs {
     constructor() {
         this.transitioning = false;
+        /** @internal */
+        this.useRouter = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
             if (this.useRouter && href !== undefined) {
@@ -22,8 +24,6 @@ export class Tabs {
                 this.select(tab);
             }
         };
-        this.selectedTab = undefined;
-        this.useRouter = false;
     }
     async componentWillLoad() {
         if (!this.useRouter) {
@@ -178,6 +178,8 @@ export class Tabs {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "use-router",
                 "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: 'e134d70c04344b708a2ecf6253722781ad2ca826', class: createColorClasses(this.color, {
@@ -51,6 +48,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)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": true
             }