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

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

@@ -9,11 +9,26 @@ 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;
-        this.multiple = undefined;
-        this.value = undefined;
+        /**
+         * If `true`, the accordion group cannot be interacted with.
+         */
         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() {
@@ -234,6 +249,8 @@ 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"
@@ -252,6 +269,8 @@ 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
             },
@@ -269,6 +288,8 @@ 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
             },
@@ -286,6 +307,8 @@ export class AccordionGroup {
                     "tags": [],
                     "text": "If `true`, the accordion group cannot be interacted with."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -304,6 +327,8 @@ 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"
@@ -322,6 +347,8 @@ 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,6 +21,38 @@ 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);
         };
@@ -31,22 +63,6 @@ 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) {
@@ -234,6 +250,8 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "overlay-index",
                 "reflect": false
             },
@@ -259,7 +277,9 @@ export class ActionSheet {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "hasController": {
                 "type": "boolean",
@@ -278,6 +298,8 @@ export class ActionSheet {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
@@ -296,6 +318,8 @@ 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"
@@ -319,7 +343,9 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is presented."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "leaveAnimation": {
                 "type": "unknown",
@@ -340,7 +366,9 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the action sheet is dismissed."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "buttons": {
                 "type": "unknown",
@@ -362,6 +390,8 @@ export class ActionSheet {
                     "tags": [],
                     "text": "An array of buttons for the action sheet."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "cssClass": {
@@ -378,6 +408,8 @@ 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
             },
@@ -395,6 +427,8 @@ 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"
@@ -413,6 +447,8 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Title for the action sheet."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -430,6 +466,8 @@ export class ActionSheet {
                     "tags": [],
                     "text": "Subtitle for the action sheet."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "sub-header",
                 "reflect": false
             },
@@ -447,6 +485,8 @@ 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"
@@ -465,6 +505,8 @@ export class ActionSheet {
                     "tags": [],
                     "text": "If `true`, the action sheet will animate."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
@@ -482,7 +524,9 @@ export class ActionSheet {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the action sheet."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isOpen": {
                 "type": "boolean",
@@ -498,6 +542,8 @@ 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"
@@ -516,6 +562,8 @@ 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,6 +28,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);
         };
@@ -38,24 +74,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) {
@@ -433,6 +451,8 @@ export class Alert {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "overlay-index",
                 "reflect": false
             },
@@ -458,7 +478,9 @@ export class Alert {
                             "text": undefined
                         }],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "hasController": {
                 "type": "boolean",
@@ -477,6 +499,8 @@ export class Alert {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
@@ -495,6 +519,8 @@ 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"
@@ -518,7 +544,9 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is presented."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "leaveAnimation": {
                 "type": "unknown",
@@ -539,7 +567,9 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the alert is dismissed."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "cssClass": {
                 "type": "string",
@@ -555,6 +585,8 @@ 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
             },
@@ -572,6 +604,8 @@ export class Alert {
                     "tags": [],
                     "text": "The main title in the heading of the alert."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "header",
                 "reflect": false
             },
@@ -589,6 +623,8 @@ 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
             },
@@ -612,6 +648,8 @@ 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
             },
@@ -635,6 +673,8 @@ export class Alert {
                     "tags": [],
                     "text": "Array of buttons to be added to the alert."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "inputs": {
@@ -657,6 +697,8 @@ export class Alert {
                     "tags": [],
                     "text": "Array of input to show in the alert."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "backdropDismiss": {
@@ -673,6 +715,8 @@ 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"
@@ -691,6 +735,8 @@ 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"
@@ -709,6 +755,8 @@ export class Alert {
                     "tags": [],
                     "text": "If `true`, the alert will animate."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
@@ -726,7 +774,9 @@ export class Alert {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the alert."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isOpen": {
                 "type": "boolean",
@@ -742,6 +792,8 @@ 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"
@@ -760,6 +812,8 @@ 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,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);
@@ -120,6 +121,8 @@ 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
             },
@@ -137,6 +140,8 @@ 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
             },
@@ -154,6 +159,8 @@ export class BackButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -172,6 +179,8 @@ 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
             },
@@ -189,6 +198,8 @@ export class BackButton {
                     "tags": [],
                     "text": "The text to display in the back button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text",
                 "reflect": false
             },
@@ -206,6 +217,8 @@ export class BackButton {
                     "tags": [],
                     "text": "The type of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -229,7 +242,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) {
@@ -59,6 +68,8 @@ export class Backdrop {
                     "tags": [],
                     "text": "If `true`, the backdrop will be visible."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "visible",
                 "reflect": false,
                 "defaultValue": "true"
@@ -77,6 +88,8 @@ 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"
@@ -95,6 +108,8 @@ 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,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, {
@@ -53,6 +50,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)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": true
             }