@shoper/phoenix_design_system 1.3.0 → 1.3.2

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: "fileItemRemoved";
-};
-export 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: "filePickerLabelClickedByEnterKey";
-};
-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: "fileItemRemoved";
+};
+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: "filePickerLabelClickedByEnterKey";
+};
+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,27 +1,29 @@
-const baseFileItemClass = 'file';
-export const FILE_ITEM_CSS_CLASSES = {
-    file: baseFileItemClass,
-    fileName: `${baseFileItemClass}__name`,
-    fileRemoveButton: `${baseFileItemClass}__remove-button`
+const baseFileItemClass = 'file';
+const FILE_ITEM_CSS_CLASSES = {
+    file: baseFileItemClass,
+    fileName: `${baseFileItemClass}__name`,
+    fileRemoveButton: `${baseFileItemClass}__remove-button`
+};
+const FILE_ITEM_EVENT_NAMES = {
+    removed: 'fileItemRemoved'
+};
+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: 'filePickerLabelClickedByEnterKey'
+};
+const baseFilePickerIconClass = 'file-picker-icon';
+const FILE_PICKER_ICON_CSS_CLASSES = {
+    filePickerIcon: baseFilePickerIconClass
 };
-export const FILE_ITEM_EVENT_NAMES = {
-    removed: 'fileItemRemoved'
-};
-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: 'filePickerLabelClickedByEnterKey'
-};
-const baseFilePickerIconClass = 'file-picker-icon';
-export const FILE_PICKER_ICON_CSS_CLASSES = {
-    filePickerIcon: baseFilePickerIconClass
-};
-//# sourceMappingURL=file_picker_constants.js.map
+
+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

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

@@ -1 +1 @@
-{"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,iBAAiB;CACpB,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,kCAAkC;CAC9D,CAAC;AAEX,MAAM,uBAAuB,GAAG,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,cAAc,EAAE,uBAAuB;CACjC,CAAC"}
+{"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;"}

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 '@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;
-}
+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;
+}

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

@@ -1,49 +1,51 @@
-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 { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 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';
-let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickEvent = () => {
-            this.dispatchEvent(new CustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, {
-                bubbles: true
-            }));
-        };
-        this._btnController = new BtnController(this, this._dispatchClickEvent);
-    }
-    render() {
-        super.render();
+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 = () => {
+            this.dispatchEvent(new CustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, {
+                bubbles: true
+            }));
+        };
+        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":"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;AAGnC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,sBAAsB;IAYxD;QACI,KAAK,EAAE,CAAC;QAmBJ,wBAAmB,GAAG,GAAS,EAAE;YACrC,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,6BAA6B,CAAC,gCAAgC,EAAE;gBAC5E,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QAvBE,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;CASJ,CAAA;AAtCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;mDAC1C;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;;mDAC3B;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;;uDAC5B;AARpB,gBAAgB;IAD5B,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,gBAAgB,CAuC5B;SAvCY,gBAAgB"}
+{"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;AACA;"}

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

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

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

@@ -1,19 +1,19 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import type { TInputControlType } from '@phoenixRoot/components/form/input/input_types';
-import type { TInputSizesType } from '@phoenixRoot/components/form/input/input_types';
-export declare class HInput extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    size?: TInputSizesType;
-    withButton: boolean;
-    disabled: boolean;
-    required: boolean;
-    hidden: boolean;
-    readonly: boolean;
-    error: boolean;
-    placeholder: string;
-    type: TInputControlType;
-    value: string;
-    constructor();
-    connectedCallback(): void;
-}
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import type { TInputControlType } from "./input_types";
+import type { TInputSizesType } from "./input_types";
+export declare class HInput extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    size?: TInputSizesType;
+    withButton: boolean;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    error: boolean;
+    placeholder: string;
+    type: TInputControlType;
+    value: string;
+    constructor();
+    connectedCallback(): void;
+}

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

@@ -1,85 +1,87 @@
-import { __decorate, __metadata } from "tslib";
-import { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from '@phoenixRoot/components/form/input/input_constants';
-import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants';
-import { ControlPropsSyncProviderController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_provider_controller';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import classNames from 'classnames';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-let HInput = class HInput extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.type = INPUT_CONTROL_TYPES.text;
-        new ControlPropsSyncProviderController({
-            host: this,
-            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(INPUT_PROPS_TO_SYNC)]
-        });
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        if (this.type !== INPUT_CONTROL_TYPES.hidden) {
-            this.classList.add(INPUT_CONTROL_CSS_CLASSES.input);
-        }
-        const cssClasses = classNames({
-            [INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
-            [INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
-        }, INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
-        if (cssClasses)
-            this.classList.add(...cssClasses.split(' '));
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "controlName", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "withButton", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HInput.prototype, "error", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "type", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HInput.prototype, "value", void 0);
-HInput = __decorate([
-    phoenixCustomElement('h-input'),
-    __metadata("design:paramtypes", [])
+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 { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+
+let HInput = class HInput extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.type = INPUT_CONTROL_TYPES.text;
+        new ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(INPUT_PROPS_TO_SYNC)]
+        });
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        if (this.type !== INPUT_CONTROL_TYPES.hidden) {
+            this.classList.add(INPUT_CONTROL_CSS_CLASSES.input);
+        }
+        const cssClasses = classnames({
+            [INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
+            [INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
+        }, INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
+        if (cssClasses)
+            this.classList.add(...cssClasses.split(' '));
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "controlName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "withButton", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HInput.prototype, "error", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "type", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "value", void 0);
+HInput = __decorate([
+    phoenixCustomElement('h-input'),
+    __metadata("design:paramtypes", [])
 ], HInput);
+
 export { HInput };
-//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input/input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAEzI,OAAO,EAAE,uBAAuB,EAAE,MAAM,4EAA4E,CAAC;AACrH,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAG/G,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,sBAAsB;IAqC9C;QACI,KAAK,EAAE,CAAC;QANL,SAAI,GAAsB,mBAAmB,CAAC,IAAI,CAAC;QAQtD,IAAI,kCAAkC,CAAC;YACnC,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;SAChG,CAAC,CAAC;IACP,CAAC;IAEM,iBAAiB;;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB,CAAC,MAAM,EAAE;YAC1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;SACvD;QAED,MAAM,UAAU,GAAG,UAAU,CACzB;YACI,CAAC,yBAAyB,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,QAAQ;YACxD,CAAC,yBAAyB,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK;SACrD,EACD,yBAAyB,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAC7C,CAAC;QAEF,IAAI,UAAU;YAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,CAAC;CACJ,CAAA;AA9DG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCACF;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oCACG;AAE9B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;0CACD;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;wCACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;wCACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;sCACL;AAEvB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;wCACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;qCACN;AAEtB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oCAC+B;AAE1D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qCACN;AAnCZ,MAAM;IADlB,oBAAoB,CAAC,SAAS,CAAC;;GACnB,MAAM,CA+DlB;SA/DY,MAAM"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,35 +1,35 @@
-export declare const INPUT_CONTROL_SIZES: {
-    readonly large: "large";
-    readonly small: "small";
-};
-export declare const INPUT_CONTROL_TYPES: {
-    readonly text: "text";
-    readonly radio: "radio";
-    readonly checkbox: "checkbox";
-    readonly number: "number";
-    readonly range: "range";
-    readonly select: "select";
-    readonly multiSelect: "multiSelect";
-    readonly hidden: "hidden";
-    readonly email: "email";
-    readonly tel: "tel";
-    readonly password: "password";
-    readonly file: "file";
-};
-export declare const INPUT_CONTROL_CSS_CLASSES: {
-    readonly input: "input";
-    readonly inputIcon: "input__icon";
-    readonly inputUnit: "input__unit";
-    readonly inputControl: "input__control";
-    readonly inputDisabled: "input_disabled";
-    readonly inputError: "input_error";
-    readonly small: "input_s";
-    readonly large: "input_l";
-};
-export declare const INPUT_CONTROL_EVENTS: {
-    readonly change: "change";
-    readonly input: "input";
-};
-export declare const INPUT_PROPS_TO_SYNC: {
-    readonly placeholder: "placeholder";
-};
+export declare const INPUT_CONTROL_SIZES: {
+    readonly large: "large";
+    readonly small: "small";
+};
+export declare const INPUT_CONTROL_TYPES: {
+    readonly text: "text";
+    readonly radio: "radio";
+    readonly checkbox: "checkbox";
+    readonly number: "number";
+    readonly range: "range";
+    readonly select: "select";
+    readonly multiSelect: "multiSelect";
+    readonly hidden: "hidden";
+    readonly email: "email";
+    readonly tel: "tel";
+    readonly password: "password";
+    readonly file: "file";
+};
+export declare const INPUT_CONTROL_CSS_CLASSES: {
+    readonly input: "input";
+    readonly inputIcon: "input__icon";
+    readonly inputUnit: "input__unit";
+    readonly inputControl: "input__control";
+    readonly inputDisabled: "input_disabled";
+    readonly inputError: "input_error";
+    readonly small: "input_s";
+    readonly large: "input_l";
+};
+export declare const INPUT_CONTROL_EVENTS: {
+    readonly change: "change";
+    readonly input: "input";
+};
+export declare const INPUT_PROPS_TO_SYNC: {
+    readonly placeholder: "placeholder";
+};

package/build/esm/packages/phoenix/src/components/form/input/input_constants.js

@@ -1,37 +1,39 @@
-const baseInputControlClass = 'input';
-export const INPUT_CONTROL_SIZES = {
-    large: 'large',
-    small: 'small'
+const baseInputControlClass = 'input';
+const INPUT_CONTROL_SIZES = {
+    large: 'large',
+    small: 'small'
+};
+const INPUT_CONTROL_TYPES = {
+    text: 'text',
+    radio: 'radio',
+    checkbox: 'checkbox',
+    number: 'number',
+    range: 'range',
+    select: 'select',
+    multiSelect: 'multiSelect',
+    hidden: 'hidden',
+    email: 'email',
+    tel: 'tel',
+    password: 'password',
+    file: 'file'
+};
+const INPUT_CONTROL_CSS_CLASSES = {
+    input: baseInputControlClass,
+    inputIcon: `${baseInputControlClass}__icon`,
+    inputUnit: `${baseInputControlClass}__unit`,
+    inputControl: `${baseInputControlClass}__control`,
+    inputDisabled: `${baseInputControlClass}_disabled`,
+    inputError: `${baseInputControlClass}_error`,
+    [INPUT_CONTROL_SIZES.small]: `${baseInputControlClass}_s`,
+    [INPUT_CONTROL_SIZES.large]: `${baseInputControlClass}_l`
+};
+const INPUT_CONTROL_EVENTS = {
+    change: 'change',
+    input: 'input'
+};
+const INPUT_PROPS_TO_SYNC = {
+    placeholder: 'placeholder'
 };
-export const INPUT_CONTROL_TYPES = {
-    text: 'text',
-    radio: 'radio',
-    checkbox: 'checkbox',
-    number: 'number',
-    range: 'range',
-    select: 'select',
-    multiSelect: 'multiSelect',
-    hidden: 'hidden',
-    email: 'email',
-    tel: 'tel',
-    password: 'password',
-    file: 'file'
-};
-export const INPUT_CONTROL_CSS_CLASSES = {
-    input: baseInputControlClass,
-    inputIcon: `${baseInputControlClass}__icon`,
-    inputUnit: `${baseInputControlClass}__unit`,
-    inputControl: `${baseInputControlClass}__control`,
-    inputDisabled: `${baseInputControlClass}_disabled`,
-    inputError: `${baseInputControlClass}_error`,
-    [INPUT_CONTROL_SIZES.small]: `${baseInputControlClass}_s`,
-    [INPUT_CONTROL_SIZES.large]: `${baseInputControlClass}_l`
-};
-export const INPUT_CONTROL_EVENTS = {
-    change: 'change',
-    input: 'input'
-};
-export const INPUT_PROPS_TO_SYNC = {
-    placeholder: 'placeholder'
-};
-//# sourceMappingURL=input_constants.js.map
+
+export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC };
+//# sourceMappingURL=input_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input/input_constants.ts"],"names":[],"mappings":"AAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,GAAG,qBAAqB,QAAQ;IAC3C,SAAS,EAAE,GAAG,qBAAqB,QAAQ;IAC3C,YAAY,EAAE,GAAG,qBAAqB,WAAW;IACjD,aAAa,EAAE,GAAG,qBAAqB,WAAW;IAClD,UAAU,EAAE,GAAG,qBAAqB,QAAQ;IAC5C,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,qBAAqB,IAAI;IACzD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,qBAAqB,IAAI;CACnD,CAAC;AAEX,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,WAAW,EAAE,aAAa;CACpB,CAAC"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}