@shoper/phoenix_design_system 1.11.3 → 1.11.5

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 (23) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +13 -2
  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 +1 -1
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +3 -3
  5. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  6. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +1 -6
  7. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  8. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +0 -2
  9. package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -0
  11. package/build/esm/packages/phoenix/src/components/form/search/search.js +13 -2
  12. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +1 -1
  14. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -1
  15. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +3 -3
  16. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  17. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts +0 -1
  18. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js +2 -7
  19. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map +1 -1
  20. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts +0 -1
  21. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js +1 -2
  22. package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js.map +1 -1
  23. package/package.json +1 -1
@@ -154,7 +154,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
154
154
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
155
155
  document.addEventListener('keyup', this._bindKeys);
156
156
  });
157
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
157
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
158
158
  const shouldShowMessage = ev.detail.searchPhrase !== '';
159
159
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
160
160
  });
@@ -269,9 +269,20 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
269
269
  `);
270
270
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
271
271
  }
272
+ _handleOpenSearchWithKeyboard(ev) {
273
+ if (ev.code !== 'Enter')
274
+ return;
275
+ ev.preventDefault();
276
+ this._handleOpenSearch();
277
+ }
272
278
  render() {
273
279
  return lit.html `
274
- <div class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon" @click=${this._handleOpenSearch}>
280
+ <div
281
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
282
+ tabindex="0"
283
+ @click=${this._handleOpenSearch}
284
+ @keydown=${this._handleOpenSearchWithKeyboard}
285
+ >
275
286
  <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
276
287
  <div class="labeled-icon__signature">${this._translations.search}</div>
277
288
  </div>
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -30,7 +30,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
30
30
  search: 'search',
31
31
  updateSearchPhrase: 'updateSearchPhrase',
32
32
  focusin: 'searchFocusIn',
33
- keyup: 'searchKeyUp'
33
+ keydown: 'searchKeyDown'
34
34
  };
35
35
  const baseSearchCssClass = 'search';
36
36
  const SEARCH_CLASS_NAMES = {
@@ -11,15 +11,15 @@ var search_constants = require('../../search_constants.js');
11
11
  exports.HSearchClose = class HSearchClose extends phoenix_light_lit_element.PhoenixLightLitElement {
12
12
  constructor() {
13
13
  super();
14
+ this._dispatchCloseEvent = () => {
15
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.close);
16
+ };
14
17
  this._btnController = new btn_controller.BtnController(this, this._dispatchCloseEvent);
15
18
  }
16
19
  connectedCallback() {
17
20
  super.connectedCallback();
18
21
  this.addEventListener('click', this._dispatchCloseEvent);
19
22
  }
20
- _dispatchCloseEvent() {
21
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.close);
22
- }
23
23
  };
24
24
  exports.HSearchClose = tslib_es6.__decorate([
25
25
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.closeButton),
@@ -53,11 +53,11 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
53
53
  }
54
54
  });
55
55
  });
56
- this._input.addEventListener('keyup', (ev) => {
56
+ this._input.addEventListener('keydown', (ev) => {
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_CUSTOM_EVENT_NAMES.keyup, {
60
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
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_CUSTOM_EVENT_NAMES.keyup, {
98
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
99
99
  detail: {
100
100
  searchPhrase: ev.detail.searchPhrase
101
101
  }
@@ -43,7 +43,7 @@ class RelativePositionController {
43
43
  this._positionOnScreenActivity();
44
44
  }, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
45
45
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
46
- tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
46
+ tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container || document.body, "f");
47
47
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_direction, direction, "f");
48
48
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_relativeElement, relativeElement, "f");
49
49
  tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
@@ -80,8 +80,6 @@ class RelativePositionController {
80
80
  return this._handleContainerPositioning(shouldNotReposition);
81
81
  }
82
82
  _handleContainerPositioning(shouldNotReposition = false) {
83
- if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
84
- tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, this._findContainer(tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
85
83
  const positionElementRect = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
86
84
  ? { ...tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().toJSON(), height: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f") }
87
85
  : tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect();
@@ -119,9 +117,6 @@ class RelativePositionController {
119
117
  const scrollableElement = this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(relative_position_controller_constants.OVERFLOW_SCROLL) || overflowArray.includes(relative_position_controller_constants.OVERFLOW_AUTO));
120
118
  return scrollableElement !== document.body ? scrollableElement : window;
121
119
  }
122
- _findContainer(element) {
123
- return this._findParentBasedOnStyle(element, ['position'], ([position]) => relative_position_controller_constants.NON_STATIC_POSITIONS.includes(position));
124
- }
125
120
  _findParentBasedOnStyle(element, styles, callback) {
126
121
  const parent = element.parentElement;
127
122
  if (!parent)
@@ -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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,7 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const NON_STATIC_POSITIONS = ['relative', 'absolute', 'fixed', 'sticky'];
6
5
  const OVERFLOW_SCROLL = 'scroll';
7
6
  const OVERFLOW_AUTO = 'auto';
8
7
  const DEFAULT_THROTTLE_WAIT_TIME = 150;
@@ -21,7 +20,6 @@ const MOBILE_ELEMENT_POSITIONS = {
21
20
  exports.DEFAULT_SCROLL_THROTTLE_WAIT_TIME = DEFAULT_SCROLL_THROTTLE_WAIT_TIME;
22
21
  exports.DEFAULT_THROTTLE_WAIT_TIME = DEFAULT_THROTTLE_WAIT_TIME;
23
22
  exports.MOBILE_ELEMENT_POSITIONS = MOBILE_ELEMENT_POSITIONS;
24
- exports.NON_STATIC_POSITIONS = NON_STATIC_POSITIONS;
25
23
  exports.OVERFLOW_AUTO = OVERFLOW_AUTO;
26
24
  exports.OVERFLOW_SCROLL = OVERFLOW_SCROLL;
27
25
  exports.RELATIVE_POSITION_CONTROLLER_EVENTS = RELATIVE_POSITION_CONTROLLER_EVENTS;
@@ -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;"}
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;"}
@@ -44,5 +44,6 @@ export declare class HSearch extends PhoenixLightLitElement {
44
44
  private _switchTypeOfSearchView;
45
45
  private _isSuggesterLayerVisible;
46
46
  private _handleOpenSearch;
47
+ private _handleOpenSearchWithKeyboard;
47
48
  protected render(): TemplateResult;
48
49
  }
@@ -150,7 +150,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
150
150
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
151
151
  document.addEventListener('keyup', this._bindKeys);
152
152
  });
153
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
153
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
154
154
  const shouldShowMessage = ev.detail.searchPhrase !== '';
155
155
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
156
156
  });
@@ -265,9 +265,20 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
265
265
  `);
266
266
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
267
267
  }
268
+ _handleOpenSearchWithKeyboard(ev) {
269
+ if (ev.code !== 'Enter')
270
+ return;
271
+ ev.preventDefault();
272
+ this._handleOpenSearch();
273
+ }
268
274
  render() {
269
275
  return html `
270
- <div class="${SEARCH_CLASS_NAMES.icon} labeled-icon" @click=${this._handleOpenSearch}>
276
+ <div
277
+ class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
278
+ tabindex="0"
279
+ @click=${this._handleOpenSearch}
280
+ @keydown=${this._handleOpenSearchWithKeyboard}
281
+ >
271
282
  <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
272
283
  <div class="labeled-icon__signature">${this._translations.search}</div>
273
284
  </div>
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -27,7 +27,7 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
27
27
  readonly search: "search";
28
28
  readonly updateSearchPhrase: "updateSearchPhrase";
29
29
  readonly focusin: "searchFocusIn";
30
- readonly keyup: "searchKeyUp";
30
+ readonly keydown: "searchKeyDown";
31
31
  };
32
32
  export declare const SEARCH_CLASS_NAMES: {
33
33
  readonly searchBar: "search__bar";
@@ -26,7 +26,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
26
26
  search: 'search',
27
27
  updateSearchPhrase: 'updateSearchPhrase',
28
28
  focusin: 'searchFocusIn',
29
- keyup: 'searchKeyUp'
29
+ keydown: 'searchKeyDown'
30
30
  };
31
31
  const baseSearchCssClass = 'search';
32
32
  const SEARCH_CLASS_NAMES = {
@@ -7,15 +7,15 @@ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_
7
7
  let HSearchClose = class HSearchClose extends PhoenixLightLitElement {
8
8
  constructor() {
9
9
  super();
10
+ this._dispatchCloseEvent = () => {
11
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.close);
12
+ };
10
13
  this._btnController = new BtnController(this, this._dispatchCloseEvent);
11
14
  }
12
15
  connectedCallback() {
13
16
  super.connectedCallback();
14
17
  this.addEventListener('click', this._dispatchCloseEvent);
15
18
  }
16
- _dispatchCloseEvent() {
17
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.close);
18
- }
19
19
  };
20
20
  HSearchClose = __decorate([
21
21
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.closeButton),
@@ -49,11 +49,11 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
49
49
  }
50
50
  });
51
51
  });
52
- this._input.addEventListener('keyup', (ev) => {
52
+ this._input.addEventListener('keydown', (ev) => {
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_CUSTOM_EVENT_NAMES.keyup, {
56
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
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_CUSTOM_EVENT_NAMES.keyup, {
94
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
95
95
  detail: {
96
96
  searchPhrase: ev.detail.searchPhrase
97
97
  }
@@ -10,7 +10,6 @@ export declare class RelativePositionController implements IRelativePositionCont
10
10
  private _handleContainerPositioning;
11
11
  private _dispatchReenabledPositioningEvent;
12
12
  private _findNearestScrollableElement;
13
- private _findContainer;
14
13
  private _findParentBasedOnStyle;
15
14
  private _setElementPosition;
16
15
  private _disableShrinkMode;
@@ -2,7 +2,7 @@ import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../e
2
2
  import 'lit';
3
3
  import { RelativePositionCalculator } from '@dreamcommerce/utilities';
4
4
  import { SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
5
- import { MOBILE_ELEMENT_POSITIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, NON_STATIC_POSITIONS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME } from './relative_position_controller_constants.js';
5
+ import { MOBILE_ELEMENT_POSITIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME } from './relative_position_controller_constants.js';
6
6
  import throttle_1 from '../../../../../external/lodash/throttle.js';
7
7
 
8
8
  var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_offset, _RelativePositionController_mobileElementPosition, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
@@ -39,7 +39,7 @@ class RelativePositionController {
39
39
  this._positionOnScreenActivity();
40
40
  }, DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
41
41
  __classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
42
- __classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
42
+ __classPrivateFieldSet(this, _RelativePositionController_container, container || document.body, "f");
43
43
  __classPrivateFieldSet(this, _RelativePositionController_direction, direction, "f");
44
44
  __classPrivateFieldSet(this, _RelativePositionController_relativeElement, relativeElement, "f");
45
45
  __classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
@@ -76,8 +76,6 @@ class RelativePositionController {
76
76
  return this._handleContainerPositioning(shouldNotReposition);
77
77
  }
78
78
  _handleContainerPositioning(shouldNotReposition = false) {
79
- if (!__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
80
- __classPrivateFieldSet(this, _RelativePositionController_container, this._findContainer(__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
81
79
  const positionElementRect = __classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
82
80
  ? { ...__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().toJSON(), height: __classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f") }
83
81
  : __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect();
@@ -115,9 +113,6 @@ class RelativePositionController {
115
113
  const scrollableElement = this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(OVERFLOW_SCROLL) || overflowArray.includes(OVERFLOW_AUTO));
116
114
  return scrollableElement !== document.body ? scrollableElement : window;
117
115
  }
118
- _findContainer(element) {
119
- return this._findParentBasedOnStyle(element, ['position'], ([position]) => NON_STATIC_POSITIONS.includes(position));
120
- }
121
116
  _findParentBasedOnStyle(element, styles, callback) {
122
117
  const parent = element.parentElement;
123
118
  if (!parent)
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,3 @@
1
- export declare const NON_STATIC_POSITIONS: string[];
2
1
  export declare const OVERFLOW_SCROLL = "scroll";
3
2
  export declare const OVERFLOW_AUTO = "auto";
4
3
  export declare const DEFAULT_THROTTLE_WAIT_TIME = 150;
@@ -1,4 +1,3 @@
1
- const NON_STATIC_POSITIONS = ['relative', 'absolute', 'fixed', 'sticky'];
2
1
  const OVERFLOW_SCROLL = 'scroll';
3
2
  const OVERFLOW_AUTO = 'auto';
4
3
  const DEFAULT_THROTTLE_WAIT_TIME = 150;
@@ -14,5 +13,5 @@ const MOBILE_ELEMENT_POSITIONS = {
14
13
  right: 'right'
15
14
  };
16
15
 
17
- export { DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, MOBILE_ELEMENT_POSITIONS, NON_STATIC_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL, RELATIVE_POSITION_CONTROLLER_EVENTS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT };
16
+ export { DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, MOBILE_ELEMENT_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL, RELATIVE_POSITION_CONTROLLER_EVENTS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT };
18
17
  //# sourceMappingURL=relative_position_controller_constants.js.map
@@ -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;"}
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/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.11.3",
5
+ "version": "1.11.5",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",