@shoper/phoenix_design_system 0.14.3 → 0.15.0-2

package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts

@@ -15,8 +15,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     $hoverableDropdownContentElements: HDropdownContent[];
     private _positionController;
     private _clickOutsideController;
-    private _dropdownContentChildrenHeight;
-    private _hasScrollableClassInitially;
+    private _backdropController;
     connectedCallback(): void;
     private static _appendDropdownPortal;
     private _setupListeners;
@@ -26,14 +25,8 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     private _dispatchShowDropdownEvent;
     hide: () => Promise<void>;
     private _dispatchHideDropdownEvent;
-    private _handleDisabledPositioning;
-    private _showBackdrop;
-    private _hideBackdrop;
-    private _observeScrollToggling;
-    private _toggleScroll;
     private _hoverToggle;
     private _isHoveredWithinDropdown;
-    private _setupInitialDropdownProperties;
     private _positionDropdownContent;
     disconnectedCallback(): void;
     render(): TemplateResult;

package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js

@@ -1,17 +1,16 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { BREAKPOINTS, SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
-import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
-import { DIRECTIONS, DEFAULT_THROTTLE_WAIT_TIME, RELATIVE_POSITION_CONTROLLER_EVENTS } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
-import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
 import { html } from 'lit';
-import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.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 { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
+import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
+import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
+import { BREAKPOINTS } from '../../global_constants.js';
 import { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from '../../controllers/click_outside_controller/click_outside_controller_messages.js';
 import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { DIRECTIONS } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
 import { RelativePositionController } from '../../controllers/relative_position_controller/relative_position_controller.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { property } from 'lit/decorators';
-import lodash from '../../../../../external/lodash/lodash.js';
 
 var HDropdown_1;
 let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
@@ -23,6 +22,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         this.name = '';
         this.transition = 'direction';
         this.portalTarget = DEFAULT_DROPDOWN_PORTAL_NAME;
+        this._backdropController = new BackdropController();
         this.toggle = () => {
             this.opened ? this.hide() : this.show();
         };
@@ -42,7 +42,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                         var _a;
                         this._dispatchShowDropdownEvent();
                         (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
-                        this._toggleScroll();
                         resolve();
                     }, transitionDuration);
                 });
@@ -55,7 +54,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             this.dispatchEvent(showDropdownEvent);
             if (window.innerWidth >= BREAKPOINTS.xs)
                 return;
-            this._showBackdrop();
+            this._backdropController.show();
         };
         this.hide = async () => new Promise((resolve) => {
             var _a;
@@ -81,11 +80,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             this.dispatchEvent(hideDropdownEvent);
             if (window.innerWidth >= BREAKPOINTS.xs)
                 return;
-            this._hideBackdrop();
+            this._backdropController.hide();
         };
-        this._observeScrollToggling = lodash.throttle(() => {
-            this._toggleScroll();
-        }, DEFAULT_THROTTLE_WAIT_TIME);
         this._hoverToggle = async (ev) => {
             if (window.innerWidth < BREAKPOINTS.xs)
                 return;
@@ -133,7 +129,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 direction: this.direction,
                 relativeElement: this.$dropdownToggler,
                 elementToPosition: this.$dropdownContent,
-                disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs,
+                shouldDisablePositioning: () => window.innerWidth < BREAKPOINTS.xs,
                 portalElementsNames: [DROPDOWN_CONTENT_NAME]
             });
         if (!this._clickOutsideController)
@@ -146,7 +142,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             this.$hoverableDropdownContentElements = [...this.querySelectorAll(DROPDOWN_CONTENT_NAME)];
         }
         this._setupListeners();
-        this._setupInitialDropdownProperties();
     }
     static _appendDropdownPortal() {
         const $dropdownPortalTarget = document.querySelector(`[name="${DEFAULT_DROPDOWN_PORTAL_NAME}"]`);
@@ -159,10 +154,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
     _setupListeners() {
         var _a;
         this.addEventListener(CLICK_OUTSIDE_CONTROLLER_MESSAGES.clickedOutside, this._handleClickOutside);
-        this.addEventListener(RELATIVE_POSITION_CONTROLLER_EVENTS.disabledPositioning, this._handleDisabledPositioning);
-        this.addEventListener(RELATIVE_POSITION_CONTROLLER_EVENTS.enabledPositioning, this._hideBackdrop);
         (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.addEventListener('toggle', this.toggle);
-        window.addEventListener('resize', this._observeScrollToggling);
         if (this.toggleOnHover)
             document.addEventListener('mouseover', this._hoverToggle);
     }
@@ -176,38 +168,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         if (shouldHideElements)
             this.hide();
     }
-    _handleDisabledPositioning() {
-        if (this.opened)
-            this._showBackdrop();
-    }
-    _showBackdrop() {
-        const showBackdropEvent = new Event(BACKDROP_EVENTS.show, {
-            bubbles: true
-        });
-        document.dispatchEvent(showBackdropEvent);
-    }
-    _hideBackdrop() {
-        const hideBackdropEvent = new Event(BACKDROP_EVENTS.hide, {
-            bubbles: true
-        });
-        document.dispatchEvent(hideBackdropEvent);
-    }
-    _toggleScroll() {
-        var _a, _b;
-        if (window.innerWidth >= BREAKPOINTS.xs && this._hasScrollableClassInitially)
-            return;
-        if (window.innerWidth >= BREAKPOINTS.xs) {
-            (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(SCROLLABLE_CLASS_NAME);
-            return;
-        }
-        if (!this._dropdownContentChildrenHeight && this.$dropdownContent)
-            this._dropdownContentChildrenHeight = [...this.$dropdownContent.children].reduce((totalHeight, currentChild) => {
-                return totalHeight + (parseInt(getComputedStyle(currentChild).height.replace('px', '')) || 0);
-            }, 0);
-        if (this._dropdownContentChildrenHeight > window.innerHeight && !this._hasScrollableClassInitially) {
-            (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(SCROLLABLE_CLASS_NAME);
-        }
-    }
     _isHoveredWithinDropdown(element) {
         if (element === this)
             return true;
@@ -224,17 +184,10 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             return true;
         return false;
     }
-    _setupInitialDropdownProperties() {
-        if (!this.$dropdownContent)
-            return;
-        if (!this._hasScrollableClassInitially)
-            this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(SCROLLABLE_CLASS_NAME);
-    }
     disconnectedCallback() {
         var _a;
         super.disconnectedCallback();
         (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.removeEventListener('toggle', this.toggle);
-        window.removeEventListener('resize', this._observeScrollToggling);
         if (this.toggleOnHover)
             document.removeEventListener('mouseover', this._hoverToggle);
         if (this.opened) {

package/build/esm/packages/phoenix/src/components/dropdown/dropdown.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,mBAAmB,0CAA8C;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/dropdown_content.js

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
-import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.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 { property } from 'lit/decorators';
+import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.js';
 
 let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
     constructor() {

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.js

@@ -1,10 +1,10 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';
 import { property, state } from 'lit/decorators';
-import { BtnController } from '../../controllers/btn_controller.js';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
-import { ToggleElementAriaController } from '../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { BtnController } from '../../controllers/btn_controller.js';
+import { DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';
+import { ToggleElementAriaController } from '../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
 
 let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
     constructor() {

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

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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 { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
-import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.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() {

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

@@ -1,12 +1,12 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
-import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
 import { html, nothing } from 'lit';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { LABEL_CSS_CLASSES } from '../label/label_constants.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 { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.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() {

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,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -10,6 +10,7 @@ export declare class HCheckboxControl extends PhoenixLightLitElement {
     checked: boolean;
     partiallyChecked: boolean;
     value: string;
+    private _inputRef;
     constructor();
     connectedCallback(): void;
     protected render(): TemplateResult;

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

@@ -1,16 +1,18 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
-import { property } from 'lit/decorators';
-import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.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 { createRef as e, ref as n } from '../../../../../../external/lit-html/directives/ref.js';
 import classnames from '../../../../external/classnames/index.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
+import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
 
 let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
     constructor() {
         super();
+        this._inputRef = e();
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(CHECKBOX_CONTROL_EVENTS.change, {
                 detail: event,
@@ -26,13 +28,16 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
         this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
     }
     render() {
+        var _a;
         super.render();
-        console.log('partiallyChecked', this.partiallyChecked);
         const checkboxInputClasses = classnames(CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
             [CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
         });
+        if ((_a = this._inputRef) === null || _a === void 0 ? void 0 : _a.value)
+            this._inputRef.value.indeterminate = this.partiallyChecked;
         return html `
             <input
+                ${n(this._inputRef)}
                 type="checkbox"
                 class="${checkboxInputClasses}"
                 id="${l(this.controlId)}"

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,yCAAyC,uDAA2D;AACpG,uBAAuB,0CAA8C;AACrE;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.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_additional_content.js

@@ -1,8 +1,8 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { CONTROL_ADDITIONAL_CONTENT_TYPES, FORM_CONTROLS_CSS_CLASSES, ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP } from './control_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/control/control_content.js

@@ -1,8 +1,8 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES } from './control_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/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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.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_errors.js

@@ -1,7 +1,7 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
-import { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.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() {

package/build/esm/packages/phoenix/src/components/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 { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.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/input/input.js

@@ -1,11 +1,11 @@
 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 { property } from 'lit/decorators';
 import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, 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';
 import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
 
 let HInput = class HInput extends PhoenixLightLitElement {
     constructor() {

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

@@ -1,9 +1,9 @@
 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 { property } from 'lit/decorators';
 import { INPUT_CONTROL_TYPES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
-import { html } from 'lit';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
 

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

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
-import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.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';
 import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
 
 var HInputIcon_1;

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

@@ -1,6 +1,6 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.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 {

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

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { property } from 'lit/decorators';
-import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+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 } from '../checkbox/checkbox_constants.js';
-import classnames from '../../../../external/classnames/index.js';
 import { RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
 
 let HRadio = class HRadio extends PhoenixLightLitElement {

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

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

package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js

@@ -1,12 +1,12 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { html, nothing } 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 { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { html, nothing } from 'lit';
+import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
 import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
 import { RADIO_CONTROL_CSS_CLASSES, RADIO_SLOTS } from './radio_constants.js';
-import { property } from 'lit/decorators';
-import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
 
 let HRadioContent = class HRadioContent extends PhoenixLightLitElement {
     constructor() {

package/build/esm/packages/phoenix/src/components/form/radio/radio_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,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/radio/radio_control.js

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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 { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { html } from 'lit';
-import { RADIO_CONTROL_EVENTS, RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
+import { RADIO_CONTROL_EVENTS, RADIO_CONTROL_CSS_CLASSES } from './radio_constants.js';
 
 let HRadioControl = class HRadioControl extends PhoenixLightLitElement {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

@@ -1,12 +1,12 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { property } from 'lit/decorators';
-import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+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 { SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
 import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
 import { CHECKBOX_PROPS_TO_SYNC } from '../checkbox/checkbox_constants.js';
+import { SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
 
 let HSwitch = class HSwitch extends PhoenixLightLitElement {
     constructor() {

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

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

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

@@ -1,12 +1,12 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { html, nothing } from 'lit';
-import { SWITCH_CONTROL_CSS_CLASSES, SWITCH_SLOTS } from './switch_constants.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { LABEL_CSS_CLASSES } from '../label/label_constants.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 { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.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() {

package/build/esm/packages/phoenix/src/components/form/switch/switch_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,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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 { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { html } from 'lit';
-import { SWITCH_CONTROL_EVENTS, SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
 import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
+import { SWITCH_CONTROL_EVENTS, SWITCH_CONTROL_CSS_CLASSES } from './switch_constants.js';
 
 let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

@@ -1,11 +1,11 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { property } from 'lit/decorators';
-import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+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 { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
 import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+import { TEXTAREA_PROPS_TO_SYNC, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
 
 let HTextarea = class HTextarea extends PhoenixLightLitElement {
     constructor() {

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

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