@shoper/phoenix_design_system 1.2.13-1 → 1.2.13-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +7 -5
  2. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +20 -1
  4. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js +5 -1
  6. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -0
  8. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js +5 -1
  10. package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/select/select.js +1 -20
  12. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +7 -5
  14. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  15. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.d.ts +4 -0
  16. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js +1 -1
  17. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +4 -0
  19. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +21 -2
  20. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts +3 -0
  22. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js +5 -2
  23. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map +1 -1
  24. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts +2 -0
  25. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js +1 -0
  26. package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map +1 -1
  27. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -0
  28. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  29. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts +1 -0
  30. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js +5 -1
  31. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js.map +1 -1
  32. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -3
  33. package/build/esm/packages/phoenix/src/components/form/select/select.js +1 -20
  34. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  35. package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts +2 -5
  36. package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map +1 -1
  37. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -19,9 +19,10 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
19
19
  this._handleColorClicked = ({ target }) => {
20
20
  const $colorItem = target;
21
21
  this._toggleColorItem($colorItem);
22
+ this._dispatchColorChangeEvent($colorItem);
22
23
  };
23
- this._dispatchColorChangeEvent = () => {
24
- const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
24
+ this._dispatchColorChangeEvent = ($colorItem) => {
25
+ const colorsDetails = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
25
26
  return {
26
27
  colors: [...colorsSoFar, color.color],
27
28
  values: [...colorsSoFar, color.value]
@@ -32,7 +33,10 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
32
33
  });
33
34
  this.dispatchEvent(new CustomEvent(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, {
34
35
  bubbles: true,
35
- detail
36
+ detail: {
37
+ ...colorsDetails,
38
+ $colorItem
39
+ }
36
40
  }));
37
41
  };
38
42
  }
@@ -89,7 +93,6 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
89
93
  ? (this.selectedColors = [...this.selectedColors, $colorItem])
90
94
  : this._removeExistingColorFromArray($colorItem);
91
95
  this._toggleSelectedAttribute($colorItem);
92
- this._dispatchColorChangeEvent();
93
96
  }
94
97
  _handleColorClickedForSingleMode($colorItem) {
95
98
  const $previouslySelected = this.selectedColors[0];
@@ -97,7 +100,6 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
97
100
  if ($previouslySelected && $previouslySelected !== $colorItem)
98
101
  $previouslySelected.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE);
99
102
  this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
100
- this._dispatchColorChangeEvent();
101
103
  }
102
104
  _toggleSelectedAttribute($colorItem) {
103
105
  $colorItem.hasAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit/decorators');
7
6
  var utilities = require('@dreamcommerce/utilities');
8
7
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
8
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
@@ -197,12 +196,25 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
197
196
  };
198
197
  this.isOpened = () => this.opened;
199
198
  this._positionDropdownContent = () => {
199
+ if (this.contentWidth === dropdown_constants.DROPDOWN_CONTENT_WIDTH.full)
200
+ this._setDropdownContentWidth(this._getDropdownContentWidth());
200
201
  requestAnimationFrame(() => {
201
202
  this.opened && window.innerWidth < global_constants.BREAKPOINTS.xs
202
203
  ? this._positionController.disableRelativePositioning()
203
204
  : this._positionController.position();
204
205
  });
205
206
  };
207
+ this._setDropdownContentWidth = (width) => {
208
+ const $dropdown = this.$dropdownContent;
209
+ if (!$dropdown)
210
+ return;
211
+ if (!width) {
212
+ $dropdown.style.removeProperty('width');
213
+ return;
214
+ }
215
+ if (width)
216
+ $dropdown.style.width = `${width !== null && width !== void 0 ? width : ''}px`;
217
+ };
206
218
  new keystrokes_controller.KeystrokesController({
207
219
  host: this,
208
220
  target: document.body,
@@ -312,6 +324,9 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
312
324
  if (!this._hasScrollableClassInitially)
313
325
  this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(global_constants.SCROLLABLE_CLASS_NAME);
314
326
  }
327
+ _getDropdownContentWidth() {
328
+ return document.documentElement.clientWidth < global_constants.BREAKPOINTS.xs ? undefined : this.getBoundingClientRect().width;
329
+ }
315
330
  disconnectedCallback() {
316
331
  var _a;
317
332
  super.disconnectedCallback();
@@ -360,6 +375,10 @@ tslib_es6.__decorate([
360
375
  decorators_js.property({ type: Number }),
361
376
  tslib_es6.__metadata("design:type", Object)
362
377
  ], exports.HDropdown.prototype, "offset", void 0);
378
+ tslib_es6.__decorate([
379
+ decorators_js.property({ type: String, attribute: 'content-width' }),
380
+ tslib_es6.__metadata("design:type", String)
381
+ ], exports.HDropdown.prototype, "contentWidth", void 0);
363
382
  tslib_es6.__decorate([
364
383
  decorators_js.property({ type: String }),
365
384
  tslib_es6.__metadata("design:type", Object)
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map CHANGED
@@ -1 +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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.js CHANGED
@@ -21,7 +21,10 @@ const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
21
21
  const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
22
22
  const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
23
23
  const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
24
- const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
24
+ const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
25
+ const DROPDOWN_CONTENT_WIDTH = {
26
+ full: 'full'
27
+ };
25
28
 
26
29
  exports.DEFAULT_DROPDOWN_PORTAL_NAME = DEFAULT_DROPDOWN_PORTAL_NAME;
27
30
  exports.DROPDOWN_CONTAINER_NAME = DROPDOWN_CONTAINER_NAME;
@@ -30,6 +33,7 @@ exports.DROPDOWN_CONTENT_HIDE = DROPDOWN_CONTENT_HIDE;
30
33
  exports.DROPDOWN_CONTENT_NAME = DROPDOWN_CONTENT_NAME;
31
34
  exports.DROPDOWN_CONTENT_SHOW = DROPDOWN_CONTENT_SHOW;
32
35
  exports.DROPDOWN_CONTENT_VISIBLE_CLASS = DROPDOWN_CONTENT_VISIBLE_CLASS;
36
+ exports.DROPDOWN_CONTENT_WIDTH = DROPDOWN_CONTENT_WIDTH;
33
37
  exports.DROPDOWN_CSS_CLASS = DROPDOWN_CSS_CLASS;
34
38
  exports.DROPDOWN_EVENTS = DROPDOWN_EVENTS;
35
39
  exports.DROPDOWN_NAME = DROPDOWN_NAME;
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -36,6 +36,9 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
36
36
  }
37
37
  this._$inputElement = $element;
38
38
  this._value = Number($element.value) || 0;
39
+ if (this.min > 0) {
40
+ this._value = this.min;
41
+ }
39
42
  this._setupEvents();
40
43
  }
41
44
  disconnectedCallback() {
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/components/option/select_option.js CHANGED
@@ -15,7 +15,7 @@ exports.HOption = class HOption extends phoenix_light_lit_element.PhoenixLightLi
15
15
  constructor() {
16
16
  super(...arguments);
17
17
  this._dispatchClickedEvent = () => {
18
- if (this.disabled)
18
+ if (this.disabled && !this.clickable)
19
19
  return;
20
20
  this.dispatchEvent(new CustomEvent(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, {
21
21
  bubbles: true,
@@ -70,6 +70,10 @@ tslib_es6.__decorate([
70
70
  decorators_js.property({ type: Boolean, reflect: true }),
71
71
  tslib_es6.__metadata("design:type", Boolean)
72
72
  ], exports.HOption.prototype, "hidden", void 0);
73
+ tslib_es6.__decorate([
74
+ decorators_js.property({ type: Boolean, reflect: true }),
75
+ tslib_es6.__metadata("design:type", Boolean)
76
+ ], exports.HOption.prototype, "clickable", void 0);
73
77
  exports.HOption = tslib_es6.__decorate([
74
78
  phoenix_custom_element.phoenixCustomElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option)
75
79
  ], exports.HOption);
package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/select.js CHANGED
@@ -16,7 +16,6 @@ var observable_directive = require('../../../directives/observable_directive.js'
16
16
  var select_toggler = require('./components/toggler/select_toggler.js');
17
17
  var context_provider_controller = require('../../../core/context/context_provider_controller.js');
18
18
  var ref_js = require('lit-html/directives/ref.js');
19
- var global_constants = require('../../../global_constants.js');
20
19
  var dropdown_content = require('../../dropdown/dropdown_content.js');
21
20
  var dropdown_toggler = require('../../dropdown/dropdown_toggler.js');
22
21
  var debounce = require('../../../../../../external/lodash/debounce.js');
@@ -44,17 +43,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
44
43
  this._$optionsList = ref_js.createRef();
45
44
  this._$dropdownContent = ref_js.createRef();
46
45
  this._selectContext = new context_provider_controller.ContextProviderController(this);
47
- this._setDropdownContentWidth = (width) => {
48
- const $dropdown = this._$dropdownContent.value;
49
- if (!$dropdown)
50
- return;
51
- if (!width) {
52
- $dropdown.style.removeProperty('width');
53
- return;
54
- }
55
- if (width)
56
- $dropdown.style.width = `${width !== null && width !== void 0 ? width : ''}px`;
57
- };
58
46
  this._handleOptionDeselect = (event) => {
59
47
  const selectedOption = this._selectController.getOption(event.detail);
60
48
  if (!selectedOption)
@@ -102,7 +90,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
102
90
  };
103
91
  this._handleResize = debounce['default'](() => {
104
92
  this._closeSelect();
105
- this._setDropdownContentWidth(this._getDropdownContentWidth());
106
93
  }, select_constants.SELECT_RESIZE_DEBOUNCE_TIME);
107
94
  const $options = Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
108
95
  $options.forEach(($option) => $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content));
@@ -193,10 +180,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
193
180
  this.disabled ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectDisabled);
194
181
  }
195
182
  }
196
- firstUpdated(props) {
197
- super.firstUpdated(props);
198
- this._setDropdownContentWidth(this._getDropdownContentWidth());
199
- }
200
183
  _setupEvents() {
201
184
  this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
202
185
  this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
@@ -253,9 +236,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
253
236
  this._$options = {};
254
237
  window.removeEventListener('resize', this._handleResize);
255
238
  }
256
- _getDropdownContentWidth() {
257
- return document.documentElement.clientWidth < global_constants.BREAKPOINTS.xs ? undefined : this.getBoundingClientRect().width;
258
- }
259
239
  _getClonedPlaceholderElement() {
260
240
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
261
241
  }
@@ -272,6 +252,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
272
252
  @dropdown.hidden=${this._handleDropdownHidden}
273
253
  name="${this.controlName}$"
274
254
  offset=${this.offset}
255
+ content-width="full"
275
256
  >
276
257
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
277
258
 
package/build/cjs/packages/phoenix/src/components/form/select/select.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -15,9 +15,10 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
15
15
  this._handleColorClicked = ({ target }) => {
16
16
  const $colorItem = target;
17
17
  this._toggleColorItem($colorItem);
18
+ this._dispatchColorChangeEvent($colorItem);
18
19
  };
19
- this._dispatchColorChangeEvent = () => {
20
- const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
20
+ this._dispatchColorChangeEvent = ($colorItem) => {
21
+ const colorsDetails = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
21
22
  return {
22
23
  colors: [...colorsSoFar, color.color],
23
24
  values: [...colorsSoFar, color.value]
@@ -28,7 +29,10 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
28
29
  });
29
30
  this.dispatchEvent(new CustomEvent(COLOR_SWATCHES_EVENT_NAMES.change, {
30
31
  bubbles: true,
31
- detail
32
+ detail: {
33
+ ...colorsDetails,
34
+ $colorItem
35
+ }
32
36
  }));
33
37
  };
34
38
  }
@@ -85,7 +89,6 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
85
89
  ? (this.selectedColors = [...this.selectedColors, $colorItem])
86
90
  : this._removeExistingColorFromArray($colorItem);
87
91
  this._toggleSelectedAttribute($colorItem);
88
- this._dispatchColorChangeEvent();
89
92
  }
90
93
  _handleColorClickedForSingleMode($colorItem) {
91
94
  const $previouslySelected = this.selectedColors[0];
@@ -93,7 +96,6 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
93
96
  if ($previouslySelected && $previouslySelected !== $colorItem)
94
97
  $previouslySelected.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE);
95
98
  this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
96
- this._dispatchColorChangeEvent();
97
99
  }
98
100
  _toggleSelectedAttribute($colorItem) {
99
101
  $colorItem.hasAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.d.ts CHANGED
@@ -1,4 +1,8 @@
1
+ import { HColorItem } from "./color_item/color_item";
1
2
  export declare type TSelectedColorsObject = {
2
3
  colors: string[];
3
4
  values: string[];
4
5
  };
6
+ export declare type TColorSwatchesControlChangeEventDetail = TSelectedColorsObject & {
7
+ $colorItem: HColorItem;
8
+ };
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js CHANGED
@@ -1,2 +1,2 @@
1
- export {};
1
+ import '@phoenixRoot/components/color_swatches/color_item/color_item';
2
2
  //# sourceMappingURL=color_swatches_types.js.map
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color_swatches_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_swatches/color_swatches_types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"color_swatches_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_swatches/color_swatches_types.ts"],"names":[],"mappings":"AAAA,OAA2B,8DAA8D,CAAC"}
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts CHANGED
@@ -3,6 +3,7 @@ import { TemplateResult } from 'lit-html';
3
3
  import { HDropdownContent } from './dropdown_content';
4
4
  import { HDropdownToggler } from './dropdown_toggler';
5
5
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
6
+ import type { TDropdownContentWidth } from "./dropdown_types";
6
7
  export declare class HDropdown extends PhoenixLightLitElement implements IDropdown {
7
8
  opened: boolean;
8
9
  direction: TDropdownDirection;
@@ -10,6 +11,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
10
11
  name: string;
11
12
  transition: string;
12
13
  offset: number;
14
+ contentWidth: TDropdownContentWidth;
13
15
  portalTarget: string;
14
16
  $dropdownToggler: HDropdownToggler | null;
15
17
  $dropdownContent: HDropdownContent | null;
@@ -45,6 +47,8 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
45
47
  private _setupInitialDropdownProperties;
46
48
  isOpened: () => boolean;
47
49
  private _positionDropdownContent;
50
+ private _getDropdownContentWidth;
51
+ private _setDropdownContentWidth;
48
52
  disconnectedCallback(): void;
49
53
  render(): TemplateResult;
50
54
  }
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
- import 'lit/decorators';
3
2
  import { UiDomUtils } from '@dreamcommerce/utilities';
4
3
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
4
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
@@ -7,7 +6,7 @@ import { property } from '@lit/reactive-element/decorators.js';
7
6
  import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
8
7
  import { html } from 'lit-html';
9
8
  import { BREAKPOINTS, SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
10
- import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
9
+ import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_WIDTH, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
11
10
  import { DIRECTIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, DEFAULT_THROTTLE_WAIT_TIME } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
12
11
  import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
13
12
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
@@ -193,12 +192,25 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
193
192
  };
194
193
  this.isOpened = () => this.opened;
195
194
  this._positionDropdownContent = () => {
195
+ if (this.contentWidth === DROPDOWN_CONTENT_WIDTH.full)
196
+ this._setDropdownContentWidth(this._getDropdownContentWidth());
196
197
  requestAnimationFrame(() => {
197
198
  this.opened && window.innerWidth < BREAKPOINTS.xs
198
199
  ? this._positionController.disableRelativePositioning()
199
200
  : this._positionController.position();
200
201
  });
201
202
  };
203
+ this._setDropdownContentWidth = (width) => {
204
+ const $dropdown = this.$dropdownContent;
205
+ if (!$dropdown)
206
+ return;
207
+ if (!width) {
208
+ $dropdown.style.removeProperty('width');
209
+ return;
210
+ }
211
+ if (width)
212
+ $dropdown.style.width = `${width !== null && width !== void 0 ? width : ''}px`;
213
+ };
202
214
  new KeystrokesController({
203
215
  host: this,
204
216
  target: document.body,
@@ -308,6 +320,9 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
308
320
  if (!this._hasScrollableClassInitially)
309
321
  this._hasScrollableClassInitially = this.$dropdownContent.classList.contains(SCROLLABLE_CLASS_NAME);
310
322
  }
323
+ _getDropdownContentWidth() {
324
+ return document.documentElement.clientWidth < BREAKPOINTS.xs ? undefined : this.getBoundingClientRect().width;
325
+ }
311
326
  disconnectedCallback() {
312
327
  var _a;
313
328
  super.disconnectedCallback();
@@ -356,6 +371,10 @@ __decorate([
356
371
  property({ type: Number }),
357
372
  __metadata("design:type", Object)
358
373
  ], HDropdown.prototype, "offset", void 0);
374
+ __decorate([
375
+ property({ type: String, attribute: 'content-width' }),
376
+ __metadata("design:type", String)
377
+ ], HDropdown.prototype, "contentWidth", void 0);
359
378
  __decorate([
360
379
  property({ type: String }),
361
380
  __metadata("design:type", Object)
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts CHANGED
@@ -17,3 +17,6 @@ export declare const DROPDOWN_CONTENT_VISIBLE_CLASS: string;
17
17
  export declare const DROPDOWN_CONTENT_SHOW: string;
18
18
  export declare const DROPDOWN_CONTENT_HIDE: string;
19
19
  export declare const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = "toggleOnHover";
20
+ export declare const DROPDOWN_CONTENT_WIDTH: {
21
+ readonly full: "full";
22
+ };
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js CHANGED
@@ -17,7 +17,10 @@ const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
17
17
  const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
18
18
  const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
19
19
  const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
20
- const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
20
+ const DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME = 'toggleOnHover';
21
+ const DROPDOWN_CONTENT_WIDTH = {
22
+ full: 'full'
23
+ };
21
24
 
22
- export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_SHOW, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME };
25
+ export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_SHOW, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_WIDTH, DROPDOWN_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME, DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME };
23
26
  //# sourceMappingURL=dropdown_constants.js.map
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Any } from 'ts-toolbelt';
2
2
  import { VERTICAL_DIRECTIONS } from "../../controllers/relative_position_controller/relative_position_controller_constants";
3
+ import { DROPDOWN_CONTENT_WIDTH } from "./dropdown_constants";
3
4
  export declare type TDropdownSelectors = {
4
5
  getDropdownPortalTargetName(): string;
5
6
  getDropdownContainerName(): string;
@@ -17,3 +18,4 @@ export declare type TDropdownHideEvent = Event & {
17
18
  };
18
19
  };
19
20
  export declare type TDropdownDirection = typeof VERTICAL_DIRECTIONS[Any.Keys<typeof VERTICAL_DIRECTIONS>];
21
+ export declare type TDropdownContentWidth = Any.Keys<typeof DROPDOWN_CONTENT_WIDTH>;
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js CHANGED
@@ -1,3 +1,4 @@
1
1
  import 'ts-toolbelt';
2
2
  import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
3
+ import '@phoenixRoot/components/dropdown/dropdown_constants';
3
4
  //# sourceMappingURL=dropdown_types.js.map
package/build/esm/packages/phoenix/src/components/dropdown/dropdown_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAoC,8FAA8F,CAAC"}
1
+ {"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAoC,8FAA8F,CAAC;AACnI,OAAuC,qDAAqD,CAAC"}
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -32,6 +32,9 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
32
32
  }
33
33
  this._$inputElement = $element;
34
34
  this._value = Number($element.value) || 0;
35
+ if (this.min > 0) {
36
+ this._value = this.min;
37
+ }
35
38
  this._setupEvents();
36
39
  }
37
40
  disconnectedCallback() {
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare class HOption extends PhoenixLightLitElement {
5
5
  selected: boolean;
6
6
  disabled: boolean;
7
7
  hidden: boolean;
8
+ clickable: boolean;
8
9
  private _btnController;
9
10
  private _$checkedIcon?;
10
11
  connectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js CHANGED
@@ -11,7 +11,7 @@ let HOption = class HOption extends PhoenixLightLitElement {
11
11
  constructor() {
12
12
  super(...arguments);
13
13
  this._dispatchClickedEvent = () => {
14
- if (this.disabled)
14
+ if (this.disabled && !this.clickable)
15
15
  return;
16
16
  this.dispatchEvent(new CustomEvent(SELECT_OPTION_EVENT_NAMES.clicked, {
17
17
  bubbles: true,
@@ -66,6 +66,10 @@ __decorate([
66
66
  property({ type: Boolean, reflect: true }),
67
67
  __metadata("design:type", Boolean)
68
68
  ], HOption.prototype, "hidden", void 0);
69
+ __decorate([
70
+ property({ type: Boolean, reflect: true }),
71
+ __metadata("design:type", Boolean)
72
+ ], HOption.prototype, "clickable", void 0);
69
73
  HOption = __decorate([
70
74
  phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.option)
71
75
  ], HOption);
package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED
@@ -36,8 +36,6 @@ export declare class HSelect extends PhoenixLightLitElement {
36
36
  private _focusElementAfterSelectOpened;
37
37
  connectedCallback(): void;
38
38
  attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
39
- firstUpdated(props: PropertyValues): void;
40
- private _setDropdownContentWidth;
41
39
  private _setupEvents;
42
40
  private _handleOptionDeselect;
43
41
  private _updateOptionsView;
@@ -57,7 +55,6 @@ export declare class HSelect extends PhoenixLightLitElement {
57
55
  replace(options: SelectOption[]): void;
58
56
  disconnectedCallback(): void;
59
57
  private _handleResize;
60
- private _getDropdownContentWidth;
61
58
  private _getClonedPlaceholderElement;
62
59
  private _searchNoResult;
63
60
  protected render(): TemplateResult;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -12,7 +12,6 @@ import { observe } from '../../../directives/observable_directive.js';
12
12
  import { HSelectToggler } from './components/toggler/select_toggler.js';
13
13
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
14
14
  import { createRef, ref } from 'lit-html/directives/ref.js';
15
- import { BREAKPOINTS } from '../../../global_constants.js';
16
15
  import { HDropdownContent } from '../../dropdown/dropdown_content.js';
17
16
  import { HDropdownToggler } from '../../dropdown/dropdown_toggler.js';
18
17
  import debounce_1 from '../../../../../../external/lodash/debounce.js';
@@ -40,17 +39,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
40
39
  this._$optionsList = createRef();
41
40
  this._$dropdownContent = createRef();
42
41
  this._selectContext = new ContextProviderController(this);
43
- this._setDropdownContentWidth = (width) => {
44
- const $dropdown = this._$dropdownContent.value;
45
- if (!$dropdown)
46
- return;
47
- if (!width) {
48
- $dropdown.style.removeProperty('width');
49
- return;
50
- }
51
- if (width)
52
- $dropdown.style.width = `${width !== null && width !== void 0 ? width : ''}px`;
53
- };
54
42
  this._handleOptionDeselect = (event) => {
55
43
  const selectedOption = this._selectController.getOption(event.detail);
56
44
  if (!selectedOption)
@@ -98,7 +86,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
98
86
  };
99
87
  this._handleResize = debounce_1(() => {
100
88
  this._closeSelect();
101
- this._setDropdownContentWidth(this._getDropdownContentWidth());
102
89
  }, SELECT_RESIZE_DEBOUNCE_TIME);
103
90
  const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
104
91
  $options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
@@ -189,10 +176,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
189
176
  this.disabled ? this.classList.add(SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(SELECT_CSS_CLASSES.selectDisabled);
190
177
  }
191
178
  }
192
- firstUpdated(props) {
193
- super.firstUpdated(props);
194
- this._setDropdownContentWidth(this._getDropdownContentWidth());
195
- }
196
179
  _setupEvents() {
197
180
  this.addEventListener(SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
198
181
  this.addEventListener(SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
@@ -249,9 +232,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
249
232
  this._$options = {};
250
233
  window.removeEventListener('resize', this._handleResize);
251
234
  }
252
- _getDropdownContentWidth() {
253
- return document.documentElement.clientWidth < BREAKPOINTS.xs ? undefined : this.getBoundingClientRect().width;
254
- }
255
235
  _getClonedPlaceholderElement() {
256
236
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
257
237
  }
@@ -268,6 +248,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
268
248
  @dropdown.hidden=${this._handleDropdownHidden}
269
249
  name="${this.controlName}$"
270
250
  offset=${this.offset}
251
+ content-width="full"
271
252
  >
272
253
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
273
254
 
package/build/esm/packages/phoenix/src/components/form/select/select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts CHANGED
@@ -1,8 +1,5 @@
1
- import { Options } from '@splidejs/splide';
2
- export interface ISlider {
3
- mount(): void;
4
- sync(slider: ISlider): this;
5
- go(control: number | string): this;
1
+ import { Options, Splide } from '@splidejs/splide';
2
+ export interface ISlider extends Splide {
6
3
  }
7
4
  export interface ISliderOptions extends Options {
8
5
  mountOnConnectedCallback: boolean;
package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAwB,kBAAkB,CAAC"}
1
+ {"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAgC,kBAAkB,CAAC"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.2.13-1",
5
+ "version": "1.2.13-11",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",