@shoper/phoenix_design_system 1.18.23-3 → 1.18.23-4

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 (7) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +4 -4
  2. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -13
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  4. package/build/esm/packages/phoenix/src/components/form/search/search.js +4 -4
  5. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -13
  6. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  7. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -402,7 +402,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
402
402
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
403
403
  };
404
404
  this._handleOpenSearchWithKeyboard = (ev) => {
405
- if (ev.code !== 'Enter')
405
+ if (ev.code !== 'Enter' || ev.repeat)
406
406
  return;
407
407
  ev.preventDefault();
408
408
  this._handleOpenSearch();
@@ -636,13 +636,13 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
636
636
  if (!this._togglerElement)
637
637
  return;
638
638
  this._togglerElement.addEventListener('click', this._handleOpenSearch);
639
- this._togglerElement.addEventListener('keyup', this._handleOpenSearchWithKeyboard);
639
+ this._togglerElement.addEventListener('keydown', this._handleOpenSearchWithKeyboard);
640
640
  }
641
641
  _teardownToggler() {
642
642
  if (!this._togglerElement)
643
643
  return;
644
644
  this._togglerElement.removeEventListener('click', this._handleOpenSearch);
645
- this._togglerElement.removeEventListener('keyup', this._handleOpenSearchWithKeyboard);
645
+ this._togglerElement.removeEventListener('keydown', this._handleOpenSearchWithKeyboard);
646
646
  }
647
647
  render() {
648
648
  super.render();
@@ -652,7 +652,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
652
652
  tabindex="0"
653
653
  aria-haspopup="dialog"
654
654
  @click=${this._handleOpenSearch}
655
- @keyup=${this._handleOpenSearchWithKeyboard}
655
+ @keydown=${this._handleOpenSearchWithKeyboard}
656
656
  >
657
657
  ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
658
658
  <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -72,25 +72,15 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
72
72
  }
73
73
  });
74
74
  });
75
- this.input.addEventListener('keyup', (ev) => {
76
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
75
+ this.input.addEventListener('keydown', (ev) => {
76
+ if (ev.key !== 'Enter' || ev.repeat)
77
77
  return;
78
- if (ev.key !== 'Enter') {
79
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
80
- detail: {
81
- searchPhrase: ev.target.value
82
- }
83
- });
84
- return;
85
- }
86
78
  if (this._isSearchPhraseCleared) {
87
79
  this._isSearchPhraseCleared = false;
88
80
  return;
89
81
  }
90
82
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.submit, {
91
- detail: {
92
- searchPhrase: ev.target.value
93
- }
83
+ detail: { searchPhrase: ev.target.value }
94
84
  });
95
85
  });
96
86
  this.input.addEventListener('keyup', debounce['default']((ev) => {
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js CHANGED
@@ -398,7 +398,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
398
398
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
399
399
  };
400
400
  this._handleOpenSearchWithKeyboard = (ev) => {
401
- if (ev.code !== 'Enter')
401
+ if (ev.code !== 'Enter' || ev.repeat)
402
402
  return;
403
403
  ev.preventDefault();
404
404
  this._handleOpenSearch();
@@ -632,13 +632,13 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
632
632
  if (!this._togglerElement)
633
633
  return;
634
634
  this._togglerElement.addEventListener('click', this._handleOpenSearch);
635
- this._togglerElement.addEventListener('keyup', this._handleOpenSearchWithKeyboard);
635
+ this._togglerElement.addEventListener('keydown', this._handleOpenSearchWithKeyboard);
636
636
  }
637
637
  _teardownToggler() {
638
638
  if (!this._togglerElement)
639
639
  return;
640
640
  this._togglerElement.removeEventListener('click', this._handleOpenSearch);
641
- this._togglerElement.removeEventListener('keyup', this._handleOpenSearchWithKeyboard);
641
+ this._togglerElement.removeEventListener('keydown', this._handleOpenSearchWithKeyboard);
642
642
  }
643
643
  render() {
644
644
  super.render();
@@ -648,7 +648,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
648
648
  tabindex="0"
649
649
  aria-haspopup="dialog"
650
650
  @click=${this._handleOpenSearch}
651
- @keyup=${this._handleOpenSearchWithKeyboard}
651
+ @keydown=${this._handleOpenSearchWithKeyboard}
652
652
  >
653
653
  ${n(this._translations.openSearchButtonAriaLabel, () => html `
654
654
  <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -68,25 +68,15 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
68
68
  }
69
69
  });
70
70
  });
71
- this.input.addEventListener('keyup', (ev) => {
72
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
71
+ this.input.addEventListener('keydown', (ev) => {
72
+ if (ev.key !== 'Enter' || ev.repeat)
73
73
  return;
74
- if (ev.key !== 'Enter') {
75
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
76
- detail: {
77
- searchPhrase: ev.target.value
78
- }
79
- });
80
- return;
81
- }
82
74
  if (this._isSearchPhraseCleared) {
83
75
  this._isSearchPhraseCleared = false;
84
76
  return;
85
77
  }
86
78
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
87
- detail: {
88
- searchPhrase: ev.target.value
89
- }
79
+ detail: { searchPhrase: ev.target.value }
90
80
  });
91
81
  });
92
82
  this.input.addEventListener('keyup', debounce_1((ev) => {
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.18.23-3",
5
+ "version": "1.18.23-4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",