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

package/dist/components/ref-node/ref-node.element.js

@@ -1,33 +1,29 @@
-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 _UUIRefNodeElement_instances, onSlotIconChange_fn, renderFallbackIcon_fn, renderContent_fn, renderLink_fn, renderButton_fn, renderOpenPart_fn;
-import { ifDefined } from "lit/directives/if-defined.js";
-import "../ref/ref.js";
-import { html, nothing, css } from "lit";
-import { property, query, state } from "lit/decorators.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
 import "../icon/icon.js";
 import { UUIRefElement } from "../ref/ref.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 _UUIRefNodeElement = class _UUIRefNodeElement extends UUIRefElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _UUIRefNodeElement_instances);
-    this.name = "";
-    this.detail = "";
-    this._iconSlotHasContent = false;
-    this.fallbackIcon = `<svg
+import "../ref/ref.js";
+import { css, html, nothing } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+//#region src/components/ref-node/ref-node.element.ts
+/**
+*  @element uui-ref-node
+*  @fires {UUIRefEvent} open - fires when the ref title is clicked
+*  @fires {UUIRefEvent} selected - fires when the ref is selected
+*  @fires {UUIRefEvent} deselected - fires when the ref is deselected
+*  @description - Component for displaying a reference to a generic node.
+*  @slot - for content
+*  @slot icon - for an icon
+*  @slot tag - for a tag
+*  @slot actions - for actions
+*/
+var UUIRefNodeElement = class extends UUIRefElement {
+	constructor(..._args) {
+		super(..._args);
+		this.name = "";
+		this.detail = "";
+		this._iconSlotHasContent = false;
+		this.fallbackIcon = `<svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     fill="none"
@@ -39,41 +35,28 @@ const _UUIRefNodeElement = class _UUIRefNodeElement extends UUIRefElement {
     <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
     <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   </svg>`;
-  }
-  async focus() {
-    await this.updateComplete;
-    this._openPart?.focus();
-  }
-  renderDetail() {
-    return html`<small id="detail"
+	}
+	async focus() {
+		await this.updateComplete;
+		this._openPart?.focus();
+	}
+	#onSlotIconChange(event) {
+		this._iconSlotHasContent = event.target.assignedNodes({ flatten: true }).length > 0;
+	}
+	renderDetail() {
+		return html`<small id="detail"
       >${this.detail}<slot name="detail"></slot
     ></small>`;
-  }
-  render() {
-    return html`
-      ${__privateMethod(this, _UUIRefNodeElement_instances, renderOpenPart_fn).call(this)}
-      <!-- Select border must be right after #open-part -->
-      <div id="select-border"></div>
-
-      <slot></slot>
-      <slot name="tag" id="tag-container"></slot>
-      <slot name="actions" id="actions-container"></slot>
-    `;
-  }
-};
-_UUIRefNodeElement_instances = new WeakSet();
-onSlotIconChange_fn = function(event) {
-  this._iconSlotHasContent = event.target.assignedNodes({ flatten: true }).length > 0;
-};
-renderFallbackIcon_fn = function() {
-  return html`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`;
-};
-renderContent_fn = function() {
-  return html`
+	}
+	#renderFallbackIcon() {
+		return html`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`;
+	}
+	#renderContent() {
+		return html`
       <span id="content" class="uui-text">
         <span id="icon">
-          <slot name="icon" @slotchange=${__privateMethod(this, _UUIRefNodeElement_instances, onSlotIconChange_fn)}></slot>
-          ${this._iconSlotHasContent === false ? __privateMethod(this, _UUIRefNodeElement_instances, renderFallbackIcon_fn).call(this) : ""}
+          <slot name="icon" @slotchange=${this.#onSlotIconChange}></slot>
+          ${this._iconSlotHasContent === false ? this.#renderFallbackIcon() : ""}
         </span>
         <div id="info">
           <div id="name">${this.name}<slot name="name"></slot></div>
@@ -81,22 +64,20 @@ renderContent_fn = function() {
         </div>
       </span>
     `;
-};
-renderLink_fn = function() {
-  return html`<a
+	}
+	#renderLink() {
+		return html`<a
       id="open-part"
       class="uui-text"
       tabindex=${this.disabled ? nothing : "0"}
       href=${ifDefined(this.disabled ? void 0 : this.href)}
       target=${ifDefined(this.target || void 0)}
-      rel=${ifDefined(
-    this.rel || (this.target === "_blank" ? "noopener noreferrer" : void 0)
-  )}>
-      ${__privateMethod(this, _UUIRefNodeElement_instances, renderContent_fn).call(this)}
+      rel=${ifDefined(this.rel || (this.target === "_blank" ? "noopener noreferrer" : void 0))}>
+      ${this.#renderContent()}
     </a>`;
-};
-renderButton_fn = function() {
-  return html`
+	}
+	#renderButton() {
+		return html`
       <button
         type="button"
         id="open-part"
@@ -105,20 +86,27 @@ renderButton_fn = function() {
         @click=${this.handleOpenClick}
         @keydown=${this.handleOpenKeydown}
         ?disabled=${this.disabled}>
-        ${__privateMethod(this, _UUIRefNodeElement_instances, renderContent_fn).call(this)}
+        ${this.#renderContent()}
       </button>
     `;
-};
-renderOpenPart_fn = function() {
-  if (this.readonly) {
-    return html`${__privateMethod(this, _UUIRefNodeElement_instances, renderContent_fn).call(this)}`;
-  } else {
-    return this.href ? __privateMethod(this, _UUIRefNodeElement_instances, renderLink_fn).call(this) : __privateMethod(this, _UUIRefNodeElement_instances, renderButton_fn).call(this);
-  }
-};
-_UUIRefNodeElement.styles = [
-  ...UUIRefElement.styles,
-  css`
+	}
+	render() {
+		return html`
+      ${this.#renderOpenPart()}
+      <!-- Select border must be right after #open-part -->
+      <div id="select-border"></div>
+
+      <slot></slot>
+      <slot name="tag" id="tag-container"></slot>
+      <slot name="actions" id="actions-container"></slot>
+    `;
+	}
+	#renderOpenPart() {
+		if (this.readonly) return html`${this.#renderContent()}`;
+		else return this.href ? this.#renderLink() : this.#renderButton();
+	}
+	static {
+		this.styles = [...UUIRefElement.styles, css`
       :host {
         min-width: 250px;
         padding: 1px;
@@ -143,7 +131,7 @@ _UUIRefNodeElement.styles = [
         cursor: pointer;
         display: flex;
         flex-grow: 1;
-        width: calc(100%);
+        min-width: 0;
         margin: 0 0 1px 0;
       }
 
@@ -161,6 +149,7 @@ _UUIRefNodeElement.styles = [
         align-items: start;
         justify-content: center;
         height: 100%;
+        min-width: 0;
         padding-left: var(--uui-size-2);
         max-width: calc(100% - 2 * var(--uui-size-3) - var(--uui-size-2));
         margin-top: 1px;
@@ -175,6 +164,13 @@ _UUIRefNodeElement.styles = [
         max-width: calc(100%);
       }
 
+      #name {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        max-width: calc(100%);
+      }
+
       :host([selectable]) #open-part {
         flex-grow: 0;
         padding: 0;
@@ -205,31 +201,17 @@ _UUIRefNodeElement.styles = [
       :host([disabled]) #detail {
         color: var(--uui-color-disabled-contrast);
       }
-    `
-];
-let UUIRefNodeElement = _UUIRefNodeElement;
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeElement.prototype, "name");
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeElement.prototype, "detail");
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeElement.prototype, "href");
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeElement.prototype, "target");
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeElement.prototype, "rel");
-__decorateClass([
-  query("#open-part")
-], UUIRefNodeElement.prototype, "_openPart");
-__decorateClass([
-  state()
-], UUIRefNodeElement.prototype, "_iconSlotHasContent");
-export {
-  UUIRefNodeElement
+    `];
+	}
 };
-//# sourceMappingURL=ref-node.element.js.map
+__decorate([property({ type: String })], UUIRefNodeElement.prototype, "name", void 0);
+__decorate([property({ type: String })], UUIRefNodeElement.prototype, "detail", void 0);
+__decorate([property({ type: String })], UUIRefNodeElement.prototype, "href", void 0);
+__decorate([property({ type: String })], UUIRefNodeElement.prototype, "target", void 0);
+__decorate([property({ type: String })], UUIRefNodeElement.prototype, "rel", void 0);
+__decorate([query("#open-part")], UUIRefNodeElement.prototype, "_openPart", void 0);
+__decorate([state()], UUIRefNodeElement.prototype, "_iconSlotHasContent", void 0);
+//#endregion
+export { UUIRefNodeElement };
+
+//# sourceMappingURL=ref-node.element.js.map

package/dist/components/ref-node/ref-node.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref-node.element.js","sources":["../../../src/components/ref-node/ref-node.element.ts"],"sourcesContent":["import { ifDefined } from 'lit/directives/if-defined.js';\nimport { UUIRefElement } from '../ref/ref.js';\nimport { css, html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport '../icon/icon.js';\n\n/**\n *  @element uui-ref-node\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a generic node.\n *  @slot - for content\n *  @slot icon - for an icon\n *  @slot tag - for a tag\n *  @slot actions - for actions\n */\n\nexport class UUIRefNodeElement extends UUIRefElement {\n  /**\n   * Node name\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  name = '';\n\n  /**\n   * Node details\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  detail = '';\n\n  /**\n   * Set an href, this will turns the name of the card into an anchor tag.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public href?: string;\n\n  /**\n   * Set an anchor tag target, only used when using href.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * Set the rel attribute for an anchor tag, only used when using href.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public rel?: string;\n\n  @query('#open-part')\n  protected readonly _openPart?: HTMLInputElement;\n\n  @state()\n  private _iconSlotHasContent = false;\n\n  protected fallbackIcon = `<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.75\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    id=\"icon\">\n    <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n    <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n  </svg>`;\n\n  async focus() {\n    await this.updateComplete;\n    this._openPart?.focus();\n  }\n\n  #onSlotIconChange(event: Event) {\n    this._iconSlotHasContent =\n      (event.target as HTMLSlotElement).assignedNodes({ flatten: true })\n        .length > 0;\n  }\n\n  protected renderDetail() {\n    return html`<small id=\"detail\"\n      >${this.detail}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  #renderFallbackIcon() {\n    return html`<uui-icon .svg=\"${this.fallbackIcon}\"></uui-icon>`;\n  }\n\n  #renderContent() {\n    return html`\n      <span id=\"content\" class=\"uui-text\">\n        <span id=\"icon\">\n          <slot name=\"icon\" @slotchange=${this.#onSlotIconChange}></slot>\n          ${this._iconSlotHasContent === false\n            ? this.#renderFallbackIcon()\n            : ''}\n        </span>\n        <div id=\"info\">\n          <div id=\"name\">${this.name}<slot name=\"name\"></slot></div>\n          ${this.renderDetail()}\n        </div>\n      </span>\n    `;\n  }\n\n  #renderLink() {\n    return html`<a\n      id=\"open-part\"\n      class=\"uui-text\"\n      tabindex=${this.disabled ? (nothing as any) : '0'}\n      href=${ifDefined(this.disabled ? undefined : this.href)}\n      target=${ifDefined(this.target || undefined)}\n      rel=${ifDefined(\n        this.rel ||\n          (this.target === '_blank' ? 'noopener noreferrer' : undefined),\n      )}>\n      ${this.#renderContent()}\n    </a>`;\n  }\n\n  #renderButton() {\n    return html`\n      <button\n        type=\"button\"\n        id=\"open-part\"\n        class=\"uui-text\"\n        tabindex=\"0\"\n        @click=${this.handleOpenClick}\n        @keydown=${this.handleOpenKeydown}\n        ?disabled=${this.disabled}>\n        ${this.#renderContent()}\n      </button>\n    `;\n  }\n\n  public render() {\n    return html`\n      ${this.#renderOpenPart()}\n      <!-- Select border must be right after #open-part -->\n      <div id=\"select-border\"></div>\n\n      <slot></slot>\n      <slot name=\"tag\" id=\"tag-container\"></slot>\n      <slot name=\"actions\" id=\"actions-container\"></slot>\n    `;\n  }\n\n  #renderOpenPart() {\n    if (this.readonly) {\n      return html`${this.#renderContent()}`;\n    } else {\n      return this.href ? this.#renderLink() : this.#renderButton();\n    }\n  }\n\n  static override readonly styles = [\n    ...UUIRefElement.styles,\n    css`\n      :host {\n        min-width: 250px;\n        padding: 1px;\n      }\n\n      #actions-container {\n        --uui-focus-outline-color: var(--uui-color-focus);\n      }\n\n      #content {\n        display: flex;\n        flex-grow: 1;\n        align-items: center;\n        line-height: 1.2em;\n        padding: calc(var(--uui-size-3));\n        width: calc(100% - 2 * var(--uui-size-3));\n      }\n\n      #open-part {\n        color: inherit;\n        text-decoration: none;\n        cursor: pointer;\n        display: flex;\n        flex-grow: 1;\n        width: calc(100%);\n        margin: 0 0 1px 0;\n      }\n\n      #icon {\n        font-size: 1.2em;\n        margin-right: var(--uui-size-1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #info {\n        display: flex;\n        flex-direction: column;\n        align-items: start;\n        justify-content: center;\n        height: 100%;\n        padding-left: var(--uui-size-2);\n        max-width: calc(100% - 2 * var(--uui-size-3) - var(--uui-size-2));\n        margin-top: 1px;\n      }\n\n      #detail {\n        opacity: 0.6;\n        line-height: 1.2em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        max-width: calc(100%);\n      }\n\n      :host([selectable]) #open-part {\n        flex-grow: 0;\n        padding: 0;\n        margin: calc(var(--uui-size-2));\n\n        #content {\n          padding: 0;\n        }\n      }\n\n      :host(:not([disabled])) #open-part:hover #icon {\n        color: var(--uui-color-interactive-emphasis);\n      }\n      :host(:not([disabled])) #open-part:hover #name {\n        text-decoration: underline;\n        color: var(--uui-color-interactive-emphasis);\n      }\n      :host(:not([disabled])) #open-part:hover #detail {\n        color: var(--uui-color-interactive-emphasis);\n      }\n\n      :host([disabled]) #icon {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) #name {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) #detail {\n        color: var(--uui-color-disabled-contrast);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ref-node.element.js","names":["#onSlotIconChange","#renderFallbackIcon","#renderContent","#renderOpenPart","#renderLink","#renderButton"],"sources":["../../../src/components/ref-node/ref-node.element.ts"],"sourcesContent":["import { ifDefined } from 'lit/directives/if-defined.js';\nimport { UUIRefElement } from '../ref/ref.js';\nimport { css, html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport '../icon/icon.js';\n\n/**\n *  @element uui-ref-node\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a generic node.\n *  @slot - for content\n *  @slot icon - for an icon\n *  @slot tag - for a tag\n *  @slot actions - for actions\n */\n\nexport class UUIRefNodeElement extends UUIRefElement {\n  /**\n   * Node name\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  name = '';\n\n  /**\n   * Node details\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  detail = '';\n\n  /**\n   * Set an href, this will turns the name of the card into an anchor tag.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public href?: string;\n\n  /**\n   * Set an anchor tag target, only used when using href.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * Set the rel attribute for an anchor tag, only used when using href.\n   * @type {string}\n   * @attr\n   * @default undefined\n   */\n  @property({ type: String })\n  public rel?: string;\n\n  @query('#open-part')\n  protected readonly _openPart?: HTMLInputElement;\n\n  @state()\n  private _iconSlotHasContent = false;\n\n  protected fallbackIcon = `<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.75\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    id=\"icon\">\n    <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n    <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n  </svg>`;\n\n  async focus() {\n    await this.updateComplete;\n    this._openPart?.focus();\n  }\n\n  #onSlotIconChange(event: Event) {\n    this._iconSlotHasContent =\n      (event.target as HTMLSlotElement).assignedNodes({ flatten: true })\n        .length > 0;\n  }\n\n  protected renderDetail() {\n    return html`<small id=\"detail\"\n      >${this.detail}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  #renderFallbackIcon() {\n    return html`<uui-icon .svg=\"${this.fallbackIcon}\"></uui-icon>`;\n  }\n\n  #renderContent() {\n    return html`\n      <span id=\"content\" class=\"uui-text\">\n        <span id=\"icon\">\n          <slot name=\"icon\" @slotchange=${this.#onSlotIconChange}></slot>\n          ${this._iconSlotHasContent === false\n            ? this.#renderFallbackIcon()\n            : ''}\n        </span>\n        <div id=\"info\">\n          <div id=\"name\">${this.name}<slot name=\"name\"></slot></div>\n          ${this.renderDetail()}\n        </div>\n      </span>\n    `;\n  }\n\n  #renderLink() {\n    return html`<a\n      id=\"open-part\"\n      class=\"uui-text\"\n      tabindex=${this.disabled ? (nothing as any) : '0'}\n      href=${ifDefined(this.disabled ? undefined : this.href)}\n      target=${ifDefined(this.target || undefined)}\n      rel=${ifDefined(\n        this.rel ||\n          (this.target === '_blank' ? 'noopener noreferrer' : undefined),\n      )}>\n      ${this.#renderContent()}\n    </a>`;\n  }\n\n  #renderButton() {\n    return html`\n      <button\n        type=\"button\"\n        id=\"open-part\"\n        class=\"uui-text\"\n        tabindex=\"0\"\n        @click=${this.handleOpenClick}\n        @keydown=${this.handleOpenKeydown}\n        ?disabled=${this.disabled}>\n        ${this.#renderContent()}\n      </button>\n    `;\n  }\n\n  public render() {\n    return html`\n      ${this.#renderOpenPart()}\n      <!-- Select border must be right after #open-part -->\n      <div id=\"select-border\"></div>\n\n      <slot></slot>\n      <slot name=\"tag\" id=\"tag-container\"></slot>\n      <slot name=\"actions\" id=\"actions-container\"></slot>\n    `;\n  }\n\n  #renderOpenPart() {\n    if (this.readonly) {\n      return html`${this.#renderContent()}`;\n    } else {\n      return this.href ? this.#renderLink() : this.#renderButton();\n    }\n  }\n\n  static override readonly styles = [\n    ...UUIRefElement.styles,\n    css`\n      :host {\n        min-width: 250px;\n        padding: 1px;\n      }\n\n      #actions-container {\n        --uui-focus-outline-color: var(--uui-color-focus);\n      }\n\n      #content {\n        display: flex;\n        flex-grow: 1;\n        align-items: center;\n        line-height: 1.2em;\n        padding: calc(var(--uui-size-3));\n        width: calc(100% - 2 * var(--uui-size-3));\n      }\n\n      #open-part {\n        color: inherit;\n        text-decoration: none;\n        cursor: pointer;\n        display: flex;\n        flex-grow: 1;\n        min-width: 0;\n        margin: 0 0 1px 0;\n      }\n\n      #icon {\n        font-size: 1.2em;\n        margin-right: var(--uui-size-1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #info {\n        display: flex;\n        flex-direction: column;\n        align-items: start;\n        justify-content: center;\n        height: 100%;\n        min-width: 0;\n        padding-left: var(--uui-size-2);\n        max-width: calc(100% - 2 * var(--uui-size-3) - var(--uui-size-2));\n        margin-top: 1px;\n      }\n\n      #detail {\n        opacity: 0.6;\n        line-height: 1.2em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        max-width: calc(100%);\n      }\n\n      #name {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        max-width: calc(100%);\n      }\n\n      :host([selectable]) #open-part {\n        flex-grow: 0;\n        padding: 0;\n        margin: calc(var(--uui-size-2));\n\n        #content {\n          padding: 0;\n        }\n      }\n\n      :host(:not([disabled])) #open-part:hover #icon {\n        color: var(--uui-color-interactive-emphasis);\n      }\n      :host(:not([disabled])) #open-part:hover #name {\n        text-decoration: underline;\n        color: var(--uui-color-interactive-emphasis);\n      }\n      :host(:not([disabled])) #open-part:hover #detail {\n        color: var(--uui-color-interactive-emphasis);\n      }\n\n      :host([disabled]) #icon {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) #name {\n        color: var(--uui-color-disabled-contrast);\n      }\n      :host([disabled]) #detail {\n        color: var(--uui-color-disabled-contrast);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,IAAa,oBAAb,cAAuC,cAAc;;;cAQ5C;gBASE;6BAiCqB;sBAEL;;;;;;;;;;;;;CAazB,MAAM,QAAQ;EACZ,MAAM,KAAK;EACX,KAAK,WAAW,MAAM;CACxB;CAEA,kBAAkB,OAAc;EAC9B,KAAK,sBACF,MAAM,OAA2B,cAAc,EAAE,SAAS,KAAK,CAAC,CAAC,CAC/D,SAAS;CAChB;CAEA,eAAyB;EACvB,OAAO,IAAI;SACN,KAAK,OAAO;;CAEnB;CAEA,sBAAsB;EACpB,OAAO,IAAI,mBAAmB,KAAK,aAAa;CAClD;CAEA,iBAAiB;EACf,OAAO,IAAI;;;0CAG2B,KAAKA,kBAAkB;YACrD,KAAK,wBAAwB,QAC3B,KAAKC,oBAAoB,IACzB,GAAG;;;2BAGU,KAAK,KAAK;YACzB,KAAK,aAAa,EAAE;;;;CAI9B;CAEA,cAAc;EACZ,OAAO,IAAI;;;iBAGE,KAAK,WAAY,UAAkB,IAAI;aAC3C,UAAU,KAAK,WAAW,KAAA,IAAY,KAAK,IAAI,EAAE;eAC/C,UAAU,KAAK,UAAU,KAAA,CAAS,EAAE;YACvC,UACJ,KAAK,QACF,KAAK,WAAW,WAAW,wBAAwB,KAAA,EACxD,EAAE;QACA,KAAKC,eAAe,EAAE;;CAE5B;CAEA,gBAAgB;EACd,OAAO,IAAI;;;;;;iBAME,KAAK,gBAAgB;mBACnB,KAAK,kBAAkB;oBACtB,KAAK,SAAS;UACxB,KAAKA,eAAe,EAAE;;;CAG9B;CAEA,SAAgB;EACd,OAAO,IAAI;QACP,KAAKC,gBAAgB,EAAE;;;;;;;;CAQ7B;CAEA,kBAAkB;EAChB,IAAI,KAAK,UACP,OAAO,IAAI,GAAG,KAAKD,eAAe;OAElC,OAAO,KAAK,OAAO,KAAKE,YAAY,IAAI,KAAKC,cAAc;CAE/D;;gBAEkC,CAChC,GAAG,cAAc,QACjB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgGL;;AACF;YArPG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YASzB,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,UAAA,KAAA,CAAA;YASzB,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YASzB,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,UAAA,KAAA,CAAA;YASzB,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,OAAA,KAAA,CAAA;YAGzB,MAAM,YAAY,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;YAGlB,MAAM,CAAA,GAAA,kBAAA,WAAA,uBAAA,KAAA,CAAA"}

package/dist/components/ref-node/ref-node.js

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

package/dist/components/ref-node/ref-node.js.map

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

package/dist/components/ref-node-data-type/ref-node-data-type.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './ref-node-data-type.element.js';
-export { UUIRefNodeDataTypeElement as default } from './ref-node-data-type.element.js';

package/dist/components/ref-node-data-type/ref-node-data-type.element.js

@@ -1,41 +1,36 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { UUIRefNodeElement } from "../ref-node/ref-node.element.js";
 import "../ref-node/ref-node.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-import { UUIRefNodeElement } from "../ref-node/ref-node.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 _UUIRefNodeDataTypeElement = class _UUIRefNodeDataTypeElement extends UUIRefNodeElement {
-  constructor() {
-    super(...arguments);
-    this.fallbackIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>';
-    this.alias = "";
-  }
-  renderDetail() {
-    const details = [];
-    if (this.alias !== "") {
-      details.push(this.alias);
-    }
-    if (this.detail !== "") {
-      details.push(this.detail);
-    }
-    return html`<small id="detail"
+//#region src/components/ref-node-data-type/ref-node-data-type.element.ts
+/**
+*  @element uui-ref-node-data-type
+*  @fires {UUIRefEvent} open - fires when the ref title is clicked
+*  @fires {UUIRefEvent} selected - fires when the ref is selected
+*  @fires {UUIRefEvent} deselected - fires when the ref is deselected
+*  @description - Component for displaying a reference to a Data Type node.
+*/
+var UUIRefNodeDataTypeElement = class extends UUIRefNodeElement {
+	constructor(..._args) {
+		super(..._args);
+		this.fallbackIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z\"></path></svg>";
+		this.alias = "";
+	}
+	renderDetail() {
+		const details = [];
+		if (this.alias !== "") details.push(this.alias);
+		if (this.detail !== "") details.push(this.detail);
+		return html`<small id="detail"
       >${details.join(" | ")}<slot name="detail"></slot
     ></small>`;
-  }
-};
-_UUIRefNodeDataTypeElement.styles = [...UUIRefNodeElement.styles];
-let UUIRefNodeDataTypeElement = _UUIRefNodeDataTypeElement;
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeDataTypeElement.prototype, "alias");
-export {
-  UUIRefNodeDataTypeElement
+	}
+	static {
+		this.styles = [...UUIRefNodeElement.styles];
+	}
 };
-//# sourceMappingURL=ref-node-data-type.element.js.map
+__decorate([property({ type: String })], UUIRefNodeDataTypeElement.prototype, "alias", void 0);
+//#endregion
+export { UUIRefNodeDataTypeElement };
+
+//# sourceMappingURL=ref-node-data-type.element.js.map

package/dist/components/ref-node-data-type/ref-node-data-type.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref-node-data-type.element.js","sources":["../../../src/components/ref-node-data-type/ref-node-data-type.element.ts"],"sourcesContent":["import { UUIRefNodeElement } from '../ref-node/ref-node.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n *  @element uui-ref-node-data-type\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a Data Type node.\n */\n\nexport class UUIRefNodeDataTypeElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z\"></path></svg>';\n\n  /**\n   * Alias\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  alias = '';\n\n  protected renderDetail() {\n    const details: string[] = [];\n\n    if (this.alias !== '') {\n      details.push(this.alias);\n    }\n    if (this.detail !== '') {\n      details.push(this.detail);\n    }\n    return html`<small id=\"detail\"\n      >${details.join(' | ')}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  static override readonly styles = [...UUIRefNodeElement.styles];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYO,MAAM,6BAAN,MAAM,mCAAkC,kBAAkB;AAAA,EAA1D,cAAA;AAAA,UAAA,GAAA,SAAA;AACL,SAAU,eACR;AASF,SAAA,QAAQ;AAAA,EAAA;AAAA,EAEE,eAAe;AACvB,UAAM,UAAoB,CAAA;AAE1B,QAAI,KAAK,UAAU,IAAI;AACrB,cAAQ,KAAK,KAAK,KAAK;AAAA,IACzB;AACA,QAAI,KAAK,WAAW,IAAI;AACtB,cAAQ,KAAK,KAAK,MAAM;AAAA,IAC1B;AACA,WAAO;AAAA,SACF,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA,EAE1B;AAGF;AADE,2BAAyB,SAAS,CAAC,GAAG,kBAAkB,MAAM;AA3BzD,IAAM,4BAAN;AAWL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVf,0BAWX,WAAA,OAAA;"}
+{"version":3,"file":"ref-node-data-type.element.js","names":[],"sources":["../../../src/components/ref-node-data-type/ref-node-data-type.element.ts"],"sourcesContent":["import { UUIRefNodeElement } from '../ref-node/ref-node.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n *  @element uui-ref-node-data-type\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a Data Type node.\n */\n\nexport class UUIRefNodeDataTypeElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z\"></path></svg>';\n\n  /**\n   * Alias\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  alias = '';\n\n  protected renderDetail() {\n    const details: string[] = [];\n\n    if (this.alias !== '') {\n      details.push(this.alias);\n    }\n    if (this.detail !== '') {\n      details.push(this.detail);\n    }\n    return html`<small id=\"detail\"\n      >${details.join(' | ')}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  static override readonly styles = [...UUIRefNodeElement.styles];\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAa,4BAAb,cAA+C,kBAAkB;;;sBAE7D;eASM;;CAER,eAAyB;EACvB,MAAM,UAAoB,CAAC;EAE3B,IAAI,KAAK,UAAU,IACjB,QAAQ,KAAK,KAAK,KAAK;EAEzB,IAAI,KAAK,WAAW,IAClB,QAAQ,KAAK,KAAK,MAAM;EAE1B,OAAO,IAAI;SACN,QAAQ,KAAK,KAAK,EAAE;;CAE3B;;gBAEkC,CAAC,GAAG,kBAAkB,MAAM;;AAChE;YAlBG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,0BAAA,WAAA,SAAA,KAAA,CAAA"}

package/dist/components/ref-node-data-type/ref-node-data-type.js

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

package/dist/components/ref-node-data-type/ref-node-data-type.js.map

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

package/dist/components/ref-node-document-type/ref-node-document-type.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './ref-node-document-type.element.js';
-export { UUIRefNodeDocumentTypeElement as default } from './ref-node-document-type.element.js';

package/dist/components/ref-node-document-type/ref-node-document-type.element.js

@@ -1,41 +1,36 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { UUIRefNodeElement } from "../ref-node/ref-node.element.js";
 import "../ref-node/ref-node.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-import { UUIRefNodeElement } from "../ref-node/ref-node.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 _UUIRefNodeDocumentTypeElement = class _UUIRefNodeDocumentTypeElement extends UUIRefNodeElement {
-  constructor() {
-    super(...arguments);
-    this.fallbackIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>';
-    this.alias = "";
-  }
-  renderDetail() {
-    const details = [];
-    if (this.alias !== "") {
-      details.push(this.alias);
-    }
-    if (this.detail !== "") {
-      details.push(this.detail);
-    }
-    return html`<small id="detail"
+//#region src/components/ref-node-document-type/ref-node-document-type.element.ts
+/**
+*  @element uui-ref-node-document-type
+*  @fires {UUIRefEvent} open - fires when the ref title is clicked
+*  @fires {UUIRefEvent} selected - fires when the ref is selected
+*  @fires {UUIRefEvent} deselected - fires when the ref is deselected
+*  @description - Component for displaying a reference to a Content type(Document Type, Media Type, Element Type etc.) node.
+*/
+var UUIRefNodeDocumentTypeElement = class extends UUIRefNodeElement {
+	constructor(..._args) {
+		super(..._args);
+		this.fallbackIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z\"></path></svg>";
+		this.alias = "";
+	}
+	renderDetail() {
+		const details = [];
+		if (this.alias !== "") details.push(this.alias);
+		if (this.detail !== "") details.push(this.detail);
+		return html`<small id="detail"
       >${details.join(" | ")}<slot name="detail"></slot
     ></small>`;
-  }
-};
-_UUIRefNodeDocumentTypeElement.styles = [...UUIRefNodeElement.styles];
-let UUIRefNodeDocumentTypeElement = _UUIRefNodeDocumentTypeElement;
-__decorateClass([
-  property({ type: String })
-], UUIRefNodeDocumentTypeElement.prototype, "alias");
-export {
-  UUIRefNodeDocumentTypeElement
+	}
+	static {
+		this.styles = [...UUIRefNodeElement.styles];
+	}
 };
-//# sourceMappingURL=ref-node-document-type.element.js.map
+__decorate([property({ type: String })], UUIRefNodeDocumentTypeElement.prototype, "alias", void 0);
+//#endregion
+export { UUIRefNodeDocumentTypeElement };
+
+//# sourceMappingURL=ref-node-document-type.element.js.map

package/dist/components/ref-node-document-type/ref-node-document-type.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref-node-document-type.element.js","sources":["../../../src/components/ref-node-document-type/ref-node-document-type.element.ts"],"sourcesContent":["import { UUIRefNodeElement } from '../ref-node/ref-node.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n *  @element uui-ref-node-document-type\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a Content type(Document Type, Media Type, Element Type etc.) node.\n */\n\nexport class UUIRefNodeDocumentTypeElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z\"></path></svg>';\n\n  /**\n   * Alias\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  alias = '';\n\n  protected renderDetail() {\n    const details: string[] = [];\n\n    if (this.alias !== '') {\n      details.push(this.alias);\n    }\n    if (this.detail !== '') {\n      details.push(this.detail);\n    }\n    return html`<small id=\"detail\"\n      >${details.join(' | ')}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  static override readonly styles = [...UUIRefNodeElement.styles];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYO,MAAM,iCAAN,MAAM,uCAAsC,kBAAkB;AAAA,EAA9D,cAAA;AAAA,UAAA,GAAA,SAAA;AACL,SAAU,eACR;AASF,SAAA,QAAQ;AAAA,EAAA;AAAA,EAEE,eAAe;AACvB,UAAM,UAAoB,CAAA;AAE1B,QAAI,KAAK,UAAU,IAAI;AACrB,cAAQ,KAAK,KAAK,KAAK;AAAA,IACzB;AACA,QAAI,KAAK,WAAW,IAAI;AACtB,cAAQ,KAAK,KAAK,MAAM;AAAA,IAC1B;AACA,WAAO;AAAA,SACF,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA,EAE1B;AAGF;AADE,+BAAyB,SAAS,CAAC,GAAG,kBAAkB,MAAM;AA3BzD,IAAM,gCAAN;AAWL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVf,8BAWX,WAAA,OAAA;"}
+{"version":3,"file":"ref-node-document-type.element.js","names":[],"sources":["../../../src/components/ref-node-document-type/ref-node-document-type.element.ts"],"sourcesContent":["import { UUIRefNodeElement } from '../ref-node/ref-node.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n *  @element uui-ref-node-document-type\n *  @fires {UUIRefEvent} open - fires when the ref title is clicked\n *  @fires {UUIRefEvent} selected - fires when the ref is selected\n *  @fires {UUIRefEvent} deselected - fires when the ref is deselected\n *  @description - Component for displaying a reference to a Content type(Document Type, Media Type, Element Type etc.) node.\n */\n\nexport class UUIRefNodeDocumentTypeElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z\"></path></svg>';\n\n  /**\n   * Alias\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  alias = '';\n\n  protected renderDetail() {\n    const details: string[] = [];\n\n    if (this.alias !== '') {\n      details.push(this.alias);\n    }\n    if (this.detail !== '') {\n      details.push(this.detail);\n    }\n    return html`<small id=\"detail\"\n      >${details.join(' | ')}<slot name=\"detail\"></slot\n    ></small>`;\n  }\n\n  static override readonly styles = [...UUIRefNodeElement.styles];\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAa,gCAAb,cAAmD,kBAAkB;;;sBAEjE;eASM;;CAER,eAAyB;EACvB,MAAM,UAAoB,CAAC;EAE3B,IAAI,KAAK,UAAU,IACjB,QAAQ,KAAK,KAAK,KAAK;EAEzB,IAAI,KAAK,WAAW,IAClB,QAAQ,KAAK,KAAK,MAAM;EAE1B,OAAO,IAAI;SACN,QAAQ,KAAK,KAAK,EAAE;;CAE3B;;gBAEkC,CAAC,GAAG,kBAAkB,MAAM;;AAChE;YAlBG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,8BAAA,WAAA,SAAA,KAAA,CAAA"}

package/dist/components/ref-node-document-type/ref-node-document-type.js

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

package/dist/components/ref-node-document-type/ref-node-document-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref-node-document-type.js","sources":["../../../src/components/ref-node-document-type/ref-node-document-type.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIRefNodeDocumentTypeElement } from './ref-node-document-type.element.js';\n\ndefineElement('uui-ref-node-document-type', UUIRefNodeDocumentTypeElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-ref-node-document-type': UUIRefNodeDocumentTypeElement;\n  }\n}\n\nexport * from './ref-node-document-type.element.js';\nexport { UUIRefNodeDocumentTypeElement as default } from './ref-node-document-type.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,8BAA8B,6BAA6B;"}
+{"version":3,"file":"ref-node-document-type.js","names":[],"sources":["../../../src/components/ref-node-document-type/ref-node-document-type.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIRefNodeDocumentTypeElement } from './ref-node-document-type.element.js';\n\ndefineElement('uui-ref-node-document-type', UUIRefNodeDocumentTypeElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-ref-node-document-type': UUIRefNodeDocumentTypeElement;\n  }\n}\n\nexport * from './ref-node-document-type.element.js';\n"],"mappings":";;;AAGA,cAAc,8BAA8B,6BAA6B"}

package/dist/components/ref-node-form/ref-node-form.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './ref-node-form.element.js';
-export { UUIRefNodeFormElement as default } from './ref-node-form.element.js';

package/dist/components/ref-node-form/ref-node-form.element.js

@@ -1,14 +1,23 @@
-import "../ref-node/ref-node.js";
 import { UUIRefNodeElement } from "../ref-node/ref-node.element.js";
-const _UUIRefNodeFormElement = class _UUIRefNodeFormElement extends UUIRefNodeElement {
-  constructor() {
-    super(...arguments);
-    this.fallbackIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>';
-  }
-};
-_UUIRefNodeFormElement.styles = [...UUIRefNodeElement.styles];
-let UUIRefNodeFormElement = _UUIRefNodeFormElement;
-export {
-  UUIRefNodeFormElement
+import "../ref-node/ref-node.js";
+//#region src/components/ref-node-form/ref-node-form.element.ts
+/**
+*  @element uui-ref-node-form
+*  @fires {UUIRefEvent} open - fires when the ref title is clicked
+*  @fires {UUIRefEvent} selected - fires when the ref is selected
+*  @fires {UUIRefEvent} deselected - fires when the ref is deselected
+*  @description - Component for displaying a reference to a form node.
+*/
+var UUIRefNodeFormElement = class extends UUIRefNodeElement {
+	constructor(..._args) {
+		super(..._args);
+		this.fallbackIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z\"></path></svg>";
+	}
+	static {
+		this.styles = [...UUIRefNodeElement.styles];
+	}
 };
-//# sourceMappingURL=ref-node-form.element.js.map
+//#endregion
+export { UUIRefNodeFormElement };
+
+//# sourceMappingURL=ref-node-form.element.js.map