@shoper/phoenix_design_system 0.10.0 → 0.11.0-1

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js

@@ -0,0 +1,50 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { ContextConsumerController } from '../../../../core/context/context_consumer_controller.js';
+import { FORM_CONTROL_CONTEXTS } from './control_props_sync_controller_constants.js';
+import { Observer } from '../../../../core/classes/observer/observer.js';
+
+var _ControlPropsSyncConsumerController_host, _ControlPropsSyncConsumerController_contextConsumer, _ControlPropsSyncConsumerController_basePropsObservable, _ControlPropsSyncConsumerController_propsObserver, _ControlPropsSyncConsumerController_onPropsUpdated;
+class ControlPropsSyncConsumerController {
+    constructor({ host, onPropsUpdated }) {
+        _ControlPropsSyncConsumerController_host.set(this, void 0);
+        _ControlPropsSyncConsumerController_contextConsumer.set(this, void 0);
+        _ControlPropsSyncConsumerController_basePropsObservable.set(this, void 0);
+        _ControlPropsSyncConsumerController_propsObserver.set(this, void 0);
+        _ControlPropsSyncConsumerController_onPropsUpdated.set(this, void 0);
+        this._syncProps = (props) => {
+            Object.entries(props).forEach(([key, value]) => {
+                // eslint-disable-next-line no-prototype-builtins
+                if (key in __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")) {
+                    __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] = value;
+                }
+            });
+            __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f").requestUpdate();
+        };
+        __classPrivateFieldSet(this, _ControlPropsSyncConsumerController_host, host, "f");
+        __classPrivateFieldSet(this, _ControlPropsSyncConsumerController_contextConsumer, new ContextConsumerController(__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")), "f");
+        __classPrivateFieldSet(this, _ControlPropsSyncConsumerController_onPropsUpdated, onPropsUpdated, "f");
+        __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldSet(this, _ControlPropsSyncConsumerController_basePropsObservable, __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_contextConsumer, "f").consume(FORM_CONTROL_CONTEXTS.baseProps), "f");
+        if (!__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f"))
+            return;
+        this._setupPropsSync();
+    }
+    _setupPropsSync() {
+        var _a;
+        if (!__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f"))
+            return;
+        __classPrivateFieldSet(this, _ControlPropsSyncConsumerController_propsObserver, new Observer((_a = __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_onPropsUpdated, "f")) !== null && _a !== void 0 ? _a : this._syncProps), "f");
+        __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f").subscribe(__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_propsObserver, "f"));
+    }
+    hostDisconnected() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f")) === null || _a === void 0 ? void 0 : _a.unsubscribe(__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_propsObserver, "f"));
+    }
+}
+_ControlPropsSyncConsumerController_host = new WeakMap(), _ControlPropsSyncConsumerController_contextConsumer = new WeakMap(), _ControlPropsSyncConsumerController_basePropsObservable = new WeakMap(), _ControlPropsSyncConsumerController_propsObserver = new WeakMap(), _ControlPropsSyncConsumerController_onPropsUpdated = new WeakMap();
+
+export { ControlPropsSyncConsumerController };
+//# sourceMappingURL=control_props_sync_consumer_controller.js.map

package/build/esm/packages/phoenix/src/{hello_button.js.map → components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,sCAA0C;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/props_synchronizing/control_props_sync_controller_constants.d.ts

@@ -0,0 +1,12 @@
+export declare const FORM_CONTROL_CONTEXTS: {
+    readonly baseProps: "baseProps";
+};
+export declare const BASE_FORM_CONTROL_PROPS: {
+    readonly disabled: "disabled";
+    readonly required: "required";
+    readonly hidden: "hidden";
+    readonly readonly: "readonly";
+    readonly id: "id";
+    readonly name: "name";
+    readonly value: "value";
+};

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.js

@@ -0,0 +1,15 @@
+const FORM_CONTROL_CONTEXTS = {
+    baseProps: 'baseProps'
+};
+const BASE_FORM_CONTROL_PROPS = {
+    disabled: 'disabled',
+    required: 'required',
+    hidden: 'hidden',
+    readonly: 'readonly',
+    id: 'id',
+    name: 'name',
+    value: 'value'
+};
+
+export { BASE_FORM_CONTROL_PROPS, FORM_CONTROL_CONTEXTS };
+//# sourceMappingURL=control_props_sync_controller_constants.js.map

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_types.d.ts

@@ -0,0 +1,20 @@
+import { ReactiveControllerHost } from 'lit';
+export declare type TBaseFormControlProps = Partial<{
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    id: string;
+    name: string;
+    value: string;
+}>;
+export declare type TBaseFormControlPropsController = ReactiveControllerHost & TBaseFormControlProps & HTMLElement;
+export declare type TOnPropsUpdatedListener = (props: TBaseFormControlProps) => void;
+export declare type TControlPropsSyncConsumerControllerConstructorOptions = {
+    host: TBaseFormControlPropsController;
+    onPropsUpdated?: TOnPropsUpdatedListener;
+};
+export declare type ControlPropsSyncProviderControllerConstructorOptions = {
+    host: TBaseFormControlPropsController;
+    propsToSync?: string[];
+};

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_types.js

@@ -0,0 +1,2 @@
+import 'lit';
+//# sourceMappingURL=control_props_sync_controller_types.js.map

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control_props_sync_controller_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/controllers/props_synchronizing/control_props_sync_controller_types.ts"],"names":[],"mappings":"AAAA,OAAuC,KAAK,CAAC"}

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.d.ts

@@ -0,0 +1,8 @@
+import { ReactiveController } from 'lit';
+import { ControlPropsSyncProviderControllerConstructorOptions } from "./control_props_sync_controller_types";
+export declare class ControlPropsSyncProviderController implements ReactiveController {
+    #private;
+    constructor({ host, propsToSync }: ControlPropsSyncProviderControllerConstructorOptions);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js

@@ -0,0 +1,35 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { ContextProviderController } from '../../../../core/context/context_provider_controller.js';
+import { BASE_FORM_CONTROL_PROPS, FORM_CONTROL_CONTEXTS } from './control_props_sync_controller_constants.js';
+import { Subject } from '../../../../core/classes/subject/subject.js';
+
+var _ControlPropsSyncProviderController_host, _ControlPropsSyncProviderController_controlPropsProvider, _ControlPropsSyncProviderController_propsObservable, _ControlPropsSyncProviderController_propsToSync;
+class ControlPropsSyncProviderController {
+    constructor({ host, propsToSync = Object.keys(BASE_FORM_CONTROL_PROPS) }) {
+        _ControlPropsSyncProviderController_host.set(this, void 0);
+        _ControlPropsSyncProviderController_controlPropsProvider.set(this, void 0);
+        _ControlPropsSyncProviderController_propsObservable.set(this, new Subject());
+        _ControlPropsSyncProviderController_propsToSync.set(this, void 0);
+        __classPrivateFieldSet(this, _ControlPropsSyncProviderController_host, host, "f");
+        __classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f").addController(this);
+        __classPrivateFieldSet(this, _ControlPropsSyncProviderController_controlPropsProvider, new ContextProviderController(__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")), "f");
+        __classPrivateFieldSet(this, _ControlPropsSyncProviderController_propsToSync, propsToSync, "f");
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _ControlPropsSyncProviderController_controlPropsProvider, "f").provide(FORM_CONTROL_CONTEXTS.baseProps, __classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsObservable, "f"));
+    }
+    hostUpdated() {
+        const controlPropsWithValuesToSync = __classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsToSync, "f").reduce((acc, propsName) => {
+            return {
+                ...acc,
+                [propsName]: __classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName]
+            };
+        }, {});
+        __classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsObservable, "f").notify(controlPropsWithValuesToSync);
+    }
+}
+_ControlPropsSyncProviderController_host = new WeakMap(), _ControlPropsSyncProviderController_controlPropsProvider = new WeakMap(), _ControlPropsSyncProviderController_propsObservable = new WeakMap(), _ControlPropsSyncProviderController_propsToSync = new WeakMap();
+
+export { ControlPropsSyncProviderController };
+//# sourceMappingURL=control_props_sync_provider_controller.js.map

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_provider_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -0,0 +1,13 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import type { TInputSizesType } from "./input_types";
+export declare class HInput extends PhoenixLightLitElement {
+    size?: TInputSizesType;
+    withButton: boolean;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    error: boolean;
+    constructor();
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,68 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+import classnames from '../../../../external/classnames/index.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+
+let HInput = class HInput extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.withButton = false;
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.error = false;
+        new ControlPropsSyncProviderController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        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);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "withButton", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInput.prototype, "error", void 0);
+HInput = __decorate([
+    phoenixCustomElement('h-input'),
+    __metadata("design:paramtypes", [])
+], HInput);
+
+export { HInput };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;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;"}

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

@@ -0,0 +1,32 @@
+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 textarea: "textarea";
+    readonly select: "select";
+    readonly multiSelect: "multiSelect";
+    readonly hidden: "hidden";
+    readonly email: "email";
+    readonly tel: "tel";
+    readonly password: "password";
+};
+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";
+};

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

@@ -0,0 +1,36 @@
+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',
+    textarea: 'textarea',
+    select: 'select',
+    multiSelect: 'multiSelect',
+    hidden: 'hidden',
+    email: 'email',
+    tel: 'tel',
+    password: 'password'
+};
+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'
+};
+
+export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES };
+//# sourceMappingURL=input_constants.js.map

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

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,17 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+import type { TInputControlType } from "./input_types";
+export declare class HInputControl extends PhoenixLightLitElement {
+    type: TInputControlType;
+    id: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    value: string;
+    constructor();
+    protected render(): TemplateResult;
+    private _handleChangeEvent;
+    private _handleInputEvent;
+}

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

@@ -0,0 +1,90 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { INPUT_CONTROL_TYPES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+
+let HInputControl = class HInputControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.type = INPUT_CONTROL_TYPES.text;
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this._handleChangeEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(INPUT_CONTROL_EVENTS.change, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        this._handleInputEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(INPUT_CONTROL_EVENTS.input, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    render() {
+        super.render();
+        return html `
+            <input
+                id="${this.id}"
+                name="${this.name}"
+                type="${this.type}"
+                value="${this.value}"
+                class="${INPUT_CONTROL_CSS_CLASSES.inputControl}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                @change="${this._handleChangeEvent}"
+                @input="${this._handleInputEvent}"
+            />
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInputControl.prototype, "type", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInputControl.prototype, "id", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInputControl.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInputControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInputControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInputControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HInputControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInputControl.prototype, "value", void 0);
+HInputControl = __decorate([
+    phoenixCustomElement('h-input-control'),
+    __metadata("design:paramtypes", [])
+], HInputControl);
+
+export { HInputControl };
+//# sourceMappingURL=input_control.js.map

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

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_icon.d.ts

@@ -0,0 +1,8 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HInputIcon extends PhoenixLightLitElement {
+    static src: string;
+    iconName: string;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}

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

@@ -0,0 +1,33 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+
+var HInputIcon_1;
+let HInputIcon = HInputIcon_1 = class HInputIcon extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon);
+    }
+    render() {
+        super.render();
+        return html `
+            <svg class='${INPUT_CONTROL_CSS_CLASSES.inputIcon}'>
+                <use xlink:href='${HInputIcon_1.src}${this.iconName}'
+                </use>
+            </svg>
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInputIcon.prototype, "iconName", void 0);
+HInputIcon = HInputIcon_1 = __decorate([
+    phoenixCustomElement('h-input-icon')
+], HInputIcon);
+
+export { HInputIcon };
+//# sourceMappingURL=input_icon.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,22 @@
+import { INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES } from "./input_constants";
+import { Any } from 'ts-toolbelt';
+import { HInput } from "./input";
+import { HInputControl } from "./input_control";
+import { HInputIcon } from "./input_icon";
+export declare type TInputSizesType = Any.Keys<typeof INPUT_CONTROL_SIZES>;
+export declare type TInputControlType = Any.Keys<typeof INPUT_CONTROL_TYPES>;
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input': HInput;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-control': HInputControl;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-icon': HInputIcon;
+    }
+}

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

@@ -0,0 +1,6 @@
+import '@phoenixRoot/components/form/input/input_constants';
+import 'ts-toolbelt';
+import '@phoenixRoot/components/form/input/input';
+import '@phoenixRoot/components/form/input/input_control';
+import '@phoenixRoot/components/form/input/input_icon';
+//# sourceMappingURL=input_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input/input_types.ts"],"names":[],"mappings":"AAAA,OAAyD,oDAAoD,CAAC;AAC9G,OAAoB,aAAa,CAAC;AAClC,OAAuB,0CAA0C,CAAC;AAClE,OAA8B,kDAAkD,CAAC;AACjF,OAA2B,+CAA+C,CAAC"}

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

@@ -0,0 +1,9 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+export declare class HInputUnit extends PhoenixLightLitElement {
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-unit': HInputUnit;
+    }
+}

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

@@ -0,0 +1,17 @@
+import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+
+let HInputUnit = class HInputUnit extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputUnit);
+    }
+};
+HInputUnit = __decorate([
+    phoenixCustomElement('h-input-unit')
+], HInputUnit);
+
+export { HInputUnit };
+//# sourceMappingURL=input_unit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,3 @@
+export declare const LABEL_CSS_CLASSES: {
+    readonly label: "label";
+};

package/build/esm/packages/phoenix/src/components/form/label/label_constants.js

@@ -0,0 +1,6 @@
+const LABEL_CSS_CLASSES = {
+    label: 'label'
+};
+
+export { LABEL_CSS_CLASSES };
+//# sourceMappingURL=label_constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,13 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+export declare class HRadio extends PhoenixLightLitElement {
+    id: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    checked: boolean;
+    error: boolean;
+    constructor();
+    connectedCallback(): void;
+}