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

package/dist/components/modal/modal.element.js

@@ -1,83 +1,63 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
 import { LitElement, css } from "lit";
-import { query, property } from "lit/decorators.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 UUIModalOpenEvent = "uui:modal-open";
-const UUIModalCloseEvent = "uui:modal-close";
-const UUIModalCloseEndEvent = "uui:modal-close-end";
-const _UUIModalElement = class _UUIModalElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.isOpen = false;
-    this.isClosing = false;
-    this.index = 0;
-    this.uniqueIndex = 0;
-    this._transitionDuration = 250;
-    this.open = (event) => {
-      event?.preventDefault();
-      event?.stopImmediatePropagation();
-      const openEvent = new CustomEvent(UUIModalOpenEvent, {
-        cancelable: true
-      });
-      const legacyOpenEvent = new CustomEvent("open", {
-        cancelable: true
-      });
-      this.dispatchEvent(openEvent);
-      this.dispatchEvent(legacyOpenEvent);
-      if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;
-      this._openModal();
-    };
-    this.close = (event) => {
-      event?.preventDefault();
-      event?.stopImmediatePropagation();
-      const closeEvent = new CustomEvent(UUIModalCloseEvent, {
-        cancelable: true
-      });
-      this.dispatchEvent(closeEvent);
-      if (closeEvent.defaultPrevented) return;
-      this.forceClose();
-    };
-  }
-  get transitionDuration() {
-    return this._transitionDuration;
-  }
-  set transitionDuration(value) {
-    this._transitionDuration = value;
-    this.style.setProperty(
-      "--uui-modal-transition-duration",
-      this._transitionDuration + "ms"
-    );
-  }
-  firstUpdated(_changedProperties) {
-    super.firstUpdated(_changedProperties);
-    if (!this.isClosing) {
-      this.open();
-    }
-  }
-  _openModal() {
-    this.isOpen = true;
-    this._dialogElement?.showModal();
-    this._dialogElement?.addEventListener("cancel", this.close);
-  }
-  forceClose() {
-    this.isClosing = true;
-    this.isOpen = false;
-    this._dialogElement?.close();
-    this.dispatchEvent(new CustomEvent("close-end"));
-    this.dispatchEvent(new CustomEvent(UUIModalCloseEndEvent));
-    this.remove();
-  }
-};
-_UUIModalElement.styles = [
-  css`
+import { property, query } from "lit/decorators.js";
+//#region src/components/modal/modal.element.ts
+var UUIModalOpenEvent = "uui:modal-open";
+var UUIModalCloseEvent = "uui:modal-close";
+var UUIModalCloseEndEvent = "uui:modal-close-end";
+var UUIModalElement = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.isOpen = false;
+		this.isClosing = false;
+		this.index = 0;
+		this.uniqueIndex = 0;
+		this._transitionDuration = 250;
+		this.open = (event) => {
+			event?.preventDefault();
+			event?.stopImmediatePropagation();
+			const openEvent = new CustomEvent(UUIModalOpenEvent, { cancelable: true });
+			const legacyOpenEvent = new CustomEvent("open", { cancelable: true });
+			this.dispatchEvent(openEvent);
+			this.dispatchEvent(legacyOpenEvent);
+			if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;
+			this._openModal();
+		};
+		this.close = (event) => {
+			event?.preventDefault();
+			event?.stopImmediatePropagation();
+			const closeEvent = new CustomEvent(UUIModalCloseEvent, { cancelable: true });
+			this.dispatchEvent(closeEvent);
+			if (closeEvent.defaultPrevented) return;
+			this.forceClose();
+		};
+	}
+	get transitionDuration() {
+		return this._transitionDuration;
+	}
+	set transitionDuration(value) {
+		this._transitionDuration = value;
+		this.style.setProperty("--uui-modal-transition-duration", this._transitionDuration + "ms");
+	}
+	firstUpdated(_changedProperties) {
+		super.firstUpdated(_changedProperties);
+		if (!this.isClosing) this.open();
+	}
+	_openModal() {
+		this.isOpen = true;
+		this._dialogElement?.showModal();
+		this._dialogElement?.addEventListener("cancel", this.close);
+	}
+	forceClose() {
+		this.isClosing = true;
+		this.isOpen = false;
+		this._dialogElement?.close();
+		this.dispatchEvent(new CustomEvent("close-end"));
+		this.dispatchEvent(new CustomEvent(UUIModalCloseEndEvent));
+		this.remove();
+	}
+	static {
+		this.styles = [css`
       dialog {
         display: block;
         margin: 0;
@@ -105,31 +85,34 @@ _UUIModalElement.styles = [
       :host([index='0']) dialog::after {
         opacity: 0;
       }
-    `
-];
-let UUIModalElement = _UUIModalElement;
-__decorateClass([
-  query("dialog")
-], UUIModalElement.prototype, "_dialogElement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "is-open" })
-], UUIModalElement.prototype, "isOpen", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "is-closing" })
-], UUIModalElement.prototype, "isClosing", 2);
-__decorateClass([
-  property({ type: Number, reflect: true })
-], UUIModalElement.prototype, "index", 2);
-__decorateClass([
-  property({ type: Number, reflect: true, attribute: "unique-index" })
-], UUIModalElement.prototype, "uniqueIndex", 2);
-__decorateClass([
-  property({ type: Number, attribute: "transition-duration" })
-], UUIModalElement.prototype, "transitionDuration", 1);
-export {
-  UUIModalCloseEndEvent,
-  UUIModalCloseEvent,
-  UUIModalElement,
-  UUIModalOpenEvent
+    `];
+	}
 };
-//# sourceMappingURL=modal.element.js.map
+__decorate([query("dialog")], UUIModalElement.prototype, "_dialogElement", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "is-open"
+})], UUIModalElement.prototype, "isOpen", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "is-closing"
+})], UUIModalElement.prototype, "isClosing", void 0);
+__decorate([property({
+	type: Number,
+	reflect: true
+})], UUIModalElement.prototype, "index", void 0);
+__decorate([property({
+	type: Number,
+	reflect: true,
+	attribute: "unique-index"
+})], UUIModalElement.prototype, "uniqueIndex", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "transition-duration"
+})], UUIModalElement.prototype, "transitionDuration", null);
+//#endregion
+export { UUIModalCloseEndEvent, UUIModalCloseEvent, UUIModalElement, UUIModalOpenEvent };
+
+//# sourceMappingURL=modal.element.js.map

package/dist/components/modal/modal.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.element.js","sources":["../../../src/components/modal/modal.element.ts"],"sourcesContent":["import { LitElement, css } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nexport const UUIModalOpenEvent = 'uui:modal-open';\nexport const UUIModalCloseEvent = 'uui:modal-close';\nexport const UUIModalCloseEndEvent = 'uui:modal-close-end';\n\nexport class UUIModalElement extends LitElement {\n  @query('dialog')\n  protected readonly _dialogElement?: HTMLDialogElement;\n\n  @property({ type: Boolean, reflect: true, attribute: 'is-open' })\n  isOpen = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'is-closing' })\n  isClosing = false;\n\n  @property({ type: Number, reflect: true })\n  index = 0;\n\n  @property({ type: Number, reflect: true, attribute: 'unique-index' })\n  uniqueIndex = 0;\n\n  private _transitionDuration = 250;\n\n  @property({ type: Number, attribute: 'transition-duration' })\n  public get transitionDuration() {\n    return this._transitionDuration;\n  }\n  public set transitionDuration(value: number) {\n    this._transitionDuration = value;\n    this.style.setProperty(\n      '--uui-modal-transition-duration',\n      this._transitionDuration + 'ms',\n    );\n  }\n\n  protected firstUpdated(\n    _changedProperties: Map<string | number | symbol, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties);\n\n    if (!this.isClosing) {\n      this.open();\n    }\n  }\n\n  public open = (event?: Event) => {\n    event?.preventDefault();\n    event?.stopImmediatePropagation();\n\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\n      cancelable: true,\n    });\n    const legacyOpenEvent = new CustomEvent('open', {\n      cancelable: true,\n    });\n\n    this.dispatchEvent(openEvent);\n    this.dispatchEvent(legacyOpenEvent);\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\n\n    this._openModal();\n  };\n\n  public close = (event?: Event) => {\n    event?.preventDefault();\n    event?.stopImmediatePropagation();\n\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\n      cancelable: true,\n    });\n    this.dispatchEvent(closeEvent);\n\n    if (closeEvent.defaultPrevented) return;\n\n    this.forceClose();\n  };\n\n  protected _openModal() {\n    this.isOpen = true;\n    this._dialogElement?.showModal();\n    this._dialogElement?.addEventListener('cancel', this.close);\n  }\n\n  public forceClose() {\n    this.isClosing = true;\n    this.isOpen = false;\n    this._dialogElement?.close();\n\n    this.dispatchEvent(new CustomEvent('close-end'));\n    this.dispatchEvent(new CustomEvent(UUIModalCloseEndEvent));\n\n    this.remove();\n  }\n\n  static override readonly styles = [\n    css`\n      dialog {\n        display: block;\n        margin: 0;\n        padding: 0;\n        max-width: unset;\n        max-height: unset;\n        border: none;\n        background: none;\n        color: var(--uui-color-text);\n      }\n      dialog::backdrop {\n        background: none;\n        opacity: 0;\n      }\n      dialog::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-color: var(--uui-modal-color-backdrop, rgba(0, 0, 0, 0.5));\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity var(--uui-modal-transition-duration, 250ms);\n        z-index: 1;\n      }\n      :host([index='0']) dialog::after {\n        opacity: 0;\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAGO,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,wBAAwB;AAE9B,MAAM,mBAAN,MAAM,yBAAwB,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAKL,SAAA,SAAS;AAGT,SAAA,YAAY;AAGZ,SAAA,QAAQ;AAGR,SAAA,cAAc;AAEd,SAAQ,sBAAsB;AAwB9B,SAAO,OAAO,CAAC,UAAkB;AAC/B,aAAO,eAAA;AACP,aAAO,yBAAA;AAEP,YAAM,YAAY,IAAI,YAAY,mBAAmB;AAAA,QACnD,YAAY;AAAA,MAAA,CACb;AACD,YAAM,kBAAkB,IAAI,YAAY,QAAQ;AAAA,QAC9C,YAAY;AAAA,MAAA,CACb;AAED,WAAK,cAAc,SAAS;AAC5B,WAAK,cAAc,eAAe;AAClC,UAAI,UAAU,oBAAoB,gBAAgB,iBAAkB;AAEpE,WAAK,WAAA;AAAA,IACP;AAEA,SAAO,QAAQ,CAAC,UAAkB;AAChC,aAAO,eAAA;AACP,aAAO,yBAAA;AAEP,YAAM,aAAa,IAAI,YAAY,oBAAoB;AAAA,QACrD,YAAY;AAAA,MAAA,CACb;AACD,WAAK,cAAc,UAAU;AAE7B,UAAI,WAAW,iBAAkB;AAEjC,WAAK,WAAA;AAAA,IACP;AAAA,EAAA;AAAA,EAnDA,IAAW,qBAAqB;AAC9B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,mBAAmB,OAAe;AAC3C,SAAK,sBAAsB;AAC3B,SAAK,MAAM;AAAA,MACT;AAAA,MACA,KAAK,sBAAsB;AAAA,IAAA;AAAA,EAE/B;AAAA,EAEU,aACR,oBACM;AACN,UAAM,aAAa,kBAAkB;AAErC,QAAI,CAAC,KAAK,WAAW;AACnB,WAAK,KAAA;AAAA,IACP;AAAA,EACF;AAAA,EAkCU,aAAa;AACrB,SAAK,SAAS;AACd,SAAK,gBAAgB,UAAA;AACrB,SAAK,gBAAgB,iBAAiB,UAAU,KAAK,KAAK;AAAA,EAC5D;AAAA,EAEO,aAAa;AAClB,SAAK,YAAY;AACjB,SAAK,SAAS;AACd,SAAK,gBAAgB,MAAA;AAErB,SAAK,cAAc,IAAI,YAAY,WAAW,CAAC;AAC/C,SAAK,cAAc,IAAI,YAAY,qBAAqB,CAAC;AAEzD,SAAK,OAAA;AAAA,EACP;AAiCF;AA/BE,iBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA1FG,IAAM,kBAAN;AAEc,gBAAA;AAAA,EADlB,MAAM,QAAQ;AAAA,GADJ,gBAEQ,WAAA,kBAAA,CAAA;AAGnB,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,WAAW;AAAA,GAJrD,gBAKX,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,cAAc;AAAA,GAPxD,gBAQX,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAV9B,gBAWX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,gBAAgB;AAAA,GAbzD,gBAcX,WAAA,eAAA,CAAA;AAKW,gBAAA;AAAA,EADV,SAAS,EAAE,MAAM,QAAQ,WAAW,uBAAuB;AAAA,GAlBjD,gBAmBA,WAAA,sBAAA,CAAA;"}
+{"version":3,"file":"modal.element.js","names":[],"sources":["../../../src/components/modal/modal.element.ts"],"sourcesContent":["import { LitElement, css } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nexport const UUIModalOpenEvent = 'uui:modal-open';\nexport const UUIModalCloseEvent = 'uui:modal-close';\nexport const UUIModalCloseEndEvent = 'uui:modal-close-end';\n\nexport class UUIModalElement extends LitElement {\n  @query('dialog')\n  protected readonly _dialogElement?: HTMLDialogElement;\n\n  @property({ type: Boolean, reflect: true, attribute: 'is-open' })\n  isOpen = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'is-closing' })\n  isClosing = false;\n\n  @property({ type: Number, reflect: true })\n  index = 0;\n\n  @property({ type: Number, reflect: true, attribute: 'unique-index' })\n  uniqueIndex = 0;\n\n  private _transitionDuration = 250;\n\n  @property({ type: Number, attribute: 'transition-duration' })\n  public get transitionDuration() {\n    return this._transitionDuration;\n  }\n  public set transitionDuration(value: number) {\n    this._transitionDuration = value;\n    this.style.setProperty(\n      '--uui-modal-transition-duration',\n      this._transitionDuration + 'ms',\n    );\n  }\n\n  protected firstUpdated(\n    _changedProperties: Map<string | number | symbol, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties);\n\n    if (!this.isClosing) {\n      this.open();\n    }\n  }\n\n  public open = (event?: Event) => {\n    event?.preventDefault();\n    event?.stopImmediatePropagation();\n\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\n      cancelable: true,\n    });\n    const legacyOpenEvent = new CustomEvent('open', {\n      cancelable: true,\n    });\n\n    this.dispatchEvent(openEvent);\n    this.dispatchEvent(legacyOpenEvent);\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\n\n    this._openModal();\n  };\n\n  public close = (event?: Event) => {\n    event?.preventDefault();\n    event?.stopImmediatePropagation();\n\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\n      cancelable: true,\n    });\n    this.dispatchEvent(closeEvent);\n\n    if (closeEvent.defaultPrevented) return;\n\n    this.forceClose();\n  };\n\n  protected _openModal() {\n    this.isOpen = true;\n    this._dialogElement?.showModal();\n    this._dialogElement?.addEventListener('cancel', this.close);\n  }\n\n  public forceClose() {\n    this.isClosing = true;\n    this.isOpen = false;\n    this._dialogElement?.close();\n\n    this.dispatchEvent(new CustomEvent('close-end'));\n    this.dispatchEvent(new CustomEvent(UUIModalCloseEndEvent));\n\n    this.remove();\n  }\n\n  static override readonly styles = [\n    css`\n      dialog {\n        display: block;\n        margin: 0;\n        padding: 0;\n        max-width: unset;\n        max-height: unset;\n        border: none;\n        background: none;\n        color: var(--uui-color-text);\n      }\n      dialog::backdrop {\n        background: none;\n        opacity: 0;\n      }\n      dialog::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-color: var(--uui-modal-color-backdrop, rgba(0, 0, 0, 0.5));\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity var(--uui-modal-transition-duration, 250ms);\n        z-index: 1;\n      }\n      :host([index='0']) dialog::after {\n        opacity: 0;\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;AAGA,IAAa,oBAAoB;AACjC,IAAa,qBAAqB;AAClC,IAAa,wBAAwB;AAErC,IAAa,kBAAb,cAAqC,WAAW;;;gBAKrC;mBAGG;eAGJ;qBAGM;6BAEgB;eAwBf,UAAkB;GAC/B,OAAO,eAAe;GACtB,OAAO,yBAAyB;GAEhC,MAAM,YAAY,IAAI,YAAY,mBAAmB,EACnD,YAAY,KACd,CAAC;GACD,MAAM,kBAAkB,IAAI,YAAY,QAAQ,EAC9C,YAAY,KACd,CAAC;GAED,KAAK,cAAc,SAAS;GAC5B,KAAK,cAAc,eAAe;GAClC,IAAI,UAAU,oBAAoB,gBAAgB,kBAAkB;GAEpE,KAAK,WAAW;EAClB;gBAEgB,UAAkB;GAChC,OAAO,eAAe;GACtB,OAAO,yBAAyB;GAEhC,MAAM,aAAa,IAAI,YAAY,oBAAoB,EACrD,YAAY,KACd,CAAC;GACD,KAAK,cAAc,UAAU;GAE7B,IAAI,WAAW,kBAAkB;GAEjC,KAAK,WAAW;EAClB;;CApDA,IACW,qBAAqB;EAC9B,OAAO,KAAK;CACd;CACA,IAAW,mBAAmB,OAAe;EAC3C,KAAK,sBAAsB;EAC3B,KAAK,MAAM,YACT,mCACA,KAAK,sBAAsB,IAC7B;CACF;CAEA,aACE,oBACM;EACN,MAAM,aAAa,kBAAkB;EAErC,IAAI,CAAC,KAAK,WACR,KAAK,KAAK;CAEd;CAkCA,aAAuB;EACrB,KAAK,SAAS;EACd,KAAK,gBAAgB,UAAU;EAC/B,KAAK,gBAAgB,iBAAiB,UAAU,KAAK,KAAK;CAC5D;CAEA,aAAoB;EAClB,KAAK,YAAY;EACjB,KAAK,SAAS;EACd,KAAK,gBAAgB,MAAM;EAE3B,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC;EAC/C,KAAK,cAAc,IAAI,YAAY,qBAAqB,CAAC;EAEzD,KAAK,OAAO;CACd;;gBAEkC,CAChC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BL;;AACF;YAvHG,MAAM,QAAQ,CAAA,GAAA,gBAAA,WAAA,kBAAA,KAAA,CAAA;YAGd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAU,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;YAG/D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,aAAA,KAAA,CAAA;YAGlE,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;YAGxC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,gBAAA,WAAA,eAAA,KAAA,CAAA;YAKnE,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAsB,CAAC,CAAA,GAAA,gBAAA,WAAA,sBAAA,IAAA"}

package/dist/components/modal/modal.js

@@ -1,19 +1,13 @@
 import { defineElement } from "../../internal/registration/index.js";
+import { UUIModalCloseEndEvent, UUIModalCloseEvent, UUIModalElement, UUIModalOpenEvent } from "./modal.element.js";
 import { UUIModalDialogElement } from "./modal-dialog.element.js";
 import { UUIModalSidebarElement } from "./modal-sidebar.element.js";
 import { UUIModalContainerElement } from "./modal-container.js";
-import { UUIModalCloseEndEvent, UUIModalCloseEvent, UUIModalElement, UUIModalOpenEvent, UUIModalElement as UUIModalElement2 } from "./modal.element.js";
+//#region src/components/modal/modal.ts
 defineElement("uui-modal-dialog", UUIModalDialogElement);
 defineElement("uui-modal-sidebar", UUIModalSidebarElement);
 defineElement("uui-modal-container", UUIModalContainerElement);
-export {
-  UUIModalCloseEndEvent,
-  UUIModalCloseEvent,
-  UUIModalContainerElement,
-  UUIModalDialogElement,
-  UUIModalElement,
-  UUIModalOpenEvent,
-  UUIModalSidebarElement,
-  UUIModalElement2 as default
-};
-//# sourceMappingURL=modal.js.map
+//#endregion
+export { UUIModalCloseEndEvent, UUIModalCloseEvent, UUIModalContainerElement, UUIModalDialogElement, UUIModalElement, UUIModalOpenEvent, UUIModalSidebarElement };
+
+//# sourceMappingURL=modal.js.map

package/dist/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIModalDialogElement } from './modal-dialog.element.js';\nimport { UUIModalSidebarElement } from './modal-sidebar.element.js';\nimport { UUIModalContainerElement } from './modal-container.js';\n\ndefineElement('uui-modal-dialog', UUIModalDialogElement);\ndefineElement('uui-modal-sidebar', UUIModalSidebarElement);\ndefineElement('uui-modal-container', UUIModalContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-modal-dialog': UUIModalDialogElement;\n    'uui-modal-sidebar': UUIModalSidebarElement;\n    'uui-modal-container': UUIModalContainerElement;\n  }\n}\n\nexport * from './modal-dialog.element.js';\nexport * from './modal-sidebar.element.js';\nexport * from './modal.element.js';\nexport * from './modal-container.js';\nexport { UUIModalElement as default } from './modal.element.js';\n"],"names":[],"mappings":";;;;;AAKA,cAAc,oBAAoB,qBAAqB;AACvD,cAAc,qBAAqB,sBAAsB;AACzD,cAAc,uBAAuB,wBAAwB;"}
+{"version":3,"file":"modal.js","names":[],"sources":["../../../src/components/modal/modal.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIModalDialogElement } from './modal-dialog.element.js';\nimport { UUIModalSidebarElement } from './modal-sidebar.element.js';\nimport { UUIModalContainerElement } from './modal-container.js';\n\ndefineElement('uui-modal-dialog', UUIModalDialogElement);\ndefineElement('uui-modal-sidebar', UUIModalSidebarElement);\ndefineElement('uui-modal-container', UUIModalContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-modal-dialog': UUIModalDialogElement;\n    'uui-modal-sidebar': UUIModalSidebarElement;\n    'uui-modal-container': UUIModalContainerElement;\n  }\n}\n\nexport * from './modal-dialog.element.js';\nexport * from './modal-sidebar.element.js';\nexport * from './modal.element.js';\nexport * from './modal-container.js';\n"],"mappings":";;;;;;AAKA,cAAc,oBAAoB,qBAAqB;AACvD,cAAc,qBAAqB,sBAAsB;AACzD,cAAc,uBAAuB,wBAAwB"}

package/dist/components/pagination/UUIPaginationEvent.js

@@ -1,15 +1,17 @@
 import { UUIEvent } from "../../internal/events/UUIEvent.js";
-const _UUIPaginationEvent = class _UUIPaginationEvent extends UUIEvent {
-  constructor(evName, eventInit = {}) {
-    super(evName, {
-      bubbles: true,
-      ...eventInit
-    });
-  }
+//#region src/components/pagination/UUIPaginationEvent.ts
+var UUIPaginationEvent = class extends UUIEvent {
+	static {
+		this.CHANGE = "change";
+	}
+	constructor(evName, eventInit = {}) {
+		super(evName, {
+			bubbles: true,
+			...eventInit
+		});
+	}
 };
-_UUIPaginationEvent.CHANGE = "change";
-let UUIPaginationEvent = _UUIPaginationEvent;
-export {
-  UUIPaginationEvent
-};
-//# sourceMappingURL=UUIPaginationEvent.js.map
+//#endregion
+export { UUIPaginationEvent };
+
+//# sourceMappingURL=UUIPaginationEvent.js.map

package/dist/components/pagination/UUIPaginationEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UUIPaginationEvent.js","sources":["../../../src/components/pagination/UUIPaginationEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIPaginationElement } from './pagination.element.js';\n\nexport class UUIPaginationEvent extends UUIEvent<{}, UUIPaginationElement> {\n  public static readonly CHANGE = 'change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAGO,MAAM,sBAAN,MAAM,4BAA2B,SAAmC;AAAA,EAGzE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AARE,oBAAuB,SAAS;AAD3B,IAAM,qBAAN;"}
+{"version":3,"file":"UUIPaginationEvent.js","names":[],"sources":["../../../src/components/pagination/UUIPaginationEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIPaginationElement } from './pagination.element.js';\n\nexport class UUIPaginationEvent extends UUIEvent<{}, UUIPaginationElement> {\n  public static readonly CHANGE = 'change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"mappings":";;AAGA,IAAa,qBAAb,cAAwC,SAAmC;;gBACzC;;CAEhC,YAAY,QAAgB,YAAiB,CAAC,GAAG;EAC/C,MAAM,QAAQ;GACZ,SAAS;GACT,GAAG;EACL,CAAC;CACH;AACF"}

package/dist/components/pagination/pagination.d.ts

@@ -6,4 +6,3 @@ declare global {
 }
 export * from './pagination.element.js';
 export * from './UUIPaginationEvent.js';
-export { UUIPaginationElement as default } from './pagination.element.js';