@umbraco-ui/uui 2.0.0 → 2.0.1

package/dist/components/card-user/card-user.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './card-user.element.js';
-export { UUICardUserElement as default } from './card-user.element.js';

package/dist/components/card-user/card-user.element.js

@@ -1,76 +1,56 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _UUICardUserElement_instances, renderButton_fn, renderLink_fn, renderContent_fn;
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { slotHasContent } from "../../internal/utils/slotHasContent.js";
+import "../avatar/avatar.js";
+import { UUICardElement } from "../card/card.element.js";
 import "../card/card.js";
-import { html, nothing, css } from "lit";
+import { css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import "../avatar/avatar.js";
-import { slotHasContent } from "../../internal/utils/slotHasContent.js";
-import { UUICardElement } from "../card/card.element.js";
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  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 _UUICardUserElement = class _UUICardUserElement extends UUICardElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _UUICardUserElement_instances);
-    this.name = "";
-    this._avatarSlotHasContent = false;
-    this._avatarSlotChanged = (e) => {
-      this._avatarSlotHasContent = slotHasContent(e.target);
-    };
-  }
-  render() {
-    return html`
-      ${this.href ? __privateMethod(this, _UUICardUserElement_instances, renderLink_fn).call(this) : __privateMethod(this, _UUICardUserElement_instances, renderButton_fn).call(this)}
-      <!-- Select border must be right after #open-part -->
-      <div id="select-border"></div>
-      ${this.selectable ? this.renderCheckbox() : nothing}
-      <slot name="tag"></slot>
-      <slot name="actions"></slot>
-    `;
-  }
-};
-_UUICardUserElement_instances = new WeakSet();
-renderButton_fn = function() {
-  const tabIndex = !this.disabled ? this.selectOnly ? -1 : 0 : void 0;
-  return html`
+//#region src/components/card-user/card-user.element.ts
+/**
+*  @element uui-card-user
+*  @description - Card component for displaying a user node.
+*  @slot - slot for the default content area
+*  @slot tag - slot for the tag with support for `<uui-tag>` elements
+*  @slot avatar - slot for the avatar with support for the `<uui-avatar>` element
+*  @slot actions - slot for the actions with support for the `<uui-action-bar>` element
+*/
+var UUICardUserElement = class extends UUICardElement {
+	constructor(..._args) {
+		super(..._args);
+		this.name = "";
+		this._avatarSlotHasContent = false;
+		this._avatarSlotChanged = (e) => {
+			this._avatarSlotHasContent = slotHasContent(e.target);
+		};
+	}
+	#renderButton() {
+		return html`
       <div
         id="open-part"
-        tabindex=${ifDefined(tabIndex)}
+        tabindex=${ifDefined(!this.disabled ? this.selectOnly ? -1 : 0 : void 0)}
         @click=${this.handleOpenClick}
         @keydown=${this.handleOpenKeydown}>
-        ${__privateMethod(this, _UUICardUserElement_instances, renderContent_fn).call(this)}
+        ${this.#renderContent()}
       </div>
     `;
-};
-renderLink_fn = function() {
-  const tabIndex = !this.disabled ? this.selectOnly ? -1 : 0 : void 0;
-  const rel = this.target === "_blank" ? "noopener noreferrer" : void 0;
-  return html`
+	}
+	#renderLink() {
+		const tabIndex = !this.disabled ? this.selectOnly ? -1 : 0 : void 0;
+		const rel = this.target === "_blank" ? "noopener noreferrer" : void 0;
+		return html`
       <a
         id="open-part"
         tabindex=${ifDefined(tabIndex)}
         href=${ifDefined(!this.disabled ? this.href : void 0)}
         target=${ifDefined(this.target || void 0)}
         rel=${ifDefined(this.rel || rel)}>
-        ${__privateMethod(this, _UUICardUserElement_instances, renderContent_fn).call(this)}
+        ${this.#renderContent()}
       </a>
     `;
-};
-renderContent_fn = function() {
-  return html`
+	}
+	#renderContent() {
+		return html`
       <div id="content">
         ${this._avatarSlotHasContent ? nothing : html`<uui-avatar
               class="avatar"
@@ -84,10 +64,19 @@ renderContent_fn = function() {
         <slot></slot>
       </div>
     `;
-};
-_UUICardUserElement.styles = [
-  ...UUICardElement.styles,
-  css`
+	}
+	render() {
+		return html`
+      ${this.href ? this.#renderLink() : this.#renderButton()}
+      <!-- Select border must be right after #open-part -->
+      <div id="select-border"></div>
+      ${this.selectable ? this.renderCheckbox() : nothing}
+      <slot name="tag"></slot>
+      <slot name="actions"></slot>
+    `;
+	}
+	static {
+		this.styles = [...UUICardElement.styles, css`
       :host {
         min-width: 250px;
       }
@@ -173,16 +162,12 @@ _UUICardUserElement.styles = [
         margin-top: var(--uui-size-space-1);
         margin-bottom: var(--uui-size-space-2);
       }
-    `
-];
-let UUICardUserElement = _UUICardUserElement;
-__decorateClass([
-  property({ type: String })
-], UUICardUserElement.prototype, "name");
-__decorateClass([
-  state()
-], UUICardUserElement.prototype, "_avatarSlotHasContent");
-export {
-  UUICardUserElement
+    `];
+	}
 };
-//# sourceMappingURL=card-user.element.js.map
+__decorate([property({ type: String })], UUICardUserElement.prototype, "name", void 0);
+__decorate([state()], UUICardUserElement.prototype, "_avatarSlotHasContent", void 0);
+//#endregion
+export { UUICardUserElement };
+
+//# sourceMappingURL=card-user.element.js.map

package/dist/components/card-user/card-user.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-user.element.js","sources":["../../../src/components/card-user/card-user.element.ts"],"sourcesContent":["import { slotHasContent } from '../../internal/utils/index.js';\nimport { UUICardElement } from '../card/card.js';\nimport { css, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../avatar/avatar.js';\n\n/**\n *  @element uui-card-user\n *  @description - Card component for displaying a user node.\n *  @slot - slot for the default content area\n *  @slot tag - slot for the tag with support for `<uui-tag>` elements\n *  @slot avatar - slot for the avatar with support for the `<uui-avatar>` element\n *  @slot actions - slot for the actions with support for the `<uui-action-bar>` element\n */\nexport class UUICardUserElement extends UUICardElement {\n  /**\n   * User name\n   * @type {string}\n   * @attr name\n   * @default ''\n   */\n  @property({ type: String })\n  name = '';\n\n  @state()\n  private _avatarSlotHasContent = false;\n  private readonly _avatarSlotChanged = (e: Event) => {\n    this._avatarSlotHasContent = slotHasContent(e.target);\n  };\n\n  #renderButton() {\n    const tabIndex = !this.disabled ? (this.selectOnly ? -1 : 0) : undefined;\n    return html`\n      <div\n        id=\"open-part\"\n        tabindex=${ifDefined(tabIndex)}\n        @click=${this.handleOpenClick}\n        @keydown=${this.handleOpenKeydown}>\n        ${this.#renderContent()}\n      </div>\n    `;\n  }\n\n  #renderLink() {\n    const tabIndex = !this.disabled ? (this.selectOnly ? -1 : 0) : undefined;\n    const rel = this.target === '_blank' ? 'noopener noreferrer' : undefined;\n    return html`\n      <a\n        id=\"open-part\"\n        tabindex=${ifDefined(tabIndex)}\n        href=${ifDefined(!this.disabled ? this.href : undefined)}\n        target=${ifDefined(this.target || undefined)}\n        rel=${ifDefined(this.rel || rel)}>\n        ${this.#renderContent()}\n      </a>\n    `;\n  }\n\n  #renderContent() {\n    return html`\n      <div id=\"content\">\n        ${this._avatarSlotHasContent\n          ? nothing\n          : html`<uui-avatar\n              class=\"avatar\"\n              name=${this.name}\n              size=\"m\"></uui-avatar>`}\n        <slot\n          name=\"avatar\"\n          class=\"avatar\"\n          @slotchange=${this._avatarSlotChanged}></slot>\n        <span title=\"${this.name}\">${this.name}</span>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  public render() {\n    return html`\n      ${this.href ? this.#renderLink() : this.#renderButton()}\n      <!-- Select border must be right after #open-part -->\n      <div id=\"select-border\"></div>\n      ${this.selectable ? this.renderCheckbox() : nothing}\n      <slot name=\"tag\"></slot>\n      <slot name=\"actions\"></slot>\n    `;\n  }\n\n  static override readonly styles = [\n    ...UUICardElement.styles,\n    css`\n      :host {\n        min-width: 250px;\n      }\n\n      slot:not([name])::slotted(*) {\n        font-size: var(--uui-type-small-size);\n        line-height: var(--uui-size-6);\n      }\n\n      ::slotted(*) {\n        text-align: center;\n      }\n\n      slot[name='tag'] {\n        position: absolute;\n        bottom: var(--uui-size-space-4);\n        right: var(--uui-size-space-4);\n        display: flex;\n        justify-content: right;\n      }\n\n      slot[name='actions'] {\n        position: absolute;\n        top: var(--uui-size-space-3);\n        right: var(--uui-size-space-3);\n        display: flex;\n        justify-content: right;\n\n        opacity: 0;\n        transition: opacity 120ms;\n      }\n      :host(:focus) slot[name='actions'],\n      :host(:focus-within) slot[name='actions'],\n      :host(:hover) slot[name='actions'] {\n        opacity: 1;\n      }\n\n      #open-part {\n        cursor: pointer;\n        flex-grow: 1;\n        padding: var(--uui-size-space-5) var(--uui-size-space-4);\n      }\n\n      :host([disabled]) #open-part {\n        pointer-events: none;\n      }\n\n      #open-part:hover #content {\n        color: var(--uui-color-interactive-emphasis);\n      }\n      #open-part:hover #content > span {\n        text-decoration: underline;\n      }\n\n      :host([selectable]) #open-part {\n        padding: 0;\n        margin: var(--uui-size-space-5) var(--uui-size-space-4);\n      }\n\n      #content {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        align-items: center;\n        margin: 0 0 3px 0;\n        height: 100%;\n      }\n\n      #content > span {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        vertical-align: center;\n        margin-top: 3px;\n        font-weight: 700;\n        overflow-wrap: anywhere;\n      }\n\n      .avatar {\n        font-size: 1.5em;\n        margin-top: var(--uui-size-space-1);\n        margin-bottom: var(--uui-size-space-2);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,sBAAN,MAAM,4BAA2B,eAAe;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAAA;AAQL,SAAA,OAAO;AAGP,SAAQ,wBAAwB;AAChC,SAAiB,qBAAqB,CAAC,MAAa;AAClD,WAAK,wBAAwB,eAAe,EAAE,MAAM;AAAA,IACtD;AAAA,EAAA;AAAA,EAiDO,SAAS;AACd,WAAO;AAAA,QACH,KAAK,OAAO,sBAAK,8CAAL,aAAqB,sBAAK,gDAAL,UAAoB;AAAA;AAAA;AAAA,QAGrD,KAAK,aAAa,KAAK,eAAA,IAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,EAIvD;AA4FF;AApKO;AAgBL,kBAAA,WAAgB;AACd,QAAM,WAAW,CAAC,KAAK,WAAY,KAAK,aAAa,KAAK,IAAK;AAC/D,SAAO;AAAA;AAAA;AAAA,mBAGQ,UAAU,QAAQ,CAAC;AAAA,iBACrB,KAAK,eAAe;AAAA,mBAClB,KAAK,iBAAiB;AAAA,UAC/B,sBAAK,iDAAL,UAAqB;AAAA;AAAA;AAG7B;AAEA,gBAAA,WAAc;AACZ,QAAM,WAAW,CAAC,KAAK,WAAY,KAAK,aAAa,KAAK,IAAK;AAC/D,QAAM,MAAM,KAAK,WAAW,WAAW,wBAAwB;AAC/D,SAAO;AAAA;AAAA;AAAA,mBAGQ,UAAU,QAAQ,CAAC;AAAA,eACvB,UAAU,CAAC,KAAK,WAAW,KAAK,OAAO,MAAS,CAAC;AAAA,iBAC/C,UAAU,KAAK,UAAU,MAAS,CAAC;AAAA,cACtC,UAAU,KAAK,OAAO,GAAG,CAAC;AAAA,UAC9B,sBAAK,iDAAL,UAAqB;AAAA;AAAA;AAG7B;AAEA,mBAAA,WAAiB;AACf,SAAO;AAAA;AAAA,UAED,KAAK,wBACH,UACA;AAAA;AAAA,qBAES,KAAK,IAAI;AAAA,qCACO;AAAA;AAAA;AAAA;AAAA,wBAIb,KAAK,kBAAkB;AAAA,uBACxB,KAAK,IAAI,KAAK,KAAK,IAAI;AAAA;AAAA;AAAA;AAI5C;AAaA,oBAAyB,SAAS;AAAA,EAChC,GAAG,eAAe;AAAA,EAClB;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;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;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;AA5EG,IAAM,qBAAN;AAQL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,mBAQX,WAAA,MAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAVI,mBAWH,WAAA,uBAAA;"}
+{"version":3,"file":"card-user.element.js","names":["#renderContent","#renderLink","#renderButton"],"sources":["../../../src/components/card-user/card-user.element.ts"],"sourcesContent":["import { slotHasContent } from '../../internal/utils/index.js';\nimport { UUICardElement } from '../card/card.js';\nimport { css, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../avatar/avatar.js';\n\n/**\n *  @element uui-card-user\n *  @description - Card component for displaying a user node.\n *  @slot - slot for the default content area\n *  @slot tag - slot for the tag with support for `<uui-tag>` elements\n *  @slot avatar - slot for the avatar with support for the `<uui-avatar>` element\n *  @slot actions - slot for the actions with support for the `<uui-action-bar>` element\n */\nexport class UUICardUserElement extends UUICardElement {\n  /**\n   * User name\n   * @type {string}\n   * @attr name\n   * @default ''\n   */\n  @property({ type: String })\n  name = '';\n\n  @state()\n  private _avatarSlotHasContent = false;\n  private readonly _avatarSlotChanged = (e: Event) => {\n    this._avatarSlotHasContent = slotHasContent(e.target);\n  };\n\n  #renderButton() {\n    const tabIndex = !this.disabled ? (this.selectOnly ? -1 : 0) : undefined;\n    return html`\n      <div\n        id=\"open-part\"\n        tabindex=${ifDefined(tabIndex)}\n        @click=${this.handleOpenClick}\n        @keydown=${this.handleOpenKeydown}>\n        ${this.#renderContent()}\n      </div>\n    `;\n  }\n\n  #renderLink() {\n    const tabIndex = !this.disabled ? (this.selectOnly ? -1 : 0) : undefined;\n    const rel = this.target === '_blank' ? 'noopener noreferrer' : undefined;\n    return html`\n      <a\n        id=\"open-part\"\n        tabindex=${ifDefined(tabIndex)}\n        href=${ifDefined(!this.disabled ? this.href : undefined)}\n        target=${ifDefined(this.target || undefined)}\n        rel=${ifDefined(this.rel || rel)}>\n        ${this.#renderContent()}\n      </a>\n    `;\n  }\n\n  #renderContent() {\n    return html`\n      <div id=\"content\">\n        ${this._avatarSlotHasContent\n          ? nothing\n          : html`<uui-avatar\n              class=\"avatar\"\n              name=${this.name}\n              size=\"m\"></uui-avatar>`}\n        <slot\n          name=\"avatar\"\n          class=\"avatar\"\n          @slotchange=${this._avatarSlotChanged}></slot>\n        <span title=\"${this.name}\">${this.name}</span>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  public render() {\n    return html`\n      ${this.href ? this.#renderLink() : this.#renderButton()}\n      <!-- Select border must be right after #open-part -->\n      <div id=\"select-border\"></div>\n      ${this.selectable ? this.renderCheckbox() : nothing}\n      <slot name=\"tag\"></slot>\n      <slot name=\"actions\"></slot>\n    `;\n  }\n\n  static override readonly styles = [\n    ...UUICardElement.styles,\n    css`\n      :host {\n        min-width: 250px;\n      }\n\n      slot:not([name])::slotted(*) {\n        font-size: var(--uui-type-small-size);\n        line-height: var(--uui-size-6);\n      }\n\n      ::slotted(*) {\n        text-align: center;\n      }\n\n      slot[name='tag'] {\n        position: absolute;\n        bottom: var(--uui-size-space-4);\n        right: var(--uui-size-space-4);\n        display: flex;\n        justify-content: right;\n      }\n\n      slot[name='actions'] {\n        position: absolute;\n        top: var(--uui-size-space-3);\n        right: var(--uui-size-space-3);\n        display: flex;\n        justify-content: right;\n\n        opacity: 0;\n        transition: opacity 120ms;\n      }\n      :host(:focus) slot[name='actions'],\n      :host(:focus-within) slot[name='actions'],\n      :host(:hover) slot[name='actions'] {\n        opacity: 1;\n      }\n\n      #open-part {\n        cursor: pointer;\n        flex-grow: 1;\n        padding: var(--uui-size-space-5) var(--uui-size-space-4);\n      }\n\n      :host([disabled]) #open-part {\n        pointer-events: none;\n      }\n\n      #open-part:hover #content {\n        color: var(--uui-color-interactive-emphasis);\n      }\n      #open-part:hover #content > span {\n        text-decoration: underline;\n      }\n\n      :host([selectable]) #open-part {\n        padding: 0;\n        margin: var(--uui-size-space-5) var(--uui-size-space-4);\n      }\n\n      #content {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        align-items: center;\n        margin: 0 0 3px 0;\n        height: 100%;\n      }\n\n      #content > span {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        vertical-align: center;\n        margin-top: 3px;\n        font-weight: 700;\n        overflow-wrap: anywhere;\n      }\n\n      .avatar {\n        font-size: 1.5em;\n        margin-top: var(--uui-size-space-1);\n        margin-bottom: var(--uui-size-space-2);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAa,qBAAb,cAAwC,eAAe;;;cAQ9C;+BAGyB;6BACO,MAAa;GAClD,KAAK,wBAAwB,eAAe,EAAE,MAAM;EACtD;;CAEA,gBAAgB;EAEd,OAAO,IAAI;;;mBAGI,UAJE,CAAC,KAAK,WAAY,KAAK,aAAa,KAAK,IAAK,KAAA,CAI9B,EAAE;iBACtB,KAAK,gBAAgB;mBACnB,KAAK,kBAAkB;UAChC,KAAKA,eAAe,EAAE;;;CAG9B;CAEA,cAAc;EACZ,MAAM,WAAW,CAAC,KAAK,WAAY,KAAK,aAAa,KAAK,IAAK,KAAA;EAC/D,MAAM,MAAM,KAAK,WAAW,WAAW,wBAAwB,KAAA;EAC/D,OAAO,IAAI;;;mBAGI,UAAU,QAAQ,EAAE;eACxB,UAAU,CAAC,KAAK,WAAW,KAAK,OAAO,KAAA,CAAS,EAAE;iBAChD,UAAU,KAAK,UAAU,KAAA,CAAS,EAAE;cACvC,UAAU,KAAK,OAAO,GAAG,EAAE;UAC/B,KAAKA,eAAe,EAAE;;;CAG9B;CAEA,iBAAiB;EACf,OAAO,IAAI;;UAEL,KAAK,wBACH,UACA,IAAI;;qBAEK,KAAK,KAAK;sCACO;;;;wBAId,KAAK,mBAAmB;uBACzB,KAAK,KAAK,IAAI,KAAK,KAAK;;;;CAI7C;CAEA,SAAgB;EACd,OAAO,IAAI;QACP,KAAK,OAAO,KAAKC,YAAY,IAAI,KAAKC,cAAc,EAAE;;;QAGtD,KAAK,aAAa,KAAK,eAAe,IAAI,QAAQ;;;;CAIxD;;gBAEkC,CAChC,GAAG,eAAe,QAClB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFL;;AACF;YA7JG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,mBAAA,WAAA,QAAA,KAAA,CAAA;YAGzB,MAAM,CAAA,GAAA,mBAAA,WAAA,yBAAA,KAAA,CAAA"}

package/dist/components/card-user/card-user.js

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

package/dist/components/card-user/card-user.js.map

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

package/dist/components/checkbox/checkbox.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './checkbox.element.js';
-export { UUICheckboxElement as default } from './checkbox.element.js';

package/dist/components/checkbox/checkbox.element.js

@@ -1,23 +1,36 @@
+import { UUIHorizontalShakeAnimationValue, UUIHorizontalShakeKeyframes } from "../../internal/animations/uui-shake.js";
+import { iconCheck } from "../icon-registry-essential/svgs/iconCheck.js";
+import { iconSubtract } from "../icon-registry-essential/svgs/iconSubtract.js";
+import "../icon-registry-essential/svgs/index.js";
 import { UUIBooleanInputElement } from "../boolean-input/boolean-input.element.js";
-import "../boolean-input/UUIBooleanInputEvent.js";
-import { svg, html, css } from "lit";
-import { UUIHorizontalShakeKeyframes, UUIHorizontalShakeAnimationValue } from "../../internal/animations/uui-shake.js";
-const check = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 10 17 4 12" /></svg>`;
-const subtract = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 12.25h14" /></svg>`;
-const _UUICheckboxElement = class _UUICheckboxElement extends UUIBooleanInputElement {
-  renderCheckbox() {
-    return html`
+import "../boolean-input/boolean-input.js";
+import { css, html } from "lit";
+//#region src/components/checkbox/checkbox.element.ts
+/**
+*  Umbraco checkbox, toggles between checked and uncheck
+*  @element uui-checkbox
+*  @fires UUIBooleanInputEvent#change - fires when the element is begin checked by a user action
+*  @cssprop --uui-checkbox-size - To set the size of the checkbox.
+*  @extends UUIBooleanInputElement
+*/
+var UUICheckboxElement = class extends UUIBooleanInputElement {
+	static {
+		this.formAssociated = true;
+	}
+	renderCheckbox() {
+		return html`
       <div id="ticker">
-        <div id="icon-check">${this.indeterminate ? subtract : check}</div>
+        <div id="icon-check">
+          ${this.indeterminate ? iconSubtract : iconCheck}
+        </div>
       </div>
     `;
-  }
-};
-_UUICheckboxElement.formAssociated = true;
-_UUICheckboxElement.styles = [
-  ...UUIBooleanInputElement.styles,
-  UUIHorizontalShakeKeyframes,
-  css`
+	}
+	static {
+		this.styles = [
+			...UUIBooleanInputElement.styles,
+			UUIHorizontalShakeKeyframes,
+			css`
       :host {
         --uui-checkbox-size: 18px;
       }
@@ -96,6 +109,10 @@ _UUICheckboxElement.styles = [
         opacity: 0;
       }
 
+      #icon-check > svg {
+        stroke-width: 2.5;
+      }
+
       #ticker::before {
         content: '';
         position: absolute;
@@ -131,7 +148,8 @@ _UUICheckboxElement.styles = [
       }
 
       input:focus-visible + #ticker {
-        outline: 2px solid var(--uui-color-focus);
+        outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
+          var(--uui-color-focus);
       }
 
       :host(:not([disabled], [readonly]))
@@ -191,9 +209,10 @@ _UUICheckboxElement.styles = [
         color: var(--uui-color-disabled-contrast);
       }
     `
-];
-let UUICheckboxElement = _UUICheckboxElement;
-export {
-  UUICheckboxElement
+		];
+	}
 };
-//# sourceMappingURL=checkbox.element.js.map
+//#endregion
+export { UUICheckboxElement };
+
+//# sourceMappingURL=checkbox.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.element.js","sources":["../../../src/components/checkbox/checkbox.element.ts"],"sourcesContent":["import {\n  UUIHorizontalShakeAnimationValue,\n  UUIHorizontalShakeKeyframes,\n} from '../../internal/animations/index.js';\nimport { UUIBooleanInputElement } from '../boolean-input/boolean-input.js';\nimport { css, html, svg } from 'lit';\n\n// Custom SVG for the checkbox, as this is smaller in size than the icon registry version: [NL]\nconst check = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 10 17 4 12\" /></svg>`;\nconst subtract = svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 12.25h14\" /></svg>`;\n\n/**\n *  Umbraco checkbox, toggles between checked and uncheck\n *  @element uui-checkbox\n *  @fires UUIBooleanInputEvent#change - fires when the element is begin checked by a user action\n *  @cssprop --uui-checkbox-size - To set the size of the checkbox.\n *  @extends UUIBooleanInputElement\n */\nexport class UUICheckboxElement extends UUIBooleanInputElement {\n  /**\n   * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n   * @type {boolean}\n   */\n  static readonly formAssociated = true;\n\n  renderCheckbox() {\n    return html`\n      <div id=\"ticker\">\n        <div id=\"icon-check\">${this.indeterminate ? subtract : check}</div>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    ...UUIBooleanInputElement.styles,\n    UUIHorizontalShakeKeyframes,\n    css`\n      :host {\n        --uui-checkbox-size: 18px;\n      }\n\n      #ticker {\n        position: relative;\n        grid-area: 'input';\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n\n        box-sizing: border-box;\n        width: var(--uui-checkbox-size);\n        height: var(--uui-checkbox-size);\n        border-radius: var(\n          --uui-checkbox-border-radius,\n          var(--uui-border-radius-1)\n        );\n\n        color: var(--uui-toggle-color, var(--uui-color-selected-contrast));\n        background-color: var(\n          --uui-toggle-background-color,\n          var(--uui-color-surface)\n        );\n        border: 1px solid\n          var(--uui-checkbox-border-color, var(--uui-color-border-standalone));\n        font-size: calc(var(--uui-checkbox-size) * 0.7);\n      }\n      label:hover input:not([disabled]) + #ticker {\n        border-color: var(\n          --uui-checkbox-border-color-hover,\n          var(--uui-color-border-emphasis)\n        );\n        background-color: var(\n          --uui-checkbox-background-color-hover,\n          var(--uui-color-surface-emphasis)\n        );\n      }\n      label:focus #ticker {\n        border-color: var(\n          --uui-checkbox-border-color-focus,\n          var(--uui-color-border-emphasis)\n        );\n        background-color: var(\n          --uui-checkbox-background-color-focus,\n          var(--uui-color-surface-emphasis)\n        );\n      }\n      input:checked:not([disabled]) + #ticker,\n      input:indeterminate:not([disabled]) + #ticker {\n        border-color: var(--uui-color-selected);\n      }\n\n      label:hover input:checked:not([disabled]) + #ticker,\n      label:hover input:indeterminate:not([disabled]) + #ticker {\n        border-color: var(--uui-color-selected-emphasis);\n      }\n\n      label:focus input:checked + #ticker,\n      label:focus input:indeterminate + #ticker {\n        border-color: var(--uui-color-selected-emphasis);\n      }\n\n      #icon-check {\n        position: absolute;\n        vertical-align: middle;\n        width: 1em;\n        height: 1em;\n        line-height: 1.3em;\n        transition:\n          transform 80ms ease-in-out,\n          fill 120ms,\n          opacity 120ms;\n        color: var(--uui-color-selected-contrast);\n        opacity: 0;\n      }\n\n      #ticker::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        border-radius: calc(\n          var(--uui-checkbox-border-radius, var(--uui-border-radius-1)) - 1.5px\n        );\n        background-color: var(--uui-color-selected);\n        transition:\n          transform 80ms ease-in-out,\n          opacity 80ms,\n          background-color 80ms;\n        transform: scale(0);\n        opacity: 0;\n      }\n      label:hover input:checked:not([disabled]) + #ticker::before,\n      label:hover input:indeterminate:not([disabled]) + #ticker::before {\n        background-color: var(--uui-color-selected-emphasis);\n      }\n\n      input:checked + #ticker::before,\n      input:indeterminate + #ticker::before {\n        transform: scale(1);\n        opacity: 1;\n      }\n      input:checked + #ticker #icon-check,\n      input:indeterminate + #ticker #icon-check {\n        opacity: 1;\n      }\n      label:focus input:checked + #ticker,\n      label:focus input:indeterminate + #ticker {\n        background-color: var(--uui-color-selected-emphasis);\n      }\n\n      input:focus-visible + #ticker {\n        outline: 2px solid var(--uui-color-focus);\n      }\n\n      :host(:not([disabled], [readonly]))\n        label:active\n        input:checked\n        + #ticker\n        #icon-check {\n        /** Stretch when mouse down */\n        transform: scale(0.9);\n      }\n\n      :host(:not([disabled], [readonly]))\n        label:active\n        input:indeterminate\n        + #ticker\n        #icon-check {\n        /** Stretch when mouse down */\n        transform: scale(0.9);\n      }\n\n      :host(:not([pristine]):invalid) #ticker,\n      :host(:not([pristine]):invalid) label:hover #ticker,\n      :host(:not([pristine]):invalid) label:hover input:checked:not([disabled]) + #ticker,\n      :host(:not([pristine]):invalid) label:hover input:indeterminate:not([disabled]) + #ticker,\n      :host(:not([pristine]):invalid) label:focus input:checked + #ticker,\n      :host(:not([pristine]):invalid) label:focus input:indeterminate + #ticker,\n      /* polyfill support */\n      :host(:not([pristine])[internals-invalid]) #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled]) + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled]) + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:focus input:checked + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:focus input:indeterminate + #ticker {\n        border: 1px solid var(--uui-color-invalid-standalone);\n      }\n\n      :host([disabled]) #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) input:checked + #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) input:indeterminate + #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) #ticker::before {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) #ticker #icon-check {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) label:active #ticker {\n        animation: ${UUIHorizontalShakeAnimationValue};\n      }\n      :host([disabled]) input:checked + #ticker #icon-check,\n      :host([disabled]) input:indeterminate + #ticker #icon-check {\n        color: var(--uui-color-disabled-contrast);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;AAQA,MAAM,QAAQ;AACd,MAAM,WAAW;AASV,MAAM,sBAAN,MAAM,4BAA2B,uBAAuB;AAAA,EAO7D,iBAAiB;AACf,WAAO;AAAA;AAAA,+BAEoB,KAAK,gBAAgB,WAAW,KAAK;AAAA;AAAA;AAAA,EAGlE;AAoLF;AA5LE,oBAAgB,iBAAiB;AAUjC,oBAAyB,SAAS;AAAA,EAChC,GAAG,uBAAuB;AAAA,EAC1B;AAAA,EACA;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;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAuKiB,gCAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAzL9C,IAAM,qBAAN;"}
+{"version":3,"file":"checkbox.element.js","names":[],"sources":["../../../src/components/checkbox/checkbox.element.ts"],"sourcesContent":["import {\n  UUIHorizontalShakeAnimationValue,\n  UUIHorizontalShakeKeyframes,\n} from '../../internal/animations/index.js';\nimport { UUIBooleanInputElement } from '../boolean-input/boolean-input.js';\nimport { css, html } from 'lit';\nimport {\n  iconCheck,\n  iconSubtract,\n} from '../icon-registry-essential/svgs/index.js';\n\n/**\n *  Umbraco checkbox, toggles between checked and uncheck\n *  @element uui-checkbox\n *  @fires UUIBooleanInputEvent#change - fires when the element is begin checked by a user action\n *  @cssprop --uui-checkbox-size - To set the size of the checkbox.\n *  @extends UUIBooleanInputElement\n */\nexport class UUICheckboxElement extends UUIBooleanInputElement {\n  /**\n   * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n   * @type {boolean}\n   */\n  static readonly formAssociated = true;\n\n  renderCheckbox() {\n    return html`\n      <div id=\"ticker\">\n        <div id=\"icon-check\">\n          ${this.indeterminate ? iconSubtract : iconCheck}\n        </div>\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    ...UUIBooleanInputElement.styles,\n    UUIHorizontalShakeKeyframes,\n    css`\n      :host {\n        --uui-checkbox-size: 18px;\n      }\n\n      #ticker {\n        position: relative;\n        grid-area: 'input';\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n\n        box-sizing: border-box;\n        width: var(--uui-checkbox-size);\n        height: var(--uui-checkbox-size);\n        border-radius: var(\n          --uui-checkbox-border-radius,\n          var(--uui-border-radius-1)\n        );\n\n        color: var(--uui-toggle-color, var(--uui-color-selected-contrast));\n        background-color: var(\n          --uui-toggle-background-color,\n          var(--uui-color-surface)\n        );\n        border: 1px solid\n          var(--uui-checkbox-border-color, var(--uui-color-border-standalone));\n        font-size: calc(var(--uui-checkbox-size) * 0.7);\n      }\n      label:hover input:not([disabled]) + #ticker {\n        border-color: var(\n          --uui-checkbox-border-color-hover,\n          var(--uui-color-border-emphasis)\n        );\n        background-color: var(\n          --uui-checkbox-background-color-hover,\n          var(--uui-color-surface-emphasis)\n        );\n      }\n      label:focus #ticker {\n        border-color: var(\n          --uui-checkbox-border-color-focus,\n          var(--uui-color-border-emphasis)\n        );\n        background-color: var(\n          --uui-checkbox-background-color-focus,\n          var(--uui-color-surface-emphasis)\n        );\n      }\n      input:checked:not([disabled]) + #ticker,\n      input:indeterminate:not([disabled]) + #ticker {\n        border-color: var(--uui-color-selected);\n      }\n\n      label:hover input:checked:not([disabled]) + #ticker,\n      label:hover input:indeterminate:not([disabled]) + #ticker {\n        border-color: var(--uui-color-selected-emphasis);\n      }\n\n      label:focus input:checked + #ticker,\n      label:focus input:indeterminate + #ticker {\n        border-color: var(--uui-color-selected-emphasis);\n      }\n\n      #icon-check {\n        position: absolute;\n        vertical-align: middle;\n        width: 1em;\n        height: 1em;\n        line-height: 1.3em;\n        transition:\n          transform 80ms ease-in-out,\n          fill 120ms,\n          opacity 120ms;\n        color: var(--uui-color-selected-contrast);\n        opacity: 0;\n      }\n\n      #icon-check > svg {\n        stroke-width: 2.5;\n      }\n\n      #ticker::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        border-radius: calc(\n          var(--uui-checkbox-border-radius, var(--uui-border-radius-1)) - 1.5px\n        );\n        background-color: var(--uui-color-selected);\n        transition:\n          transform 80ms ease-in-out,\n          opacity 80ms,\n          background-color 80ms;\n        transform: scale(0);\n        opacity: 0;\n      }\n      label:hover input:checked:not([disabled]) + #ticker::before,\n      label:hover input:indeterminate:not([disabled]) + #ticker::before {\n        background-color: var(--uui-color-selected-emphasis);\n      }\n\n      input:checked + #ticker::before,\n      input:indeterminate + #ticker::before {\n        transform: scale(1);\n        opacity: 1;\n      }\n      input:checked + #ticker #icon-check,\n      input:indeterminate + #ticker #icon-check {\n        opacity: 1;\n      }\n      label:focus input:checked + #ticker,\n      label:focus input:indeterminate + #ticker {\n        background-color: var(--uui-color-selected-emphasis);\n      }\n\n      input:focus-visible + #ticker {\n        outline: calc(2px * var(--uui-show-focus-outline, 1)) solid\n          var(--uui-color-focus);\n      }\n\n      :host(:not([disabled], [readonly]))\n        label:active\n        input:checked\n        + #ticker\n        #icon-check {\n        /** Stretch when mouse down */\n        transform: scale(0.9);\n      }\n\n      :host(:not([disabled], [readonly]))\n        label:active\n        input:indeterminate\n        + #ticker\n        #icon-check {\n        /** Stretch when mouse down */\n        transform: scale(0.9);\n      }\n\n      :host(:not([pristine]):invalid) #ticker,\n      :host(:not([pristine]):invalid) label:hover #ticker,\n      :host(:not([pristine]):invalid) label:hover input:checked:not([disabled]) + #ticker,\n      :host(:not([pristine]):invalid) label:hover input:indeterminate:not([disabled]) + #ticker,\n      :host(:not([pristine]):invalid) label:focus input:checked + #ticker,\n      :host(:not([pristine]):invalid) label:focus input:indeterminate + #ticker,\n      /* polyfill support */\n      :host(:not([pristine])[internals-invalid]) #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled]) + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled]) + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:focus input:checked + #ticker,\n      :host(:not([pristine])[internals-invalid]) label:focus input:indeterminate + #ticker {\n        border: 1px solid var(--uui-color-invalid-standalone);\n      }\n\n      :host([disabled]) #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) input:checked + #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) input:indeterminate + #ticker {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) #ticker::before {\n        background-color: var(--uui-color-disabled);\n      }\n      :host([disabled]) #ticker #icon-check {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) label:active #ticker {\n        animation: ${UUIHorizontalShakeAnimationValue};\n      }\n      :host([disabled]) input:checked + #ticker #icon-check,\n      :host([disabled]) input:indeterminate + #ticker #icon-check {\n        color: var(--uui-color-disabled-contrast);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAa,qBAAb,cAAwC,uBAAuB;;wBAK5B;;CAEjC,iBAAiB;EACf,OAAO,IAAI;;;YAGH,KAAK,gBAAgB,eAAe,UAAU;;;;CAIxD;;gBAEkC;GAChC,GAAG,uBAAuB;GAC1B;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA4Kc,iCAAiC;;;;;;;EAOpD;;AACF"}

package/dist/components/checkbox/checkbox.js

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

package/dist/components/checkbox/checkbox.js.map

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

package/dist/components/color-area/UUIColorAreaEvent.js

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

package/dist/components/color-area/UUIColorAreaEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UUIColorAreaEvent.js","sources":["../../../src/components/color-area/UUIColorAreaEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIColorAreaElement } from './color-area.element.js';\n\nexport class UUIColorAreaEvent extends UUIEvent<{}, UUIColorAreaElement> {\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,qBAAN,MAAM,2BAA0B,SAAkC;AAAA,EAGvE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AARE,mBAAuB,SAAS;AAD3B,IAAM,oBAAN;"}
+{"version":3,"file":"UUIColorAreaEvent.js","names":[],"sources":["../../../src/components/color-area/UUIColorAreaEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIColorAreaElement } from './color-area.element.js';\n\nexport class UUIColorAreaEvent extends UUIEvent<{}, UUIColorAreaElement> {\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,oBAAb,cAAuC,SAAkC;;gBACvC;;CAEhC,YAAY,QAAgB,YAAiB,CAAC,GAAG;EAC/C,MAAM,QAAQ;GACZ,SAAS;GACT,GAAG;EACL,CAAC;CACH;AACF"}

package/dist/components/color-area/color-area.d.ts

@@ -6,4 +6,3 @@ declare global {
 }
 export * from './color-area.element.js';
 export * from './UUIColorAreaEvent.js';
-export { UUIColorAreaElement as default } from './color-area.element.js';