@shoper/phoenix_design_system 0.14.0 → 0.14.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 directive = require('../directive.js');
 var asyncDirective = require('../async-directive.js');
+var directive = require('../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 behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
-var accordion_constants = require('./accordion_constants.js');
+var decorators = require('lit/decorators');
 
 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 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 accordion_constants = require('./accordion_constants.js');
+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');
 
 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 context_provider_controller = require('../../core/context/context_provider_controller.js');
-var context_consumer_controller = require('../../core/context/context_consumer_controller.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 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/dropdown/dropdown.js

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.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 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 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 relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.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 {
@@ -45,6 +46,7 @@ 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);
                 });
@@ -91,6 +93,9 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             });
             document.dispatchEvent(hideBackdropEvent);
         };
+        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;
@@ -151,6 +156,7 @@ 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}"]`);
@@ -164,6 +170,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
         var _a;
         this.addEventListener(click_outside_controller_messages.CLICK_OUTSIDE_CONTROLLER_MESSAGES.clickedOutside, this._handleClickOutside);
         (_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);
     }
@@ -177,6 +184,18 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
         if (shouldHideElements)
             this.hide();
     }
+    _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 > 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;
@@ -193,10 +212,22 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
             return true;
         return false;
     }
+    _setupInitialDropdownProperties() {
+        if (!this.$dropdownContent)
+            return;
+        const $dropdownContentChildrenArray = [...this.$dropdownContent.children];
+        if (!this._dropdownContentChildrenHeight)
+            this._dropdownContentChildrenHeight = $dropdownContentChildrenArray.reduce((totalHeight, currentChild) => {
+                return totalHeight + (parseInt(getComputedStyle(currentChild).height.replace('px', '')) || 0);
+            }, 0);
+        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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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 decorators = require('lit/decorators');
+var dropdown_constants = require('./dropdown_constants.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 dropdown_constants = require('./dropdown_constants.js');
+var decorators = require('lit/decorators');
 
 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 phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.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 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');
 
 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 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 phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var decorators = require('lit/decorators');
 var index = require('../../../../external/classnames/index.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');
+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');
 
 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 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 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 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 ifDefined = require('../../../../../../external/lit-html/directives/if-defined.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,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;"}
+{"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;"}

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.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 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 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() {
@@ -32,7 +32,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
     render() {
         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
         });
         return lit.html `

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

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 phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.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 phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.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 phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.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 phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.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_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 control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.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 : '']);

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.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 decorators = require('lit/decorators');
 var input_constants = require('./input_constants.js');
+var lit = require('lit');
 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');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.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 phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var input_constants = require('./input_constants.js');
+var lit = require('lit');
+var decorators = require('lit/decorators');
 var icon_constants = require('../../icon/icon_constants.js');
 
 var HInputIcon_1;

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

@@ -3,8 +3,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 phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var input_constants = require('./input_constants.js');
 
 exports.HInputUnit = class HInputUnit extends phoenix_light_lit_element.PhoenixLightLitElement {

package/build/cjs/packages/phoenix/src/components/form/radio/radio.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 index = require('../../../../external/classnames/index.js');
-var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var decorators = require('lit/decorators');
 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 checkbox_constants = require('../checkbox/checkbox_constants.js');
+var index = require('../../../../external/classnames/index.js');
 var radio_constants = require('./radio_constants.js');
 
 exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -23,7 +23,7 @@ exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitE
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(radio_constants.RADIO_CONTROL_CSS_CLASSES.radio);
-        const cssClasses = index['default']({
+        const cssClasses = index["default"]({
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly]: this.readonly,
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError]: this.error

package/build/cjs/packages/phoenix/src/components/form/radio/radio.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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}