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

package/dist/components/symbol-expand/symbol-expand.element.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ *  A symbol indicating whether related composition is expanded or collapsed
+ *  @element uui-symbol-expand
+ */
+export declare class UUISymbolExpandElement extends LitElement {
+    /**
+     * Set this boolean to true for a open/expanded look.
+     * @type {boolean}
+     * @default false
+     * @attr
+     */
+    open: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-expand/symbol-expand.element.js

@@ -0,0 +1,58 @@
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.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 _UUISymbolExpandElement = class _UUISymbolExpandElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+  }
+  render() {
+    return html`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="3"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="m4 9 8 8 8-8"></path>
+    </svg>`;
+  }
+};
+_UUISymbolExpandElement.styles = [
+  css`
+      :host {
+        display: inline-flex;
+        width: 12px;
+        vertical-align: middle;
+      }
+
+      svg {
+        transform: rotate(-90deg);
+        transform-origin: 50% 50%;
+        transition: transform 100ms cubic-bezier(0.1, 0, 0.9, 1);
+        width: 100%;
+        height: 100%;
+      }
+
+      :host([open]) svg {
+        transform: rotate(0deg);
+      }
+    `
+];
+let UUISymbolExpandElement = _UUISymbolExpandElement;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], UUISymbolExpandElement.prototype, "open");
+export {
+  UUISymbolExpandElement
+};
+//# sourceMappingURL=symbol-expand.element.js.map

package/dist/components/symbol-expand/symbol-expand.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-expand.element.js","sources":["../../../src/components/symbol-expand/symbol-expand.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n *  A symbol indicating whether related composition is expanded or collapsed\n *  @element uui-symbol-expand\n */\nexport class UUISymbolExpandElement extends LitElement {\n  /**\n   * Set this boolean to true for a open/expanded look.\n   * @type {boolean}\n   * @default false\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  render() {\n    return html`<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"3\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      <path d=\"m4 9 8 8 8-8\"></path>\n    </svg>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: inline-flex;\n        width: 12px;\n        vertical-align: middle;\n      }\n\n      svg {\n        transform: rotate(-90deg);\n        transform-origin: 50% 50%;\n        transition: transform 100ms cubic-bezier(0.1, 0, 0.9, 1);\n        width: 100%;\n        height: 100%;\n      }\n\n      :host([open]) svg {\n        transform: rotate(0deg);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAOO,MAAM,0BAAN,MAAM,gCAA+B,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAQL,SAAO,OAAO;AAAA,EAAA;AAAA,EAEd,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUT;AAuBF;AArBE,wBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxBG,IAAM,yBAAN;AAQE,gBAAA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAP/B,uBAQJ,WAAA,MAAA;"}

package/dist/components/symbol-expand/symbol-expand.js

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

package/dist/components/symbol-expand/symbol-expand.js.map

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

package/dist/components/symbol-file/symbol-file.d.ts

@@ -0,0 +1,8 @@
+import { UUISymbolFileElement } from './symbol-file.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-symbol-file': UUISymbolFileElement;
+    }
+}
+export * from './symbol-file.element.js';
+export { UUISymbolFileElement as default } from './symbol-file.element.js';

package/dist/components/symbol-file/symbol-file.element.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+/**
+ *  @element uui-file-symbol
+ */
+export declare class UUISymbolFileElement extends LitElement {
+    /**
+     * The text that will appear on the file icon
+     * @type {string}
+     */
+    type: string;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-file/symbol-file.element.js

@@ -0,0 +1,76 @@
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.js";
+import { UUITextStyles } from "../../styles/uui-text.styles.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 _UUISymbolFileElement = class _UUISymbolFileElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.type = "";
+  }
+  render() {
+    return html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="0.6"
+        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>
+
+      ${this.type ? html`<small id="file-type" class="uui-small"
+            >${this.type.toUpperCase()}</small
+          >` : ""}
+    `;
+  }
+};
+_UUISymbolFileElement.styles = [
+  UUITextStyles,
+  css`
+      :host {
+        position: relative;
+        display: block;
+        box-sizing: border-box;
+      }
+
+      #file-type {
+        position: absolute;
+        bottom: 20%;
+        left: 12%;
+        margin-left: calc(var(--uui-size-3) * -1);
+        padding: 0px var(--uui-size-3);
+        font-weight: 700;
+        background-color: var(--uui-color-surface-alt);
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        border-radius: var(--uui-border-radius);
+      }
+
+      #icon {
+        width: 100%;
+        color: var(--uui-color-border-standalone);
+      }
+    `
+];
+let UUISymbolFileElement = _UUISymbolFileElement;
+__decorateClass([
+  property({ type: String })
+], UUISymbolFileElement.prototype, "type");
+export {
+  UUISymbolFileElement
+};
+//# sourceMappingURL=symbol-file.element.js.map

package/dist/components/symbol-file/symbol-file.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-file.element.js","sources":["../../../src/components/symbol-file/symbol-file.element.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { UUITextStyles } from '../../styles/index.js';\n\n/**\n *  @element uui-file-symbol\n */\n\nexport class UUISymbolFileElement extends LitElement {\n  /**\n   * The text that will appear on the file icon\n   * @type {string}\n   */\n  @property({ type: String })\n  type = '';\n\n  render() {\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"0.6\"\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      ${this.type\n        ? html`<small id=\"file-type\" class=\"uui-small\"\n            >${this.type.toUpperCase()}</small\n          >`\n        : ''}\n    `;\n  }\n\n  static override readonly styles = [\n    UUITextStyles,\n    css`\n      :host {\n        position: relative;\n        display: block;\n        box-sizing: border-box;\n      }\n\n      #file-type {\n        position: absolute;\n        bottom: 20%;\n        left: 12%;\n        margin-left: calc(var(--uui-size-3) * -1);\n        padding: 0px var(--uui-size-3);\n        font-weight: 700;\n        background-color: var(--uui-color-surface-alt);\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        border-radius: var(--uui-border-radius);\n      }\n\n      #icon {\n        width: 100%;\n        color: var(--uui-color-border-standalone);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAQO,MAAM,wBAAN,MAAM,8BAA6B,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAML,SAAA,OAAO;AAAA,EAAA;AAAA,EAEP,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAcH,KAAK,OACH;AAAA,eACK,KAAK,KAAK,aAAa;AAAA,eAE5B,EAAE;AAAA;AAAA,EAEV;AAgCF;AA9BE,sBAAyB,SAAS;AAAA,EAChC;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAjCG,IAAM,uBAAN;AAML,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,qBAMX,WAAA,MAAA;"}

package/dist/components/symbol-file/symbol-file.js

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

package/dist/components/symbol-file/symbol-file.js.map

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

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.d.ts

@@ -0,0 +1,8 @@
+import { UUISymbolFileDropzoneElement } from './symbol-file-dropzone.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-symbol-file-dropzone': UUISymbolFileDropzoneElement;
+    }
+}
+export * from './symbol-file-dropzone.element.js';
+export { UUISymbolFileDropzoneElement as default } from './symbol-file-dropzone.element.js';

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.element.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * @element uui-symbol-file-dropzone
+ */
+export declare class UUISymbolFileDropzoneElement extends LitElement {
+    /**
+     * Renders a error symbol instead of the upload symbol
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    error: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.element.js

@@ -0,0 +1,56 @@
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.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 _UUISymbolFileDropzoneElement = class _UUISymbolFileDropzoneElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.error = false;
+  }
+  render() {
+    return html`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+      id="upload-icon">
+      <path
+        d=${this.error ? "M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z" : "M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"} />
+    </svg> `;
+  }
+};
+_UUISymbolFileDropzoneElement.styles = [
+  css`
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+      }
+
+      #upload-icon {
+        fill: var(--uui-color-default);
+        width: 100px;
+        transition: fill 0.3s ease;
+        position: relative;
+        z-index: 2;
+      }
+
+      :host([error]) #upload-icon {
+        fill: var(--uui-color-invalid);
+      }
+    `
+];
+let UUISymbolFileDropzoneElement = _UUISymbolFileDropzoneElement;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], UUISymbolFileDropzoneElement.prototype, "error");
+export {
+  UUISymbolFileDropzoneElement
+};
+//# sourceMappingURL=symbol-file-dropzone.element.js.map

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-file-dropzone.element.js","sources":["../../../src/components/symbol-file-dropzone/symbol-file-dropzone.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * @element uui-symbol-file-dropzone\n */\nexport class UUISymbolFileDropzoneElement extends LitElement {\n  /**\n   * Renders a error symbol instead of the upload symbol\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  render() {\n    return html`<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      id=\"upload-icon\">\n      <path\n        d=${this.error\n          ? 'M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z'\n          : 'M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z'} />\n    </svg> `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #upload-icon {\n        fill: var(--uui-color-default);\n        width: 100px;\n        transition: fill 0.3s ease;\n        position: relative;\n        z-index: 2;\n      }\n\n      :host([error]) #upload-icon {\n        fill: var(--uui-color-invalid);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAMO,MAAM,gCAAN,MAAM,sCAAqC,WAAW;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AAQL,SAAA,QAAQ;AAAA,EAAA;AAAA,EAER,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKC,KAAK,QACL,2dACA,qHAAqH;AAAA;AAAA,EAE/H;AAwBF;AAtBE,8BAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvBG,IAAM,+BAAN;AAQL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAP/B,6BAQX,WAAA,OAAA;"}

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.js

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

package/dist/components/symbol-file-dropzone/symbol-file-dropzone.js.map

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

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.d.ts

@@ -0,0 +1,8 @@
+import { UUISymbolFileThumbnailElement } from './symbol-file-thumbnail.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-symbol-file-thumbnail': UUISymbolFileThumbnailElement;
+    }
+}
+export * from './symbol-file-thumbnail.element.js';
+export { UUISymbolFileThumbnailElement as default } from './symbol-file-thumbnail.element.js';

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.element.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import '../icon/icon.js';
+/**
+ * @element uui-symbol-file-thumbnail
+ * @description - Symbol to display a thumbnail.
+ */
+export declare class UUISymbolFileThumbnailElement extends LitElement {
+    #private;
+    /**
+     * Source of the thumbnail.
+     * @type {string}
+     * @attr
+     * @default ''
+     */
+    src: string;
+    /**
+     * Alt of the thumbnail.
+     * @type {string}
+     * @attr
+     * @default ''
+     */
+    alt: string;
+    private _imageError;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.element.js

@@ -0,0 +1,91 @@
+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 _UUISymbolFileThumbnailElement_instances, onImageError_fn;
+import { LitElement, html, css } from "lit";
+import { property, state } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+import "../icon/icon.js";
+import { iconPicture } from "../icon-registry-essential/svgs/iconPicture.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 _UUISymbolFileThumbnailElement = class _UUISymbolFileThumbnailElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _UUISymbolFileThumbnailElement_instances);
+    this.src = "";
+    this.alt = "";
+    this._imageError = false;
+  }
+  willUpdate(changed) {
+    if (changed.has("src")) {
+      this._imageError = false;
+    }
+  }
+  render() {
+    return when(
+      this.src && !this._imageError,
+      () => html`<img
+          src=${this.src}
+          alt=${this.alt}
+          @error=${__privateMethod(this, _UUISymbolFileThumbnailElement_instances, onImageError_fn)} />`,
+      () => html`<uui-icon
+          name="picture"
+          .fallback=${iconPicture.strings[0]}></uui-icon>`
+    );
+  }
+};
+_UUISymbolFileThumbnailElement_instances = new WeakSet();
+onImageError_fn = function() {
+  this._imageError = true;
+};
+_UUISymbolFileThumbnailElement.styles = [
+  css`
+      :host {
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+
+      img {
+        object-fit: contain;
+        height: 100%;
+        width: 100%;
+      }
+
+      uui-icon {
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        display: flex;
+        max-height: 100%;
+        justify-content: center;
+        color: var(--uui-color-surface);
+        background: var(--uui-color-surface-alt);
+      }
+    `
+];
+let UUISymbolFileThumbnailElement = _UUISymbolFileThumbnailElement;
+__decorateClass([
+  property({ type: String })
+], UUISymbolFileThumbnailElement.prototype, "src");
+__decorateClass([
+  property({ type: String })
+], UUISymbolFileThumbnailElement.prototype, "alt");
+__decorateClass([
+  state()
+], UUISymbolFileThumbnailElement.prototype, "_imageError");
+export {
+  UUISymbolFileThumbnailElement
+};
+//# sourceMappingURL=symbol-file-thumbnail.element.js.map

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-file-thumbnail.element.js","sources":["../../../src/components/symbol-file-thumbnail/symbol-file-thumbnail.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { iconPicture } from '../icon-registry-essential/svgs/index.js';\n\nimport '../icon/icon.js';\n\n/**\n * @element uui-symbol-file-thumbnail\n * @description - Symbol to display a thumbnail.\n */\nexport class UUISymbolFileThumbnailElement extends LitElement {\n  /**\n   * Source of the thumbnail.\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  src: string = '';\n\n  /**\n   * Alt of the thumbnail.\n   * @type {string}\n   * @attr\n   * @default ''\n   */\n  @property({ type: String })\n  alt: string = '';\n\n  @state()\n  private _imageError = false;\n\n  protected override willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('src')) {\n      this._imageError = false;\n    }\n  }\n\n  render() {\n    return when(\n      this.src && !this._imageError,\n      () =>\n        html`<img\n          src=${this.src}\n          alt=${this.alt}\n          @error=${this.#onImageError} />`,\n      () =>\n        html`<uui-icon\n          name=\"picture\"\n          .fallback=${iconPicture.strings[0]}></uui-icon>`,\n    );\n  }\n\n  #onImageError() {\n    this._imageError = true;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n\n      img {\n        object-fit: contain;\n        height: 100%;\n        width: 100%;\n      }\n\n      uui-icon {\n        width: 100%;\n        height: 100%;\n        max-width: 100%;\n        display: flex;\n        max-height: 100%;\n        justify-content: center;\n        color: var(--uui-color-surface);\n        background: var(--uui-color-surface-alt);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iCAAN,MAAM,uCAAsC,WAAW;AAAA,EAAvD,cAAA;AAAA,UAAA,GAAA,SAAA;AAAA;AAQL,SAAA,MAAc;AASd,SAAA,MAAc;AAGd,SAAQ,cAAc;AAAA,EAAA;AAAA,EAEH,WAAW,SAA+B;AAC3D,QAAI,QAAQ,IAAI,KAAK,GAAG;AACtB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,MACL,KAAK,OAAO,CAAC,KAAK;AAAA,MAClB,MACE;AAAA,gBACQ,KAAK,GAAG;AAAA,gBACR,KAAK,GAAG;AAAA,mBACL,sBAAK,0DAAa;AAAA,MAC/B,MACE;AAAA;AAAA,sBAEc,YAAY,QAAQ,CAAC,CAAC;AAAA,IAAA;AAAA,EAE1C;AAgCF;AAzEO;AA2CL,kBAAA,WAAgB;AACd,OAAK,cAAc;AACrB;AAEA,+BAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAhDG,IAAM,gCAAN;AAQL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,8BAQX,WAAA,KAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBf,8BAiBX,WAAA,KAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAnBI,8BAoBH,WAAA,aAAA;"}

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.js

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

package/dist/components/symbol-file-thumbnail/symbol-file-thumbnail.js.map

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

package/dist/components/symbol-folder/symbol-folder.d.ts

@@ -0,0 +1,8 @@
+import { UUISymbolFolderElement } from './symbol-folder.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-symbol-folder': UUISymbolFolderElement;
+    }
+}
+export * from './symbol-folder.element.js';
+export { UUISymbolFolderElement as default } from './symbol-folder.element.js';

package/dist/components/symbol-folder/symbol-folder.element.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+/**
+ *  @element uui-folder-symbol
+ */
+export declare class UUISymbolFolderElement extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-folder/symbol-folder.element.js

@@ -0,0 +1,36 @@
+import { LitElement, html, css } from "lit";
+const _UUISymbolFolderElement = class _UUISymbolFolderElement extends LitElement {
+  render() {
+    return html`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="0.6"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      id="icon">
+      <path
+        d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
+    </svg>`;
+  }
+};
+_UUISymbolFolderElement.styles = [
+  css`
+      :host {
+        display: block;
+        position: relative;
+        box-sizing: border-box;
+      }
+
+      #icon {
+        width: 100%;
+        color: var(--uui-color-border-standalone);
+      }
+    `
+];
+let UUISymbolFolderElement = _UUISymbolFolderElement;
+export {
+  UUISymbolFolderElement
+};
+//# sourceMappingURL=symbol-folder.element.js.map

package/dist/components/symbol-folder/symbol-folder.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-folder.element.js","sources":["../../../src/components/symbol-folder/symbol-folder.element.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\n/**\n *  @element uui-folder-symbol\n */\n\nexport class UUISymbolFolderElement extends LitElement {\n  render() {\n    return html`<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.6\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      id=\"icon\">\n      <path\n        d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" />\n    </svg>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n      }\n\n      #icon {\n        width: 100%;\n        color: var(--uui-color-border-standalone);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";AAKO,MAAM,0BAAN,MAAM,gCAA+B,WAAW;AAAA,EACrD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYT;AAgBF;AAdE,wBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAjBG,IAAM,yBAAN;"}

package/dist/components/symbol-folder/symbol-folder.js

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

package/dist/components/symbol-folder/symbol-folder.js.map

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

package/dist/components/symbol-lock/symbol-lock.d.ts

@@ -0,0 +1,8 @@
+import { UUISymbolLockElement } from './symbol-lock.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-symbol-lock': UUISymbolLockElement;
+    }
+}
+export * from './symbol-lock.element.js';
+export { UUISymbolLockElement as default } from './symbol-lock.element.js';

package/dist/components/symbol-lock/symbol-lock.element.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+/**
+ * @element uui-symbol-lock
+ */
+export declare class UUISymbolLockElement extends LitElement {
+    open: boolean;
+    render(): import("lit-html").TemplateResult<2>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/symbol-lock/symbol-lock.element.js

@@ -0,0 +1,43 @@
+import { LitElement, svg, css } from "lit";
+import { property } from "lit/decorators.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 _UUISymbolLockElement = class _UUISymbolLockElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+  }
+  render() {
+    return svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+      ${this.open === true ? svg`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>` : svg`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}
+    </svg>`;
+  }
+};
+_UUISymbolLockElement.styles = [
+  css`
+      :host {
+        display: inline-block;
+        vertical-align: middle;
+        width: 1em;
+      }
+
+      svg {
+        fill: currentColor;
+      }
+    `
+];
+let UUISymbolLockElement = _UUISymbolLockElement;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], UUISymbolLockElement.prototype, "open");
+export {
+  UUISymbolLockElement
+};
+//# sourceMappingURL=symbol-lock.element.js.map

package/dist/components/symbol-lock/symbol-lock.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol-lock.element.js","sources":["../../../src/components/symbol-lock/symbol-lock.element.ts"],"sourcesContent":["import { css, svg, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * @element uui-symbol-lock\n */\nexport class UUISymbolLockElement extends LitElement {\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  render() {\n    return svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n      ${\n        this.open === true\n          ? svg`<path d=\"M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z\"></path>`\n          : svg`<path d=\"M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z\"></path>`\n      }\n    </svg>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: inline-block;\n        vertical-align: middle;\n        width: 1em;\n      }\n\n      svg {\n        fill: currentColor;\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAMO,MAAM,wBAAN,MAAM,8BAA6B,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEL,SAAO,OAAO;AAAA,EAAA;AAAA,EAEd,SAAS;AACP,WAAO;AAAA,QAEH,KAAK,SAAS,OACV,kmBACA,mlBACN;AAAA;AAAA,EAEJ;AAeF;AAbE,sBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAfG,IAAM,uBAAN;AAEE,gBAAA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAD/B,qBAEJ,WAAA,MAAA;"}

package/dist/components/symbol-lock/symbol-lock.js

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

package/dist/components/symbol-lock/symbol-lock.js.map

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