@ionic/core 8.5.4-dev.11744646756.1244bf71 → 8.5.4-dev.11744657992.1bb14c4f

package/dist/collection/components/toast/toast.js

@@ -35,54 +35,6 @@ export class Toast {
         this.triggerController = createTriggerController();
         this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
         this.presented = false;
-        /**
-         * When `true`, content inside of .toast-content
-         * will have aria-hidden elements removed causing
-         * screen readers to announce the remaining content.
-         */
-        this.revealContentToScreenReader = false;
-        /** @internal */
-        this.hasController = false;
-        /**
-         * How many milliseconds to wait before hiding the toast. By default, it will show
-         * until `dismiss()` is called.
-         */
-        this.duration = config.getNumber('toastDuration', 0);
-        /**
-         * Defines how the message and buttons are laid out in the toast.
-         * 'baseline': The message and the buttons will appear on the same line.
-         * Message text may wrap within the message container.
-         * 'stacked': The buttons containers and message will stack on top
-         * of each other. Use this if you have long text in your buttons.
-         */
-        this.layout = 'baseline';
-        /**
-         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-         */
-        this.keyboardClose = false;
-        /**
-         * The starting position of the toast on the screen. Can be tweaked further
-         * using the `positionAnchor` property.
-         */
-        this.position = 'bottom';
-        /**
-         * If `true`, the toast 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 toast will animate.
-         */
-        this.animated = true;
-        /**
-         * If `true`, the toast will open. If `false`, the toast will close.
-         * Use this if you need finer grained control over presentation, otherwise
-         * just use the toastController or the `trigger` property.
-         * Note: `isOpen` will not automatically be set back to `false` when
-         * the toast dismisses. You will need to do that in your code.
-         */
-        this.isOpen = false;
         this.dispatchCancelHandler = (ev) => {
             const role = ev.detail.role;
             if (isCancel(role)) {
@@ -125,6 +77,29 @@ export class Toast {
             const { swipeGesture } = this;
             return swipeGesture === 'vertical';
         };
+        this.revealContentToScreenReader = false;
+        this.overlayIndex = undefined;
+        this.delegate = undefined;
+        this.hasController = false;
+        this.color = undefined;
+        this.enterAnimation = undefined;
+        this.leaveAnimation = undefined;
+        this.cssClass = undefined;
+        this.duration = config.getNumber('toastDuration', 0);
+        this.header = undefined;
+        this.layout = 'baseline';
+        this.message = undefined;
+        this.keyboardClose = false;
+        this.position = 'bottom';
+        this.positionAnchor = undefined;
+        this.buttons = undefined;
+        this.translucent = false;
+        this.animated = true;
+        this.icon = undefined;
+        this.htmlAttributes = undefined;
+        this.swipeGesture = undefined;
+        this.isOpen = false;
+        this.trigger = undefined;
     }
     swipeGestureChanged() {
         /**
@@ -438,7 +413,6 @@ export class Toast {
         return {
             "overlayIndex": {
                 "type": "number",
-                "attribute": "overlay-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -454,13 +428,11 @@ export class Toast {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "overlay-index",
                 "reflect": false
             },
             "delegate": {
                 "type": "unknown",
-                "attribute": "delegate",
                 "mutable": false,
                 "complexType": {
                     "original": "FrameworkDelegate",
@@ -481,13 +453,10 @@ export class Toast {
                             "text": undefined
                         }],
                     "text": ""
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "hasController": {
                 "type": "boolean",
-                "attribute": "has-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -503,14 +472,12 @@ export class Toast {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "has-controller",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
@@ -529,13 +496,11 @@ export class Toast {
                     "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
             },
             "enterAnimation": {
                 "type": "unknown",
-                "attribute": "enter-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -553,13 +518,10 @@ export class Toast {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the toast is presented."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "leaveAnimation": {
                 "type": "unknown",
-                "attribute": "leave-animation",
                 "mutable": false,
                 "complexType": {
                     "original": "AnimationBuilder",
@@ -577,13 +539,10 @@ export class Toast {
                 "docs": {
                     "tags": [],
                     "text": "Animation to use when the toast is dismissed."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "cssClass": {
                 "type": "string",
-                "attribute": "css-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -596,13 +555,11 @@ export class Toast {
                     "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
             },
             "duration": {
                 "type": "number",
-                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -615,14 +572,12 @@ export class Toast {
                     "tags": [],
                     "text": "How many milliseconds to wait before hiding the toast. By default, it will show\nuntil `dismiss()` is called."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "duration",
                 "reflect": false,
                 "defaultValue": "config.getNumber('toastDuration', 0)"
             },
             "header": {
                 "type": "string",
-                "attribute": "header",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -635,13 +590,11 @@ export class Toast {
                     "tags": [],
                     "text": "Header to be shown in the toast."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "header",
                 "reflect": false
             },
             "layout": {
                 "type": "string",
-                "attribute": "layout",
                 "mutable": false,
                 "complexType": {
                     "original": "ToastLayout",
@@ -660,14 +613,12 @@ export class Toast {
                     "tags": [],
                     "text": "Defines how the message and buttons are laid out in the toast.\n'baseline': The message and the buttons will appear on the same line.\nMessage text may wrap within the message container.\n'stacked': The buttons containers and message will stack on top\nof each other. Use this if you have long text in your buttons."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "'baseline'"
             },
             "message": {
                 "type": "string",
-                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string | IonicSafeString",
@@ -686,13 +637,11 @@ export class Toast {
                     "tags": [],
                     "text": "Message to be shown in the toast.\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
             },
             "keyboardClose": {
                 "type": "boolean",
-                "attribute": "keyboard-close",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -705,14 +654,12 @@ export class Toast {
                     "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": "false"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "ToastPosition",
@@ -731,14 +678,12 @@ export class Toast {
                     "tags": [],
                     "text": "The starting position of the toast on the screen. Can be tweaked further\nusing the `positionAnchor` property."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "positionAnchor": {
                 "type": "string",
-                "attribute": "position-anchor",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | string",
@@ -756,13 +701,11 @@ export class Toast {
                     "tags": [],
                     "text": "The element to anchor the toast's position to. Can be set as a direct reference\nor the ID of the element. With `position=\"bottom\"`, the toast will sit above the\nchosen element. With `position=\"top\"`, the toast will sit below the chosen element.\nWith `position=\"middle\"`, the value of `positionAnchor` is ignored."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "position-anchor",
                 "reflect": false
             },
             "buttons": {
                 "type": "unknown",
-                "attribute": "buttons",
                 "mutable": false,
                 "complexType": {
                     "original": "(ToastButton | string)[]",
@@ -780,13 +723,10 @@ export class Toast {
                 "docs": {
                     "tags": [],
                     "text": "An array of buttons for the toast."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "translucent": {
                 "type": "boolean",
-                "attribute": "translucent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -799,14 +739,12 @@ export class Toast {
                     "tags": [],
                     "text": "If `true`, the toast 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"
             },
             "animated": {
                 "type": "boolean",
-                "attribute": "animated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -819,14 +757,12 @@ export class Toast {
                     "tags": [],
                     "text": "If `true`, the toast will animate."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "animated",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -839,13 +775,11 @@ export class Toast {
                     "tags": [],
                     "text": "The name of the icon to display, or the path to a valid SVG file. See `ion-icon`.\nhttps://ionic.io/ionicons"
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "icon",
                 "reflect": false
             },
             "htmlAttributes": {
                 "type": "unknown",
-                "attribute": "html-attributes",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",
@@ -857,13 +791,10 @@ export class Toast {
                 "docs": {
                     "tags": [],
                     "text": "Additional attributes to pass to the toast."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "swipeGesture": {
                 "type": "string",
-                "attribute": "swipe-gesture",
                 "mutable": false,
                 "complexType": {
                     "original": "ToastSwipeGestureDirection",
@@ -882,13 +813,11 @@ export class Toast {
                     "tags": [],
                     "text": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "swipe-gesture",
                 "reflect": false
             },
             "isOpen": {
                 "type": "boolean",
-                "attribute": "is-open",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -901,14 +830,12 @@ export class Toast {
                     "tags": [],
                     "text": "If `true`, the toast will open. If `false`, the toast will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the toastController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe toast dismisses. You will need to do that in your code."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
                 "type": "string",
-                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -921,8 +848,7 @@ export class Toast {
                     "tags": [],
                     "text": "An ID corresponding to the trigger element that\ncauses the toast to open when clicked."
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "trigger",
                 "reflect": false
             }
         };