@shoper/phoenix_design_system 1.18.1 → 1.18.2

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.emitEvent('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.emitEvent('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,7 +87,7 @@ 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}"
@@ -96,94 +95,93 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
                       aria-required="${this.required ? 'true' : 'false'}"
                       validation-container
                       tabindex="0"
-                  />`
+                  />`
             : 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,gDAAoD;AAC3E;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;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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"}

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

@@ -1,27 +1,27 @@
-export declare const FILE_ITEM_CSS_CLASSES: {
-    readonly file: "file";
-    readonly fileName: "file__name";
-    readonly fileRemoveButton: "file__remove-button";
-};
-export declare const FILE_ITEM_EVENT_NAMES: {
-    readonly removed: "removed";
-};
-export declare type TFileItemConstructorOptions = {
-    name: string;
-    id: string;
-};
-export declare const FILE_PICKER_CONTROL_CSS_CLASSES: {
-    readonly filePicker: "file-picker";
-    readonly filePickerDisabled: "file-picker_disabled";
-    readonly filePickerRequired: "file-picker_required";
-    readonly filePickerError: "file-picker_error";
-    readonly filePickerHasValue: "file-picker_has-value";
-    readonly filePickerInput: "file-picker__input";
-    readonly filePickerLabel: "file-picker__label";
-};
-export declare const FILE_PICKER_LABEL_EVENT_NAMES: {
-    readonly filePickerLabelClickedByEnterKey: "clickedByEnterKey";
-};
-export declare const FILE_PICKER_ICON_CSS_CLASSES: {
-    readonly filePickerIcon: "file-picker-icon";
-};
+export declare const FILE_ITEM_CSS_CLASSES: {
+    readonly file: "file";
+    readonly fileName: "file__name";
+    readonly fileRemoveButton: "file__remove-button";
+};
+export declare const FILE_ITEM_EVENT_NAMES: {
+    readonly removed: "removed";
+};
+export declare type TFileItemConstructorOptions = {
+    name: string;
+    id: string;
+};
+export declare const FILE_PICKER_CONTROL_CSS_CLASSES: {
+    readonly filePicker: "file-picker";
+    readonly filePickerDisabled: "file-picker_disabled";
+    readonly filePickerRequired: "file-picker_required";
+    readonly filePickerError: "file-picker_error";
+    readonly filePickerHasValue: "file-picker_has-value";
+    readonly filePickerInput: "file-picker__input";
+    readonly filePickerLabel: "file-picker__label";
+};
+export declare const FILE_PICKER_LABEL_EVENT_NAMES: {
+    readonly filePickerLabelClickedByEnterKey: "clickedByEnterKey";
+};
+export declare const FILE_PICKER_ICON_CSS_CLASSES: {
+    readonly filePickerIcon: "file-picker-icon";
+};

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

@@ -1,29 +1,27 @@
-const baseFileItemClass = 'file';
-const FILE_ITEM_CSS_CLASSES = {
-    file: baseFileItemClass,
-    fileName: `${baseFileItemClass}__name`,
-    fileRemoveButton: `${baseFileItemClass}__remove-button`
-};
-const FILE_ITEM_EVENT_NAMES = {
-    removed: 'removed'
-};
-const baseFilePickerControlClass = 'file-picker';
-const FILE_PICKER_CONTROL_CSS_CLASSES = {
-    filePicker: baseFilePickerControlClass,
-    filePickerDisabled: `${baseFilePickerControlClass}_disabled`,
-    filePickerRequired: `${baseFilePickerControlClass}_required`,
-    filePickerError: `${baseFilePickerControlClass}_error`,
-    filePickerHasValue: `${baseFilePickerControlClass}_has-value`,
-    filePickerInput: `${baseFilePickerControlClass}__input`,
-    filePickerLabel: `${baseFilePickerControlClass}__label`
-};
-const FILE_PICKER_LABEL_EVENT_NAMES = {
-    filePickerLabelClickedByEnterKey: 'clickedByEnterKey'
-};
-const baseFilePickerIconClass = 'file-picker-icon';
-const FILE_PICKER_ICON_CSS_CLASSES = {
-    filePickerIcon: baseFilePickerIconClass
+const baseFileItemClass = 'file';
+export const FILE_ITEM_CSS_CLASSES = {
+    file: baseFileItemClass,
+    fileName: `${baseFileItemClass}__name`,
+    fileRemoveButton: `${baseFileItemClass}__remove-button`
 };
-
-export { FILE_ITEM_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES, FILE_PICKER_LABEL_EVENT_NAMES };
-//# sourceMappingURL=file_picker_constants.js.map
+export const FILE_ITEM_EVENT_NAMES = {
+    removed: 'removed'
+};
+const baseFilePickerControlClass = 'file-picker';
+export const FILE_PICKER_CONTROL_CSS_CLASSES = {
+    filePicker: baseFilePickerControlClass,
+    filePickerDisabled: `${baseFilePickerControlClass}_disabled`,
+    filePickerRequired: `${baseFilePickerControlClass}_required`,
+    filePickerError: `${baseFilePickerControlClass}_error`,
+    filePickerHasValue: `${baseFilePickerControlClass}_has-value`,
+    filePickerInput: `${baseFilePickerControlClass}__input`,
+    filePickerLabel: `${baseFilePickerControlClass}__label`
+};
+export const FILE_PICKER_LABEL_EVENT_NAMES = {
+    filePickerLabelClickedByEnterKey: 'clickedByEnterKey'
+};
+const baseFilePickerIconClass = 'file-picker-icon';
+export const FILE_PICKER_ICON_CSS_CLASSES = {
+    filePickerIcon: baseFilePickerIconClass
+};
+//# sourceMappingURL=file_picker_constants.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_constants.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"file_picker_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/file_picker/file_picker_constants.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,iBAAiB;IACvB,QAAQ,EAAE,GAAG,iBAAiB,QAAQ;IACtC,gBAAgB,EAAE,GAAG,iBAAiB,iBAAiB;CACjD,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,OAAO,EAAE,SAAS;CACZ,CAAC;AAOX,MAAM,0BAA0B,GAAG,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,UAAU,EAAE,0BAA0B;IACtC,kBAAkB,EAAE,GAAG,0BAA0B,WAAW;IAC5D,kBAAkB,EAAE,GAAG,0BAA0B,WAAW;IAC5D,eAAe,EAAE,GAAG,0BAA0B,QAAQ;IACtD,kBAAkB,EAAE,GAAG,0BAA0B,YAAY;IAC7D,eAAe,EAAE,GAAG,0BAA0B,SAAS;IACvD,eAAe,EAAE,GAAG,0BAA0B,SAAS;CACjD,CAAC;AAEX,MAAM,CAAC,MAAM,6BAA6B,GAAG;IACzC,gCAAgC,EAAE,mBAAmB;CAC/C,CAAC;AAEX,MAAM,uBAAuB,GAAG,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,cAAc,EAAE,uBAAuB;CACjC,CAAC"}

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

@@ -1,11 +1,11 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HFilePickerLabel extends PhoenixLightLitElement {
-    controlId: string;
-    labelText: string;
-    labelIconName: string;
-    private _btnController;
-    constructor();
-    protected render(): TemplateResult;
-    private _dispatchClickEvent;
-}
+import { TemplateResult } from 'lit';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HFilePickerLabel extends PhoenixLightLitElement {
+    controlId: string;
+    labelText: string;
+    labelIconName: string;
+    private _btnController;
+    constructor();
+    protected render(): TemplateResult;
+    private _dispatchClickEvent;
+}

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

@@ -1,50 +1,48 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants';
 import { html, nothing } from 'lit';
+import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
+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 { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
-import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
-import { FILE_PICKER_LABEL_EVENT_NAMES, FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES } from './file_picker_constants.js';
-
-let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickEvent = (ev) => {
-            ev.preventDefault();
-            this.emitCustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey);
-        };
-        this._btnController = new BtnController(this, this._dispatchClickEvent);
-    }
-    render() {
-        super.render();
+let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchClickEvent = (ev) => {
+            ev.preventDefault();
+            this.emitCustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey);
+        };
+        this._btnController = new BtnController(this, this._dispatchClickEvent);
+    }
+    render() {
+        super.render();
         return html `<label class="${FILE_PICKER_CONTROL_CSS_CLASSES.filePickerLabel}" for="${this.controlId}">
-            ${this.labelIconName
+            ${this.labelIconName
             ? html `<h-icon
                       class="${ICON_CSS_CLASSES.icon} ${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
                       icon-name=${this.labelIconName}
-                  />`
+                  />`
             : nothing}
             ${this.labelText}
-        </label>`;
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'control-id', reflect: true }),
-    __metadata("design:type", String)
-], HFilePickerLabel.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String, attribute: 'label-text' }),
-    __metadata("design:type", String)
-], HFilePickerLabel.prototype, "labelText", void 0);
-__decorate([
-    property({ type: String, attribute: 'label-icon-name' }),
-    __metadata("design:type", String)
-], HFilePickerLabel.prototype, "labelIconName", void 0);
-HFilePickerLabel = __decorate([
-    phoenixCustomElement('h-file-picker-label'),
-    __metadata("design:paramtypes", [])
+        </label>`;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'control-id', reflect: true }),
+    __metadata("design:type", String)
+], HFilePickerLabel.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-text' }),
+    __metadata("design:type", String)
+], HFilePickerLabel.prototype, "labelText", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-icon-name' }),
+    __metadata("design:type", String)
+], HFilePickerLabel.prototype, "labelIconName", void 0);
+HFilePickerLabel = __decorate([
+    phoenixCustomElement('h-file-picker-label'),
+    __metadata("design:paramtypes", [])
 ], HFilePickerLabel);
-
 export { HFilePickerLabel };
-//# sourceMappingURL=file_picker_label.js.map
+//# sourceMappingURL=file_picker_label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;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_label.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/file_picker/file_picker_label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,+BAA+B,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AACvI,OAAO,EAAkB,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,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;AAG1C,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,sBAAsB;IAYxD;QACI,KAAK,EAAE,CAAC;QAmBJ,wBAAmB,GAAG,CAAC,EAAiB,EAAQ,EAAE;YACtD,EAAE,CAAC,cAAc,EAAE,CAAC;YAEpB,IAAI,CAAC,eAAe,CAAC,6BAA6B,CAAC,gCAAgC,CAAC,CAAC;QACzF,CAAC,CAAC;QArBE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;IAES,MAAM;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA,iBAAiB,+BAA+B,CAAC,eAAe,UAAU,IAAI,CAAC,SAAS;cAC7F,IAAI,CAAC,aAAa;YAChB,CAAC,CAAC,IAAI,CAAA;+BACS,gBAAgB,CAAC,IAAI,IAAI,4BAA4B,CAAC,cAAc;kCACjE,IAAI,CAAC,aAAa;qBAC/B;YACL,CAAC,CAAC,OAAO;cACX,IAAI,CAAC,SAAS;iBACX,CAAC;IACd,CAAC;CAOJ,CAAA;AAnCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;mDAC1C;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;;mDAC3B;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;;uDAC5B;AARpB,gBAAgB;IAD5B,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,gBAAgB,CAqC5B;SArCY,gBAAgB"}

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

@@ -1,6 +1,6 @@
-import { HFilePicker } from "./file_picker";
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-file-picker': HFilePicker;
-    }
-}
+import { HFilePicker } from '@phoenixRoot/components/form/file_picker/file_picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-file-picker': HFilePicker;
+    }
+}