@shoper/phoenix_design_system 0.14.3 → 0.15.0-2

package/build/cjs/external/lit-html/directives/ref.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var litHtml = require('../lit-html.js');
-var asyncDirective = require('../async-directive.js');
 var directive = require('../directive.js');
+var asyncDirective = require('../async-directive.js');
 
 /**
  * @license

package/build/cjs/external/lodash/lodash.js

@@ -430,7 +430,7 @@ var lodash = _commonjsHelpers.createCommonjsModule(function (module, exports) {
   var root = freeGlobal || freeSelf || Function('return this')();
 
   /** Detect free variable `exports`. */
-  var freeExports = exports && !exports.nodeType && exports;
+  var freeExports =  exports && !exports.nodeType && exports;
 
   /** Detect free variable `module`. */
   var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
@@ -17106,5 +17106,5 @@ var lodash = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 }.call(_commonjsHelpers.commonjsGlobal));
 });
 
-exports["default"] = lodash;
+exports.default = lodash;
 //# sourceMappingURL=lodash.js.map

package/build/cjs/external/uuid/dist/esm-browser/regex.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
 
-exports["default"] = REGEX;
+exports.default = REGEX;
 //# sourceMappingURL=regex.js.map

package/build/cjs/external/uuid/dist/esm-browser/rng.js

@@ -22,5 +22,5 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-exports["default"] = rng;
+exports.default = rng;
 //# sourceMappingURL=rng.js.map

package/build/cjs/external/uuid/dist/esm-browser/stringify.js

@@ -25,12 +25,12 @@ function stringify(arr) {
   // "undefined" in the uuid)
   // - Invalid input values for the RFC `version` or `variant` fields
 
-  if (!validate["default"](uuid)) {
+  if (!validate['default'](uuid)) {
     throw TypeError('Stringified UUID is invalid');
   }
 
   return uuid;
 }
 
-exports["default"] = stringify;
+exports.default = stringify;
 //# sourceMappingURL=stringify.js.map

package/build/cjs/external/uuid/dist/esm-browser/v4.js

@@ -7,7 +7,7 @@ var stringify = require('./stringify.js');
 
 function v4(options, buf, offset) {
   options = options || {};
-  var rnds = options.random || (options.rng || rng["default"])(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  var rnds = options.random || (options.rng || rng['default'])(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
 
   rnds[6] = rnds[6] & 0x0f | 0x40;
   rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
@@ -22,8 +22,8 @@ function v4(options, buf, offset) {
     return buf;
   }
 
-  return stringify["default"](rnds);
+  return stringify['default'](rnds);
 }
 
-exports["default"] = v4;
+exports.default = v4;
 //# sourceMappingURL=v4.js.map

package/build/cjs/external/uuid/dist/esm-browser/validate.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var regex = require('./regex.js');
 
 function validate(uuid) {
-  return typeof uuid === 'string' && regex["default"].test(uuid);
+  return typeof uuid === 'string' && regex['default'].test(uuid);
 }
 
-exports["default"] = validate;
+exports.default = validate;
 //# sourceMappingURL=validate.js.map

package/build/cjs/packages/phoenix/external/classnames/index.js

@@ -51,7 +51,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 		return classes.join(' ');
 	}
 
-	if (module.exports) {
+	if ( module.exports) {
 		classNames.default = classNames;
 		module.exports = classNames;
 	} else {
@@ -60,5 +60,5 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 }());
 });
 
-exports["default"] = classnames;
+exports.default = classnames;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var accordion_constants = require('./accordion_constants.js');
-var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 var context_provider_controller = require('../../core/context/context_provider_controller.js');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var decorators = require('lit/decorators');
+var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
+var accordion_constants = require('./accordion_constants.js');
 
 exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var accordion_constants = require('./accordion_constants.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var observer = require('../../core/classes/observer/observer.js');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var decorators = require('lit/decorators');
+var observer = require('../../core/classes/observer/observer.js');
+var accordion_constants = require('./accordion_constants.js');
+var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
 
 exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var accordion_constants = require('./accordion_constants.js');
-var decorators = require('lit/decorators');
-var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
-var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
 var context_provider_controller = require('../../core/context/context_provider_controller.js');
-var observer = require('../../core/classes/observer/observer.js');
+var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var observer = require('../../core/classes/observer/observer.js');
+var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
+var accordion_constants = require('./accordion_constants.js');
 
 exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var accordion_constants = require('./accordion_constants.js');
-var btn_controller = require('../../controllers/btn_controller.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var observer = require('../../core/classes/observer/observer.js');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var observer = require('../../core/classes/observer/observer.js');
+var accordion_constants = require('./accordion_constants.js');
+var btn_controller = require('../../controllers/btn_controller.js');
 
 exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/backdrop/backdrop.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var backdrop_constants = require('./backdrop_constants.js');
 var lit = require('lit');
 var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var backdrop_constants = require('./backdrop_constants.js');
 
 exports.HBackdrop = class HBackdrop extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var backdrop_constants = require('../backdrop_constants.js');
+
+class BackdropController {
+    hide() {
+        this._dispatchEvent(backdrop_constants.BACKDROP_EVENTS.hide);
+    }
+    show() {
+        this._dispatchEvent(backdrop_constants.BACKDROP_EVENTS.show);
+    }
+    _dispatchEvent(eventName) {
+        const hideBackdropEvent = new CustomEvent(eventName, {
+            bubbles: true
+        });
+        document.dispatchEvent(hideBackdropEvent);
+    }
+}
+
+exports.BackdropController = BackdropController;
+//# sourceMappingURL=backdrop_controller.js.map

package/build/cjs/packages/phoenix/src/components/backdrop/controller/backdrop_controller.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;"}

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

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var global_constants = require('../../global_constants.js');
-var dropdown_constants = require('./dropdown_constants.js');
-var relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
-var portal_constants = require('../portal/portal_constants.js');
 var lit = require('lit');
-var backdrop_constants = require('../backdrop/backdrop_constants.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var portal_constants = require('../portal/portal_constants.js');
+var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
+var dropdown_constants = require('./dropdown_constants.js');
+var global_constants = require('../../global_constants.js');
 var click_outside_controller_messages = require('../../controllers/click_outside_controller/click_outside_controller_messages.js');
 var click_outside_controller = require('../../controllers/click_outside_controller/click_outside_controller.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
 var relative_position_controller = require('../../controllers/relative_position_controller/relative_position_controller.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var decorators = require('lit/decorators');
-var lodash = require('../../../../../external/lodash/lodash.js');
 
 var HDropdown_1;
 exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -27,6 +26,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
         this.name = '';
         this.transition = 'direction';
         this.portalTarget = dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME;
+        this._backdropController = new backdrop_controller.BackdropController();
         this.toggle = () => {
             this.opened ? this.hide() : this.show();
         };
@@ -46,7 +46,6 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
                         var _a;
                         this._dispatchShowDropdownEvent();
                         (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${dropdown_constants.DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
-                        this._toggleScroll();
                         resolve();
                     }, transitionDuration);
                 });
@@ -59,7 +58,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             this.dispatchEvent(showDropdownEvent);
             if (window.innerWidth >= global_constants.BREAKPOINTS.xs)
                 return;
-            this._showBackdrop();
+            this._backdropController.show();
         };
         this.hide = async () => new Promise((resolve) => {
             var _a;
@@ -85,11 +84,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             this.dispatchEvent(hideDropdownEvent);
             if (window.innerWidth >= global_constants.BREAKPOINTS.xs)
                 return;
-            this._hideBackdrop();
+            this._backdropController.hide();
         };
-        this._observeScrollToggling = lodash["default"].throttle(() => {
-            this._toggleScroll();
-        }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME);
         this._hoverToggle = async (ev) => {
             if (window.innerWidth < global_constants.BREAKPOINTS.xs)
                 return;
@@ -137,7 +133,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
                 direction: this.direction,
                 relativeElement: this.$dropdownToggler,
                 elementToPosition: this.$dropdownContent,
-                disablePositioningOnCondition: () => window.innerWidth < global_constants.BREAKPOINTS.xs,
+                shouldDisablePositioning: () => window.innerWidth < global_constants.BREAKPOINTS.xs,
                 portalElementsNames: [dropdown_constants.DROPDOWN_CONTENT_NAME]
             });
         if (!this._clickOutsideController)
@@ -150,7 +146,6 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             this.$hoverableDropdownContentElements = [...this.querySelectorAll(dropdown_constants.DROPDOWN_CONTENT_NAME)];
         }
         this._setupListeners();
-        this._setupInitialDropdownProperties();
     }
     static _appendDropdownPortal() {
         const $dropdownPortalTarget = document.querySelector(`[name="${dropdown_constants.DEFAULT_DROPDOWN_PORTAL_NAME}"]`);
@@ -163,10 +158,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
     _setupListeners() {
         var _a;
         this.addEventListener(click_outside_controller_messages.CLICK_OUTSIDE_CONTROLLER_MESSAGES.clickedOutside, this._handleClickOutside);
-        this.addEventListener(relative_position_controller_constants.RELATIVE_POSITION_CONTROLLER_EVENTS.disabledPositioning, this._handleDisabledPositioning);
-        this.addEventListener(relative_position_controller_constants.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);
     }
@@ -180,38 +172,6 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
         if (shouldHideElements)
             this.hide();
     }
-    _handleDisabledPositioning() {
-        if (this.opened)
-            this._showBackdrop();
-    }
-    _showBackdrop() {
-        const showBackdropEvent = new Event(backdrop_constants.BACKDROP_EVENTS.show, {
-            bubbles: true
-        });
-        document.dispatchEvent(showBackdropEvent);
-    }
-    _hideBackdrop() {
-        const hideBackdropEvent = new Event(backdrop_constants.BACKDROP_EVENTS.hide, {
-            bubbles: true
-        });
-        document.dispatchEvent(hideBackdropEvent);
-    }
-    _toggleScroll() {
-        var _a, _b;
-        if (window.innerWidth >= global_constants.BREAKPOINTS.xs && this._hasScrollableClassInitially)
-            return;
-        if (window.innerWidth >= global_constants.BREAKPOINTS.xs) {
-            (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(global_constants.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(global_constants.SCROLLABLE_CLASS_NAME);
-        }
-    }
     _isHoveredWithinDropdown(element) {
         if (element === this)
             return true;
@@ -228,17 +188,10 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             return true;
         return false;
     }
-    _setupInitialDropdownProperties() {
-        if (!this.$dropdownContent)
-            return;
-        if (!this._hasScrollableClassInitially)
-            this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(global_constants.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/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,0CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 var lit = require('lit');
-var dropdown_constants = require('./dropdown_constants.js');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var decorators = require('lit/decorators');
+var dropdown_constants = require('./dropdown_constants.js');
 
 exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var dropdown_constants = require('./dropdown_constants.js');
 var decorators = require('lit/decorators');
-var btn_controller = require('../../controllers/btn_controller.js');
 var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var toggle_element_aria_controller = require('../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var btn_controller = require('../../controllers/btn_controller.js');
+var dropdown_constants = require('./dropdown_constants.js');
+var toggle_element_aria_controller = require('../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js');
 
 exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var index = require('../../../../external/classnames/index.js');
-var checkbox_constants = require('./checkbox_constants.js');
-var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
+var checkbox_constants = require('./checkbox_constants.js');
 
 exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -22,7 +22,7 @@ exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLig
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkbox);
-        const cssClasses = index["default"]({
+        const cssClasses = index['default']({
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled]: this.disabled,
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxError]: this.error,
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly]: this.readonly

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var checkbox_constants = require('./checkbox_constants.js');
 var lit = require('lit');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var label_constants = require('../label/label_constants.js');
 var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
+var checkbox_constants = require('./checkbox_constants.js');
+var label_constants = require('../label/label_constants.js');
 
 exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

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

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

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

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var decorators = require('lit/decorators');
-var checkbox_constants = require('./checkbox_constants.js');
 var lit = require('lit');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var ref = require('../../../../../../external/lit-html/directives/ref.js');
 var index = require('../../../../external/classnames/index.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
+var checkbox_constants = require('./checkbox_constants.js');
 
 exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
+        this._inputRef = ref.createRef();
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(checkbox_constants.CHECKBOX_CONTROL_EVENTS.change, {
                 detail: event,
@@ -30,13 +32,16 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
         this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
     }
     render() {
+        var _a;
         super.render();
-        console.log('partiallyChecked', this.partiallyChecked);
-        const checkboxInputClasses = index["default"](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
+        const checkboxInputClasses = index['default'](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
             [checkbox_constants.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 lit.html `
             <input
+                ${ref.ref(this._inputRef)}
                 type="checkbox"
                 class="${checkboxInputClasses}"
                 id="${ifDefined.ifDefined(this.controlId)}"

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,kBAAkB,uDAA2D;AAC7E,oBAAoB,0CAA8C;AAClE;AACA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/control/control.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var control_constatns = require('./control_constatns.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControl = class HControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {

package/build/cjs/packages/phoenix/src/components/form/control/control_additional_content.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var decorators = require('lit/decorators');
-var control_constatns = require('./control_constatns.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControlAdditionalContent = class HControlAdditionalContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/form/control/control_content.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var decorators = require('lit/decorators');
-var control_constatns = require('./control_constatns.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControlContent = class HControlContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/form/control/control_element.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var control_constatns = require('./control_constatns.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControlElement = class HControlElement extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {

package/build/cjs/packages/phoenix/src/components/form/control/control_errors.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var control_constatns = require('./control_constatns.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControlErrors = class HControlErrors extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {

package/build/cjs/packages/phoenix/src/components/form/control/control_label.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
-var control_constatns = require('./control_constatns.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var control_constatns = require('./control_constatns.js');
 
 exports.HControlLabel = class HControlLabel extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var decorators = require('lit/decorators');
 var input_constants = require('./input_constants.js');
 var index = require('../../../../external/classnames/index.js');
-var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 
 exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -24,7 +24,7 @@ exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitE
         var _a;
         super.connectedCallback();
         this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.input);
-        const cssClasses = index["default"]({
+        const cssClasses = index['default']({
             [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
             [input_constants.INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
         }, input_constants.INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);