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

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

@@ -1,182 +1,123 @@
-import { query, property, state } from "lit/decorators.js";
-import { LitElement, html, nothing, css } from "lit";
-import "../icon-registry-essential/svgs/iconAdd.js";
-import "../icon-registry-essential/svgs/iconAlert.js";
-import "../icon-registry-essential/svgs/iconAttachment.js";
-import "../icon-registry-essential/svgs/iconCalendar.js";
-import "../icon-registry-essential/svgs/iconCheck.js";
-import "../icon-registry-essential/svgs/iconClipboard.js";
-import "../icon-registry-essential/svgs/iconCode.js";
-import "../icon-registry-essential/svgs/iconColorPicker.js";
-import "../icon-registry-essential/svgs/iconCopy.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { UUIFormControlMixin as UUIFormControlWithBasicsMixin } from "../../internal/mixins/FormControlWithBasicsMixin.js";
 import { iconDelete } from "../icon-registry-essential/svgs/iconDelete.js";
-import "../icon-registry-essential/svgs/iconDocument.js";
-import "../icon-registry-essential/svgs/iconDownload.js";
-import "../icon-registry-essential/svgs/iconDrag.js";
-import "../icon-registry-essential/svgs/iconEdit.js";
-import "../icon-registry-essential/svgs/iconFavorite.js";
-import "../icon-registry-essential/svgs/iconFolder.js";
-import "../icon-registry-essential/svgs/iconForbidden.js";
-import "../icon-registry-essential/svgs/iconInfo.js";
-import "../icon-registry-essential/svgs/iconLink.js";
-import "../icon-registry-essential/svgs/iconLock.js";
-import "../icon-registry-essential/svgs/iconPause.js";
-import "../icon-registry-essential/svgs/iconPicture.js";
-import "../icon-registry-essential/svgs/iconPlay.js";
-import "../icon-registry-essential/svgs/iconRemove.js";
-import "../icon-registry-essential/svgs/iconSearch.js";
-import "../icon-registry-essential/svgs/iconSee.js";
-import "../icon-registry-essential/svgs/iconSettings.js";
-import "../icon-registry-essential/svgs/iconSubtract.js";
-import "../icon-registry-essential/svgs/iconSync.js";
-import "../icon-registry-essential/svgs/iconUnlock.js";
-import "../icon-registry-essential/svgs/iconUnsee.js";
-import "../icon-registry-essential/svgs/iconWand.js";
-import "../icon-registry-essential/svgs/iconWrong.js";
-import { repeat } from "lit/directives/repeat.js";
-import "../file-preview/file-preview.js";
-import "../action-bar/action-bar.js";
-import "../button/button.js";
+import "../icon-registry-essential/svgs/index.js";
 import "../icon/icon.js";
+import "../button/button.js";
+import "../action-bar/action-bar.js";
 import "../file-dropzone/file-dropzone.js";
-import { UUIFormControlWithBasicsMixin } from "../../internal/mixins/FormControlWithBasicsMixin.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 _UUIInputFileElement = class _UUIInputFileElement extends UUIFormControlWithBasicsMixin(
-  LitElement
-) {
-  constructor() {
-    super();
-    this.accept = "";
-    this.multiple = false;
-    this._files = [];
-    this._updateFileWrappers = (data) => {
-      let newFileWrappers = [];
-      for (const file of data) {
-        if (this.multiple) {
-          newFileWrappers.push(file);
-        } else {
-          newFileWrappers = [file];
-        }
-      }
-      this._files = newFileWrappers;
-    };
-    this.addEventListener("dragenter", () => this._setShowDropzone(true));
-    this.addEventListener("dragleave", () => this._setShowDropzone(false));
-    this.addEventListener("drop", () => this._setShowDropzone(false));
-  }
-  get value() {
-    return super.value;
-  }
-  set value(newValue) {
-    super.value = newValue;
-    if (newValue instanceof FormData) {
-      const data = this.multiple ? newValue.getAll(this.name) : [newValue.get(this.name)];
-      this._updateFileWrappers(data);
-      return;
-    }
-    if (newValue instanceof File) {
-      this._updateFileWrappers([newValue]);
-    }
-  }
-  getFormElement() {
-    return this._dropZone;
-  }
-  /**
-   * Removes focus from the input.
-   */
-  async blur() {
-    await this.updateComplete;
-    this._dropzone.blur();
-  }
-  /**
-   * This method enables <label for="..."> to focus the input
-   */
-  async focus() {
-    await this.updateComplete;
-    this._dropzone.focus();
-  }
-  async click() {
-    await this.updateComplete;
-    this._dropzone.browse();
-  }
-  _handleClick(e) {
-    e.stopImmediatePropagation();
-    this._dropzone.browse();
-  }
-  async _handleFilesChange(event) {
-    const entries = event.detail.files;
-    const files = entries.filter(
-      (entry) => entry instanceof File || entry.isFile
-    );
-    if (!this.multiple) {
-      const entry = files[0];
-      const isFile = entry instanceof File;
-      const file = isFile ? entry : await this._getFile(entry);
-      if (this.value instanceof File) {
-        this.value = file;
-        return;
-      }
-      if (this.value instanceof FormData) {
-        this.value.delete(this.name);
-        this.value.append(this.name, file);
-        this._updateFileWrappers([file]);
-        return;
-      }
-    }
-    let newValue = this.value;
-    if (files.length > 0 && !(this.value instanceof FormData)) {
-      newValue = new FormData();
-    }
-    if (newValue instanceof FormData) {
-      for (const entry of files) {
-        const isFile = entry instanceof File;
-        newValue.append(this.name, isFile ? entry : await this._getFile(entry));
-      }
-    }
-    this.value = newValue;
-  }
-  async _getFile(fileEntry) {
-    return await new Promise(
-      (resolve, reject) => fileEntry.file(resolve, reject)
-    );
-  }
-  _removeFile(index) {
-    const fileToRemove = this._files[index];
-    if (this.value instanceof FormData) {
-      const files = this.value.getAll(this.name);
-      const filteredFiles = files.filter((file) => file !== fileToRemove);
-      if (filteredFiles.length === 0) {
-        this.value = "";
-      } else {
-        this.value.delete(this.name);
-        for (const file of filteredFiles) {
-          this.value.append(this.name, file);
-        }
-      }
-      this._updateFileWrappers(filteredFiles);
-    }
-    if (this.value instanceof File) {
-      this.value = "";
-      this._updateFileWrappers([]);
-    }
-  }
-  _setShowDropzone(show) {
-    if (show) {
-      this._dropZone.style.display = "flex";
-    } else {
-      this._dropZone.style.display = "none";
-    }
-  }
-  _renderFileItem(file, index) {
-    return html`<uui-file-preview .file="${file}">
+import "../file-preview/file-preview.js";
+import { LitElement, css, html, nothing } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+//#region src/components/input-file/input-file.element.ts
+/**
+* @element uui-input-file
+* @description - A form associated file input that supports multiple files.
+* @extends UUIFormControlMixin
+*/
+var UUIInputFileElement = class extends UUIFormControlWithBasicsMixin(LitElement) {
+	get value() {
+		return super.value;
+	}
+	set value(newValue) {
+		super.value = newValue;
+		if (newValue instanceof FormData) {
+			const data = this.multiple ? newValue.getAll(this.name) : [newValue.get(this.name)];
+			this._updateFileWrappers(data);
+			return;
+		}
+		if (newValue instanceof File) this._updateFileWrappers([newValue]);
+	}
+	constructor() {
+		super();
+		this.accept = "";
+		this.multiple = false;
+		this._files = [];
+		this._updateFileWrappers = (data) => {
+			let newFileWrappers = [];
+			for (const file of data) if (this.multiple) newFileWrappers.push(file);
+			else newFileWrappers = [file];
+			this._files = newFileWrappers;
+		};
+		this.addEventListener("dragenter", () => this._setShowDropzone(true));
+		this.addEventListener("dragleave", () => this._setShowDropzone(false));
+		this.addEventListener("drop", () => this._setShowDropzone(false));
+	}
+	getFormElement() {
+		return this._dropZone;
+	}
+	/**
+	* Removes focus from the input.
+	*/
+	async blur() {
+		await this.updateComplete;
+		this._dropzone.blur();
+	}
+	/**
+	* This method enables <label for="..."> to focus the input
+	*/
+	async focus() {
+		await this.updateComplete;
+		this._dropzone.focus();
+	}
+	async click() {
+		await this.updateComplete;
+		this._dropzone.browse();
+	}
+	_handleClick(e) {
+		e.stopImmediatePropagation();
+		this._dropzone.browse();
+	}
+	async _handleFilesChange(event) {
+		const files = event.detail.files.filter((entry) => entry instanceof File || entry.isFile);
+		if (!this.multiple) {
+			const entry = files[0];
+			const file = entry instanceof File ? entry : await this._getFile(entry);
+			if (this.value instanceof File) {
+				this.value = file;
+				return;
+			}
+			if (this.value instanceof FormData) {
+				this.value.delete(this.name);
+				this.value.append(this.name, file);
+				this._updateFileWrappers([file]);
+				return;
+			}
+		}
+		let newValue = this.value;
+		if (files.length > 0 && !(this.value instanceof FormData)) newValue = new FormData();
+		if (newValue instanceof FormData) for (const entry of files) {
+			const isFile = entry instanceof File;
+			newValue.append(this.name, isFile ? entry : await this._getFile(entry));
+		}
+		this.value = newValue;
+	}
+	async _getFile(fileEntry) {
+		return await new Promise((resolve, reject) => fileEntry.file(resolve, reject));
+	}
+	_removeFile(index) {
+		const fileToRemove = this._files[index];
+		if (this.value instanceof FormData) {
+			const filteredFiles = this.value.getAll(this.name).filter((file) => file !== fileToRemove);
+			if (filteredFiles.length === 0) this.value = "";
+			else {
+				this.value.delete(this.name);
+				for (const file of filteredFiles) this.value.append(this.name, file);
+			}
+			this._updateFileWrappers(filteredFiles);
+		}
+		if (this.value instanceof File) {
+			this.value = "";
+			this._updateFileWrappers([]);
+		}
+	}
+	_setShowDropzone(show) {
+		if (show) this._dropZone.style.display = "flex";
+		else this._dropZone.style.display = "none";
+	}
+	_renderFileItem(file, index) {
+		return html`<uui-file-preview .file="${file}">
       <uui-action-bar slot="actions">
         <uui-button
           @click=${() => this._removeFile(index)}
@@ -186,16 +127,12 @@ const _UUIInputFileElement = class _UUIInputFileElement extends UUIFormControlWi
         </uui-button>
       </uui-action-bar>
     </uui-file-preview>`;
-  }
-  _renderFiles() {
-    return html`${repeat(
-      this._files,
-      (file) => file.name + file.size,
-      (file, index) => this._renderFileItem(file, index)
-    )}`;
-  }
-  render() {
-    return html`
+	}
+	_renderFiles() {
+		return html`${repeat(this._files, (file) => file.name + file.size, (file, index) => this._renderFileItem(file, index))}`;
+	}
+	render() {
+		return html`
       <uui-file-dropzone
         id="dropzone"
         ?multiple=${this.multiple}
@@ -211,10 +148,9 @@ const _UUIInputFileElement = class _UUIInputFileElement extends UUIFormControlWi
               label="Add"></uui-button>` : nothing}
       </div>
     `;
-  }
-};
-_UUIInputFileElement.styles = [
-  css`
+	}
+	static {
+		this.styles = [css`
       :host {
         width: 100%;
         height: 100%;
@@ -263,25 +199,15 @@ _UUIInputFileElement.styles = [
         justify-content: center;
         align-items: stretch;
       }
-    `
-];
-let UUIInputFileElement = _UUIInputFileElement;
-__decorateClass([
-  query("#dropzone")
-], UUIInputFileElement.prototype, "_dropzone");
-__decorateClass([
-  query("#dropzone")
-], UUIInputFileElement.prototype, "_dropZone");
-__decorateClass([
-  property({ type: String })
-], UUIInputFileElement.prototype, "accept");
-__decorateClass([
-  property({ type: Boolean })
-], UUIInputFileElement.prototype, "multiple");
-__decorateClass([
-  state()
-], UUIInputFileElement.prototype, "_files");
-export {
-  UUIInputFileElement
+    `];
+	}
 };
-//# sourceMappingURL=input-file.element.js.map
+__decorate([query("#dropzone")], UUIInputFileElement.prototype, "_dropzone", void 0);
+__decorate([query("#dropzone")], UUIInputFileElement.prototype, "_dropZone", void 0);
+__decorate([property({ type: String })], UUIInputFileElement.prototype, "accept", void 0);
+__decorate([property({ type: Boolean })], UUIInputFileElement.prototype, "multiple", void 0);
+__decorate([state()], UUIInputFileElement.prototype, "_files", void 0);
+//#endregion
+export { UUIInputFileElement };
+
+//# sourceMappingURL=input-file.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-file.element.js","sources":["../../../src/components/input-file/input-file.element.ts"],"sourcesContent":["import { property, query, state } from 'lit/decorators.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport type { UUIFileDropzoneElement } from '../file-dropzone/file-dropzone.js';\nimport { UUIFormControlWithBasicsMixin } from '../../internal/mixins/index.js';\nimport { iconDelete } from '../icon-registry-essential/svgs/index.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport '../file-preview/file-preview.js';\nimport '../action-bar/action-bar.js';\nimport '../button/button.js';\nimport '../icon/icon.js';\nimport '../file-dropzone/file-dropzone.js';\n\n// TODO: Missing change event, when files are changed.\n/**\n * @element uui-input-file\n * @description - A form associated file input that supports multiple files.\n * @extends UUIFormControlMixin\n */\nexport class UUIInputFileElement extends UUIFormControlWithBasicsMixin(\n  LitElement,\n) {\n  @query('#dropzone')\n  private readonly _dropzone!: UUIFileDropzoneElement;\n\n  @query('#dropzone')\n  private readonly _dropZone: UUIFileDropzoneElement | undefined;\n\n  /**\n   * Accepted filetypes. Will allow all types if empty.\n   * @type {string}\n   * @attr\n   * @default false\n   */\n  @property({ type: String })\n  public accept: string = '';\n\n  /**\n   * Allows for multiple files to be selected.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean })\n  public multiple: boolean = false;\n\n  get value() {\n    return super.value;\n  }\n  set value(newValue) {\n    super.value = newValue;\n\n    if (newValue instanceof FormData) {\n      const data = (\n        this.multiple ? newValue.getAll(this.name) : [newValue.get(this.name)]\n      ) as Array<File>;\n      this._updateFileWrappers(data);\n      return;\n    }\n\n    if (newValue instanceof File) {\n      this._updateFileWrappers([newValue]);\n    }\n  }\n\n  @state()\n  private _files: File[] = [];\n\n  constructor() {\n    super();\n    this.addEventListener('dragenter', () => this._setShowDropzone(true));\n    this.addEventListener('dragleave', () => this._setShowDropzone(false));\n    this.addEventListener('drop', () => this._setShowDropzone(false));\n  }\n\n  protected getFormElement(): HTMLElement {\n    return this._dropZone! as HTMLElement;\n  }\n\n  /**\n   * Removes focus from the input.\n   */\n  async blur() {\n    await this.updateComplete;\n    this._dropzone.blur();\n  }\n\n  /**\n   * This method enables <label for=\"...\"> to focus the input\n   */\n  async focus() {\n    await this.updateComplete;\n    this._dropzone.focus();\n  }\n\n  async click() {\n    await this.updateComplete;\n    this._dropzone.browse();\n  }\n\n  private _handleClick(e: Event) {\n    e.stopImmediatePropagation();\n    this._dropzone.browse();\n  }\n\n  private readonly _updateFileWrappers = (data: Array<File>) => {\n    let newFileWrappers: Array<File> = [];\n\n    for (const file of data) {\n      if (this.multiple) {\n        newFileWrappers.push(file);\n      } else {\n        newFileWrappers = [file];\n      }\n    }\n\n    this._files = newFileWrappers;\n  };\n\n  private async _handleFilesChange(event: CustomEvent) {\n    const entries = event.detail.files as (File | FileSystemFileEntry)[];\n    const files = entries.filter(\n      entry => entry instanceof File || entry.isFile,\n    );\n    // TODO: implement folder preview + remove folder including children\n\n    if (!this.multiple) {\n      const entry = files[0];\n      const isFile = entry instanceof File;\n      const file = isFile ? entry : await this._getFile(entry);\n\n      if (this.value instanceof File) {\n        this.value = file;\n        return;\n      }\n\n      if (this.value instanceof FormData) {\n        this.value.delete(this.name);\n        this.value.append(this.name, file);\n        this._updateFileWrappers([file]);\n        return;\n      }\n    }\n\n    let newValue = this.value;\n\n    if (files.length > 0 && !(this.value instanceof FormData)) {\n      newValue = new FormData();\n    }\n\n    if (newValue instanceof FormData) {\n      for (const entry of files) {\n        const isFile = entry instanceof File;\n        newValue.append(this.name, isFile ? entry : await this._getFile(entry));\n      }\n    }\n\n    this.value = newValue;\n  }\n\n  private async _getFile(fileEntry: FileSystemFileEntry): Promise<File> {\n    return await new Promise<File>((resolve, reject) =>\n      fileEntry.file(resolve, reject),\n    );\n  }\n\n  private _removeFile(index: number) {\n    const fileToRemove = this._files[index];\n\n    if (this.value instanceof FormData) {\n      const files = this.value.getAll(this.name) as Array<File>;\n      const filteredFiles = files.filter(file => file !== fileToRemove);\n\n      if (filteredFiles.length === 0) {\n        this.value = '';\n      } else {\n        this.value.delete(this.name);\n\n        for (const file of filteredFiles) {\n          this.value.append(this.name, file);\n        }\n      }\n\n      this._updateFileWrappers(filteredFiles);\n    }\n\n    if (this.value instanceof File) {\n      this.value = '';\n      this._updateFileWrappers([]);\n    }\n  }\n\n  private _setShowDropzone(show: boolean) {\n    if (show) {\n      this._dropZone!.style.display = 'flex';\n    } else {\n      this._dropZone!.style.display = 'none';\n    }\n  }\n\n  private _renderFileItem(file: File, index: number) {\n    return html`<uui-file-preview .file=\"${file}\">\n      <uui-action-bar slot=\"actions\">\n        <uui-button\n          @click=${() => this._removeFile(index)}\n          color=\"danger\"\n          label=${`Delete ${file.name}`}>\n          <uui-icon name=\"delete\" .fallback=${iconDelete.strings[0]}></uui-icon>\n        </uui-button>\n      </uui-action-bar>\n    </uui-file-preview>`;\n  }\n\n  private _renderFiles() {\n    return html`${repeat(\n      this._files,\n      (file: File) => file.name + file.size,\n      (file: File, index: number) => this._renderFileItem(file, index),\n    )}`;\n  }\n\n  render() {\n    return html`\n      <uui-file-dropzone\n        id=\"dropzone\"\n        ?multiple=${this.multiple}\n        .accept=${this.accept}\n        @change=${this._handleFilesChange}\n        label=\"Drop files here\"></uui-file-dropzone>\n      <div id=\"files\">\n        ${this._renderFiles()}\n        ${this._files.length === 0 || this.multiple\n          ? html`<uui-button\n              @click=${this._handleClick}\n              id=\"add-button\"\n              look=\"placeholder\"\n              label=\"Add\"></uui-button>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        display: flex;\n        box-sizing: border-box;\n        border: 1px solid var(--uui-color-border);\n      }\n\n      #input {\n        position: absolute;\n        width: 0px;\n        height: 0px;\n        opacity: 0;\n        display: none;\n      }\n\n      #files {\n        display: grid;\n        box-sizing: border-box;\n        justify-items: center;\n        width: 100%;\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n        grid-auto-rows: min-content;\n        gap: 16px;\n        padding: 16px;\n        overflow: auto;\n        max-height: 100%;\n      }\n\n      #dropzone {\n        display: none;\n        position: absolute;\n        inset: 0px;\n        z-index: 10;\n        justify-content: center;\n        align-items: center;\n      }\n\n      #add-button {\n        width: 150px;\n        height: 150px;\n        display: flex;\n        padding: 16px;\n        box-sizing: border-box;\n        justify-content: center;\n        align-items: stretch;\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-file.element.js","names":[],"sources":["../../../src/components/input-file/input-file.element.ts"],"sourcesContent":["import { property, query, state } from 'lit/decorators.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport type { UUIFileDropzoneElement } from '../file-dropzone/file-dropzone.js';\nimport { UUIFormControlWithBasicsMixin } from '../../internal/mixins/index.js';\nimport { iconDelete } from '../icon-registry-essential/svgs/index.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport '../file-preview/file-preview.js';\nimport '../action-bar/action-bar.js';\nimport '../button/button.js';\nimport '../icon/icon.js';\nimport '../file-dropzone/file-dropzone.js';\n\n// TODO: Missing change event, when files are changed.\n/**\n * @element uui-input-file\n * @description - A form associated file input that supports multiple files.\n * @extends UUIFormControlMixin\n */\nexport class UUIInputFileElement extends UUIFormControlWithBasicsMixin(\n  LitElement,\n) {\n  @query('#dropzone')\n  private readonly _dropzone!: UUIFileDropzoneElement;\n\n  @query('#dropzone')\n  private readonly _dropZone: UUIFileDropzoneElement | undefined;\n\n  /**\n   * Accepted filetypes. Will allow all types if empty.\n   * @type {string}\n   * @attr\n   * @default false\n   */\n  @property({ type: String })\n  public accept: string = '';\n\n  /**\n   * Allows for multiple files to be selected.\n   * @type {boolean}\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean })\n  public multiple: boolean = false;\n\n  get value() {\n    return super.value;\n  }\n  set value(newValue) {\n    super.value = newValue;\n\n    if (newValue instanceof FormData) {\n      const data = (\n        this.multiple ? newValue.getAll(this.name) : [newValue.get(this.name)]\n      ) as Array<File>;\n      this._updateFileWrappers(data);\n      return;\n    }\n\n    if (newValue instanceof File) {\n      this._updateFileWrappers([newValue]);\n    }\n  }\n\n  @state()\n  private _files: File[] = [];\n\n  constructor() {\n    super();\n    this.addEventListener('dragenter', () => this._setShowDropzone(true));\n    this.addEventListener('dragleave', () => this._setShowDropzone(false));\n    this.addEventListener('drop', () => this._setShowDropzone(false));\n  }\n\n  protected getFormElement(): HTMLElement {\n    return this._dropZone! as HTMLElement;\n  }\n\n  /**\n   * Removes focus from the input.\n   */\n  async blur() {\n    await this.updateComplete;\n    this._dropzone.blur();\n  }\n\n  /**\n   * This method enables <label for=\"...\"> to focus the input\n   */\n  async focus() {\n    await this.updateComplete;\n    this._dropzone.focus();\n  }\n\n  async click() {\n    await this.updateComplete;\n    this._dropzone.browse();\n  }\n\n  private _handleClick(e: Event) {\n    e.stopImmediatePropagation();\n    this._dropzone.browse();\n  }\n\n  private readonly _updateFileWrappers = (data: Array<File>) => {\n    let newFileWrappers: Array<File> = [];\n\n    for (const file of data) {\n      if (this.multiple) {\n        newFileWrappers.push(file);\n      } else {\n        newFileWrappers = [file];\n      }\n    }\n\n    this._files = newFileWrappers;\n  };\n\n  private async _handleFilesChange(event: CustomEvent) {\n    const entries = event.detail.files as (File | FileSystemFileEntry)[];\n    const files = entries.filter(\n      entry => entry instanceof File || entry.isFile,\n    );\n    // TODO: implement folder preview + remove folder including children\n\n    if (!this.multiple) {\n      const entry = files[0];\n      const isFile = entry instanceof File;\n      const file = isFile ? entry : await this._getFile(entry);\n\n      if (this.value instanceof File) {\n        this.value = file;\n        return;\n      }\n\n      if (this.value instanceof FormData) {\n        this.value.delete(this.name);\n        this.value.append(this.name, file);\n        this._updateFileWrappers([file]);\n        return;\n      }\n    }\n\n    let newValue = this.value;\n\n    if (files.length > 0 && !(this.value instanceof FormData)) {\n      newValue = new FormData();\n    }\n\n    if (newValue instanceof FormData) {\n      for (const entry of files) {\n        const isFile = entry instanceof File;\n        newValue.append(this.name, isFile ? entry : await this._getFile(entry));\n      }\n    }\n\n    this.value = newValue;\n  }\n\n  private async _getFile(fileEntry: FileSystemFileEntry): Promise<File> {\n    return await new Promise<File>((resolve, reject) =>\n      fileEntry.file(resolve, reject),\n    );\n  }\n\n  private _removeFile(index: number) {\n    const fileToRemove = this._files[index];\n\n    if (this.value instanceof FormData) {\n      const files = this.value.getAll(this.name) as Array<File>;\n      const filteredFiles = files.filter(file => file !== fileToRemove);\n\n      if (filteredFiles.length === 0) {\n        this.value = '';\n      } else {\n        this.value.delete(this.name);\n\n        for (const file of filteredFiles) {\n          this.value.append(this.name, file);\n        }\n      }\n\n      this._updateFileWrappers(filteredFiles);\n    }\n\n    if (this.value instanceof File) {\n      this.value = '';\n      this._updateFileWrappers([]);\n    }\n  }\n\n  private _setShowDropzone(show: boolean) {\n    if (show) {\n      this._dropZone!.style.display = 'flex';\n    } else {\n      this._dropZone!.style.display = 'none';\n    }\n  }\n\n  private _renderFileItem(file: File, index: number) {\n    return html`<uui-file-preview .file=\"${file}\">\n      <uui-action-bar slot=\"actions\">\n        <uui-button\n          @click=${() => this._removeFile(index)}\n          color=\"danger\"\n          label=${`Delete ${file.name}`}>\n          <uui-icon name=\"delete\" .fallback=${iconDelete.strings[0]}></uui-icon>\n        </uui-button>\n      </uui-action-bar>\n    </uui-file-preview>`;\n  }\n\n  private _renderFiles() {\n    return html`${repeat(\n      this._files,\n      (file: File) => file.name + file.size,\n      (file: File, index: number) => this._renderFileItem(file, index),\n    )}`;\n  }\n\n  render() {\n    return html`\n      <uui-file-dropzone\n        id=\"dropzone\"\n        ?multiple=${this.multiple}\n        .accept=${this.accept}\n        @change=${this._handleFilesChange}\n        label=\"Drop files here\"></uui-file-dropzone>\n      <div id=\"files\">\n        ${this._renderFiles()}\n        ${this._files.length === 0 || this.multiple\n          ? html`<uui-button\n              @click=${this._handleClick}\n              id=\"add-button\"\n              look=\"placeholder\"\n              label=\"Add\"></uui-button>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        display: flex;\n        box-sizing: border-box;\n        border: 1px solid var(--uui-color-border);\n      }\n\n      #input {\n        position: absolute;\n        width: 0px;\n        height: 0px;\n        opacity: 0;\n        display: none;\n      }\n\n      #files {\n        display: grid;\n        box-sizing: border-box;\n        justify-items: center;\n        width: 100%;\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n        grid-auto-rows: min-content;\n        gap: 16px;\n        padding: 16px;\n        overflow: auto;\n        max-height: 100%;\n      }\n\n      #dropzone {\n        display: none;\n        position: absolute;\n        inset: 0px;\n        z-index: 10;\n        justify-content: center;\n        align-items: center;\n      }\n\n      #add-button {\n        width: 150px;\n        height: 150px;\n        display: flex;\n        padding: 16px;\n        box-sizing: border-box;\n        justify-content: center;\n        align-items: stretch;\n      }\n    `,\n  ];\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/components/input-lock/UUIInputLockEvent.js

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

package/dist/components/input-lock/UUIInputLockEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UUIInputLockEvent.js","sources":["../../../src/components/input-lock/UUIInputLockEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIInputLockElement } from './input-lock.element.js';\n\nexport class UUIInputLockEvent extends UUIEvent<{}, UUIInputLockElement> {\n  public static readonly LOCK_CHANGE: string = 'lock-change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAGO,MAAM,qBAAN,MAAM,2BAA0B,SAAkC;AAAA,EAGvE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AARE,mBAAuB,cAAsB;AADxC,IAAM,oBAAN;"}
+{"version":3,"file":"UUIInputLockEvent.js","names":[],"sources":["../../../src/components/input-lock/UUIInputLockEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIInputLockElement } from './input-lock.element.js';\n\nexport class UUIInputLockEvent extends UUIEvent<{}, UUIInputLockElement> {\n  public static readonly LOCK_CHANGE: string = 'lock-change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"mappings":";;AAGA,IAAa,oBAAb,cAAuC,SAAkC;;qBAC1B;;CAE7C,YAAY,QAAgB,YAAiB,CAAC,GAAG;EAC/C,MAAM,QAAQ;GACZ,SAAS;GACT,GAAG;EACL,CAAC;CACH;AACF"}

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

@@ -6,4 +6,3 @@ declare global {
 }
 export * from './input-lock.element.js';
 export * from './UUIInputLockEvent.js';
-export { UUIInputLockElement as default } from './input-lock.element.js';