@govtechsg/sgds-web-component 3.6.0-rc.2 → 3.6.0

package/react/components/SystemBanner/sgds-system-banner.js

@@ -0,0 +1,225 @@
+'use client';
+import { __decorate } from 'tslib';
+import { html, nothing } from 'lit';
+import { property, queryAssignedElements, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import SgdsElement from '../../base/sgds-element.js';
+import { SgdsCloseButton } from '../CloseButton/sgds-close-button.js';
+import { animateTo } from '../../utils/animate.js';
+import { setDefaultAnimation, getAnimation } from '../../utils/animation-registry.js';
+import { watch } from '../../utils/watch.js';
+import { SgdsIcon } from '../Icon/sgds-icon.js';
+import { SgdsIconButton } from '../IconButton/sgds-icon-button.js';
+import css_248z from './system-banner.js';
+import { SystemBannerChildCountContext } from './system-banner-context.js';
+import { provide } from '@lit/context';
+
+/**
+ * @summary The system banner component for displaying important messages to users at the application level.
+ * Each banner can contain up to 5 banner items that cycle automatically every 5 seconds. Pagination appears when there are multiple items, allowing users to navigate between them. The banner can also be made dismissible with a close button.
+ * `sgds-system-banner-item` is the subcomponent for `sgds-system-banner`. Each banner item represents a message in the system banner.
+ *
+ * @slot default - The slot to pass in `sgds-system-banner-item`
+ *
+ * @event sgds-show - Emitted when the banner has start to appear on screen
+ * @event sgds-hide - Emitted when the banner is disappearing from the screen
+ */
+class SgdsSystemBanner extends SgdsElement {
+    constructor() {
+        super(...arguments);
+        /** Controls the appearance of the alert  */
+        this.show = false;
+        /** Enables a close button that allows the user to dismiss the alert. */
+        this.dismissible = false;
+        this._intervalId = null;
+        this._intervalTime = 5000;
+        this._currentIndex = 0;
+    }
+    /** Closes the alert  */
+    close() {
+        this.show = false;
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.childCount = this.bannerItem.length;
+        if (!this.show) {
+            this.banner.classList.add("d-none");
+        }
+        else {
+            this.childCount > 1 && this._startAutoCycle();
+            this.addEventListener("mouseenter", this._pauseAutoCycle.bind(this));
+            this.addEventListener("mouseleave", this._resumeAutoCycle.bind(this));
+            this.addEventListener("focus", this._pauseAutoCycle.bind(this));
+            this.addEventListener("blur", this._resumeAutoCycle.bind(this));
+        }
+        this._updateActiveItem();
+        if (this.childCount > 5) {
+            console.warn("It is not recommended to have more than 5 <sgds-system-banner-item> elements.");
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._stopAutoCycle();
+    }
+    /**@internal */
+    async _handleShowChange() {
+        if (this.show) {
+            this.childCount > 1 && this._startAutoCycle();
+            this.emit("sgds-show");
+            this.banner.classList.remove("d-none");
+        }
+        else {
+            this._stopAutoCycle();
+            this.emit("sgds-hide");
+            this.banner.classList.add("d-none");
+        }
+    }
+    _updateActiveItem() {
+        const items = this.bannerItem;
+        items.forEach((item, i) => {
+            if (i === this._currentIndex) {
+                item.setAttribute("active", "");
+            }
+            else {
+                item.removeAttribute("active");
+            }
+        });
+    }
+    _next() {
+        const items = this.bannerItem;
+        this._currentIndex = (this._currentIndex + 1) % items.length;
+        this._updateActiveItem();
+        this._animateItem(items[this._currentIndex], "next");
+        this._resetAutoCycle();
+    }
+    _prev() {
+        const items = this.bannerItem;
+        this._currentIndex = (this._currentIndex - 1 + items.length) % items.length;
+        this._updateActiveItem();
+        this._animateItem(items[this._currentIndex], "prev");
+        this._resetAutoCycle();
+    }
+    async _animateItem(item, direction) {
+        // Cancel any existing animations before starting a new one
+        item.getAnimations().forEach(a => a.cancel());
+        // Start the slide-down animation
+        const bannerLoopMessage = getAnimation(this, `banner.item.${direction}`);
+        await animateTo(item, bannerLoopMessage.keyframes, bannerLoopMessage.options);
+    }
+    _startAutoCycle() {
+        this._stopAutoCycle(); // avoid duplicates
+        this._intervalId = setInterval(() => this._next(), this._intervalTime);
+    }
+    _stopAutoCycle() {
+        if (this._intervalId) {
+            clearInterval(this._intervalId);
+            this._intervalId = null;
+        }
+    }
+    _resetAutoCycle() {
+        this._stopAutoCycle();
+        this._startAutoCycle();
+    }
+    _pauseAutoCycle() {
+        this._stopAutoCycle();
+    }
+    _resumeAutoCycle() {
+        if (this.show && this.childCount > 1) {
+            this._startAutoCycle();
+        }
+    }
+    render() {
+        return html `
+      <div
+        class="${classMap({
+            banner: true
+        })}"
+        role="alert"
+        aria-hidden=${this.show ? "false" : "true"}
+      >
+        <div class="content">
+          <slot id="loop-slot"></slot>
+        </div>
+        ${this.childCount > 1
+            ? html ` <div class="pagination">
+              <sgds-icon-button
+                name="chevron-left"
+                tone="fixed-light"
+                variant="ghost"
+                size="xs"
+                @click=${this._prev}
+              ></sgds-icon-button>
+              <span>${this._currentIndex + 1}/${this.childCount}</span>
+              <sgds-icon-button
+                name="chevron-right"
+                tone="fixed-light"
+                variant="ghost"
+                size="xs"
+                @click=${this._next}
+              ></sgds-icon-button>
+            </div>`
+            : nothing}
+        ${this.dismissible
+            ? html `
+              <sgds-close-button aria-label="close the alert" @click=${this.close} tone="fixed-light"></sgds-close-button>
+            `
+            : nothing}
+      </div>
+    `;
+    }
+}
+SgdsSystemBanner.styles = [...SgdsElement.styles, css_248z];
+/**@internal */
+SgdsSystemBanner.dependencies = {
+    "sgds-close-button": SgdsCloseButton,
+    "sgds-icon": SgdsIcon,
+    "sgds-icon-button": SgdsIconButton
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SgdsSystemBanner.prototype, "show", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SgdsSystemBanner.prototype, "dismissible", void 0);
+__decorate([
+    queryAssignedElements({ flatten: true })
+], SgdsSystemBanner.prototype, "bannerItem", void 0);
+__decorate([
+    query(".banner")
+], SgdsSystemBanner.prototype, "banner", void 0);
+__decorate([
+    provide({ context: SystemBannerChildCountContext }),
+    state()
+], SgdsSystemBanner.prototype, "childCount", void 0);
+__decorate([
+    state()
+], SgdsSystemBanner.prototype, "_intervalId", void 0);
+__decorate([
+    state()
+], SgdsSystemBanner.prototype, "_currentIndex", void 0);
+__decorate([
+    watch("show", { waitUntilFirstUpdate: true })
+], SgdsSystemBanner.prototype, "_handleShowChange", null);
+setDefaultAnimation("banner.item.next", {
+    keyframes: [
+        { opacity: 0, transform: "translateY(-100%)" },
+        { opacity: 1, transform: "translateY(0)" }
+    ],
+    options: {
+        duration: 500,
+        easing: "cubic-bezier(0.45,0.05,0.55,0.95)"
+    }
+});
+setDefaultAnimation("banner.item.prev", {
+    keyframes: [
+        { opacity: 0, transform: "translateY(100%)" },
+        { opacity: 1, transform: "translateY(0)" }
+    ],
+    options: {
+        duration: 500,
+        easing: "cubic-bezier(0.45,0.05,0.55,0.95)"
+    }
+});
+
+export { SgdsSystemBanner, SgdsSystemBanner as default };
+//# sourceMappingURL=sgds-system-banner.js.map

package/react/components/SystemBanner/sgds-system-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sgds-system-banner.js","sources":["../../../../src/components/SystemBanner/sgds-system-banner.ts"],"sourcesContent":["import { html, nothing, PropertyValueMap } from \"lit\";\nimport { property, query, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsCloseButton from \"../CloseButton/sgds-close-button\";\nimport { animateTo } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { watch } from \"../../utils/watch\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport SgdsIconButton from \"../IconButton/sgds-icon-button\";\nimport alertBannerStyles from \"./system-banner.css\";\nimport SgdsSystemBannerItem from \"./sgds-system-banner-item\";\nimport { SystemBannerChildCountContext } from \"./system-banner-context\";\nimport { provide } from \"@lit/context\";\n\n/**\n * @summary The system banner component for displaying important messages to users at the application level.\n * Each banner can contain up to 5 banner items that cycle automatically every 5 seconds. Pagination appears when there are multiple items, allowing users to navigate between them. The banner can also be made dismissible with a close button.\n * `sgds-system-banner-item` is the subcomponent for `sgds-system-banner`. Each banner item represents a message in the system banner.\n *\n * @slot default - The slot to pass in `sgds-system-banner-item`\n *\n * @event sgds-show - Emitted when the banner has start to appear on screen\n * @event sgds-hide - Emitted when the banner is disappearing from the screen\n */\nexport class SgdsSystemBanner extends SgdsElement {\n  static styles = [...SgdsElement.styles, alertBannerStyles];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton,\n    \"sgds-icon\": SgdsIcon,\n    \"sgds-icon-button\": SgdsIconButton\n  };\n  /** Controls the appearance of the alert  */\n  @property({ type: Boolean, reflect: true }) show = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Closes the alert  */\n  public close() {\n    this.show = false;\n  }\n  @queryAssignedElements({ flatten: true })\n  private bannerItem: SgdsSystemBannerItem[];\n\n  @query(\".banner\")\n  private banner: HTMLDivElement;\n\n  @provide({ context: SystemBannerChildCountContext })\n  @state()\n  private childCount: number;\n\n  @state() private _intervalId = null;\n\n  private _intervalTime = 5000;\n\n  @state() private _currentIndex = 0;\n\n  protected firstUpdated(changedProperties: PropertyValueMap<this>): void {\n    super.firstUpdated(changedProperties);\n    this.childCount = this.bannerItem.length;\n    if (!this.show) {\n      this.banner.classList.add(\"d-none\");\n    } else {\n      this.childCount > 1 && this._startAutoCycle();\n      this.addEventListener(\"mouseenter\", this._pauseAutoCycle.bind(this));\n      this.addEventListener(\"mouseleave\", this._resumeAutoCycle.bind(this));\n\n      this.addEventListener(\"focus\", this._pauseAutoCycle.bind(this));\n      this.addEventListener(\"blur\", this._resumeAutoCycle.bind(this));\n    }\n    this._updateActiveItem();\n\n    if (this.childCount > 5) {\n      console.warn(\"It is not recommended to have more than 5 <sgds-system-banner-item> elements.\");\n    }\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._stopAutoCycle();\n  }\n\n  /**@internal */\n  @watch(\"show\", { waitUntilFirstUpdate: true })\n  async _handleShowChange() {\n    if (this.show) {\n      this.childCount > 1 && this._startAutoCycle();\n      this.emit(\"sgds-show\");\n      this.banner.classList.remove(\"d-none\");\n    } else {\n      this._stopAutoCycle();\n      this.emit(\"sgds-hide\");\n      this.banner.classList.add(\"d-none\");\n    }\n  }\n\n  private _updateActiveItem() {\n    const items = this.bannerItem;\n    items.forEach((item, i) => {\n      if (i === this._currentIndex) {\n        item.setAttribute(\"active\", \"\");\n      } else {\n        item.removeAttribute(\"active\");\n      }\n    });\n  }\n  private _next() {\n    const items = this.bannerItem;\n    this._currentIndex = (this._currentIndex + 1) % items.length;\n    this._updateActiveItem();\n    this._animateItem(items[this._currentIndex], \"next\");\n    this._resetAutoCycle();\n  }\n\n  private _prev() {\n    const items = this.bannerItem;\n    this._currentIndex = (this._currentIndex - 1 + items.length) % items.length;\n    this._updateActiveItem();\n    this._animateItem(items[this._currentIndex], \"prev\");\n    this._resetAutoCycle();\n  }\n  private async _animateItem(item: SgdsSystemBannerItem, direction: \"next\" | \"prev\") {\n    // Cancel any existing animations before starting a new one\n    item.getAnimations().forEach(a => a.cancel());\n    // Start the slide-down animation\n    const bannerLoopMessage = getAnimation(this, `banner.item.${direction}`);\n    await animateTo(item, bannerLoopMessage.keyframes, bannerLoopMessage.options);\n  }\n  private _startAutoCycle() {\n    this._stopAutoCycle(); // avoid duplicates\n    this._intervalId = setInterval(() => this._next(), this._intervalTime);\n  }\n\n  private _stopAutoCycle() {\n    if (this._intervalId) {\n      clearInterval(this._intervalId);\n      this._intervalId = null;\n    }\n  }\n  private _resetAutoCycle() {\n    this._stopAutoCycle();\n    this._startAutoCycle();\n  }\n  private _pauseAutoCycle(): void {\n    this._stopAutoCycle();\n  }\n\n  private _resumeAutoCycle(): void {\n    if (this.show && this.childCount > 1) {\n      this._startAutoCycle();\n    }\n  }\n  render() {\n    return html`\n      <div\n        class=\"${classMap({\n          banner: true\n        })}\"\n        role=\"alert\"\n        aria-hidden=${this.show ? \"false\" : \"true\"}\n      >\n        <div class=\"content\">\n          <slot id=\"loop-slot\"></slot>\n        </div>\n        ${this.childCount > 1\n          ? html` <div class=\"pagination\">\n              <sgds-icon-button\n                name=\"chevron-left\"\n                tone=\"fixed-light\"\n                variant=\"ghost\"\n                size=\"xs\"\n                @click=${this._prev}\n              ></sgds-icon-button>\n              <span>${this._currentIndex + 1}/${this.childCount}</span>\n              <sgds-icon-button\n                name=\"chevron-right\"\n                tone=\"fixed-light\"\n                variant=\"ghost\"\n                size=\"xs\"\n                @click=${this._next}\n              ></sgds-icon-button>\n            </div>`\n          : nothing}\n        ${this.dismissible\n          ? html`\n              <sgds-close-button aria-label=\"close the alert\" @click=${this.close} tone=\"fixed-light\"></sgds-close-button>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsSystemBanner;\n\nsetDefaultAnimation(\"banner.item.next\", {\n  keyframes: [\n    { opacity: 0, transform: \"translateY(-100%)\" },\n    { opacity: 1, transform: \"translateY(0)\" }\n  ],\n  options: {\n    duration: 500,\n    easing: \"cubic-bezier(0.45,0.05,0.55,0.95)\"\n  }\n});\nsetDefaultAnimation(\"banner.item.prev\", {\n  keyframes: [\n    { opacity: 0, transform: \"translateY(100%)\" },\n    { opacity: 1, transform: \"translateY(0)\" }\n  ],\n  options: {\n    duration: 500,\n    easing: \"cubic-bezier(0.45,0.05,0.55,0.95)\"\n  }\n});\n"],"names":["alertBannerStyles"],"mappings":"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"}

package/react/components/SystemBanner/system-banner-context.cjs.js

@@ -0,0 +1,11 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var context = require('@lit/context');
+
+const SystemBannerChildCountContext = context.createContext("system-banner-children-count-context");
+
+exports.SystemBannerChildCountContext = SystemBannerChildCountContext;
+//# sourceMappingURL=system-banner-context.cjs.js.map

package/react/components/SystemBanner/system-banner-context.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner-context.cjs.js","sources":["../../../../src/components/SystemBanner/system-banner-context.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\n\nexport const SystemBannerChildCountContext = createContext<boolean>(\"system-banner-children-count-context\");\n"],"names":["createContext"],"mappings":";;;;;;;MAEa,6BAA6B,GAAGA,qBAAa,CAAU,sCAAsC;;;;"}

package/react/components/SystemBanner/system-banner-context.js

@@ -0,0 +1,7 @@
+'use client';
+import { createContext } from '@lit/context';
+
+const SystemBannerChildCountContext = createContext("system-banner-children-count-context");
+
+export { SystemBannerChildCountContext };
+//# sourceMappingURL=system-banner-context.js.map

package/react/components/SystemBanner/system-banner-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner-context.js","sources":["../../../../src/components/SystemBanner/system-banner-context.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\n\nexport const SystemBannerChildCountContext = createContext<boolean>(\"system-banner-children-count-context\");\n"],"names":[],"mappings":";;;MAEa,6BAA6B,GAAG,aAAa,CAAU,sCAAsC;;;;"}

package/react/components/SystemBanner/system-banner-item.cjs.js

@@ -0,0 +1,11 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var css_248z = lit.css`:host{display:block;font-size:var(--sgds-font-size-1,14px);font-style:normal;font-weight:var(--sgds-font-weight-regular,400);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-20,20px);width:inherit}.banner-item{color:var(--sgds-color-fixed-light);display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-2-xs) 0}.message{line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;max-height:calc(var(--sgds-line-height-20, 20px)*5);overflow:hidden;word-break:break-all}.message.truncated:after{background-color:var(--sgds-surface-fixed-dark);bottom:0;content:"";height:var(--sgds-line-height-20,20px);position:absolute;right:0;text-align:right;width:10ch}.clamped-container{display:inline-block;margin-right:var(--sgds-margin-md);max-width:var(--sgds-dimension-872);position:relative}.show-more{bottom:0;position:absolute;right:0;white-space:nowrap}.show-more__link{cursor:pointer;text-decoration:underline}.action{align-items:center;display:flex;gap:var(--sgds-gap-2-xs,4px);margin-top:6px;min-height:var(--sgds-line-height-20);white-space:nowrap}slot[name=action]::slotted(a){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-1,14px)!important;text-decoration:none!important}.banner-item__message_and__action{display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-xs)}@media (min-width:512px){.banner-item__message_and__action{flex-direction:row;gap:var(--sgds-gap-sm)}.action{margin-left:auto;margin-top:0}.message{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden;word-break:break-all}}`;
+
+exports["default"] = css_248z;
+//# sourceMappingURL=system-banner-item.cjs.js.map

package/react/components/SystemBanner/system-banner-item.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner-item.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/SystemBanner/system-banner-item.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`:host{display:block;font-size:var(--sgds-font-size-1,14px);font-style:normal;font-weight:var(--sgds-font-weight-regular,400);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-20,20px);width:inherit}.banner-item{color:var(--sgds-color-fixed-light);display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-2-xs) 0}.message{line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;max-height:calc(var(--sgds-line-height-20, 20px)*5);overflow:hidden;word-break:break-all}.message.truncated:after{background-color:var(--sgds-surface-fixed-dark);bottom:0;content:"";height:var(--sgds-line-height-20,20px);position:absolute;right:0;text-align:right;width:10ch}.clamped-container{display:inline-block;margin-right:var(--sgds-margin-md);max-width:var(--sgds-dimension-872);position:relative}.show-more{bottom:0;position:absolute;right:0;white-space:nowrap}.show-more__link{cursor:pointer;text-decoration:underline}.action{align-items:center;display:flex;gap:var(--sgds-gap-2-xs,4px);margin-top:6px;min-height:var(--sgds-line-height-20);white-space:nowrap}slot[name=action]::slotted(a){color:var(--sgds-color-fixed-light)!important;font-size:var(--sgds-font-size-1,14px)!important;text-decoration:none!important}.banner-item__message_and__action{display:flex;flex:1 0 0;flex-direction:column;gap:var(--sgds-gap-xs)}@media (min-width:512px){.banner-item__message_and__action{flex-direction:row;gap:var(--sgds-gap-sm)}.action{margin-left:auto;margin-top:0}.message{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden;word-break:break-all}}`;
+
+export { css_248z as default };
+//# sourceMappingURL=system-banner-item.js.map

package/react/components/SystemBanner/system-banner-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/components/SystemBanner/system-banner.cjs.js

@@ -0,0 +1,11 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var css_248z = lit.css`.banner{align-items:center;background-color:var(--sgds-surface-fixed-dark);color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl);position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-0);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-16,16px);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:512px){.pagination,sgds-close-button{position:static}}`;
+
+exports["default"] = css_248z;
+//# sourceMappingURL=system-banner.cjs.js.map

package/react/components/SystemBanner/system-banner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/SystemBanner/system-banner.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.banner{align-items:center;background-color:var(--sgds-surface-fixed-dark);color:var(--sgds-color-fixed-light);display:flex;flex-direction:row;gap:var(--sgds-gap-xl);min-height:var(--sgds-dimension-64);padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl);position:relative}.content{flex:1;overflow:hidden;width:100%}::slotted(sgds-system-banner-item){display:none;flex:0 0 100%;opacity:0}::slotted(sgds-system-banner-item[active]){display:block;opacity:1}.pagination{align-items:center;bottom:12px;display:flex;font-size:var(--sgds-font-size-0);font-weight:var(--sgds-font-weight-regular,400);gap:var(--sgds-gap-2-xs);letter-spacing:var(--sgds-letter-spacing-normal,0);line-height:var(--sgds-line-height-16,16px);position:absolute;right:20px}.d-none{display:none}sgds-close-button{position:absolute;right:20px;top:10px}@media (min-width:512px){.pagination,sgds-close-button{position:static}}`;
+
+export { css_248z as default };
+//# sourceMappingURL=system-banner.js.map

package/react/components/SystemBanner/system-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-banner.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/components/Toast/sgds-toast.cjs.js

@@ -7,7 +7,7 @@ var tslib = require('tslib');
 var lit = require('lit');
 var decorators_js = require('lit/decorators.js');
 var sgdsElement = require('../../base/sgds-element.cjs.js');
-var sgdsCloseButton = require('../../internals/CloseButton/sgds-close-button.cjs.js');
+var sgdsCloseButton = require('../CloseButton/sgds-close-button.cjs.js');
 var animate = require('../../utils/animate.cjs.js');
 var animationRegistry = require('../../utils/animation-registry.cjs.js');
 var event = require('../../utils/event.cjs.js');
@@ -122,7 +122,7 @@ class SgdsToast extends sgdsElement["default"] {
         ${this.dismissible
             ? lit.html `<sgds-close-button
               class="close-btn"
-              ariaLabel="close toast"
+              aria-label="close toast"
               @click=${this.handleCloseClick}
             ></sgds-close-button>`
             : lit.nothing}

package/react/components/Toast/sgds-toast.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-toast.cjs.js","sources":["../../../../src/components/Toast/sgds-toast.ts"],"sourcesContent":["import { html, nothing, PropertyValueMap } from \"lit\";\nimport { property, query, queryAssignedNodes } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsCloseButton from \"../../internals/CloseButton/sgds-close-button\";\nimport { animateTo } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport toastStyle from \"./toast.css\";\n/**\n * @summary Toast allows you to convey quick messaging notifications to the user.\n *\n * @slot default - The content to pass into toast's body\n * @slot action - The content to pass into toast's action\n * @slot icon - The icon in toast\n *\n * @event sgds-show - Emitted on show.\n * @event sgds-after-show - Emitted on show after animation has completed.\n * @event sgds-hide - Emitted on hide.\n * @event sgds-after-hide - Emitted on hide after animation has completed.\n *\n */\nexport class SgdsToast extends SgdsElement {\n  static styles = [...SgdsElement.styles, toastStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton\n  };\n  /**@internal */\n  @query(\"div.toast\") toast: HTMLElement;\n  /** Controls the appearance of toast */\n  @property({ type: Boolean, reflect: true }) show = false;\n  /** The header title of toast. It is required to assign a title to toast */\n  @property({ type: String, reflect: true }) title = \"Title\";\n  /** Controls whether the toast has fade animation during its appearance/disappearance */\n  @property({ type: Boolean, reflect: true }) noAnimation = false;\n  /** Controls if the toast will hide itself after the delay time. Works with delay property */\n  @property({ type: Boolean, reflect: true }) autohide = false;\n  /** The amount of time taken in miliseconds for toast to disappear after its first render. It takes effect only when autohide is set to true. Defaults to 5000ms */\n  @property({ type: Number, reflect: true }) delay = 5000;\n  /**The variant styles of toast */\n  @property({ type: String, reflect: true }) variant: \"success\" | \"warning\" | \"danger\" | \"info\" = \"info\";\n  /** Controls whether or not the Toast is dismissible */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Shows the toast */\n  public async showToast() {\n    if (this.show) {\n      return;\n    }\n\n    this.show = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Hide the toast */\n  public async hideToast() {\n    if (!this.show) {\n      return;\n    }\n    this.show = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal */\n  handleCloseClick() {\n    this.show = false;\n    this.emit(\"sgds-close\");\n  }\n  /**@internal */\n  @watch(\"show\", { waitUntilFirstUpdate: true })\n  async handleShowChange() {\n    if (this.show) {\n      this.emit(\"sgds-show\");\n      this.toast.classList.remove(\"d-none\");\n      const toastAnimation = getAnimation(this, \"toast.show\");\n\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      this.emit(\"sgds-hide\");\n\n      const toastAnimation = getAnimation(this, \"toast.hide\");\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n      this.toast.classList.add(\"d-none\");\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  protected firstUpdated(changedProperties: PropertyValueMap<this>): void {\n    super.firstUpdated(changedProperties);\n\n    if (!this.show) {\n      this.toast.classList.add(\"d-none\");\n    }\n\n    if (this._actionNodes.length === 0) {\n      return this.shadowRoot.querySelector(\"slot[name='action']\")?.classList.add(\"d-none\");\n    }\n  }\n\n  @queryAssignedNodes({ slot: \"action\", flatten: true })\n  private _actionNodes!: Array<Node>;\n\n  render() {\n    if (this.autohide && this.show) {\n      setTimeout(() => {\n        this.show = false;\n      }, this.delay);\n    }\n    return html`\n      <div\n        class=\"toast\"\n        role=\"alert\"\n        aria-hidden=${this.show ? \"false\" : \"true\"}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        <slot name=\"icon\"></slot>\n        <div class=\"toast-content\">\n          <div class=\"toast-body\">\n            <strong>${this.title}</strong>\n            <span><slot></slot></span>\n          </div>\n          <slot class=\"toast-action\" name=\"action\"></slot>\n        </div>\n        ${this.dismissible\n          ? html`<sgds-close-button\n              class=\"close-btn\"\n              ariaLabel=\"close toast\"\n              @click=${this.handleCloseClick}\n            ></sgds-close-button>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsToast;\n\nsetDefaultAnimation(\"toast.show\", {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 400, easing: \"ease\" }\n});\nsetDefaultAnimation(\"toast.hide\", {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 400, easing: \"ease\" }\n});\n"],"names":["SgdsElement","waitForEvent","getAnimation","animateTo","html","nothing","toastStyle","SgdsCloseButton","__decorate","query","property","watch","queryAssignedNodes","setDefaultAnimation"],"mappings":"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"}
+{"version":3,"file":"sgds-toast.cjs.js","sources":["../../../../src/components/Toast/sgds-toast.ts"],"sourcesContent":["import { html, nothing, PropertyValueMap } from \"lit\";\nimport { property, query, queryAssignedNodes } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsCloseButton from \"../CloseButton/sgds-close-button\";\nimport { animateTo } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport toastStyle from \"./toast.css\";\n/**\n * @summary Toast allows you to convey quick messaging notifications to the user.\n *\n * @slot default - The content to pass into toast's body\n * @slot action - The content to pass into toast's action\n * @slot icon - The icon in toast\n *\n * @event sgds-show - Emitted on show.\n * @event sgds-after-show - Emitted on show after animation has completed.\n * @event sgds-hide - Emitted on hide.\n * @event sgds-after-hide - Emitted on hide after animation has completed.\n *\n */\nexport class SgdsToast extends SgdsElement {\n  static styles = [...SgdsElement.styles, toastStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton\n  };\n  /**@internal */\n  @query(\"div.toast\") toast: HTMLElement;\n  /** Controls the appearance of toast */\n  @property({ type: Boolean, reflect: true }) show = false;\n  /** The header title of toast. It is required to assign a title to toast */\n  @property({ type: String, reflect: true }) title = \"Title\";\n  /** Controls whether the toast has fade animation during its appearance/disappearance */\n  @property({ type: Boolean, reflect: true }) noAnimation = false;\n  /** Controls if the toast will hide itself after the delay time. Works with delay property */\n  @property({ type: Boolean, reflect: true }) autohide = false;\n  /** The amount of time taken in miliseconds for toast to disappear after its first render. It takes effect only when autohide is set to true. Defaults to 5000ms */\n  @property({ type: Number, reflect: true }) delay = 5000;\n  /**The variant styles of toast */\n  @property({ type: String, reflect: true }) variant: \"success\" | \"warning\" | \"danger\" | \"info\" = \"info\";\n  /** Controls whether or not the Toast is dismissible */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Shows the toast */\n  public async showToast() {\n    if (this.show) {\n      return;\n    }\n\n    this.show = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Hide the toast */\n  public async hideToast() {\n    if (!this.show) {\n      return;\n    }\n    this.show = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal */\n  handleCloseClick() {\n    this.show = false;\n    this.emit(\"sgds-close\");\n  }\n  /**@internal */\n  @watch(\"show\", { waitUntilFirstUpdate: true })\n  async handleShowChange() {\n    if (this.show) {\n      this.emit(\"sgds-show\");\n      this.toast.classList.remove(\"d-none\");\n      const toastAnimation = getAnimation(this, \"toast.show\");\n\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      this.emit(\"sgds-hide\");\n\n      const toastAnimation = getAnimation(this, \"toast.hide\");\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n      this.toast.classList.add(\"d-none\");\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  protected firstUpdated(changedProperties: PropertyValueMap<this>): void {\n    super.firstUpdated(changedProperties);\n\n    if (!this.show) {\n      this.toast.classList.add(\"d-none\");\n    }\n\n    if (this._actionNodes.length === 0) {\n      return this.shadowRoot.querySelector(\"slot[name='action']\")?.classList.add(\"d-none\");\n    }\n  }\n\n  @queryAssignedNodes({ slot: \"action\", flatten: true })\n  private _actionNodes!: Array<Node>;\n\n  render() {\n    if (this.autohide && this.show) {\n      setTimeout(() => {\n        this.show = false;\n      }, this.delay);\n    }\n    return html`\n      <div\n        class=\"toast\"\n        role=\"alert\"\n        aria-hidden=${this.show ? \"false\" : \"true\"}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        <slot name=\"icon\"></slot>\n        <div class=\"toast-content\">\n          <div class=\"toast-body\">\n            <strong>${this.title}</strong>\n            <span><slot></slot></span>\n          </div>\n          <slot class=\"toast-action\" name=\"action\"></slot>\n        </div>\n        ${this.dismissible\n          ? html`<sgds-close-button\n              class=\"close-btn\"\n              aria-label=\"close toast\"\n              @click=${this.handleCloseClick}\n            ></sgds-close-button>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsToast;\n\nsetDefaultAnimation(\"toast.show\", {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 400, easing: \"ease\" }\n});\nsetDefaultAnimation(\"toast.hide\", {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 400, easing: \"ease\" }\n});\n"],"names":["SgdsElement","waitForEvent","getAnimation","animateTo","html","nothing","toastStyle","SgdsCloseButton","__decorate","query","property","watch","queryAssignedNodes","setDefaultAnimation"],"mappings":"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"}

package/react/components/Toast/sgds-toast.js

@@ -3,7 +3,7 @@ import { __decorate } from 'tslib';
 import { html, nothing } from 'lit';
 import { query, property, queryAssignedNodes } from 'lit/decorators.js';
 import SgdsElement from '../../base/sgds-element.js';
-import { SgdsCloseButton } from '../../internals/CloseButton/sgds-close-button.js';
+import { SgdsCloseButton } from '../CloseButton/sgds-close-button.js';
 import { animateTo } from '../../utils/animate.js';
 import { setDefaultAnimation, getAnimation } from '../../utils/animation-registry.js';
 import { waitForEvent } from '../../utils/event.js';
@@ -118,7 +118,7 @@ class SgdsToast extends SgdsElement {
         ${this.dismissible
             ? html `<sgds-close-button
               class="close-btn"
-              ariaLabel="close toast"
+              aria-label="close toast"
               @click=${this.handleCloseClick}
             ></sgds-close-button>`
             : nothing}

package/react/components/Toast/sgds-toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-toast.js","sources":["../../../../src/components/Toast/sgds-toast.ts"],"sourcesContent":["import { html, nothing, PropertyValueMap } from \"lit\";\nimport { property, query, queryAssignedNodes } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsCloseButton from \"../../internals/CloseButton/sgds-close-button\";\nimport { animateTo } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport toastStyle from \"./toast.css\";\n/**\n * @summary Toast allows you to convey quick messaging notifications to the user.\n *\n * @slot default - The content to pass into toast's body\n * @slot action - The content to pass into toast's action\n * @slot icon - The icon in toast\n *\n * @event sgds-show - Emitted on show.\n * @event sgds-after-show - Emitted on show after animation has completed.\n * @event sgds-hide - Emitted on hide.\n * @event sgds-after-hide - Emitted on hide after animation has completed.\n *\n */\nexport class SgdsToast extends SgdsElement {\n  static styles = [...SgdsElement.styles, toastStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton\n  };\n  /**@internal */\n  @query(\"div.toast\") toast: HTMLElement;\n  /** Controls the appearance of toast */\n  @property({ type: Boolean, reflect: true }) show = false;\n  /** The header title of toast. It is required to assign a title to toast */\n  @property({ type: String, reflect: true }) title = \"Title\";\n  /** Controls whether the toast has fade animation during its appearance/disappearance */\n  @property({ type: Boolean, reflect: true }) noAnimation = false;\n  /** Controls if the toast will hide itself after the delay time. Works with delay property */\n  @property({ type: Boolean, reflect: true }) autohide = false;\n  /** The amount of time taken in miliseconds for toast to disappear after its first render. It takes effect only when autohide is set to true. Defaults to 5000ms */\n  @property({ type: Number, reflect: true }) delay = 5000;\n  /**The variant styles of toast */\n  @property({ type: String, reflect: true }) variant: \"success\" | \"warning\" | \"danger\" | \"info\" = \"info\";\n  /** Controls whether or not the Toast is dismissible */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Shows the toast */\n  public async showToast() {\n    if (this.show) {\n      return;\n    }\n\n    this.show = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Hide the toast */\n  public async hideToast() {\n    if (!this.show) {\n      return;\n    }\n    this.show = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal */\n  handleCloseClick() {\n    this.show = false;\n    this.emit(\"sgds-close\");\n  }\n  /**@internal */\n  @watch(\"show\", { waitUntilFirstUpdate: true })\n  async handleShowChange() {\n    if (this.show) {\n      this.emit(\"sgds-show\");\n      this.toast.classList.remove(\"d-none\");\n      const toastAnimation = getAnimation(this, \"toast.show\");\n\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      this.emit(\"sgds-hide\");\n\n      const toastAnimation = getAnimation(this, \"toast.hide\");\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n      this.toast.classList.add(\"d-none\");\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  protected firstUpdated(changedProperties: PropertyValueMap<this>): void {\n    super.firstUpdated(changedProperties);\n\n    if (!this.show) {\n      this.toast.classList.add(\"d-none\");\n    }\n\n    if (this._actionNodes.length === 0) {\n      return this.shadowRoot.querySelector(\"slot[name='action']\")?.classList.add(\"d-none\");\n    }\n  }\n\n  @queryAssignedNodes({ slot: \"action\", flatten: true })\n  private _actionNodes!: Array<Node>;\n\n  render() {\n    if (this.autohide && this.show) {\n      setTimeout(() => {\n        this.show = false;\n      }, this.delay);\n    }\n    return html`\n      <div\n        class=\"toast\"\n        role=\"alert\"\n        aria-hidden=${this.show ? \"false\" : \"true\"}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        <slot name=\"icon\"></slot>\n        <div class=\"toast-content\">\n          <div class=\"toast-body\">\n            <strong>${this.title}</strong>\n            <span><slot></slot></span>\n          </div>\n          <slot class=\"toast-action\" name=\"action\"></slot>\n        </div>\n        ${this.dismissible\n          ? html`<sgds-close-button\n              class=\"close-btn\"\n              ariaLabel=\"close toast\"\n              @click=${this.handleCloseClick}\n            ></sgds-close-button>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsToast;\n\nsetDefaultAnimation(\"toast.show\", {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 400, easing: \"ease\" }\n});\nsetDefaultAnimation(\"toast.hide\", {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 400, easing: \"ease\" }\n});\n"],"names":["toastStyle"],"mappings":"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"}
+{"version":3,"file":"sgds-toast.js","sources":["../../../../src/components/Toast/sgds-toast.ts"],"sourcesContent":["import { html, nothing, PropertyValueMap } from \"lit\";\nimport { property, query, queryAssignedNodes } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsCloseButton from \"../CloseButton/sgds-close-button\";\nimport { animateTo } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport toastStyle from \"./toast.css\";\n/**\n * @summary Toast allows you to convey quick messaging notifications to the user.\n *\n * @slot default - The content to pass into toast's body\n * @slot action - The content to pass into toast's action\n * @slot icon - The icon in toast\n *\n * @event sgds-show - Emitted on show.\n * @event sgds-after-show - Emitted on show after animation has completed.\n * @event sgds-hide - Emitted on hide.\n * @event sgds-after-hide - Emitted on hide after animation has completed.\n *\n */\nexport class SgdsToast extends SgdsElement {\n  static styles = [...SgdsElement.styles, toastStyle];\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton\n  };\n  /**@internal */\n  @query(\"div.toast\") toast: HTMLElement;\n  /** Controls the appearance of toast */\n  @property({ type: Boolean, reflect: true }) show = false;\n  /** The header title of toast. It is required to assign a title to toast */\n  @property({ type: String, reflect: true }) title = \"Title\";\n  /** Controls whether the toast has fade animation during its appearance/disappearance */\n  @property({ type: Boolean, reflect: true }) noAnimation = false;\n  /** Controls if the toast will hide itself after the delay time. Works with delay property */\n  @property({ type: Boolean, reflect: true }) autohide = false;\n  /** The amount of time taken in miliseconds for toast to disappear after its first render. It takes effect only when autohide is set to true. Defaults to 5000ms */\n  @property({ type: Number, reflect: true }) delay = 5000;\n  /**The variant styles of toast */\n  @property({ type: String, reflect: true }) variant: \"success\" | \"warning\" | \"danger\" | \"info\" = \"info\";\n  /** Controls whether or not the Toast is dismissible */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Shows the toast */\n  public async showToast() {\n    if (this.show) {\n      return;\n    }\n\n    this.show = true;\n    return waitForEvent(this, \"sgds-after-show\");\n  }\n\n  /** Hide the toast */\n  public async hideToast() {\n    if (!this.show) {\n      return;\n    }\n    this.show = false;\n    return waitForEvent(this, \"sgds-after-hide\");\n  }\n\n  /** @internal */\n  handleCloseClick() {\n    this.show = false;\n    this.emit(\"sgds-close\");\n  }\n  /**@internal */\n  @watch(\"show\", { waitUntilFirstUpdate: true })\n  async handleShowChange() {\n    if (this.show) {\n      this.emit(\"sgds-show\");\n      this.toast.classList.remove(\"d-none\");\n      const toastAnimation = getAnimation(this, \"toast.show\");\n\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      this.emit(\"sgds-hide\");\n\n      const toastAnimation = getAnimation(this, \"toast.hide\");\n      if (!this.noAnimation) {\n        await animateTo(this.toast, toastAnimation.keyframes, toastAnimation.options);\n      }\n      this.toast.classList.add(\"d-none\");\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  protected firstUpdated(changedProperties: PropertyValueMap<this>): void {\n    super.firstUpdated(changedProperties);\n\n    if (!this.show) {\n      this.toast.classList.add(\"d-none\");\n    }\n\n    if (this._actionNodes.length === 0) {\n      return this.shadowRoot.querySelector(\"slot[name='action']\")?.classList.add(\"d-none\");\n    }\n  }\n\n  @queryAssignedNodes({ slot: \"action\", flatten: true })\n  private _actionNodes!: Array<Node>;\n\n  render() {\n    if (this.autohide && this.show) {\n      setTimeout(() => {\n        this.show = false;\n      }, this.delay);\n    }\n    return html`\n      <div\n        class=\"toast\"\n        role=\"alert\"\n        aria-hidden=${this.show ? \"false\" : \"true\"}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        <slot name=\"icon\"></slot>\n        <div class=\"toast-content\">\n          <div class=\"toast-body\">\n            <strong>${this.title}</strong>\n            <span><slot></slot></span>\n          </div>\n          <slot class=\"toast-action\" name=\"action\"></slot>\n        </div>\n        ${this.dismissible\n          ? html`<sgds-close-button\n              class=\"close-btn\"\n              aria-label=\"close toast\"\n              @click=${this.handleCloseClick}\n            ></sgds-close-button>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\nexport default SgdsToast;\n\nsetDefaultAnimation(\"toast.show\", {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 400, easing: \"ease\" }\n});\nsetDefaultAnimation(\"toast.hide\", {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 400, easing: \"ease\" }\n});\n"],"names":["toastStyle"],"mappings":"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"}