@umbraco-ui/uui 2.0.0-rc.2 → 2.0.1

package/dist/internal/mixins/SelectOnlyMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOnlyMixin.js","sources":["../../../src/internal/mixins/SelectOnlyMixin.ts"],"sourcesContent":["import { property } from 'lit/decorators.js';\nimport type { UUISelectableMixinInterface } from './SelectableMixin.js';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class UUISelectOnlyMixinInterface extends UUISelectableMixinInterface {\n  selectOnly: boolean;\n}\n\n/**\n * This mixin partly provides the select-only functionality.\n * Each component still need to implement its own code for disabling interaction when select only is active.\n *\n * @param {Object} superClass - superclass to be extended.\n * @mixin\n */\nexport const SelectOnlyMixin = <\n  T extends Constructor<UUISelectableMixinInterface>,\n>(\n  superClass: T,\n) => {\n  class UUISelectOnlyMixinClass extends superClass {\n    private _selectOnly = false;\n\n    /**\n     * Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'select-only' })\n    get selectOnly() {\n      return this._selectOnly;\n    }\n    set selectOnly(newVal) {\n      const oldVal = this._selectOnly;\n      this._selectOnly = newVal;\n      this.requestUpdate('selectOnly', oldVal);\n    }\n  }\n  // prettier-ignore\n  return (UUISelectOnlyMixinClass as unknown) as Constructor<UUISelectOnlyMixinInterface> & T;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,MAAM,kBAAkB,CAG7B,eACG;AAAA,EACH,MAAM,gCAAgC,WAAW;AAAA,IAAjD,cAAA;AAAA,YAAA,GAAA,SAAA;AACE,WAAQ,cAAc;AAAA,IAAA;AAAA,IAQtB,IAAI,aAAa;AACf,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,WAAW,QAAQ;AACrB,YAAM,SAAS,KAAK;AACpB,WAAK,cAAc;AACnB,WAAK,cAAc,cAAc,MAAM;AAAA,IACzC;AAAA,EAAA;AAPI,kBAAA;AAAA,IADH,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,eAAe;AAAA,EAAA,GARhE,wBASA,WAAA,YAAA;AAUN,SAAQ;AACV;"}
+{"version":3,"file":"SelectOnlyMixin.js","names":[],"sources":["../../../src/internal/mixins/SelectOnlyMixin.ts"],"sourcesContent":["import { property } from 'lit/decorators.js';\nimport type { UUISelectableMixinInterface } from './SelectableMixin.js';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class UUISelectOnlyMixinInterface extends UUISelectableMixinInterface {\n  selectOnly: boolean;\n}\n\n/**\n * This mixin partly provides the select-only functionality.\n * Each component still need to implement its own code for disabling interaction when select only is active.\n *\n * @param {Object} superClass - superclass to be extended.\n * @mixin\n */\nexport const SelectOnlyMixin = <\n  T extends Constructor<UUISelectableMixinInterface>,\n>(\n  superClass: T,\n) => {\n  class UUISelectOnlyMixinClass extends superClass {\n    private _selectOnly = false;\n\n    /**\n     * Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true, attribute: 'select-only' })\n    get selectOnly() {\n      return this._selectOnly;\n    }\n    set selectOnly(newVal) {\n      const oldVal = this._selectOnly;\n      this._selectOnly = newVal;\n      this.requestUpdate('selectOnly', oldVal);\n    }\n  }\n  // prettier-ignore\n  return (UUISelectOnlyMixinClass as unknown) as Constructor<UUISelectOnlyMixinInterface> & T;\n};\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,mBAGX,eACG;CACH,MAAM,gCAAgC,WAAW;;;sBACzB;;;;;;;EAOtB,IACI,aAAa;GACf,OAAO,KAAK;EACd;EACA,IAAI,WAAW,QAAQ;GACrB,MAAM,SAAS,KAAK;GACpB,KAAK,cAAc;GACnB,KAAK,cAAc,cAAc,MAAM;EACzC;CACF;aATG,SAAS;EAAE,MAAM;EAAS,SAAS;EAAM,WAAW;CAAc,CAAC,CAAA,GAAA,wBAAA,WAAA,cAAA,IAAA;CAWtE,OAAQ;AACV"}

package/dist/internal/mixins/SelectableMixin.js

@@ -1,123 +1,111 @@
-import { property } from "lit/decorators.js";
 import { UUISelectableEvent } from "../events/UUISelectableEvent.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 SelectableMixin = (superClass) => {
-  class UUISelectableMixinClass extends superClass {
-    constructor(...args) {
-      super(...args);
-      this._selectable = false;
-      this.deselectable = true;
-      this.selected = false;
-      this.#selectableTarget = this;
-      this.#onKeydown = (e) => {
-        if (e.code !== "Space" && e.code !== "Enter") return;
-        if (e.composedPath().indexOf(this.#selectableTarget) === 0) {
-          this.#onClick(e);
-        }
-      };
-      this.#onClick = (e) => {
-        const isSelectable = this._selectable || this.deselectable && this.selected;
-        if (isSelectable === false) return;
-        const composePath = e.composedPath();
-        if (this.#selectableTarget === this) {
-          const isActionTag = composePath.some((el) => {
-            const elementTagName = el.tagName;
-            return elementTagName === "A" || elementTagName === "BUTTON" || elementTagName === "INPUT" || elementTagName === "TEXTAREA" || elementTagName === "SELECT";
-          });
-          if (isActionTag) return;
-        }
-        if (composePath.includes(this.#selectableTarget)) {
-          if (e.type === "keydown") {
-            e.preventDefault();
-          }
-          this.#toggleSelect();
-        }
-      };
-      this.addEventListener("click", this.#onClick);
-      this.addEventListener("keydown", this.#onKeydown);
-    }
-    get selectable() {
-      return this._selectable;
-    }
-    set selectable(newVal) {
-      const oldVal = this._selectable;
-      if (oldVal === newVal) return;
-      this._selectable = newVal;
-      if (this.#selectableTarget === this) {
-        this.#selectableTarget.setAttribute(
-          "tabindex",
-          `${newVal ? "0" : "-1"}`
-        );
-      }
-      this.requestUpdate("selectable", oldVal);
-    }
-    #selectableTarget;
-    get selectableTarget() {
-      return this.#selectableTarget;
-    }
-    set selectableTarget(target) {
-      const oldTarget = this.#selectableTarget;
-      oldTarget.removeAttribute("tabindex");
-      oldTarget.removeEventListener("click", this.#onClick);
-      oldTarget.removeEventListener(
-        "keydown",
-        this.#onKeydown
-      );
-      this.#selectableTarget = target;
-      if (this.#selectableTarget === this) {
-        this.#selectableTarget.setAttribute(
-          "tabindex",
-          this._selectable ? "0" : "-1"
-        );
-      }
-      target.addEventListener("click", this.#onClick);
-      target.addEventListener("keydown", this.#onKeydown);
-    }
-    #onKeydown;
-    #onClick;
-    #toggleSelect() {
-      if (!this.selectable) return;
-      if (this.deselectable === false) {
-        this.#select();
-      } else if (this.selected) {
-        this.#deselect();
-      } else {
-        this.#select();
-      }
-    }
-    #select() {
-      if (!this.selectable) return;
-      const selectEvent = new UUISelectableEvent(UUISelectableEvent.SELECTED);
-      this.dispatchEvent(selectEvent);
-      if (selectEvent.defaultPrevented) return;
-      this.selected = true;
-    }
-    #deselect() {
-      if (!this.deselectable) return;
-      const selectEvent = new UUISelectableEvent(UUISelectableEvent.DESELECTED);
-      this.dispatchEvent(selectEvent);
-      if (selectEvent.defaultPrevented) return;
-      this.selected = false;
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean, reflect: true })
-  ], UUISelectableMixinClass.prototype, "selectable", 1);
-  __decorateClass([
-    property({ type: Boolean, reflect: true })
-  ], UUISelectableMixinClass.prototype, "selected", 2);
-  return UUISelectableMixinClass;
-};
-export {
-  SelectableMixin
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import "lit";
+import { property } from "lit/decorators.js";
+//#region src/internal/mixins/SelectableMixin.ts
+/**
+* This mixin provides select functionality.
+* Consider if it makes sense to use the SelectOnlyMixin as well.
+*
+* @param {Object} superClass - superclass to be extended.
+* @mixin
+*/
+var SelectableMixin = (superClass) => {
+	/**
+	* @fires {UUISelectableEvent} selected - fires when the media card is selected
+	* @fires {UUISelectableEvent} deselected - fires when the media card is deselected
+	*/
+	class UUISelectableMixinClass extends superClass {
+		/**
+		* Enable the ability to select this element.
+		* @attr
+		* @type boolean
+		*/
+		get selectable() {
+			return this._selectable;
+		}
+		set selectable(newVal) {
+			const oldVal = this._selectable;
+			if (oldVal === newVal) return;
+			this._selectable = newVal;
+			if (this.#selectableTarget === this) this.#selectableTarget.setAttribute("tabindex", `${newVal ? "0" : "-1"}`);
+			this.requestUpdate("selectable", oldVal);
+		}
+		#selectableTarget;
+		get selectableTarget() {
+			return this.#selectableTarget;
+		}
+		set selectableTarget(target) {
+			const oldTarget = this.#selectableTarget;
+			oldTarget.removeAttribute("tabindex");
+			oldTarget.removeEventListener("click", this.#onClick);
+			oldTarget.removeEventListener("keydown", this.#onKeydown);
+			this.#selectableTarget = target;
+			if (this.#selectableTarget === this) this.#selectableTarget.setAttribute("tabindex", this._selectable ? "0" : "-1");
+			target.addEventListener("click", this.#onClick);
+			target.addEventListener("keydown", this.#onKeydown);
+		}
+		constructor(...args) {
+			super(...args);
+			this._selectable = false;
+			this.deselectable = true;
+			this.selected = false;
+			this.#selectableTarget = this;
+			this.#onKeydown = (e) => {
+				if (e.code !== "Space" && e.code !== "Enter") return;
+				if (e.composedPath().indexOf(this.#selectableTarget) === 0) this.#onClick(e);
+			};
+			this.#onClick = (e) => {
+				if ((this._selectable || this.deselectable && this.selected) === false) return;
+				const composePath = e.composedPath();
+				if (this.#selectableTarget === this) {
+					if (composePath.some((el) => {
+						const elementTagName = el.tagName;
+						return elementTagName === "A" || elementTagName === "BUTTON" || elementTagName === "INPUT" || elementTagName === "TEXTAREA" || elementTagName === "SELECT";
+					})) return;
+				}
+				if (composePath.includes(this.#selectableTarget)) {
+					if (e.type === "keydown") e.preventDefault();
+					this.#toggleSelect();
+				}
+			};
+			this.addEventListener("click", this.#onClick);
+			this.addEventListener("keydown", this.#onKeydown);
+		}
+		#onKeydown;
+		#onClick;
+		#toggleSelect() {
+			if (!this.selectable) return;
+			if (this.deselectable === false) this.#select();
+			else if (this.selected) this.#deselect();
+			else this.#select();
+		}
+		#select() {
+			if (!this.selectable) return;
+			const selectEvent = new UUISelectableEvent(UUISelectableEvent.SELECTED);
+			this.dispatchEvent(selectEvent);
+			if (selectEvent.defaultPrevented) return;
+			this.selected = true;
+		}
+		#deselect() {
+			if (!this.deselectable) return;
+			const selectEvent = new UUISelectableEvent(UUISelectableEvent.DESELECTED);
+			this.dispatchEvent(selectEvent);
+			if (selectEvent.defaultPrevented) return;
+			this.selected = false;
+		}
+	}
+	__decorate([property({
+		type: Boolean,
+		reflect: true
+	})], UUISelectableMixinClass.prototype, "selectable", null);
+	__decorate([property({
+		type: Boolean,
+		reflect: true
+	})], UUISelectableMixinClass.prototype, "selected", void 0);
+	return UUISelectableMixinClass;
 };
-//# sourceMappingURL=SelectableMixin.js.map
+//#endregion
+export { SelectableMixin };
+
+//# sourceMappingURL=SelectableMixin.js.map

package/dist/internal/mixins/SelectableMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableMixin.js","sources":["../../../src/internal/mixins/SelectableMixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { UUISelectableEvent } from '../events/UUISelectableEvent.js';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class UUISelectableMixinInterface extends LitElement {\n  /**\n   * Enable the ability to select this element.\n   * @attr\n   * @prop\n   * @type boolean\n   */\n  selectable: boolean;\n  deselectable: boolean;\n\n  /**\n   * Attribute applied when the element is selected.\n   * @attr\n   * @prop\n   * @type boolean\n   */\n  selected: boolean;\n  selectableTarget: EventTarget;\n}\n\n/**\n * This mixin provides select functionality.\n * Consider if it makes sense to use the SelectOnlyMixin as well.\n *\n * @param {Object} superClass - superclass to be extended.\n * @mixin\n */\nexport const SelectableMixin = <T extends Constructor<LitElement>>(\n  superClass: T,\n) => {\n  /**\n   * @fires {UUISelectableEvent} selected - fires when the media card is selected\n   * @fires {UUISelectableEvent} deselected - fires when the media card is deselected\n   */\n  class UUISelectableMixinClass extends superClass {\n    private _selectable = false;\n    /**\n     * Enable the ability to select this element.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true })\n    get selectable() {\n      return this._selectable;\n    }\n    set selectable(newVal) {\n      const oldVal = this._selectable;\n      if (oldVal === newVal) return;\n      this._selectable = newVal;\n\n      // Potentially problematic as a component might need focus for another feature when not selectable:\n      if (this.#selectableTarget === this) {\n        // If the selectable target, then make it self selectable. (A different selectable target should be made focusable by the component itself)\n        this.#selectableTarget.setAttribute(\n          'tabindex',\n          `${newVal ? '0' : '-1'}`,\n        );\n      }\n      this.requestUpdate('selectable', oldVal);\n    }\n\n    protected deselectable = true;\n\n    /**\n     * Attribute applied when the element is selected.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    #selectableTarget: Element = this;\n    protected get selectableTarget(): EventTarget {\n      return this.#selectableTarget;\n    }\n    protected set selectableTarget(target: EventTarget) {\n      const oldTarget = this.#selectableTarget;\n\n      oldTarget.removeAttribute('tabindex');\n      oldTarget.removeEventListener('click', this.#onClick);\n      oldTarget.removeEventListener(\n        'keydown',\n        this.#onKeydown as EventListener,\n      );\n\n      this.#selectableTarget = target as Element;\n      if (this.#selectableTarget === this) {\n        // If the selectable target, then make it self selectable. (A different selectable target should be made focusable by the component itself)\n        this.#selectableTarget.setAttribute(\n          'tabindex',\n          this._selectable ? '0' : '-1',\n        );\n      }\n      target.addEventListener('click', this.#onClick);\n      target.addEventListener('keydown', this.#onKeydown as EventListener);\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      this.addEventListener('click', this.#onClick);\n      this.addEventListener('keydown', this.#onKeydown);\n    }\n\n    readonly #onKeydown = (e: KeyboardEvent) => {\n      if (e.code !== 'Space' && e.code !== 'Enter') return;\n      if (e.composedPath().indexOf(this.#selectableTarget) === 0) {\n        this.#onClick(e);\n      }\n    };\n\n    readonly #onClick = (e: Event) => {\n      const isSelectable =\n        this._selectable || (this.deselectable && this.selected);\n\n      if (isSelectable === false) return;\n\n      const composePath = e.composedPath();\n\n      if (this.#selectableTarget === this) {\n        // the selectableTarget is not specified which means we need to be selective about what we accept events from.\n        const isActionTag = composePath.some(el => {\n          const elementTagName = (el as HTMLElement).tagName;\n          return (\n            elementTagName === 'A' ||\n            elementTagName === 'BUTTON' ||\n            elementTagName === 'INPUT' ||\n            elementTagName === 'TEXTAREA' ||\n            elementTagName === 'SELECT'\n          );\n        });\n\n        // never select when clicking on a link or button\n        if (isActionTag) return;\n      }\n\n      if (composePath.includes(this.#selectableTarget)) {\n        if (e.type === 'keydown') {\n          e.preventDefault(); // Do not want the space key to trigger a page scroll.\n        }\n        this.#toggleSelect();\n      }\n    };\n\n    #toggleSelect() {\n      // Only allow for select-interaction if selectable is true. Deselectable is ignored in this case, we do not want a DX where only deselection is a possibility..\n      if (!this.selectable) return;\n      if (this.deselectable === false) {\n        this.#select();\n      } else if (this.selected) {\n        this.#deselect();\n      } else {\n        this.#select();\n      }\n    }\n\n    #select() {\n      if (!this.selectable) return;\n      const selectEvent = new UUISelectableEvent(UUISelectableEvent.SELECTED);\n      this.dispatchEvent(selectEvent);\n      if (selectEvent.defaultPrevented) return;\n\n      this.selected = true;\n    }\n\n    #deselect() {\n      if (!this.deselectable) return;\n      const selectEvent = new UUISelectableEvent(UUISelectableEvent.DESELECTED);\n      this.dispatchEvent(selectEvent);\n      if (selectEvent.defaultPrevented) return;\n\n      this.selected = false;\n    }\n  }\n  // prettier-ignore\n  return (UUISelectableMixinClass as unknown) as Constructor<UUISelectableMixinInterface> & T;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectableMixin.js","names":["#selectableTarget","#onClick","#onKeydown","#toggleSelect","#select","#deselect"],"sources":["../../../src/internal/mixins/SelectableMixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { UUISelectableEvent } from '../events/UUISelectableEvent.js';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\nexport declare class UUISelectableMixinInterface extends LitElement {\n  /**\n   * Enable the ability to select this element.\n   * @attr\n   * @prop\n   * @type boolean\n   */\n  selectable: boolean;\n  deselectable: boolean;\n\n  /**\n   * Attribute applied when the element is selected.\n   * @attr\n   * @prop\n   * @type boolean\n   */\n  selected: boolean;\n  selectableTarget: EventTarget;\n}\n\n/**\n * This mixin provides select functionality.\n * Consider if it makes sense to use the SelectOnlyMixin as well.\n *\n * @param {Object} superClass - superclass to be extended.\n * @mixin\n */\nexport const SelectableMixin = <T extends Constructor<LitElement>>(\n  superClass: T,\n) => {\n  /**\n   * @fires {UUISelectableEvent} selected - fires when the media card is selected\n   * @fires {UUISelectableEvent} deselected - fires when the media card is deselected\n   */\n  class UUISelectableMixinClass extends superClass {\n    private _selectable = false;\n    /**\n     * Enable the ability to select this element.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true })\n    get selectable() {\n      return this._selectable;\n    }\n    set selectable(newVal) {\n      const oldVal = this._selectable;\n      if (oldVal === newVal) return;\n      this._selectable = newVal;\n\n      // Potentially problematic as a component might need focus for another feature when not selectable:\n      if (this.#selectableTarget === this) {\n        // If the selectable target, then make it self selectable. (A different selectable target should be made focusable by the component itself)\n        this.#selectableTarget.setAttribute(\n          'tabindex',\n          `${newVal ? '0' : '-1'}`,\n        );\n      }\n      this.requestUpdate('selectable', oldVal);\n    }\n\n    protected deselectable = true;\n\n    /**\n     * Attribute applied when the element is selected.\n     * @attr\n     * @type boolean\n     */\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    #selectableTarget: Element = this;\n    protected get selectableTarget(): EventTarget {\n      return this.#selectableTarget;\n    }\n    protected set selectableTarget(target: EventTarget) {\n      const oldTarget = this.#selectableTarget;\n\n      oldTarget.removeAttribute('tabindex');\n      oldTarget.removeEventListener('click', this.#onClick);\n      oldTarget.removeEventListener(\n        'keydown',\n        this.#onKeydown as EventListener,\n      );\n\n      this.#selectableTarget = target as Element;\n      if (this.#selectableTarget === this) {\n        // If the selectable target, then make it self selectable. (A different selectable target should be made focusable by the component itself)\n        this.#selectableTarget.setAttribute(\n          'tabindex',\n          this._selectable ? '0' : '-1',\n        );\n      }\n      target.addEventListener('click', this.#onClick);\n      target.addEventListener('keydown', this.#onKeydown as EventListener);\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      this.addEventListener('click', this.#onClick);\n      this.addEventListener('keydown', this.#onKeydown);\n    }\n\n    readonly #onKeydown = (e: KeyboardEvent) => {\n      if (e.code !== 'Space' && e.code !== 'Enter') return;\n      if (e.composedPath().indexOf(this.#selectableTarget) === 0) {\n        this.#onClick(e);\n      }\n    };\n\n    readonly #onClick = (e: Event) => {\n      const isSelectable =\n        this._selectable || (this.deselectable && this.selected);\n\n      if (isSelectable === false) return;\n\n      const composePath = e.composedPath();\n\n      if (this.#selectableTarget === this) {\n        // the selectableTarget is not specified which means we need to be selective about what we accept events from.\n        const isActionTag = composePath.some(el => {\n          const elementTagName = (el as HTMLElement).tagName;\n          return (\n            elementTagName === 'A' ||\n            elementTagName === 'BUTTON' ||\n            elementTagName === 'INPUT' ||\n            elementTagName === 'TEXTAREA' ||\n            elementTagName === 'SELECT'\n          );\n        });\n\n        // never select when clicking on a link or button\n        if (isActionTag) return;\n      }\n\n      if (composePath.includes(this.#selectableTarget)) {\n        if (e.type === 'keydown') {\n          e.preventDefault(); // Do not want the space key to trigger a page scroll.\n        }\n        this.#toggleSelect();\n      }\n    };\n\n    #toggleSelect() {\n      // Only allow for select-interaction if selectable is true. Deselectable is ignored in this case, we do not want a DX where only deselection is a possibility..\n      if (!this.selectable) return;\n      if (this.deselectable === false) {\n        this.#select();\n      } else if (this.selected) {\n        this.#deselect();\n      } else {\n        this.#select();\n      }\n    }\n\n    #select() {\n      if (!this.selectable) return;\n      const selectEvent = new UUISelectableEvent(UUISelectableEvent.SELECTED);\n      this.dispatchEvent(selectEvent);\n      if (selectEvent.defaultPrevented) return;\n\n      this.selected = true;\n    }\n\n    #deselect() {\n      if (!this.deselectable) return;\n      const selectEvent = new UUISelectableEvent(UUISelectableEvent.DESELECTED);\n      this.dispatchEvent(selectEvent);\n      if (selectEvent.defaultPrevented) return;\n\n      this.selected = false;\n    }\n  }\n  // prettier-ignore\n  return (UUISelectableMixinClass as unknown) as Constructor<UUISelectableMixinInterface> & T;\n};\n"],"mappings":";;;;;;;;;;;;AAkCA,IAAa,mBACX,eACG;;;;;CAKH,MAAM,gCAAgC,WAAW;;;;;;EAO/C,IACI,aAAa;GACf,OAAO,KAAK;EACd;EACA,IAAI,WAAW,QAAQ;GACrB,MAAM,SAAS,KAAK;GACpB,IAAI,WAAW,QAAQ;GACvB,KAAK,cAAc;GAGnB,IAAI,KAAKA,sBAAsB,MAE7B,KAAKA,kBAAkB,aACrB,YACA,GAAG,SAAS,MAAM,MACpB;GAEF,KAAK,cAAc,cAAc,MAAM;EACzC;EAYA;EACA,IAAc,mBAAgC;GAC5C,OAAO,KAAKA;EACd;EACA,IAAc,iBAAiB,QAAqB;GAClD,MAAM,YAAY,KAAKA;GAEvB,UAAU,gBAAgB,UAAU;GACpC,UAAU,oBAAoB,SAAS,KAAKC,QAAQ;GACpD,UAAU,oBACR,WACA,KAAKC,UACP;GAEA,KAAKF,oBAAoB;GACzB,IAAI,KAAKA,sBAAsB,MAE7B,KAAKA,kBAAkB,aACrB,YACA,KAAK,cAAc,MAAM,IAC3B;GAEF,OAAO,iBAAiB,SAAS,KAAKC,QAAQ;GAC9C,OAAO,iBAAiB,WAAW,KAAKC,UAA2B;EACrE;EAEA,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;sBA/DO;uBA0BG;mBAQP;4BAEW;sBAgCN,MAAqB;IAC1C,IAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;IAC9C,IAAI,EAAE,aAAa,CAAC,CAAC,QAAQ,KAAKF,iBAAiB,MAAM,GACvD,KAAKC,SAAS,CAAC;GAEnB;oBAEqB,MAAa;IAIhC,KAFE,KAAK,eAAgB,KAAK,gBAAgB,KAAK,cAE5B,OAAO;IAE5B,MAAM,cAAc,EAAE,aAAa;IAEnC,IAAI,KAAKD,sBAAsB;SAET,YAAY,MAAK,OAAM;MACzC,MAAM,iBAAkB,GAAmB;MAC3C,OACE,mBAAmB,OACnB,mBAAmB,YACnB,mBAAmB,WACnB,mBAAmB,cACnB,mBAAmB;KAEvB,CAGI,GAAa;IAAA;IAGnB,IAAI,YAAY,SAAS,KAAKA,iBAAiB,GAAG;KAChD,IAAI,EAAE,SAAS,WACb,EAAE,eAAe;KAEnB,KAAKG,cAAc;IACrB;GACF;GA1CE,KAAK,iBAAiB,SAAS,KAAKF,QAAQ;GAC5C,KAAK,iBAAiB,WAAW,KAAKC,UAAU;EAClD;EAEA;EAOA;EAiCA,gBAAgB;GAEd,IAAI,CAAC,KAAK,YAAY;GACtB,IAAI,KAAK,iBAAiB,OACxB,KAAKE,QAAQ;QACR,IAAI,KAAK,UACd,KAAKC,UAAU;QAEf,KAAKD,QAAQ;EAEjB;EAEA,UAAU;GACR,IAAI,CAAC,KAAK,YAAY;GACtB,MAAM,cAAc,IAAI,mBAAmB,mBAAmB,QAAQ;GACtE,KAAK,cAAc,WAAW;GAC9B,IAAI,YAAY,kBAAkB;GAElC,KAAK,WAAW;EAClB;EAEA,YAAY;GACV,IAAI,CAAC,KAAK,cAAc;GACxB,MAAM,cAAc,IAAI,mBAAmB,mBAAmB,UAAU;GACxE,KAAK,cAAc,WAAW;GAC9B,IAAI,YAAY,kBAAkB;GAElC,KAAK,WAAW;EAClB;CACF;aAnIG,SAAS;EAAE,MAAM;EAAS,SAAS;CAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,cAAA,IAAA;aA2BzC,SAAS;EAAE,MAAM;EAAS,SAAS;CAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,YAAA,KAAA,CAAA;CA0G5C,OAAQ;AACV"}

package/dist/internal/registration/index.js

@@ -1,24 +1,21 @@
+//#region src/internal/registration/index.ts
 function defineElement(name, constructorOrOptions, options) {
-  if (typeof constructorOrOptions === "function") {
-    register(name, constructorOrOptions, options);
-    return;
-  }
-  return (constructor) => {
-    register(name, constructor, constructorOrOptions);
-  };
+	if (typeof constructorOrOptions === "function") {
+		register(name, constructorOrOptions, options);
+		return;
+	}
+	return (constructor) => {
+		register(name, constructor, constructorOrOptions);
+	};
 }
 function register(name, constructor, options) {
-  if (name.indexOf("-") <= 0) {
-    console.error(
-      `${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`
-    );
-    return;
-  }
-  if (!customElements.get(name)) {
-    customElements.define(name, constructor, options);
-  }
+	if (name.indexOf("-") <= 0) {
+		console.error(`${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);
+		return;
+	}
+	if (!customElements.get(name)) customElements.define(name, constructor, options);
 }
-export {
-  defineElement
-};
-//# sourceMappingURL=index.js.map
+//#endregion
+export { defineElement };
+
+//# sourceMappingURL=index.js.map

package/dist/internal/registration/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/internal/registration/index.ts"],"sourcesContent":["/**\n * Defensive definition of a custom element. It only defines the element if it has a valid name and isn't already defined.\n *\n * Supports both decorator and direct call syntax:\n * - Decorator: `@defineElement('uui-button')`\n * - Direct call: `defineElement('uui-button', UUIButtonElement)`\n */\n\n// Overload: decorator usage — returns a class decorator\nexport function defineElement(\n  name: string,\n  options?: ElementDefinitionOptions,\n): (constructor: CustomElementConstructor) => void;\n\n// Overload: direct call — registers immediately, returns void\nexport function defineElement(\n  name: string,\n  constructor: CustomElementConstructor,\n  options?: ElementDefinitionOptions,\n): void;\n\n// Implementation\nexport function defineElement(\n  name: string,\n  constructorOrOptions?:\n    | CustomElementConstructor\n    | ElementDefinitionOptions\n    | undefined,\n  options?: ElementDefinitionOptions | undefined,\n): void | ((constructor: CustomElementConstructor) => void) {\n  if (typeof constructorOrOptions === 'function') {\n    register(name, constructorOrOptions, options);\n    return;\n  }\n  return (constructor: CustomElementConstructor) => {\n    register(name, constructor, constructorOrOptions);\n  };\n}\n\nfunction register(\n  name: string,\n  constructor: CustomElementConstructor,\n  options?: ElementDefinitionOptions,\n) {\n  if (name.indexOf('-') <= 0) {\n    console.error(\n      `${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`,\n    );\n    return;\n  }\n\n  if (!customElements.get(name)) {\n    customElements.define(name, constructor, options);\n  }\n}\n"],"names":[],"mappings":"AAsBO,SAAS,cACd,MACA,sBAIA,SAC0D;AAC1D,MAAI,OAAO,yBAAyB,YAAY;AAC9C,aAAS,MAAM,sBAAsB,OAAO;AAC5C;AAAA,EACF;AACA,SAAO,CAAC,gBAA0C;AAChD,aAAS,MAAM,aAAa,oBAAoB;AAAA,EAClD;AACF;AAEA,SAAS,SACP,MACA,aACA,SACA;AACA,MAAI,KAAK,QAAQ,GAAG,KAAK,GAAG;AAC1B,YAAQ;AAAA,MACN,GAAG,IAAI;AAAA,IAAA;AAET;AAAA,EACF;AAEA,MAAI,CAAC,eAAe,IAAI,IAAI,GAAG;AAC7B,mBAAe,OAAO,MAAM,aAAa,OAAO;AAAA,EAClD;AACF;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/internal/registration/index.ts"],"sourcesContent":["/**\n * Defensive definition of a custom element. It only defines the element if it has a valid name and isn't already defined.\n *\n * Supports both decorator and direct call syntax:\n * - Decorator: `@defineElement('uui-button')`\n * - Direct call: `defineElement('uui-button', UUIButtonElement)`\n */\n\n// Overload: decorator usage — returns a class decorator\nexport function defineElement(\n  name: string,\n  options?: ElementDefinitionOptions,\n): (constructor: CustomElementConstructor) => void;\n\n// Overload: direct call — registers immediately, returns void\nexport function defineElement(\n  name: string,\n  constructor: CustomElementConstructor,\n  options?: ElementDefinitionOptions,\n): void;\n\n// Implementation\nexport function defineElement(\n  name: string,\n  constructorOrOptions?:\n    | CustomElementConstructor\n    | ElementDefinitionOptions\n    | undefined,\n  options?: ElementDefinitionOptions | undefined,\n): void | ((constructor: CustomElementConstructor) => void) {\n  if (typeof constructorOrOptions === 'function') {\n    register(name, constructorOrOptions, options);\n    return;\n  }\n  return (constructor: CustomElementConstructor) => {\n    register(name, constructor, constructorOrOptions);\n  };\n}\n\nfunction register(\n  name: string,\n  constructor: CustomElementConstructor,\n  options?: ElementDefinitionOptions,\n) {\n  if (name.indexOf('-') <= 0) {\n    console.error(\n      `${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`,\n    );\n    return;\n  }\n\n  if (!customElements.get(name)) {\n    customElements.define(name, constructor, options);\n  }\n}\n"],"mappings":";AAsBA,SAAgB,cACd,MACA,sBAIA,SAC0D;CAC1D,IAAI,OAAO,yBAAyB,YAAY;EAC9C,SAAS,MAAM,sBAAsB,OAAO;EAC5C;CACF;CACA,QAAQ,gBAA0C;EAChD,SAAS,MAAM,aAAa,oBAAoB;CAClD;AACF;AAEA,SAAS,SACP,MACA,aACA,SACA;CACA,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG;EAC1B,QAAQ,MACN,GAAG,KAAK,uHACV;EACA;CACF;CAEA,IAAI,CAAC,eAAe,IAAI,IAAI,GAC1B,eAAe,OAAO,MAAM,aAAa,OAAO;AAEpD"}

package/dist/internal/types/InterfaceColor.js

@@ -1,11 +1,12 @@
-const UUIInterfaceColorValues = [
-  "default",
-  "positive",
-  "warning",
-  "danger",
-  "invalid"
+//#region src/internal/types/InterfaceColor.ts
+var UUIInterfaceColorValues = [
+	"default",
+	"positive",
+	"warning",
+	"danger",
+	"invalid"
 ];
-export {
-  UUIInterfaceColorValues
-};
-//# sourceMappingURL=InterfaceColor.js.map
+//#endregion
+export { UUIInterfaceColorValues };
+
+//# sourceMappingURL=InterfaceColor.js.map

package/dist/internal/types/InterfaceColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceColor.js","sources":["../../../src/internal/types/InterfaceColor.ts"],"sourcesContent":["export const UUIInterfaceColorValues: Readonly<UUIInterfaceColor[]> = [\n  'default',\n  'positive',\n  'warning',\n  'danger',\n  'invalid',\n] as const;\n\nexport type UUIInterfaceColor =\n  | ''\n  | 'default'\n  | 'positive'\n  | 'warning'\n  | 'danger'\n  | 'invalid';\n"],"names":[],"mappings":"AAAO,MAAM,0BAAyD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"InterfaceColor.js","names":[],"sources":["../../../src/internal/types/InterfaceColor.ts"],"sourcesContent":["export const UUIInterfaceColorValues: Readonly<UUIInterfaceColor[]> = [\n  'default',\n  'positive',\n  'warning',\n  'danger',\n  'invalid',\n] as const;\n\nexport type UUIInterfaceColor =\n  | ''\n  | 'default'\n  | 'positive'\n  | 'warning'\n  | 'danger'\n  | 'invalid';\n"],"mappings":";AAAA,IAAa,0BAAyD;CACpE;CACA;CACA;CACA;CACA;AACF"}

package/dist/internal/types/InterfaceHeading.js

@@ -1,12 +1,13 @@
-const UUIInterfaceHeadingValues = [
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6"
+//#region src/internal/types/InterfaceHeading.ts
+var UUIInterfaceHeadingValues = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
 ];
-export {
-  UUIInterfaceHeadingValues
-};
-//# sourceMappingURL=InterfaceHeading.js.map
+//#endregion
+export { UUIInterfaceHeadingValues };
+
+//# sourceMappingURL=InterfaceHeading.js.map

package/dist/internal/types/InterfaceHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceHeading.js","sources":["../../../src/internal/types/InterfaceHeading.ts"],"sourcesContent":["export const UUIInterfaceHeadingValues: Readonly<UUIInterfaceHeading[]> = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const;\n\nexport type UUIInterfaceHeading = '' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n"],"names":[],"mappings":"AAAO,MAAM,4BAA6D;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"InterfaceHeading.js","names":[],"sources":["../../../src/internal/types/InterfaceHeading.ts"],"sourcesContent":["export const UUIInterfaceHeadingValues: Readonly<UUIInterfaceHeading[]> = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const;\n\nexport type UUIInterfaceHeading = '' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n"],"mappings":";AAAA,IAAa,4BAA6D;CACxE;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/internal/types/InterfaceLook.js

@@ -1,11 +1,12 @@
-const UUIInterfaceLookValues = [
-  "default",
-  "primary",
-  "secondary",
-  "outline",
-  "placeholder"
+//#region src/internal/types/InterfaceLook.ts
+var UUIInterfaceLookValues = [
+	"default",
+	"primary",
+	"secondary",
+	"outline",
+	"placeholder"
 ];
-export {
-  UUIInterfaceLookValues
-};
-//# sourceMappingURL=InterfaceLook.js.map
+//#endregion
+export { UUIInterfaceLookValues };
+
+//# sourceMappingURL=InterfaceLook.js.map

package/dist/internal/types/InterfaceLook.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceLook.js","sources":["../../../src/internal/types/InterfaceLook.ts"],"sourcesContent":["export const UUIInterfaceLookValues: Readonly<UUIInterfaceLook[]> = [\n  'default',\n  'primary',\n  'secondary',\n  'outline',\n  'placeholder',\n] as const;\n\nexport type UUIInterfaceLook =\n  | ''\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'placeholder';\n"],"names":[],"mappings":"AAAO,MAAM,yBAAuD;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"InterfaceLook.js","names":[],"sources":["../../../src/internal/types/InterfaceLook.ts"],"sourcesContent":["export const UUIInterfaceLookValues: Readonly<UUIInterfaceLook[]> = [\n  'default',\n  'primary',\n  'secondary',\n  'outline',\n  'placeholder',\n] as const;\n\nexport type UUIInterfaceLook =\n  | ''\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'placeholder';\n"],"mappings":";AAAA,IAAa,yBAAuD;CAClE;CACA;CACA;CACA;CACA;AACF"}

package/dist/internal/utils/Timer.js

@@ -1,62 +1,57 @@
-class UUITimer {
-  constructor(_callback, duration) {
-    this._callback = _callback;
-    this._timerId = null;
-    this._remaining = null;
-    this._onComplete = () => {
-      this._timerId = null;
-      this._remaining = null;
-      this._callback();
-    };
-    this.setDuration(duration);
-  }
-  setDuration(duration) {
-    const oldDuration = this._duration;
-    this._duration = duration;
-    if (this._timerId !== null) {
-      const elapsed = Date.now() - this._startTime;
-      const oldRemaining = (this._remaining ?? oldDuration) - elapsed;
-      const ratio = oldDuration > 0 ? oldRemaining / oldDuration : 1;
-      this._remaining = Math.max(0, ratio * duration);
-      this.resume();
-    } else if (this._remaining !== null) {
-      const ratio = oldDuration > 0 ? this._remaining / oldDuration : 1;
-      this._remaining = Math.max(0, ratio * duration);
-    }
-  }
-  /** starts the timer */
-  start() {
-    if (this._timerId === null) {
-      this.resume();
-    }
-  }
-  /** restarts the timer by setting remaining time to duration. */
-  restart() {
-    this._remaining = this._duration;
-    this.resume();
-  }
-  pause() {
-    if (this._timerId !== null) {
-      globalThis.clearTimeout(this._timerId);
-      this._timerId = null;
-      if (this._remaining !== null) {
-        this._remaining -= Date.now() - this._startTime;
-      }
-    }
-  }
-  resume() {
-    if (this._timerId !== null) {
-      globalThis.clearTimeout(this._timerId);
-    }
-    this._remaining ??= this._duration;
-    this._startTime = Date.now();
-    this._timerId = globalThis.setTimeout(this._onComplete, this._remaining);
-  }
-  destroy() {
-    this.pause();
-  }
-}
-export {
-  UUITimer
+//#region src/internal/utils/Timer.ts
+var UUITimer = class {
+	constructor(_callback, duration) {
+		this._callback = _callback;
+		this._timerId = null;
+		this._remaining = null;
+		this._onComplete = () => {
+			this._timerId = null;
+			this._remaining = null;
+			this._callback();
+		};
+		this.setDuration(duration);
+	}
+	setDuration(duration) {
+		const oldDuration = this._duration;
+		this._duration = duration;
+		if (this._timerId !== null) {
+			const elapsed = Date.now() - this._startTime;
+			const oldRemaining = (this._remaining ?? oldDuration) - elapsed;
+			const ratio = oldDuration > 0 ? oldRemaining / oldDuration : 1;
+			this._remaining = Math.max(0, ratio * duration);
+			this.resume();
+		} else if (this._remaining !== null) {
+			const ratio = oldDuration > 0 ? this._remaining / oldDuration : 1;
+			this._remaining = Math.max(0, ratio * duration);
+		}
+	}
+	/** starts the timer */
+	start() {
+		if (this._timerId === null) this.resume();
+	}
+	/** restarts the timer by setting remaining time to duration. */
+	restart() {
+		this._remaining = this._duration;
+		this.resume();
+	}
+	pause() {
+		if (this._timerId !== null) {
+			globalThis.clearTimeout(this._timerId);
+			this._timerId = null;
+			if (this._remaining !== null) this._remaining -= Date.now() - this._startTime;
+		}
+	}
+	resume() {
+		if (this._timerId !== null) globalThis.clearTimeout(this._timerId);
+		this._remaining ??= this._duration;
+		this._startTime = Date.now();
+		this._timerId = globalThis.setTimeout(this._onComplete, this._remaining);
+	}
+	destroy() {
+		this.pause();
+	}
 };
-//# sourceMappingURL=Timer.js.map
+//#endregion
+export { UUITimer };
+
+//# sourceMappingURL=Timer.js.map

package/dist/internal/utils/Timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.js","sources":["../../../src/internal/utils/Timer.ts"],"sourcesContent":["export class UUITimer {\n  private _timerId: number | null = null;\n  private _startTime!: number;\n  private _duration!: number;\n  private _remaining: number | null = null;\n\n  constructor(\n    private readonly _callback: (...args: unknown[]) => void,\n    duration: number,\n  ) {\n    this.setDuration(duration);\n  }\n\n  public setDuration(duration: number) {\n    const oldDuration = this._duration;\n    this._duration = duration;\n\n    if (this._timerId !== null) {\n      // Adjust remaining proportionally: if 40% elapsed at old duration,\n      // keep 60% remaining at new duration\n      const elapsed = Date.now() - this._startTime;\n      const oldRemaining = (this._remaining ?? oldDuration) - elapsed;\n      const ratio = oldDuration > 0 ? oldRemaining / oldDuration : 1;\n      this._remaining = Math.max(0, ratio * duration);\n      this.resume();\n    } else if (this._remaining !== null) {\n      // Paused: adjust remaining proportionally\n      const ratio = oldDuration > 0 ? this._remaining / oldDuration : 1;\n      this._remaining = Math.max(0, ratio * duration);\n    }\n  }\n\n  /** starts the timer */\n  public start() {\n    if (this._timerId === null) {\n      this.resume();\n    }\n  }\n\n  /** restarts the timer by setting remaining time to duration. */\n  public restart() {\n    this._remaining = this._duration;\n    this.resume();\n  }\n\n  public pause() {\n    if (this._timerId !== null) {\n      globalThis.clearTimeout(this._timerId);\n      this._timerId = null;\n      if (this._remaining !== null) {\n        this._remaining -= Date.now() - this._startTime;\n      }\n    }\n  }\n\n  public resume() {\n    if (this._timerId !== null) {\n      globalThis.clearTimeout(this._timerId);\n    }\n    this._remaining ??= this._duration;\n\n    this._startTime = Date.now();\n    this._timerId = globalThis.setTimeout(this._onComplete, this._remaining);\n  }\n\n  private readonly _onComplete = () => {\n    this._timerId = null;\n    this._remaining = null;\n    this._callback();\n  };\n\n  public destroy() {\n    this.pause();\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,SAAS;AAAA,EAMpB,YACmB,WACjB,UACA;AAFiB,SAAA,YAAA;AANnB,SAAQ,WAA0B;AAGlC,SAAQ,aAA4B;AA6DpC,SAAiB,cAAc,MAAM;AACnC,WAAK,WAAW;AAChB,WAAK,aAAa;AAClB,WAAK,UAAA;AAAA,IACP;AA3DE,SAAK,YAAY,QAAQ;AAAA,EAC3B;AAAA,EAEO,YAAY,UAAkB;AACnC,UAAM,cAAc,KAAK;AACzB,SAAK,YAAY;AAEjB,QAAI,KAAK,aAAa,MAAM;AAG1B,YAAM,UAAU,KAAK,IAAA,IAAQ,KAAK;AAClC,YAAM,gBAAgB,KAAK,cAAc,eAAe;AACxD,YAAM,QAAQ,cAAc,IAAI,eAAe,cAAc;AAC7D,WAAK,aAAa,KAAK,IAAI,GAAG,QAAQ,QAAQ;AAC9C,WAAK,OAAA;AAAA,IACP,WAAW,KAAK,eAAe,MAAM;AAEnC,YAAM,QAAQ,cAAc,IAAI,KAAK,aAAa,cAAc;AAChE,WAAK,aAAa,KAAK,IAAI,GAAG,QAAQ,QAAQ;AAAA,IAChD;AAAA,EACF;AAAA;AAAA,EAGO,QAAQ;AACb,QAAI,KAAK,aAAa,MAAM;AAC1B,WAAK,OAAA;AAAA,IACP;AAAA,EACF;AAAA;AAAA,EAGO,UAAU;AACf,SAAK,aAAa,KAAK;AACvB,SAAK,OAAA;AAAA,EACP;AAAA,EAEO,QAAQ;AACb,QAAI,KAAK,aAAa,MAAM;AAC1B,iBAAW,aAAa,KAAK,QAAQ;AACrC,WAAK,WAAW;AAChB,UAAI,KAAK,eAAe,MAAM;AAC5B,aAAK,cAAc,KAAK,IAAA,IAAQ,KAAK;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAAA,EAEO,SAAS;AACd,QAAI,KAAK,aAAa,MAAM;AAC1B,iBAAW,aAAa,KAAK,QAAQ;AAAA,IACvC;AACA,SAAK,eAAe,KAAK;AAEzB,SAAK,aAAa,KAAK,IAAA;AACvB,SAAK,WAAW,WAAW,WAAW,KAAK,aAAa,KAAK,UAAU;AAAA,EACzE;AAAA,EAQO,UAAU;AACf,SAAK,MAAA;AAAA,EACP;AACF;"}
+{"version":3,"file":"Timer.js","names":[],"sources":["../../../src/internal/utils/Timer.ts"],"sourcesContent":["export class UUITimer {\n  private _timerId: number | null = null;\n  private _startTime!: number;\n  private _duration!: number;\n  private _remaining: number | null = null;\n\n  constructor(\n    private readonly _callback: (...args: unknown[]) => void,\n    duration: number,\n  ) {\n    this.setDuration(duration);\n  }\n\n  public setDuration(duration: number) {\n    const oldDuration = this._duration;\n    this._duration = duration;\n\n    if (this._timerId !== null) {\n      // Adjust remaining proportionally: if 40% elapsed at old duration,\n      // keep 60% remaining at new duration\n      const elapsed = Date.now() - this._startTime;\n      const oldRemaining = (this._remaining ?? oldDuration) - elapsed;\n      const ratio = oldDuration > 0 ? oldRemaining / oldDuration : 1;\n      this._remaining = Math.max(0, ratio * duration);\n      this.resume();\n    } else if (this._remaining !== null) {\n      // Paused: adjust remaining proportionally\n      const ratio = oldDuration > 0 ? this._remaining / oldDuration : 1;\n      this._remaining = Math.max(0, ratio * duration);\n    }\n  }\n\n  /** starts the timer */\n  public start() {\n    if (this._timerId === null) {\n      this.resume();\n    }\n  }\n\n  /** restarts the timer by setting remaining time to duration. */\n  public restart() {\n    this._remaining = this._duration;\n    this.resume();\n  }\n\n  public pause() {\n    if (this._timerId !== null) {\n      globalThis.clearTimeout(this._timerId);\n      this._timerId = null;\n      if (this._remaining !== null) {\n        this._remaining -= Date.now() - this._startTime;\n      }\n    }\n  }\n\n  public resume() {\n    if (this._timerId !== null) {\n      globalThis.clearTimeout(this._timerId);\n    }\n    this._remaining ??= this._duration;\n\n    this._startTime = Date.now();\n    this._timerId = globalThis.setTimeout(this._onComplete, this._remaining);\n  }\n\n  private readonly _onComplete = () => {\n    this._timerId = null;\n    this._remaining = null;\n    this._callback();\n  };\n\n  public destroy() {\n    this.pause();\n  }\n}\n"],"mappings":";AAAA,IAAa,WAAb,MAAsB;CAMpB,YACE,WACA,UACA;EAFiB,KAAA,YAAA;kBANe;oBAGE;2BA6DC;GACnC,KAAK,WAAW;GAChB,KAAK,aAAa;GAClB,KAAK,UAAU;EACjB;EA3DE,KAAK,YAAY,QAAQ;CAC3B;CAEA,YAAmB,UAAkB;EACnC,MAAM,cAAc,KAAK;EACzB,KAAK,YAAY;EAEjB,IAAI,KAAK,aAAa,MAAM;GAG1B,MAAM,UAAU,KAAK,IAAI,IAAI,KAAK;GAClC,MAAM,gBAAgB,KAAK,cAAc,eAAe;GACxD,MAAM,QAAQ,cAAc,IAAI,eAAe,cAAc;GAC7D,KAAK,aAAa,KAAK,IAAI,GAAG,QAAQ,QAAQ;GAC9C,KAAK,OAAO;EACd,OAAO,IAAI,KAAK,eAAe,MAAM;GAEnC,MAAM,QAAQ,cAAc,IAAI,KAAK,aAAa,cAAc;GAChE,KAAK,aAAa,KAAK,IAAI,GAAG,QAAQ,QAAQ;EAChD;CACF;;CAGA,QAAe;EACb,IAAI,KAAK,aAAa,MACpB,KAAK,OAAO;CAEhB;;CAGA,UAAiB;EACf,KAAK,aAAa,KAAK;EACvB,KAAK,OAAO;CACd;CAEA,QAAe;EACb,IAAI,KAAK,aAAa,MAAM;GAC1B,WAAW,aAAa,KAAK,QAAQ;GACrC,KAAK,WAAW;GAChB,IAAI,KAAK,eAAe,MACtB,KAAK,cAAc,KAAK,IAAI,IAAI,KAAK;EAEzC;CACF;CAEA,SAAgB;EACd,IAAI,KAAK,aAAa,MACpB,WAAW,aAAa,KAAK,QAAQ;EAEvC,KAAK,eAAe,KAAK;EAEzB,KAAK,aAAa,KAAK,IAAI;EAC3B,KAAK,WAAW,WAAW,WAAW,KAAK,aAAa,KAAK,UAAU;CACzE;CAQA,UAAiB;EACf,KAAK,MAAM;CACb;AACF"}