@shoper/phoenix_design_system 1.2.22-2 → 1.3.0

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js

@@ -1,30 +1,29 @@
-import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { FILE_ITEM_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_ICON_CSS_CLASSES } from '../file_picker_constants';
 import { html, nothing } from 'lit';
+import { ICON_CSS_CLASSES } from '@phoenixRoot/components/icon/icon_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
-import { ICON_CSS_CLASSES } from '../../../icon/icon_constants.js';
-import { FILE_ITEM_EVENT_NAMES, FILE_ITEM_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES } from '../file_picker_constants.js';
-
-let HFile = class HFile extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._handleClick = () => {
-            const removeItemEvent = new CustomEvent(FILE_ITEM_EVENT_NAMES.removed, {
-                bubbles: true,
-                detail: {
-                    fileId: this.id
-                }
-            });
-            this.dispatchEvent(removeItemEvent);
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('aria-label', this.name);
-        this.classList.add(FILE_ITEM_CSS_CLASSES.file);
-    }
-    render() {
+let HFile = class HFile extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._handleClick = () => {
+            const removeItemEvent = new CustomEvent(FILE_ITEM_EVENT_NAMES.removed, {
+                bubbles: true,
+                detail: {
+                    fileId: this.id
+                }
+            });
+            this.dispatchEvent(removeItemEvent);
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('aria-label', this.name);
+        this.classList.add(FILE_ITEM_CSS_CLASSES.file);
+    }
+    render() {
         return html `
             <span class="${FILE_ITEM_CSS_CLASSES.fileName}">${this.name}</span>
             <button
@@ -33,36 +32,35 @@ let HFile = class HFile extends PhoenixLightLitElement {
                 aria-label="${this.removeButtonText} ${this.name}"
                 type="button"
             >
-                ${this.removeButtonIconName
+                ${this.removeButtonIconName
             ? html `<h-icon
                           class="${ICON_CSS_CLASSES.icon} ${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
                           icon-name=${this.removeButtonIconName}
-                      />`
+                      />`
             : nothing}
                 ${this.removeButtonText}
             </button>
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFile.prototype, "name", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFile.prototype, "id", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-text' }),
-    __metadata("design:type", String)
-], HFile.prototype, "removeButtonText", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-icon-name' }),
-    __metadata("design:type", String)
-], HFile.prototype, "removeButtonIconName", void 0);
-HFile = __decorate([
-    phoenixCustomElement('h-file')
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HFile.prototype, "name", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HFile.prototype, "id", void 0);
+__decorate([
+    property({ type: String, attribute: 'remove-button-text' }),
+    __metadata("design:type", String)
+], HFile.prototype, "removeButtonText", void 0);
+__decorate([
+    property({ type: String, attribute: 'remove-button-icon-name' }),
+    __metadata("design:type", String)
+], HFile.prototype, "removeButtonIconName", void 0);
+HFile = __decorate([
+    phoenixCustomElement('h-file')
 ], HFile);
-
 export { HFile };
-//# sourceMappingURL=file.js.map
+//# sourceMappingURL=file.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"file.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/file_picker/file/file.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACtH,OAAO,EAAkB,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGnC,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,sBAAsB;IAA1C;;QAyCK,iBAAY,GAAG,GAAG,EAAE;YACxB,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC,qBAAqB,CAAC,OAAO,EAAE;gBACnE,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACJ,MAAM,EAAE,IAAI,CAAC,EAAE;iBAClB;aACJ,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC,CAAC;IACN,CAAC;IAtCU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAES,MAAM;QACZ,OAAO,IAAI,CAAA;2BACQ,qBAAqB,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI;;yBAE9C,qBAAqB,CAAC,gBAAgB;0BACrC,IAAI,CAAC,YAAY;8BACb,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI;;;kBAG9C,IAAI,CAAC,oBAAoB;YACvB,CAAC,CAAC,IAAI,CAAA;mCACS,gBAAgB,CAAC,IAAI,IAAI,4BAA4B,CAAC,cAAc;sCACjE,IAAI,CAAC,oBAAoB;yBACtC;YACL,CAAC,CAAC,OAAO;kBACX,IAAI,CAAC,gBAAgB;;SAE9B,CAAC;IACN,CAAC;CAYJ,CAAA;AAlDG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mCACP;AAEpB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iCACT;AAElB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;;+CAC5B;AAEhC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;;mDAC7B;AAX3B,KAAK;IADjB,oBAAoB,CAAC,QAAQ,CAAC;GAClB,KAAK,CAmDjB;SAnDY,KAAK"}

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.d.ts

@@ -1,7 +1,7 @@
-import { TFileItemConstructorOptions } from '../file_picker_constants';
-export declare class FileItem {
-    name: string;
-    id: string;
-    private constructor();
-    static create(options: TFileItemConstructorOptions): FileItem;
-}
+import { TFileItemConstructorOptions } from '../file_picker_constants';
+export declare class FileItem {
+    name: string;
+    id: string;
+    private constructor();
+    static create(options: TFileItemConstructorOptions): FileItem;
+}

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js

@@ -1,12 +1,11 @@
-class FileItem {
-    constructor({ name, id }) {
-        this.name = name;
-        this.id = id;
-    }
-    static create(options) {
-        return new FileItem(options);
-    }
+import '../file_picker_constants';
+export class FileItem {
+    constructor({ name, id }) {
+        this.name = name;
+        this.id = id;
+    }
+    static create(options) {
+        return new FileItem(options);
+    }
 }
-
-export { FileItem };
-//# sourceMappingURL=file_model.js.map
+//# sourceMappingURL=file_model.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"file_model.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/file_picker/file/file_model.ts"],"names":[],"mappings":"AAAA,OAA4C,0BAA0B,CAAC;AAEvE,MAAM,OAAO,QAAQ;IAIjB,YAAoB,EAAE,IAAI,EAAE,EAAE,EAA+B;QACzD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,CAAC;IAEM,MAAM,CAAC,MAAM,CAAC,OAAoC;QACrD,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;CACJ"}

package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts

@@ -1,32 +1,32 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import type { TInputControlType } from "../input/input_types";
-export declare class HFilePicker extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    type: TInputControlType;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    labelText: string;
-    labelIconName: string;
-    removeButtonText: string;
-    removeButtonIconName: string;
-    accept: string;
-    private _file;
-    private _$fileInputRef;
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-    get files(): FileList | null;
-    set files(files: FileList | null);
-    get name(): string;
-    get id(): string;
-    private _addEventListeners;
-    private _handleChangeEvent;
-    private _getFiles;
-    private _getFileName;
-    private _getInputRefValue;
-    private _removeFileItem;
-    private _triggerClickOnLabel;
-    private _dispatchChangeEvent;
-}
+import { TemplateResult } from 'lit';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import type { TInputControlType } from '@phoenixRoot/components/form/input/input_types';
+export declare class HFilePicker extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    type: TInputControlType;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    labelText: string;
+    labelIconName: string;
+    removeButtonText: string;
+    removeButtonIconName: string;
+    accept: string;
+    private _file;
+    private _$fileInputRef;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    get files(): FileList | null;
+    set files(files: FileList | null);
+    get name(): string;
+    get id(): string;
+    private _addEventListeners;
+    private _handleChangeEvent;
+    private _getFiles;
+    private _getFileName;
+    private _getInputRefValue;
+    private _removeFileItem;
+    private _triggerClickOnLabel;
+    private _dispatchChangeEvent;
+}

package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js

@@ -1,79 +1,78 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { FILE_ITEM_EVENT_NAMES, FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants';
 import { html, nothing } from 'lit';
-import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import classnames from '../../../../external/classnames/index.js';
 import { createRef, ref } from 'lit-html/directives/ref.js';
-import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
-import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants.js';
-import { FileItem } from './file/file_model.js';
-import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-
-let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.type = INPUT_CONTROL_TYPES.file;
-        this.labelText = 'Wgraj plik';
-        this.labelIconName = 'icon-upload';
-        this.removeButtonText = 'Usuń plik';
-        this.removeButtonIconName = 'icon-x';
-        this._$fileInputRef = createRef();
-        this._handleChangeEvent = (event) => {
-            const filesList = this._getFiles(event);
-            if (filesList && filesList.length > 0) {
-                this._file = FileItem.create({
-                    name: this._getFileName(filesList),
-                    id: `file-${v4()}`
-                });
-                this.classList.add(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
-            }
-        };
-        this._getFiles = (event) => {
-            const targetElement = event.currentTarget;
-            return targetElement.id === this.controlId ? targetElement.files : null;
-        };
-        this._getFileName = (fileList) => {
-            return fileList[0].name;
-        };
-        this._getInputRefValue = () => {
-            return this._$fileInputRef.value;
-        };
-        this._removeFileItem = () => {
-            const $fileInput = this._getInputRefValue();
-            if ($fileInput) {
-                $fileInput.value = '';
-                $fileInput.files = null;
-            }
-            this._file = null;
-            this.classList.remove(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
-            this._dispatchChangeEvent();
-        };
-        this._triggerClickOnLabel = () => {
-            const $fileInput = this._getInputRefValue();
-            if ($fileInput)
-                $fileInput.click();
-        };
-        this._dispatchChangeEvent = () => {
-            this.dispatchEvent(new Event('change'));
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._addEventListeners();
-        const cssClasses = classnames({
-            [FILE_PICKER_CONTROL_CSS_CLASSES.filePicker]: true,
-            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerDisabled]: this.disabled,
-            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerRequired]: this.required,
-            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerError]: this.error
-        });
-        if (cssClasses)
-            this.classList.add(...cssClasses.split(' '));
-    }
-    render() {
-        var _a, _b;
-        super.render();
+import { property, state } from 'lit/decorators';
+import { FileItem } from '@phoenixRoot/components/form/file_picker/file/file_model';
+import { INPUT_CONTROL_TYPES } from '../input/input_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import classNames from 'classnames';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { v4 as uuidv4 } from 'uuid';
+let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.type = INPUT_CONTROL_TYPES.file;
+        this.labelText = 'Wgraj plik';
+        this.labelIconName = 'icon-upload';
+        this.removeButtonText = 'Usuń plik';
+        this.removeButtonIconName = 'icon-x';
+        this._$fileInputRef = createRef();
+        this._handleChangeEvent = (event) => {
+            const filesList = this._getFiles(event);
+            if (filesList && filesList.length > 0) {
+                this._file = FileItem.create({
+                    name: this._getFileName(filesList),
+                    id: `file-${uuidv4()}`
+                });
+                this.classList.add(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
+            }
+        };
+        this._getFiles = (event) => {
+            const targetElement = event.currentTarget;
+            return targetElement.id === this.controlId ? targetElement.files : null;
+        };
+        this._getFileName = (fileList) => {
+            return fileList[0].name;
+        };
+        this._getInputRefValue = () => {
+            return this._$fileInputRef.value;
+        };
+        this._removeFileItem = () => {
+            const $fileInput = this._getInputRefValue();
+            if ($fileInput) {
+                $fileInput.value = '';
+                $fileInput.files = null;
+            }
+            this._file = null;
+            this.classList.remove(FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
+            this._dispatchChangeEvent();
+        };
+        this._triggerClickOnLabel = () => {
+            const $fileInput = this._getInputRefValue();
+            if ($fileInput)
+                $fileInput.click();
+        };
+        this._dispatchChangeEvent = () => {
+            this.dispatchEvent(new Event('change'));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._addEventListeners();
+        const cssClasses = classNames({
+            [FILE_PICKER_CONTROL_CSS_CLASSES.filePicker]: true,
+            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerDisabled]: this.disabled,
+            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerRequired]: this.required,
+            [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerError]: this.error
+        });
+        if (cssClasses)
+            this.classList.add(...cssClasses.split(' '));
+    }
+    render() {
+        var _a, _b;
+        super.render();
         return html `
             <input
                 ${ref(this._$fileInputRef)}
@@ -88,99 +87,98 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
                 hidden
             />
 
-            ${!((_a = this._file) === null || _a === void 0 ? void 0 : _a.name)
+            ${!((_a = this._file) === null || _a === void 0 ? void 0 : _a.name)
             ? html ` <h-file-picker-label
                       control-id="${this.controlId}"
                       label-text="${this.labelText}"
                       label-icon-name="${ifDefined(this.labelIconName)}"
-                  />`
+                  />`
             : nothing}
-            ${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
+            ${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
             ? html ` <h-file
                       name="${this._file.name}"
                       id="${this._file.id}"
                       remove-button-text="${this.removeButtonText}"
                       remove-button-icon-name="${ifDefined(this.removeButtonIconName)}"
-                  />`
+                  />`
             : nothing}
-        `;
-    }
-    get files() {
-        const $fileInput = this._getInputRefValue();
-        return $fileInput.files;
-    }
-    set files(files) {
-        if (!files)
-            return;
-        const $fileInput = this._getInputRefValue();
-        const dataTransfer = new DataTransfer();
-        const filesArray = Array.from(files);
-        filesArray.forEach((file) => dataTransfer.items.add(file));
-        if ($fileInput)
-            $fileInput.files = dataTransfer.files;
-    }
-    get name() {
-        return this.controlName;
-    }
-    get id() {
-        return this.controlId;
-    }
-    _addEventListeners() {
-        this.addEventListener(FILE_ITEM_EVENT_NAMES.removed, this._removeFileItem);
-        this.addEventListener(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, this._triggerClickOnLabel);
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'control-id', reflect: true }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String, attribute: 'control-name' }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "controlName", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HFilePicker.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HFilePicker.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HFilePicker.prototype, "error", void 0);
-__decorate([
-    property({ type: String, attribute: 'label-text' }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "labelText", void 0);
-__decorate([
-    property({ type: String, attribute: 'label-icon-name' }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "labelIconName", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-text' }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "removeButtonText", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-icon-name' }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "removeButtonIconName", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFilePicker.prototype, "accept", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HFilePicker.prototype, "_file", void 0);
-HFilePicker = __decorate([
-    phoenixCustomElement('h-file-picker')
+        `;
+    }
+    get files() {
+        const $fileInput = this._getInputRefValue();
+        return $fileInput.files;
+    }
+    set files(files) {
+        if (!files)
+            return;
+        const $fileInput = this._getInputRefValue();
+        const dataTransfer = new DataTransfer();
+        const filesArray = Array.from(files);
+        filesArray.forEach((file) => dataTransfer.items.add(file));
+        if ($fileInput)
+            $fileInput.files = dataTransfer.files;
+    }
+    get name() {
+        return this.controlName;
+    }
+    get id() {
+        return this.controlId;
+    }
+    _addEventListeners() {
+        this.addEventListener(FILE_ITEM_EVENT_NAMES.removed, this._removeFileItem);
+        this.addEventListener(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, this._triggerClickOnLabel);
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'control-id', reflect: true }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String, attribute: 'control-name' }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "controlName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HFilePicker.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HFilePicker.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HFilePicker.prototype, "error", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-text' }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "labelText", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-icon-name' }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "labelIconName", void 0);
+__decorate([
+    property({ type: String, attribute: 'remove-button-text' }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "removeButtonText", void 0);
+__decorate([
+    property({ type: String, attribute: 'remove-button-icon-name' }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "removeButtonIconName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HFilePicker.prototype, "accept", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HFilePicker.prototype, "_file", void 0);
+HFilePicker = __decorate([
+    phoenixCustomElement('h-file-picker')
 ], HFilePicker);
-
 export { HFilePicker };
-//# sourceMappingURL=file_picker.js.map
+//# sourceMappingURL=file_picker.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"file_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/file_picker/file_picker.ts"],"names":[],"mappings":"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"}