@shoper/phoenix_design_system 1.7.0 → 1.7.2

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 (15) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +13 -10
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/select/select.js +0 -6
  4. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js +0 -2
  6. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts +1 -0
  8. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +13 -10
  9. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +0 -1
  11. package/build/esm/packages/phoenix/src/components/form/select/select.js +1 -7
  12. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js +1 -2
  14. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  15. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -23,20 +23,22 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
23
23
  this.style.display = '';
24
24
  this.style.height = this._originalHeight;
25
25
  };
26
- this._setOriginalHeightValue = (rewriteHeight = false) => {
27
- const shouldApplyNewHeight = !this._originalHeight || rewriteHeight;
28
- if (!shouldApplyNewHeight)
29
- return;
26
+ this._setOriginalHeightValue = () => {
30
27
  const newHeight = this.getBoundingClientRect().height;
31
- if (newHeight === 0 && this.children.length > 0)
32
- return;
33
- this._originalHeight = `${newHeight}px`;
28
+ if (newHeight !== 0 || this.children.length === 0)
29
+ this._originalHeight = `${newHeight}px`;
34
30
  };
35
31
  this._expand = () => {
36
32
  this._setHeight(this._originalHeight);
33
+ setTimeout(() => {
34
+ this.style.height = 'auto';
35
+ }, this._transitionDuration);
37
36
  };
38
37
  this._collapse = () => {
39
- this._setHeight('0px');
38
+ this._setHeight(this._originalHeight);
39
+ requestAnimationFrame(() => {
40
+ this._setHeight('0px');
41
+ });
40
42
  };
41
43
  this.setAttribute('role', 'region');
42
44
  }
@@ -46,6 +48,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
46
48
  this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
47
49
  this._subscribeObserver();
48
50
  window.addEventListener('resize', this._setStylingOptions);
51
+ this._transitionDuration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;
49
52
  }
50
53
  firstUpdated(props) {
51
54
  super.firstUpdated(props);
@@ -59,8 +62,8 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
59
62
  });
60
63
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
61
64
  const mutationObserver = new MutationObserver(() => {
62
- this.style.height = '';
63
- this._setOriginalHeightValue(true);
65
+ this.style.height = 'auto';
66
+ this._setOriginalHeightValue();
64
67
  this.hidden ? this._collapse() : this._expand();
65
68
  });
66
69
  mutationObserver.observe(this, { childList: true, subtree: true });
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -19,7 +19,6 @@ var ref_js = require('lit-html/directives/ref.js');
19
19
  var context_provider_controller = require('../../../core/context/context_provider_controller.js');
20
20
  var dropdown_content = require('../../dropdown/dropdown_content.js');
21
21
  var dropdown_toggler = require('../../dropdown/dropdown_toggler.js');
22
- var debounce = require('../../../../../../external/lodash/debounce.js');
23
22
  var dropdown = require('../../dropdown/dropdown.js');
24
23
  var select_close_btn = require('./components/select_close_btn.js');
25
24
  var select_search = require('./components/search/select_search.js');
@@ -98,9 +97,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
98
97
  bubbles: true
99
98
  }));
100
99
  };
101
- this._handleResize = debounce['default'](() => {
102
- this._closeSelect();
103
- }, select_constants.SELECT_RESIZE_DEBOUNCE_TIME);
104
100
  const $options = Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
105
101
  $options.forEach(($option) => $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content));
106
102
  this.$placeholder = (_a = this.querySelector(`[slot="${select_components_constatns.SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`)) !== null && _a !== void 0 ? _a : 'Select';
@@ -200,7 +196,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
200
196
  _setupEvents() {
201
197
  this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
202
198
  this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
203
- window.addEventListener('resize', this._handleResize);
204
199
  }
205
200
  _appendNewHTMLOption(option, position) {
206
201
  const $list = this._$optionsList.value;
@@ -251,7 +246,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
251
246
  super.disconnectedCallback();
252
247
  this._selectController.options$.unsubscribe(this._optionsObserver);
253
248
  this._$options = {};
254
- window.removeEventListener('resize', this._handleResize);
255
249
  }
256
250
  _getClonedPlaceholderElement() {
257
251
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
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;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.js CHANGED
@@ -19,7 +19,6 @@ const SELECT_EVENT_NAMES = {
19
19
  deselectOption: 'selectOption.deselect'
20
20
  };
21
21
  const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
22
- const SELECT_RESIZE_DEBOUNCE_TIME = 100;
23
22
  const baseSelectClass = 'select';
24
23
  const SELECT_CSS_CLASSES = {
25
24
  select: baseSelectClass,
@@ -44,7 +43,6 @@ exports.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEA
44
43
  exports.SELECT_CONTEXTS = SELECT_CONTEXTS;
45
44
  exports.SELECT_CSS_CLASSES = SELECT_CSS_CLASSES;
46
45
  exports.SELECT_EVENT_NAMES = SELECT_EVENT_NAMES;
47
- exports.SELECT_RESIZE_DEBOUNCE_TIME = SELECT_RESIZE_DEBOUNCE_TIME;
48
46
  exports.SELECT_SLOT_NAMES = SELECT_SLOT_NAMES;
49
47
  exports.SELECT_TYPES = SELECT_TYPES;
50
48
  //# sourceMappingURL=select_constants.js.map
package/build/cjs/packages/phoenix/src/components/form/select/select_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;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;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
7
7
  private _accordionGroupProps;
8
8
  private _accordionGroupPropsObserver;
9
9
  private _originalHeight;
10
+ private _transitionDuration;
10
11
  constructor();
11
12
  connectedCallback(): void;
12
13
  firstUpdated(props: PropertyValues): void;
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -19,20 +19,22 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
19
19
  this.style.display = '';
20
20
  this.style.height = this._originalHeight;
21
21
  };
22
- this._setOriginalHeightValue = (rewriteHeight = false) => {
23
- const shouldApplyNewHeight = !this._originalHeight || rewriteHeight;
24
- if (!shouldApplyNewHeight)
25
- return;
22
+ this._setOriginalHeightValue = () => {
26
23
  const newHeight = this.getBoundingClientRect().height;
27
- if (newHeight === 0 && this.children.length > 0)
28
- return;
29
- this._originalHeight = `${newHeight}px`;
24
+ if (newHeight !== 0 || this.children.length === 0)
25
+ this._originalHeight = `${newHeight}px`;
30
26
  };
31
27
  this._expand = () => {
32
28
  this._setHeight(this._originalHeight);
29
+ setTimeout(() => {
30
+ this.style.height = 'auto';
31
+ }, this._transitionDuration);
33
32
  };
34
33
  this._collapse = () => {
35
- this._setHeight('0px');
34
+ this._setHeight(this._originalHeight);
35
+ requestAnimationFrame(() => {
36
+ this._setHeight('0px');
37
+ });
36
38
  };
37
39
  this.setAttribute('role', 'region');
38
40
  }
@@ -42,6 +44,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
42
44
  this._transitionController = new TransitionController(this, this.transitionName);
43
45
  this._subscribeObserver();
44
46
  window.addEventListener('resize', this._setStylingOptions);
47
+ this._transitionDuration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;
45
48
  }
46
49
  firstUpdated(props) {
47
50
  super.firstUpdated(props);
@@ -55,8 +58,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
55
58
  });
56
59
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
57
60
  const mutationObserver = new MutationObserver(() => {
58
- this.style.height = '';
59
- this._setOriginalHeightValue(true);
61
+ this.style.height = 'auto';
62
+ this._setOriginalHeightValue();
60
63
  this.hidden ? this._collapse() : this._expand();
61
64
  });
62
65
  mutationObserver.observe(this, { childList: true, subtree: true });
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED
@@ -55,7 +55,6 @@ export declare class HSelect extends PhoenixLightLitElement {
55
55
  removeOption(optionValue: string): void;
56
56
  replace(options: SelectOption[]): void;
57
57
  disconnectedCallback(): void;
58
- private _handleResize;
59
58
  private _getClonedPlaceholderElement;
60
59
  private _searchNoResult;
61
60
  protected render(): TemplateResult;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -8,14 +8,13 @@ import { SELECT_RELATED_COMPONENTS_NAMES, SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SE
8
8
  import { Observer } from '../../../core/classes/observer/observer.js';
9
9
  import { HIcon } from '../../icon/icon.js';
10
10
  import { HOption } from './components/option/select_option.js';
11
- import { SELECT_TYPES, SELECT_SLOT_NAMES, SELECT_CSS_CLASSES, SELECT_CONTEXTS, SELECT_EVENT_NAMES, MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_RESIZE_DEBOUNCE_TIME } from './select_constants.js';
11
+ import { SELECT_TYPES, SELECT_SLOT_NAMES, SELECT_CSS_CLASSES, SELECT_CONTEXTS, SELECT_EVENT_NAMES, MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH } from './select_constants.js';
12
12
  import { observe } from '../../../directives/observable_directive.js';
13
13
  import { HSelectToggler } from './components/toggler/select_toggler.js';
14
14
  import { createRef, ref } from 'lit-html/directives/ref.js';
15
15
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
16
16
  import { HDropdownContent } from '../../dropdown/dropdown_content.js';
17
17
  import { HDropdownToggler } from '../../dropdown/dropdown_toggler.js';
18
- import debounce_1 from '../../../../../../external/lodash/debounce.js';
19
18
  import { HDropdown } from '../../dropdown/dropdown.js';
20
19
  import { HSelectCloseBtn } from './components/select_close_btn.js';
21
20
  import { HSelectSearch } from './components/search/select_search.js';
@@ -94,9 +93,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
94
93
  bubbles: true
95
94
  }));
96
95
  };
97
- this._handleResize = debounce_1(() => {
98
- this._closeSelect();
99
- }, SELECT_RESIZE_DEBOUNCE_TIME);
100
96
  const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
101
97
  $options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
102
98
  this.$placeholder = (_a = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`)) !== null && _a !== void 0 ? _a : 'Select';
@@ -196,7 +192,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
196
192
  _setupEvents() {
197
193
  this.addEventListener(SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
198
194
  this.addEventListener(SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
199
- window.addEventListener('resize', this._handleResize);
200
195
  }
201
196
  _appendNewHTMLOption(option, position) {
202
197
  const $list = this._$optionsList.value;
@@ -247,7 +242,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
247
242
  super.disconnectedCallback();
248
243
  this._selectController.options$.unsubscribe(this._optionsObserver);
249
244
  this._$options = {};
250
- window.removeEventListener('resize', this._handleResize);
251
245
  }
252
246
  _getClonedPlaceholderElement() {
253
247
  return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
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;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.js CHANGED
@@ -15,7 +15,6 @@ const SELECT_EVENT_NAMES = {
15
15
  deselectOption: 'selectOption.deselect'
16
16
  };
17
17
  const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
18
- const SELECT_RESIZE_DEBOUNCE_TIME = 100;
19
18
  const baseSelectClass = 'select';
20
19
  const SELECT_CSS_CLASSES = {
21
20
  select: baseSelectClass,
@@ -36,5 +35,5 @@ const SELECT_CSS_CLASSES = {
36
35
  selectLabel: `${baseSelectClass}__label`
37
36
  };
38
37
 
39
- export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_RESIZE_DEBOUNCE_TIME, SELECT_SLOT_NAMES, SELECT_TYPES };
38
+ export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_SLOT_NAMES, SELECT_TYPES };
40
39
  //# sourceMappingURL=select_constants.js.map
package/build/esm/packages/phoenix/src/components/form/select/select_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;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;"}
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.7.0",
5
+ "version": "1.7.2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",