@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,17 +1,17 @@
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HCheckbox extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    hidden: boolean;
-    readonly: boolean;
-    checked: boolean;
-    error: boolean;
-    partiallyChecked: boolean;
-    value: string;
-    constructor();
-    connectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    private _updateCssClassesBasedOnProps;
-}
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HCheckbox extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    checked: boolean;
+    error: boolean;
+    partiallyChecked: boolean;
+    value: string;
+    constructor();
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateCssClassesBasedOnProps;
+}

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

@@ -1,89 +1,87 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import 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();
-        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);
-        this._updateCssClassesBasedOnProps();
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        this._updateCssClassesBasedOnProps();
-    }
-    _updateCssClassesBasedOnProps() {
-        const classes = [
-            CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled,
-            CHECKBOX_CONTROL_CSS_CLASSES.checkboxError,
-            CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly
-        ];
-        this.classList.remove(...classes);
-        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, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckbox.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "error", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckbox.prototype, "partiallyChecked", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckbox.prototype, "value", void 0);
-HCheckbox = __decorate([
-    phoenixCustomElement('h-checkbox'),
-    __metadata("design:paramtypes", [])
+import classNames from 'classnames';
+import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_PROPS_TO_SYNC } from '@phoenixRoot/components/form/checkbox/checkbox_constants';
+import { ControlPropsSyncProviderController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_provider_controller';
+import { BASE_FORM_CONTROL_PROPS } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_controller_constants';
+let HCheckbox = class HCheckbox extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        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);
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        const classes = [
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled,
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxError,
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly
+        ];
+        this.classList.remove(...classes);
+        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, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckbox.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckbox.prototype, "partiallyChecked", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckbox.prototype, "value", void 0);
+HCheckbox = __decorate([
+    phoenixCustomElement('h-checkbox'),
+    __metadata("design:paramtypes", [])
 ], HCheckbox);
-
 export { HCheckbox };
-//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/checkbox/checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAChI,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,EAAE,uBAAuB,EAAE,MAAM,sGAAsG,CAAC;AAG/I,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,sBAAsB;IA+BjD;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,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO,CAAC,iBAAuC;QAClD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACzC,CAAC;IAEO,6BAA6B;QACjC,MAAM,OAAO,GAAG;YACZ,4BAA4B,CAAC,gBAAgB;YAC7C,4BAA4B,CAAC,aAAa;YAC1C,4BAA4B,CAAC,gBAAgB;SAChD,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC;QAElC,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;AApEG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CACA;AAG3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;yCACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;0CACJ;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;wCACN;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;mDACK;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCACN;AA7BZ,SAAS;IADrB,oBAAoB,CAAC,YAAY,CAAC;;GACtB,SAAS,CAsErB;SAtEY,SAAS"}

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

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

@@ -1,27 +1,25 @@
-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'
+const baseCheckboxControlClass = 'checkbox';
+export 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`
 };
-
-export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS };
-//# sourceMappingURL=checkbox_constants.js.map
+export const CHECKBOX_PROPS_TO_SYNC = {
+    checked: 'checked',
+    partiallyChecked: 'partiallyChecked'
+};
+export const CHECKBOX_SLOTS = {
+    label: 'label',
+    description: 'description'
+};
+export const CHECKBOX_CONTROL_EVENTS = {
+    change: 'change'
+};
+//# sourceMappingURL=checkbox_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"checkbox_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/checkbox/checkbox_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,mBAAmB,EAAE,GAAG,wBAAwB,eAAe;IAC/D,eAAe,EAAE,GAAG,wBAAwB,WAAW;IACvD,aAAa,EAAE,GAAG,wBAAwB,SAAS;IACnD,wBAAwB,EAAE,GAAG,wBAAwB,yBAAyB;IAC9E,aAAa,EAAE,GAAG,wBAAwB,SAAS;CAC7C,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE,kBAAkB;CAC9B,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,MAAM,EAAE,QAAQ;CACV,CAAC"}

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

@@ -1,8 +1,8 @@
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { TemplateResult } from 'lit';
-export declare class HCheckboxContent 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 HCheckboxContent extends PhoenixLightLitElement {
+    controlId: string;
+    constructor();
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}

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

@@ -1,43 +1,41 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants';
 import { html, nothing } from 'lit';
+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 { 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 { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.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();
+import { ifDefined } from 'lit/directives/if-defined.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="${ifDefined(this.controlId)}">${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> `
+            ${this.hasSlot(CHECKBOX_SLOTS.description)
+            ? html ` <div class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(CHECKBOX_SLOTS.description)}</div> `
             : nothing}
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckboxContent.prototype, "controlId", void 0);
-HCheckboxContent = __decorate([
-    phoenixCustomElement('h-checkbox-content'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxContent.prototype, "controlId", void 0);
+HCheckboxContent = __decorate([
+    phoenixCustomElement('h-checkbox-content'),
+    __metadata("design:paramtypes", [])
 ], HCheckboxContent);
-
 export { HCheckboxContent };
-//# sourceMappingURL=checkbox_content.js.map
+//# sourceMappingURL=checkbox_content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"checkbox_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/checkbox/checkbox_content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC3G,OAAO,EAAE,4BAA4B,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,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;AAGzD,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,sBAAsB;IAIxD;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,4BAA4B,CAAC,eAAe,CAAC,CAAC;IACrE,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,cAAc,CAAC,KAAK,CAAC;;cAE/G,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC;YACtC,CAAC,CAAC,IAAI,CAAA,gBAAgB,4BAA4B,CAAC,mBAAmB,KAAK,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,SAAS;YAC5H,CAAC,CAAC,OAAO;SAChB,CAAC;IACN,CAAC;CACJ,CAAA;AA3BG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDACF;AAFhB,gBAAgB;IAD5B,oBAAoB,CAAC,oBAAoB,CAAC;;GAC9B,gBAAgB,CA6B5B;SA7BY,gBAAgB"}

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

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