@riverty/web-components 6.2.1 → 6.3.0

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

@@ -1,812 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class Toast {
-    constructor() {
-        /**
-         * Controls if toast is initially shown.
-         * */
-        this.open = true;
-        /** Defines the appearance of the dialog based on the message type.
-         * Options are: "info", "success", "warning", or "error".
-         * @default 'info' */
-        this.status = 'info';
-        /** Sets role="alert" and will be announced to screen reader users */
-        this.announced = true;
-        /**
-         * Defines whether the leading icon is visible.
-         * @default true
-         * */
-        this.leadingIconVisible = true;
-        /** Specifies an optional icon for the trailing slot of the dialog.
-         * @default 'cross'
-         * */
-        this.trailingIcon = 'cross';
-        /** Specifies the target for the linked URL when `href` is provided.
-         * Options are: "_blank", "_self", "_parent", or "_top".
-         * @default '_self' */
-        this.target = '_self';
-        /** Specifies the time in miliseconds before the alert automatically collapses.
-         * @default 3000
-        */
-        this.delay = 3000;
-        /**
-         * Defines the behavior of the component's dismissing.
-         * - `auto`: The component will be dismissed automatically after number of ms set by `delay` property.
-         * - `manual`: The component requires explicit user action to close.
-         * @default "manual"
-         */
-        this.dismissMode = 'manual';
-        /** Provides content for `aria-label` attribute of the dismiss button. */
-        this.dismissLabel = 'Dismiss the toast';
-        /** Defines amount of time im miliseconds before toast is removed from DOM.
-         * @default 300
-         * */
-        this.delayBeforeRemoval = 300;
-        this.animationCompleted = false;
-        /** Unique id for each accordion item/row */
-        this.uniqueId = `r-toast-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
-        this.hasElContent = (selector) => {
-            const el = this.host.querySelector(selector);
-            return el !== null && (el === null || el === void 0 ? void 0 : el.textContent.trim().length) > 0;
-        };
-        this.getElContent = (selector) => {
-            var _a;
-            const el = this.host.querySelector(selector);
-            return (_a = el === null || el === void 0 ? void 0 : el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
-        };
-        this.startDelayTimer = () => {
-            const time = this.delay;
-            this.delayTimer = setTimeout(() => {
-                this.dismiss();
-                clearTimeout(this.delayTimer);
-            }, time);
-        };
-        this.handleAnimationEnd = (event) => {
-            if (event.animationName === 'fade-out') {
-                this.animationCompleted = true;
-                // Only emit if still connected to DOM
-                if (this.host.isConnected) {
-                    this.toastDismissed.emit();
-                }
-                // Clear height after fade-out completes as final cleanup
-                this.host.style.setProperty('--r-toast--host--height-expanded', null);
-            }
-            else if (event.animationName === 'fade-in') {
-                // Clear height restriction after fade-in completes to allow natural resizing
-                // The toast can now grow/shrink dynamically without animation constraints
-                this.host.style.setProperty('--r-toast--host--height-expanded', null);
-            }
-        };
-        this.handleTrailingButtonClick = () => {
-            this.rClickToastTrailingIcon.emit();
-            this.dismiss();
-        };
-        this.handleSlotChange = () => {
-            this.host.setAttribute('is-content', `${this.hasContent}`);
-        };
-    }
-    /**
-     * Dismisses the toast notification by setting it to a hidden state and then
-     * removing it from the DOM after a short delay. This can be used to manually
-     * hide the toast before the auto-dismiss timer expires.
-     */
-    async dismiss() {
-        // Re-measure height before fade-out to ensure smooth collapse animation
-        // This captures the current natural height for the animation
-        this.updateHeightVariable();
-        this.isOpen = false;
-        this.toastDismiss.emit();
-        this.animationCompleted = false;
-        if (this.removalTimer)
-            clearTimeout(this.removalTimer);
-        this.removalTimer = setTimeout(() => {
-            if (!this.animationCompleted && this.host.isConnected) {
-                this.toastDismissed.emit();
-            }
-            // Safely remove from DOM - check parent exists and contains this element
-            if (this.host.isConnected && this.host.parentNode) {
-                try {
-                    this.host.remove();
-                }
-                catch (e) {
-                    // In test environments, element may have already been removed
-                    // or DOM structure changed - silently ignore
-                }
-            }
-        }, this.delayBeforeRemoval);
-    }
-    /**
-     * Reveals the toast notification by setting it to a visible state.
-     * If the auto-dismiss delay is enabled, it will start the timer to
-     * automatically dismiss the toast after the specified duration.
-     */
-    async reveal() {
-        // Measure height for smooth fade-in animation
-        await this.measureAndPrepareHeight();
-        this.isOpen = true;
-        // Only emit if still connected to DOM
-        if (this.host.isConnected) {
-            this.toastReveal.emit();
-        }
-        if (this.delayTimer)
-            clearTimeout(this.delayTimer);
-        if (this.isDismissManual)
-            return;
-        if (this.hasDelay)
-            this.startDelayTimer();
-        return this;
-    }
-    /**
-     * Hides toast, keeps it in dom.
-     * */
-    async hide() {
-        this.updateHeightVariable();
-        this.isOpen = false;
-        // Only emit if still connected to DOM
-        if (this.host.isConnected) {
-            this.toastHide.emit();
-        }
-        return this;
-    }
-    /**
-     * Toggles visibility of the toast.
-     * */
-    async toggle() {
-        this.isOpen ? this.hide() : this.reveal();
-        return this;
-    }
-    /**
-     * Measures the natural height of toast and prepares it for reveal animation.
-     * This should be called on newly added toasts before they are revealed.
-     */
-    async measureAndPrepareHeight() {
-        return new Promise((resolve) => {
-            requestAnimationFrame(() => {
-                // Temporarily override animation to prevent visual glitches during measurement
-                const tempStyle = this.host.style.cssText;
-                this.host.style.cssText = tempStyle + '; animation: none !important; max-height: none !important; height: auto !important;';
-                // Force reflow and measure
-                this.host.offsetHeight;
-                const height = this.host.scrollHeight;
-                // Restore original style
-                this.host.style.cssText = tempStyle;
-                // Set the measured height for animation
-                if (height > 0) {
-                    this.host.style.setProperty('--r-toast--host--height-expanded', `${height}px`);
-                }
-                resolve();
-            });
-        });
-    }
-    handleOpenChange() {
-        this.isOpen ? this.hide() : this.reveal();
-    }
-    get hasLeadingSlot() {
-        return this.hasElContent('[slot="leading"]');
-    }
-    get hasLeading() {
-        return this.leadingIconVisible || this.hasLeadingSlot;
-    }
-    get hasTrailingSlot() {
-        return this.hasElContent('[slot="trailing"]');
-    }
-    get isDismissManual() {
-        return this.dismissMode === 'manual';
-    }
-    get hasTrailing() {
-        return this.hasTrailingSlot || this.isDismissManual;
-    }
-    get hasContent() {
-        var _a;
-        return ((_a = this.host.textContent) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
-    }
-    get hasActionLink() {
-        return typeof (this.href) == 'string' && typeof (this.action) == 'string';
-    }
-    get hasActionSlot() {
-        return this.hasElContent('[slot="action"]');
-    }
-    get hasAction() {
-        return this.hasActionLink || this.hasActionSlot;
-    }
-    get hasHeadlineSlot() {
-        return this.hasElContent('[slot="headline"]');
-    }
-    get hasHeadline() {
-        return typeof (this.headline) == 'string' || this.hasHeadlineSlot;
-    }
-    get hasDelay() {
-        return this.delay && this.delay > 0;
-    }
-    get isError() {
-        return this.status === 'error';
-    }
-    get leadingIconName() {
-        if (this.leadingIcon)
-            return this.leadingIcon;
-        switch (this.status) {
-            case 'info':
-                return 'circled-information-i';
-            case 'success':
-                return 'circled-check';
-            case 'warning':
-                return 'circled-exclamation-mark';
-            case 'error':
-                return 'triangle-with-exclamation-mark';
-            default:
-                return 'circled-information-i';
-        }
-    }
-    componentWillLoad() {
-        // Set initial state but don't trigger reveal yet - let mutation observer handle it
-        this.isOpen = this.open;
-    }
-    async componentDidLoad() {
-        this.host.addEventListener('animationend', this.handleAnimationEnd);
-        // Measure and store the toast height for smooth initial fade-in animation
-        await this.measureAndPrepareHeight();
-        // Start auto-dismiss timer if configured and toast is initially open
-        if (this.isOpen && !this.isDismissManual && this.hasDelay) {
-            this.startDelayTimer();
-        }
-    }
-    updateHeightVariable() {
-        // Use requestAnimationFrame to ensure the element is fully rendered
-        requestAnimationFrame(() => {
-            if (this.host.offsetHeight > 0) {
-                this.host.style.setProperty('--r-toast--host--height-expanded', `${this.host.offsetHeight}px`);
-            }
-        });
-    }
-    disconnectedCallback() {
-        this.host.removeEventListener('animationend', this.handleAnimationEnd);
-    }
-    render() {
-        const { headline, href, action, target, trailingIcon } = this;
-        const hostAttrs = this.announced ? {
-            role: 'alert',
-            'aria-live': this.isError ? 'assertive' : 'polite'
-        } : {
-            role: 'region',
-            'aria-label': this.getElContent('[slot="headline"]') || this.headline || null
-        };
-        const actionAttrs = { href, target };
-        const leadingIconAttrs = {
-            name: this.leadingIconName,
-            size: 'm'
-        };
-        const trailingIconAttrs = {
-            name: trailingIcon,
-            size: 'm'
-        };
-        return (h(Host, Object.assign({ key: '4fa8a3d2db292941933f73437d823f3f6581d626' }, hostAttrs, { id: this.uniqueId, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}`, style: { visibility: this.isOpen ? 'visible' : 'hidden' } }), h("div", { key: '20506092a2459d836918da00f1670cf18730a42c', class: "r-toast" }, this.hasLeading &&
-            h("div", { key: '384ce331ff3825bc01323bbb6f3972ccd4198223', class: "r-toast--leading" }, this.hasLeadingSlot && h("slot", { key: 'eb455c5729d37431b8576dfcaff6eceead5000bb', name: "leading" }), this.leadingIconVisible && h("r-icon", Object.assign({ key: '3b0b3e9d9516a072d5c3b5ca50ab3353cdf20053', class: "r-toast--leading-icon" }, leadingIconAttrs))), h("div", { key: 'dcfc949dda66a2437cbb4b3e2847266e55ab83d6', class: "r-toast--main" }, this.hasHeadline &&
-            h("h2", { key: 'c1abf4f2b6abc7b53db6727ff09f027d4b2a940d', class: "r-toast--headline" }, h("slot", { key: '9b6a57199eac2a4e0f96d38cc0b3d02adc2bb279', name: "headline" }, headline)), this.hasContent &&
-            h("div", { key: '6c182bd58efe6cd404ae7b20ee2464f3965b889d', class: "r-toast--content r-typography" }, h("slot", { key: 'a49fd6e859f1b512069fc3bed9c0c21da35d78cc', onSlotchange: this.handleSlotChange })), this.hasAction &&
-            h("div", { key: 'b0282c4677483b96b3eac7ddbdb2e13ae245ebe2', class: "r-toast--action" }, h("slot", { key: 'e267d02a4e39a443865c1c0a62f3d6ed06e2a319', name: "action" }, this.hasActionLink &&
-                h("r-button", Object.assign({ key: '8785094717619bd69c5e711873598b2fb7eeb5be', class: "r-toast--action-link", variant: "text-inline", size: "small" }, actionAttrs), action)))), this.hasTrailing &&
-            h("div", { key: '066ecbc6346ed516aa9dd193505a26544bbdf92f', class: "r-toast--trailing" }, this.hasTrailingSlot && h("slot", { key: '890fd983d1208ea514b89aeaf394ae82c1d1ec55', name: "trailing" }), this.isDismissManual &&
-                h("r-icon-button", Object.assign({ key: '2b9e06adc46cf1a726d5d78f7cedb2d1405b4c72' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, label: this.dismissLabel }), h("slot", { key: '7349c7b3422f194852609c2cdf150a5dc4498aa9', name: "dismiss" }))))));
-    }
-    static get is() { return "r-toast"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["toast.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["toast.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "open": {
-                "type": "boolean",
-                "attribute": "open",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Controls if toast is initially shown."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "true"
-            },
-            "status": {
-                "type": "string",
-                "attribute": "status",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastStatus",
-                    "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
-                    "references": {
-                        "ToastStatus": {
-                            "location": "import",
-                            "path": "./exports",
-                            "id": "src/components/toast/exports.ts::ToastStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "'info'"
-                        }],
-                    "text": "Defines the appearance of the dialog based on the message type.\nOptions are: \"info\", \"success\", \"warning\", or \"error\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "'info'"
-            },
-            "announced": {
-                "type": "boolean",
-                "attribute": "announced",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Sets role=\"alert\" and will be announced to screen reader users"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "true"
-            },
-            "leadingIcon": {
-                "type": "string",
-                "attribute": "leading-icon",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconName",
-                    "resolved": "string",
-                    "references": {
-                        "IconName": {
-                            "location": "import",
-                            "path": "../icon/exports",
-                            "id": "src/components/icon/exports.ts::IconName"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies an optional icon for the leading slot of the dialog."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "leadingIconVisible": {
-                "type": "boolean",
-                "attribute": "leading-icon-visible",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "true"
-                        }],
-                    "text": "Defines whether the leading icon is visible."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "trailingIcon": {
-                "type": "string",
-                "attribute": "trailing-icon",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconName",
-                    "resolved": "string",
-                    "references": {
-                        "IconName": {
-                            "location": "import",
-                            "path": "../icon/exports",
-                            "id": "src/components/icon/exports.ts::IconName"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "'cross'"
-                        }],
-                    "text": "Specifies an optional icon for the trailing slot of the dialog."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'cross'"
-            },
-            "headline": {
-                "type": "string",
-                "attribute": "headline",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies the headline text for the alert, summarizing its message or purpose."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "href": {
-                "type": "string",
-                "attribute": "href",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies the URL for the call-to-action link."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "action": {
-                "type": "string",
-                "attribute": "action",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies the text content for the call-to-action link."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "target": {
-                "type": "string",
-                "attribute": "target",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastActionTarget",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {
-                        "ToastActionTarget": {
-                            "location": "import",
-                            "path": "./exports",
-                            "id": "src/components/toast/exports.ts::ToastActionTarget"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "'_self'"
-                        }],
-                    "text": "Specifies the target for the linked URL when `href` is provided. \nOptions are: \"_blank\", \"_self\", \"_parent\", or \"_top\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'_self'"
-            },
-            "delay": {
-                "type": "number",
-                "attribute": "delay",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "3000"
-                        }],
-                    "text": "Specifies the time in miliseconds before the alert automatically collapses."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "3000"
-            },
-            "dismissMode": {
-                "type": "string",
-                "attribute": "dismiss-mode",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastDismissMode",
-                    "resolved": "\"auto\" | \"manual\"",
-                    "references": {
-                        "ToastDismissMode": {
-                            "location": "import",
-                            "path": "./exports",
-                            "id": "src/components/toast/exports.ts::ToastDismissMode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"manual\""
-                        }],
-                    "text": "Defines the behavior of the component's dismissing.\n- `auto`: The component will be dismissed automatically after number of ms set by `delay` property.\n- `manual`: The component requires explicit user action to close."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'manual'"
-            },
-            "dismissLabel": {
-                "type": "string",
-                "attribute": "dismiss-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Provides content for `aria-label` attribute of the dismiss button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'Dismiss the toast'"
-            },
-            "delayBeforeRemoval": {
-                "type": "number",
-                "attribute": "delay-before-removal",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "300"
-                        }],
-                    "text": "Defines amount of time im miliseconds before toast is removed from DOM."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "300"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "rClickToastTrailingIcon",
-                "name": "rClickToastTrailingIcon",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event shall be emmited on trailing icon click"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "toastDismiss",
-                "name": "dismiss",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the toast is dismissed and scheduled for removal from the DOM.\nFired by dismiss(), by the auto-dismiss timer (delay), and by the trailing\ndismiss button. Use this to react to permanent removal (contrast with\ntoastHide which only hides without removal)."
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "toastReveal",
-                "name": "reveal",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the toast transitions to an open (revealed) state and remains in the DOM.\nFired by reveal(), by toggle() when the resulting state is open, and when the\n'open' prop changes causing the toast to show. Not emitted by dismiss()\n(which removes the element) \u2014 use 'toastDismiss' for that case."
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "toastHide",
-                "name": "hide",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the toast transitions to a hidden state but remains in the DOM.\nFired by hide(), by toggle() when resulting state is hidden, and when the\n'open' prop changes causing the toast to hide. Not emitted on dismiss()\n(which removes the element) \u2014 use 'toastDismiss' for that case."
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "toastDismissed",
-                "name": "dismissed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the dismiss toast animation is complete\nand the element has fully disappeared from the view.\nFired by dismiss(), by the auto-dismiss timer (delay), by changing open property, and by the trailing\ndismiss button."
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "dismiss": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Dismisses the toast notification by setting it to a hidden state and then \nremoving it from the DOM after a short delay. This can be used to manually \nhide the toast before the auto-dismiss timer expires.",
-                    "tags": []
-                }
-            },
-            "reveal": {
-                "complexType": {
-                    "signature": "() => Promise<this>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<this>"
-                },
-                "docs": {
-                    "text": "Reveals the toast notification by setting it to a visible state. \nIf the auto-dismiss delay is enabled, it will start the timer to \nautomatically dismiss the toast after the specified duration.",
-                    "tags": []
-                }
-            },
-            "hide": {
-                "complexType": {
-                    "signature": "() => Promise<this>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<this>"
-                },
-                "docs": {
-                    "text": "Hides toast, keeps it in dom.",
-                    "tags": []
-                }
-            },
-            "toggle": {
-                "complexType": {
-                    "signature": "() => Promise<this>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<this>"
-                },
-                "docs": {
-                    "text": "Toggles visibility of the toast.",
-                    "tags": []
-                }
-            },
-            "measureAndPrepareHeight": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Measures the natural height of toast and prepares it for reveal animation.\nThis should be called on newly added toasts before they are revealed.",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "handleOpenChange"
-            }];
-    }
-}