@shoper/phoenix_design_system 1.18.4 → 1.18.6-0

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 (38) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +23 -3
  2. package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/select/select.js +8 -0
  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 +3 -1
  6. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/scroller/scroller-pause.js +1 -1
  8. package/build/cjs/packages/phoenix/src/components/scroller/scroller-play.js +1 -1
  9. package/build/cjs/packages/phoenix/src/components/scroller/scroller.js +2 -0
  10. package/build/cjs/packages/phoenix/src/components/scroller/scroller.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/scroller/scroller_constants.js +1 -0
  12. package/build/cjs/packages/phoenix/src/components/scroller/scroller_constants.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js +18 -2
  14. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +14 -4
  16. package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts +2 -0
  18. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js +23 -3
  19. package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js.map +1 -1
  20. package/build/esm/packages/phoenix/src/components/form/select/select.js +8 -0
  21. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  22. package/build/esm/packages/phoenix/src/components/form/select/select_constants.d.ts +2 -0
  23. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js +3 -1
  24. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  25. package/build/esm/packages/phoenix/src/components/scroller/scroller-pause.js +1 -1
  26. package/build/esm/packages/phoenix/src/components/scroller/scroller-play.js +1 -1
  27. package/build/esm/packages/phoenix/src/components/scroller/scroller.d.ts +1 -0
  28. package/build/esm/packages/phoenix/src/components/scroller/scroller.js +2 -0
  29. package/build/esm/packages/phoenix/src/components/scroller/scroller.js.map +1 -1
  30. package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.d.ts +1 -0
  31. package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.js +1 -0
  32. package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.js.map +1 -1
  33. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.d.ts +3 -0
  34. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js +19 -3
  35. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
  36. package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js +14 -4
  37. package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js.map +1 -1
  38. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js CHANGED
@@ -17,6 +17,10 @@ var select_toggler_constants = require('./select_toggler_constants.js');
17
17
  exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
18
18
  constructor() {
19
19
  super(...arguments);
20
+ this.selectedOptions$ = null;
21
+ this.isMultiselect = false;
22
+ this.searchDisabled = false;
23
+ this.noDeselect = false;
20
24
  this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
21
25
  this._handleSelectedOptionChanged = (selectedOptions) => {
22
26
  selectedOptions.length
@@ -32,13 +36,21 @@ exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.
32
36
  connectedCallback() {
33
37
  super.connectedCallback();
34
38
  this.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.toggler);
35
- this.setAttribute('role', 'textbox');
36
39
  this.classList.add(select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectToggler);
37
40
  this._subscribeObserver();
38
41
  }
39
42
  async _subscribeObserver() {
43
+ var _a;
40
44
  this.isMultiselect = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.isMultiselect));
41
45
  this.selectedOptions$ = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.selectedOptions$));
46
+ this.searchDisabled = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.searchDisabled));
47
+ this.noDeselect = (await this._contextConsumer.consumeAsync(select_constants.SELECT_CONTEXTS.noDeselect));
48
+ const options = (_a = this.selectedOptions$.getValue()) !== null && _a !== void 0 ? _a : [];
49
+ const minOptionsToShowSearch = 6;
50
+ const isSearchEnabled = !this.searchDisabled && options.length > minOptionsToShowSearch;
51
+ if (isSearchEnabled) {
52
+ this.setAttribute('role', 'textbox');
53
+ }
42
54
  this._selectedOptionsObserver = new observer.Observer(this._handleSelectedOptionChanged);
43
55
  this.selectedOptions$.subscribe(this._selectedOptionsObserver);
44
56
  }
@@ -56,12 +68,12 @@ exports.HSelectToggler = class HSelectToggler extends phoenix_light_lit_element.
56
68
  if (!selectOptions.length)
57
69
  return litHtml.html `${(_a = this.getSlot(select_components_constatns.SELECT_INPUT_PLACEHOLDER_SLOT_NAME)) !== null && _a !== void 0 ? _a : litHtml.html `<span class=${select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectTogglerPlaceholder}>Select</span>`}`;
58
70
  return litHtml.html ` <ul class=${select_toggler_constants.SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
59
- ${this.isMultiselect
71
+ ${!this.noDeselect
60
72
  ? selectOptions.map((option) => litHtml.html ` <li>
61
73
  <h-tag @remove=${() => this._dispatchOptionDeselect(option)}>
62
74
  ${option.content}
63
75
 
64
- <h-tag-remove-button></h-tag-remove-button>
76
+ <h-tag-remove-button .optionName=${option.content}></h-tag-remove-button>
65
77
  </h-tag>
66
78
  </li>`)
67
79
  : litHtml.html ` <li>${selectOptions[0].content}</li>`}
@@ -80,6 +92,14 @@ tslib_es6.__decorate([
80
92
  decorators.state(),
81
93
  tslib_es6.__metadata("design:type", Boolean)
82
94
  ], exports.HSelectToggler.prototype, "isMultiselect", void 0);
95
+ tslib_es6.__decorate([
96
+ decorators.state(),
97
+ tslib_es6.__metadata("design:type", Boolean)
98
+ ], exports.HSelectToggler.prototype, "searchDisabled", void 0);
99
+ tslib_es6.__decorate([
100
+ decorators.state(),
101
+ tslib_es6.__metadata("design:type", Boolean)
102
+ ], exports.HSelectToggler.prototype, "noDeselect", void 0);
83
103
  exports.HSelectToggler = tslib_es6.__decorate([
84
104
  phoenix_custom_element.phoenixCustomElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.toggler)
85
105
  ], exports.HSelectToggler);
package/build/cjs/packages/phoenix/src/components/form/select/components/toggler/select_toggler.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;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;AACA;AACA;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
@@ -85,11 +85,17 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
85
85
  return $options;
86
86
  };
87
87
  this._handleOptionDeselect = (event) => {
88
+ var _a;
88
89
  const selectedOption = this._selectController.getOption(event.detail);
89
90
  if (!selectedOption)
90
91
  return;
91
92
  this._selectController.deselect(selectedOption);
92
93
  this._dispatchChangeEvent();
94
+ // Focus management: move focus to combobox when no options are selected
95
+ const selectedOptions = this._selectController.selectedOptions$.getValue();
96
+ if (!selectedOptions || selectedOptions.length === 0) {
97
+ (_a = this.$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.focus();
98
+ }
93
99
  };
94
100
  this._updateOptionsView = (options) => {
95
101
  if (options.length < Array.from(this._$options.keys()).length)
@@ -260,6 +266,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
260
266
  this._selectController = this.multiple ? new multi_select_controller.MultiSelectController({ host: this }) : new select_controller.SelectController({ host: this });
261
267
  this._selectContext.provide(select_constants.SELECT_CONTEXTS.selectedOptions$, this._selectController.selectedOptions$);
262
268
  this._selectContext.provide(select_constants.SELECT_CONTEXTS.isMultiselect, this.multiple);
269
+ this._selectContext.provide(select_constants.SELECT_CONTEXTS.searchDisabled, this.searchDisabled);
270
+ this._selectContext.provide(select_constants.SELECT_CONTEXTS.noDeselect, this.noDeselect);
263
271
  this._optionsObserver = new observer.Observer((selectedOptions) => this._updateOptionsView(selectedOptions));
264
272
  this._selectController.options$.subscribe(this._optionsObserver);
265
273
  this._selectedOptionsAriaObserver = new observer.Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const SELECT_CONTEXTS = {
6
6
  isMultiselect: 'isMultiselect',
7
- selectedOptions$: 'selectedOptions$'
7
+ selectedOptions$: 'selectedOptions$',
8
+ searchDisabled: 'searchDisabled',
9
+ noDeselect: 'noDeselect'
8
10
  };
9
11
  const SELECT_SLOT_NAMES = {
10
12
  content: 'content',
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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/scroller/scroller-pause.js CHANGED
@@ -17,7 +17,7 @@ exports.HScrollerPause = class HScrollerPause extends phoenix_light_lit_element.
17
17
  }));
18
18
  };
19
19
  this.slot = this.hasAttribute('slot') ? this.slot : 'pause';
20
- this.className = `${scroller_constants.SCROLLER_CLASS_NAME.scrollerControlsPause} ${this.className}`;
20
+ this.className = `${scroller_constants.SCROLLER_CLASS_NAME.scrollerControls} ${scroller_constants.SCROLLER_CLASS_NAME.scrollerControlsPause} ${this.className}`;
21
21
  this._btnController = new btn_controller.BtnController(this, this._dispatchScrollerEvent);
22
22
  }
23
23
  connectedCallback() {
package/build/cjs/packages/phoenix/src/components/scroller/scroller-play.js CHANGED
@@ -17,7 +17,7 @@ exports.HScrollerPlay = class HScrollerPlay extends phoenix_light_lit_element.Ph
17
17
  }));
18
18
  };
19
19
  this.slot = this.hasAttribute('slot') ? this.slot : 'play';
20
- this.className = `${scroller_constants.SCROLLER_CLASS_NAME.scrollerControlsPlay} ${this.className}`;
20
+ this.className = `${scroller_constants.SCROLLER_CLASS_NAME.scrollerControls} ${scroller_constants.SCROLLER_CLASS_NAME.scrollerControlsPlay} ${this.className}`;
21
21
  this._btnController = new btn_controller.BtnController(this, this._dispatchScrollerEvent);
22
22
  }
23
23
  connectedCallback() {
package/build/cjs/packages/phoenix/src/components/scroller/scroller.js CHANGED
@@ -52,6 +52,8 @@ exports.HScroller = class HScroller extends phoenix_light_lit_element.PhoenixLig
52
52
  }
53
53
  this.addEventListener(scroller_constants.SCROLLER_EVENTS.pause, () => this.pause());
54
54
  this.addEventListener(scroller_constants.SCROLLER_EVENTS.play, () => this.play());
55
+ }
56
+ firstUpdated() {
55
57
  this._handlePausePlayState();
56
58
  }
57
59
  updated(changedProperties) {
package/build/cjs/packages/phoenix/src/components/scroller/scroller.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,yBAAyB,gEAAoE;AAC7F,4CAA4C,4GAAgH;AAC5J;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,gEAAoE;AAC7F,4CAA4C,4GAAgH;AAC5J;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/scroller/scroller_constants.js CHANGED
@@ -12,6 +12,7 @@ const SCROLLER_CONTROLS_NAMES = {
12
12
  scrollerControlsPause: 'h-scroller-pause'
13
13
  };
14
14
  const SCROLLER_CLASS_NAME = {
15
+ scrollerControls: 'scroller__controls',
15
16
  scrollerControlsPlay: 'scroller__controls_play',
16
17
  scrollerControlsPause: 'scroller__controls_pause'
17
18
  };
package/build/cjs/packages/phoenix/src/components/scroller/scroller_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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js CHANGED
@@ -3,19 +3,31 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ require('lit');
6
7
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
8
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
+ var decorators_js = require('@lit/reactive-element/decorators.js');
8
10
  var litHtml = require('lit-html');
9
11
  var tag_constants = require('./tag_constants.js');
10
12
 
11
13
  exports.HTagRemoveButton = class HTagRemoveButton extends phoenix_light_lit_element.PhoenixLightLitElement {
14
+ constructor() {
15
+ super(...arguments);
16
+ this.optionName = '';
17
+ }
12
18
  connectedCallback() {
13
19
  super.connectedCallback();
14
20
  this.classList.add(tag_constants.TAG_CSS_CLASSES.tagRemoveButton);
15
- this._setupAriaAttributes();
21
+ }
22
+ updated(_changedProperties) {
23
+ super.updated(_changedProperties);
24
+ if (_changedProperties.has('optionName')) {
25
+ this._setupAriaAttributes();
26
+ }
16
27
  }
17
28
  _setupAriaAttributes() {
18
- this.setAttribute('aria-label', 'remove tag');
29
+ const ariaLabel = this.optionName ? `Usuń opcję ${this.optionName}` : 'remove tag';
30
+ this.setAttribute('aria-label', ariaLabel);
19
31
  }
20
32
  render() {
21
33
  return litHtml.html `
@@ -23,6 +35,10 @@ exports.HTagRemoveButton = class HTagRemoveButton extends phoenix_light_lit_elem
23
35
  `;
24
36
  }
25
37
  };
38
+ tslib_es6.__decorate([
39
+ decorators_js.property({ type: String }),
40
+ tslib_es6.__metadata("design:type", String)
41
+ ], exports.HTagRemoveButton.prototype, "optionName", void 0);
26
42
  exports.HTagRemoveButton = tslib_es6.__decorate([
27
43
  phoenix_custom_element.phoenixCustomElement('h-tag-remove-button')
28
44
  ], exports.HTagRemoveButton);
package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.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;"}
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;"}
package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js CHANGED
@@ -10,17 +10,21 @@ var _VisibilityController_host;
10
10
  class VisibilityController {
11
11
  constructor(host) {
12
12
  _VisibilityController_host.set(this, void 0);
13
- this._handleResize = debounce['default'](this._setVisibilityValue, 100);
13
+ this._handleResize = debounce['default'](() => {
14
+ this._setVisibilityValue();
15
+ }, 100);
14
16
  tslib_es6.__classPrivateFieldSet(this, _VisibilityController_host, host, "f");
15
17
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addController(this);
16
18
  }
17
19
  hostConnected() {
18
- this._setVisibilityValue();
19
- this.initialVisibilityState = this._isVisibleBasedOnCssStyle();
20
+ const isVisibleBasedOnCssStyle = this._isVisibleBasedOnCssStyle();
21
+ this.initialVisibilityState = isVisibleBasedOnCssStyle;
22
+ const isVisible = isVisibleBasedOnCssStyle && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden');
23
+ isVisible ? this.show() : this.hide();
20
24
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
21
25
  }
22
26
  _setVisibilityValue() {
23
- const isVisible = this._isVisibleBasedOnCssStyle() && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
27
+ const isVisible = this._isVisibleBasedOnCssStyle() && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden');
24
28
  isVisible ? this.show() : this.hide();
25
29
  }
26
30
  _isVisibleBasedOnCssStyle() {
@@ -29,10 +33,16 @@ class VisibilityController {
29
33
  }
30
34
  hide() {
31
35
  this.isVisible = false;
36
+ if (tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden')) {
37
+ return;
38
+ }
32
39
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").setAttribute('hidden', '');
33
40
  }
34
41
  show() {
35
42
  this.isVisible = true;
43
+ if (!tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden')) {
44
+ return;
45
+ }
36
46
  tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").removeAttribute('hidden');
37
47
  }
38
48
  hostDisconnected() {
package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_controller.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,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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;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;"}
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts CHANGED
@@ -5,6 +5,8 @@ import { BehaviorSubject } from "../../../../../core/classes/behavior_subject/be
5
5
  export declare class HSelectToggler extends PhoenixLightLitElement {
6
6
  selectedOptions$: BehaviorSubject<SelectOption[]> | null;
7
7
  isMultiselect: boolean;
8
+ searchDisabled: boolean;
9
+ noDeselect: boolean;
8
10
  private _contextConsumer;
9
11
  private _selectedOptionsObserver;
10
12
  connectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.js CHANGED
@@ -13,6 +13,10 @@ import { SELECT_TOGGLER_CSS_CLASSES } from './select_toggler_constants.js';
13
13
  let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super(...arguments);
16
+ this.selectedOptions$ = null;
17
+ this.isMultiselect = false;
18
+ this.searchDisabled = false;
19
+ this.noDeselect = false;
16
20
  this._contextConsumer = new ContextConsumerController(this);
17
21
  this._handleSelectedOptionChanged = (selectedOptions) => {
18
22
  selectedOptions.length
@@ -28,13 +32,21 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
28
32
  connectedCallback() {
29
33
  super.connectedCallback();
30
34
  this.setAttribute('slot', SELECT_SLOT_NAMES.toggler);
31
- this.setAttribute('role', 'textbox');
32
35
  this.classList.add(SELECT_TOGGLER_CSS_CLASSES.selectToggler);
33
36
  this._subscribeObserver();
34
37
  }
35
38
  async _subscribeObserver() {
39
+ var _a;
36
40
  this.isMultiselect = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.isMultiselect));
37
41
  this.selectedOptions$ = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.selectedOptions$));
42
+ this.searchDisabled = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.searchDisabled));
43
+ this.noDeselect = (await this._contextConsumer.consumeAsync(SELECT_CONTEXTS.noDeselect));
44
+ const options = (_a = this.selectedOptions$.getValue()) !== null && _a !== void 0 ? _a : [];
45
+ const minOptionsToShowSearch = 6;
46
+ const isSearchEnabled = !this.searchDisabled && options.length > minOptionsToShowSearch;
47
+ if (isSearchEnabled) {
48
+ this.setAttribute('role', 'textbox');
49
+ }
38
50
  this._selectedOptionsObserver = new Observer(this._handleSelectedOptionChanged);
39
51
  this.selectedOptions$.subscribe(this._selectedOptionsObserver);
40
52
  }
@@ -52,12 +64,12 @@ let HSelectToggler = class HSelectToggler extends PhoenixLightLitElement {
52
64
  if (!selectOptions.length)
53
65
  return html `${(_a = this.getSlot(SELECT_INPUT_PLACEHOLDER_SLOT_NAME)) !== null && _a !== void 0 ? _a : html `<span class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerPlaceholder}>Select</span>`}`;
54
66
  return html ` <ul class=${SELECT_TOGGLER_CSS_CLASSES.selectTogglerValues}>
55
- ${this.isMultiselect
67
+ ${!this.noDeselect
56
68
  ? selectOptions.map((option) => html ` <li>
57
69
  <h-tag @remove=${() => this._dispatchOptionDeselect(option)}>
58
70
  ${option.content}
59
71
 
60
- <h-tag-remove-button></h-tag-remove-button>
72
+ <h-tag-remove-button .optionName=${option.content}></h-tag-remove-button>
61
73
  </h-tag>
62
74
  </li>`)
63
75
  : html ` <li>${selectOptions[0].content}</li>`}
@@ -76,6 +88,14 @@ __decorate([
76
88
  state(),
77
89
  __metadata("design:type", Boolean)
78
90
  ], HSelectToggler.prototype, "isMultiselect", void 0);
91
+ __decorate([
92
+ state(),
93
+ __metadata("design:type", Boolean)
94
+ ], HSelectToggler.prototype, "searchDisabled", void 0);
95
+ __decorate([
96
+ state(),
97
+ __metadata("design:type", Boolean)
98
+ ], HSelectToggler.prototype, "noDeselect", void 0);
79
99
  HSelectToggler = __decorate([
80
100
  phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.toggler)
81
101
  ], HSelectToggler);
package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.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;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;AACA;AACA;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.js CHANGED
@@ -81,11 +81,17 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
81
81
  return $options;
82
82
  };
83
83
  this._handleOptionDeselect = (event) => {
84
+ var _a;
84
85
  const selectedOption = this._selectController.getOption(event.detail);
85
86
  if (!selectedOption)
86
87
  return;
87
88
  this._selectController.deselect(selectedOption);
88
89
  this._dispatchChangeEvent();
90
+ // Focus management: move focus to combobox when no options are selected
91
+ const selectedOptions = this._selectController.selectedOptions$.getValue();
92
+ if (!selectedOptions || selectedOptions.length === 0) {
93
+ (_a = this.$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.focus();
94
+ }
89
95
  };
90
96
  this._updateOptionsView = (options) => {
91
97
  if (options.length < Array.from(this._$options.keys()).length)
@@ -256,6 +262,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
256
262
  this._selectController = this.multiple ? new MultiSelectController({ host: this }) : new SelectController({ host: this });
257
263
  this._selectContext.provide(SELECT_CONTEXTS.selectedOptions$, this._selectController.selectedOptions$);
258
264
  this._selectContext.provide(SELECT_CONTEXTS.isMultiselect, this.multiple);
265
+ this._selectContext.provide(SELECT_CONTEXTS.searchDisabled, this.searchDisabled);
266
+ this._selectContext.provide(SELECT_CONTEXTS.noDeselect, this.noDeselect);
259
267
  this._optionsObserver = new Observer((selectedOptions) => this._updateOptionsView(selectedOptions));
260
268
  this._selectController.options$.subscribe(this._optionsObserver);
261
269
  this._selectedOptionsAriaObserver = new Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
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,eAAe,wDAA4D;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,eAAe,wDAA4D;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export declare const SELECT_CONTEXTS: {
2
2
  readonly isMultiselect: "isMultiselect";
3
3
  readonly selectedOptions$: "selectedOptions$";
4
+ readonly searchDisabled: "searchDisabled";
5
+ readonly noDeselect: "noDeselect";
4
6
  };
5
7
  export declare const SELECT_SLOT_NAMES: {
6
8
  readonly content: "content";
package/build/esm/packages/phoenix/src/components/form/select/select_constants.js CHANGED
@@ -1,6 +1,8 @@
1
1
  const SELECT_CONTEXTS = {
2
2
  isMultiselect: 'isMultiselect',
3
- selectedOptions$: 'selectedOptions$'
3
+ selectedOptions$: 'selectedOptions$',
4
+ searchDisabled: 'searchDisabled',
5
+ noDeselect: 'noDeselect'
4
6
  };
5
7
  const SELECT_SLOT_NAMES = {
6
8
  content: 'content',
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;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/scroller/scroller-pause.js CHANGED
@@ -13,7 +13,7 @@ let HScrollerPause = class HScrollerPause extends PhoenixLightLitElement {
13
13
  }));
14
14
  };
15
15
  this.slot = this.hasAttribute('slot') ? this.slot : 'pause';
16
- this.className = `${SCROLLER_CLASS_NAME.scrollerControlsPause} ${this.className}`;
16
+ this.className = `${SCROLLER_CLASS_NAME.scrollerControls} ${SCROLLER_CLASS_NAME.scrollerControlsPause} ${this.className}`;
17
17
  this._btnController = new BtnController(this, this._dispatchScrollerEvent);
18
18
  }
19
19
  connectedCallback() {
package/build/esm/packages/phoenix/src/components/scroller/scroller-play.js CHANGED
@@ -13,7 +13,7 @@ let HScrollerPlay = class HScrollerPlay extends PhoenixLightLitElement {
13
13
  }));
14
14
  };
15
15
  this.slot = this.hasAttribute('slot') ? this.slot : 'play';
16
- this.className = `${SCROLLER_CLASS_NAME.scrollerControlsPlay} ${this.className}`;
16
+ this.className = `${SCROLLER_CLASS_NAME.scrollerControls} ${SCROLLER_CLASS_NAME.scrollerControlsPlay} ${this.className}`;
17
17
  this._btnController = new BtnController(this, this._dispatchScrollerEvent);
18
18
  }
19
19
  connectedCallback() {
package/build/esm/packages/phoenix/src/components/scroller/scroller.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class HScroller extends PhoenixLightLitElement {
9
9
  private _settings;
10
10
  private _scroller;
11
11
  connectedCallback(): void;
12
+ firstUpdated(): void;
12
13
  protected updated(changedProperties: Map<string, any>): void;
13
14
  pause(): void;
14
15
  play(): void;
package/build/esm/packages/phoenix/src/components/scroller/scroller.js CHANGED
@@ -48,6 +48,8 @@ let HScroller = class HScroller extends PhoenixLightLitElement {
48
48
  }
49
49
  this.addEventListener(SCROLLER_EVENTS.pause, () => this.pause());
50
50
  this.addEventListener(SCROLLER_EVENTS.play, () => this.play());
51
+ }
52
+ firstUpdated() {
51
53
  this._handlePausePlayState();
52
54
  }
53
55
  updated(changedProperties) {
package/build/esm/packages/phoenix/src/components/scroller/scroller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F,2BAA2B,4GAAgH;AAC3I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,gEAAoE;AAC3F,2BAA2B,4GAAgH;AAC3I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/scroller/scroller_constants.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const SCROLLER_CONTROLS_NAMES: {
8
8
  readonly scrollerControlsPause: "h-scroller-pause";
9
9
  };
10
10
  export declare const SCROLLER_CLASS_NAME: {
11
+ readonly scrollerControls: "scroller__controls";
11
12
  readonly scrollerControlsPlay: "scroller__controls_play";
12
13
  readonly scrollerControlsPause: "scroller__controls_pause";
13
14
  };
package/build/esm/packages/phoenix/src/components/scroller/scroller_constants.js CHANGED
@@ -8,6 +8,7 @@ const SCROLLER_CONTROLS_NAMES = {
8
8
  scrollerControlsPause: 'h-scroller-pause'
9
9
  };
10
10
  const SCROLLER_CLASS_NAME = {
11
+ scrollerControls: 'scroller__controls',
11
12
  scrollerControlsPlay: 'scroller__controls_play',
12
13
  scrollerControlsPause: 'scroller__controls_pause'
13
14
  };
package/build/esm/packages/phoenix/src/components/scroller/scroller_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;"}
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/esm/packages/phoenix/src/components/tag/tag_remove_button.d.ts CHANGED
@@ -1,7 +1,10 @@
1
1
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
2
  import { TemplateResult } from 'lit-html';
3
+ import { PropertyValues } from 'lit';
3
4
  export declare class HTagRemoveButton extends PhoenixLightLitElement {
5
+ optionName: string;
4
6
  connectedCallback(): void;
7
+ protected updated(_changedProperties: PropertyValues): void;
5
8
  private _setupAriaAttributes;
6
9
  render(): TemplateResult;
7
10
  }
package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js CHANGED
@@ -1,17 +1,29 @@
1
- import { __decorate } from '../../../../../external/tslib/tslib.es6.js';
1
+ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import 'lit';
2
3
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
4
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
+ import { property } from '@lit/reactive-element/decorators.js';
4
6
  import { html } from 'lit-html';
5
7
  import { TAG_CSS_CLASSES, TAG_REMOVE_ICON_SLOT_NAME } from './tag_constants.js';
6
8
 
7
9
  let HTagRemoveButton = class HTagRemoveButton extends PhoenixLightLitElement {
10
+ constructor() {
11
+ super(...arguments);
12
+ this.optionName = '';
13
+ }
8
14
  connectedCallback() {
9
15
  super.connectedCallback();
10
16
  this.classList.add(TAG_CSS_CLASSES.tagRemoveButton);
11
- this._setupAriaAttributes();
17
+ }
18
+ updated(_changedProperties) {
19
+ super.updated(_changedProperties);
20
+ if (_changedProperties.has('optionName')) {
21
+ this._setupAriaAttributes();
22
+ }
12
23
  }
13
24
  _setupAriaAttributes() {
14
- this.setAttribute('aria-label', 'remove tag');
25
+ const ariaLabel = this.optionName ? `Usuń opcję ${this.optionName}` : 'remove tag';
26
+ this.setAttribute('aria-label', ariaLabel);
15
27
  }
16
28
  render() {
17
29
  return html `
@@ -19,6 +31,10 @@ let HTagRemoveButton = class HTagRemoveButton extends PhoenixLightLitElement {
19
31
  `;
20
32
  }
21
33
  };
34
+ __decorate([
35
+ property({ type: String }),
36
+ __metadata("design:type", String)
37
+ ], HTagRemoveButton.prototype, "optionName", void 0);
22
38
  HTagRemoveButton = __decorate([
23
39
  phoenixCustomElement('h-tag-remove-button')
24
40
  ], HTagRemoveButton);
package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,4CAAgD;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;"}
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;"}
package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js CHANGED
@@ -6,17 +6,21 @@ var _VisibilityController_host;
6
6
  class VisibilityController {
7
7
  constructor(host) {
8
8
  _VisibilityController_host.set(this, void 0);
9
- this._handleResize = debounce_1(this._setVisibilityValue, 100);
9
+ this._handleResize = debounce_1(() => {
10
+ this._setVisibilityValue();
11
+ }, 100);
10
12
  __classPrivateFieldSet(this, _VisibilityController_host, host, "f");
11
13
  __classPrivateFieldGet(this, _VisibilityController_host, "f").addController(this);
12
14
  }
13
15
  hostConnected() {
14
- this._setVisibilityValue();
15
- this.initialVisibilityState = this._isVisibleBasedOnCssStyle();
16
+ const isVisibleBasedOnCssStyle = this._isVisibleBasedOnCssStyle();
17
+ this.initialVisibilityState = isVisibleBasedOnCssStyle;
18
+ const isVisible = isVisibleBasedOnCssStyle && !__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden');
19
+ isVisible ? this.show() : this.hide();
16
20
  __classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
17
21
  }
18
22
  _setVisibilityValue() {
19
- const isVisible = this._isVisibleBasedOnCssStyle() && !__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
23
+ const isVisible = this._isVisibleBasedOnCssStyle() && !__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden');
20
24
  isVisible ? this.show() : this.hide();
21
25
  }
22
26
  _isVisibleBasedOnCssStyle() {
@@ -25,10 +29,16 @@ class VisibilityController {
25
29
  }
26
30
  hide() {
27
31
  this.isVisible = false;
32
+ if (__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden')) {
33
+ return;
34
+ }
28
35
  __classPrivateFieldGet(this, _VisibilityController_host, "f").setAttribute('hidden', '');
29
36
  }
30
37
  show() {
31
38
  this.isVisible = true;
39
+ if (!__classPrivateFieldGet(this, _VisibilityController_host, "f").hasAttribute('hidden')) {
40
+ return;
41
+ }
32
42
  __classPrivateFieldGet(this, _VisibilityController_host, "f").removeAttribute('hidden');
33
43
  }
34
44
  hostDisconnected() {
package/build/esm/packages/phoenix/src/controllers/visibility_controller/visibility_controller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;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;"}
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.18.4",
5
+ "version": "1.18.6-0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",