@shoper/phoenix_design_system 1.11.0-1 → 1.11.0-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +13 -9
  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/input/search_input.js +3 -3
  5. package/build/cjs/packages/phoenix/src/controllers/btn_controller/btn_controller.js +2 -2
  6. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -2
  7. package/build/esm/packages/phoenix/src/components/form/search/search.js +13 -9
  8. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  12. package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller.d.ts +1 -1
  13. package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller.js +2 -2
  14. package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller_types.d.ts +0 -1
  15. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -7,7 +7,6 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
- var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
11
10
  var icon_constants = require('../../icon/icon_constants.js');
12
11
  var observer = require('../../../core/classes/observer/observer.js');
13
12
  var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
@@ -16,7 +15,6 @@ var context_provider_controller = require('../../../core/context/context_provide
16
15
  var global_constants = require('../../../global_constants.js');
17
16
  var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
18
17
  var search_constants = require('./search_constants.js');
19
- var ref = require('lit/directives/ref');
20
18
 
21
19
  exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
22
20
  constructor() {
@@ -33,7 +31,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
33
31
  });
34
32
  this._activeItemId = -1;
35
33
  this._translations = {};
36
- this._openSearchButtonRef = ref.createRef();
37
34
  this._bindKeys = (ev) => {
38
35
  const searchItemsCount = this._getSearchItemsCount();
39
36
  switch (ev.key) {
@@ -108,10 +105,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
108
105
  this._searchInput = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.searchInput);
109
106
  this._setupInitialSearchPhrase();
110
107
  this._setupListeners();
111
- if (this._openSearchButtonRef.value)
112
- this._btnController = new btn_controller.BtnController(this, this._handleOpenSearch, {
113
- target: this._openSearchButtonRef.value
114
- });
115
108
  }
116
109
  disconnectedCallback() {
117
110
  super.disconnectedCallback();
@@ -151,7 +144,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
151
144
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
152
145
  document.addEventListener('keydown', this._bindKeys);
153
146
  });
154
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
147
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
155
148
  const shouldShowMessage = ev.detail.searchPhrase !== '';
156
149
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
157
150
  });
@@ -266,9 +259,20 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
266
259
  `);
267
260
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
268
261
  }
262
+ _handleOpenSearchWithKeyboard(ev) {
263
+ if (ev.code !== 'Enter')
264
+ return;
265
+ ev.preventDefault();
266
+ this._handleOpenSearch();
267
+ }
269
268
  render() {
270
269
  return lit.html `
271
- <div ${ref.ref(this._openSearchButtonRef)} class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon">
270
+ <div
271
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
272
+ tabindex="0"
273
+ @click=${this._handleOpenSearch}
274
+ @keydown=${this._handleOpenSearchWithKeyboard}>
275
+ >
272
276
  <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
273
277
  <div class="labeled-icon__signature">${this._translations.search}</div>
274
278
  </div>
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;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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -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 = {
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -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
  }
package/build/cjs/packages/phoenix/src/controllers/btn_controller/btn_controller.js CHANGED
@@ -7,7 +7,7 @@ var utilities = require('@dreamcommerce/utilities');
7
7
  var keystrokes_controller = require('../keystrokes_controller/keystrokes_controller.js');
8
8
 
9
9
  class BtnController {
10
- constructor(host, callback, { isNavigable = true, target } = {}) {
10
+ constructor(host, callback, { isNavigable = true } = {}) {
11
11
  (this.host = host).addController(this);
12
12
  isNavigable ? utilities.UiDomUtils.makeNavigable(this.host) : utilities.UiDomUtils.makeUnnavigable(this.host);
13
13
  this.host.setAttribute('role', 'button');
@@ -15,7 +15,7 @@ class BtnController {
15
15
  host,
16
16
  keys: ['enter', ' '],
17
17
  callback,
18
- target: target || host
18
+ target: host
19
19
  });
20
20
  }
21
21
  hostConnected() { }
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -22,8 +22,6 @@ export declare class HSearch extends PhoenixLightLitElement {
22
22
  private _historyContext;
23
23
  private _activeItemId;
24
24
  private _translations;
25
- private _openSearchButtonRef;
26
- private _btnController;
27
25
  connectedCallback(): Promise<void>;
28
26
  disconnectedCallback(): void;
29
27
  private _setupContext;
@@ -46,5 +44,6 @@ export declare class HSearch extends PhoenixLightLitElement {
46
44
  private _switchTypeOfSearchView;
47
45
  private _isSuggesterLayerVisible;
48
46
  private _handleOpenSearch;
47
+ private _handleOpenSearchWithKeyboard;
49
48
  protected render(): TemplateResult;
50
49
  }
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -3,7 +3,6 @@ import { html } from 'lit';
3
3
  import { property, state } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
6
- import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
7
6
  import { ICONS_SIZES } from '../../icon/icon_constants.js';
8
7
  import { Observer } from '../../../core/classes/observer/observer.js';
9
8
  import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
@@ -12,7 +11,6 @@ import { ContextProviderController } from '../../../core/context/context_provide
12
11
  import { BREAKPOINTS } from '../../../global_constants.js';
13
12
  import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
14
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';
15
- import { createRef, ref } from 'lit/directives/ref';
16
14
 
17
15
  let HSearch = class HSearch extends PhoenixLightLitElement {
18
16
  constructor() {
@@ -29,7 +27,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
29
27
  });
30
28
  this._activeItemId = -1;
31
29
  this._translations = {};
32
- this._openSearchButtonRef = createRef();
33
30
  this._bindKeys = (ev) => {
34
31
  const searchItemsCount = this._getSearchItemsCount();
35
32
  switch (ev.key) {
@@ -104,10 +101,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
104
101
  this._searchInput = this.querySelector(SEARCH_COMPONENT_NAMES.searchInput);
105
102
  this._setupInitialSearchPhrase();
106
103
  this._setupListeners();
107
- if (this._openSearchButtonRef.value)
108
- this._btnController = new BtnController(this, this._handleOpenSearch, {
109
- target: this._openSearchButtonRef.value
110
- });
111
104
  }
112
105
  disconnectedCallback() {
113
106
  super.disconnectedCallback();
@@ -147,7 +140,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
147
140
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
148
141
  document.addEventListener('keydown', this._bindKeys);
149
142
  });
150
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
143
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
151
144
  const shouldShowMessage = ev.detail.searchPhrase !== '';
152
145
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
153
146
  });
@@ -262,9 +255,20 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
262
255
  `);
263
256
  $searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
264
257
  }
258
+ _handleOpenSearchWithKeyboard(ev) {
259
+ if (ev.code !== 'Enter')
260
+ return;
261
+ ev.preventDefault();
262
+ this._handleOpenSearch();
263
+ }
265
264
  render() {
266
265
  return html `
267
- <div ${ref(this._openSearchButtonRef)} class="${SEARCH_CLASS_NAMES.icon} labeled-icon">
266
+ <div
267
+ class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
268
+ tabindex="0"
269
+ @click=${this._handleOpenSearch}
270
+ @keydown=${this._handleOpenSearchWithKeyboard}>
271
+ >
268
272
  <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
269
273
  <div class="labeled-icon__signature">${this._translations.search}</div>
270
274
  </div>
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;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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts CHANGED
@@ -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";
package/build/esm/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -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 = {
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -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
  }
package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller.d.ts CHANGED
@@ -3,7 +3,7 @@ import { TBtnControllerOption } from "./btn_controller_types";
3
3
  export declare class BtnController implements ReactiveController {
4
4
  host: ReactiveControllerHost & HTMLElement;
5
5
  private _keystrokesController;
6
- constructor(host: ReactiveControllerHost & HTMLElement, callback: (ev: Event) => void, { isNavigable, target }?: TBtnControllerOption);
6
+ constructor(host: ReactiveControllerHost & HTMLElement, callback: (ev: Event) => void, { isNavigable }?: TBtnControllerOption);
7
7
  hostConnected(): void;
8
8
  hostDisconnected(): void;
9
9
  }
package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller.js CHANGED
@@ -3,7 +3,7 @@ import { UiDomUtils } from '@dreamcommerce/utilities';
3
3
  import { KeystrokesController } from '../keystrokes_controller/keystrokes_controller.js';
4
4
 
5
5
  class BtnController {
6
- constructor(host, callback, { isNavigable = true, target } = {}) {
6
+ constructor(host, callback, { isNavigable = true } = {}) {
7
7
  (this.host = host).addController(this);
8
8
  isNavigable ? UiDomUtils.makeNavigable(this.host) : UiDomUtils.makeUnnavigable(this.host);
9
9
  this.host.setAttribute('role', 'button');
@@ -11,7 +11,7 @@ class BtnController {
11
11
  host,
12
12
  keys: ['enter', ' '],
13
13
  callback,
14
- target: target || host
14
+ target: host
15
15
  });
16
16
  }
17
17
  hostConnected() { }
package/build/esm/packages/phoenix/src/controllers/btn_controller/btn_controller_types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export declare type TBtnControllerOption = {
2
2
  isNavigable?: boolean;
3
- target?: Element;
4
3
  };
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.0-1",
5
+ "version": "1.11.0-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",