@shoper/phoenix_design_system 1.17.10-15 → 1.17.10-18

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 (6) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +9 -37
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +1 -4
  4. package/build/esm/packages/phoenix/src/components/form/search/search.js +9 -37
  5. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -24,7 +24,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
24
24
  constructor() {
25
25
  super(...arguments);
26
26
  this.view = search_constants.DEFAULT_VIEW;
27
- this._shouldRenderAsPopup = false;
28
27
  this._id = v4['default']();
29
28
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
30
29
  this._searchContentContainerId = v4['default']();
@@ -44,16 +43,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
44
43
  this._activeItemId = `${this._id}-1`;
45
44
  this._translations = {};
46
45
  this._containerRole = 'grid';
47
- this._isPopupOpened = false;
48
- this._showPopup = ({ detail: $sheet }) => {
49
- if (this.getSheetSearchId($sheet) !== this.moduleInstanceId)
50
- return;
51
- this._isPopupOpened = true;
52
- };
53
46
  this._hidePopup = ({ detail: $sheet }) => {
54
47
  if (this.getSheetSearchId($sheet) !== this.moduleInstanceId)
55
48
  return;
56
- this._isPopupOpened = false;
57
49
  this._shouldShowHistory = false;
58
50
  };
59
51
  this.getSheetSearchId = ($sheet) => {
@@ -285,29 +277,23 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
285
277
  this._resetSearchView();
286
278
  };
287
279
  this._switchTypeOfSearchView = () => {
288
- if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
280
+ if (!this._isSuggesterLayerVisible() && !this.popup)
289
281
  return;
290
- const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
291
282
  if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
292
283
  const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
293
284
  this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
294
- if (hasBeenOpened && this._shouldRenderAsPopup) {
285
+ if (hasBeenOpened && this.popup) {
295
286
  const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
296
287
  const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
297
288
  $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
298
289
  }
299
290
  }
300
- else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
301
- this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
291
+ else {
292
+ this._openMobileView();
302
293
  }
303
294
  };
304
- this._updateShouldRenderAsPopup = () => {
305
- if (window.innerWidth < global_constants.BREAKPOINTS.sm) {
306
- this._shouldRenderAsPopup = false;
307
- }
308
- else if (this.popup) {
309
- this._shouldRenderAsPopup = true;
310
- }
295
+ this._openMobileView = () => {
296
+ this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
311
297
  };
312
298
  this._preventSubmitOnSearchClear = (ev) => {
313
299
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
@@ -333,9 +319,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
333
319
  }
334
320
  async connectedCallback() {
335
321
  super.connectedCallback();
336
- if (window.innerWidth >= global_constants.BREAKPOINTS.sm && this.popup) {
337
- this._shouldRenderAsPopup = this.popup;
338
- }
339
322
  this._setupContext();
340
323
  try {
341
324
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -379,8 +362,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
379
362
  window.removeEventListener('resize', this._switchTypeOfSearchView);
380
363
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
381
364
  if (this.popup) {
382
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
383
- document.body.removeEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
384
365
  document.body.removeEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
385
366
  }
386
367
  }
@@ -428,6 +409,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
428
409
  }
429
410
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
430
411
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
412
+ document.body.addEventListener('searchMobileOpen', this._openMobileView);
431
413
  });
432
414
  this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
433
415
  const shouldShowMessage = ev.detail.searchPhrase !== '';
@@ -464,8 +446,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
464
446
  window.addEventListener('resize', this._switchTypeOfSearchView);
465
447
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
466
448
  if (this.popup) {
467
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
468
- document.body.addEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
469
449
  document.body.addEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
470
450
  }
471
451
  }
@@ -560,7 +540,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
560
540
  this._setActiveItemId(`${this._id}-1`);
561
541
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
562
542
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
563
- if (!this._shouldRenderAsPopup)
543
+ if (!this.popup)
564
544
  this._hideHistorySuggestionsAndResults();
565
545
  this._removeSearchKeyboardNavigation();
566
546
  }
@@ -588,7 +568,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
588
568
  render() {
589
569
  super.render();
590
570
  return lit.html `
591
- ${when.when(this._shouldRenderAsPopup, () => lit.nothing, () => lit.html `
571
+ ${when.when(this.popup, () => lit.nothing, () => lit.html `
592
572
  <div
593
573
  class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
594
574
  tabindex="0"
@@ -673,10 +653,6 @@ tslib_es6.__decorate([
673
653
  decorators.property({ type: String, attribute: 'module-instance-id' }),
674
654
  tslib_es6.__metadata("design:type", String)
675
655
  ], exports.HSearch.prototype, "moduleInstanceId", void 0);
676
- tslib_es6.__decorate([
677
- decorators.state(),
678
- tslib_es6.__metadata("design:type", Object)
679
- ], exports.HSearch.prototype, "_shouldRenderAsPopup", void 0);
680
656
  tslib_es6.__decorate([
681
657
  decorators.state(),
682
658
  tslib_es6.__metadata("design:type", Boolean)
@@ -721,10 +697,6 @@ tslib_es6.__decorate([
721
697
  decorators.state(),
722
698
  tslib_es6.__metadata("design:type", String)
723
699
  ], exports.HSearch.prototype, "_containerRole", void 0);
724
- tslib_es6.__decorate([
725
- decorators.state(),
726
- tslib_es6.__metadata("design:type", Boolean)
727
- ], exports.HSearch.prototype, "_isPopupOpened", void 0);
728
700
  exports.HSearch = tslib_es6.__decorate([
729
701
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
730
702
  ], exports.HSearch);
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;AACA,iBAAiB,wDAA4D;AAC7E;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iBAAiB,wDAA4D;AAC7E;AACA,mBAAmB,wDAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -7,7 +7,6 @@ export declare class HSearch extends PhoenixLightLitElement {
7
7
  locale: string;
8
8
  popup: boolean;
9
9
  moduleInstanceId: string;
10
- private _shouldRenderAsPopup;
11
10
  private _historyContextProvider;
12
11
  private _searchContextConsumer;
13
12
  private _searchContext$;
@@ -33,7 +32,6 @@ export declare class HSearch extends PhoenixLightLitElement {
33
32
  private _activeItemId;
34
33
  private _translations;
35
34
  private _containerRole;
36
- private _isPopupOpened;
37
35
  connectedCallback(): Promise<void>;
38
36
  disconnectedCallback(): void;
39
37
  private _setupContext;
@@ -41,7 +39,6 @@ export declare class HSearch extends PhoenixLightLitElement {
41
39
  private _updateSearchPhrase;
42
40
  private _dispatchEventWithSearchPhrase;
43
41
  private _setupListeners;
44
- private _showPopup;
45
42
  private _hidePopup;
46
43
  private getSheetSearchId;
47
44
  private _updateSearchView;
@@ -76,8 +73,8 @@ export declare class HSearch extends PhoenixLightLitElement {
76
73
  private _submitSearchPhrase;
77
74
  private _hideSuggesterOnClickOutside;
78
75
  private _switchTypeOfSearchView;
76
+ private _openMobileView;
79
77
  private _isSuggesterLayerVisible;
80
- private _updateShouldRenderAsPopup;
81
78
  private _preventSubmitOnSearchClear;
82
79
  private _resetSearchOnFocusOutside;
83
80
  private _setupAriaAttributes;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -20,7 +20,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  this.view = DEFAULT_VIEW;
23
- this._shouldRenderAsPopup = false;
24
23
  this._id = v4();
25
24
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
26
25
  this._searchContentContainerId = v4();
@@ -40,16 +39,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
40
39
  this._activeItemId = `${this._id}-1`;
41
40
  this._translations = {};
42
41
  this._containerRole = 'grid';
43
- this._isPopupOpened = false;
44
- this._showPopup = ({ detail: $sheet }) => {
45
- if (this.getSheetSearchId($sheet) !== this.moduleInstanceId)
46
- return;
47
- this._isPopupOpened = true;
48
- };
49
42
  this._hidePopup = ({ detail: $sheet }) => {
50
43
  if (this.getSheetSearchId($sheet) !== this.moduleInstanceId)
51
44
  return;
52
- this._isPopupOpened = false;
53
45
  this._shouldShowHistory = false;
54
46
  };
55
47
  this.getSheetSearchId = ($sheet) => {
@@ -281,29 +273,23 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
281
273
  this._resetSearchView();
282
274
  };
283
275
  this._switchTypeOfSearchView = () => {
284
- if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
276
+ if (!this._isSuggesterLayerVisible() && !this.popup)
285
277
  return;
286
- const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
287
278
  if (window.innerWidth > BREAKPOINTS.sm) {
288
279
  const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
289
280
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
290
- if (hasBeenOpened && this._shouldRenderAsPopup) {
281
+ if (hasBeenOpened && this.popup) {
291
282
  const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
292
283
  const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
293
284
  $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
294
285
  }
295
286
  }
296
- else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
297
- this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
287
+ else {
288
+ this._openMobileView();
298
289
  }
299
290
  };
300
- this._updateShouldRenderAsPopup = () => {
301
- if (window.innerWidth < BREAKPOINTS.sm) {
302
- this._shouldRenderAsPopup = false;
303
- }
304
- else if (this.popup) {
305
- this._shouldRenderAsPopup = true;
306
- }
291
+ this._openMobileView = () => {
292
+ this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
307
293
  };
308
294
  this._preventSubmitOnSearchClear = (ev) => {
309
295
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
@@ -329,9 +315,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
329
315
  }
330
316
  async connectedCallback() {
331
317
  super.connectedCallback();
332
- if (window.innerWidth >= BREAKPOINTS.sm && this.popup) {
333
- this._shouldRenderAsPopup = this.popup;
334
- }
335
318
  this._setupContext();
336
319
  try {
337
320
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -375,8 +358,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
375
358
  window.removeEventListener('resize', this._switchTypeOfSearchView);
376
359
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
377
360
  if (this.popup) {
378
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
379
- document.body.removeEventListener(SHEET_EVENTS.opened, this._showPopup);
380
361
  document.body.removeEventListener(SHEET_EVENTS.closed, this._hidePopup);
381
362
  }
382
363
  }
@@ -424,6 +405,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
424
405
  }
425
406
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
426
407
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
408
+ document.body.addEventListener('searchMobileOpen', this._openMobileView);
427
409
  });
428
410
  this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
429
411
  const shouldShowMessage = ev.detail.searchPhrase !== '';
@@ -460,8 +442,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
460
442
  window.addEventListener('resize', this._switchTypeOfSearchView);
461
443
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
462
444
  if (this.popup) {
463
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
464
- document.body.addEventListener(SHEET_EVENTS.opened, this._showPopup);
465
445
  document.body.addEventListener(SHEET_EVENTS.closed, this._hidePopup);
466
446
  }
467
447
  }
@@ -556,7 +536,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
556
536
  this._setActiveItemId(`${this._id}-1`);
557
537
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
558
538
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
559
- if (!this._shouldRenderAsPopup)
539
+ if (!this.popup)
560
540
  this._hideHistorySuggestionsAndResults();
561
541
  this._removeSearchKeyboardNavigation();
562
542
  }
@@ -584,7 +564,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
584
564
  render() {
585
565
  super.render();
586
566
  return html `
587
- ${n(this._shouldRenderAsPopup, () => nothing, () => html `
567
+ ${n(this.popup, () => nothing, () => html `
588
568
  <div
589
569
  class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
590
570
  tabindex="0"
@@ -669,10 +649,6 @@ __decorate([
669
649
  property({ type: String, attribute: 'module-instance-id' }),
670
650
  __metadata("design:type", String)
671
651
  ], HSearch.prototype, "moduleInstanceId", void 0);
672
- __decorate([
673
- state(),
674
- __metadata("design:type", Object)
675
- ], HSearch.prototype, "_shouldRenderAsPopup", void 0);
676
652
  __decorate([
677
653
  state(),
678
654
  __metadata("design:type", Boolean)
@@ -717,10 +693,6 @@ __decorate([
717
693
  state(),
718
694
  __metadata("design:type", String)
719
695
  ], HSearch.prototype, "_containerRole", void 0);
720
- __decorate([
721
- state(),
722
- __metadata("design:type", Boolean)
723
- ], HSearch.prototype, "_isPopupOpened", void 0);
724
696
  HSearch = __decorate([
725
697
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
726
698
  ], HSearch);
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;AACA,eAAe,wDAA4D;AAC3E;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,eAAe,wDAA4D;AAC3E;AACA,0BAA0B,wDAA4D;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.17.10-15",
5
+ "version": "1.17.10-18",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",