@shoper/phoenix_design_system 1.17.10-1 → 1.17.10-10

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/controllers/search_popup_controller.js +61 -0
  2. package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +1 -0
  3. package/build/cjs/packages/phoenix/src/components/form/search/search.js +46 -21
  4. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js +2 -0
  6. package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.d.ts +16 -0
  8. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js +57 -0
  9. package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js.map +1 -0
  10. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +7 -3
  11. package/build/esm/packages/phoenix/src/components/form/search/search.js +46 -21
  12. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/sheet/sheet.js +2 -0
  14. package/build/esm/packages/phoenix/src/components/sheet/sheet.js.map +1 -1
  15. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/controllers/search_popup_controller.js ADDED
@@ -0,0 +1,61 @@
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 ADDED
@@ -0,0 +1 @@
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/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -18,11 +18,14 @@ var global_constants = require('../../../global_constants.js');
18
18
  var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
19
19
  var when = require('../../../../../../external/lit-html/directives/when.js');
20
20
  var search_constants = require('./search_constants.js');
21
+ var search_popup_controller = require('./controllers/search_popup_controller.js');
21
22
 
22
23
  exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLitElement {
23
24
  constructor() {
24
25
  super(...arguments);
25
26
  this.view = search_constants.DEFAULT_VIEW;
27
+ this._shouldRenderAsPopup = false;
28
+ this._isOpenedAsPopup = false;
26
29
  this._id = v4['default']();
27
30
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
28
31
  this._searchContentContainerId = v4['default']();
@@ -30,7 +33,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
30
33
  this._searchHistoryRef = ref_js.createRef();
31
34
  this._searchMessageRef = ref_js.createRef();
32
35
  this._openSearchButtonLabelRef = ref_js.createRef();
33
- this._shouldShowHistory = false;
36
+ this.shouldShowHistory = false;
34
37
  this._shouldShowResults = false;
35
38
  this._shouldShowMessage = false;
36
39
  this._searchHistory = [];
@@ -75,7 +78,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
75
78
  break;
76
79
  case 'Escape':
77
80
  ev.preventDefault();
78
- if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
81
+ if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
79
82
  this._inputField.focus();
80
83
  this._shouldShowMessage = false;
81
84
  this._hideHistorySuggestionsAndResults();
@@ -181,7 +184,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
181
184
  this._handleBackwardListFocus = (ev) => {
182
185
  var _a, _b;
183
186
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
184
- const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
187
+ const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
185
188
  if (isFocusedOnSearchInput || !hasPopup)
186
189
  return;
187
190
  ev.preventDefault();
@@ -268,9 +271,15 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
268
271
  this._switchTypeOfSearchView = () => {
269
272
  if (!this._isSuggesterLayerVisible())
270
273
  return;
271
- window.innerWidth > global_constants.BREAKPOINTS.sm
272
- ? this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened)
273
- : this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
274
+ if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
275
+ const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
276
+ this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
277
+ if (hasBeenOpened)
278
+ this.dispatchEvent(new CustomEvent('removeMobileOpened'));
279
+ }
280
+ else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
281
+ this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
282
+ }
274
283
  };
275
284
  this._preventSubmitOnSearchClear = (ev) => {
276
285
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
@@ -296,6 +305,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
296
305
  }
297
306
  async connectedCallback() {
298
307
  super.connectedCallback();
308
+ if (this.popup)
309
+ this._searchPopupController = new search_popup_controller.SearchPopupController(this);
299
310
  this._setupContext();
300
311
  try {
301
312
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -330,6 +341,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
330
341
  this._setupListeners();
331
342
  this._setupAriaAttributes();
332
343
  }
344
+ updated(_changedProperties) {
345
+ super.updated(_changedProperties);
346
+ this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
347
+ this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
348
+ }
333
349
  disconnectedCallback() {
334
350
  var _a;
335
351
  super.disconnectedCallback();
@@ -377,8 +393,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
377
393
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
378
394
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
379
395
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
380
- document.addEventListener('keydown', this._bindKeys);
381
- document.addEventListener('keyup', this._handleSearchTabNavigation);
396
+ if (!this._shouldRenderAsPopup) {
397
+ document.addEventListener('keydown', this._bindKeys);
398
+ document.addEventListener('keyup', this._handleSearchTabNavigation);
399
+ }
382
400
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
383
401
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
384
402
  });
@@ -456,7 +474,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
456
474
  });
457
475
  }
458
476
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
459
- this._shouldShowHistory = shouldShowHistory;
477
+ this.shouldShowHistory = shouldShowHistory;
460
478
  this._shouldShowResults = shouldShowResults;
461
479
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
462
480
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -508,14 +526,15 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
508
526
  this._setActiveItemId(`${this._id}-1`);
509
527
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
510
528
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
511
- this._hideHistorySuggestionsAndResults();
529
+ if (!this._shouldRenderAsPopup)
530
+ this._hideHistorySuggestionsAndResults();
512
531
  this._removeSearchKeyboardNavigation();
513
532
  }
514
533
  _submitSearchPhrase(searchPhrase) {
515
534
  this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
516
535
  }
517
536
  _isSuggesterLayerVisible() {
518
- return this.settings.isSearchSuggestLayerEnabled && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
537
+ return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
519
538
  }
520
539
  _handleOpenSearch() {
521
540
  this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
@@ -533,8 +552,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
533
552
  this._handleOpenSearch();
534
553
  }
535
554
  render() {
555
+ super.render();
536
556
  return lit.html `
537
- ${when.when(this.shouldRenderAsPopup, () => lit.nothing, () => lit.html `
557
+ ${when.when(this._shouldRenderAsPopup, () => lit.nothing, () => lit.html `
538
558
  <div
539
559
  class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
540
560
  tabindex="0"
@@ -568,7 +588,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
568
588
  search-phrase="${this._searchPhrase}"
569
589
  module-instance-id="${this.moduleInstanceId}"
570
590
  ></h-search-message>`)}
571
- ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
591
+ ${when.when(this.shouldShowHistory, () => lit.html `<h-search-history
572
592
  ${ref_js.ref(this._searchHistoryRef)}
573
593
  .history="${this._historyLimitedContent}"
574
594
  .translations="${this._translations}"
@@ -612,17 +632,25 @@ tslib_es6.__decorate([
612
632
  tslib_es6.__metadata("design:type", String)
613
633
  ], exports.HSearch.prototype, "locale", void 0);
614
634
  tslib_es6.__decorate([
615
- decorators.property({ type: Boolean, attribute: 'popu ' }),
616
- tslib_es6.__metadata("design:type", String)
617
- ], exports.HSearch.prototype, "shouldRenderAsPopup", void 0);
635
+ decorators.property({ type: Boolean, attribute: 'popup' }),
636
+ tslib_es6.__metadata("design:type", Boolean)
637
+ ], exports.HSearch.prototype, "popup", void 0);
618
638
  tslib_es6.__decorate([
619
639
  decorators.property({ type: String, attribute: 'module-instance-id' }),
620
640
  tslib_es6.__metadata("design:type", String)
621
641
  ], exports.HSearch.prototype, "moduleInstanceId", void 0);
642
+ tslib_es6.__decorate([
643
+ decorators.state(),
644
+ tslib_es6.__metadata("design:type", Object)
645
+ ], 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);
622
650
  tslib_es6.__decorate([
623
651
  decorators.state(),
624
652
  tslib_es6.__metadata("design:type", Boolean)
625
- ], exports.HSearch.prototype, "_shouldShowHistory", void 0);
653
+ ], exports.HSearch.prototype, "shouldShowHistory", void 0);
626
654
  tslib_es6.__decorate([
627
655
  decorators.state(),
628
656
  tslib_es6.__metadata("design:type", Boolean)
@@ -665,8 +693,5 @@ tslib_es6.__decorate([
665
693
  ], exports.HSearch.prototype, "_containerRole", void 0);
666
694
  exports.HSearch = tslib_es6.__decorate([
667
695
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
668
- ], exports.HSearch);
669
- // 1. Spróbuj sheet
670
- // 2. Sheet i zamiast this bierz po dokumencie
671
- // 3. Kwestia styli grid-template-columns i displaye"../../../core/classes/behavior_subject/behavior_subject""../../../core/classes/observer/observer""../../../core/context/context_consumer_controller""../../../core/context/context_provider_controller""../../../core/decorators/phoenix_custom_element""../../../core/phoenix_light_lit_element/phoenix_light_lit_element""./search_constants""./search_types""../../icon/icon_constants""../../../global_constants"
696
+ ], exports.HSearch);
672
697
  //# sourceMappingURL=search.js.map
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -178,6 +178,8 @@ 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;
181
183
  this._focusedToggler = document.activeElement;
182
184
  return new Promise((resolve) => {
183
185
  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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/controllers/search_popup_controller.d.ts ADDED
@@ -0,0 +1,16 @@
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 ADDED
@@ -0,0 +1,57 @@
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 ADDED
@@ -0,0 +1 @@
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;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -1,12 +1,14 @@
1
- import { TemplateResult } from 'lit';
1
+ import { PropertyValues, 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 {
5
5
  settings: TSearchSettings;
6
6
  view: string;
7
7
  locale: string;
8
- shouldRenderAsPopup: string;
8
+ popup: boolean;
9
9
  moduleInstanceId: string;
10
+ private _shouldRenderAsPopup;
11
+ private _isOpenedAsPopup;
10
12
  private _historyContextProvider;
11
13
  private _searchContextConsumer;
12
14
  private _searchContext$;
@@ -21,7 +23,8 @@ export declare class HSearch extends PhoenixLightLitElement {
21
23
  private _searchHistoryRef;
22
24
  private _searchMessageRef;
23
25
  private _openSearchButtonLabelRef;
24
- private _shouldShowHistory;
26
+ private _searchPopupController;
27
+ shouldShowHistory: boolean;
25
28
  private _shouldShowResults;
26
29
  private _shouldShowMessage;
27
30
  private _searchResults;
@@ -33,6 +36,7 @@ export declare class HSearch extends PhoenixLightLitElement {
33
36
  private _translations;
34
37
  private _containerRole;
35
38
  connectedCallback(): Promise<void>;
39
+ updated(_changedProperties: PropertyValues): void;
36
40
  disconnectedCallback(): void;
37
41
  private _setupContext;
38
42
  private _setupInitialSearchPhrase;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -14,11 +14,14 @@ import { BREAKPOINTS } from '../../../global_constants.js';
14
14
  import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
15
15
  import { when as n } from '../../../../../../external/lit-html/directives/when.js';
16
16
  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';
17
18
 
18
19
  let HSearch = class HSearch extends PhoenixLightLitElement {
19
20
  constructor() {
20
21
  super(...arguments);
21
22
  this.view = DEFAULT_VIEW;
23
+ this._shouldRenderAsPopup = false;
24
+ this._isOpenedAsPopup = false;
22
25
  this._id = v4();
23
26
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
24
27
  this._searchContentContainerId = v4();
@@ -26,7 +29,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
26
29
  this._searchHistoryRef = createRef();
27
30
  this._searchMessageRef = createRef();
28
31
  this._openSearchButtonLabelRef = createRef();
29
- this._shouldShowHistory = false;
32
+ this.shouldShowHistory = false;
30
33
  this._shouldShowResults = false;
31
34
  this._shouldShowMessage = false;
32
35
  this._searchHistory = [];
@@ -71,7 +74,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
71
74
  break;
72
75
  case 'Escape':
73
76
  ev.preventDefault();
74
- if (this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults) {
77
+ if (this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults) {
75
78
  this._inputField.focus();
76
79
  this._shouldShowMessage = false;
77
80
  this._hideHistorySuggestionsAndResults();
@@ -177,7 +180,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
177
180
  this._handleBackwardListFocus = (ev) => {
178
181
  var _a, _b;
179
182
  const isFocusedOnSearchInput = document.activeElement === this._inputField;
180
- const hasPopup = this._shouldShowHistory || this._shouldShowHistory || this._shouldShowResults;
183
+ const hasPopup = this.shouldShowHistory || this.shouldShowHistory || this._shouldShowResults;
181
184
  if (isFocusedOnSearchInput || !hasPopup)
182
185
  return;
183
186
  ev.preventDefault();
@@ -264,9 +267,15 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
264
267
  this._switchTypeOfSearchView = () => {
265
268
  if (!this._isSuggesterLayerVisible())
266
269
  return;
267
- window.innerWidth > BREAKPOINTS.sm
268
- ? this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened)
269
- : this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
270
+ if (window.innerWidth > BREAKPOINTS.sm) {
271
+ const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
272
+ this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
273
+ if (hasBeenOpened)
274
+ this.dispatchEvent(new CustomEvent('removeMobileOpened'));
275
+ }
276
+ else if (!this._shouldRenderAsPopup || this._isOpenedAsPopup) {
277
+ this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
278
+ }
270
279
  };
271
280
  this._preventSubmitOnSearchClear = (ev) => {
272
281
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
@@ -292,6 +301,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
292
301
  }
293
302
  async connectedCallback() {
294
303
  super.connectedCallback();
304
+ if (this.popup)
305
+ this._searchPopupController = new SearchPopupController(this);
295
306
  this._setupContext();
296
307
  try {
297
308
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -326,6 +337,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
326
337
  this._setupListeners();
327
338
  this._setupAriaAttributes();
328
339
  }
340
+ updated(_changedProperties) {
341
+ super.updated(_changedProperties);
342
+ this._shouldRenderAsPopup = this._searchPopupController.shouldRenderAsPopup;
343
+ this._isOpenedAsPopup = this._searchPopupController.isPopupOpened;
344
+ }
329
345
  disconnectedCallback() {
330
346
  var _a;
331
347
  super.disconnectedCallback();
@@ -373,8 +389,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
373
389
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
374
390
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
375
391
  this._updateSearchView(((_c = ev.detail) === null || _c === void 0 ? void 0 : _c.searchPhrase) || '', shouldShowMessage, false);
376
- document.addEventListener('keydown', this._bindKeys);
377
- document.addEventListener('keyup', this._handleSearchTabNavigation);
392
+ if (!this._shouldRenderAsPopup) {
393
+ document.addEventListener('keydown', this._bindKeys);
394
+ document.addEventListener('keyup', this._handleSearchTabNavigation);
395
+ }
378
396
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
379
397
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
380
398
  });
@@ -452,7 +470,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
452
470
  });
453
471
  }
454
472
  _handleToggleHistoryAndResults({ shouldShowHistory, shouldShowResults }) {
455
- this._shouldShowHistory = shouldShowHistory;
473
+ this.shouldShowHistory = shouldShowHistory;
456
474
  this._shouldShowResults = shouldShowResults;
457
475
  this._toggleSearchInputAttributes(shouldShowHistory, shouldShowResults);
458
476
  this._toggleSearchContainerAttributes(shouldShowHistory, shouldShowResults);
@@ -504,14 +522,15 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
504
522
  this._setActiveItemId(`${this._id}-1`);
505
523
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
506
524
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
507
- this._hideHistorySuggestionsAndResults();
525
+ if (!this._shouldRenderAsPopup)
526
+ this._hideHistorySuggestionsAndResults();
508
527
  this._removeSearchKeyboardNavigation();
509
528
  }
510
529
  _submitSearchPhrase(searchPhrase) {
511
530
  this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
512
531
  }
513
532
  _isSuggesterLayerVisible() {
514
- return this.settings.isSearchSuggestLayerEnabled && (this._shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
533
+ return this.settings.isSearchSuggestLayerEnabled && (this.shouldShowHistory || this._shouldShowResults || this._shouldShowMessage);
515
534
  }
516
535
  _handleOpenSearch() {
517
536
  this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
@@ -529,8 +548,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
529
548
  this._handleOpenSearch();
530
549
  }
531
550
  render() {
551
+ super.render();
532
552
  return html `
533
- ${n(this.shouldRenderAsPopup, () => nothing, () => html `
553
+ ${n(this._shouldRenderAsPopup, () => nothing, () => html `
534
554
  <div
535
555
  class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
536
556
  tabindex="0"
@@ -564,7 +584,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
564
584
  search-phrase="${this._searchPhrase}"
565
585
  module-instance-id="${this.moduleInstanceId}"
566
586
  ></h-search-message>`)}
567
- ${n(this._shouldShowHistory, () => html `<h-search-history
587
+ ${n(this.shouldShowHistory, () => html `<h-search-history
568
588
  ${ref(this._searchHistoryRef)}
569
589
  .history="${this._historyLimitedContent}"
570
590
  .translations="${this._translations}"
@@ -608,17 +628,25 @@ __decorate([
608
628
  __metadata("design:type", String)
609
629
  ], HSearch.prototype, "locale", void 0);
610
630
  __decorate([
611
- property({ type: Boolean, attribute: 'popu ' }),
612
- __metadata("design:type", String)
613
- ], HSearch.prototype, "shouldRenderAsPopup", void 0);
631
+ property({ type: Boolean, attribute: 'popup' }),
632
+ __metadata("design:type", Boolean)
633
+ ], HSearch.prototype, "popup", void 0);
614
634
  __decorate([
615
635
  property({ type: String, attribute: 'module-instance-id' }),
616
636
  __metadata("design:type", String)
617
637
  ], HSearch.prototype, "moduleInstanceId", void 0);
638
+ __decorate([
639
+ state(),
640
+ __metadata("design:type", Object)
641
+ ], HSearch.prototype, "_shouldRenderAsPopup", void 0);
642
+ __decorate([
643
+ state(),
644
+ __metadata("design:type", Object)
645
+ ], HSearch.prototype, "_isOpenedAsPopup", void 0);
618
646
  __decorate([
619
647
  state(),
620
648
  __metadata("design:type", Boolean)
621
- ], HSearch.prototype, "_shouldShowHistory", void 0);
649
+ ], HSearch.prototype, "shouldShowHistory", void 0);
622
650
  __decorate([
623
651
  state(),
624
652
  __metadata("design:type", Boolean)
@@ -661,10 +689,7 @@ __decorate([
661
689
  ], HSearch.prototype, "_containerRole", void 0);
662
690
  HSearch = __decorate([
663
691
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
664
- ], HSearch);
665
- // 1. Spróbuj sheet
666
- // 2. Sheet i zamiast this bierz po dokumencie
667
- // 3. Kwestia styli grid-template-columns i displaye"../../../core/classes/behavior_subject/behavior_subject""../../../core/classes/observer/observer""../../../core/context/context_consumer_controller""../../../core/context/context_provider_controller""../../../core/decorators/phoenix_custom_element""../../../core/phoenix_light_lit_element/phoenix_light_lit_element""./search_constants""./search_types""../../icon/icon_constants""../../../global_constants"
692
+ ], HSearch);
668
693
 
669
694
  export { HSearch };
670
695
  //# sourceMappingURL=search.js.map
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/sheet/sheet.js CHANGED
@@ -174,6 +174,8 @@ let HSheet = HSheet_1 = class HSheet extends PhoenixLightLitElement {
174
174
  });
175
175
  }
176
176
  async open() {
177
+ if (this.opened)
178
+ return;
177
179
  this._focusedToggler = document.activeElement;
178
180
  return new Promise((resolve) => {
179
181
  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;"}
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;"}
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-1",
5
+ "version": "1.17.10-10",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",