@umbraco-ui/uui 1.17.0 → 2.0.0-alpha.1

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

@@ -0,0 +1,235 @@
+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 "../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
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.75"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    id="icon">
+    <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"
+      >${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`
+      <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) : ""}
+        </span>
+        <div id="info">
+          <div id="name">${this.name}<slot name="name"></slot></div>
+          ${this.renderDetail()}
+        </div>
+      </span>
+    `;
+};
+renderLink_fn = function() {
+  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)}
+    </a>`;
+};
+renderButton_fn = function() {
+  return html`
+      <button
+        type="button"
+        id="open-part"
+        class="uui-text"
+        tabindex="0"
+        @click=${this.handleOpenClick}
+        @keydown=${this.handleOpenKeydown}
+        ?disabled=${this.disabled}>
+        ${__privateMethod(this, _UUIRefNodeElement_instances, renderContent_fn).call(this)}
+      </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`
+      :host {
+        min-width: 250px;
+        padding: 1px;
+      }
+
+      #actions-container {
+        --uui-focus-outline-color: var(--uui-color-focus);
+      }
+
+      #content {
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        line-height: 1.2em;
+        padding: calc(var(--uui-size-3));
+        width: calc(100% - 2 * var(--uui-size-3));
+      }
+
+      #open-part {
+        color: inherit;
+        text-decoration: none;
+        cursor: pointer;
+        display: flex;
+        flex-grow: 1;
+        width: calc(100%);
+        margin: 0 0 1px 0;
+      }
+
+      #icon {
+        font-size: 1.2em;
+        margin-right: var(--uui-size-1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      #info {
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        justify-content: center;
+        height: 100%;
+        padding-left: var(--uui-size-2);
+        max-width: calc(100% - 2 * var(--uui-size-3) - var(--uui-size-2));
+        margin-top: 1px;
+      }
+
+      #detail {
+        opacity: 0.6;
+        line-height: 1.2em;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        max-width: calc(100%);
+      }
+
+      :host([selectable]) #open-part {
+        flex-grow: 0;
+        padding: 0;
+        margin: calc(var(--uui-size-2));
+
+        #content {
+          padding: 0;
+        }
+      }
+
+      :host(:not([disabled])) #open-part:hover #icon {
+        color: var(--uui-color-interactive-emphasis);
+      }
+      :host(:not([disabled])) #open-part:hover #name {
+        text-decoration: underline;
+        color: var(--uui-color-interactive-emphasis);
+      }
+      :host(:not([disabled])) #open-part:hover #detail {
+        color: var(--uui-color-interactive-emphasis);
+      }
+
+      :host([disabled]) #icon {
+        color: var(--uui-color-disabled-contrast);
+      }
+      :host([disabled]) #name {
+        color: var(--uui-color-disabled-contrast);
+      }
+      :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

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { UUIRefNodeDataTypeElement } from './ref-node-data-type.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-ref-node-data-type': UUIRefNodeDataTypeElement;
+    }
+}
+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.d.ts

@@ -0,0 +1,20 @@
+import { UUIRefNodeElement } from '../ref-node/ref-node.js';
+/**
+ *  @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.
+ */
+export declare class UUIRefNodeDataTypeElement extends UUIRefNodeElement {
+    protected fallbackIcon: string;
+    /**
+     * Alias
+     * @type {string}
+     * @attr
+     * @default ''
+     */
+    alias: string;
+    protected renderDetail(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,41 @@
+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"
+      >${details.join(" | ")}<slot name="detail"></slot
+    ></small>`;
+  }
+};
+_UUIRefNodeDataTypeElement.styles = [...UUIRefNodeElement.styles];
+let UUIRefNodeDataTypeElement = _UUIRefNodeDataTypeElement;
+__decorateClass([
+  property({ type: String })
+], UUIRefNodeDataTypeElement.prototype, "alias");
+export {
+  UUIRefNodeDataTypeElement
+};
+//# sourceMappingURL=ref-node-data-type.element.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { UUIRefNodeDocumentTypeElement } from './ref-node-document-type.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-ref-node-document-type': UUIRefNodeDocumentTypeElement;
+    }
+}
+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.d.ts

@@ -0,0 +1,20 @@
+import { UUIRefNodeElement } from '../ref-node/ref-node.js';
+/**
+ *  @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.
+ */
+export declare class UUIRefNodeDocumentTypeElement extends UUIRefNodeElement {
+    protected fallbackIcon: string;
+    /**
+     * Alias
+     * @type {string}
+     * @attr
+     * @default ''
+     */
+    alias: string;
+    protected renderDetail(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,41 @@
+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"
+      >${details.join(" | ")}<slot name="detail"></slot
+    ></small>`;
+  }
+};
+_UUIRefNodeDocumentTypeElement.styles = [...UUIRefNodeElement.styles];
+let UUIRefNodeDocumentTypeElement = _UUIRefNodeDocumentTypeElement;
+__decorateClass([
+  property({ type: String })
+], UUIRefNodeDocumentTypeElement.prototype, "alias");
+export {
+  UUIRefNodeDocumentTypeElement
+};
+//# sourceMappingURL=ref-node-document-type.element.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { UUIRefNodeFormElement } from './ref-node-form.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-ref-node-form': UUIRefNodeFormElement;
+    }
+}
+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.d.ts

@@ -0,0 +1,12 @@
+import { UUIRefNodeElement } from '../ref-node/ref-node.js';
+/**
+ *  @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.
+ */
+export declare class UUIRefNodeFormElement extends UUIRefNodeElement {
+    protected fallbackIcon: string;
+    static readonly styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,14 @@
+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
+};
+//# sourceMappingURL=ref-node-form.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ref-node-form.element.js","sources":["../../../src/components/ref-node-form/ref-node-form.element.ts"],"sourcesContent":["import { UUIRefNodeElement } from '../ref-node/ref-node.js';\n/**\n *  @element uui-ref-node-form\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 form node.\n */\n\nexport class UUIRefNodeFormElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<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>';\n\n  static override readonly styles = [...UUIRefNodeElement.styles];\n}\n"],"names":[],"mappings":";;AASO,MAAM,yBAAN,MAAM,+BAA8B,kBAAkB;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AACL,SAAU,eACR;AAAA,EAAA;AAGJ;AADE,uBAAyB,SAAS,CAAC,GAAG,kBAAkB,MAAM;AAJzD,IAAM,wBAAN;"}

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

@@ -0,0 +1,8 @@
+import { defineElement } from "../../internal/registration/index.js";
+import { UUIRefNodeFormElement } from "./ref-node-form.element.js";
+defineElement("uui-ref-node-form", UUIRefNodeFormElement);
+export {
+  UUIRefNodeFormElement,
+  UUIRefNodeFormElement as default
+};
+//# sourceMappingURL=ref-node-form.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { UUIRefNodeMemberElement } from './ref-node-member.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-ref-node-member': UUIRefNodeMemberElement;
+    }
+}
+export * from './ref-node-member.element.js';
+export { UUIRefNodeMemberElement as default } from './ref-node-member.element.js';

package/dist/components/ref-node-member/ref-node-member.element.d.ts

@@ -0,0 +1,20 @@
+import { UUIRefNodeElement } from '../ref-node/ref-node.js';
+/**
+ *  @element uui-ref-node-member
+ *  @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 Member node.
+ */
+export declare class UUIRefNodeMemberElement extends UUIRefNodeElement {
+    protected fallbackIcon: string;
+    /**
+     * Group name
+     * @type {string}
+     * @attr
+     * @default ''
+     */
+    groupName: string;
+    protected renderDetail(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,41 @@
+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 _UUIRefNodeMemberElement = class _UUIRefNodeMemberElement extends UUIRefNodeElement {
+  constructor() {
+    super(...arguments);
+    this.fallbackIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>';
+    this.groupName = "";
+  }
+  renderDetail() {
+    const details = [];
+    if (this.detail !== "") {
+      details.push(this.detail);
+    }
+    if (this.groupName !== "") {
+      details.push(this.groupName);
+    }
+    return html`<small id="detail"
+      >${details.join(" | ")}<slot name="detail"></slot
+    ></small>`;
+  }
+};
+_UUIRefNodeMemberElement.styles = [...UUIRefNodeElement.styles];
+let UUIRefNodeMemberElement = _UUIRefNodeMemberElement;
+__decorateClass([
+  property({ type: String, attribute: "group-name" })
+], UUIRefNodeMemberElement.prototype, "groupName");
+export {
+  UUIRefNodeMemberElement
+};
+//# sourceMappingURL=ref-node-member.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ref-node-member.element.js","sources":["../../../src/components/ref-node-member/ref-node-member.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-member\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 Member node.\n */\n\nexport class UUIRefNodeMemberElement extends UUIRefNodeElement {\n  protected fallbackIcon =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z\"></path></svg>';\n\n  /**\n   * Group name\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String, attribute: 'group-name' })\n  groupName = '';\n\n  protected renderDetail() {\n    const details: string[] = [];\n    if (this.detail !== '') {\n      details.push(this.detail);\n    }\n    if (this.groupName !== '') {\n      details.push(this.groupName);\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,2BAAN,MAAM,iCAAgC,kBAAkB;AAAA,EAAxD,cAAA;AAAA,UAAA,GAAA,SAAA;AACL,SAAU,eACR;AASF,SAAA,YAAY;AAAA,EAAA;AAAA,EAEF,eAAe;AACvB,UAAM,UAAoB,CAAA;AAC1B,QAAI,KAAK,WAAW,IAAI;AACtB,cAAQ,KAAK,KAAK,MAAM;AAAA,IAC1B;AACA,QAAI,KAAK,cAAc,IAAI;AACzB,cAAQ,KAAK,KAAK,SAAS;AAAA,IAC7B;AACA,WAAO;AAAA,SACF,QAAQ,KAAK,KAAK,CAAC;AAAA;AAAA,EAE1B;AAGF;AADE,yBAAyB,SAAS,CAAC,GAAG,kBAAkB,MAAM;AA1BzD,IAAM,0BAAN;AAWL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc;AAAA,GAVxC,wBAWX,WAAA,WAAA;"}

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

@@ -0,0 +1,8 @@
+import { defineElement } from "../../internal/registration/index.js";
+import { UUIRefNodeMemberElement } from "./ref-node-member.element.js";
+defineElement("uui-ref-node-member", UUIRefNodeMemberElement);
+export {
+  UUIRefNodeMemberElement,
+  UUIRefNodeMemberElement as default
+};
+//# sourceMappingURL=ref-node-member.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { UUIRefNodePackageElement } from './ref-node-package.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-ref-node-package': UUIRefNodePackageElement;
+    }
+}
+export * from './ref-node-package.element.js';
+export { UUIRefNodePackageElement as default } from './ref-node-package.element.js';