voyager-ionic-core 8.5.7 → 8.6.1

package/dist/collection/components/alert/alert.js

@@ -29,6 +29,42 @@ export class Alert {
         this.processedInputs = [];
         this.processedButtons = [];
         this.presented = false;
+        /** @internal */
+        this.hasController = false;
+        /**
+         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+         */
+        this.keyboardClose = true;
+        /**
+         * Array of buttons to be added to the alert.
+         */
+        this.buttons = [];
+        /**
+         * Array of input to show in the alert.
+         */
+        this.inputs = [];
+        /**
+         * If `true`, the alert will be dismissed when the backdrop is clicked.
+         */
+        this.backdropDismiss = true;
+        /**
+         * If `true`, the alert 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;
+        /**
+         * If `true`, the alert will animate.
+         */
+        this.animated = true;
+        /**
+         * If `true`, the alert will open. If `false`, the alert will close.
+         * Use this if you need finer grained control over presentation, otherwise
+         * just use the alertController or the `trigger` property.
+         * Note: `isOpen` will not automatically be set back to `false` when
+         * the alert dismisses. You will need to do that in your code.
+         */
+        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -39,24 +75,6 @@ export class Alert {
                 this.callButtonHandler(cancelButton);
             }
         };
-        this.overlayIndex = undefined;
-        this.delegate = undefined;
-        this.hasController = false;
-        this.keyboardClose = true;
-        this.enterAnimation = undefined;
-        this.leaveAnimation = undefined;
-        this.cssClass = undefined;
-        this.header = undefined;
-        this.subHeader = undefined;
-        this.message = undefined;
-        this.buttons = [];
-        this.inputs = [];
-        this.backdropDismiss = true;
-        this.translucent = false;
-        this.animated = true;
-        this.htmlAttributes = undefined;
-        this.isOpen = false;
-        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -445,6 +463,7 @@ export class Alert {
         return {
             "overlayIndex": {
                 "type": "number",
+                "attribute": "overlay-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -460,11 +479,13 @@ export class Alert {
                         }],
                     "text": ""
                 },
-                "attribute": "overlay-index",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "delegate": {
                 "type": "unknown",
+                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -485,10 +506,13 @@ export class Alert {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "hasController": {
                 "type": "boolean",
+                "attribute": "has-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -504,12 +528,14 @@ export class Alert {
                         }],
                     "text": ""
                 },
-                "attribute": "has-controller",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "keyboardClose": {
                 "type": "boolean",
+                "attribute": "keyboard-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -522,12 +548,14 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
                 },
-                "attribute": "keyboard-close",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "enterAnimation": {
                 "type": "unknown",
+                "attribute": "enter-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -545,10 +573,13 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is presented."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "leaveAnimation": {
                 "type": "unknown",
+                "attribute": "leave-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -566,10 +597,13 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is dismissed."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "cssClass": {
                 "type": "string",
+                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -582,11 +616,13 @@ export class Alert {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
-                "attribute": "css-class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "header": {
                 "type": "string",
+                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -599,11 +635,13 @@ export class Alert {
                     "tags": [],
                     "text": "The main title in the heading of the alert."
                 },
-                "attribute": "header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "subHeader": {
                 "type": "string",
+                "attribute": "sub-header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -616,11 +654,13 @@ export class Alert {
                     "tags": [],
                     "text": "The subtitle in the heading of the alert. Displayed under the title."
                 },
-                "attribute": "sub-header",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string | IonicSafeString",
@@ -639,11 +679,13 @@ export class Alert {
                     "tags": [],
                     "text": "The main message to be displayed in the alert.\n`message` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
                 },
-                "attribute": "message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "buttons": {
                 "type": "unknown",
+                "attribute": "buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "(AlertButton | string)[]",
@@ -662,10 +704,13 @@ export class Alert {
                     "tags": [],
                     "text": "Array of buttons to be added to the alert."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "inputs": {
                 "type": "unknown",
+                "attribute": "inputs",
                 "mutable": true,
                 "complexType": {
                     "original": "AlertInput[]",
@@ -684,10 +729,13 @@ export class Alert {
                     "tags": [],
                     "text": "Array of input to show in the alert."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "backdropDismiss": {
                 "type": "boolean",
+                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -700,12 +748,14 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will be dismissed when the backdrop is clicked."
                 },
-                "attribute": "backdrop-dismiss",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "translucent": {
                 "type": "boolean",
+                "attribute": "translucent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -718,12 +768,14 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert 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"
             },
             "animated": {
                 "type": "boolean",
+                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -736,12 +788,14 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will animate."
                 },
-                "attribute": "animated",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "htmlAttributes": {
                 "type": "unknown",
+                "attribute": "html-attributes",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",
@@ -753,10 +807,13 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the alert."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isOpen": {
                 "type": "boolean",
+                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -769,12 +826,14 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will open. If `false`, the alert will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the alertController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe alert dismisses. You will need to do that in your code."
                 },
-                "attribute": "is-open",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
                 "type": "string",
+                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -787,7 +846,8 @@ export class Alert {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the alert to open when clicked."
                 },
-                "attribute": "trigger",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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
             }
         };