@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11737633140.1934dd0f

package/dist/collection/components/accordion-group/accordion-group.js

@@ -9,26 +9,11 @@ import { getIonMode } from "../../global/ionic-global";
  */
 export class AccordionGroup {
     constructor() {
-        /**
-         * If `true`, all accordions inside of the
-         * accordion group will animate when expanding
-         * or collapsing.
-         */
         this.animated = true;
-        /**
-         * If `true`, the accordion group cannot be interacted with.
-         */
+        this.multiple = undefined;
+        this.value = undefined;
         this.disabled = false;
-        /**
-         * If `true`, the accordion group cannot be interacted with,
-         * but does not alter the opacity.
-         */
         this.readonly = false;
-        /**
-         * Describes the expansion behavior for each accordion.
-         * Possible values are `"compact"` and `"inset"`.
-         * Defaults to `"compact"`.
-         */
         this.expand = 'compact';
     }
     valueChanged() {
@@ -249,8 +234,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, all accordions inside of the\naccordion group will animate when expanding\nor collapsing."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
@@ -269,8 +252,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group can have multiple\naccordion components expanded at the same time."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "multiple",
                 "reflect": false
             },
@@ -288,8 +269,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -307,8 +286,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group cannot be interacted with."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -327,8 +304,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -347,8 +322,6 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "Describes the expansion behavior for each accordion.\nPossible values are `\"compact\"` and `\"inset\"`.\nDefaults to `\"compact\"`."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "expand",
                 "reflect": false,
                 "defaultValue": "'compact'"

package/dist/collection/components/action-sheet/action-sheet.js

@@ -21,38 +21,6 @@ export class ActionSheet {
         this.lockController = createLockController();
         this.triggerController = createTriggerController();
         this.presented = false;
-        /** @internal */
-        this.hasController = false;
-        /**
-         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-         */
-        this.keyboardClose = true;
-        /**
-         * An array of buttons for the action sheet.
-         */
-        this.buttons = [];
-        /**
-         * If `true`, the action sheet will be dismissed when the backdrop is clicked.
-         */
-        this.backdropDismiss = true;
-        /**
-         * If `true`, the action sheet 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 action sheet will animate.
-         */
-        this.animated = true;
-        /**
-         * If `true`, the action sheet will open. If `false`, the action sheet will close.
-         * Use this if you need finer grained control over presentation, otherwise
-         * just use the actionSheetController or the `trigger` property.
-         * Note: `isOpen` will not automatically be set back to `false` when
-         * the action sheet dismisses. You will need to do that in your code.
-         */
-        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -63,6 +31,22 @@ export class ActionSheet {
                 this.callButtonHandler(cancelButton);
             }
         };
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.hasController = false;
+        this.keyboardClose = true;
+        this.enterAnimation = undefined;
+        this.leaveAnimation = undefined;
+        this.buttons = [];
+        this.cssClass = undefined;
+        this.backdropDismiss = true;
+        this.header = undefined;
+        this.subHeader = undefined;
+        this.translucent = false;
+        this.animated = true;
+        this.htmlAttributes = undefined;
+        this.isOpen = false;
+        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -250,8 +234,6 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "overlay-index",
                 "reflect": false
             },
@@ -277,9 +259,7 @@ export class ActionSheet {
                             "text": undefined
                         }],
                     "text": ""
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "hasController": {
                 "type": "boolean",
@@ -298,8 +278,6 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
@@ -318,8 +296,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "keyboard-close",
                 "reflect": false,
                 "defaultValue": "true"
@@ -343,9 +319,7 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is presented."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "leaveAnimation": {
                 "type": "unknown",
@@ -366,9 +340,7 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is dismissed."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "buttons": {
                 "type": "unknown",
@@ -390,8 +362,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "An array of buttons for the action sheet."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "cssClass": {
@@ -408,8 +378,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "css-class",
                 "reflect": false
             },
@@ -427,8 +395,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will be dismissed when the backdrop is clicked."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "true"
@@ -447,8 +413,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Title for the action sheet."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -466,8 +430,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Subtitle for the action sheet."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "sub-header",
                 "reflect": false
             },
@@ -485,8 +447,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet 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"
@@ -505,8 +465,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will animate."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
@@ -524,9 +482,7 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the action sheet."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "isOpen": {
                 "type": "boolean",
@@ -542,8 +498,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will open. If `false`, the action sheet will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the actionSheetController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe action sheet dismisses. You will need to do that in your code."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"
@@ -562,8 +516,6 @@ export class ActionSheet {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the action sheet to open when clicked."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "trigger",
                 "reflect": false
             }

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

@@ -28,42 +28,6 @@ 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);
         };
@@ -74,6 +38,24 @@ 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) {
@@ -451,8 +433,6 @@ export class Alert {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "overlay-index",
                 "reflect": false
             },
@@ -478,9 +458,7 @@ export class Alert {
                             "text": undefined
                         }],
                     "text": ""
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "hasController": {
                 "type": "boolean",
@@ -499,8 +477,6 @@ export class Alert {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
@@ -519,8 +495,6 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "keyboard-close",
                 "reflect": false,
                 "defaultValue": "true"
@@ -544,9 +518,7 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is presented."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "leaveAnimation": {
                 "type": "unknown",
@@ -567,9 +539,7 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is dismissed."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "cssClass": {
                 "type": "string",
@@ -585,8 +555,6 @@ export class Alert {
                     "tags": [],
                     "text": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "css-class",
                 "reflect": false
             },
@@ -604,8 +572,6 @@ export class Alert {
                     "tags": [],
                     "text": "The main title in the heading of the alert."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -623,8 +589,6 @@ export class Alert {
                     "tags": [],
                     "text": "The subtitle in the heading of the alert. Displayed under the title."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "sub-header",
                 "reflect": false
             },
@@ -648,8 +612,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "message",
                 "reflect": false
             },
@@ -673,8 +635,6 @@ export class Alert {
                     "tags": [],
                     "text": "Array of buttons to be added to the alert."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "inputs": {
@@ -697,8 +657,6 @@ export class Alert {
                     "tags": [],
                     "text": "Array of input to show in the alert."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "backdropDismiss": {
@@ -715,8 +673,6 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will be dismissed when the backdrop is clicked."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "true"
@@ -735,8 +691,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "translucent",
                 "reflect": false,
                 "defaultValue": "false"
@@ -755,8 +709,6 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will animate."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
@@ -774,9 +726,7 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the alert."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "isOpen": {
                 "type": "boolean",
@@ -792,8 +742,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"
@@ -812,8 +760,6 @@ export class Alert {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the alert to open when clicked."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "trigger",
                 "reflect": false
             }

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

@@ -17,14 +17,6 @@ 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();
@@ -33,6 +25,13 @@ 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);
@@ -121,8 +120,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             },
@@ -140,8 +137,6 @@ export class BackButton {
                     "tags": [],
                     "text": "The url to navigate back to by default when there is no history."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "default-href",
                 "reflect": false
             },
@@ -159,8 +154,6 @@ export class BackButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -179,8 +172,6 @@ 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."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "icon",
                 "reflect": false
             },
@@ -198,8 +189,6 @@ export class BackButton {
                     "tags": [],
                     "text": "The text to display in the back button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "text",
                 "reflect": false
             },
@@ -217,8 +206,6 @@ export class BackButton {
                     "tags": [],
                     "text": "The type of the button."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -242,9 +229,7 @@ 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,17 +5,8 @@ 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) {
@@ -68,8 +59,6 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will be visible."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "visible",
                 "reflect": false,
                 "defaultValue": "true"
@@ -88,8 +77,6 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tappable",
                 "reflect": false,
                 "defaultValue": "true"
@@ -108,8 +95,6 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will stop propagation on tap."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "stop-propagation",
                 "reflect": false,
                 "defaultValue": "true"

package/dist/collection/components/badge/badge.js

@@ -8,6 +8,9 @@ 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, {
@@ -50,8 +53,6 @@ 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)."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "color",
                 "reflect": true
             }