voyager-ionic-core 8.5.7 → 8.6.1

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

@@ -7,8 +7,6 @@ import { safeCall } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
 export class SelectModal {
     constructor() {
-        this.header = undefined;
-        this.multiple = undefined;
         this.options = [];
     }
     closeModal() {
@@ -77,7 +75,7 @@ export class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (h(Host, { key: '885198a9f21884e3bfb9bf0af53e0ee3ae37b231', class: getIonMode(this) }, h("ion-header", { key: 'd8b63726869747ac711e4fda78a50ce46f72970c' }, h("ion-toolbar", { key: '9ab2a4c1480dd74eeae38d7b580a2e87fb71270e' }, this.header !== undefined && h("ion-title", { key: '87a7034385ef57f55cefdd0371dbb66a64827290' }, this.header), h("ion-buttons", { key: '0a35424ea13ca002abc9a43b6138730254f187d0', slot: "end" }, h("ion-button", { key: '238bf40b47128d9aa995d14d9ff9ebcae4f79492', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '4a256f3381f8cabbc7194337b8ae4aa1c3ab1066' }, h("ion-list", { key: 'acd38fc52024632176467ed6a84106a454021544' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: 'b6c0dec240b2e41985b15fdf4e5a6d3a145c1567', class: getIonMode(this) }, h("ion-header", { key: 'cd177e85ee0f62a60a3a708342d6ab6eb19a44dc' }, h("ion-toolbar", { key: 'aee8222a5a4daa540ad202b2e4cac1ef93d9558c' }, this.header !== undefined && h("ion-title", { key: '5f8fecc764d97bf840d3d4cfddeeccd118ab4436' }, this.header), h("ion-buttons", { key: '919033950d7c2b0101f96a9c9698219de9f568ea', slot: "end" }, h("ion-button", { key: '34b571cab6dced4bde555a077a21e91800829931', onClick: () => this.closeModal() }, "Close")))), h("ion-content", { key: '3c9153d26ba7a5a03d3b20fcd628d0c3031661a7' }, h("ion-list", { key: 'e00b222c071bc97c82ad1bba4db95a8a5c43ed6d' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     static get is() { return "ion-select-modal"; }
     static get encapsulation() { return "scoped"; }
@@ -99,6 +97,7 @@ export class SelectModal {
         return {
             "header": {
                 "type": "string",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -111,11 +110,13 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,11 +129,13 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "options": {
                 "type": "unknown",
+                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "SelectModalOption[]",
@@ -151,6 +154,8 @@ export class SelectModal {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             }
         };

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

@@ -6,11 +6,13 @@ 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) });
+        return h(Host, { key: '3a70eea9fa03a9acba582180761d18347c72acee', role: "option", id: this.inputId, class: getIonMode(this) });
     }
     static get is() { return "ion-select-option"; }
     static get encapsulation() { return "shadow"; }
@@ -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) {
@@ -102,7 +101,7 @@ export class SelectPopover {
     render() {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
-        return (h(Host, { key: '542367ab8fb72bfebf7e65630b91017d68827fd6', class: getIonMode(this) }, h("ion-list", { key: 'f2f0f37e1365cd7780b02de1a1698700d0df48a7' }, header !== undefined && h("ion-list-header", { key: '4b8800a68e800f19277a44b7074ca24b70218daf' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '932b7903daf97d5a57d289b7ee49e868bb9b0cf5' }, h("ion-label", { key: 'fc3f1b69aa2a0bc6125d35692dcad3a8a99fd160', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'eceab2f47afa95f04b138342b0bdbfa1f50919a8' }, subHeader), message !== undefined && h("p", { key: '70f4e27ad1316318efd0c17efce31e5e45c8fa02' }, message)))), this.renderOptions(options))));
+        return (h(Host, { key: 'ab931b49b59283825bd2afa3f7f995b0e6e05bef', class: getIonMode(this) }, h("ion-list", { key: '3bd12b67832607596b912a73d5b3ae9b954b244d' }, header !== undefined && h("ion-list-header", { key: '97da930246edf7423a039c030d40e3ff7a5148a3' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'c579df6ea8fac07bb0c59d34c69b149656863224' }, h("ion-label", { key: 'af699c5f465710ccb13b8cf8e7be66f0e8acfad1', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'df9a936d42064b134e843c7229f314a2a3ec7e80' }, subHeader), message !== undefined && h("p", { key: '9c3ddad378df00f106afa94e9928cf68c17124dd' }, message)))), this.renderOptions(options))));
     }
     static get is() { return "ion-select-popover"; }
     static get encapsulation() { return "scoped"; }
@@ -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() {
@@ -25,11 +28,11 @@ export class SkeletonText {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const mode = getIonMode(this);
-        return (h(Host, { key: 'c193f9a8e8efab5139544f047bdae4b6d421aa86', class: {
+        return (h(Host, { key: 'd86ef7392507cdbf48dfd3a71f02d7a83eda4aae', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: 'e15db679bd3c359b4df5123efd2f92e5b380fde3' }, "\u00A0")));
+            } }, h("span", { key: '8e8b5a232a6396d2bba691b05f9de4da44b2965c' }, "\u00A0")));
     }
     static get is() { return "ion-skeleton-text"; }
     static get encapsulation() { return "shadow"; }
@@ -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() {
@@ -39,7 +39,7 @@ export class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (h(Host, { key: 'e0dfa8a3ee2a0469eb31323f506750bd77d65797', class: createColorClasses(self.color, {
+        return (h(Host, { key: 'a33d6421fcc885995fbc7a348516525f68ca496c', class: createColorClasses(self.color, {
                 [mode]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -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) {
@@ -119,12 +126,12 @@ export class SplitPane {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '098801b5a318e2fc6913fb0d9079b1552927b99b', class: {
+        return (h(Host, { key: 'd5e30df12f1f1f855da4c66f98076b9dce762c59', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '8cbc6a942ecba54fc3c62027d46917db067b65c8' })));
+            } }, h("slot", { key: '3e30d7cf3bc1cf434e16876a0cb2a36377b8e00f' })));
     }
     static get is() { return "ion-split-pane"; }
     static get encapsulation() { return "shadow"; }
@@ -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) {
@@ -49,10 +47,10 @@ export class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (h(Host, { key: 'c36c113e74e12b58459df9e3b546ad4856187e90', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: 'dbad8fe9f1566277d14647626308eaf1601ab01f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, h("slot", { key: '0d7821dac70ba7a12edfb3331988f3df1566cc1a' })));
+            } }, h("slot", { key: '3be64f4e7161f6769aaf8e4dcb5293fcaa09af45' })));
     }
     static get is() { return "ion-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -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() {
@@ -51,11 +54,11 @@ export class TabBar {
         const { color, translucent, keyboardVisible } = this;
         const mode = getIonMode(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (h(Host, { key: '62303a7f9d8c98ffab51a5900c144c5117b9c543', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '275dc6c1b30f6928ce9039b2f445208bb3500ddc', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, h("slot", { key: '5771a9828f748c2bd6b5e26758b9723c6b3de5ff' })));
+            }) }, h("slot", { key: 'ceac20128d75c6a4a0f445f2df8deb8cc71fc4da' })));
     }
     static get is() { return "ion-tab-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -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"
             }