@umbraco-ui/uui 2.0.0 → 2.0.1

package/dist/components/toast-notification/toast-notification.element.js

@@ -1,203 +1,143 @@
-import "../icon-registry-essential/svgs/iconAdd.js";
-import "../icon-registry-essential/svgs/iconAlert.js";
-import "../icon-registry-essential/svgs/iconAttachment.js";
-import "../icon-registry-essential/svgs/iconCalendar.js";
-import "../icon-registry-essential/svgs/iconCheck.js";
-import "../icon-registry-essential/svgs/iconClipboard.js";
-import "../icon-registry-essential/svgs/iconCode.js";
-import "../icon-registry-essential/svgs/iconColorPicker.js";
-import "../icon-registry-essential/svgs/iconCopy.js";
-import "../icon-registry-essential/svgs/iconDelete.js";
-import "../icon-registry-essential/svgs/iconDocument.js";
-import "../icon-registry-essential/svgs/iconDownload.js";
-import "../icon-registry-essential/svgs/iconDrag.js";
-import "../icon-registry-essential/svgs/iconEdit.js";
-import "../icon-registry-essential/svgs/iconFavorite.js";
-import "../icon-registry-essential/svgs/iconFolder.js";
-import "../icon-registry-essential/svgs/iconForbidden.js";
-import "../icon-registry-essential/svgs/iconInfo.js";
-import "../icon-registry-essential/svgs/iconLink.js";
-import "../icon-registry-essential/svgs/iconLock.js";
-import "../icon-registry-essential/svgs/iconPause.js";
-import "../icon-registry-essential/svgs/iconPicture.js";
-import "../icon-registry-essential/svgs/iconPlay.js";
-import { iconRemove } from "../icon-registry-essential/svgs/iconRemove.js";
-import "../icon-registry-essential/svgs/iconSearch.js";
-import "../icon-registry-essential/svgs/iconSee.js";
-import "../icon-registry-essential/svgs/iconSettings.js";
-import "../icon-registry-essential/svgs/iconSubtract.js";
-import "../icon-registry-essential/svgs/iconSync.js";
-import "../icon-registry-essential/svgs/iconUnlock.js";
-import "../icon-registry-essential/svgs/iconUnsee.js";
-import "../icon-registry-essential/svgs/iconWand.js";
-import "../icon-registry-essential/svgs/iconWrong.js";
-import { LitElement, html, css } from "lit";
-import { property, query, state } from "lit/decorators.js";
-import { UUIToastNotificationEvent } from "./UUIToastNotificationEvent.js";
-import "../button/button.js";
-import "../icon/icon.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
 import { UUITimer } from "../../internal/utils/Timer.js";
 import { UUITextStyles } from "../../styles/uui-text.styles.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const _UUIToastNotificationElement = class _UUIToastNotificationElement extends LitElement {
-  constructor() {
-    super();
-    this.color = "";
-    this._autoClose = null;
-    this._onOpenTimerComplete = () => {
-      if (this._open) {
-        this.open = false;
-      }
-    };
-    this._timer = null;
-    this._pauseTimer = false;
-    this.isOpen = false;
-    this._open = false;
-    this._animate = false;
-    this._requestAnimationUpdate = 0;
-    this.addEventListener("keyup", (event) => {
-      if (event.key === "Escape") {
-        this.open = false;
-      }
-    });
-  }
-  get autoClose() {
-    return this._autoClose;
-  }
-  set autoClose(value) {
-    this._autoClose = value;
-    if (value === null) {
-      this._timer?.destroy();
-      this._timer = null;
-    } else {
-      if (this._timer === null) {
-        this._timer = new UUITimer(this._onOpenTimerComplete, value);
-      } else {
-        this._timer.setDuration(value);
-      }
-      if (this._pauseTimer === false && this.isOpen === true && this._animate === false) {
-        this._timer.start();
-      }
-    }
-  }
-  /**
-   * Pause the auto close timer.
-   */
-  pauseAutoClose() {
-    this._pauseTimer = true;
-    if (this._timer !== null) {
-      this._timer.pause();
-    }
-  }
-  /**
-   * Resume the auto close timer.
-   */
-  resumeAutoClose() {
-    this._pauseTimer = false;
-    if (this._timer !== null && this.isOpen === true && this._animate === false) {
-      this._timer.restart();
-    }
-  }
-  get open() {
-    return this._open;
-  }
-  set open(value) {
-    if (value === true) {
-      this._makeOpen();
-    } else {
-      this._makeClose();
-    }
-  }
-  _getAnimationDuration() {
-    return Number.parseInt(
-      getComputedStyle(this).getPropertyValue(
-        "--uui-toast-notification-animation-duration"
-      ),
-      10
-    ) || 480;
-  }
-  _makeOpen() {
-    if (this._open === true) {
-      return;
-    }
-    this._open = true;
-    this.updateComplete.then(() => {
-      if (this._open !== true) {
-        return;
-      }
-      cancelAnimationFrame(this._requestAnimationUpdate);
-      this._requestAnimationUpdate = requestAnimationFrame(() => {
-        clearTimeout(this._animationTimeout);
-        this.isOpen = true;
-        this.setAttribute("is-open", "");
-        this.style.height = this._toastEl.getBoundingClientRect().height + "px";
-        this._animate = true;
-        this.dispatchEvent(
-          new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENING)
-        );
-        this._animationTimeout = globalThis.setTimeout(() => {
-          if (this.isOpen === true) {
-            this.style.height = "auto";
-            this._animate = false;
-            if (this._pauseTimer === false) {
-              this._timer?.start();
-            }
-            this.dispatchEvent(
-              new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENED)
-            );
-          }
-        }, this._getAnimationDuration());
-      });
-    });
-  }
-  _makeClose() {
-    if (this._open === false) {
-      return;
-    }
-    const event = new UUIToastNotificationEvent(
-      UUIToastNotificationEvent.CLOSING,
-      { cancelable: true }
-    );
-    this.dispatchEvent(event);
-    if (event.defaultPrevented === true) {
-      return;
-    }
-    this._open = false;
-    this._timer?.pause();
-    cancelAnimationFrame(this._requestAnimationUpdate);
-    if (this.isOpen === true) {
-      this._requestAnimationUpdate = requestAnimationFrame(() => {
-        clearTimeout(this._animationTimeout);
-        this.isOpen = false;
-        this.removeAttribute("is-open");
-        this.style.height = this._toastEl.getBoundingClientRect().height + "px";
-        this._animate = true;
-        requestAnimationFrame(() => {
-          this.style.height = "0";
-        });
-        this._animationTimeout = globalThis.setTimeout(() => {
-          if (this.isOpen === false) {
-            this._animate = false;
-            this.dispatchEvent(
-              new UUIToastNotificationEvent(UUIToastNotificationEvent.CLOSED)
-            );
-            this.remove();
-          }
-        }, this._getAnimationDuration());
-      });
-    }
-  }
-  render() {
-    return html`
+import { iconRemove } from "../icon-registry-essential/svgs/iconRemove.js";
+import "../icon-registry-essential/svgs/index.js";
+import "../icon/icon.js";
+import "../button/button.js";
+import { UUIToastNotificationEvent } from "./UUIToastNotificationEvent.js";
+import { LitElement, css, html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+//#region src/components/toast-notification/toast-notification.element.ts
+/**
+*  @element uui-toast-notification
+*  @fires {UUIToastNotificationEvent} opening - fires when the toast is starting to open
+*  @fires {UUIToastNotificationEvent} opened - fires when the toast is open after the open-animation
+*  @fires {UUIToastNotificationEvent} closing - fires when the toast is starting to close
+*  @fires {UUIToastNotificationEvent} closed - fires when the toast is closed
+*  @description - Component for displaying a toast notification, preferably used in toast-notification-container.
+*  @slot - slot for dialog layout/content
+*/
+var UUIToastNotificationElement = class extends LitElement {
+	/**
+	* Set an auto-close timer.
+	* @type number
+	* @attr
+	* @default null
+	*/
+	get autoClose() {
+		return this._autoClose;
+	}
+	set autoClose(value) {
+		this._autoClose = value;
+		if (value === null) {
+			this._timer?.destroy();
+			this._timer = null;
+		} else {
+			if (this._timer === null) this._timer = new UUITimer(this._onOpenTimerComplete, value);
+			else this._timer.setDuration(value);
+			if (this._pauseTimer === false && this.isOpen === true && this._animate === false) this._timer.start();
+		}
+	}
+	/**
+	* Pause the auto close timer.
+	*/
+	pauseAutoClose() {
+		this._pauseTimer = true;
+		if (this._timer !== null) this._timer.pause();
+	}
+	/**
+	* Resume the auto close timer.
+	*/
+	resumeAutoClose() {
+		this._pauseTimer = false;
+		if (this._timer !== null && this.isOpen === true && this._animate === false) this._timer.restart();
+	}
+	/**
+	* define if this toast should open or close.
+	* @type boolean
+	* @attr
+	* @default false
+	*/
+	get open() {
+		return this._open;
+	}
+	set open(value) {
+		if (value === true) this._makeOpen();
+		else this._makeClose();
+	}
+	constructor() {
+		super();
+		this.color = "";
+		this._autoClose = null;
+		this._onOpenTimerComplete = () => {
+			if (this._open) this.open = false;
+		};
+		this._timer = null;
+		this._pauseTimer = false;
+		this.isOpen = false;
+		this._open = false;
+		this._animate = false;
+		this._requestAnimationUpdate = 0;
+		this.addEventListener("keyup", (event) => {
+			if (event.key === "Escape") this.open = false;
+		});
+	}
+	_getAnimationDuration() {
+		return Number.parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"), 10) || 480;
+	}
+	_makeOpen() {
+		if (this._open === true) return;
+		this._open = true;
+		this.updateComplete.then(() => {
+			if (this._open !== true) return;
+			cancelAnimationFrame(this._requestAnimationUpdate);
+			this._requestAnimationUpdate = requestAnimationFrame(() => {
+				clearTimeout(this._animationTimeout);
+				this.isOpen = true;
+				this.setAttribute("is-open", "");
+				this.style.height = this._toastEl.getBoundingClientRect().height + "px";
+				this._animate = true;
+				this.dispatchEvent(new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENING));
+				this._animationTimeout = globalThis.setTimeout(() => {
+					if (this.isOpen === true) {
+						this.style.height = "auto";
+						this._animate = false;
+						if (this._pauseTimer === false) this._timer?.start();
+						this.dispatchEvent(new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENED));
+					}
+				}, this._getAnimationDuration());
+			});
+		});
+	}
+	_makeClose() {
+		if (this._open === false) return;
+		const event = new UUIToastNotificationEvent(UUIToastNotificationEvent.CLOSING, { cancelable: true });
+		this.dispatchEvent(event);
+		if (event.defaultPrevented === true) return;
+		this._open = false;
+		this._timer?.pause();
+		cancelAnimationFrame(this._requestAnimationUpdate);
+		if (this.isOpen === true) this._requestAnimationUpdate = requestAnimationFrame(() => {
+			clearTimeout(this._animationTimeout);
+			this.isOpen = false;
+			this.removeAttribute("is-open");
+			this.style.height = this._toastEl.getBoundingClientRect().height + "px";
+			this._animate = true;
+			requestAnimationFrame(() => {
+				this.style.height = "0";
+			});
+			this._animationTimeout = globalThis.setTimeout(() => {
+				if (this.isOpen === false) {
+					this._animate = false;
+					this.dispatchEvent(new UUIToastNotificationEvent(UUIToastNotificationEvent.CLOSED));
+					this.remove();
+				}
+			}, this._getAnimationDuration());
+		});
+	}
+	render() {
+		return html`
       <div id="toast" class=${this._animate ? "animate" : ""}>
         <div>
           <div id="close">
@@ -215,11 +155,9 @@ const _UUIToastNotificationElement = class _UUIToastNotificationElement extends
         </div>
       </div>
     `;
-  }
-};
-_UUIToastNotificationElement.styles = [
-  UUITextStyles,
-  css`
+	}
+	static {
+		this.styles = [UUITextStyles, css`
       :host {
         --uui-toast-notification-margin: var(--uui-size-space-2);
 
@@ -320,25 +258,18 @@ _UUIToastNotificationElement.styles = [
         color: var(--uui-color-invalid-contrast);
         border-color: var(--uui-color-invalid-standalone);
       }
-    `
-];
-let UUIToastNotificationElement = _UUIToastNotificationElement;
-__decorateClass([
-  property({ reflect: true })
-], UUIToastNotificationElement.prototype, "color", 2);
-__decorateClass([
-  property({ type: Number })
-], UUIToastNotificationElement.prototype, "autoClose", 1);
-__decorateClass([
-  query("#toast")
-], UUIToastNotificationElement.prototype, "_toastEl", 2);
-__decorateClass([
-  state()
-], UUIToastNotificationElement.prototype, "_animate", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], UUIToastNotificationElement.prototype, "open", 1);
-export {
-  UUIToastNotificationElement
+    `];
+	}
 };
-//# sourceMappingURL=toast-notification.element.js.map
+__decorate([property({ reflect: true })], UUIToastNotificationElement.prototype, "color", void 0);
+__decorate([property({ type: Number })], UUIToastNotificationElement.prototype, "autoClose", null);
+__decorate([query("#toast")], UUIToastNotificationElement.prototype, "_toastEl", void 0);
+__decorate([state()], UUIToastNotificationElement.prototype, "_animate", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], UUIToastNotificationElement.prototype, "open", null);
+//#endregion
+export { UUIToastNotificationElement };
+
+//# sourceMappingURL=toast-notification.element.js.map

package/dist/components/toast-notification/toast-notification.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-notification.element.js","sources":["../../../src/components/toast-notification/toast-notification.element.ts"],"sourcesContent":["import { UUITimer } from '../../internal/utils/index.js';\nimport { UUITextStyles } from '../../styles/index.js';\nimport { iconRemove } from '../icon-registry-essential/svgs/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { UUIToastNotificationEvent } from './UUIToastNotificationEvent.js';\nimport type { UUIInterfaceColor } from '../../internal/index.js';\n\nimport '../button/button.js';\nimport '../icon/icon.js';\n\n/**\n *  @element uui-toast-notification\n *  @fires {UUIToastNotificationEvent} opening - fires when the toast is starting to open\n *  @fires {UUIToastNotificationEvent} opened - fires when the toast is open after the open-animation\n *  @fires {UUIToastNotificationEvent} closing - fires when the toast is starting to close\n *  @fires {UUIToastNotificationEvent} closed - fires when the toast is closed\n *  @description - Component for displaying a toast notification, preferably used in toast-notification-container.\n *  @slot - slot for dialog layout/content\n */\nexport class UUIToastNotificationElement extends LitElement {\n  /**\n   * Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n   * @type {UUIInterfaceColor}\n   * @attr\n   * @default \"\"\n   */\n  @property({ reflect: true })\n  color: UUIInterfaceColor = '';\n\n  private _autoClose: number | null = null;\n  /**\n   * Set an auto-close timer.\n   * @type number\n   * @attr\n   * @default null\n   */\n  @property({ type: Number })\n  public get autoClose(): number | null {\n    return this._autoClose;\n  }\n  public set autoClose(value: number | null) {\n    this._autoClose = value;\n    if (value === null) {\n      this._timer?.destroy();\n      this._timer = null;\n    } else {\n      if (this._timer === null) {\n        this._timer = new UUITimer(this._onOpenTimerComplete, value);\n      } else {\n        this._timer.setDuration(value);\n      }\n      if (\n        this._pauseTimer === false &&\n        this.isOpen === true &&\n        this._animate === false\n      ) {\n        this._timer.start();\n      }\n    }\n  }\n\n  /**\n   * Pause the auto close timer.\n   */\n  public pauseAutoClose() {\n    this._pauseTimer = true;\n    if (this._timer !== null) {\n      this._timer.pause();\n    }\n  }\n  /**\n   * Resume the auto close timer.\n   */\n  public resumeAutoClose() {\n    this._pauseTimer = false;\n    if (\n      this._timer !== null &&\n      this.isOpen === true &&\n      this._animate === false\n    ) {\n      this._timer.restart();\n    }\n  }\n\n  private readonly _onOpenTimerComplete = () => {\n    if (this._open) {\n      this.open = false;\n    }\n  };\n\n  @query('#toast')\n  private readonly _toastEl!: HTMLElement;\n  private _timer: UUITimer | null = null;\n  private _pauseTimer: boolean = false;\n\n  protected isOpen = false;\n  private _open = false;\n\n  @state()\n  private _animate = false;\n  private _animationTimeout?: number;\n\n  /**\n   * define if this toast should open or close.\n   * @type boolean\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public get open() {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (value === true) {\n      this._makeOpen();\n    } else {\n      this._makeClose();\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keyup', (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this.open = false;\n      }\n    });\n  }\n\n  private _getAnimationDuration(): number {\n    return (\n      Number.parseInt(\n        getComputedStyle(this).getPropertyValue(\n          '--uui-toast-notification-animation-duration',\n        ),\n        10,\n      ) || 480\n    );\n  }\n\n  private _requestAnimationUpdate = 0;\n  private _makeOpen() {\n    if (this._open === true) {\n      return;\n    }\n    this._open = true;\n    this.updateComplete.then(() => {\n      if (this._open !== true) {\n        return;\n      }\n      cancelAnimationFrame(this._requestAnimationUpdate);\n      this._requestAnimationUpdate = requestAnimationFrame(() => {\n        clearTimeout(this._animationTimeout as number);\n        this.isOpen = true;\n        this.setAttribute('is-open', '');\n\n        this.style.height = this._toastEl.getBoundingClientRect().height + 'px';\n        this._animate = true;\n\n        this.dispatchEvent(\n          new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENING),\n        );\n\n        this._animationTimeout = globalThis.setTimeout(() => {\n          if (this.isOpen === true) {\n            this.style.height = 'auto';\n            this._animate = false;\n            if (this._pauseTimer === false) {\n              this._timer?.start();\n            }\n\n            this.dispatchEvent(\n              new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENED),\n            );\n          }\n        }, this._getAnimationDuration());\n      });\n    });\n  }\n  private _makeClose() {\n    if (this._open === false) {\n      return;\n    }\n\n    const event = new UUIToastNotificationEvent(\n      UUIToastNotificationEvent.CLOSING,\n      { cancelable: true },\n    );\n    this.dispatchEvent(event);\n\n    if (event.defaultPrevented === true) {\n      return;\n    }\n\n    this._open = false;\n    this._timer?.pause();\n    cancelAnimationFrame(this._requestAnimationUpdate); // do cancel though isOpen wasn't set jet.\n    if (this.isOpen === true) {\n      this._requestAnimationUpdate = requestAnimationFrame(() => {\n        clearTimeout(this._animationTimeout as number);\n        this.isOpen = false;\n        this.removeAttribute('is-open');\n\n        this.style.height = this._toastEl.getBoundingClientRect().height + 'px';\n        this._animate = true;\n\n        requestAnimationFrame(() => {\n          // Dont overwrite the height instantly, but instead wait one frame to ensure animate is set before setting the goal of the animation.\n          this.style.height = '0';\n        });\n\n        this._animationTimeout = globalThis.setTimeout(() => {\n          if (this.isOpen === false) {\n            this._animate = false;\n\n            this.dispatchEvent(\n              new UUIToastNotificationEvent(UUIToastNotificationEvent.CLOSED),\n            );\n            this.remove();\n          }\n        }, this._getAnimationDuration());\n      });\n    }\n  }\n\n  render() {\n    return html`\n      <div id=\"toast\" class=${this._animate ? 'animate' : ''}>\n        <div>\n          <div id=\"close\">\n            <uui-button\n              .label=${'close'}\n              .color=${this.color}\n              .look=${this.color ? 'primary' : 'default'}\n              @click=${() => (this.open = false)}>\n              <uui-icon\n                name=\"remove\"\n                .fallback=${iconRemove.strings[0]}></uui-icon>\n            </uui-button>\n          </div>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    UUITextStyles,\n    css`\n      :host {\n        --uui-toast-notification-margin: var(--uui-size-space-2);\n\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 400px;\n        margin: 0 var(--uui-toast-notification-margin);\n        box-sizing: border-box;\n\n        height: 0;\n        pointer-events: none;\n\n        transition: height\n          var(--uui-toast-notification-animation-duration, 480ms) ease-in-out;\n      }\n      :host([is-open]) {\n        pointer-events: all;\n        transition-timing-function: cubic-bezier(\n          0.19,\n          1,\n          0.22,\n          1\n        ); /* easeOutExpo */\n      }\n\n      #toast {\n        position: relative;\n        display: block;\n        padding: calc(var(--uui-toast-notification-margin) * 0.5) 0;\n        width: 100%;\n        max-width: 400px;\n      }\n      #toast.animate {\n        position: absolute;\n      }\n\n      #toast > div {\n        position: relative;\n        display: block;\n\n        box-sizing: border-box;\n        box-shadow: var(--uui-shadow-depth-3);\n        background-color: var(--uui-color-surface);\n        padding: var(--uui-size-layout-1);\n        padding-right: var(--uui-size-layout-1);\n        padding-left: var(--uui-size-layout-3);\n        border-radius: var(--uui-border-radius-3);\n\n        opacity: 0;\n        transition: opacity\n          var(--uui-toast-notification-animation-duration, 480ms);\n      }\n      :host([is-open]) #toast > div {\n        opacity: 1;\n      }\n\n      #close {\n        float: right;\n        margin-top: -6px;\n        margin-left: var(--uui-size-space-1);\n        margin-bottom: -4px;\n      }\n\n      #close > uui-button {\n        --uui-button-border-radius: 50px 50px 50px 50px;\n        --uui-button-padding-left-factor: 1.5;\n        --uui-button-padding-right-factor: 1.5;\n      }\n\n      :host #toast > div {\n        background-color: var(--uui-color-surface);\n        color: var(--uui-color-text);\n        border-color: var(--uui-color-surface);\n      }\n      :host([color='default']) #toast > div {\n        background-color: var(--uui-color-default);\n        color: var(--uui-color-default-contrast);\n        border-color: var(--uui-color-default-standalone);\n      }\n      :host([color='positive']) #toast > div {\n        background-color: var(--uui-color-positive);\n        color: var(--uui-color-positive-contrast);\n        border-color: var(--uui-color-positive-standalone);\n      }\n      :host([color='warning']) #toast > div {\n        background-color: var(--uui-color-warning);\n        color: var(--uui-color-warning-contrast);\n        border-color: var(--uui-color-warning-standalone);\n      }\n      :host([color='danger']) #toast > div {\n        background-color: var(--uui-color-danger);\n        color: var(--uui-color-danger-contrast);\n        border-color: var(--uui-color-danger-standalone);\n      }\n      :host([color='invalid']) #toast > div {\n        background-color: var(--uui-color-invalid);\n        color: var(--uui-color-invalid-contrast);\n        border-color: var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"toast-notification.element.js","names":[],"sources":["../../../src/components/toast-notification/toast-notification.element.ts"],"sourcesContent":["import { UUITimer } from '../../internal/utils/index.js';\nimport { UUITextStyles } from '../../styles/index.js';\nimport { iconRemove } from '../icon-registry-essential/svgs/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { UUIToastNotificationEvent } from './UUIToastNotificationEvent.js';\nimport type { UUIInterfaceColor } from '../../internal/index.js';\n\nimport '../button/button.js';\nimport '../icon/icon.js';\n\n/**\n *  @element uui-toast-notification\n *  @fires {UUIToastNotificationEvent} opening - fires when the toast is starting to open\n *  @fires {UUIToastNotificationEvent} opened - fires when the toast is open after the open-animation\n *  @fires {UUIToastNotificationEvent} closing - fires when the toast is starting to close\n *  @fires {UUIToastNotificationEvent} closed - fires when the toast is closed\n *  @description - Component for displaying a toast notification, preferably used in toast-notification-container.\n *  @slot - slot for dialog layout/content\n */\nexport class UUIToastNotificationElement extends LitElement {\n  /**\n   * Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n   * @type {UUIInterfaceColor}\n   * @attr\n   * @default \"\"\n   */\n  @property({ reflect: true })\n  color: UUIInterfaceColor = '';\n\n  private _autoClose: number | null = null;\n  /**\n   * Set an auto-close timer.\n   * @type number\n   * @attr\n   * @default null\n   */\n  @property({ type: Number })\n  public get autoClose(): number | null {\n    return this._autoClose;\n  }\n  public set autoClose(value: number | null) {\n    this._autoClose = value;\n    if (value === null) {\n      this._timer?.destroy();\n      this._timer = null;\n    } else {\n      if (this._timer === null) {\n        this._timer = new UUITimer(this._onOpenTimerComplete, value);\n      } else {\n        this._timer.setDuration(value);\n      }\n      if (\n        this._pauseTimer === false &&\n        this.isOpen === true &&\n        this._animate === false\n      ) {\n        this._timer.start();\n      }\n    }\n  }\n\n  /**\n   * Pause the auto close timer.\n   */\n  public pauseAutoClose() {\n    this._pauseTimer = true;\n    if (this._timer !== null) {\n      this._timer.pause();\n    }\n  }\n  /**\n   * Resume the auto close timer.\n   */\n  public resumeAutoClose() {\n    this._pauseTimer = false;\n    if (\n      this._timer !== null &&\n      this.isOpen === true &&\n      this._animate === false\n    ) {\n      this._timer.restart();\n    }\n  }\n\n  private readonly _onOpenTimerComplete = () => {\n    if (this._open) {\n      this.open = false;\n    }\n  };\n\n  @query('#toast')\n  private readonly _toastEl!: HTMLElement;\n  private _timer: UUITimer | null = null;\n  private _pauseTimer: boolean = false;\n\n  protected isOpen = false;\n  private _open = false;\n\n  @state()\n  private _animate = false;\n  private _animationTimeout?: number;\n\n  /**\n   * define if this toast should open or close.\n   * @type boolean\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public get open() {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (value === true) {\n      this._makeOpen();\n    } else {\n      this._makeClose();\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keyup', (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this.open = false;\n      }\n    });\n  }\n\n  private _getAnimationDuration(): number {\n    return (\n      Number.parseInt(\n        getComputedStyle(this).getPropertyValue(\n          '--uui-toast-notification-animation-duration',\n        ),\n        10,\n      ) || 480\n    );\n  }\n\n  private _requestAnimationUpdate = 0;\n  private _makeOpen() {\n    if (this._open === true) {\n      return;\n    }\n    this._open = true;\n    this.updateComplete.then(() => {\n      if (this._open !== true) {\n        return;\n      }\n      cancelAnimationFrame(this._requestAnimationUpdate);\n      this._requestAnimationUpdate = requestAnimationFrame(() => {\n        clearTimeout(this._animationTimeout as number);\n        this.isOpen = true;\n        this.setAttribute('is-open', '');\n\n        this.style.height = this._toastEl.getBoundingClientRect().height + 'px';\n        this._animate = true;\n\n        this.dispatchEvent(\n          new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENING),\n        );\n\n        this._animationTimeout = globalThis.setTimeout(() => {\n          if (this.isOpen === true) {\n            this.style.height = 'auto';\n            this._animate = false;\n            if (this._pauseTimer === false) {\n              this._timer?.start();\n            }\n\n            this.dispatchEvent(\n              new UUIToastNotificationEvent(UUIToastNotificationEvent.OPENED),\n            );\n          }\n        }, this._getAnimationDuration());\n      });\n    });\n  }\n  private _makeClose() {\n    if (this._open === false) {\n      return;\n    }\n\n    const event = new UUIToastNotificationEvent(\n      UUIToastNotificationEvent.CLOSING,\n      { cancelable: true },\n    );\n    this.dispatchEvent(event);\n\n    if (event.defaultPrevented === true) {\n      return;\n    }\n\n    this._open = false;\n    this._timer?.pause();\n    cancelAnimationFrame(this._requestAnimationUpdate); // do cancel though isOpen wasn't set jet.\n    if (this.isOpen === true) {\n      this._requestAnimationUpdate = requestAnimationFrame(() => {\n        clearTimeout(this._animationTimeout as number);\n        this.isOpen = false;\n        this.removeAttribute('is-open');\n\n        this.style.height = this._toastEl.getBoundingClientRect().height + 'px';\n        this._animate = true;\n\n        requestAnimationFrame(() => {\n          // Dont overwrite the height instantly, but instead wait one frame to ensure animate is set before setting the goal of the animation.\n          this.style.height = '0';\n        });\n\n        this._animationTimeout = globalThis.setTimeout(() => {\n          if (this.isOpen === false) {\n            this._animate = false;\n\n            this.dispatchEvent(\n              new UUIToastNotificationEvent(UUIToastNotificationEvent.CLOSED),\n            );\n            this.remove();\n          }\n        }, this._getAnimationDuration());\n      });\n    }\n  }\n\n  render() {\n    return html`\n      <div id=\"toast\" class=${this._animate ? 'animate' : ''}>\n        <div>\n          <div id=\"close\">\n            <uui-button\n              .label=${'close'}\n              .color=${this.color}\n              .look=${this.color ? 'primary' : 'default'}\n              @click=${() => (this.open = false)}>\n              <uui-icon\n                name=\"remove\"\n                .fallback=${iconRemove.strings[0]}></uui-icon>\n            </uui-button>\n          </div>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    UUITextStyles,\n    css`\n      :host {\n        --uui-toast-notification-margin: var(--uui-size-space-2);\n\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 400px;\n        margin: 0 var(--uui-toast-notification-margin);\n        box-sizing: border-box;\n\n        height: 0;\n        pointer-events: none;\n\n        transition: height\n          var(--uui-toast-notification-animation-duration, 480ms) ease-in-out;\n      }\n      :host([is-open]) {\n        pointer-events: all;\n        transition-timing-function: cubic-bezier(\n          0.19,\n          1,\n          0.22,\n          1\n        ); /* easeOutExpo */\n      }\n\n      #toast {\n        position: relative;\n        display: block;\n        padding: calc(var(--uui-toast-notification-margin) * 0.5) 0;\n        width: 100%;\n        max-width: 400px;\n      }\n      #toast.animate {\n        position: absolute;\n      }\n\n      #toast > div {\n        position: relative;\n        display: block;\n\n        box-sizing: border-box;\n        box-shadow: var(--uui-shadow-depth-3);\n        background-color: var(--uui-color-surface);\n        padding: var(--uui-size-layout-1);\n        padding-right: var(--uui-size-layout-1);\n        padding-left: var(--uui-size-layout-3);\n        border-radius: var(--uui-border-radius-3);\n\n        opacity: 0;\n        transition: opacity\n          var(--uui-toast-notification-animation-duration, 480ms);\n      }\n      :host([is-open]) #toast > div {\n        opacity: 1;\n      }\n\n      #close {\n        float: right;\n        margin-top: -6px;\n        margin-left: var(--uui-size-space-1);\n        margin-bottom: -4px;\n      }\n\n      #close > uui-button {\n        --uui-button-border-radius: 50px 50px 50px 50px;\n        --uui-button-padding-left-factor: 1.5;\n        --uui-button-padding-right-factor: 1.5;\n      }\n\n      :host #toast > div {\n        background-color: var(--uui-color-surface);\n        color: var(--uui-color-text);\n        border-color: var(--uui-color-surface);\n      }\n      :host([color='default']) #toast > div {\n        background-color: var(--uui-color-default);\n        color: var(--uui-color-default-contrast);\n        border-color: var(--uui-color-default-standalone);\n      }\n      :host([color='positive']) #toast > div {\n        background-color: var(--uui-color-positive);\n        color: var(--uui-color-positive-contrast);\n        border-color: var(--uui-color-positive-standalone);\n      }\n      :host([color='warning']) #toast > div {\n        background-color: var(--uui-color-warning);\n        color: var(--uui-color-warning-contrast);\n        border-color: var(--uui-color-warning-standalone);\n      }\n      :host([color='danger']) #toast > div {\n        background-color: var(--uui-color-danger);\n        color: var(--uui-color-danger-contrast);\n        border-color: var(--uui-color-danger-standalone);\n      }\n      :host([color='invalid']) #toast > div {\n        background-color: var(--uui-color-invalid);\n        color: var(--uui-color-invalid-contrast);\n        border-color: var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"mappings":"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"}

package/dist/components/toast-notification/toast-notification.js

@@ -1,10 +1,9 @@
 import { defineElement } from "../../internal/registration/index.js";
-import { UUIToastNotificationElement } from "./toast-notification.element.js";
 import { UUIToastNotificationEvent } from "./UUIToastNotificationEvent.js";
+import { UUIToastNotificationElement } from "./toast-notification.element.js";
+//#region src/components/toast-notification/toast-notification.ts
 defineElement("uui-toast-notification", UUIToastNotificationElement);
-export {
-  UUIToastNotificationElement,
-  UUIToastNotificationEvent,
-  UUIToastNotificationElement as default
-};
-//# sourceMappingURL=toast-notification.js.map
+//#endregion
+export { UUIToastNotificationElement, UUIToastNotificationEvent };
+
+//# sourceMappingURL=toast-notification.js.map

package/dist/components/toast-notification/toast-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-notification.js","sources":["../../../src/components/toast-notification/toast-notification.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIToastNotificationElement } from './toast-notification.element.js';\n\ndefineElement('uui-toast-notification', UUIToastNotificationElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-toast-notification': UUIToastNotificationElement;\n  }\n}\n\nexport * from './toast-notification.element.js';\nexport * from './UUIToastNotificationEvent.js';\nexport { UUIToastNotificationElement as default } from './toast-notification.element.js';\n"],"names":[],"mappings":";;;AAGA,cAAc,0BAA0B,2BAA2B;"}
+{"version":3,"file":"toast-notification.js","names":[],"sources":["../../../src/components/toast-notification/toast-notification.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIToastNotificationElement } from './toast-notification.element.js';\n\ndefineElement('uui-toast-notification', UUIToastNotificationElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-toast-notification': UUIToastNotificationElement;\n  }\n}\n\nexport * from './toast-notification.element.js';\nexport * from './UUIToastNotificationEvent.js';\n"],"mappings":";;;;AAGA,cAAc,0BAA0B,2BAA2B"}

package/dist/components/toast-notification-container/toast-notification-container.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './toast-notification-container.element.js';
-export { UUIToastNotificationContainerElement as default } from './toast-notification-container.element.js';