@shoper/phoenix_design_system 0.10.0 → 0.11.0-1

package/build/esm/packages/phoenix/src/components/accordion/accordion_types.js

@@ -1,5 +1,2 @@
-import './accordion';
-import '@phoenixRoot/components/accordion/accordion_content';
-import '@phoenixRoot/components/accordion/accordion_group';
-import '@phoenixRoot/components/accordion/accordion_toggler';
+export {};
 //# sourceMappingURL=accordion_types.js.map

package/build/esm/packages/phoenix/src/components/accordion/accordion_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_types.ts"],"names":[],"mappings":"AAAA,OAA2B,aAAa,CAAC;AACzC,OAAkC,qDAAqD,CAAC;AACxF,OAAgC,mDAAmD,CAAC;AACpF,OAAkC,qDAAqD,CAAC"}
+{"version":3,"file":"accordion_types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,79 @@
+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 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 { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
+
+let HCheckbox = class HCheckbox extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this.error = false;
+        this.partiallyChecked = false;
+        new ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(CHECKBOX_PROPS_TO_SYNC)]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkbox);
+        const cssClasses = classnames({
+            [CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled]: this.disabled,
+            [CHECKBOX_CONTROL_CSS_CLASSES.checkboxError]: this.error,
+            [CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly]: this.readonly
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckbox.prototype, "id", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckbox.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckbox.prototype, "partiallyChecked", void 0);
+HCheckbox = __decorate([
+    phoenixCustomElement('h-checkbox'),
+    __metadata("design:paramtypes", [])
+], HCheckbox);
+
+export { HCheckbox };
+//# sourceMappingURL=checkbox.js.map

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

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

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

@@ -0,0 +1,23 @@
+export declare const CHECKBOX_CONTROL_CSS_CLASSES: {
+    readonly checkbox: "checkbox";
+    readonly checkboxError: "checkbox_error";
+    readonly checkboxDisabled: "checkbox_disabled";
+    readonly checkboxReadonly: "checkbox_readonly";
+    readonly checkboxContent: "checkbox__content";
+    readonly checkboxDescription: "checkbox__description";
+    readonly checkboxControl: "checkbox__control";
+    readonly checkboxInput: "checkbox__input";
+    readonly checkboxPartiallyChecked: "checkbox__input_partial-checked";
+    readonly checkboxLabel: "checkbox__label";
+};
+export declare const CHECKBOX_PROPS_TO_SYNC: {
+    readonly checked: "checked";
+    readonly partiallyChecked: "partiallyChecked";
+};
+export declare const CHECKBOX_SLOTS: {
+    readonly label: "label";
+    readonly description: "description";
+};
+export declare const CHECKBOX_CONTROL_EVENTS: {
+    readonly change: "change";
+};

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_constants.js

@@ -0,0 +1,29 @@
+import 'lit/decorators';
+
+const baseCheckboxControlClass = 'checkbox';
+const CHECKBOX_CONTROL_CSS_CLASSES = {
+    checkbox: baseCheckboxControlClass,
+    checkboxError: `${baseCheckboxControlClass}_error`,
+    checkboxDisabled: `${baseCheckboxControlClass}_disabled`,
+    checkboxReadonly: `${baseCheckboxControlClass}_readonly`,
+    checkboxContent: `${baseCheckboxControlClass}__content`,
+    checkboxDescription: `${baseCheckboxControlClass}__description`,
+    checkboxControl: `${baseCheckboxControlClass}__control`,
+    checkboxInput: `${baseCheckboxControlClass}__input`,
+    checkboxPartiallyChecked: `${baseCheckboxControlClass}__input_partial-checked`,
+    checkboxLabel: `${baseCheckboxControlClass}__label`
+};
+const CHECKBOX_PROPS_TO_SYNC = {
+    checked: 'checked',
+    partiallyChecked: 'partiallyChecked'
+};
+const CHECKBOX_SLOTS = {
+    label: 'label',
+    description: 'description'
+};
+const CHECKBOX_CONTROL_EVENTS = {
+    change: 'change'
+};
+
+export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS };
+//# sourceMappingURL=checkbox_constants.js.map

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_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;"}

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

@@ -0,0 +1,7 @@
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element';
+import { TemplateResult } from 'lit';
+export declare class HCheckboxContent extends PhoenixLightLitElement {
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.js

@@ -0,0 +1,37 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html, nothing } from 'lit';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
+import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
+
+let HCheckboxContent = class HCheckboxContent extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkboxContent);
+    }
+    render() {
+        super.render();
+        return html `
+            <label class="${LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(CHECKBOX_SLOTS.label)}</label>
+
+            ${this.hasSlot(CHECKBOX_SLOTS.description)
+            ? html ` <div class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(CHECKBOX_SLOTS.description)}</div> `
+            : nothing}
+        `;
+    }
+};
+HCheckboxContent = __decorate([
+    phoenixCustomElement('h-checkbox-content'),
+    __metadata("design:paramtypes", [])
+], HCheckboxContent);
+
+export { HCheckboxContent };
+//# sourceMappingURL=checkbox_content.js.map

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_content.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;"}

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

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

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js

@@ -0,0 +1,99 @@
+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 classnames from '../../../../external/classnames/index.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
+
+let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this.partiallyChecked = false;
+        this._handleChangeEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(CHECKBOX_CONTROL_EVENTS.change, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
+    }
+    render() {
+        super.render();
+        const checkboxInputClasses = classnames(CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
+            [CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
+        });
+        return html `
+            <input
+                type="checkbox"
+                class="${checkboxInputClasses}"
+                id="${this.id}"
+                name="${this.name}"
+                value="${this.value}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                ?checked="${this.checked}"
+                @change="${this._handleChangeEvent}"
+            />
+
+            <label class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "id", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HCheckboxControl.prototype, "partiallyChecked", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "value", void 0);
+HCheckboxControl = __decorate([
+    phoenixCustomElement('h-checkbox-control'),
+    __metadata("design:paramtypes", [])
+], HCheckboxControl);
+
+export { HCheckboxControl };
+//# sourceMappingURL=checkbox_control.js.map

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/checkbox/checkbox_types.d.ts

@@ -0,0 +1,18 @@
+import { HCheckbox } from "./checkbox";
+import { HCheckboxControl } from "./checkbox_control";
+import { HCheckboxContent } from "./checkbox_content";
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox': HCheckbox;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox-control': HCheckboxControl;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox-content': HCheckboxContent;
+    }
+}

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_types.js

@@ -0,0 +1,4 @@
+import '@phoenixRoot/components/form/checkbox/checkbox';
+import '@phoenixRoot/components/form/checkbox/checkbox_control';
+import '@phoenixRoot/components/form/checkbox/checkbox_content';
+//# sourceMappingURL=checkbox_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/checkbox/checkbox_types.ts"],"names":[],"mappings":"AAAA,OAA0B,gDAAgD,CAAC;AAC3E,OAAiC,wDAAwD,CAAC;AAC1F,OAAiC,wDAAwD,CAAC"}

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HControl extends PhoenixLightLitElement {
     connectedCallback(): void;
 }

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control.js

@@ -1,7 +1,7 @@
-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 { FORM_CONTROLS_CSS_CLASSES } from './form_controls_constatns.js';
+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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
 
 let HControl = class HControl extends PhoenixLightLitElement {
     connectedCallback() {

package/build/esm/packages/phoenix/src/components/form/control/control.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/control/control_additional_content.d.ts

@@ -0,0 +1,6 @@
+import type { TControlAdditionalContentType } from "./control_types";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+export declare class HControlAdditionalContent extends PhoenixLightLitElement {
+    type: TControlAdditionalContentType;
+    connectedCallback(): void;
+}

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_additional_content.js

@@ -1,8 +1,8 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+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 { CONTROL_ADDITIONAL_CONTENT_TYPES, FORM_CONTROLS_CSS_CLASSES, ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP } from './form_controls_constatns.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { CONTROL_ADDITIONAL_CONTENT_TYPES, FORM_CONTROLS_CSS_CLASSES, ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP } from './control_constatns.js';
 
 let HControlAdditionalContent = class HControlAdditionalContent extends PhoenixLightLitElement {
     constructor() {

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_additional_content.js.map

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

package/build/esm/packages/phoenix/src/components/{form_controls/form_controls_constatns.js → form/control/control_constatns.js}

@@ -22,4 +22,4 @@ const ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = {
 };
 
 export { ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP, CONTROL_ADDITIONAL_CONTENT_TYPES, CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES };
-//# sourceMappingURL=form_controls_constatns.js.map
+//# sourceMappingURL=control_constatns.js.map

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

@@ -0,0 +1,6 @@
+import type { TControlContentSize } from "./control_types";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+export declare class HControlContent extends PhoenixLightLitElement {
+    size: TControlContentSize;
+    connectedCallback(): void;
+}

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_content.js

@@ -1,8 +1,8 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+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 { CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES } from './form_controls_constatns.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
 
 let HControlContent = class HControlContent extends PhoenixLightLitElement {
     constructor() {

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_content.js.map

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

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_element.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HControlElement extends PhoenixLightLitElement {
     connectedCallback(): void;
 }

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_element.js

@@ -1,7 +1,7 @@
-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 { FORM_CONTROLS_CSS_CLASSES } from './form_controls_constatns.js';
+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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
 
 let HControlElement = class HControlElement extends PhoenixLightLitElement {
     connectedCallback() {

package/build/esm/packages/phoenix/src/components/form/control/control_element.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_controls → form/control}/control_errors.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HControlErrors extends PhoenixLightLitElement {
     connectedCallback(): void;
 }

package/build/esm/packages/phoenix/src/components/form/control/control_errors.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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
+
+let HControlErrors = class HControlErrors extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(FORM_CONTROLS_CSS_CLASSES.controlErrors);
+    }
+};
+HControlErrors = __decorate([
+    phoenixCustomElement('h-control-errors')
+], HControlErrors);
+
+export { HControlErrors };
+//# sourceMappingURL=control_errors.js.map

package/build/esm/packages/phoenix/src/components/form/control/control_errors.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_controls → form/control}/control_label.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HControlLabel extends PhoenixLightLitElement {
     connectedCallback(): void;
 }

package/build/esm/packages/phoenix/src/components/{form_controls → form/control}/control_label.js

@@ -1,7 +1,7 @@
-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 { FORM_CONTROLS_CSS_CLASSES } from './form_controls_constatns.js';
+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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
 
 let HControlLabel = class HControlLabel extends PhoenixLightLitElement {
     connectedCallback() {

package/build/esm/packages/phoenix/src/components/form/control/control_label.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/control/control_types.d.ts

@@ -0,0 +1,34 @@
+import { Any } from 'ts-toolbelt';
+import { CONTROL_ADDITIONAL_CONTENT_TYPES, CONTROL_CONTENT_SIZES } from "./control_constatns";
+import { HControl } from "./control";
+import { HControlContent } from "./control_content";
+import { HControlElement } from "./control_element";
+import { HControlErrors } from "./control_errors";
+import { HControlLabel } from "./control_label";
+export declare type TControlAdditionalContentType = Any.Keys<typeof CONTROL_ADDITIONAL_CONTENT_TYPES>;
+export declare type TControlContentSize = Any.Keys<typeof CONTROL_CONTENT_SIZES>;
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-control': HControl;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-control-content': HControlContent;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-control-element': HControlElement;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-control-errors': HControlErrors;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-control-label': HControlLabel;
+    }
+}

package/build/esm/packages/phoenix/src/components/form/control/control_types.js

@@ -0,0 +1,8 @@
+import 'ts-toolbelt';
+import '@phoenixRoot/components/form/control/control_constatns';
+import '@phoenixRoot/components/form/control/control';
+import '@phoenixRoot/components/form/control/control_content';
+import '@phoenixRoot/components/form/control/control_element';
+import '@phoenixRoot/components/form/control/control_errors';
+import '@phoenixRoot/components/form/control/control_label';
+//# sourceMappingURL=control_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/control/control_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAwE,wDAAwD,CAAC;AACjI,OAAyB,8CAA8C,CAAC;AACxE,OAAgC,sDAAsD,CAAC;AACvF,OAAgC,sDAAsD,CAAC;AACvF,OAA+B,qDAAqD,CAAC;AACrF,OAA8B,oDAAoD,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ReactiveController } from 'lit';
+import { TControlPropsSyncConsumerControllerConstructorOptions } from "./control_props_sync_controller_types";
+export declare class ControlPropsSyncConsumerController implements ReactiveController {
+    #private;
+    constructor({ host, onPropsUpdated }: TControlPropsSyncConsumerControllerConstructorOptions);
+    private _syncProps;
+    hostConnected(): void;
+    private _setupPropsSync;
+    hostDisconnected(): void;
+}