@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -1,8 +1,8 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { TemplateResult } from 'lit';
-export declare class HSwitchContent extends PhoenixLightLitElement {
-    controlId: string;
-    constructor();
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-}
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HSwitchContent extends PhoenixLightLitElement {
+    controlId: string;
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}

package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js

@@ -1,41 +1,43 @@
-import { __decorate, __metadata } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html, nothing } from 'lit';
-import { SWITCH_CONTROL_CSS_CLASSES, SWITCH_SLOTS } from '@phoenixRoot/components/form/switch/switch_constants';
-import { ControlPropsSyncConsumerController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller';
-import { LABEL_CSS_CLASSES } from '@phoenixRoot/components/form/label/label_constants';
 import { property } from 'lit/decorators';
-import { ifDefined } from 'lit/directives/if-defined.js';
-let HSwitchContent = class HSwitchContent extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        new ControlPropsSyncConsumerController({
-            host: this
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(SWITCH_CONTROL_CSS_CLASSES.switchContent);
-    }
-    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 { ifDefined } from 'lit-html/directives/if-defined.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
+import { SWITCH_CONTROL_CSS_CLASSES, SWITCH_SLOTS } from './switch_constants.js';
+
+let HSwitchContent = class HSwitchContent extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(SWITCH_CONTROL_CSS_CLASSES.switchContent);
+    }
+    render() {
+        super.render();
         return html `
             <label class="${LABEL_CSS_CLASSES.label}" for="${ifDefined(this.controlId)}">${this.getSlot(SWITCH_SLOTS.label)}</label>
 
-            ${this.hasSlot(SWITCH_SLOTS.description)
-            ? html ` <div class="${SWITCH_CONTROL_CSS_CLASSES.switchDescription}">${this.getSlot(SWITCH_SLOTS.description)}</div> `
+            ${this.hasSlot(SWITCH_SLOTS.description)
+            ? html ` <div class="${SWITCH_CONTROL_CSS_CLASSES.switchDescription}">${this.getSlot(SWITCH_SLOTS.description)}</div> `
             : nothing}
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSwitchContent.prototype, "controlId", void 0);
-HSwitchContent = __decorate([
-    phoenixCustomElement('h-switch-content'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSwitchContent.prototype, "controlId", void 0);
+HSwitchContent = __decorate([
+    phoenixCustomElement('h-switch-content'),
+    __metadata("design:paramtypes", [])
 ], HSwitchContent);
+
 export { HSwitchContent };
-//# sourceMappingURL=switch_content.js.map
+//# sourceMappingURL=switch_content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/switch/switch_content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGlD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,sBAAsB;IAItD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,kCAAkC,CAAC;YACnC,IAAI,EAAE,IAAI;SACb,CAAC,CAAC;IACP,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;IAES,MAAM;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA;4BACS,iBAAiB,CAAC,KAAK,UAAU,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;cAE7G,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC;YACpC,CAAC,CAAC,IAAI,CAAA,gBAAgB,0BAA0B,CAAC,iBAAiB,KAAK,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,SAAS;YACtH,CAAC,CAAC,OAAO;SAChB,CAAC;IACN,CAAC;CACJ,CAAA;AA5BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDACF;AAFhB,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;;GAC5B,cAAc,CA6B1B;SA7BY,cAAc"}
+{"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;"}

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

@@ -1,16 +1,16 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { TemplateResult } from 'lit';
-export declare class HSwitchControl extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    hidden: boolean;
-    readonly: boolean;
-    checked: boolean;
-    value: string;
-    constructor();
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-    private _handleChangeEvent;
-}
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HSwitchControl extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    checked: boolean;
+    value: string;
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    private _handleChangeEvent;
+}

package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js

@@ -1,30 +1,31 @@
-import { __decorate, __metadata } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { property } from 'lit/decorators';
-import { ControlPropsSyncConsumerController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
-import { SWITCH_CONTROL_CSS_CLASSES, SWITCH_CONTROL_EVENTS } from '@phoenixRoot/components/form/switch/switch_constants';
-import { ifDefined } from 'lit/directives/if-defined.js';
-let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._handleChangeEvent = (event) => {
-            this.dispatchEvent(new CustomEvent(SWITCH_CONTROL_EVENTS.change, {
-                detail: event,
-                bubbles: true
-            }));
-        };
-        new ControlPropsSyncConsumerController({
-            host: this
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(SWITCH_CONTROL_CSS_CLASSES.switchControl);
-    }
-    render() {
-        super.render();
+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 { ifDefined } from 'lit-html/directives/if-defined.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { SWITCH_CONTROL_EVENTS, SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
+
+let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._handleChangeEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(SWITCH_CONTROL_EVENTS.change, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(SWITCH_CONTROL_CSS_CLASSES.switchControl);
+    }
+    render() {
+        super.render();
         return html `
             <input
                 type="checkbox"
@@ -41,44 +42,45 @@ let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
             />
 
             <label class="${SWITCH_CONTROL_CSS_CLASSES.switchLabel}" for="${this.controlId}"></label>
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSwitchControl.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSwitchControl.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HSwitchControl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HSwitchControl.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HSwitchControl.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HSwitchControl.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HSwitchControl.prototype, "checked", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSwitchControl.prototype, "value", void 0);
-HSwitchControl = __decorate([
-    phoenixCustomElement('h-switch-control'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSwitchControl.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSwitchControl.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSwitchControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSwitchControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSwitchControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSwitchControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSwitchControl.prototype, "checked", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSwitchControl.prototype, "value", void 0);
+HSwitchControl = __decorate([
+    phoenixCustomElement('h-switch-control'),
+    __metadata("design:paramtypes", [])
 ], HSwitchControl);
+
 export { HSwitchControl };
-//# sourceMappingURL=switch_control.js.map
+//# sourceMappingURL=switch_control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/switch/switch_control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AACzH,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGlD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,sBAAsB;IAyBtD;QACI,KAAK,EAAE,CAAC;QAmCJ,uBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;YAC1C,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,qBAAqB,CAAC,MAAM,EAAE;gBAC1C,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QAxCE,IAAI,kCAAkC,CAAC;YACnC,IAAI,EAAE,IAAI;SACb,CAAC,CAAC;IACP,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;IAES,MAAM;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA;;;yBAGM,0BAA0B,CAAC,WAAW;sBACzC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;wBACvB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;yBAC1B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;6BACjB,IAAI,CAAC,QAAQ;6BACb,IAAI,CAAC,QAAQ;6BACb,IAAI,CAAC,QAAQ;2BACf,IAAI,CAAC,MAAM;4BACV,IAAI,CAAC,OAAO;2BACb,IAAI,CAAC,kBAAkB;;;4BAGtB,0BAA0B,CAAC,WAAW,UAAU,IAAI,CAAC,SAAS;SACjF,CAAC;IACN,CAAC;CAUJ,CAAA;AApEG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDACF;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;gDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;gDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;8CACL;AAEvB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;gDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACJ;AAExB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6CACN;AAvBZ,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;;GAC5B,cAAc,CAqE1B;SArEY,cAAc"}
+{"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;"}

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

@@ -1,18 +1,18 @@
-import { HSwitch } from '@phoenixRoot/components/form/switch/switch';
-import { HSwitchContent } from '@phoenixRoot/components/form/switch/switch_content';
-import { HSwitchControl } from '@phoenixRoot/components/form/switch/switch_control';
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-switch': HSwitch;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-switch-content': HSwitchContent;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-switch-control': HSwitchControl;
-    }
-}
+import { HSwitch } from "./switch";
+import { HSwitchContent } from "./switch_content";
+import { HSwitchControl } from "./switch_control";
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-switch': HSwitch;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-switch-content': HSwitchContent;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-switch-control': HSwitchControl;
+    }
+}

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

@@ -1,14 +1,14 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HTextarea extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    hidden: boolean;
-    readonly: boolean;
-    error: boolean;
-    placeholder: string;
-    value: string;
-    constructor();
-    connectedCallback(): void;
-}
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HTextarea extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    error: boolean;
+    placeholder: string;
+    value: string;
+    constructor();
+    connectedCallback(): void;
+}

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

@@ -1,70 +1,72 @@
-import { __decorate, __metadata } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { ControlPropsSyncProviderController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_provider_controller';
-import classNames from 'classnames';
-import { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_PROPS_TO_SYNC } from './textarea_constants';
-import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants';
-let HTextarea = class HTextarea extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        new ControlPropsSyncProviderController({
-            host: this,
-            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(TEXTAREA_PROPS_TO_SYNC)]
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textarea);
-        const cssClasses = classNames({
-            [TEXTAREA_CONTROL_CSS_CLASSES.textareaDisabled]: this.disabled,
-            [TEXTAREA_CONTROL_CSS_CLASSES.textareaError]: this.error,
-            [TEXTAREA_CONTROL_CSS_CLASSES.textareaReadonly]: this.readonly
-        });
-        if (cssClasses)
-            this.classList.add(cssClasses);
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextarea.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextarea.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextarea.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextarea.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextarea.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextarea.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextarea.prototype, "error", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextarea.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextarea.prototype, "value", void 0);
-HTextarea = __decorate([
-    phoenixCustomElement('h-textarea'),
-    __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 { 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';
+import { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
+
+let HTextarea = class HTextarea extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        new ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(TEXTAREA_PROPS_TO_SYNC)]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textarea);
+        const cssClasses = classnames({
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaDisabled]: this.disabled,
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaError]: this.error,
+            [TEXTAREA_CONTROL_CSS_CLASSES.textareaReadonly]: this.readonly
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextarea.prototype, "error", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextarea.prototype, "value", void 0);
+HTextarea = __decorate([
+    phoenixCustomElement('h-textarea'),
+    __metadata("design:paramtypes", [])
 ], HTextarea);
+
 export { HTextarea };
-//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/textarea/textarea.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,4EAA4E,CAAC;AAG9G,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,sBAAsB;IA4BjD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,kCAAkC,CAAC;YACnC,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;SACnG,CAAC,CAAC;IACP,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC;QAE1D,MAAM,UAAU,GAAG,UAAU,CAAC;YAC1B,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,QAAQ;YAC9D,CAAC,4BAA4B,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,KAAK;YACxD,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,QAAQ;SACjE,CAAC,CAAC;QAEH,IAAI,UAAU;YAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC;CACJ,CAAA;AAjDG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACF;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;yCACL;AAEvB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;wCACN;AAEtB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCACN;AA1BZ,SAAS;IADrB,oBAAoB,CAAC,YAAY,CAAC;;GACtB,SAAS,CAkDrB;SAlDY,SAAS"}
+{"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;"}

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

@@ -1,17 +1,17 @@
-export declare const TEXTAREA_CONTROL_CSS_CLASSES: {
-    readonly textarea: "textarea";
-    readonly textareaError: "textarea_error";
-    readonly textareaDisabled: "textarea_disabled";
-    readonly textareaReadonly: "textarea_readonly";
-    readonly textareaControl: "textarea__control";
-    readonly textareaLabel: "textarea__label";
-};
-export declare const TEXTAREA_CONTROL_EVENTS: {
-    readonly input: "input";
-};
-export declare const TEXTAREA_PROPS_TO_SYNC: {
-    readonly placeholder: "placeholder";
-};
-export declare const TEXTAREA_SLOTS: {
-    readonly value: "value";
-};
+export declare const TEXTAREA_CONTROL_CSS_CLASSES: {
+    readonly textarea: "textarea";
+    readonly textareaError: "textarea_error";
+    readonly textareaDisabled: "textarea_disabled";
+    readonly textareaReadonly: "textarea_readonly";
+    readonly textareaControl: "textarea__control";
+    readonly textareaLabel: "textarea__label";
+};
+export declare const TEXTAREA_CONTROL_EVENTS: {
+    readonly input: "input";
+};
+export declare const TEXTAREA_PROPS_TO_SYNC: {
+    readonly placeholder: "placeholder";
+};
+export declare const TEXTAREA_SLOTS: {
+    readonly value: "value";
+};

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_constants.js

@@ -1,19 +1,21 @@
-const baseTextareaControlClass = 'textarea';
-export const TEXTAREA_CONTROL_CSS_CLASSES = {
-    textarea: baseTextareaControlClass,
-    textareaError: `${baseTextareaControlClass}_error`,
-    textareaDisabled: `${baseTextareaControlClass}_disabled`,
-    textareaReadonly: `${baseTextareaControlClass}_readonly`,
-    textareaControl: `${baseTextareaControlClass}__control`,
-    textareaLabel: `${baseTextareaControlClass}__label`
+const baseTextareaControlClass = 'textarea';
+const TEXTAREA_CONTROL_CSS_CLASSES = {
+    textarea: baseTextareaControlClass,
+    textareaError: `${baseTextareaControlClass}_error`,
+    textareaDisabled: `${baseTextareaControlClass}_disabled`,
+    textareaReadonly: `${baseTextareaControlClass}_readonly`,
+    textareaControl: `${baseTextareaControlClass}__control`,
+    textareaLabel: `${baseTextareaControlClass}__label`
+};
+const TEXTAREA_CONTROL_EVENTS = {
+    input: 'input'
+};
+const TEXTAREA_PROPS_TO_SYNC = {
+    placeholder: 'placeholder'
+};
+const TEXTAREA_SLOTS = {
+    value: 'value'
 };
-export const TEXTAREA_CONTROL_EVENTS = {
-    input: 'input'
-};
-export const TEXTAREA_PROPS_TO_SYNC = {
-    placeholder: 'placeholder'
-};
-export const TEXTAREA_SLOTS = {
-    value: 'value'
-};
-//# sourceMappingURL=textarea_constants.js.map
+
+export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS };
+//# sourceMappingURL=textarea_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/textarea/textarea_constants.ts"],"names":[],"mappings":"AAAA,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAE5C,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,QAAQ,EAAE,wBAAwB;IAClC,aAAa,EAAE,GAAG,wBAAwB,QAAQ;IAClD,gBAAgB,EAAE,GAAG,wBAAwB,WAAW;IACxD,gBAAgB,EAAE,GAAG,wBAAwB,WAAW;IACxD,eAAe,EAAE,GAAG,wBAAwB,WAAW;IACvD,aAAa,EAAE,GAAG,wBAAwB,SAAS;CAC7C,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,WAAW,EAAE,aAAa;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,KAAK,EAAE,OAAO;CACR,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;"}

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

@@ -1,16 +1,16 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { TemplateResult } from 'lit';
-export declare class HTextareaControl extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    hidden: boolean;
-    readonly: boolean;
-    value: string;
-    placeholder: string;
-    constructor();
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-    private _handleInputEvent;
-}
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HTextareaControl extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    value: string;
+    placeholder: string;
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+    private _handleInputEvent;
+}