@shoper/phoenix_design_system 1.11.7-2 → 1.11.7-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 (11) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +16 -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/index.js +7 -7
  5. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +3 -0
  6. package/build/esm/packages/phoenix/src/components/form/search/search.js +16 -2
  7. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -1
  10. package/build/esm/packages/phoenix/src/index.js +1 -1
  11. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -5,12 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
6
6
  var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
+ var utilities = require('@dreamcommerce/utilities');
8
9
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
10
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
11
  var icon_constants = require('../../icon/icon_constants.js');
11
12
  var observer = require('../../../core/classes/observer/observer.js');
12
13
  var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
13
14
  var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
15
+ var ref_js = require('lit-html/directives/ref.js');
14
16
  var context_provider_controller = require('../../../core/context/context_provider_controller.js');
15
17
  var global_constants = require('../../../global_constants.js');
16
18
  var when = require('../../../../../../external/lit/external/lit-html/directives/when.js');
@@ -20,6 +22,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
20
22
  constructor() {
21
23
  super(...arguments);
22
24
  this.view = search_constants.DEFAULT_VIEW;
25
+ this.searchResultsRef = ref_js.createRef();
23
26
  this._shouldShowHistory = false;
24
27
  this._shouldShowResults = false;
25
28
  this._shouldShowMessage = false;
@@ -32,11 +35,21 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
32
35
  this._activeItemId = -1;
33
36
  this._translations = {};
34
37
  this._bindKeys = (ev) => {
35
- var _a;
38
+ var _a, _b;
36
39
  const searchItemsCount = this._getSearchItemsCount();
37
40
  switch (ev.key) {
38
41
  case 'ArrowDown':
39
42
  ev.preventDefault();
43
+ if (((_a = this.searchResultsRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) && this._activeItemId === searchItemsCount - 1) {
44
+ const $activeElement = document.activeElement;
45
+ const focusableElements = utilities.UiDomUtils.getFocusableElements(this.searchResultsRef.value);
46
+ const $nextFocusableElement = focusableElements[focusableElements.indexOf($activeElement) + 1];
47
+ if ($nextFocusableElement)
48
+ $nextFocusableElement.focus();
49
+ else
50
+ this._activeItemId = 0;
51
+ return;
52
+ }
40
53
  this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
41
54
  this._dispatchActiveItemChangeEvent();
42
55
  this._scroll(search_constants.SCROLL_DIRECTIONS.down);
@@ -59,7 +72,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
59
72
  this._resetSearchView();
60
73
  break;
61
74
  case 'Tab':
62
- const isFocusedOnSearchInput = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.matches('input[type="search"]'));
75
+ const isFocusedOnSearchInput = !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.matches('input[type="search"]'));
63
76
  if (!isFocusedOnSearchInput) {
64
77
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
65
78
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
@@ -340,6 +353,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
340
353
  .historyAriaLabel="${this.settings.historyAriaLabel}"
341
354
  ></h-search-history>`)}
342
355
  ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
356
+ ${ref_js.ref(this.searchResultsRef)}
343
357
  .results="${this._searchResults}"
344
358
  search-phrase="${this._searchPhrase}"
345
359
  .settings="${this.settings}"
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -27,7 +27,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
27
27
  clear: 'clearSearchPhrase',
28
28
  submit: 'submitSearchPhrase',
29
29
  close: 'close',
30
- search: 'search',
30
+ search: 'performSearch',
31
31
  updateSearchPhrase: 'updateSearchPhrase',
32
32
  focusin: 'searchFocusIn',
33
33
  keydown: 'searchKeyDown',
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -99,10 +99,10 @@ var display_stepper = require('./components/form/input_stepper/display_stepper.j
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
101
  var search_input = require('./components/form/search/subcomponents/input/search_input.js');
102
+ var search_results = require('./components/form/search/subcomponents/results/search_results.js');
102
103
  var search = require('./components/form/search/search.js');
103
104
  var search_history_load_more = require('./components/form/search/subcomponents/history/search_history_load_more.js');
104
105
  var search_history = require('./components/form/search/subcomponents/history/search_history.js');
105
- var search_results = require('./components/form/search/subcomponents/results/search_results.js');
106
106
  var search_submit = require('./components/form/search/subcomponents/buttons/search_submit.js');
107
107
  var search_clear = require('./components/form/search/subcomponents/buttons/search_clear.js');
108
108
  var search_close = require('./components/form/search/subcomponents/buttons/search_close.js');
@@ -592,6 +592,12 @@ Object.defineProperty(exports, 'HSearchInput', {
592
592
  return search_input.HSearchInput;
593
593
  }
594
594
  });
595
+ Object.defineProperty(exports, 'HSearchResults', {
596
+ enumerable: true,
597
+ get: function () {
598
+ return search_results.HSearchResults;
599
+ }
600
+ });
595
601
  Object.defineProperty(exports, 'HSearch', {
596
602
  enumerable: true,
597
603
  get: function () {
@@ -610,12 +616,6 @@ Object.defineProperty(exports, 'HSearchHistory', {
610
616
  return search_history.HSearchHistory;
611
617
  }
612
618
  });
613
- Object.defineProperty(exports, 'HSearchResults', {
614
- enumerable: true,
615
- get: function () {
616
- return search_results.HSearchResults;
617
- }
618
- });
619
619
  Object.defineProperty(exports, 'HSearchSubmit', {
620
620
  enumerable: true,
621
621
  get: function () {
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { TemplateResult } from 'lit';
2
2
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
3
  import type { TSearchSettings } from "./search_types";
4
+ import { Ref } from 'lit/directives/ref.js';
5
+ import { HSearchResults } from './subcomponents/results/search_results';
4
6
  export declare class HSearch extends PhoenixLightLitElement {
5
7
  settings: TSearchSettings;
6
8
  view: string;
@@ -12,6 +14,7 @@ export declare class HSearch extends PhoenixLightLitElement {
12
14
  private _searchContextObserver;
13
15
  private _searchInput;
14
16
  private _inputField;
17
+ searchResultsRef: Ref<HSearchResults>;
15
18
  private _shouldShowHistory;
16
19
  private _shouldShowResults;
17
20
  private _shouldShowMessage;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -1,12 +1,14 @@
1
1
  import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
2
2
  import { html } from 'lit';
3
3
  import { property, state } from 'lit/decorators';
4
+ import { UiDomUtils } from '@dreamcommerce/utilities';
4
5
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
6
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
6
7
  import { ICONS_SIZES } from '../../icon/icon_constants.js';
7
8
  import { Observer } from '../../../core/classes/observer/observer.js';
8
9
  import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
9
10
  import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
11
+ import { createRef, ref } from 'lit-html/directives/ref.js';
10
12
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
11
13
  import { BREAKPOINTS } from '../../../global_constants.js';
12
14
  import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
@@ -16,6 +18,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
16
18
  constructor() {
17
19
  super(...arguments);
18
20
  this.view = DEFAULT_VIEW;
21
+ this.searchResultsRef = createRef();
19
22
  this._shouldShowHistory = false;
20
23
  this._shouldShowResults = false;
21
24
  this._shouldShowMessage = false;
@@ -28,11 +31,21 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
28
31
  this._activeItemId = -1;
29
32
  this._translations = {};
30
33
  this._bindKeys = (ev) => {
31
- var _a;
34
+ var _a, _b;
32
35
  const searchItemsCount = this._getSearchItemsCount();
33
36
  switch (ev.key) {
34
37
  case 'ArrowDown':
35
38
  ev.preventDefault();
39
+ if (((_a = this.searchResultsRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) && this._activeItemId === searchItemsCount - 1) {
40
+ const $activeElement = document.activeElement;
41
+ const focusableElements = UiDomUtils.getFocusableElements(this.searchResultsRef.value);
42
+ const $nextFocusableElement = focusableElements[focusableElements.indexOf($activeElement) + 1];
43
+ if ($nextFocusableElement)
44
+ $nextFocusableElement.focus();
45
+ else
46
+ this._activeItemId = 0;
47
+ return;
48
+ }
36
49
  this._activeItemId = this._activeItemId === searchItemsCount - 1 ? 0 : this._activeItemId + 1;
37
50
  this._dispatchActiveItemChangeEvent();
38
51
  this._scroll(SCROLL_DIRECTIONS.down);
@@ -55,7 +68,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
55
68
  this._resetSearchView();
56
69
  break;
57
70
  case 'Tab':
58
- const isFocusedOnSearchInput = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.matches('input[type="search"]'));
71
+ const isFocusedOnSearchInput = !!((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.matches('input[type="search"]'));
59
72
  if (!isFocusedOnSearchInput) {
60
73
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
61
74
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
@@ -336,6 +349,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
336
349
  .historyAriaLabel="${this.settings.historyAriaLabel}"
337
350
  ></h-search-history>`)}
338
351
  ${n(this._shouldShowResults, () => html `<h-search-results
352
+ ${ref(this.searchResultsRef)}
339
353
  .results="${this._searchResults}"
340
354
  search-phrase="${this._searchPhrase}"
341
355
  .settings="${this.settings}"
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -24,7 +24,7 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
24
24
  readonly clear: "clearSearchPhrase";
25
25
  readonly submit: "submitSearchPhrase";
26
26
  readonly close: "close";
27
- readonly search: "search";
27
+ readonly search: "performSearch";
28
28
  readonly updateSearchPhrase: "updateSearchPhrase";
29
29
  readonly focusin: "searchFocusIn";
30
30
  readonly keydown: "searchKeyDown";
package/build/esm/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -23,7 +23,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
23
23
  clear: 'clearSearchPhrase',
24
24
  submit: 'submitSearchPhrase',
25
25
  close: 'close',
26
- search: 'search',
26
+ search: 'performSearch',
27
27
  updateSearchPhrase: 'updateSearchPhrase',
28
28
  focusin: 'searchFocusIn',
29
29
  keydown: 'searchKeyDown',
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -95,10 +95,10 @@ export { HDisplayStepper } from './components/form/input_stepper/display_stepper
95
95
  export { HButtonStepper } from './components/form/input_stepper/button_stepper.js';
96
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';
97
97
  export { HSearchInput } from './components/form/search/subcomponents/input/search_input.js';
98
+ export { HSearchResults } from './components/form/search/subcomponents/results/search_results.js';
98
99
  export { HSearch } from './components/form/search/search.js';
99
100
  export { HSearchHistoryLoadMore } from './components/form/search/subcomponents/history/search_history_load_more.js';
100
101
  export { HSearchHistory } from './components/form/search/subcomponents/history/search_history.js';
101
- export { HSearchResults } from './components/form/search/subcomponents/results/search_results.js';
102
102
  export { HSearchSubmit } from './components/form/search/subcomponents/buttons/search_submit.js';
103
103
  export { HSearchClear } from './components/form/search/subcomponents/buttons/search_clear.js';
104
104
  export { HSearchClose } from './components/form/search/subcomponents/buttons/search_close.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.11.7-2",
5
+ "version": "1.11.7-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",