@shoper/phoenix_design_system 1.17.10-1 → 1.17.10-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +65 -15
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +6 -1
  4. package/build/esm/packages/phoenix/src/components/form/search/search.js +65 -15
  5. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -16,6 +16,7 @@ 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
22
 
@@ -23,6 +24,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
23
24
  constructor() {
24
25
  super(...arguments);
25
26
  this.view = search_constants.DEFAULT_VIEW;
27
+ this._shouldRenderAsPopup = false;
26
28
  this._id = v4['default']();
27
29
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
28
30
  this._searchContentContainerId = v4['default']();
@@ -42,6 +44,14 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
42
44
  this._activeItemId = `${this._id}-1`;
43
45
  this._translations = {};
44
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
+ };
45
55
  this._bindKeys = (ev) => {
46
56
  switch (ev.key) {
47
57
  case 'ArrowDown':
@@ -266,11 +276,29 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
266
276
  this._resetSearchView();
267
277
  };
268
278
  this._switchTypeOfSearchView = () => {
269
- if (!this._isSuggesterLayerVisible())
279
+ if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
270
280
  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);
281
+ const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
282
+ if (window.innerWidth > global_constants.BREAKPOINTS.sm) {
283
+ const hasBeenOpened = this.classList.contains(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
284
+ this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
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
+ }
290
+ }
291
+ else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
292
+ this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
293
+ }
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
+ }
274
302
  };
275
303
  this._preventSubmitOnSearchClear = (ev) => {
276
304
  const $searchClear = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.clearButton);
@@ -296,6 +324,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
296
324
  }
297
325
  async connectedCallback() {
298
326
  super.connectedCallback();
327
+ if (window.innerWidth >= global_constants.BREAKPOINTS.sm && this.popup) {
328
+ this._shouldRenderAsPopup = this.popup;
329
+ }
299
330
  this._setupContext();
300
331
  try {
301
332
  this._searchContextConsumer = new context_consumer_controller.ContextConsumerController(this);
@@ -337,7 +368,12 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
337
368
  document.removeEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
338
369
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
339
370
  window.removeEventListener('resize', this._switchTypeOfSearchView);
371
+ window.removeEventListener('resize', this._updateShouldRenderAsPopup);
340
372
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
373
+ if (this.popup) {
374
+ document.removeEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
375
+ document.removeEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
376
+ }
341
377
  }
342
378
  _setupContext() {
343
379
  this._historyContextProvider = new context_provider_controller.ContextProviderController(this);
@@ -377,8 +413,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
377
413
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(search_constants.SEARCH_CLASS_NAMES.outline);
378
414
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
379
415
  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);
416
+ if (!this.popup) {
417
+ document.addEventListener('keydown', this._bindKeys);
418
+ document.addEventListener('keyup', this._handleSearchTabNavigation);
419
+ }
382
420
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
383
421
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
384
422
  });
@@ -415,7 +453,12 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
415
453
  });
416
454
  document.addEventListener('click', this._hideSuggesterOnClickOutside);
417
455
  window.addEventListener('resize', this._switchTypeOfSearchView);
456
+ window.addEventListener('resize', this._updateShouldRenderAsPopup);
418
457
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
458
+ if (this.popup) {
459
+ document.addEventListener(sheet_constants.SHEET_EVENTS.opened, this._showPopup);
460
+ document.addEventListener(sheet_constants.SHEET_EVENTS.closed, this._hidePopup);
461
+ }
419
462
  }
420
463
  _updateSearchView(searchPhrase, shouldShowMessage, shouldUpdateSearchPhrase = true) {
421
464
  this._shouldShowMessage = shouldShowMessage;
@@ -508,7 +551,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
508
551
  this._setActiveItemId(`${this._id}-1`);
509
552
  const searchBar = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.searchBar}`);
510
553
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(search_constants.SEARCH_CLASS_NAMES.outline);
511
- this._hideHistorySuggestionsAndResults();
554
+ if (!this._shouldRenderAsPopup)
555
+ this._hideHistorySuggestionsAndResults();
512
556
  this._removeSearchKeyboardNavigation();
513
557
  }
514
558
  _submitSearchPhrase(searchPhrase) {
@@ -533,8 +577,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
533
577
  this._handleOpenSearch();
534
578
  }
535
579
  render() {
580
+ super.render();
536
581
  return lit.html `
537
- ${when.when(this.shouldRenderAsPopup, () => lit.nothing, () => lit.html `
582
+ ${when.when(this._shouldRenderAsPopup, () => lit.nothing, () => lit.html `
538
583
  <div
539
584
  class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
540
585
  tabindex="0"
@@ -612,13 +657,17 @@ tslib_es6.__decorate([
612
657
  tslib_es6.__metadata("design:type", String)
613
658
  ], exports.HSearch.prototype, "locale", void 0);
614
659
  tslib_es6.__decorate([
615
- decorators.property({ type: Boolean, attribute: 'popu ' }),
616
- tslib_es6.__metadata("design:type", String)
617
- ], exports.HSearch.prototype, "shouldRenderAsPopup", void 0);
660
+ decorators.property({ type: Boolean, attribute: 'popup' }),
661
+ tslib_es6.__metadata("design:type", Boolean)
662
+ ], exports.HSearch.prototype, "popup", void 0);
618
663
  tslib_es6.__decorate([
619
664
  decorators.property({ type: String, attribute: 'module-instance-id' }),
620
665
  tslib_es6.__metadata("design:type", String)
621
666
  ], exports.HSearch.prototype, "moduleInstanceId", void 0);
667
+ tslib_es6.__decorate([
668
+ decorators.state(),
669
+ tslib_es6.__metadata("design:type", Object)
670
+ ], exports.HSearch.prototype, "_shouldRenderAsPopup", void 0);
622
671
  tslib_es6.__decorate([
623
672
  decorators.state(),
624
673
  tslib_es6.__metadata("design:type", Boolean)
@@ -663,10 +712,11 @@ tslib_es6.__decorate([
663
712
  decorators.state(),
664
713
  tslib_es6.__metadata("design:type", String)
665
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);
666
719
  exports.HSearch = tslib_es6.__decorate([
667
720
  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"
721
+ ], exports.HSearch);
672
722
  //# 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;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/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -5,8 +5,9 @@ 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;
10
11
  private _historyContextProvider;
11
12
  private _searchContextConsumer;
12
13
  private _searchContext$;
@@ -32,6 +33,7 @@ export declare class HSearch extends PhoenixLightLitElement {
32
33
  private _activeItemId;
33
34
  private _translations;
34
35
  private _containerRole;
36
+ private _isPopupOpened;
35
37
  connectedCallback(): Promise<void>;
36
38
  disconnectedCallback(): void;
37
39
  private _setupContext;
@@ -39,6 +41,8 @@ export declare class HSearch extends PhoenixLightLitElement {
39
41
  private _updateSearchPhrase;
40
42
  private _dispatchEventWithSearchPhrase;
41
43
  private _setupListeners;
44
+ private _showPopup;
45
+ private _hidePopup;
42
46
  private _updateSearchView;
43
47
  private _displaySuggester;
44
48
  private _displayHistorySuggestions;
@@ -72,6 +76,7 @@ export declare class HSearch extends PhoenixLightLitElement {
72
76
  private _hideSuggesterOnClickOutside;
73
77
  private _switchTypeOfSearchView;
74
78
  private _isSuggesterLayerVisible;
79
+ private _updateShouldRenderAsPopup;
75
80
  private _preventSubmitOnSearchClear;
76
81
  private _resetSearchOnFocusOutside;
77
82
  private _setupAriaAttributes;
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -12,6 +12,7 @@ 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
18
 
@@ -19,6 +20,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
19
20
  constructor() {
20
21
  super(...arguments);
21
22
  this.view = DEFAULT_VIEW;
23
+ this._shouldRenderAsPopup = false;
22
24
  this._id = v4();
23
25
  this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
24
26
  this._searchContentContainerId = v4();
@@ -38,6 +40,14 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
38
40
  this._activeItemId = `${this._id}-1`;
39
41
  this._translations = {};
40
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
+ };
41
51
  this._bindKeys = (ev) => {
42
52
  switch (ev.key) {
43
53
  case 'ArrowDown':
@@ -262,11 +272,29 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
262
272
  this._resetSearchView();
263
273
  };
264
274
  this._switchTypeOfSearchView = () => {
265
- if (!this._isSuggesterLayerVisible())
275
+ if (!this._isSuggesterLayerVisible() && !this._shouldRenderAsPopup)
266
276
  return;
267
- window.innerWidth > BREAKPOINTS.sm
268
- ? this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened)
269
- : this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
277
+ const isOpenedAsPopup = this._shouldRenderAsPopup && this._isPopupOpened;
278
+ if (window.innerWidth > BREAKPOINTS.sm) {
279
+ const hasBeenOpened = this.classList.contains(SEARCH_CLASS_NAMES.mobileOpened);
280
+ this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
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
+ }
286
+ }
287
+ else if (!this._shouldRenderAsPopup || isOpenedAsPopup) {
288
+ this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
289
+ }
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
+ }
270
298
  };
271
299
  this._preventSubmitOnSearchClear = (ev) => {
272
300
  const $searchClear = this.querySelector(SEARCH_COMPONENT_NAMES.clearButton);
@@ -292,6 +320,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
292
320
  }
293
321
  async connectedCallback() {
294
322
  super.connectedCallback();
323
+ if (window.innerWidth >= BREAKPOINTS.sm && this.popup) {
324
+ this._shouldRenderAsPopup = this.popup;
325
+ }
295
326
  this._setupContext();
296
327
  try {
297
328
  this._searchContextConsumer = new ContextConsumerController(this);
@@ -333,7 +364,12 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
333
364
  document.removeEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
334
365
  document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
335
366
  window.removeEventListener('resize', this._switchTypeOfSearchView);
367
+ window.removeEventListener('resize', this._updateShouldRenderAsPopup);
336
368
  (_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
369
+ if (this.popup) {
370
+ document.removeEventListener(SHEET_EVENTS.opened, this._showPopup);
371
+ document.removeEventListener(SHEET_EVENTS.closed, this._hidePopup);
372
+ }
337
373
  }
338
374
  _setupContext() {
339
375
  this._historyContextProvider = new ContextProviderController(this);
@@ -373,8 +409,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
373
409
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add(SEARCH_CLASS_NAMES.outline);
374
410
  const shouldShowMessage = ((_b = ev.detail) === null || _b === void 0 ? void 0 : _b.searchPhrase) !== '';
375
411
  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);
412
+ if (!this.popup) {
413
+ document.addEventListener('keydown', this._bindKeys);
414
+ document.addEventListener('keyup', this._handleSearchTabNavigation);
415
+ }
378
416
  document.addEventListener('keydown', this._preventScrollingOnSearchContentBrowsing);
379
417
  document.addEventListener('focusin', this._resetSearchOnFocusOutside);
380
418
  });
@@ -411,7 +449,12 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
411
449
  });
412
450
  document.addEventListener('click', this._hideSuggesterOnClickOutside);
413
451
  window.addEventListener('resize', this._switchTypeOfSearchView);
452
+ window.addEventListener('resize', this._updateShouldRenderAsPopup);
414
453
  this._searchForm.addEventListener('keydown', this._preventSubmitOnSearchClear);
454
+ if (this.popup) {
455
+ document.addEventListener(SHEET_EVENTS.opened, this._showPopup);
456
+ document.addEventListener(SHEET_EVENTS.closed, this._hidePopup);
457
+ }
415
458
  }
416
459
  _updateSearchView(searchPhrase, shouldShowMessage, shouldUpdateSearchPhrase = true) {
417
460
  this._shouldShowMessage = shouldShowMessage;
@@ -504,7 +547,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
504
547
  this._setActiveItemId(`${this._id}-1`);
505
548
  const searchBar = this.querySelector(`.${SEARCH_CLASS_NAMES.searchBar}`);
506
549
  searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.remove(SEARCH_CLASS_NAMES.outline);
507
- this._hideHistorySuggestionsAndResults();
550
+ if (!this._shouldRenderAsPopup)
551
+ this._hideHistorySuggestionsAndResults();
508
552
  this._removeSearchKeyboardNavigation();
509
553
  }
510
554
  _submitSearchPhrase(searchPhrase) {
@@ -529,8 +573,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
529
573
  this._handleOpenSearch();
530
574
  }
531
575
  render() {
576
+ super.render();
532
577
  return html `
533
- ${n(this.shouldRenderAsPopup, () => nothing, () => html `
578
+ ${n(this._shouldRenderAsPopup, () => nothing, () => html `
534
579
  <div
535
580
  class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
536
581
  tabindex="0"
@@ -608,13 +653,17 @@ __decorate([
608
653
  __metadata("design:type", String)
609
654
  ], HSearch.prototype, "locale", void 0);
610
655
  __decorate([
611
- property({ type: Boolean, attribute: 'popu ' }),
612
- __metadata("design:type", String)
613
- ], HSearch.prototype, "shouldRenderAsPopup", void 0);
656
+ property({ type: Boolean, attribute: 'popup' }),
657
+ __metadata("design:type", Boolean)
658
+ ], HSearch.prototype, "popup", void 0);
614
659
  __decorate([
615
660
  property({ type: String, attribute: 'module-instance-id' }),
616
661
  __metadata("design:type", String)
617
662
  ], HSearch.prototype, "moduleInstanceId", void 0);
663
+ __decorate([
664
+ state(),
665
+ __metadata("design:type", Object)
666
+ ], HSearch.prototype, "_shouldRenderAsPopup", void 0);
618
667
  __decorate([
619
668
  state(),
620
669
  __metadata("design:type", Boolean)
@@ -659,12 +708,13 @@ __decorate([
659
708
  state(),
660
709
  __metadata("design:type", String)
661
710
  ], HSearch.prototype, "_containerRole", void 0);
711
+ __decorate([
712
+ state(),
713
+ __metadata("design:type", Boolean)
714
+ ], HSearch.prototype, "_isPopupOpened", void 0);
662
715
  HSearch = __decorate([
663
716
  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"
717
+ ], HSearch);
668
718
 
669
719
  export { HSearch };
670
720
  //# 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;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/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-11",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",