@shoper/phoenix_design_system 1.10.9 → 1.10.10

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/search/search.js +11 -10
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +3 -7
  4. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +1 -1
  6. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_submit.js +1 -1
  8. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_load_more.js +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js +1 -1
  10. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  12. package/build/cjs/packages/phoenix/src/components/form/select/components/select_components_constatns.js +4 -4
  13. package/build/cjs/packages/phoenix/src/components/form/select/select.js +2 -2
  14. package/build/cjs/packages/phoenix/src/components/modal/modal.js +5 -0
  15. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  16. package/build/cjs/packages/phoenix/src/index.js +12 -13
  17. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -0
  19. package/build/esm/packages/phoenix/src/components/form/search/search.js +12 -11
  20. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +2 -5
  22. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +4 -7
  23. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
  24. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +2 -2
  25. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +2 -2
  26. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_submit.js +2 -2
  27. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_load_more.js +2 -2
  28. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js +2 -2
  29. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js +2 -2
  30. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +4 -4
  31. package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.d.ts +4 -4
  32. package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.js +4 -4
  33. package/build/esm/packages/phoenix/src/components/form/select/select.js +2 -2
  34. package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +1 -0
  35. package/build/esm/packages/phoenix/src/components/modal/modal.js +5 -0
  36. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  37. package/build/esm/packages/phoenix/src/index.js +3 -3
  38. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -52,7 +52,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
52
52
  break;
53
53
  case 'Escape':
54
54
  ev.preventDefault();
55
- this._searchInput.blur();
55
+ this._inputField.blur();
56
56
  this._resetSearchView();
57
57
  break;
58
58
  }
@@ -102,6 +102,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
102
102
  catch (_a) {
103
103
  console.error('Search context is not provided');
104
104
  }
105
+ this._searchInput = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.searchInput);
105
106
  this._setupInitialSearchPhrase();
106
107
  this._setupListeners();
107
108
  }
@@ -118,11 +119,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
118
119
  var _a;
119
120
  const searchInput = this.querySelector('input[type="search"]');
120
121
  if (searchInput)
121
- this._searchInput = searchInput;
122
- if (!((_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.value))
122
+ this._inputField = searchInput;
123
+ if (!((_a = this._inputField) === null || _a === void 0 ? void 0 : _a.value))
123
124
  return;
124
- this._searchPhrase = this._searchInput.value;
125
- this._updateSearchPhrase(this._searchInput.value);
125
+ this._searchPhrase = this._inputField.value;
126
+ this._updateSearchPhrase(this._inputField.value);
126
127
  }
127
128
  _updateSearchPhrase(searchPhrase) {
128
129
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseUpdated, searchPhrase);
@@ -136,14 +137,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
136
137
  });
137
138
  }
138
139
  _setupListeners() {
139
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.focusin, (ev) => {
140
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
140
141
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
141
142
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
142
143
  const shouldShowMessage = ev.detail.searchPhrase !== '';
143
144
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
144
145
  document.addEventListener('keydown', this._bindKeys);
145
146
  });
146
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, (ev) => {
147
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
147
148
  const shouldShowMessage = ev.detail.searchPhrase !== '';
148
149
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
149
150
  });
@@ -154,13 +155,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
154
155
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
155
156
  if (this._activeItemId !== -1)
156
157
  return;
157
- if (this._searchInput.value === '') {
158
- this._updateSearchView(this._searchInput.value, true);
158
+ if (this._inputField.value === '') {
159
+ this._updateSearchView(this._inputField.value, true);
159
160
  }
160
161
  else {
161
162
  this._resetSearchView();
162
163
  }
163
- this._submitSearchPhrase(this._searchInput.value);
164
+ this._submitSearchPhrase(this._inputField.value);
164
165
  });
165
166
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.close, () => {
166
167
  this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
package/build/cjs/packages/phoenix/src/components/form/search/search.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,mBAAmB,qEAA6E;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mBAAmB,qEAA6E;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/search_constants.js CHANGED
@@ -28,12 +28,9 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
28
28
  submit: 'submitSearchPhrase',
29
29
  close: 'close',
30
30
  search: 'search',
31
- updateSearchPhrase: 'updateSearchPhrase'
32
- };
33
- const SEARCH_NATIVE_EVENT_NAMES = {
34
- click: 'click',
35
- focusin: 'focusin',
36
- keyup: 'keyup'
31
+ updateSearchPhrase: 'updateSearchPhrase',
32
+ focusin: 'searchFocusIn',
33
+ keyup: 'searchKeyUp',
37
34
  };
38
35
  const baseSearchCssClass = 'search';
39
36
  const SEARCH_CLASS_NAMES = {
@@ -116,7 +113,6 @@ exports.SEARCH_COMPONENT_NAMES = SEARCH_COMPONENT_NAMES;
116
113
  exports.SEARCH_CONFIGURATION = SEARCH_CONFIGURATION;
117
114
  exports.SEARCH_CONTEXT_NAMES = SEARCH_CONTEXT_NAMES;
118
115
  exports.SEARCH_CUSTOM_EVENT_NAMES = SEARCH_CUSTOM_EVENT_NAMES;
119
- exports.SEARCH_NATIVE_EVENT_NAMES = SEARCH_NATIVE_EVENT_NAMES;
120
116
  exports.SEARCH_PORTAL_DESTINATIONS = SEARCH_PORTAL_DESTINATIONS;
121
117
  exports.SEARCH_SLOT_NAMES = SEARCH_SLOT_NAMES;
122
118
  exports.SUGGESTIONS_TYPE = SUGGESTIONS_TYPE;
package/build/cjs/packages/phoenix/src/components/form/search/search_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/subcomponents/buttons/search_clear.js CHANGED
@@ -30,7 +30,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
30
30
  connectedCallback() {
31
31
  super.connectedCallback();
32
32
  this._searchContextSetup();
33
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchClearEvent);
33
+ this.addEventListener('click', this._dispatchClearEvent);
34
34
  }
35
35
  async _searchContextSetup() {
36
36
  try {
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js CHANGED
@@ -15,7 +15,7 @@ exports.HSearchClose = class HSearchClose extends phoenix_light_lit_element.Phoe
15
15
  }
16
16
  connectedCallback() {
17
17
  super.connectedCallback();
18
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchCloseEvent);
18
+ this.addEventListener('click', this._dispatchCloseEvent);
19
19
  }
20
20
  _dispatchCloseEvent() {
21
21
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.close);
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_submit.js CHANGED
@@ -18,7 +18,7 @@ exports.HSearchSubmit = class HSearchSubmit extends phoenix_light_lit_element.Ph
18
18
  }
19
19
  connectedCallback() {
20
20
  super.connectedCallback();
21
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchSubmitEvent);
21
+ this.addEventListener('click', this._dispatchSubmitEvent);
22
22
  }
23
23
  };
24
24
  exports.HSearchSubmit = tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_load_more.js CHANGED
@@ -26,7 +26,7 @@ exports.HSearchHistoryLoadMore = class HSearchHistoryLoadMore extends phoenix_li
26
26
  }
27
27
  connectedCallback() {
28
28
  super.connectedCallback();
29
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistoryLoadMoreEvent);
29
+ this.addEventListener('click', this._dispatchHistoryLoadMoreEvent);
30
30
  }
31
31
  };
32
32
  exports.HSearchHistoryLoadMore = tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js CHANGED
@@ -23,7 +23,7 @@ exports.HSearchHistoryRemove = class HSearchHistoryRemove extends phoenix_light_
23
23
  }
24
24
  connectedCallback() {
25
25
  super.connectedCallback();
26
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchRemoveHistoryItemEvent);
26
+ this.addEventListener('click', this._dispatchRemoveHistoryItemEvent);
27
27
  }
28
28
  };
29
29
  tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js CHANGED
@@ -24,7 +24,7 @@ exports.HSearchHistorySelect = class HSearchHistorySelect extends phoenix_light_
24
24
  }
25
25
  connectedCallback() {
26
26
  super.connectedCallback();
27
- this.addEventListener(search_constants.SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistorySelectEvent);
27
+ this.addEventListener('click', this._dispatchHistorySelectEvent);
28
28
  }
29
29
  };
30
30
  tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -47,7 +47,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
47
47
  }
48
48
  _setupListeners() {
49
49
  this._input.addEventListener('focusin', (ev) => {
50
- this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.focusin, {
50
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.focusin, {
51
51
  detail: {
52
52
  searchPhrase: ev.target.value
53
53
  }
@@ -57,7 +57,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
57
57
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
58
58
  return;
59
59
  if (ev.key !== 'Enter') {
60
- this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, {
60
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
61
61
  detail: {
62
62
  searchPhrase: ev.target.value
63
63
  }
@@ -95,7 +95,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
95
95
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
96
96
  return;
97
97
  this._input.value = ev.detail.searchPhrase;
98
- this.emitCustomEvent(search_constants.SEARCH_NATIVE_EVENT_NAMES.keyup, {
98
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
99
99
  detail: {
100
100
  searchPhrase: ev.detail.searchPhrase
101
101
  }
package/build/cjs/packages/phoenix/src/components/form/select/components/select_components_constatns.js CHANGED
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const SELECT_OPTION_EVENT_NAMES = {
6
- clicked: 'clicked',
7
- updated: `updated`
6
+ clicked: 'optionClicked',
7
+ updated: `optionUpdated`
8
8
  };
9
9
  const SELECT_OPTIONS_EVENT_NAMES = {
10
- optionClicked: 'optionClicked',
11
- optionUpdated: 'optionUpdated'
10
+ optionClicked: 'optionsClicked',
11
+ optionUpdated: 'optionsUpdated'
12
12
  };
13
13
  const SELECT_SEARCH_EVENT_NAMES = {
14
14
  search: 'search'
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -326,8 +326,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
326
326
  ? select_constants.SELECT_CSS_CLASSES.selectOptionsEmpty
327
327
  : ''}"
328
328
  ${ref_js.ref(this._$optionsList)}
329
- @clicked=${this._handleOptionClicked}
330
- @updated=${this._handleOptionUpdated}
329
+ @optionClicked=${this._handleOptionClicked}
330
+ @optionUpdated=${this._handleOptionUpdated}
331
331
  >
332
332
  ${this._$options ? repeat.repeat(Object.values(this._$options), (option) => option.value, (option) => this._renderOption(option)) : lit.nothing}
333
333
  </h-options>
package/build/cjs/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -28,6 +28,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
28
28
  this._contentRef = ref_js.createRef();
29
29
  this._focusSentinelStart = ref_js.createRef();
30
30
  this._focusSentinelEnd = ref_js.createRef();
31
+ this._$modalClose = null;
31
32
  this._propsChangeStrategies = {
32
33
  [modal_constants.MODAL_OPENED_PROP]: {
33
34
  true: () => {
@@ -69,6 +70,8 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
69
70
  this._handleCloseFromCloseComponent = async (ev) => {
70
71
  var _a;
71
72
  ev.stopPropagation();
73
+ if (ev.target !== this._$modalClose)
74
+ return;
72
75
  if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
73
76
  await this.close();
74
77
  }
@@ -124,6 +127,8 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
124
127
  }
125
128
  connectedCallback() {
126
129
  super.connectedCallback();
130
+ if (!this._$modalClose)
131
+ this._$modalClose = this.querySelector('h-modal-close');
127
132
  HModal_1._appendModalsPortal();
128
133
  document.addEventListener('keydown', this._keepFocusWithinModal);
129
134
  document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
package/build/cjs/packages/phoenix/src/components/modal/modal.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED
@@ -30,12 +30,12 @@ var input_constants = require('./components/form/input/input_constants.js');
30
30
  var file_picker = require('./components/form/file_picker/file_picker.js');
31
31
  var file_picker_label = require('./components/form/file_picker/file_picker_label.js');
32
32
  var modal_constants = require('./components/modal/modal_constants.js');
33
+ var modal_close = require('./components/modal/modal_close.js');
33
34
  var modal = require('./components/modal/modal.js');
34
35
  var modal_opener = require('./components/modal/modal_opener.js');
35
36
  var modal_body = require('./components/modal/modal_body.js');
36
37
  var modal_footer = require('./components/modal/modal_footer.js');
37
38
  var modal_header = require('./components/modal/modal_header.js');
38
- var modal_close = require('./components/modal/modal_close.js');
39
39
  var control_constatns = require('./components/form/control/control_constatns.js');
40
40
  var control = require('./components/form/control/control.js');
41
41
  var control_errors = require('./components/form/control/control_errors.js');
@@ -98,8 +98,8 @@ var input_stepper = require('./components/form/input_stepper/input_stepper.js');
98
98
  var display_stepper = require('./components/form/input_stepper/display_stepper.js');
99
99
  var button_stepper = require('./components/form/input_stepper/button_stepper.js');
100
100
  var search_constants = require('./components/form/search/search_constants.js');
101
- var search = require('./components/form/search/search.js');
102
101
  var search_input = require('./components/form/search/subcomponents/input/search_input.js');
102
+ var search = require('./components/form/search/search.js');
103
103
  var search_history_load_more = require('./components/form/search/subcomponents/history/search_history_load_more.js');
104
104
  var search_history = require('./components/form/search/subcomponents/history/search_history.js');
105
105
  var search_results = require('./components/form/search/subcomponents/results/search_results.js');
@@ -222,6 +222,12 @@ Object.defineProperty(exports, 'HFilePickerLabel', {
222
222
  }
223
223
  });
224
224
  exports.MODAL_EVENTS = modal_constants.MODAL_EVENTS;
225
+ Object.defineProperty(exports, 'HModalClose', {
226
+ enumerable: true,
227
+ get: function () {
228
+ return modal_close.HModalClose;
229
+ }
230
+ });
225
231
  Object.defineProperty(exports, 'HModal', {
226
232
  enumerable: true,
227
233
  get: function () {
@@ -252,12 +258,6 @@ Object.defineProperty(exports, 'HModalHeader', {
252
258
  return modal_header.HModalHeader;
253
259
  }
254
260
  });
255
- Object.defineProperty(exports, 'HModalClose', {
256
- enumerable: true,
257
- get: function () {
258
- return modal_close.HModalClose;
259
- }
260
- });
261
261
  exports.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = control_constatns.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP;
262
262
  exports.CONTROL_ADDITIONAL_CONTENT_TYPES = control_constatns.CONTROL_ADDITIONAL_CONTENT_TYPES;
263
263
  exports.CONTROL_CONTENT_SIZES = control_constatns.CONTROL_CONTENT_SIZES;
@@ -583,20 +583,19 @@ exports.SEARCH_COMPONENT_NAMES = search_constants.SEARCH_COMPONENT_NAMES;
583
583
  exports.SEARCH_CONFIGURATION = search_constants.SEARCH_CONFIGURATION;
584
584
  exports.SEARCH_CONTEXT_NAMES = search_constants.SEARCH_CONTEXT_NAMES;
585
585
  exports.SEARCH_CUSTOM_EVENT_NAMES = search_constants.SEARCH_CUSTOM_EVENT_NAMES;
586
- exports.SEARCH_NATIVE_EVENT_NAMES = search_constants.SEARCH_NATIVE_EVENT_NAMES;
587
586
  exports.SEARCH_PORTAL_DESTINATIONS = search_constants.SEARCH_PORTAL_DESTINATIONS;
588
587
  exports.SEARCH_SLOT_NAMES = search_constants.SEARCH_SLOT_NAMES;
589
588
  exports.SUGGESTIONS_TYPE = search_constants.SUGGESTIONS_TYPE;
590
- Object.defineProperty(exports, 'HSearch', {
589
+ Object.defineProperty(exports, 'HSearchInput', {
591
590
  enumerable: true,
592
591
  get: function () {
593
- return search.HSearch;
592
+ return search_input.HSearchInput;
594
593
  }
595
594
  });
596
- Object.defineProperty(exports, 'HSearchInput', {
595
+ Object.defineProperty(exports, 'HSearch', {
597
596
  enumerable: true,
598
597
  get: function () {
599
- return search_input.HSearchInput;
598
+ return search.HSearch;
600
599
  }
601
600
  });
602
601
  Object.defineProperty(exports, 'HSearchHistoryLoadMore', {
package/build/cjs/packages/phoenix/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/search.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare class HSearch extends PhoenixLightLitElement {
11
11
  private _searchContext$;
12
12
  private _searchContextObserver;
13
13
  private _searchInput;
14
+ private _inputField;
14
15
  private _shouldShowHistory;
15
16
  private _shouldShowResults;
16
17
  private _shouldShowMessage;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -10,7 +10,7 @@ import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior
10
10
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
11
11
  import { BREAKPOINTS } from '../../../global_constants.js';
12
12
  import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
13
- import { DEFAULT_VIEW, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from './search_constants.js';
13
+ import { DEFAULT_VIEW, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_CONFIGURATION, SEARCH_COMPONENT_NAMES, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
14
14
 
15
15
  let HSearch = class HSearch extends PhoenixLightLitElement {
16
16
  constructor() {
@@ -48,7 +48,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
48
48
  break;
49
49
  case 'Escape':
50
50
  ev.preventDefault();
51
- this._searchInput.blur();
51
+ this._inputField.blur();
52
52
  this._resetSearchView();
53
53
  break;
54
54
  }
@@ -98,6 +98,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
98
98
  catch (_a) {
99
99
  console.error('Search context is not provided');
100
100
  }
101
+ this._searchInput = this.querySelector(SEARCH_COMPONENT_NAMES.searchInput);
101
102
  this._setupInitialSearchPhrase();
102
103
  this._setupListeners();
103
104
  }
@@ -114,11 +115,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
114
115
  var _a;
115
116
  const searchInput = this.querySelector('input[type="search"]');
116
117
  if (searchInput)
117
- this._searchInput = searchInput;
118
- if (!((_a = this._searchInput) === null || _a === void 0 ? void 0 : _a.value))
118
+ this._inputField = searchInput;
119
+ if (!((_a = this._inputField) === null || _a === void 0 ? void 0 : _a.value))
119
120
  return;
120
- this._searchPhrase = this._searchInput.value;
121
- this._updateSearchPhrase(this._searchInput.value);
121
+ this._searchPhrase = this._inputField.value;
122
+ this._updateSearchPhrase(this._inputField.value);
122
123
  }
123
124
  _updateSearchPhrase(searchPhrase) {
124
125
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseUpdated, searchPhrase);
@@ -132,14 +133,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
132
133
  });
133
134
  }
134
135
  _setupListeners() {
135
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.focusin, (ev) => {
136
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.focusin, (ev) => {
136
137
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
137
138
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
138
139
  const shouldShowMessage = ev.detail.searchPhrase !== '';
139
140
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
140
141
  document.addEventListener('keydown', this._bindKeys);
141
142
  });
142
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.keyup, (ev) => {
143
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
143
144
  const shouldShowMessage = ev.detail.searchPhrase !== '';
144
145
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
145
146
  });
@@ -150,13 +151,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
150
151
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
151
152
  if (this._activeItemId !== -1)
152
153
  return;
153
- if (this._searchInput.value === '') {
154
- this._updateSearchView(this._searchInput.value, true);
154
+ if (this._inputField.value === '') {
155
+ this._updateSearchView(this._inputField.value, true);
155
156
  }
156
157
  else {
157
158
  this._resetSearchView();
158
159
  }
159
- this._submitSearchPhrase(this._searchInput.value);
160
+ this._submitSearchPhrase(this._inputField.value);
160
161
  });
161
162
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.close, () => {
162
163
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
package/build/esm/packages/phoenix/src/components/form/search/search.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,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/search_constants.d.ts CHANGED
@@ -26,11 +26,8 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
26
26
  readonly close: "close";
27
27
  readonly search: "search";
28
28
  readonly updateSearchPhrase: "updateSearchPhrase";
29
- };
30
- export declare const SEARCH_NATIVE_EVENT_NAMES: {
31
- readonly click: "click";
32
- readonly focusin: "focusin";
33
- readonly keyup: "keyup";
29
+ readonly focusin: "searchFocusIn";
30
+ readonly keyup: "searchKeyUp";
34
31
  };
35
32
  export declare const SEARCH_CLASS_NAMES: {
36
33
  readonly searchBar: "search__bar";
package/build/esm/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -24,12 +24,9 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
24
24
  submit: 'submitSearchPhrase',
25
25
  close: 'close',
26
26
  search: 'search',
27
- updateSearchPhrase: 'updateSearchPhrase'
28
- };
29
- const SEARCH_NATIVE_EVENT_NAMES = {
30
- click: 'click',
31
- focusin: 'focusin',
32
- keyup: 'keyup'
27
+ updateSearchPhrase: 'updateSearchPhrase',
28
+ focusin: 'searchFocusIn',
29
+ keyup: 'searchKeyUp',
33
30
  };
34
31
  const baseSearchCssClass = 'search';
35
32
  const SEARCH_CLASS_NAMES = {
@@ -104,5 +101,5 @@ const SUGGESTIONS_TYPE = {
104
101
  };
105
102
  const DEFAULT_VIEW = 'default';
106
103
 
107
- export { DEFAULT_VIEW, EMPTY_SEARCH_RESULTS, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES, SUGGESTIONS_TYPE };
104
+ export { DEFAULT_VIEW, EMPTY_SEARCH_RESULTS, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES, SUGGESTIONS_TYPE };
108
105
  //# sourceMappingURL=search_constants.js.map
package/build/esm/packages/phoenix/src/components/form/search/search_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/subcomponents/buttons/search_clear.js CHANGED
@@ -7,7 +7,7 @@ import { BtnController } from '../../../../../controllers/btn_controller/btn_con
7
7
  import { Observer } from '../../../../../core/classes/observer/observer.js';
8
8
  import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
9
9
  import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
10
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
10
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
11
11
 
12
12
  let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
13
13
  constructor() {
@@ -26,7 +26,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
26
26
  connectedCallback() {
27
27
  super.connectedCallback();
28
28
  this._searchContextSetup();
29
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchClearEvent);
29
+ this.addEventListener('click', this._dispatchClearEvent);
30
30
  }
31
31
  async _searchContextSetup() {
32
32
  try {
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js CHANGED
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../../../external/tslib/t
2
2
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
3
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
4
4
  import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
5
- import { SEARCH_NATIVE_EVENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
5
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
6
 
7
7
  let HSearchClose = class HSearchClose extends PhoenixLightLitElement {
8
8
  constructor() {
@@ -11,7 +11,7 @@ let HSearchClose = class HSearchClose extends PhoenixLightLitElement {
11
11
  }
12
12
  connectedCallback() {
13
13
  super.connectedCallback();
14
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchCloseEvent);
14
+ this.addEventListener('click', this._dispatchCloseEvent);
15
15
  }
16
16
  _dispatchCloseEvent() {
17
17
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.close);
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_submit.js CHANGED
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../../../external/tslib/t
2
2
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
3
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
4
4
  import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
5
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
5
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
6
 
7
7
  let HSearchSubmit = class HSearchSubmit extends PhoenixLightLitElement {
8
8
  constructor() {
@@ -14,7 +14,7 @@ let HSearchSubmit = class HSearchSubmit extends PhoenixLightLitElement {
14
14
  }
15
15
  connectedCallback() {
16
16
  super.connectedCallback();
17
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchSubmitEvent);
17
+ this.addEventListener('click', this._dispatchSubmitEvent);
18
18
  }
19
19
  };
20
20
  HSearchSubmit = __decorate([
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_load_more.js CHANGED
@@ -3,7 +3,7 @@ import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_el
3
3
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
4
4
  import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
5
5
  import { VisibilityController } from '../../../../../controllers/visibility_controller/visibility_controller.js';
6
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
7
7
 
8
8
  let HSearchHistoryLoadMore = class HSearchHistoryLoadMore extends PhoenixLightLitElement {
9
9
  constructor() {
@@ -22,7 +22,7 @@ let HSearchHistoryLoadMore = class HSearchHistoryLoadMore extends PhoenixLightLi
22
22
  }
23
23
  connectedCallback() {
24
24
  super.connectedCallback();
25
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistoryLoadMoreEvent);
25
+ this.addEventListener('click', this._dispatchHistoryLoadMoreEvent);
26
26
  }
27
27
  };
28
28
  HSearchHistoryLoadMore = __decorate([
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_remove.js CHANGED
@@ -3,7 +3,7 @@ import { property } from 'lit/decorators';
3
3
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
4
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
6
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
7
7
 
8
8
  let HSearchHistoryRemove = class HSearchHistoryRemove extends PhoenixLightLitElement {
9
9
  constructor() {
@@ -19,7 +19,7 @@ let HSearchHistoryRemove = class HSearchHistoryRemove extends PhoenixLightLitEle
19
19
  }
20
20
  connectedCallback() {
21
21
  super.connectedCallback();
22
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchRemoveHistoryItemEvent);
22
+ this.addEventListener('click', this._dispatchRemoveHistoryItemEvent);
23
23
  }
24
24
  };
25
25
  __decorate([
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history_select.js CHANGED
@@ -3,7 +3,7 @@ import { property } from 'lit/decorators';
3
3
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
4
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
5
5
  import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
6
- import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
7
7
 
8
8
  let HSearchHistorySelect = class HSearchHistorySelect extends PhoenixLightLitElement {
9
9
  constructor() {
@@ -20,7 +20,7 @@ let HSearchHistorySelect = class HSearchHistorySelect extends PhoenixLightLitEle
20
20
  }
21
21
  connectedCallback() {
22
22
  super.connectedCallback();
23
- this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistorySelectEvent);
23
+ this.addEventListener('click', this._dispatchHistorySelectEvent);
24
24
  }
25
25
  };
26
26
  __decorate([
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../../../external/tslib/t
2
2
  import { property, state } from 'lit/decorators';
3
3
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
4
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
5
- import { SEARCH_NATIVE_EVENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
5
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
6
6
 
7
7
  let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
8
8
  constructor() {
@@ -43,7 +43,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
43
43
  }
44
44
  _setupListeners() {
45
45
  this._input.addEventListener('focusin', (ev) => {
46
- this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.focusin, {
46
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusin, {
47
47
  detail: {
48
48
  searchPhrase: ev.target.value
49
49
  }
@@ -53,7 +53,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
53
53
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
54
54
  return;
55
55
  if (ev.key !== 'Enter') {
56
- this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.keyup, {
56
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
57
57
  detail: {
58
58
  searchPhrase: ev.target.value
59
59
  }
@@ -91,7 +91,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
91
91
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
92
92
  return;
93
93
  this._input.value = ev.detail.searchPhrase;
94
- this.emitCustomEvent(SEARCH_NATIVE_EVENT_NAMES.keyup, {
94
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
95
95
  detail: {
96
96
  searchPhrase: ev.detail.searchPhrase
97
97
  }
package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export declare const SELECT_OPTION_EVENT_NAMES: {
2
- readonly clicked: "clicked";
3
- readonly updated: "updated";
2
+ readonly clicked: "optionClicked";
3
+ readonly updated: "optionUpdated";
4
4
  };
5
5
  export declare const SELECT_OPTIONS_EVENT_NAMES: {
6
- readonly optionClicked: "optionClicked";
7
- readonly optionUpdated: "optionUpdated";
6
+ readonly optionClicked: "optionsClicked";
7
+ readonly optionUpdated: "optionsUpdated";
8
8
  };
9
9
  export declare const SELECT_SEARCH_EVENT_NAMES: {
10
10
  readonly search: "search";
package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.js CHANGED
@@ -1,10 +1,10 @@
1
1
  const SELECT_OPTION_EVENT_NAMES = {
2
- clicked: 'clicked',
3
- updated: `updated`
2
+ clicked: 'optionClicked',
3
+ updated: `optionUpdated`
4
4
  };
5
5
  const SELECT_OPTIONS_EVENT_NAMES = {
6
- optionClicked: 'optionClicked',
7
- optionUpdated: 'optionUpdated'
6
+ optionClicked: 'optionsClicked',
7
+ optionUpdated: 'optionsUpdated'
8
8
  };
9
9
  const SELECT_SEARCH_EVENT_NAMES = {
10
10
  search: 'search'
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -322,8 +322,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
322
322
  ? SELECT_CSS_CLASSES.selectOptionsEmpty
323
323
  : ''}"
324
324
  ${ref(this._$optionsList)}
325
- @clicked=${this._handleOptionClicked}
326
- @updated=${this._handleOptionUpdated}
325
+ @optionClicked=${this._handleOptionClicked}
326
+ @optionUpdated=${this._handleOptionUpdated}
327
327
  >
328
328
  ${this._$options ? repeat(Object.values(this._$options), (option) => option.value, (option) => this._renderOption(option)) : nothing}
329
329
  </h-options>
package/build/esm/packages/phoenix/src/components/modal/modal.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare class HModal extends PhoenixLightLitElement {
12
12
  private _contentRef;
13
13
  private _focusSentinelStart;
14
14
  private _focusSentinelEnd;
15
+ private _$modalClose;
15
16
  private _propsChangeStrategies;
16
17
  private static openModals;
17
18
  private _backdropController;
package/build/esm/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -24,6 +24,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
24
24
  this._contentRef = createRef();
25
25
  this._focusSentinelStart = createRef();
26
26
  this._focusSentinelEnd = createRef();
27
+ this._$modalClose = null;
27
28
  this._propsChangeStrategies = {
28
29
  [MODAL_OPENED_PROP]: {
29
30
  true: () => {
@@ -65,6 +66,8 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
65
66
  this._handleCloseFromCloseComponent = async (ev) => {
66
67
  var _a;
67
68
  ev.stopPropagation();
69
+ if (ev.target !== this._$modalClose)
70
+ return;
68
71
  if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
69
72
  await this.close();
70
73
  }
@@ -120,6 +123,8 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
120
123
  }
121
124
  connectedCallback() {
122
125
  super.connectedCallback();
126
+ if (!this._$modalClose)
127
+ this._$modalClose = this.querySelector('h-modal-close');
123
128
  HModal_1._appendModalsPortal();
124
129
  document.addEventListener('keydown', this._keepFocusWithinModal);
125
130
  document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
package/build/esm/packages/phoenix/src/components/modal/modal.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED
@@ -26,12 +26,12 @@ export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, I
26
26
  export { HFilePicker } from './components/form/file_picker/file_picker.js';
27
27
  export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
28
28
  export { MODAL_EVENTS } from './components/modal/modal_constants.js';
29
+ export { HModalClose } from './components/modal/modal_close.js';
29
30
  export { HModal } from './components/modal/modal.js';
30
31
  export { HModalOpener } from './components/modal/modal_opener.js';
31
32
  export { HModalBody } from './components/modal/modal_body.js';
32
33
  export { HModalFooter } from './components/modal/modal_footer.js';
33
34
  export { HModalHeader } from './components/modal/modal_header.js';
34
- export { HModalClose } from './components/modal/modal_close.js';
35
35
  export { ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP, CONTROL_ADDITIONAL_CONTENT_TYPES, CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES } from './components/form/control/control_constatns.js';
36
36
  export { HControl } from './components/form/control/control.js';
37
37
  export { HControlErrors } from './components/form/control/control_errors.js';
@@ -93,9 +93,9 @@ export { INPUT_STEPPER_CUSTOM_EVENT_NAMES } from './components/form/input_steppe
93
93
  export { HInputStepper } from './components/form/input_stepper/input_stepper.js';
94
94
  export { HDisplayStepper } from './components/form/input_stepper/display_stepper.js';
95
95
  export { HButtonStepper } from './components/form/input_stepper/button_stepper.js';
96
- export { DEFAULT_VIEW, EMPTY_SEARCH_RESULTS, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES, SUGGESTIONS_TYPE } from './components/form/search/search_constants.js';
97
- export { HSearch } from './components/form/search/search.js';
96
+ export { DEFAULT_VIEW, EMPTY_SEARCH_RESULTS, SCROLL_DIRECTIONS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES, SUGGESTIONS_TYPE } from './components/form/search/search_constants.js';
98
97
  export { HSearchInput } from './components/form/search/subcomponents/input/search_input.js';
98
+ export { HSearch } from './components/form/search/search.js';
99
99
  export { HSearchHistoryLoadMore } from './components/form/search/subcomponents/history/search_history_load_more.js';
100
100
  export { HSearchHistory } from './components/form/search/subcomponents/history/search_history.js';
101
101
  export { HSearchResults } from './components/form/search/subcomponents/results/search_results.js';
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.10.9",
5
+ "version": "1.10.10",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",