@shoper/phoenix_design_system 1.17.10-0 → 1.17.10-2

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 +67 -78
  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 +0 -1
  4. package/build/esm/packages/phoenix/src/components/form/search/search.js +68 -79
  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
@@ -293,52 +293,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
293
293
  (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
294
294
  }
295
295
  };
296
- this._renderSearch = () => {
297
- return lit.html `
298
- ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
299
- <div
300
- class="${search_constants.SEARCH_CLASS_NAMES.container}"
301
- id="${this._searchContentContainerId}"
302
- role="${this._containerRole}"
303
- >
304
- ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
305
- ${ref_js.ref(this._searchMessageRef)}
306
- .history="${this._historyLimitedContent}"
307
- .results="${this._searchResults}"
308
- .translations="${this._translations}"
309
- search-phrase="${this._searchPhrase}"
310
- module-instance-id="${this.moduleInstanceId}"
311
- ></h-search-message>`)}
312
- ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
313
- ${ref_js.ref(this._searchHistoryRef)}
314
- .history="${this._historyLimitedContent}"
315
- .translations="${this._translations}"
316
- active-item-id="${this._activeItemId}"
317
- search-id="${this._id}"
318
- module-instance-id="${this.moduleInstanceId}"
319
- ></h-search-history>`)}
320
- ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
321
- ${ref_js.ref(this._searchResultsRef)}
322
- .results="${this._searchResults}"
323
- search-phrase="${this._searchPhrase}"
324
- .settings="${this.settings}"
325
- locale="${this.locale}"
326
- view="${this.view}"
327
- .translations="${this._translations}"
328
- active-item-id="${this._activeItemId}"
329
- search-id="${this._id}"
330
- module-instance-id="${this.moduleInstanceId}"
331
- ></h-search-results>`)}
332
- </div>
333
- `, () => lit.html `
334
- <div
335
- class="${search_constants.SEARCH_CLASS_NAMES.container}"
336
- id="${this._searchContentContainerId}"
337
- role="${this._containerRole}"
338
- hidden
339
- ></div>`)}
340
- `;
341
- };
342
296
  }
343
297
  async connectedCallback() {
344
298
  super.connectedCallback();
@@ -579,39 +533,71 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
579
533
  this._handleOpenSearch();
580
534
  }
581
535
  render() {
536
+ super.render();
582
537
  return lit.html `
583
- ${when.when(this.shouldRenderAsPopup, () => lit.html `<div`, () => lit.html `<h-sheet name="search-sheet"`)}
584
- class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
585
- tabindex="0"
586
- @click=${this._handleOpenSearch}
587
- @keyup=${this._handleOpenSearchWithKeyboard}
588
- >
589
- ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
590
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
591
- ${this._translations.openSearchButtonAriaLabel}
592
- </span>
593
- `)}
594
- <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
595
- <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
596
- ${this._translations.search}
597
- </div>
598
- ${when.when(this.shouldRenderAsPopup, () => lit.html `</div>`, () => lit.html `</h-sheet>`)}
538
+ ${when.when(this.shouldRenderAsPopup, () => lit.nothing, () => lit.html `
539
+ <div
540
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
541
+ tabindex="0"
542
+ @click=${this._handleOpenSearch}
543
+ @keyup=${this._handleOpenSearchWithKeyboard}
544
+ >
545
+ ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
546
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
547
+ ${this._translations.openSearchButtonAriaLabel}
548
+ </span>
549
+ `)}
550
+ <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
551
+ <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
552
+ ${this._translations.search}
553
+ </div>
554
+ </div>
555
+ `)}
556
+
599
557
 
600
- ${when.when(this.shouldRenderAsPopup, () => lit.html `<h-sheet id="search-sheet" hidden>
601
- <h-sheet-header>
602
- <h-sheet-close class="btn btn_icon">
603
- <span class="sr-only">To translate - Close window</span>
604
- <h-icon
605
- icon-name="icon-x"
606
- clickable=${true}
607
- size=${icon_constants.ICONS_SIZES.l}
608
- css-classes="${search_constants.SEARCH_CLASS_NAMES.historyRemoveIcon}"
609
- aria-hidden="true"
610
- ></h-icon>
611
- </h-sheet-close>
612
- </h-sheet-header>
613
- <h-sheet-body>${this._renderSearch}</h-sheet-body>
614
- </h-sheet>`, this._renderSearch)}`;
558
+ ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
559
+ <div
560
+ class="${search_constants.SEARCH_CLASS_NAMES.container}"
561
+ id="${this._searchContentContainerId}"
562
+ role="${this._containerRole}"
563
+ >
564
+ ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
565
+ ${ref_js.ref(this._searchMessageRef)}
566
+ .history="${this._historyLimitedContent}"
567
+ .results="${this._searchResults}"
568
+ .translations="${this._translations}"
569
+ search-phrase="${this._searchPhrase}"
570
+ module-instance-id="${this.moduleInstanceId}"
571
+ ></h-search-message>`)}
572
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
573
+ ${ref_js.ref(this._searchHistoryRef)}
574
+ .history="${this._historyLimitedContent}"
575
+ .translations="${this._translations}"
576
+ active-item-id="${this._activeItemId}"
577
+ search-id="${this._id}"
578
+ module-instance-id="${this.moduleInstanceId}"
579
+ ></h-search-history>`)}
580
+ ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
581
+ ${ref_js.ref(this._searchResultsRef)}
582
+ .results="${this._searchResults}"
583
+ search-phrase="${this._searchPhrase}"
584
+ .settings="${this.settings}"
585
+ locale="${this.locale}"
586
+ view="${this.view}"
587
+ .translations="${this._translations}"
588
+ active-item-id="${this._activeItemId}"
589
+ search-id="${this._id}"
590
+ module-instance-id="${this.moduleInstanceId}"
591
+ ></h-search-results>`)}
592
+ </div>
593
+ `, () => lit.html `
594
+ <div
595
+ class="${search_constants.SEARCH_CLASS_NAMES.container}"
596
+ id="${this._searchContentContainerId}"
597
+ role="${this._containerRole}"
598
+ hidden
599
+ ></div>`)}
600
+ `;
615
601
  }
616
602
  };
617
603
  tslib_es6.__decorate([
@@ -680,5 +666,8 @@ tslib_es6.__decorate([
680
666
  ], exports.HSearch.prototype, "_containerRole", void 0);
681
667
  exports.HSearch = tslib_es6.__decorate([
682
668
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
683
- ], exports.HSearch);
669
+ ], exports.HSearch);
670
+ // 1. Spróbuj sheet
671
+ // 2. Sheet i zamiast this bierz po dokumencie
672
+ // 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"
684
673
  //# 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;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;"}
package/build/esm/packages/phoenix/src/components/form/search/search.d.ts CHANGED
@@ -77,6 +77,5 @@ export declare class HSearch extends PhoenixLightLitElement {
77
77
  private _setupAriaAttributes;
78
78
  private _handleOpenSearch;
79
79
  private _handleOpenSearchWithKeyboard;
80
- private _renderSearch;
81
80
  protected render(): TemplateResult;
82
81
  }
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
2
- import { html } from 'lit';
2
+ import { html, nothing } from 'lit';
3
3
  import { property, state } from 'lit/decorators';
4
4
  import { UiDomUtils } from '@dreamcommerce/utilities';
5
5
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
@@ -289,52 +289,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
289
289
  (_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
290
290
  }
291
291
  };
292
- this._renderSearch = () => {
293
- return html `
294
- ${n(this._isSuggesterLayerVisible(), () => html `
295
- <div
296
- class="${SEARCH_CLASS_NAMES.container}"
297
- id="${this._searchContentContainerId}"
298
- role="${this._containerRole}"
299
- >
300
- ${n(this._shouldShowMessage, () => html `<h-search-message
301
- ${ref(this._searchMessageRef)}
302
- .history="${this._historyLimitedContent}"
303
- .results="${this._searchResults}"
304
- .translations="${this._translations}"
305
- search-phrase="${this._searchPhrase}"
306
- module-instance-id="${this.moduleInstanceId}"
307
- ></h-search-message>`)}
308
- ${n(this._shouldShowHistory, () => html `<h-search-history
309
- ${ref(this._searchHistoryRef)}
310
- .history="${this._historyLimitedContent}"
311
- .translations="${this._translations}"
312
- active-item-id="${this._activeItemId}"
313
- search-id="${this._id}"
314
- module-instance-id="${this.moduleInstanceId}"
315
- ></h-search-history>`)}
316
- ${n(this._shouldShowResults, () => html `<h-search-results
317
- ${ref(this._searchResultsRef)}
318
- .results="${this._searchResults}"
319
- search-phrase="${this._searchPhrase}"
320
- .settings="${this.settings}"
321
- locale="${this.locale}"
322
- view="${this.view}"
323
- .translations="${this._translations}"
324
- active-item-id="${this._activeItemId}"
325
- search-id="${this._id}"
326
- module-instance-id="${this.moduleInstanceId}"
327
- ></h-search-results>`)}
328
- </div>
329
- `, () => html `
330
- <div
331
- class="${SEARCH_CLASS_NAMES.container}"
332
- id="${this._searchContentContainerId}"
333
- role="${this._containerRole}"
334
- hidden
335
- ></div>`)}
336
- `;
337
- };
338
292
  }
339
293
  async connectedCallback() {
340
294
  super.connectedCallback();
@@ -575,39 +529,71 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
575
529
  this._handleOpenSearch();
576
530
  }
577
531
  render() {
532
+ super.render();
578
533
  return html `
579
- ${n(this.shouldRenderAsPopup, () => html `<div`, () => html `<h-sheet name="search-sheet"`)}
580
- class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
581
- tabindex="0"
582
- @click=${this._handleOpenSearch}
583
- @keyup=${this._handleOpenSearchWithKeyboard}
584
- >
585
- ${n(this._translations.openSearchButtonAriaLabel, () => html `
586
- <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
587
- ${this._translations.openSearchButtonAriaLabel}
588
- </span>
589
- `)}
590
- <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
591
- <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
592
- ${this._translations.search}
593
- </div>
594
- ${n(this.shouldRenderAsPopup, () => html `</div>`, () => html `</h-sheet>`)}
534
+ ${n(this.shouldRenderAsPopup, () => nothing, () => html `
535
+ <div
536
+ class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
537
+ tabindex="0"
538
+ @click=${this._handleOpenSearch}
539
+ @keyup=${this._handleOpenSearchWithKeyboard}
540
+ >
541
+ ${n(this._translations.openSearchButtonAriaLabel, () => html `
542
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
543
+ ${this._translations.openSearchButtonAriaLabel}
544
+ </span>
545
+ `)}
546
+ <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
547
+ <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
548
+ ${this._translations.search}
549
+ </div>
550
+ </div>
551
+ `)}
552
+
595
553
 
596
- ${n(this.shouldRenderAsPopup, () => html `<h-sheet id="search-sheet" hidden>
597
- <h-sheet-header>
598
- <h-sheet-close class="btn btn_icon">
599
- <span class="sr-only">To translate - Close window</span>
600
- <h-icon
601
- icon-name="icon-x"
602
- clickable=${true}
603
- size=${ICONS_SIZES.l}
604
- css-classes="${SEARCH_CLASS_NAMES.historyRemoveIcon}"
605
- aria-hidden="true"
606
- ></h-icon>
607
- </h-sheet-close>
608
- </h-sheet-header>
609
- <h-sheet-body>${this._renderSearch}</h-sheet-body>
610
- </h-sheet>`, this._renderSearch)}`;
554
+ ${n(this._isSuggesterLayerVisible(), () => html `
555
+ <div
556
+ class="${SEARCH_CLASS_NAMES.container}"
557
+ id="${this._searchContentContainerId}"
558
+ role="${this._containerRole}"
559
+ >
560
+ ${n(this._shouldShowMessage, () => html `<h-search-message
561
+ ${ref(this._searchMessageRef)}
562
+ .history="${this._historyLimitedContent}"
563
+ .results="${this._searchResults}"
564
+ .translations="${this._translations}"
565
+ search-phrase="${this._searchPhrase}"
566
+ module-instance-id="${this.moduleInstanceId}"
567
+ ></h-search-message>`)}
568
+ ${n(this._shouldShowHistory, () => html `<h-search-history
569
+ ${ref(this._searchHistoryRef)}
570
+ .history="${this._historyLimitedContent}"
571
+ .translations="${this._translations}"
572
+ active-item-id="${this._activeItemId}"
573
+ search-id="${this._id}"
574
+ module-instance-id="${this.moduleInstanceId}"
575
+ ></h-search-history>`)}
576
+ ${n(this._shouldShowResults, () => html `<h-search-results
577
+ ${ref(this._searchResultsRef)}
578
+ .results="${this._searchResults}"
579
+ search-phrase="${this._searchPhrase}"
580
+ .settings="${this.settings}"
581
+ locale="${this.locale}"
582
+ view="${this.view}"
583
+ .translations="${this._translations}"
584
+ active-item-id="${this._activeItemId}"
585
+ search-id="${this._id}"
586
+ module-instance-id="${this.moduleInstanceId}"
587
+ ></h-search-results>`)}
588
+ </div>
589
+ `, () => html `
590
+ <div
591
+ class="${SEARCH_CLASS_NAMES.container}"
592
+ id="${this._searchContentContainerId}"
593
+ role="${this._containerRole}"
594
+ hidden
595
+ ></div>`)}
596
+ `;
611
597
  }
612
598
  };
613
599
  __decorate([
@@ -676,7 +662,10 @@ __decorate([
676
662
  ], HSearch.prototype, "_containerRole", void 0);
677
663
  HSearch = __decorate([
678
664
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
679
- ], HSearch);
665
+ ], HSearch);
666
+ // 1. Spróbuj sheet
667
+ // 2. Sheet i zamiast this bierz po dokumencie
668
+ // 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"
680
669
 
681
670
  export { HSearch };
682
671
  //# 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;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;"}
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-0",
5
+ "version": "1.17.10-2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",