@shoper/phoenix_design_system 0.18.2 → 0.19.1

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

@@ -5,7 +5,7 @@ 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 decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/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');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.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_light_lit_element = require('../../core/phoenix_light_lit_element/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');

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

@@ -6,7 +6,7 @@ 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 decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/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');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/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');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var backdrop_constants = require('./backdrop_constants.js');
 

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../core/phoenix_light_lit_element/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 litHtml = require('lit-html');
@@ -159,7 +159,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,
+                disablePositioningOnCondition: () => window.innerWidth < global_constants.BREAKPOINTS.xs || !this.opened,
                 portalElementsNames: [dropdown_constants.DROPDOWN_CONTENT_NAME]
             });
         if (!this._clickOutsideController)

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var dropdown_constants = require('./dropdown_constants.js');
 

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../core/phoenix_light_lit_element/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');

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var litHtml = require('lit-html');
 var decorators_js = require('@lit/reactive-element/decorators.js');

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_constatns = require('./control_constatns.js');
 

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var input_constants = require('./input_constants.js');
 var index = require('../../../../external/classnames/index.js');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var input_constants = require('./input_constants.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var input_constants = require('./input_constants.js');
 var icon_constants = require('../../icon/icon_constants.js');

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var input_constants = require('./input_constants.js');
 

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

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

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

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

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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');

package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js

@@ -5,7 +5,7 @@ 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_light_lit_element = require('../../../core/phoenix_light_lit_element/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_js = require('lit-html/directives/if-defined.js');

package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var toggle_button_group_constants = require('./toggle_button_group_constants.js');
+
+exports.HToggleButton = class HToggleButton extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.toggledOn = false;
+    }
+    willUpdate(propertyValues) {
+        var _a;
+        if (propertyValues.has('toggledOn')) {
+            (_a = this.firstElementChild) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', this.toggledOn.toString());
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'presentation');
+        }
+        this.addEventListener('click', this._componentClickHandler);
+        this._emmitComponentConnected();
+    }
+    _emmitComponentConnected() {
+        const detail = {
+            target: this
+        };
+        this.dispatchEvent(new CustomEvent(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.connected, { bubbles: true, detail }));
+    }
+    _componentClickHandler(event) {
+        event.stopPropagation();
+        this._emitComponentClickedCustomEvent();
+    }
+    _emitComponentClickedCustomEvent() {
+        const detail = {
+            target: this
+        };
+        this.dispatchEvent(new CustomEvent(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.clicked, { bubbles: true, detail }));
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HToggleButton.prototype, "toggledOn", void 0);
+exports.HToggleButton = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-toggle-button')
+], exports.HToggleButton);
+//# sourceMappingURL=toggle_button.js.map

package/build/cjs/packages/phoenix/src/{core/phoenix_light_lit_element.js.map → components/groups/toggle_button_group/toggle_button.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,yCAA6C;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;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/groups/toggle_button_group/toggle_button_group.js

@@ -0,0 +1,67 @@
+'use strict';
+
+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/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
+var toggle_button_group_constants = require('./toggle_button_group_constants.js');
+
+var HToggleButtonGroup_1;
+exports.HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.toggleButtonsRegistry = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'group');
+        }
+        this.addEventListener(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.connected, this._toggleButtonConnectedHandler);
+        this.addEventListener(toggle_button_group_constants.TOGGLE_BUTTON_EVENT_NAMES.clicked, this._toggleButtonClickHandler);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.toggleButtonsRegistry = [];
+    }
+    _toggleButtonConnectedHandler(event) {
+        event.stopPropagation();
+        const toggleButton = event.detail.target;
+        this._registerToggleButton(toggleButton);
+        if (toggleButton.getAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME) === '') {
+            this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
+        }
+    }
+    _registerToggleButton(toggleButton) {
+        toggleButton.setAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME, v4['default']());
+        this.toggleButtonsRegistry = [...this.toggleButtonsRegistry, toggleButton];
+    }
+    _toggleButtonClickHandler(event) {
+        event.stopPropagation();
+        const target = event.detail.target;
+        this._performSingleToggleOnActionOnToggleButtons(target);
+        this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
+    }
+    _performSingleToggleOnActionOnToggleButtons(toggleButton) {
+        this.toggleButtonsRegistry.forEach((element) => {
+            const canToggleOnButton = element.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME) ===
+                toggleButton.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME);
+            if (canToggleOnButton) {
+                element.setAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME, '');
+                return;
+            }
+            element.removeAttribute(toggle_button_group_constants.TOGGLED_ON_ATTRIBUTE_NAME);
+        });
+    }
+    _emitSingleToggleOnModeToggleChange(value) {
+        const detail = { value };
+        this.dispatchEvent(new CustomEvent(toggle_button_group_constants.TOGGLE_BUTTON_GROUP_EVENT_NAMES.toggleChange, { bubbles: true, detail }));
+    }
+};
+exports.HToggleButtonGroup.DATA_TOGGLE_ID_ATTRIBUTE_NAME = 'data-toggle-button-id';
+exports.HToggleButtonGroup = HToggleButtonGroup_1 = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-toggle-button-group')
+], exports.HToggleButtonGroup);
+//# sourceMappingURL=toggle_button_group.js.map

package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/groups/toggle_button_group/toggle_button_group_constants.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TOGGLED_ON_ATTRIBUTE_NAME = 'toggled-on';
+const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
+    toggleChange: 'toggleChange'
+};
+const TOGGLE_BUTTON_EVENT_NAMES = {
+    connected: 'toggleButtonConnected',
+    clicked: 'toggleButtonClicked'
+};
+
+exports.TOGGLED_ON_ATTRIBUTE_NAME = TOGGLED_ON_ATTRIBUTE_NAME;
+exports.TOGGLE_BUTTON_EVENT_NAMES = TOGGLE_BUTTON_EVENT_NAMES;
+exports.TOGGLE_BUTTON_GROUP_EVENT_NAMES = TOGGLE_BUTTON_GROUP_EVENT_NAMES;
+//# sourceMappingURL=toggle_button_group_constants.js.map

package/build/cjs/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../core/phoenix_light_lit_element/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 modal_constants = require('./modal_constants.js');

package/build/cjs/packages/phoenix/src/components/modal/modal_body.js

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

package/build/cjs/packages/phoenix/src/components/modal/modal_close.js

@@ -3,7 +3,7 @@
 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_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var modal_constants = require('./modal_constants.js');
 

package/build/cjs/packages/phoenix/src/components/modal/modal_footer.js

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

package/build/cjs/packages/phoenix/src/components/modal/modal_header.js

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

package/build/cjs/packages/phoenix/src/components/modal/modal_opener.js

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
 var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var portal_constants = require('./portal_constants.js');
 var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');

package/build/cjs/packages/phoenix/src/components/portal/portal_target.js

@@ -4,7 +4,7 @@ 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_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var portal_target_error = require('./portal_target_error.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var portal_constants = require('./portal_constants.js');

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

@@ -4,10 +4,10 @@ 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 json_utils = require('../../../../utilities/build/esm/json_utils.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
-var json_utils = require('../../../../../external/@dreamcommerce/utilities/build/esm/json_utils.js');
 
 exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/slider/slider.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,yBAAyB,gEAAoE;AAC7F,yBAAyB,0EAA8E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/relative_position_controller/relative_position_controller.js

@@ -28,10 +28,22 @@ class RelativePositionController {
         _RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
         _RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
         _RelativePositionController_throttledReposition.set(this, throttle['default'](() => {
-            tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this) ? this.disableRelativePositioning() : this.position(true);
+            if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
+                this.disableRelativePositioning();
+                window.removeEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+                return;
+            }
+            this.position(true);
+            window.addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
         }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
         _RelativePositionController_throttledRepositionForScroll.set(this, throttle['default'](() => {
-            tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this) ? this.disableRelativePositioning() : this.position(true);
+            if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
+                this.disableRelativePositioning();
+                window.removeEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+                return;
+            }
+            this.position(true);
+            window.addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
         }, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
         tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
         tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");