@shoper/phoenix_design_system 1.17.10-0 → 1.17.10-1

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 -79
  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 -80
  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();
@@ -580,38 +534,69 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
580
534
  }
581
535
  render() {
582
536
  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>`)}
537
+ ${when.when(this.shouldRenderAsPopup, () => lit.nothing, () => lit.html `
538
+ <div
539
+ class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
540
+ tabindex="0"
541
+ @click=${this._handleOpenSearch}
542
+ @keyup=${this._handleOpenSearchWithKeyboard}
543
+ >
544
+ ${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
545
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
546
+ ${this._translations.openSearchButtonAriaLabel}
547
+ </span>
548
+ `)}
549
+ <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
550
+ <div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
551
+ ${this._translations.search}
552
+ </div>
553
+ </div>
554
+ `)}
555
+
599
556
 
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)}`;
557
+ ${when.when(this._isSuggesterLayerVisible(), () => lit.html `
558
+ <div
559
+ class="${search_constants.SEARCH_CLASS_NAMES.container}"
560
+ id="${this._searchContentContainerId}"
561
+ role="${this._containerRole}"
562
+ >
563
+ ${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
564
+ ${ref_js.ref(this._searchMessageRef)}
565
+ .history="${this._historyLimitedContent}"
566
+ .results="${this._searchResults}"
567
+ .translations="${this._translations}"
568
+ search-phrase="${this._searchPhrase}"
569
+ module-instance-id="${this.moduleInstanceId}"
570
+ ></h-search-message>`)}
571
+ ${when.when(this._shouldShowHistory, () => lit.html `<h-search-history
572
+ ${ref_js.ref(this._searchHistoryRef)}
573
+ .history="${this._historyLimitedContent}"
574
+ .translations="${this._translations}"
575
+ active-item-id="${this._activeItemId}"
576
+ search-id="${this._id}"
577
+ module-instance-id="${this.moduleInstanceId}"
578
+ ></h-search-history>`)}
579
+ ${when.when(this._shouldShowResults, () => lit.html `<h-search-results
580
+ ${ref_js.ref(this._searchResultsRef)}
581
+ .results="${this._searchResults}"
582
+ search-phrase="${this._searchPhrase}"
583
+ .settings="${this.settings}"
584
+ locale="${this.locale}"
585
+ view="${this.view}"
586
+ .translations="${this._translations}"
587
+ active-item-id="${this._activeItemId}"
588
+ search-id="${this._id}"
589
+ module-instance-id="${this.moduleInstanceId}"
590
+ ></h-search-results>`)}
591
+ </div>
592
+ `, () => lit.html `
593
+ <div
594
+ class="${search_constants.SEARCH_CLASS_NAMES.container}"
595
+ id="${this._searchContentContainerId}"
596
+ role="${this._containerRole}"
597
+ hidden
598
+ ></div>`)}
599
+ `;
615
600
  }
616
601
  };
617
602
  tslib_es6.__decorate([
@@ -627,7 +612,7 @@ tslib_es6.__decorate([
627
612
  tslib_es6.__metadata("design:type", String)
628
613
  ], exports.HSearch.prototype, "locale", void 0);
629
614
  tslib_es6.__decorate([
630
- decorators.property({ type: Boolean, attribute: 'popup' }),
615
+ decorators.property({ type: Boolean, attribute: 'popu ' }),
631
616
  tslib_es6.__metadata("design:type", String)
632
617
  ], exports.HSearch.prototype, "shouldRenderAsPopup", void 0);
633
618
  tslib_es6.__decorate([
@@ -680,5 +665,8 @@ tslib_es6.__decorate([
680
665
  ], exports.HSearch.prototype, "_containerRole", void 0);
681
666
  exports.HSearch = tslib_es6.__decorate([
682
667
  phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.search)
683
- ], exports.HSearch);
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"
684
672
  //# 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;"}
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();
@@ -576,38 +530,69 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
576
530
  }
577
531
  render() {
578
532
  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>`)}
533
+ ${n(this.shouldRenderAsPopup, () => nothing, () => html `
534
+ <div
535
+ class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
536
+ tabindex="0"
537
+ @click=${this._handleOpenSearch}
538
+ @keyup=${this._handleOpenSearchWithKeyboard}
539
+ >
540
+ ${n(this._translations.openSearchButtonAriaLabel, () => html `
541
+ <span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
542
+ ${this._translations.openSearchButtonAriaLabel}
543
+ </span>
544
+ `)}
545
+ <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
546
+ <div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
547
+ ${this._translations.search}
548
+ </div>
549
+ </div>
550
+ `)}
551
+
595
552
 
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)}`;
553
+ ${n(this._isSuggesterLayerVisible(), () => html `
554
+ <div
555
+ class="${SEARCH_CLASS_NAMES.container}"
556
+ id="${this._searchContentContainerId}"
557
+ role="${this._containerRole}"
558
+ >
559
+ ${n(this._shouldShowMessage, () => html `<h-search-message
560
+ ${ref(this._searchMessageRef)}
561
+ .history="${this._historyLimitedContent}"
562
+ .results="${this._searchResults}"
563
+ .translations="${this._translations}"
564
+ search-phrase="${this._searchPhrase}"
565
+ module-instance-id="${this.moduleInstanceId}"
566
+ ></h-search-message>`)}
567
+ ${n(this._shouldShowHistory, () => html `<h-search-history
568
+ ${ref(this._searchHistoryRef)}
569
+ .history="${this._historyLimitedContent}"
570
+ .translations="${this._translations}"
571
+ active-item-id="${this._activeItemId}"
572
+ search-id="${this._id}"
573
+ module-instance-id="${this.moduleInstanceId}"
574
+ ></h-search-history>`)}
575
+ ${n(this._shouldShowResults, () => html `<h-search-results
576
+ ${ref(this._searchResultsRef)}
577
+ .results="${this._searchResults}"
578
+ search-phrase="${this._searchPhrase}"
579
+ .settings="${this.settings}"
580
+ locale="${this.locale}"
581
+ view="${this.view}"
582
+ .translations="${this._translations}"
583
+ active-item-id="${this._activeItemId}"
584
+ search-id="${this._id}"
585
+ module-instance-id="${this.moduleInstanceId}"
586
+ ></h-search-results>`)}
587
+ </div>
588
+ `, () => html `
589
+ <div
590
+ class="${SEARCH_CLASS_NAMES.container}"
591
+ id="${this._searchContentContainerId}"
592
+ role="${this._containerRole}"
593
+ hidden
594
+ ></div>`)}
595
+ `;
611
596
  }
612
597
  };
613
598
  __decorate([
@@ -623,7 +608,7 @@ __decorate([
623
608
  __metadata("design:type", String)
624
609
  ], HSearch.prototype, "locale", void 0);
625
610
  __decorate([
626
- property({ type: Boolean, attribute: 'popup' }),
611
+ property({ type: Boolean, attribute: 'popu ' }),
627
612
  __metadata("design:type", String)
628
613
  ], HSearch.prototype, "shouldRenderAsPopup", void 0);
629
614
  __decorate([
@@ -676,7 +661,10 @@ __decorate([
676
661
  ], HSearch.prototype, "_containerRole", void 0);
677
662
  HSearch = __decorate([
678
663
  phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
679
- ], HSearch);
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"
680
668
 
681
669
  export { HSearch };
682
670
  //# 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;"}
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-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",