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

package/dist/components/form-layout-item/form-layout-item.js

@@ -1,8 +1,8 @@
 import { defineElement } from "../../internal/registration/index.js";
 import { UUIFormLayoutItemElement } from "./form-layout-item.element.js";
+//#region src/components/form-layout-item/form-layout-item.ts
 defineElement("uui-form-layout-item", UUIFormLayoutItemElement);
-export {
-  UUIFormLayoutItemElement,
-  UUIFormLayoutItemElement as default
-};
-//# sourceMappingURL=form-layout-item.js.map
+//#endregion
+export { UUIFormLayoutItemElement };
+
+//# sourceMappingURL=form-layout-item.js.map

package/dist/components/form-layout-item/form-layout-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-layout-item.js","sources":["../../../src/components/form-layout-item/form-layout-item.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIFormLayoutItemElement } from './form-layout-item.element.js';\n\ndefineElement('uui-form-layout-item', UUIFormLayoutItemElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-form-layout-item': UUIFormLayoutItemElement;\n  }\n}\n\nexport * from './form-layout-item.element.js';\nexport { UUIFormLayoutItemElement as default } from './form-layout-item.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,wBAAwB,wBAAwB;"}
+{"version":3,"file":"form-layout-item.js","names":[],"sources":["../../../src/components/form-layout-item/form-layout-item.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIFormLayoutItemElement } from './form-layout-item.element.js';\n\ndefineElement('uui-form-layout-item', UUIFormLayoutItemElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-form-layout-item': UUIFormLayoutItemElement;\n  }\n}\n\nexport * from './form-layout-item.element.js';\n"],"mappings":";;;AAGA,cAAc,wBAAwB,wBAAwB"}

package/dist/components/form-validation-message/form-validation-message.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './form-validation-message.element.js';
-export { UUIFormValidationMessageElement as default } from './form-validation-message.element.js';

package/dist/components/form-validation-message/form-validation-message.element.js

@@ -1,100 +1,82 @@
-import { LitElement, html, css } from "lit";
+import { UUIFormControlEvent } from "../../internal/events/UUIFormControlEvent.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { LitElement, css, html } from "lit";
 import { property } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { UUIFormControlEvent } from "../../internal/events/UUIFormControlEvent.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key);
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const _UUIFormValidationMessageElement = class _UUIFormValidationMessageElement extends LitElement {
-  constructor() {
-    super();
-    this._for = null;
-    this._messages = /* @__PURE__ */ new Map();
-    this._onControlInvalid = (e) => {
-      const ctrl = e.composedPath()[0];
-      if (ctrl.pristine === false) {
-        this._messages.set(ctrl, ctrl.validationMessage);
-      } else {
-        this._messages.delete(ctrl);
-      }
-      this.requestUpdate("_messages");
-    };
-    this._onControlValid = (e) => {
-      const ctrl = e.composedPath()[0];
-      this._messages.delete(ctrl);
-      this.requestUpdate("_messages");
-    };
-    this.for ??= this;
-  }
-  get for() {
-    return this._for;
-  }
-  set for(value) {
-    let element = null;
-    if (typeof value === "string") {
-      const scope = this.getRootNode();
-      element = scope?.getElementById(value);
-    } else if (value instanceof HTMLElement) {
-      element = value;
-    }
-    const newScope = element ?? this;
-    const oldScope = this._for;
-    if (oldScope === newScope) {
-      return;
-    }
-    if (oldScope !== null) {
-      oldScope.removeEventListener(
-        UUIFormControlEvent.INVALID,
-        this._onControlInvalid
-      );
-      oldScope.removeEventListener(
-        UUIFormControlEvent.VALID,
-        this._onControlValid
-      );
-    }
-    this._for = newScope;
-    this._for.addEventListener(
-      UUIFormControlEvent.INVALID,
-      this._onControlInvalid
-    );
-    this._for.addEventListener(
-      UUIFormControlEvent.VALID,
-      this._onControlValid
-    );
-  }
-  render() {
-    return html`
+import { repeat } from "lit/directives/repeat.js";
+//#region src/components/form-validation-message/form-validation-message.element.ts
+/**
+* @element uui-form-validation-message
+* @description - Component for displaying one or more validation messages from UUI Form Control within the given scope.
+* Notice: Only supports components that is build on the FormControlMixing.
+* @slot - for button contents
+* @slot message - for extras in the messages container
+* @see FormControlMixin
+*/
+var UUIFormValidationMessageElement = class extends LitElement {
+	/**
+	* Set the element containing Form Controls of interest.
+	* @type {string}
+	* @attr for
+	* @default this
+	*/
+	get for() {
+		return this._for;
+	}
+	set for(value) {
+		let element = null;
+		if (typeof value === "string") element = this.getRootNode()?.getElementById(value);
+		else if (value instanceof HTMLElement) element = value;
+		const newScope = element ?? this;
+		const oldScope = this._for;
+		if (oldScope === newScope) return;
+		if (oldScope !== null) {
+			oldScope.removeEventListener(UUIFormControlEvent.INVALID, this._onControlInvalid);
+			oldScope.removeEventListener(UUIFormControlEvent.VALID, this._onControlValid);
+		}
+		this._for = newScope;
+		this._for.addEventListener(UUIFormControlEvent.INVALID, this._onControlInvalid);
+		this._for.addEventListener(UUIFormControlEvent.VALID, this._onControlValid);
+	}
+	constructor() {
+		super();
+		this._for = null;
+		this._messages = /* @__PURE__ */ new Map();
+		this._onControlInvalid = (e) => {
+			const ctrl = e.composedPath()[0];
+			if (ctrl.pristine === false) this._messages.set(ctrl, ctrl.validationMessage);
+			else this._messages.delete(ctrl);
+			this.requestUpdate("_messages");
+		};
+		this._onControlValid = (e) => {
+			const ctrl = e.composedPath()[0];
+			this._messages.delete(ctrl);
+			this.requestUpdate("_messages");
+		};
+		this.for ??= this;
+	}
+	render() {
+		return html`
       <slot></slot>
       <div id="messages">
-        ${repeat(
-      this._messages,
-      (item) => html`<div>${unsafeHTML(item[1])}</div>`
-    )}
+        ${repeat(this._messages, (item) => html`<div>${unsafeHTML(item[1])}</div>`)}
         <slot name="message"></slot>
       </div>
     `;
-  }
-};
-_UUIFormValidationMessageElement.styles = [
-  css`
+	}
+	static {
+		this.styles = [css`
       #messages {
         color: var(--uui-color-invalid-standalone);
       }
-    `
-];
-let UUIFormValidationMessageElement = _UUIFormValidationMessageElement;
-__decorateClass([
-  property({ reflect: false, attribute: true })
-], UUIFormValidationMessageElement.prototype, "for");
-export {
-  UUIFormValidationMessageElement
+    `];
+	}
 };
-//# sourceMappingURL=form-validation-message.element.js.map
+__decorate([property({
+	reflect: false,
+	attribute: true
+})], UUIFormValidationMessageElement.prototype, "for", null);
+//#endregion
+export { UUIFormValidationMessageElement };
+
+//# sourceMappingURL=form-validation-message.element.js.map

package/dist/components/form-validation-message/form-validation-message.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-validation-message.element.js","sources":["../../../src/components/form-validation-message/form-validation-message.element.ts"],"sourcesContent":["import { UUIFormControlEvent } from '../../internal/events/index.js';\nimport type { UUIFormControlMixinInterface } from '../../internal/mixins/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * @element uui-form-validation-message\n * @description - Component for displaying one or more validation messages from UUI Form Control within the given scope.\n * Notice: Only supports components that is build on the FormControlMixing.\n * @slot - for button contents\n * @slot message - for extras in the messages container\n * @see FormControlMixin\n */\n\nexport class UUIFormValidationMessageElement extends LitElement {\n  /**\n   * Set the element containing Form Controls of interest.\n   * @type {string}\n   * @attr for\n   * @default this\n   */\n  @property({ reflect: false, attribute: true })\n  public get for(): HTMLElement | string | null {\n    return this._for;\n  }\n  public set for(value: HTMLElement | string | null) {\n    let element = null;\n    if (typeof value === 'string') {\n      const scope = this.getRootNode();\n      element = (scope as DocumentFragment)?.getElementById(value);\n    } else if (value instanceof HTMLElement) {\n      element = value;\n    }\n    const newScope = element ?? this;\n    const oldScope = this._for;\n\n    if (oldScope === newScope) {\n      return;\n    }\n    if (oldScope !== null) {\n      oldScope.removeEventListener(\n        UUIFormControlEvent.INVALID,\n        this._onControlInvalid as EventListener,\n      );\n      oldScope.removeEventListener(\n        UUIFormControlEvent.VALID,\n        this._onControlValid as EventListener,\n      );\n    }\n    this._for = newScope;\n    this._for.addEventListener(\n      UUIFormControlEvent.INVALID,\n      this._onControlInvalid as EventListener,\n    );\n    this._for.addEventListener(\n      UUIFormControlEvent.VALID,\n      this._onControlValid as EventListener,\n    );\n  }\n  private _for: HTMLElement | null = null;\n\n  constructor() {\n    super();\n    this.for ??= this;\n  }\n\n  private readonly _messages = new Map<\n    UUIFormControlMixinInterface<unknown>,\n    string\n  >();\n\n  private readonly _onControlInvalid = (e: UUIFormControlEvent) => {\n    const ctrl = (e as any).composedPath()[0];\n    if (ctrl.pristine === false) {\n      // Currently we only show message from components who does have the pristine property. (we only want to show messages from fields that are NOT pristine aka. that are dirty or in a from that has been submitted)\n      this._messages.set(ctrl, ctrl.validationMessage);\n    } else {\n      this._messages.delete(ctrl);\n    }\n    this.requestUpdate('_messages');\n  };\n\n  private readonly _onControlValid = (e: UUIFormControlEvent) => {\n    const ctrl = (e as any).composedPath()[0];\n    this._messages.delete(ctrl);\n    this.requestUpdate('_messages');\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n      <div id=\"messages\">\n        ${repeat(\n          this._messages,\n          item => html`<div>${unsafeHTML(item[1])}</div>`,\n        )}\n        <slot name=\"message\"></slot>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    css`\n      #messages {\n        color: var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAM,mCAAN,MAAM,yCAAwC,WAAW;AAAA,EA+C9D,cAAc;AACZ,UAAA;AAHF,SAAQ,OAA2B;AAOnC,SAAiB,gCAAgB,IAAA;AAKjC,SAAiB,oBAAoB,CAAC,MAA2B;AAC/D,YAAM,OAAQ,EAAU,aAAA,EAAe,CAAC;AACxC,UAAI,KAAK,aAAa,OAAO;AAE3B,aAAK,UAAU,IAAI,MAAM,KAAK,iBAAiB;AAAA,MACjD,OAAO;AACL,aAAK,UAAU,OAAO,IAAI;AAAA,MAC5B;AACA,WAAK,cAAc,WAAW;AAAA,IAChC;AAEA,SAAiB,kBAAkB,CAAC,MAA2B;AAC7D,YAAM,OAAQ,EAAU,aAAA,EAAe,CAAC;AACxC,WAAK,UAAU,OAAO,IAAI;AAC1B,WAAK,cAAc,WAAW;AAAA,IAChC;AAvBE,SAAK,QAAQ;AAAA,EACf;AAAA,EA1CA,IAAW,MAAmC;AAC5C,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAW,IAAI,OAAoC;AACjD,QAAI,UAAU;AACd,QAAI,OAAO,UAAU,UAAU;AAC7B,YAAM,QAAQ,KAAK,YAAA;AACnB,gBAAW,OAA4B,eAAe,KAAK;AAAA,IAC7D,WAAW,iBAAiB,aAAa;AACvC,gBAAU;AAAA,IACZ;AACA,UAAM,WAAW,WAAW;AAC5B,UAAM,WAAW,KAAK;AAEtB,QAAI,aAAa,UAAU;AACzB;AAAA,IACF;AACA,QAAI,aAAa,MAAM;AACrB,eAAS;AAAA,QACP,oBAAoB;AAAA,QACpB,KAAK;AAAA,MAAA;AAEP,eAAS;AAAA,QACP,oBAAoB;AAAA,QACpB,KAAK;AAAA,MAAA;AAAA,IAET;AACA,SAAK,OAAO;AACZ,SAAK,KAAK;AAAA,MACR,oBAAoB;AAAA,MACpB,KAAK;AAAA,IAAA;AAEP,SAAK,KAAK;AAAA,MACR,oBAAoB;AAAA,MACpB,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EA8BA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,UAGD;AAAA,MACA,KAAK;AAAA,MACL,UAAQ,YAAY,WAAW,KAAK,CAAC,CAAC,CAAC;AAAA,IAAA,CACxC;AAAA;AAAA;AAAA;AAAA,EAIP;AASF;AAPE,iCAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAxFG,IAAM,kCAAN;AAQM,gBAAA;AAAA,EADV,SAAS,EAAE,SAAS,OAAO,WAAW,MAAM;AAAA,GAPlC,gCAQA,WAAA,KAAA;"}
+{"version":3,"file":"form-validation-message.element.js","names":[],"sources":["../../../src/components/form-validation-message/form-validation-message.element.ts"],"sourcesContent":["import { UUIFormControlEvent } from '../../internal/events/index.js';\nimport type { UUIFormControlBaseMixinInterface } from '../../internal/mixins/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * @element uui-form-validation-message\n * @description - Component for displaying one or more validation messages from UUI Form Control within the given scope.\n * Notice: Only supports components that is build on the FormControlMixing.\n * @slot - for button contents\n * @slot message - for extras in the messages container\n * @see FormControlMixin\n */\n\nexport class UUIFormValidationMessageElement extends LitElement {\n  /**\n   * Set the element containing Form Controls of interest.\n   * @type {string}\n   * @attr for\n   * @default this\n   */\n  @property({ reflect: false, attribute: true })\n  public get for(): HTMLElement | string | null {\n    return this._for;\n  }\n  public set for(value: HTMLElement | string | null) {\n    let element = null;\n    if (typeof value === 'string') {\n      const scope = this.getRootNode();\n      element = (scope as DocumentFragment)?.getElementById(value);\n    } else if (value instanceof HTMLElement) {\n      element = value;\n    }\n    const newScope = element ?? this;\n    const oldScope = this._for;\n\n    if (oldScope === newScope) {\n      return;\n    }\n    if (oldScope !== null) {\n      oldScope.removeEventListener(\n        UUIFormControlEvent.INVALID,\n        this._onControlInvalid as EventListener,\n      );\n      oldScope.removeEventListener(\n        UUIFormControlEvent.VALID,\n        this._onControlValid as EventListener,\n      );\n    }\n    this._for = newScope;\n    this._for.addEventListener(\n      UUIFormControlEvent.INVALID,\n      this._onControlInvalid as EventListener,\n    );\n    this._for.addEventListener(\n      UUIFormControlEvent.VALID,\n      this._onControlValid as EventListener,\n    );\n  }\n  private _for: HTMLElement | null = null;\n\n  constructor() {\n    super();\n    this.for ??= this;\n  }\n\n  private readonly _messages = new Map<\n    UUIFormControlBaseMixinInterface<unknown>,\n    string\n  >();\n\n  private readonly _onControlInvalid = (e: UUIFormControlEvent) => {\n    const ctrl = (e as any).composedPath()[0];\n    if (ctrl.pristine === false) {\n      // Currently we only show message from components who does have the pristine property. (we only want to show messages from fields that are NOT pristine aka. that are dirty or in a from that has been submitted)\n      this._messages.set(ctrl, ctrl.validationMessage);\n    } else {\n      this._messages.delete(ctrl);\n    }\n    this.requestUpdate('_messages');\n  };\n\n  private readonly _onControlValid = (e: UUIFormControlEvent) => {\n    const ctrl = (e as any).composedPath()[0];\n    this._messages.delete(ctrl);\n    this.requestUpdate('_messages');\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n      <div id=\"messages\">\n        ${repeat(\n          this._messages,\n          item => html`<div>${unsafeHTML(item[1])}</div>`,\n        )}\n        <slot name=\"message\"></slot>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    css`\n      #messages {\n        color: var(--uui-color-invalid-standalone);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAa,kCAAb,cAAqD,WAAW;;;;;;;CAO9D,IACW,MAAmC;EAC5C,OAAO,KAAK;CACd;CACA,IAAW,IAAI,OAAoC;EACjD,IAAI,UAAU;EACd,IAAI,OAAO,UAAU,UAEnB,UADc,KAAK,YACR,CAAA,EAA4B,eAAe,KAAK;OACtD,IAAI,iBAAiB,aAC1B,UAAU;EAEZ,MAAM,WAAW,WAAW;EAC5B,MAAM,WAAW,KAAK;EAEtB,IAAI,aAAa,UACf;EAEF,IAAI,aAAa,MAAM;GACrB,SAAS,oBACP,oBAAoB,SACpB,KAAK,iBACP;GACA,SAAS,oBACP,oBAAoB,OACpB,KAAK,eACP;EACF;EACA,KAAK,OAAO;EACZ,KAAK,KAAK,iBACR,oBAAoB,SACpB,KAAK,iBACP;EACA,KAAK,KAAK,iBACR,oBAAoB,OACpB,KAAK,eACP;CACF;CAGA,cAAc;EACZ,MAAM;cAH2B;mCAON,IAAI,IAG/B;4BAEoC,MAA2B;GAC/D,MAAM,OAAQ,EAAU,aAAa,CAAC,CAAC;GACvC,IAAI,KAAK,aAAa,OAEpB,KAAK,UAAU,IAAI,MAAM,KAAK,iBAAiB;QAE/C,KAAK,UAAU,OAAO,IAAI;GAE5B,KAAK,cAAc,WAAW;EAChC;0BAEoC,MAA2B;GAC7D,MAAM,OAAQ,EAAU,aAAa,CAAC,CAAC;GACvC,KAAK,UAAU,OAAO,IAAI;GAC1B,KAAK,cAAc,WAAW;EAChC;EAvBE,KAAK,QAAQ;CACf;CAwBA,SAAS;EACP,OAAO,IAAI;;;UAGL,OACA,KAAK,YACL,SAAQ,IAAI,QAAQ,WAAW,KAAK,EAAE,EAAE,OAC1C,EAAE;;;;CAIR;;gBAEkC,CAChC,GAAG;;;;KAKL;;AACF;YAvFG,SAAS;CAAE,SAAS;CAAO,WAAW;AAAK,CAAC,CAAA,GAAA,gCAAA,WAAA,OAAA,IAAA"}

package/dist/components/form-validation-message/form-validation-message.js

@@ -1,8 +1,8 @@
 import { defineElement } from "../../internal/registration/index.js";
 import { UUIFormValidationMessageElement } from "./form-validation-message.element.js";
+//#region src/components/form-validation-message/form-validation-message.ts
 defineElement("uui-form-validation-message", UUIFormValidationMessageElement);
-export {
-  UUIFormValidationMessageElement,
-  UUIFormValidationMessageElement as default
-};
-//# sourceMappingURL=form-validation-message.js.map
+//#endregion
+export { UUIFormValidationMessageElement };
+
+//# sourceMappingURL=form-validation-message.js.map

package/dist/components/form-validation-message/form-validation-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-validation-message.js","sources":["../../../src/components/form-validation-message/form-validation-message.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIFormValidationMessageElement } from './form-validation-message.element.js';\n\ndefineElement('uui-form-validation-message', UUIFormValidationMessageElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-form-validation-message': UUIFormValidationMessageElement;\n  }\n}\n\nexport * from './form-validation-message.element.js';\nexport { UUIFormValidationMessageElement as default } from './form-validation-message.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,+BAA+B,+BAA+B;"}
+{"version":3,"file":"form-validation-message.js","names":[],"sources":["../../../src/components/form-validation-message/form-validation-message.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIFormValidationMessageElement } from './form-validation-message.element.js';\n\ndefineElement('uui-form-validation-message', UUIFormValidationMessageElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-form-validation-message': UUIFormValidationMessageElement;\n  }\n}\n\nexport * from './form-validation-message.element.js';\n"],"mappings":";;;AAGA,cAAc,+BAA+B,+BAA+B"}

package/dist/components/icon/UUIIconRequestEvent.js

@@ -1,21 +1,23 @@
 import { UUIEvent } from "../../internal/events/UUIEvent.js";
-const _UUIIconRequestEvent = class _UUIIconRequestEvent extends UUIEvent {
-  constructor(evName, eventInit = {}) {
-    super(evName, {
-      bubbles: true,
-      composed: true,
-      ...eventInit
-    });
-    this.icon = null;
-  }
-  acceptRequest(icon) {
-    this.icon = icon;
-    this.stopImmediatePropagation();
-  }
+//#region src/components/icon/UUIIconRequestEvent.ts
+var UUIIconRequestEvent = class extends UUIEvent {
+	static {
+		this.ICON_REQUEST = "icon-request";
+	}
+	constructor(evName, eventInit = {}) {
+		super(evName, {
+			bubbles: true,
+			composed: true,
+			...eventInit
+		});
+		this.icon = null;
+	}
+	acceptRequest(icon) {
+		this.icon = icon;
+		this.stopImmediatePropagation();
+	}
 };
-_UUIIconRequestEvent.ICON_REQUEST = "icon-request";
-let UUIIconRequestEvent = _UUIIconRequestEvent;
-export {
-  UUIIconRequestEvent
-};
-//# sourceMappingURL=UUIIconRequestEvent.js.map
+//#endregion
+export { UUIIconRequestEvent };
+
+//# sourceMappingURL=UUIIconRequestEvent.js.map

package/dist/components/icon/UUIIconRequestEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UUIIconRequestEvent.js","sources":["../../../src/components/icon/UUIIconRequestEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\n\nexport class UUIIconRequestEvent extends UUIEvent<{ iconName: string }> {\n  public static readonly ICON_REQUEST = 'icon-request';\n\n  public icon: Promise<string> | null = null;\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      composed: true,\n      ...eventInit,\n    });\n  }\n\n  public acceptRequest(icon: Promise<string>) {\n    this.icon = icon;\n    this.stopImmediatePropagation();\n  }\n}\n"],"names":[],"mappings":";AAEO,MAAM,uBAAN,MAAM,6BAA4B,SAA+B;AAAA,EAKtE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,UAAU;AAAA,MACV,GAAG;AAAA,IAAA,CACJ;AAPH,SAAO,OAA+B;AAAA,EAQtC;AAAA,EAEO,cAAc,MAAuB;AAC1C,SAAK,OAAO;AACZ,SAAK,yBAAA;AAAA,EACP;AACF;AAhBE,qBAAuB,eAAe;AADjC,IAAM,sBAAN;"}
+{"version":3,"file":"UUIIconRequestEvent.js","names":[],"sources":["../../../src/components/icon/UUIIconRequestEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\n\nexport class UUIIconRequestEvent extends UUIEvent<{ iconName: string }> {\n  public static readonly ICON_REQUEST = 'icon-request';\n\n  public icon: Promise<string> | null = null;\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      composed: true,\n      ...eventInit,\n    });\n  }\n\n  public acceptRequest(icon: Promise<string>) {\n    this.icon = icon;\n    this.stopImmediatePropagation();\n  }\n}\n"],"mappings":";;AAEA,IAAa,sBAAb,cAAyC,SAA+B;;sBAChC;;CAItC,YAAY,QAAgB,YAAiB,CAAC,GAAG;EAC/C,MAAM,QAAQ;GACZ,SAAS;GACT,UAAU;GACV,GAAG;EACL,CAAC;cAPmC;CAQtC;CAEA,cAAqB,MAAuB;EAC1C,KAAK,OAAO;EACZ,KAAK,yBAAyB;CAChC;AACF"}

package/dist/components/icon/icon.d.ts

@@ -6,4 +6,3 @@ declare global {
 }
 export * from './icon.element.js';
 export * from './UUIIconRequestEvent.js';
-export { UUIIconElement as default } from './icon.element.js';

package/dist/components/icon/icon.element.js

@@ -1,98 +1,86 @@
-import { LitElement, html, css } from "lit";
-import { state, property } from "lit/decorators.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
 import { UUIIconRequestEvent } from "./UUIIconRequestEvent.js";
+import { LitElement, css, html } from "lit";
+import { property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.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 _UUIIconElement = class _UUIIconElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    this._name = null;
-    this._retrievedNameIcon = false;
-    this._nameSvg = null;
-    this.label = "";
-    this.svg = null;
-    this.fallback = null;
-    this._useFallback = false;
-  }
-  get name() {
-    return this._name;
-  }
-  set name(newValue) {
-    this._name = newValue;
-    if (this.shadowRoot) {
-      this.requestIcon();
-    }
-  }
-  requestIcon() {
-    if (this._name !== "" && this._name !== null) {
-      const event = new UUIIconRequestEvent(UUIIconRequestEvent.ICON_REQUEST, {
-        detail: { iconName: this._name }
-      });
-      this.dispatchEvent(event);
-      if (event.icon !== null) {
-        this._retrievedNameIcon = true;
-        event.icon.then((iconSvg) => {
-          this._useFallback = false;
-          this._nameSvg = iconSvg;
-        });
-      } else {
-        this._retrievedNameIcon = false;
-        this._useFallback = true;
-      }
-    }
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this._retrievedNameIcon === false) {
-      this.requestIcon();
-    }
-  }
-  disconnectedCallback() {
-    this._retrievedNameIcon = false;
-  }
-  firstUpdated() {
-    if (this._retrievedNameIcon === false) {
-      this.requestIcon();
-    }
-    const hasLabel = typeof this.label === "string" && this.label.length > 0;
-    if (hasLabel) {
-      this.setAttribute("role", "img");
-      this.setAttribute("aria-label", this.label);
-      this.removeAttribute("aria-hidden");
-    } else {
-      this.removeAttribute("role");
-      this.removeAttribute("aria-label");
-      this.setAttribute("aria-hidden", "true");
-    }
-  }
-  render() {
-    if (this._useFallback === true) {
-      if (this.fallback === null) {
-        return html`<slot name="fallback"></slot>`;
-      } else {
-        return html`${unsafeHTML(this.fallback)}`;
-      }
-    }
-    if (this._nameSvg !== null) {
-      return html`${unsafeHTML(this._nameSvg)}`;
-    }
-    if (this.svg !== null) {
-      return html`${unsafeHTML(this.svg)}`;
-    }
-    return html`<slot></slot>`;
-  }
-};
-_UUIIconElement.styles = [
-  css`
+//#region src/components/icon/icon.element.ts
+/**
+* @element uui-icon
+* @fires {UUIIconRequestEvent} icon_request - fires when the name property is defined to retrieve the icon source.
+* @description - Icon component for displaying icons.
+* @cssprop --uui-icon-color - sets the color for the icon, if not set it will use the text color.
+* @cssprop --uui-icon-color-overwrite - overwrite the icon color, once this is set the --uui-icon-color will be ignored.
+* @see UUIIconRegistryElement Ideally used together with a icon registry.
+*/
+var UUIIconElement = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._name = null;
+		this._retrievedNameIcon = false;
+		this._nameSvg = null;
+		this.label = "";
+		this.svg = null;
+		this.fallback = null;
+		this._useFallback = false;
+	}
+	/**
+	* Icon name is used to retrieve the icon from a parent Icon Registry.
+	* If no Icon Registry responds to the given name, the fallback svg will be used.
+	* @type {string}
+	* @attr
+	* @default null
+	*/
+	get name() {
+		return this._name;
+	}
+	set name(newValue) {
+		this._name = newValue;
+		if (this.shadowRoot) this.requestIcon();
+	}
+	requestIcon() {
+		if (this._name !== "" && this._name !== null) {
+			const event = new UUIIconRequestEvent(UUIIconRequestEvent.ICON_REQUEST, { detail: { iconName: this._name } });
+			this.dispatchEvent(event);
+			if (event.icon !== null) {
+				this._retrievedNameIcon = true;
+				event.icon.then((iconSvg) => {
+					this._useFallback = false;
+					this._nameSvg = iconSvg;
+				});
+			} else {
+				this._retrievedNameIcon = false;
+				this._useFallback = true;
+			}
+		}
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this._retrievedNameIcon === false) this.requestIcon();
+	}
+	disconnectedCallback() {
+		this._retrievedNameIcon = false;
+	}
+	firstUpdated() {
+		if (this._retrievedNameIcon === false) this.requestIcon();
+		if (typeof this.label === "string" && this.label.length > 0) {
+			this.setAttribute("role", "img");
+			this.setAttribute("aria-label", this.label);
+			this.removeAttribute("aria-hidden");
+		} else {
+			this.removeAttribute("role");
+			this.removeAttribute("aria-label");
+			this.setAttribute("aria-hidden", "true");
+		}
+	}
+	render() {
+		if (this._useFallback === true) if (this.fallback === null) return html`<slot name="fallback"></slot>`;
+		else return html`${unsafeHTML(this.fallback)}`;
+		if (this._nameSvg !== null) return html`${unsafeHTML(this._nameSvg)}`;
+		if (this.svg !== null) return html`${unsafeHTML(this.svg)}`;
+		return html`<slot></slot>`;
+	}
+	static {
+		this.styles = [css`
       :host {
         vertical-align: text-bottom;
         display: inline-flex;
@@ -118,28 +106,16 @@ _UUIIconElement.styles = [
       :host-context(div[slot='append']) {
         margin-right: var(--uui-size-2, 6px);
       }
-    `
-];
-let UUIIconElement = _UUIIconElement;
-__decorateClass([
-  state()
-], UUIIconElement.prototype, "_nameSvg", 2);
-__decorateClass([
-  property()
-], UUIIconElement.prototype, "label", 2);
-__decorateClass([
-  property()
-], UUIIconElement.prototype, "name", 1);
-__decorateClass([
-  property({ attribute: false })
-], UUIIconElement.prototype, "svg", 2);
-__decorateClass([
-  property({ attribute: false })
-], UUIIconElement.prototype, "fallback", 2);
-__decorateClass([
-  state()
-], UUIIconElement.prototype, "_useFallback", 2);
-export {
-  UUIIconElement
+    `];
+	}
 };
-//# sourceMappingURL=icon.element.js.map
+__decorate([state()], UUIIconElement.prototype, "_nameSvg", void 0);
+__decorate([property()], UUIIconElement.prototype, "label", void 0);
+__decorate([property()], UUIIconElement.prototype, "name", null);
+__decorate([property({ attribute: false })], UUIIconElement.prototype, "svg", void 0);
+__decorate([property({ attribute: false })], UUIIconElement.prototype, "fallback", void 0);
+__decorate([state()], UUIIconElement.prototype, "_useFallback", void 0);
+//#endregion
+export { UUIIconElement };
+
+//# sourceMappingURL=icon.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.element.js","sources":["../../../src/components/icon/icon.element.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { UUIIconRequestEvent } from './UUIIconRequestEvent.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * @element uui-icon\n * @fires {UUIIconRequestEvent} icon_request - fires when the name property is defined to retrieve the icon source.\n * @description - Icon component for displaying icons.\n * @cssprop --uui-icon-color - sets the color for the icon, if not set it will use the text color.\n * @cssprop --uui-icon-color-overwrite - overwrite the icon color, once this is set the --uui-icon-color will be ignored.\n * @see UUIIconRegistryElement Ideally used together with a icon registry.\n */\nexport class UUIIconElement extends LitElement {\n  private _name: string | null = null;\n  private _retrievedNameIcon: boolean = false;\n\n  @state()\n  private _nameSvg: string | null = null;\n\n  /**\n   * An alternate description to use for assistive devices.\n   * If omitted, the icon will be considered presentational and ignored by assistive devices.\n   * @type {string}\n   * @attr\n   * @default\n   */\n  @property() label = '';\n\n  /**\n   * Icon name is used to retrieve the icon from a parent Icon Registry.\n   * If no Icon Registry responds to the given name, the fallback svg will be used.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property()\n  get name(): string | null {\n    return this._name;\n  }\n  set name(newValue) {\n    this._name = newValue;\n    if (this.shadowRoot) {\n      this.requestIcon();\n    }\n  }\n\n  private requestIcon() {\n    if (this._name !== '' && this._name !== null) {\n      const event = new UUIIconRequestEvent(UUIIconRequestEvent.ICON_REQUEST, {\n        detail: { iconName: this._name },\n      });\n      this.dispatchEvent(event);\n      if (event.icon !== null) {\n        this._retrievedNameIcon = true;\n        event.icon.then((iconSvg: string) => {\n          this._useFallback = false;\n          this._nameSvg = iconSvg;\n        });\n      } else {\n        this._retrievedNameIcon = false;\n        this._useFallback = true;\n      }\n    }\n  }\n\n  /**\n   * Define the raw SVG string to be displayed by this component.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property({ attribute: false })\n  public svg: string | null = null;\n\n  /**\n   * Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property({ attribute: false })\n  fallback: string | null = null;\n\n  @state()\n  private _useFallback = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._retrievedNameIcon === false) {\n      this.requestIcon();\n    }\n  }\n\n  disconnectedCallback(): void {\n    this._retrievedNameIcon = false;\n  }\n\n  firstUpdated() {\n    // Registry might not have been created then this icon was connected, so therefor we will make another attempt to retrieve the icon.\n    if (this._retrievedNameIcon === false) {\n      this.requestIcon();\n    }\n\n    const hasLabel = typeof this.label === 'string' && this.label.length > 0;\n\n    if (hasLabel) {\n      this.setAttribute('role', 'img');\n      this.setAttribute('aria-label', this.label);\n      this.removeAttribute('aria-hidden');\n    } else {\n      this.removeAttribute('role');\n      this.removeAttribute('aria-label');\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  render() {\n    if (this._useFallback === true) {\n      if (this.fallback === null) {\n        return html`<slot name=\"fallback\"></slot>`;\n      } else {\n        return html`${unsafeHTML(this.fallback)}`;\n      }\n    }\n\n    if (this._nameSvg !== null) {\n      return html`${unsafeHTML(this._nameSvg)}`;\n    }\n\n    if (this.svg !== null) {\n      return html`${unsafeHTML(this.svg)}`;\n    }\n\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        vertical-align: text-bottom;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 1.125em;\n        height: 1.125em;\n      }\n\n      :host svg,\n      ::slotted(svg) {\n        color: var(\n          --uui-icon-color-overwrite,\n          var(--uui-icon-color, currentColor)\n        );\n        width: 100%;\n      }\n\n      :host-context(div[slot='prepend']) {\n        margin-left: var(--uui-size-2, 6px);\n      }\n\n      :host-context(div[slot='append']) {\n        margin-right: var(--uui-size-2, 6px);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"icon.element.js","names":[],"sources":["../../../src/components/icon/icon.element.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { UUIIconRequestEvent } from './UUIIconRequestEvent.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * @element uui-icon\n * @fires {UUIIconRequestEvent} icon_request - fires when the name property is defined to retrieve the icon source.\n * @description - Icon component for displaying icons.\n * @cssprop --uui-icon-color - sets the color for the icon, if not set it will use the text color.\n * @cssprop --uui-icon-color-overwrite - overwrite the icon color, once this is set the --uui-icon-color will be ignored.\n * @see UUIIconRegistryElement Ideally used together with a icon registry.\n */\nexport class UUIIconElement extends LitElement {\n  private _name: string | null = null;\n  private _retrievedNameIcon: boolean = false;\n\n  @state()\n  private _nameSvg: string | null = null;\n\n  /**\n   * An alternate description to use for assistive devices.\n   * If omitted, the icon will be considered presentational and ignored by assistive devices.\n   * @type {string}\n   * @attr\n   * @default\n   */\n  @property() label = '';\n\n  /**\n   * Icon name is used to retrieve the icon from a parent Icon Registry.\n   * If no Icon Registry responds to the given name, the fallback svg will be used.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property()\n  get name(): string | null {\n    return this._name;\n  }\n  set name(newValue) {\n    this._name = newValue;\n    if (this.shadowRoot) {\n      this.requestIcon();\n    }\n  }\n\n  private requestIcon() {\n    if (this._name !== '' && this._name !== null) {\n      const event = new UUIIconRequestEvent(UUIIconRequestEvent.ICON_REQUEST, {\n        detail: { iconName: this._name },\n      });\n      this.dispatchEvent(event);\n      if (event.icon !== null) {\n        this._retrievedNameIcon = true;\n        event.icon.then((iconSvg: string) => {\n          this._useFallback = false;\n          this._nameSvg = iconSvg;\n        });\n      } else {\n        this._retrievedNameIcon = false;\n        this._useFallback = true;\n      }\n    }\n  }\n\n  /**\n   * Define the raw SVG string to be displayed by this component.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property({ attribute: false })\n  public svg: string | null = null;\n\n  /**\n   * Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.\n   * @type {string}\n   * @attr\n   * @default null\n   */\n  @property({ attribute: false })\n  fallback: string | null = null;\n\n  @state()\n  private _useFallback = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._retrievedNameIcon === false) {\n      this.requestIcon();\n    }\n  }\n\n  disconnectedCallback(): void {\n    this._retrievedNameIcon = false;\n  }\n\n  firstUpdated() {\n    // Registry might not have been created then this icon was connected, so therefor we will make another attempt to retrieve the icon.\n    if (this._retrievedNameIcon === false) {\n      this.requestIcon();\n    }\n\n    const hasLabel = typeof this.label === 'string' && this.label.length > 0;\n\n    if (hasLabel) {\n      this.setAttribute('role', 'img');\n      this.setAttribute('aria-label', this.label);\n      this.removeAttribute('aria-hidden');\n    } else {\n      this.removeAttribute('role');\n      this.removeAttribute('aria-label');\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  render() {\n    if (this._useFallback === true) {\n      if (this.fallback === null) {\n        return html`<slot name=\"fallback\"></slot>`;\n      } else {\n        return html`${unsafeHTML(this.fallback)}`;\n      }\n    }\n\n    if (this._nameSvg !== null) {\n      return html`${unsafeHTML(this._nameSvg)}`;\n    }\n\n    if (this.svg !== null) {\n      return html`${unsafeHTML(this.svg)}`;\n    }\n\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        vertical-align: text-bottom;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 1.125em;\n        height: 1.125em;\n      }\n\n      :host svg,\n      ::slotted(svg) {\n        color: var(\n          --uui-icon-color-overwrite,\n          var(--uui-icon-color, currentColor)\n        );\n        width: 100%;\n      }\n\n      :host-context(div[slot='prepend']) {\n        margin-left: var(--uui-size-2, 6px);\n      }\n\n      :host-context(div[slot='append']) {\n        margin-right: var(--uui-size-2, 6px);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAa,iBAAb,cAAoC,WAAW;;;eACd;4BACO;kBAGJ;eASd;aA8CQ;kBASF;sBAGH;;;;;;;;;CAjDvB,IACI,OAAsB;EACxB,OAAO,KAAK;CACd;CACA,IAAI,KAAK,UAAU;EACjB,KAAK,QAAQ;EACb,IAAI,KAAK,YACP,KAAK,YAAY;CAErB;CAEA,cAAsB;EACpB,IAAI,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM;GAC5C,MAAM,QAAQ,IAAI,oBAAoB,oBAAoB,cAAc,EACtE,QAAQ,EAAE,UAAU,KAAK,MAAM,EACjC,CAAC;GACD,KAAK,cAAc,KAAK;GACxB,IAAI,MAAM,SAAS,MAAM;IACvB,KAAK,qBAAqB;IAC1B,MAAM,KAAK,MAAM,YAAoB;KACnC,KAAK,eAAe;KACpB,KAAK,WAAW;IAClB,CAAC;GACH,OAAO;IACL,KAAK,qBAAqB;IAC1B,KAAK,eAAe;GACtB;EACF;CACF;CAuBA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,IAAI,KAAK,uBAAuB,OAC9B,KAAK,YAAY;CAErB;CAEA,uBAA6B;EAC3B,KAAK,qBAAqB;CAC5B;CAEA,eAAe;EAEb,IAAI,KAAK,uBAAuB,OAC9B,KAAK,YAAY;EAKnB,IAFiB,OAAO,KAAK,UAAU,YAAY,KAAK,MAAM,SAAS,GAEzD;GACZ,KAAK,aAAa,QAAQ,KAAK;GAC/B,KAAK,aAAa,cAAc,KAAK,KAAK;GAC1C,KAAK,gBAAgB,aAAa;EACpC,OAAO;GACL,KAAK,gBAAgB,MAAM;GAC3B,KAAK,gBAAgB,YAAY;GACjC,KAAK,aAAa,eAAe,MAAM;EACzC;CACF;CAEA,SAAS;EACP,IAAI,KAAK,iBAAiB,MACxB,IAAI,KAAK,aAAa,MACpB,OAAO,IAAI;OAEX,OAAO,IAAI,GAAG,WAAW,KAAK,QAAQ;EAI1C,IAAI,KAAK,aAAa,MACpB,OAAO,IAAI,GAAG,WAAW,KAAK,QAAQ;EAGxC,IAAI,KAAK,QAAQ,MACf,OAAO,IAAI,GAAG,WAAW,KAAK,GAAG;EAGnC,OAAO,IAAI;CACb;;gBAEkC,CAChC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BL;;AACF;YArJG,MAAM,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;YAUN,SAAS,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;YAST,SAAS,CAAA,GAAA,eAAA,WAAA,QAAA,IAAA;YAoCT,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,eAAA,WAAA,OAAA,KAAA,CAAA;YAS7B,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;YAG7B,MAAM,CAAA,GAAA,eAAA,WAAA,gBAAA,KAAA,CAAA"}

package/dist/components/icon/icon.js

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

package/dist/components/icon/icon.js.map

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