@shoper/phoenix_design_system 1.17.10-10 → 1.17.10-12

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 +50 -25
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js +0 -2
  4. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +6 -5
  6. package/build/esm/packages/phoenix/src/components/form/search/search.js +50 -25
  7. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/sheet/sheet.js +0 -2
  9. package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  10. package/package.json +1 -1
  11. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -61
  12. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +0 -1
  13. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.d.ts +0 -16
  14. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +0 -57
  15. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +0 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -16,16 +16,15 @@ var ref_js = require('lit-html/directives/ref.js');
16
16
  var context_provider_controller = require('../../../core/context/context_provider_controller.js');
17
17
  var global_constants = require('../../../global_constants.js');
18
18
  var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
19
+ var sheet_constants = require('../../sheet/sheet_constants.js');
19
20
  var when = require('../../../../../../external/lit-html/directives/when.js');
20
21
  var search_constants = require('./search_constants.js');
21
- var search_popup_controller = require('./controllers/search_popup_controller.js');
22
22
 
23
23
  exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
24
24
  constructor() {
25
25
  super(...arguments);
26
26
  this.view = search_constants.DEFAULT_VIEW;
27
27
  this._shouldRenderAsPopup = false;
28
- this._isOpenedAsPopup = false;
29
28
  this._id = v4['default']();
30
29
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
31
30
  this._searchContentContainerId = v4['default']();
@@ -33,7 +32,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
33
32
  this._searchHistoryRef = ref_js.createRef();
34
33
  this._searchMessageRef = ref_js.createRef();
35
34
  this._openSearchButtonLabelRef = ref_js.createRef();
36
- this.shouldShowHistory = false;
35
+ this._shouldShowHistory = false;
37
36
  this._shouldShowResults = false;
38
37
  this._shouldShowMessage = false;
39
38
  this._searchHistory = [];
@@ -45,6 +44,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
45
44
  this._activeItemId = `${this._id}-1`;
46
45
  this._translations = {};
47
46
  this._containerRole = 'grid';
47
+ this._isPopupOpened = false;
48
+ this._showPopup = () => {
49
+ this._isPopupOpened = true;
50
+ };
51
+ this._hidePopup = () => {
52
+ this._isPopupOpened = false;
53
+ this._shouldShowHistory = false;
54
+ };
48
55
  this._bindKeys = (ev) => {
49
56
  switch (ev.key) {
50
57
  case 'ArrowDown':
@@ -78,7 +85,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
78
85
  break;
79
86
  case 'Escape':
80
87
  ev.preventDefault();
81
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
88
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
82
89
  this._inputField.focus();
83
90
  this._shouldShowMessage = false;
84
91
  this._hideHistorySuggestionsAndResults();
@@ -184,7 +191,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
184
191
  this._handleBackwardListFocus = (ev) => {
185
192
  var _a, _b;
186
193
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
187
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
194
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
188
195
  if (isFocusedOnSearchInput || !hasPopup)
189
196
  return;
190
197
  ev.preventDefault();
@@ -269,18 +276,30 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
269
276
  this._resetSearchView();
270
277
  };
271
278
  this._switchTypeOfSearchView = () => {
272
- if (!this._isSuggesterLayerVisible())
279
+ if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
273
280
  return;
281
+ const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
274
282
  if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
275
283
  const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
276
284
  this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
277
- if (hasBeenOpened)
278
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
285
+ if (hasBeenOpened && this._shouldRenderAsPopup) {
286
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
287
+ const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
288
+ $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
289
+ }
279
290
  }
280
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
291
+ else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
281
292
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
282
293
  }
283
294
  };
295
+ this._updateShouldRenderAsPopup = () => {
296
+ if (window.innerWidth < global_constants.BREAKPOINTS.sm) {
297
+ this._shouldRenderAsPopup = false;
298
+ }
299
+ else if (this.popup) {
300
+ this._shouldRenderAsPopup = true;
301
+ }
302
+ };
284
303
  this._preventSubmitOnSearchClear = (ev) => {
285
304
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
286
305
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -305,8 +324,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
305
324
  }
306
325
  async connectedCallback() {
307
326
  super.connectedCallback();
308
- if (this.popup)
309
- this._searchPopupController = new search_popup_controller.SearchPopupController(this);
327
+ if (window.innerWidth >= global_constants.BREAKPOINTS.sm && this.popup) {
328
+ this._shouldRenderAsPopup = this.popup;
329
+ }
310
330
  this._setupContext();
311
331
  try {
312
332
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -341,11 +361,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
341
361
  this._setupListeners();
342
362
  this._setupAriaAttributes();
343
363
  }
344
- updated(_changedProperties) {
345
- super.updated(_changedProperties);
346
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
347
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
348
- }
349
364
  disconnectedCallback() {
350
365
  var _a;
351
366
  super.disconnectedCallback();
@@ -354,6 +369,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
354
369
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
355
370
  window.removeEventListener('resize', this._switchTypeOfSearchView);
356
371
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
372
+ if (this.popup) {
373
+ window.removeEventListener('resize', this._updateShouldRenderAsPopup);
374
+ document.removeEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
375
+ document.removeEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
376
+ }
357
377
  }
358
378
  _setupContext() {
359
379
  this._historyContextProvider = new context_provider_controller.ContextProviderController(this);
@@ -393,7 +413,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
393
413
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
394
414
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
395
415
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
396
- if (!this._shouldRenderAsPopup) {
416
+ if (!this.popup) {
397
417
  document.addEventListener('keydown', this._bindKeys);
398
418
  document.addEventListener('keyup', this._handleSearchTabNavigation);
399
419
  }
@@ -434,6 +454,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
434
454
  document.addEventListener('click', this._hideSuggesterOnClickOutside);
435
455
  window.addEventListener('resize', this._switchTypeOfSearchView);
436
456
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
457
+ if (this.popup) {
458
+ window.addEventListener('resize', this._updateShouldRenderAsPopup);
459
+ document.addEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
460
+ document.addEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
461
+ }
437
462
  }
438
463
  _updateSearchView(searchPhrase, shouldShowMessage, shouldUpdateSearchPhrase = true) {
439
464
  this._shouldShowMessage = shouldShowMessage;
@@ -474,7 +499,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
474
499
  });
475
500
  }
476
501
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
477
- this.shouldShowHistory = shouldShowHistory;
502
+ this._shouldShowHistory = shouldShowHistory;
478
503
  this._shouldShowResults = shouldShowResults;
479
504
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
480
505
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -534,7 +559,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
534
559
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
535
560
  }
536
561
  _isSuggesterLayerVisible() {
537
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
562
+ return this.settings.isSearchSuggestLayerEnabled && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
538
563
  }
539
564
  _handleOpenSearch() {
540
565
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
@@ -588,7 +613,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
588
613
  search-phrase="${this._searchPhrase}"
589
614
  module-instance-id="${this.moduleInstanceId}"
590
615
  ></h-search-message>`)}
591
- ${when.when(this.shouldShowHistory, () => lit.html `<h-search-history
616
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
592
617
  ${ref_js.ref(this._searchHistoryRef)}
593
618
  .history="${this._historyLimitedContent}"
594
619
  .translations="${this._translations}"
@@ -643,14 +668,10 @@ tslib_es6.__decorate([
643
668
  decorators.state(),
644
669
  tslib_es6.__metadata("design:type", Object)
645
670
  ], exports.HSearch.prototype, "_shouldRenderAsPopup", void 0);
646
- tslib_es6.__decorate([
647
- decorators.state(),
648
- tslib_es6.__metadata("design:type", Object)
649
- ], exports.HSearch.prototype, "_isOpenedAsPopup", void 0);
650
671
  tslib_es6.__decorate([
651
672
  decorators.state(),
652
673
  tslib_es6.__metadata("design:type", Boolean)
653
- ], exports.HSearch.prototype, "shouldShowHistory", void 0);
674
+ ], exports.HSearch.prototype, "_shouldShowHistory", void 0);
654
675
  tslib_es6.__decorate([
655
676
  decorators.state(),
656
677
  tslib_es6.__metadata("design:type", Boolean)
@@ -691,6 +712,10 @@ tslib_es6.__decorate([
691
712
  decorators.state(),
692
713
  tslib_es6.__metadata("design:type", String)
693
714
  ], exports.HSearch.prototype, "_containerRole", void 0);
715
+ tslib_es6.__decorate([
716
+ decorators.state(),
717
+ tslib_es6.__metadata("design:type", Boolean)
718
+ ], exports.HSearch.prototype, "_isPopupOpened", void 0);
694
719
  exports.HSearch = tslib_es6.__decorate([
695
720
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
696
721
  ], 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,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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -178,8 +178,6 @@ exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.Phoen
178
178
  });
179
179
  }
180
180
  async open() {
181
- if (this.opened)
182
- return;
183
181
  this._focusedToggler = document.activeElement;
184
182
  return new Promise((resolve) => {
185
183
  var _a;
package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -1,4 +1,4 @@
1
- import { PropertyValues, TemplateResult } from 'lit';
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
4
  export declare class HSearch extends PhoenixLightLitElement {
@@ -8,7 +8,6 @@ export declare class HSearch extends PhoenixLightLitElement {
8
8
  popup: boolean;
9
9
  moduleInstanceId: string;
10
10
  private _shouldRenderAsPopup;
11
- private _isOpenedAsPopup;
12
11
  private _historyContextProvider;
13
12
  private _searchContextConsumer;
14
13
  private _searchContext$;
@@ -23,8 +22,7 @@ export declare class HSearch extends PhoenixLightLitElement {
23
22
  private _searchHistoryRef;
24
23
  private _searchMessageRef;
25
24
  private _openSearchButtonLabelRef;
26
- private _searchPopupController;
27
- shouldShowHistory: boolean;
25
+ private _shouldShowHistory;
28
26
  private _shouldShowResults;
29
27
  private _shouldShowMessage;
30
28
  private _searchResults;
@@ -35,14 +33,16 @@ export declare class HSearch extends PhoenixLightLitElement {
35
33
  private _activeItemId;
36
34
  private _translations;
37
35
  private _containerRole;
36
+ private _isPopupOpened;
38
37
  connectedCallback(): Promise<void>;
39
- updated(_changedProperties: PropertyValues): void;
40
38
  disconnectedCallback(): void;
41
39
  private _setupContext;
42
40
  private _setupInitialSearchPhrase;
43
41
  private _updateSearchPhrase;
44
42
  private _dispatchEventWithSearchPhrase;
45
43
  private _setupListeners;
44
+ private _showPopup;
45
+ private _hidePopup;
46
46
  private _updateSearchView;
47
47
  private _displaySuggester;
48
48
  private _displayHistorySuggestions;
@@ -76,6 +76,7 @@ export declare class HSearch extends PhoenixLightLitElement {
76
76
  private _hideSuggesterOnClickOutside;
77
77
  private _switchTypeOfSearchView;
78
78
  private _isSuggesterLayerVisible;
79
+ private _updateShouldRenderAsPopup;
79
80
  private _preventSubmitOnSearchClear;
80
81
  private _resetSearchOnFocusOutside;
81
82
  private _setupAriaAttributes;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -12,16 +12,15 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
12
12
  import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
13
13
  import { BREAKPOINTS } from '../../../global_constants.js';
14
14
  import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
15
+ import { SHEET_EVENTS } from '../../sheet/sheet_constants.js';
15
16
  import { when as n } from '../../../../../../external/lit-html/directives/when.js';
16
17
  import { DEFAULT_VIEW, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from './search_constants.js';
17
- import { SearchPopupController } from './controllers/search_popup_controller.js';
18
18
 
19
19
  let HSearch = class HSearch extends PhoenixLightLitElement {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  this.view = DEFAULT_VIEW;
23
23
  this._shouldRenderAsPopup = false;
24
- this._isOpenedAsPopup = false;
25
24
  this._id = v4();
26
25
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
27
26
  this._searchContentContainerId = v4();
@@ -29,7 +28,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
29
28
  this._searchHistoryRef = createRef();
30
29
  this._searchMessageRef = createRef();
31
30
  this._openSearchButtonLabelRef = createRef();
32
- this.shouldShowHistory = false;
31
+ this._shouldShowHistory = false;
33
32
  this._shouldShowResults = false;
34
33
  this._shouldShowMessage = false;
35
34
  this._searchHistory = [];
@@ -41,6 +40,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
41
40
  this._activeItemId = `${this._id}-1`;
42
41
  this._translations = {};
43
42
  this._containerRole = 'grid';
43
+ this._isPopupOpened = false;
44
+ this._showPopup = () => {
45
+ this._isPopupOpened = true;
46
+ };
47
+ this._hidePopup = () => {
48
+ this._isPopupOpened = false;
49
+ this._shouldShowHistory = false;
50
+ };
44
51
  this._bindKeys = (ev) => {
45
52
  switch (ev.key) {
46
53
  case 'ArrowDown':
@@ -74,7 +81,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
74
81
  break;
75
82
  case 'Escape':
76
83
  ev.preventDefault();
77
- if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
84
+ if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
78
85
  this._inputField.focus();
79
86
  this._shouldShowMessage = false;
80
87
  this._hideHistorySuggestionsAndResults();
@@ -180,7 +187,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
180
187
  this._handleBackwardListFocus = (ev) => {
181
188
  var _a, _b;
182
189
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
183
- const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
190
+ const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
184
191
  if (isFocusedOnSearchInput || !hasPopup)
185
192
  return;
186
193
  ev.preventDefault();
@@ -265,18 +272,30 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
265
272
  this._resetSearchView();
266
273
  };
267
274
  this._switchTypeOfSearchView = () => {
268
- if (!this._isSuggesterLayerVisible())
275
+ if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
269
276
  return;
277
+ const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
270
278
  if (window.innerWidth > BREAKPOINTS.sm) {
271
279
  const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
272
280
  this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
273
- if (hasBeenOpened)
274
- this.dispatchEvent(new CustomEvent('removeMobileOpened'));
281
+ if (hasBeenOpened && this._shouldRenderAsPopup) {
282
+ const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
283
+ const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
284
+ $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
285
+ }
275
286
  }
276
- else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
287
+ else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
277
288
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
278
289
  }
279
290
  };
291
+ this._updateShouldRenderAsPopup = () => {
292
+ if (window.innerWidth < BREAKPOINTS.sm) {
293
+ this._shouldRenderAsPopup = false;
294
+ }
295
+ else if (this.popup) {
296
+ this._shouldRenderAsPopup = true;
297
+ }
298
+ };
280
299
  this._preventSubmitOnSearchClear = (ev) => {
281
300
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
282
301
  if (ev.key === 'Enter' && ev.target === $searchClear) {
@@ -301,8 +320,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
301
320
  }
302
321
  async connectedCallback() {
303
322
  super.connectedCallback();
304
- if (this.popup)
305
- this._searchPopupController = new SearchPopupController(this);
323
+ if (window.innerWidth >= BREAKPOINTS.sm && this.popup) {
324
+ this._shouldRenderAsPopup = this.popup;
325
+ }
306
326
  this._setupContext();
307
327
  try {
308
328
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -337,11 +357,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
337
357
  this._setupListeners();
338
358
  this._setupAriaAttributes();
339
359
  }
340
- updated(_changedProperties) {
341
- super.updated(_changedProperties);
342
- this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
343
- this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
344
- }
345
360
  disconnectedCallback() {
346
361
  var _a;
347
362
  super.disconnectedCallback();
@@ -350,6 +365,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
350
365
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
351
366
  window.removeEventListener('resize', this._switchTypeOfSearchView);
352
367
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
368
+ if (this.popup) {
369
+ window.removeEventListener('resize', this._updateShouldRenderAsPopup);
370
+ document.removeEventListener(SHEET_EVENTS.opened, this._showPopup);
371
+ document.removeEventListener(SHEET_EVENTS.closed, this._hidePopup);
372
+ }
353
373
  }
354
374
  _setupContext() {
355
375
  this._historyContextProvider = new ContextProviderController(this);
@@ -389,7 +409,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
389
409
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
390
410
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
391
411
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
392
- if (!this._shouldRenderAsPopup) {
412
+ if (!this.popup) {
393
413
  document.addEventListener('keydown', this._bindKeys);
394
414
  document.addEventListener('keyup', this._handleSearchTabNavigation);
395
415
  }
@@ -430,6 +450,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
430
450
  document.addEventListener('click', this._hideSuggesterOnClickOutside);
431
451
  window.addEventListener('resize', this._switchTypeOfSearchView);
432
452
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
453
+ if (this.popup) {
454
+ window.addEventListener('resize', this._updateShouldRenderAsPopup);
455
+ document.addEventListener(SHEET_EVENTS.opened, this._showPopup);
456
+ document.addEventListener(SHEET_EVENTS.closed, this._hidePopup);
457
+ }
433
458
  }
434
459
  _updateSearchView(searchPhrase, shouldShowMessage, shouldUpdateSearchPhrase = true) {
435
460
  this._shouldShowMessage = shouldShowMessage;
@@ -470,7 +495,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
470
495
  });
471
496
  }
472
497
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
473
- this.shouldShowHistory = shouldShowHistory;
498
+ this._shouldShowHistory = shouldShowHistory;
474
499
  this._shouldShowResults = shouldShowResults;
475
500
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
476
501
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -530,7 +555,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
530
555
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
531
556
  }
532
557
  _isSuggesterLayerVisible() {
533
- return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
558
+ return this.settings.isSearchSuggestLayerEnabled && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
534
559
  }
535
560
  _handleOpenSearch() {
536
561
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
@@ -584,7 +609,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
584
609
  search-phrase="${this._searchPhrase}"
585
610
  module-instance-id="${this.moduleInstanceId}"
586
611
  ></h-search-message>`)}
587
- ${n(this.shouldShowHistory, () => html `<h-search-history
612
+ ${n(this._shouldShowHistory, () => html `<h-search-history
588
613
  ${ref(this._searchHistoryRef)}
589
614
  .history="${this._historyLimitedContent}"
590
615
  .translations="${this._translations}"
@@ -639,14 +664,10 @@ __decorate([
639
664
  state(),
640
665
  __metadata("design:type", Object)
641
666
  ], HSearch.prototype, "_shouldRenderAsPopup", void 0);
642
- __decorate([
643
- state(),
644
- __metadata("design:type", Object)
645
- ], HSearch.prototype, "_isOpenedAsPopup", void 0);
646
667
  __decorate([
647
668
  state(),
648
669
  __metadata("design:type", Boolean)
649
- ], HSearch.prototype, "shouldShowHistory", void 0);
670
+ ], HSearch.prototype, "_shouldShowHistory", void 0);
650
671
  __decorate([
651
672
  state(),
652
673
  __metadata("design:type", Boolean)
@@ -687,6 +708,10 @@ __decorate([
687
708
  state(),
688
709
  __metadata("design:type", String)
689
710
  ], HSearch.prototype, "_containerRole", void 0);
711
+ __decorate([
712
+ state(),
713
+ __metadata("design:type", Boolean)
714
+ ], HSearch.prototype, "_isPopupOpened", void 0);
690
715
  HSearch = __decorate([
691
716
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
692
717
  ], 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,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;"}
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;"}
package/build/esm/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -174,8 +174,6 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
174
174
  });
175
175
  }
176
176
  async open() {
177
- if (this.opened)
178
- return;
179
177
  this._focusedToggler = document.activeElement;
180
178
  return new Promise((resolve) => {
181
179
  var _a;
package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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-10",
5
+ "version": "1.17.10-12",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js DELETED
@@ -1,61 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('lit');
6
- var global_constants = require('../../../../global_constants.js');
7
- var sheet_constants = require('../../../sheet/sheet_constants.js');
8
-
9
- class SearchPopupController {
10
- constructor(host) {
11
- this.shouldRenderAsPopup = false;
12
- this.isPopupOpened = false;
13
- this._removeMobileOpened = () => {
14
- const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this._host.moduleInstanceId}"]`);
15
- const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
16
- $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
17
- };
18
- this._showPopup = () => {
19
- this._updateIsPopupOpenedValue(true);
20
- };
21
- this._hidePopup = () => {
22
- this._updateIsPopupOpenedValue(false);
23
- this._host.shouldShowHistory = false;
24
- };
25
- this._updateShouldRenderAsPopup = () => {
26
- if (window.innerWidth < global_constants.BREAKPOINTS.sm) {
27
- this._updateShouldRenderAsPopupValue(false);
28
- }
29
- else {
30
- this._updateShouldRenderAsPopupValue(true);
31
- }
32
- };
33
- (this._host = host).addController(this);
34
- if (window.innerWidth >= global_constants.BREAKPOINTS.sm) {
35
- this.shouldRenderAsPopup = true;
36
- }
37
- }
38
- hostConnected() {
39
- this._host.addEventListener('removeMobileOpened', this._removeMobileOpened);
40
- document.addEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
41
- document.addEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
42
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
43
- }
44
- hostDisconnected() {
45
- this._host.removeEventListener('removeMobileOpened', this._removeMobileOpened);
46
- document.removeEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
47
- document.removeEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
48
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
49
- }
50
- _updateShouldRenderAsPopupValue(newValue) {
51
- this.shouldRenderAsPopup = newValue;
52
- this._host.requestUpdate();
53
- }
54
- _updateIsPopupOpenedValue(newValue) {
55
- this.isPopupOpened = newValue;
56
- this._host.requestUpdate();
57
- }
58
- }
59
-
60
- exports.SearchPopupController = SearchPopupController;
61
- //# sourceMappingURL=search_popup_controller.js.map
package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map DELETED
@@ -1 +0,0 @@
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/search_popup_controller.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { ReactiveController, ReactiveControllerHost } from 'lit';
2
- import { HSearch } from '../search';
3
- export declare class SearchPopupController implements ReactiveController {
4
- private _host;
5
- shouldRenderAsPopup: boolean;
6
- isPopupOpened: boolean;
7
- constructor(host: ReactiveControllerHost & HSearch);
8
- hostConnected(): void;
9
- hostDisconnected(): void;
10
- private _removeMobileOpened;
11
- private _showPopup;
12
- private _hidePopup;
13
- private _updateShouldRenderAsPopup;
14
- private _updateShouldRenderAsPopupValue;
15
- private _updateIsPopupOpenedValue;
16
- }
package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js DELETED
@@ -1,57 +0,0 @@
1
- import 'lit';
2
- import { BREAKPOINTS } from '../../../../global_constants.js';
3
- import { SHEET_EVENTS } from '../../../sheet/sheet_constants.js';
4
-
5
- class SearchPopupController {
6
- constructor(host) {
7
- this.shouldRenderAsPopup = false;
8
- this.isPopupOpened = false;
9
- this._removeMobileOpened = () => {
10
- const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this._host.moduleInstanceId}"]`);
11
- const $searchSheet = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-sheet');
12
- $searchSheet === null || $searchSheet === void 0 ? void 0 : $searchSheet.open();
13
- };
14
- this._showPopup = () => {
15
- this._updateIsPopupOpenedValue(true);
16
- };
17
- this._hidePopup = () => {
18
- this._updateIsPopupOpenedValue(false);
19
- this._host.shouldShowHistory = false;
20
- };
21
- this._updateShouldRenderAsPopup = () => {
22
- if (window.innerWidth < BREAKPOINTS.sm) {
23
- this._updateShouldRenderAsPopupValue(false);
24
- }
25
- else {
26
- this._updateShouldRenderAsPopupValue(true);
27
- }
28
- };
29
- (this._host = host).addController(this);
30
- if (window.innerWidth >= BREAKPOINTS.sm) {
31
- this.shouldRenderAsPopup = true;
32
- }
33
- }
34
- hostConnected() {
35
- this._host.addEventListener('removeMobileOpened', this._removeMobileOpened);
36
- document.addEventListener(SHEET_EVENTS.opened, this._showPopup);
37
- document.addEventListener(SHEET_EVENTS.closed, this._hidePopup);
38
- window.addEventListener('resize', this._updateShouldRenderAsPopup);
39
- }
40
- hostDisconnected() {
41
- this._host.removeEventListener('removeMobileOpened', this._removeMobileOpened);
42
- document.removeEventListener(SHEET_EVENTS.opened, this._showPopup);
43
- document.removeEventListener(SHEET_EVENTS.closed, this._hidePopup);
44
- window.removeEventListener('resize', this._updateShouldRenderAsPopup);
45
- }
46
- _updateShouldRenderAsPopupValue(newValue) {
47
- this.shouldRenderAsPopup = newValue;
48
- this._host.requestUpdate();
49
- }
50
- _updateIsPopupOpenedValue(newValue) {
51
- this.isPopupOpened = newValue;
52
- this._host.requestUpdate();
53
- }
54
- }
55
-
56
- export { SearchPopupController };
57
- //# sourceMappingURL=search_popup_controller.js.map
package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map DELETED
@@ -1 +0,0 @@
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}