@shoper/phoenix_design_system 1.18.11-10 → 1.18.11-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.
- package/build/cjs/packages/phoenix/src/components/form/search/search.js +53 -75
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +1 -11
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +1 -6
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +1 -6
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -8
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +1 -6
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -5
- package/build/esm/packages/phoenix/src/components/form/search/search.js +53 -75
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +1 -11
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js +1 -6
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js +1 -6
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +0 -8
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js +1 -6
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_suggestion_content.js.map +1 -1
- package/package.json +1 -1
|
@@ -25,10 +25,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
25
25
|
constructor() {
|
|
26
26
|
super(...arguments);
|
|
27
27
|
this.view = search_constants.DEFAULT_VIEW;
|
|
28
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
29
|
-
this.isSearchIconFixEnabled = false;
|
|
30
28
|
this.displayMode = 'dropdown';
|
|
31
|
-
this._togglerElement = null;
|
|
32
29
|
this._id = v4['default']();
|
|
33
30
|
this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
|
|
34
31
|
this._searchContentContainerId = v4['default']();
|
|
@@ -173,8 +170,8 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
173
170
|
};
|
|
174
171
|
this._preventScrollingOnSearchContentBrowsing = (ev) => {
|
|
175
172
|
var _a;
|
|
176
|
-
const hasArrowBeenPressed = ev.key ===
|
|
177
|
-
const hasHomeOrEndBeenPressed = ev.key ===
|
|
173
|
+
const hasArrowBeenPressed = ev.key === "ArrowUp" || ev.key === "ArrowDown";
|
|
174
|
+
const hasHomeOrEndBeenPressed = ev.key === "Home" || ev.key === "End";
|
|
178
175
|
const hasSearchContainerParent = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('.search__container'));
|
|
179
176
|
if ((hasArrowBeenPressed || hasHomeOrEndBeenPressed) && hasSearchContainerParent) {
|
|
180
177
|
ev.preventDefault();
|
|
@@ -247,8 +244,12 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
247
244
|
this._handleBackwardFocus($gridSearchItems);
|
|
248
245
|
};
|
|
249
246
|
this._findSearchItemsContainer = () => {
|
|
250
|
-
const containers = [
|
|
251
|
-
|
|
247
|
+
const containers = [
|
|
248
|
+
this._searchHistoryRef.value,
|
|
249
|
+
this._searchResultsRef.value,
|
|
250
|
+
this._searchMessageRef.value
|
|
251
|
+
];
|
|
252
|
+
return containers.find(container => container && !utilities.UiDomUtils.isElementEmpty(container));
|
|
252
253
|
};
|
|
253
254
|
this._handleBackwardFocus = ($searchItems) => {
|
|
254
255
|
var _a;
|
|
@@ -306,17 +307,11 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
306
307
|
this.classList.remove(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
|
|
307
308
|
if (hasBeenOpened && this.displayMode !== 'dropdown') {
|
|
308
309
|
const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
$overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
|
|
315
|
-
}
|
|
316
|
-
else {
|
|
317
|
-
const $searchModal = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-modal');
|
|
318
|
-
$searchModal === null || $searchModal === void 0 ? void 0 : $searchModal.open();
|
|
319
|
-
}
|
|
310
|
+
const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
|
|
311
|
+
const $overlay = this.querySelector(`[hidden][id="${searchOverlayTriggerName}"]`);
|
|
312
|
+
if (!searchOverlayTriggerName || !$overlay)
|
|
313
|
+
return;
|
|
314
|
+
$overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
|
|
320
315
|
}
|
|
321
316
|
}
|
|
322
317
|
else if (this.displayMode === 'dropdown') {
|
|
@@ -351,21 +346,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
351
346
|
(_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
|
|
352
347
|
}
|
|
353
348
|
};
|
|
354
|
-
this._handleOpenSearch = () => {
|
|
355
|
-
this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
|
|
356
|
-
const shouldShowMessage = this._searchPhrase !== '';
|
|
357
|
-
this._updateSearchView(this._searchPhrase, shouldShowMessage, false);
|
|
358
|
-
const $searchInput = this.querySelector(`
|
|
359
|
-
${search_constants.SEARCH_COMPONENT_NAMES.searchInput} input[type="search"]
|
|
360
|
-
`);
|
|
361
|
-
$searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
|
|
362
|
-
};
|
|
363
|
-
this._handleOpenSearchWithKeyboard = (ev) => {
|
|
364
|
-
if (ev.code !== 'Enter')
|
|
365
|
-
return;
|
|
366
|
-
ev.preventDefault();
|
|
367
|
-
this._handleOpenSearch();
|
|
368
|
-
};
|
|
369
349
|
}
|
|
370
350
|
async connectedCallback() {
|
|
371
351
|
super.connectedCallback();
|
|
@@ -401,7 +381,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
401
381
|
this._searchInput = this.querySelector(search_constants.SEARCH_COMPONENT_NAMES.searchInput);
|
|
402
382
|
this._setupInitialSearchPhrase();
|
|
403
383
|
this._setupListeners();
|
|
404
|
-
this.
|
|
384
|
+
this._setupAriaAttributes();
|
|
405
385
|
}
|
|
406
386
|
disconnectedCallback() {
|
|
407
387
|
var _a;
|
|
@@ -411,8 +391,6 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
411
391
|
document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
|
|
412
392
|
window.removeEventListener('resize', this._switchTypeOfSearchView);
|
|
413
393
|
(_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
|
|
414
|
-
if (this.isSearchIconFixEnabled)
|
|
415
|
-
this._teardownToggler();
|
|
416
394
|
}
|
|
417
395
|
_setupContext() {
|
|
418
396
|
this._historyContextProvider = new context_provider_controller.ContextProviderController(this);
|
|
@@ -570,9 +548,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
570
548
|
}
|
|
571
549
|
}
|
|
572
550
|
_handleChooseSearchItem($el) {
|
|
573
|
-
const $activeSearchItem = this.displayMode === 'dropdown'
|
|
574
|
-
? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`)
|
|
575
|
-
: document.activeElement;
|
|
551
|
+
const $activeSearchItem = this.displayMode === 'dropdown' ? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`) : document.activeElement;
|
|
576
552
|
if (!$activeSearchItem)
|
|
577
553
|
return;
|
|
578
554
|
const $linkElement = $activeSearchItem.querySelector('a');
|
|
@@ -597,39 +573,49 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
597
573
|
_submitSearchPhrase(searchPhrase) {
|
|
598
574
|
this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
|
|
599
575
|
}
|
|
600
|
-
|
|
601
|
-
this.
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
this.
|
|
605
|
-
|
|
576
|
+
_handleOpenSearch() {
|
|
577
|
+
this.classList.add(search_constants.SEARCH_CLASS_NAMES.mobileOpened);
|
|
578
|
+
const shouldShowMessage = this._searchPhrase !== '';
|
|
579
|
+
this._updateSearchView(this._searchPhrase, shouldShowMessage, false);
|
|
580
|
+
const $searchInput = this.querySelector(`
|
|
581
|
+
${search_constants.SEARCH_COMPONENT_NAMES.searchInput} input[type="search"]
|
|
582
|
+
`);
|
|
583
|
+
$searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
|
|
606
584
|
}
|
|
607
|
-
|
|
608
|
-
if (
|
|
585
|
+
_handleOpenSearchWithKeyboard(ev) {
|
|
586
|
+
if (ev.code !== 'Enter')
|
|
609
587
|
return;
|
|
610
|
-
|
|
611
|
-
this.
|
|
588
|
+
ev.preventDefault();
|
|
589
|
+
this._handleOpenSearch();
|
|
612
590
|
}
|
|
613
591
|
render() {
|
|
614
592
|
super.render();
|
|
615
593
|
return lit.html `
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
594
|
+
<div
|
|
595
|
+
class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
|
|
596
|
+
tabindex="0"
|
|
597
|
+
aria-haspopup="dialog"
|
|
598
|
+
@click=${this._handleOpenSearch}
|
|
599
|
+
@keyup=${this._handleOpenSearchWithKeyboard}
|
|
600
|
+
>
|
|
601
|
+
${when.when(this._translations.openSearchButtonAriaLabel, () => lit.html `
|
|
602
|
+
<span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
|
|
603
|
+
${this._translations.openSearchButtonAriaLabel}
|
|
604
|
+
</span>
|
|
605
|
+
`)}
|
|
606
|
+
<h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
|
|
607
|
+
<div ${ref_js.ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
|
|
608
|
+
${this._translations.search}
|
|
609
|
+
</div>
|
|
610
|
+
</div>
|
|
611
|
+
|
|
612
|
+
|
|
631
613
|
${when.when(this._isSuggesterLayerVisible(), () => lit.html `
|
|
632
|
-
<div
|
|
614
|
+
<div
|
|
615
|
+
class="${search_constants.SEARCH_CLASS_NAMES.container}"
|
|
616
|
+
id="${this._searchContentContainerId}"
|
|
617
|
+
role="${this._containerRole}"
|
|
618
|
+
>
|
|
633
619
|
${when.when(this._shouldShowMessage, () => lit.html `<h-search-message
|
|
634
620
|
${ref_js.ref(this._searchMessageRef)}
|
|
635
621
|
.history="${this._historyLimitedContent}"
|
|
@@ -657,10 +643,10 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
657
643
|
active-item-id="${this._activeItemId}"
|
|
658
644
|
search-id="${this._id}"
|
|
659
645
|
module-instance-id="${this.moduleInstanceId}"
|
|
660
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
661
646
|
></h-search-results>`)}
|
|
662
647
|
</div>
|
|
663
|
-
`, () => lit.html `
|
|
648
|
+
`, () => lit.html `
|
|
649
|
+
<div
|
|
664
650
|
class="${search_constants.SEARCH_CLASS_NAMES.container}"
|
|
665
651
|
id="${this._searchContentContainerId}"
|
|
666
652
|
role="${this._containerRole}"
|
|
@@ -681,14 +667,6 @@ tslib_es6.__decorate([
|
|
|
681
667
|
decorators.property({ type: String }),
|
|
682
668
|
tslib_es6.__metadata("design:type", String)
|
|
683
669
|
], exports.HSearch.prototype, "locale", void 0);
|
|
684
|
-
tslib_es6.__decorate([
|
|
685
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
686
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
687
|
-
], exports.HSearch.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
688
|
-
tslib_es6.__decorate([
|
|
689
|
-
decorators.property({ type: Boolean, attribute: 'is-search-icon-fix-enabled' }),
|
|
690
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
691
|
-
], exports.HSearch.prototype, "isSearchIconFixEnabled", void 0);
|
|
692
670
|
tslib_es6.__decorate([
|
|
693
671
|
decorators.property({ type: String, attribute: 'display-mode' }),
|
|
694
672
|
tslib_es6.__metadata("design:type", String)
|
|
@@ -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;AACA;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;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;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;AACA;AACA;"}
|
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -13,7 +13,6 @@ var search_constants = require('../../search_constants.js');
|
|
|
13
13
|
exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
14
|
constructor() {
|
|
15
15
|
super(...arguments);
|
|
16
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
17
16
|
this._isSearchPhraseCleared = false;
|
|
18
17
|
this._setupAttributes = () => {
|
|
19
18
|
var _a, _b, _c, _d;
|
|
@@ -34,17 +33,12 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
34
33
|
if (!this.input) {
|
|
35
34
|
throw new Error('Search input not found');
|
|
36
35
|
}
|
|
37
|
-
if (!this.isDevSearchPopupFixesFlagEnabled) {
|
|
38
|
-
this._setupInitialValue();
|
|
39
|
-
}
|
|
40
36
|
this._setupListeners();
|
|
41
37
|
this._setupAttributes();
|
|
42
38
|
}
|
|
43
39
|
firstUpdated(props) {
|
|
44
40
|
super.firstUpdated(props);
|
|
45
|
-
|
|
46
|
-
this._setupInitialValue();
|
|
47
|
-
}
|
|
41
|
+
this._setupInitialValue();
|
|
48
42
|
}
|
|
49
43
|
_setupInitialValue() {
|
|
50
44
|
const searchQueryRegExp = /\/searchquery\/([^/]{1,})/;
|
|
@@ -141,10 +135,6 @@ tslib_es6.__decorate([
|
|
|
141
135
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
142
136
|
tslib_es6.__metadata("design:type", String)
|
|
143
137
|
], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
144
|
-
tslib_es6.__decorate([
|
|
145
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
146
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
147
|
-
], exports.HSearchInput.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
148
138
|
tslib_es6.__decorate([
|
|
149
139
|
decorators.state(),
|
|
150
140
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -17,7 +17,6 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
|
|
|
17
17
|
this.initialItemIds = {};
|
|
18
18
|
this.translations = {};
|
|
19
19
|
this.searchPhrase = '';
|
|
20
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
21
20
|
}
|
|
22
21
|
_getMatchedPhrase(phrase) {
|
|
23
22
|
return phrase.toLowerCase().startsWith(this.searchPhrase)
|
|
@@ -39,7 +38,7 @@ exports.HSearchProducerContent = class HSearchProducerContent extends phoenix_li
|
|
|
39
38
|
: ''}"
|
|
40
39
|
data-search-item-id="${this.searchId}${this.initialItemIds.producers + index}"
|
|
41
40
|
aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
|
|
42
|
-
tabindex=${
|
|
41
|
+
tabindex=${optionTabIndex}
|
|
43
42
|
role="option"
|
|
44
43
|
>
|
|
45
44
|
<a
|
|
@@ -84,10 +83,6 @@ tslib_es6.__decorate([
|
|
|
84
83
|
decorators.property({ type: String }),
|
|
85
84
|
tslib_es6.__metadata("design:type", String)
|
|
86
85
|
], exports.HSearchProducerContent.prototype, "producerAriaLabel", void 0);
|
|
87
|
-
tslib_es6.__decorate([
|
|
88
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
89
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
90
|
-
], exports.HSearchProducerContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
91
86
|
exports.HSearchProducerContent = tslib_es6.__decorate([
|
|
92
87
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProducerContent)
|
|
93
88
|
], exports.HSearchProducerContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -16,7 +16,6 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
|
|
|
16
16
|
super(...arguments);
|
|
17
17
|
this.initialItemIds = {};
|
|
18
18
|
this.translations = {};
|
|
19
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
20
19
|
this.getProductRateHtml = (productRate) => {
|
|
21
20
|
return lit.html `
|
|
22
21
|
<div class="${search_constants.SEARCH_CLASS_NAMES.starScore}">
|
|
@@ -52,7 +51,7 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
|
|
|
52
51
|
: ''}"
|
|
53
52
|
data-search-item-id="${this.searchId}${this.initialItemIds.products + index}"
|
|
54
53
|
aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
|
|
55
|
-
tabindex=${
|
|
54
|
+
tabindex=${optionTabIndex}
|
|
56
55
|
role="option"
|
|
57
56
|
>
|
|
58
57
|
<a
|
|
@@ -121,10 +120,6 @@ tslib_es6.__decorate([
|
|
|
121
120
|
decorators.property({ type: String }),
|
|
122
121
|
tslib_es6.__metadata("design:type", String)
|
|
123
122
|
], exports.HSearchProductContent.prototype, "productAriaLabel", void 0);
|
|
124
|
-
tslib_es6.__decorate([
|
|
125
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
126
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
127
|
-
], exports.HSearchProductContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
128
123
|
exports.HSearchProductContent = tslib_es6.__decorate([
|
|
129
124
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchProductContent)
|
|
130
125
|
], exports.HSearchProductContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -19,7 +19,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
19
19
|
this._goToProductsForButtonId = v4['default']();
|
|
20
20
|
this.searchPhrase = '';
|
|
21
21
|
this.translations = {};
|
|
22
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
23
22
|
this._productPage = 1;
|
|
24
23
|
this._getInitialItemsIds = () => {
|
|
25
24
|
const suggestionInCategoryInitialItemId = this.results.suggestions.length;
|
|
@@ -78,7 +77,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
78
77
|
view="${this.view}"
|
|
79
78
|
module-instance-id="${this.moduleInstanceId}"
|
|
80
79
|
.suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
|
|
81
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
82
80
|
>
|
|
83
81
|
</h-search-suggestion-content>`)}
|
|
84
82
|
${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
|
|
@@ -91,7 +89,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
91
89
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
92
90
|
.translations="${this.translations}"
|
|
93
91
|
.productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
|
|
94
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
95
92
|
></h-search-product-content>
|
|
96
93
|
|
|
97
94
|
${when.when(this.settings.isLoadingMoreSearchResultsEnabled, () => when.when(this._areMoreProductsAvailable(), () => lit.html `<button
|
|
@@ -122,7 +119,6 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
122
119
|
.translations="${this.translations}"
|
|
123
120
|
search-phrase="${this.searchPhrase}"
|
|
124
121
|
.producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
|
|
125
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
126
122
|
></h-search-producer-content>`)}
|
|
127
123
|
`;
|
|
128
124
|
});
|
|
@@ -164,10 +160,6 @@ tslib_es6.__decorate([
|
|
|
164
160
|
decorators.property({ type: String, attribute: 'module-instance-id' }),
|
|
165
161
|
tslib_es6.__metadata("design:type", String)
|
|
166
162
|
], exports.HSearchResults.prototype, "moduleInstanceId", void 0);
|
|
167
|
-
tslib_es6.__decorate([
|
|
168
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
169
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
170
|
-
], exports.HSearchResults.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
171
163
|
tslib_es6.__decorate([
|
|
172
164
|
decorators.state(),
|
|
173
165
|
tslib_es6.__metadata("design:type", Number)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -20,7 +20,6 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
20
20
|
this.translations = {};
|
|
21
21
|
this._searchPhrase = '';
|
|
22
22
|
this._suggestionsData = [];
|
|
23
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
24
23
|
this._updateSearchPhrase = (ev, suggestion) => {
|
|
25
24
|
ev.stopPropagation();
|
|
26
25
|
this._dispatchEventWithSearchPhrase(search_constants.SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, suggestion);
|
|
@@ -118,7 +117,7 @@ exports.HSearchSuggestionContent = class HSearchSuggestionContent extends phoeni
|
|
|
118
117
|
aria-label="${this.suggestionAriaLabel ?
|
|
119
118
|
`${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
|
|
120
119
|
''}"
|
|
121
|
-
tabindex=${
|
|
120
|
+
tabindex=${optionTabIndex}
|
|
122
121
|
role="option"
|
|
123
122
|
>
|
|
124
123
|
${when.when(suggestion.type === search_constants.SUGGESTIONS_TYPE.suggestion, () => lit.html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
|
|
@@ -182,10 +181,6 @@ tslib_es6.__decorate([
|
|
|
182
181
|
decorators.state(),
|
|
183
182
|
tslib_es6.__metadata("design:type", Array)
|
|
184
183
|
], exports.HSearchSuggestionContent.prototype, "_suggestionsData", void 0);
|
|
185
|
-
tslib_es6.__decorate([
|
|
186
|
-
decorators.property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
187
|
-
tslib_es6.__metadata("design:type", Boolean)
|
|
188
|
-
], exports.HSearchSuggestionContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
189
184
|
exports.HSearchSuggestionContent = tslib_es6.__decorate([
|
|
190
185
|
phoenix_custom_element.phoenixCustomElement(search_constants.SEARCH_COMPONENT_NAMES.searchSuggestionContent)
|
|
191
186
|
], exports.HSearchSuggestionContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,8 +5,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
5
5
|
settings: TSearchSettings;
|
|
6
6
|
view: string;
|
|
7
7
|
locale: string;
|
|
8
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
9
|
-
isSearchIconFixEnabled: boolean;
|
|
10
8
|
displayMode: TSearchDisplayMode;
|
|
11
9
|
moduleInstanceId: string;
|
|
12
10
|
private _historyContextProvider;
|
|
@@ -16,7 +14,6 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
16
14
|
private _searchInput;
|
|
17
15
|
private _inputField;
|
|
18
16
|
private _searchForm;
|
|
19
|
-
private _togglerElement;
|
|
20
17
|
private _id;
|
|
21
18
|
private _openSearchButtonAriaLabelId;
|
|
22
19
|
private _searchContentContainerId;
|
|
@@ -83,7 +80,5 @@ export declare class HSearch extends PhoenixLightLitElement {
|
|
|
83
80
|
private _setupAriaAttributes;
|
|
84
81
|
private _handleOpenSearch;
|
|
85
82
|
private _handleOpenSearchWithKeyboard;
|
|
86
|
-
private _setupToggler;
|
|
87
|
-
private _teardownToggler;
|
|
88
83
|
protected render(): TemplateResult;
|
|
89
84
|
}
|
|
@@ -21,10 +21,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments);
|
|
23
23
|
this.view = DEFAULT_VIEW;
|
|
24
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
25
|
-
this.isSearchIconFixEnabled = false;
|
|
26
24
|
this.displayMode = 'dropdown';
|
|
27
|
-
this._togglerElement = null;
|
|
28
25
|
this._id = v4();
|
|
29
26
|
this._openSearchButtonAriaLabelId = `${this._id}-open-search-button-aria-label`;
|
|
30
27
|
this._searchContentContainerId = v4();
|
|
@@ -169,8 +166,8 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
169
166
|
};
|
|
170
167
|
this._preventScrollingOnSearchContentBrowsing = (ev) => {
|
|
171
168
|
var _a;
|
|
172
|
-
const hasArrowBeenPressed = ev.key ===
|
|
173
|
-
const hasHomeOrEndBeenPressed = ev.key ===
|
|
169
|
+
const hasArrowBeenPressed = ev.key === "ArrowUp" || ev.key === "ArrowDown";
|
|
170
|
+
const hasHomeOrEndBeenPressed = ev.key === "Home" || ev.key === "End";
|
|
174
171
|
const hasSearchContainerParent = !!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('.search__container'));
|
|
175
172
|
if ((hasArrowBeenPressed || hasHomeOrEndBeenPressed) && hasSearchContainerParent) {
|
|
176
173
|
ev.preventDefault();
|
|
@@ -243,8 +240,12 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
243
240
|
this._handleBackwardFocus($gridSearchItems);
|
|
244
241
|
};
|
|
245
242
|
this._findSearchItemsContainer = () => {
|
|
246
|
-
const containers = [
|
|
247
|
-
|
|
243
|
+
const containers = [
|
|
244
|
+
this._searchHistoryRef.value,
|
|
245
|
+
this._searchResultsRef.value,
|
|
246
|
+
this._searchMessageRef.value
|
|
247
|
+
];
|
|
248
|
+
return containers.find(container => container && !UiDomUtils.isElementEmpty(container));
|
|
248
249
|
};
|
|
249
250
|
this._handleBackwardFocus = ($searchItems) => {
|
|
250
251
|
var _a;
|
|
@@ -302,17 +303,11 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
302
303
|
this.classList.remove(SEARCH_CLASS_NAMES.mobileOpened);
|
|
303
304
|
if (hasBeenOpened && this.displayMode !== 'dropdown') {
|
|
304
305
|
const $storefrontSearch = document.querySelector(`h-storefront-search[module-instance-id="${this.moduleInstanceId}"]`);
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
$overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
|
|
311
|
-
}
|
|
312
|
-
else {
|
|
313
|
-
const $searchModal = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('h-modal');
|
|
314
|
-
$searchModal === null || $searchModal === void 0 ? void 0 : $searchModal.open();
|
|
315
|
-
}
|
|
306
|
+
const searchOverlayTriggerName = (_a = $storefrontSearch === null || $storefrontSearch === void 0 ? void 0 : $storefrontSearch.querySelector('[aria-haspopup="dialog"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('name');
|
|
307
|
+
const $overlay = this.querySelector(`[hidden][id="${searchOverlayTriggerName}"]`);
|
|
308
|
+
if (!searchOverlayTriggerName || !$overlay)
|
|
309
|
+
return;
|
|
310
|
+
$overlay === null || $overlay === void 0 ? void 0 : $overlay.open();
|
|
316
311
|
}
|
|
317
312
|
}
|
|
318
313
|
else if (this.displayMode === 'dropdown') {
|
|
@@ -347,21 +342,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
347
342
|
(_a = this._openSearchButtonLabelRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-labelledby', this._openSearchButtonAriaLabelId);
|
|
348
343
|
}
|
|
349
344
|
};
|
|
350
|
-
this._handleOpenSearch = () => {
|
|
351
|
-
this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
|
|
352
|
-
const shouldShowMessage = this._searchPhrase !== '';
|
|
353
|
-
this._updateSearchView(this._searchPhrase, shouldShowMessage, false);
|
|
354
|
-
const $searchInput = this.querySelector(`
|
|
355
|
-
${SEARCH_COMPONENT_NAMES.searchInput} input[type="search"]
|
|
356
|
-
`);
|
|
357
|
-
$searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
|
|
358
|
-
};
|
|
359
|
-
this._handleOpenSearchWithKeyboard = (ev) => {
|
|
360
|
-
if (ev.code !== 'Enter')
|
|
361
|
-
return;
|
|
362
|
-
ev.preventDefault();
|
|
363
|
-
this._handleOpenSearch();
|
|
364
|
-
};
|
|
365
345
|
}
|
|
366
346
|
async connectedCallback() {
|
|
367
347
|
super.connectedCallback();
|
|
@@ -397,7 +377,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
397
377
|
this._searchInput = this.querySelector(SEARCH_COMPONENT_NAMES.searchInput);
|
|
398
378
|
this._setupInitialSearchPhrase();
|
|
399
379
|
this._setupListeners();
|
|
400
|
-
this.
|
|
380
|
+
this._setupAriaAttributes();
|
|
401
381
|
}
|
|
402
382
|
disconnectedCallback() {
|
|
403
383
|
var _a;
|
|
@@ -407,8 +387,6 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
407
387
|
document.removeEventListener('focusin', this._resetSearchOnFocusOutside);
|
|
408
388
|
window.removeEventListener('resize', this._switchTypeOfSearchView);
|
|
409
389
|
(_a = this._searchForm) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this._preventSubmitOnSearchClear);
|
|
410
|
-
if (this.isSearchIconFixEnabled)
|
|
411
|
-
this._teardownToggler();
|
|
412
390
|
}
|
|
413
391
|
_setupContext() {
|
|
414
392
|
this._historyContextProvider = new ContextProviderController(this);
|
|
@@ -566,9 +544,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
566
544
|
}
|
|
567
545
|
}
|
|
568
546
|
_handleChooseSearchItem($el) {
|
|
569
|
-
const $activeSearchItem = this.displayMode === 'dropdown'
|
|
570
|
-
? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`)
|
|
571
|
-
: document.activeElement;
|
|
547
|
+
const $activeSearchItem = this.displayMode === 'dropdown' ? this.querySelector(`[data-search-item-id="${this._activeItemId}"]`) : document.activeElement;
|
|
572
548
|
if (!$activeSearchItem)
|
|
573
549
|
return;
|
|
574
550
|
const $linkElement = $activeSearchItem.querySelector('a');
|
|
@@ -593,39 +569,49 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
593
569
|
_submitSearchPhrase(searchPhrase) {
|
|
594
570
|
this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, searchPhrase);
|
|
595
571
|
}
|
|
596
|
-
|
|
597
|
-
this.
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
this.
|
|
601
|
-
|
|
572
|
+
_handleOpenSearch() {
|
|
573
|
+
this.classList.add(SEARCH_CLASS_NAMES.mobileOpened);
|
|
574
|
+
const shouldShowMessage = this._searchPhrase !== '';
|
|
575
|
+
this._updateSearchView(this._searchPhrase, shouldShowMessage, false);
|
|
576
|
+
const $searchInput = this.querySelector(`
|
|
577
|
+
${SEARCH_COMPONENT_NAMES.searchInput} input[type="search"]
|
|
578
|
+
`);
|
|
579
|
+
$searchInput === null || $searchInput === void 0 ? void 0 : $searchInput.focus();
|
|
602
580
|
}
|
|
603
|
-
|
|
604
|
-
if (
|
|
581
|
+
_handleOpenSearchWithKeyboard(ev) {
|
|
582
|
+
if (ev.code !== 'Enter')
|
|
605
583
|
return;
|
|
606
|
-
|
|
607
|
-
this.
|
|
584
|
+
ev.preventDefault();
|
|
585
|
+
this._handleOpenSearch();
|
|
608
586
|
}
|
|
609
587
|
render() {
|
|
610
588
|
super.render();
|
|
611
589
|
return html `
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
590
|
+
<div
|
|
591
|
+
class="${SEARCH_CLASS_NAMES.icon} labeled-icon hidden-md-only hidden-lg-only hidden-xl-only hidden-xxl-only hidden-xxxl-only"
|
|
592
|
+
tabindex="0"
|
|
593
|
+
aria-haspopup="dialog"
|
|
594
|
+
@click=${this._handleOpenSearch}
|
|
595
|
+
@keyup=${this._handleOpenSearchWithKeyboard}
|
|
596
|
+
>
|
|
597
|
+
${n(this._translations.openSearchButtonAriaLabel, () => html `
|
|
598
|
+
<span id="${this._openSearchButtonAriaLabelId}" class="sr-only">
|
|
599
|
+
${this._translations.openSearchButtonAriaLabel}
|
|
600
|
+
</span>
|
|
601
|
+
`)}
|
|
602
|
+
<h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
|
|
603
|
+
<div ${ref(this._openSearchButtonLabelRef)} class="labeled-icon__signature">
|
|
604
|
+
${this._translations.search}
|
|
605
|
+
</div>
|
|
606
|
+
</div>
|
|
607
|
+
|
|
608
|
+
|
|
627
609
|
${n(this._isSuggesterLayerVisible(), () => html `
|
|
628
|
-
<div
|
|
610
|
+
<div
|
|
611
|
+
class="${SEARCH_CLASS_NAMES.container}"
|
|
612
|
+
id="${this._searchContentContainerId}"
|
|
613
|
+
role="${this._containerRole}"
|
|
614
|
+
>
|
|
629
615
|
${n(this._shouldShowMessage, () => html `<h-search-message
|
|
630
616
|
${ref(this._searchMessageRef)}
|
|
631
617
|
.history="${this._historyLimitedContent}"
|
|
@@ -653,10 +639,10 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
653
639
|
active-item-id="${this._activeItemId}"
|
|
654
640
|
search-id="${this._id}"
|
|
655
641
|
module-instance-id="${this.moduleInstanceId}"
|
|
656
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
657
642
|
></h-search-results>`)}
|
|
658
643
|
</div>
|
|
659
|
-
`, () => html `
|
|
644
|
+
`, () => html `
|
|
645
|
+
<div
|
|
660
646
|
class="${SEARCH_CLASS_NAMES.container}"
|
|
661
647
|
id="${this._searchContentContainerId}"
|
|
662
648
|
role="${this._containerRole}"
|
|
@@ -677,14 +663,6 @@ __decorate([
|
|
|
677
663
|
property({ type: String }),
|
|
678
664
|
__metadata("design:type", String)
|
|
679
665
|
], HSearch.prototype, "locale", void 0);
|
|
680
|
-
__decorate([
|
|
681
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
682
|
-
__metadata("design:type", Boolean)
|
|
683
|
-
], HSearch.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
684
|
-
__decorate([
|
|
685
|
-
property({ type: Boolean, attribute: 'is-search-icon-fix-enabled' }),
|
|
686
|
-
__metadata("design:type", Boolean)
|
|
687
|
-
], HSearch.prototype, "isSearchIconFixEnabled", void 0);
|
|
688
666
|
__decorate([
|
|
689
667
|
property({ type: String, attribute: 'display-mode' }),
|
|
690
668
|
__metadata("design:type", String)
|
|
@@ -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;AACA;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;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;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;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import { PropertyValues } from 'lit';
|
|
|
3
3
|
export declare class HSearchInput extends PhoenixLightLitElement {
|
|
4
4
|
input: HTMLInputElement | null;
|
|
5
5
|
moduleInstanceId: string;
|
|
6
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
7
6
|
private _isSearchPhraseCleared;
|
|
8
7
|
connectedCallback(): void;
|
|
9
8
|
firstUpdated(props: PropertyValues): void;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -9,7 +9,6 @@ import { SEARCH_CLASS_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES }
|
|
|
9
9
|
let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
13
12
|
this._isSearchPhraseCleared = false;
|
|
14
13
|
this._setupAttributes = () => {
|
|
15
14
|
var _a, _b, _c, _d;
|
|
@@ -30,17 +29,12 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
30
29
|
if (!this.input) {
|
|
31
30
|
throw new Error('Search input not found');
|
|
32
31
|
}
|
|
33
|
-
if (!this.isDevSearchPopupFixesFlagEnabled) {
|
|
34
|
-
this._setupInitialValue();
|
|
35
|
-
}
|
|
36
32
|
this._setupListeners();
|
|
37
33
|
this._setupAttributes();
|
|
38
34
|
}
|
|
39
35
|
firstUpdated(props) {
|
|
40
36
|
super.firstUpdated(props);
|
|
41
|
-
|
|
42
|
-
this._setupInitialValue();
|
|
43
|
-
}
|
|
37
|
+
this._setupInitialValue();
|
|
44
38
|
}
|
|
45
39
|
_setupInitialValue() {
|
|
46
40
|
const searchQueryRegExp = /\/searchquery\/([^/]{1,})/;
|
|
@@ -137,10 +131,6 @@ __decorate([
|
|
|
137
131
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
138
132
|
__metadata("design:type", String)
|
|
139
133
|
], HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
140
|
-
__decorate([
|
|
141
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
142
|
-
__metadata("design:type", Boolean)
|
|
143
|
-
], HSearchInput.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
144
134
|
__decorate([
|
|
145
135
|
state(),
|
|
146
136
|
__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -9,7 +9,6 @@ export declare class HSearchProducerContent extends PhoenixLightLitElement {
|
|
|
9
9
|
translations: Record<string, string>;
|
|
10
10
|
searchPhrase: string;
|
|
11
11
|
producerAriaLabel?: string;
|
|
12
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
13
12
|
private _getMatchedPhrase;
|
|
14
13
|
protected render(): TemplateResult;
|
|
15
14
|
}
|
|
@@ -13,7 +13,6 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
|
|
|
13
13
|
this.initialItemIds = {};
|
|
14
14
|
this.translations = {};
|
|
15
15
|
this.searchPhrase = '';
|
|
16
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
17
16
|
}
|
|
18
17
|
_getMatchedPhrase(phrase) {
|
|
19
18
|
return phrase.toLowerCase().startsWith(this.searchPhrase)
|
|
@@ -35,7 +34,7 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
|
|
|
35
34
|
: ''}"
|
|
36
35
|
data-search-item-id="${this.searchId}${this.initialItemIds.producers + index}"
|
|
37
36
|
aria-label=${this.producerAriaLabel ? `${this.producerAriaLabel} ${producer.name}` : undefined}
|
|
38
|
-
tabindex=${
|
|
37
|
+
tabindex=${optionTabIndex}
|
|
39
38
|
role="option"
|
|
40
39
|
>
|
|
41
40
|
<a
|
|
@@ -80,10 +79,6 @@ __decorate([
|
|
|
80
79
|
property({ type: String }),
|
|
81
80
|
__metadata("design:type", String)
|
|
82
81
|
], HSearchProducerContent.prototype, "producerAriaLabel", void 0);
|
|
83
|
-
__decorate([
|
|
84
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
85
|
-
__metadata("design:type", Boolean)
|
|
86
|
-
], HSearchProducerContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
87
82
|
HSearchProducerContent = __decorate([
|
|
88
83
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProducerContent)
|
|
89
84
|
], HSearchProducerContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -9,7 +9,6 @@ export declare class HSearchProductContent extends PhoenixLightLitElement {
|
|
|
9
9
|
initialItemIds: Record<string, number>;
|
|
10
10
|
translations: Record<string, string>;
|
|
11
11
|
productAriaLabel?: string;
|
|
12
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
13
12
|
getProductRateHtml: (productRate: number) => TemplateResult;
|
|
14
13
|
private _getShortenProductName;
|
|
15
14
|
private _getPercentPromotion;
|
|
@@ -12,7 +12,6 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
|
|
|
12
12
|
super(...arguments);
|
|
13
13
|
this.initialItemIds = {};
|
|
14
14
|
this.translations = {};
|
|
15
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
16
15
|
this.getProductRateHtml = (productRate) => {
|
|
17
16
|
return html `
|
|
18
17
|
<div class="${SEARCH_CLASS_NAMES.starScore}">
|
|
@@ -48,7 +47,7 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
|
|
|
48
47
|
: ''}"
|
|
49
48
|
data-search-item-id="${this.searchId}${this.initialItemIds.products + index}"
|
|
50
49
|
aria-label=${this.productAriaLabel ? `${this.productAriaLabel} ${product.name}` : undefined}
|
|
51
|
-
tabindex=${
|
|
50
|
+
tabindex=${optionTabIndex}
|
|
52
51
|
role="option"
|
|
53
52
|
>
|
|
54
53
|
<a
|
|
@@ -117,10 +116,6 @@ __decorate([
|
|
|
117
116
|
property({ type: String }),
|
|
118
117
|
__metadata("design:type", String)
|
|
119
118
|
], HSearchProductContent.prototype, "productAriaLabel", void 0);
|
|
120
|
-
__decorate([
|
|
121
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
122
|
-
__metadata("design:type", Boolean)
|
|
123
|
-
], HSearchProductContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
124
119
|
HSearchProductContent = __decorate([
|
|
125
120
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProductContent)
|
|
126
121
|
], HSearchProductContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -13,7 +13,6 @@ export declare class HSearchResults extends PhoenixLightLitElement {
|
|
|
13
13
|
searchId: string;
|
|
14
14
|
translations: Record<string, string>;
|
|
15
15
|
moduleInstanceId: string;
|
|
16
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
17
16
|
private _productPage;
|
|
18
17
|
private _getInitialItemsIds;
|
|
19
18
|
private _isProductInTheCategory;
|
|
@@ -15,7 +15,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
15
15
|
this._goToProductsForButtonId = v4();
|
|
16
16
|
this.searchPhrase = '';
|
|
17
17
|
this.translations = {};
|
|
18
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
19
18
|
this._productPage = 1;
|
|
20
19
|
this._getInitialItemsIds = () => {
|
|
21
20
|
const suggestionInCategoryInitialItemId = this.results.suggestions.length;
|
|
@@ -74,7 +73,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
74
73
|
view="${this.view}"
|
|
75
74
|
module-instance-id="${this.moduleInstanceId}"
|
|
76
75
|
.suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
|
|
77
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
78
76
|
>
|
|
79
77
|
</h-search-suggestion-content>`)}
|
|
80
78
|
${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
|
|
@@ -87,7 +85,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
87
85
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
88
86
|
.translations="${this.translations}"
|
|
89
87
|
.productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
|
|
90
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
91
88
|
></h-search-product-content>
|
|
92
89
|
|
|
93
90
|
${n(this.settings.isLoadingMoreSearchResultsEnabled, () => n(this._areMoreProductsAvailable(), () => html `<button
|
|
@@ -118,7 +115,6 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
118
115
|
.translations="${this.translations}"
|
|
119
116
|
search-phrase="${this.searchPhrase}"
|
|
120
117
|
.producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
|
|
121
|
-
?is-dev-search-popup-fixes-flag-enabled=${this.isDevSearchPopupFixesFlagEnabled}
|
|
122
118
|
></h-search-producer-content>`)}
|
|
123
119
|
`;
|
|
124
120
|
});
|
|
@@ -160,10 +156,6 @@ __decorate([
|
|
|
160
156
|
property({ type: String, attribute: 'module-instance-id' }),
|
|
161
157
|
__metadata("design:type", String)
|
|
162
158
|
], HSearchResults.prototype, "moduleInstanceId", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
165
|
-
__metadata("design:type", Boolean)
|
|
166
|
-
], HSearchResults.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
167
159
|
__decorate([
|
|
168
160
|
state(),
|
|
169
161
|
__metadata("design:type", Number)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -14,7 +14,6 @@ export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
|
|
|
14
14
|
suggestionAriaLabel?: string;
|
|
15
15
|
private _searchPhrase;
|
|
16
16
|
private _suggestionsData;
|
|
17
|
-
isDevSearchPopupFixesFlagEnabled: boolean;
|
|
18
17
|
connectedCallback(): Promise<void>;
|
|
19
18
|
private _setupSuggestionData;
|
|
20
19
|
private _handleSuggestion;
|
|
@@ -16,7 +16,6 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
16
16
|
this.translations = {};
|
|
17
17
|
this._searchPhrase = '';
|
|
18
18
|
this._suggestionsData = [];
|
|
19
|
-
this.isDevSearchPopupFixesFlagEnabled = false;
|
|
20
19
|
this._updateSearchPhrase = (ev, suggestion) => {
|
|
21
20
|
ev.stopPropagation();
|
|
22
21
|
this._dispatchEventWithSearchPhrase(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, suggestion);
|
|
@@ -114,7 +113,7 @@ let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLig
|
|
|
114
113
|
aria-label="${this.suggestionAriaLabel ?
|
|
115
114
|
`${this.suggestionAriaLabel} ${suggestion.suggestionName || suggestion.categoryName}` :
|
|
116
115
|
''}"
|
|
117
|
-
tabindex=${
|
|
116
|
+
tabindex=${optionTabIndex}
|
|
118
117
|
role="option"
|
|
119
118
|
>
|
|
120
119
|
${n(suggestion.type === SUGGESTIONS_TYPE.suggestion, () => html ` <span> ${this._getMatchedPhrase(suggestion.suggestionName)} </span>
|
|
@@ -178,10 +177,6 @@ __decorate([
|
|
|
178
177
|
state(),
|
|
179
178
|
__metadata("design:type", Array)
|
|
180
179
|
], HSearchSuggestionContent.prototype, "_suggestionsData", void 0);
|
|
181
|
-
__decorate([
|
|
182
|
-
property({ type: Boolean, attribute: 'is-dev-search-popup-fixes-flag-enabled' }),
|
|
183
|
-
__metadata("design:type", Boolean)
|
|
184
|
-
], HSearchSuggestionContent.prototype, "isDevSearchPopupFixesFlagEnabled", void 0);
|
|
185
180
|
HSearchSuggestionContent = __decorate([
|
|
186
181
|
phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchSuggestionContent)
|
|
187
182
|
], HSearchSuggestionContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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