@shoper/phoenix_design_system 1.11.7-5 → 1.11.7-6
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 +3 -3
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +1 -2
- package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +3 -3
- package/build/esm/packages/phoenix/src/components/form/search/search.js +3 -3
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -2
- package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts +6 -6
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +3 -3
- package/package.json +1 -1
|
@@ -270,9 +270,9 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
270
270
|
}
|
|
271
271
|
$input.setAttribute('aria-expanded', 'true');
|
|
272
272
|
if (shouldShowHistory)
|
|
273
|
-
$input.setAttribute('aria-label', this.settings.
|
|
273
|
+
$input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
|
|
274
274
|
if (shouldShowResults)
|
|
275
|
-
$input.setAttribute('aria-label', this.settings.
|
|
275
|
+
$input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
|
|
276
276
|
}
|
|
277
277
|
_scroll(direction) {
|
|
278
278
|
const searchContainer = this.querySelector(`.${search_constants.SEARCH_CLASS_NAMES.container}`);
|
|
@@ -356,7 +356,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
356
356
|
.translations="${this._translations}"
|
|
357
357
|
active-item-id="${this._activeItemId}"
|
|
358
358
|
module-instance-id="${this.moduleInstanceId}"
|
|
359
|
-
.historyAriaLabel="${this.settings.
|
|
359
|
+
.historyAriaLabel="${this.settings.historyItemAriaLabel}"
|
|
360
360
|
></h-search-history>`)}
|
|
361
361
|
${when.when(this._shouldShowResults, () => lit.html `<h-search-results
|
|
362
362
|
${ref_js.ref(this._searchResultsRef)}
|
|
@@ -30,8 +30,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
|
|
|
30
30
|
search: 'performSearch',
|
|
31
31
|
updateSearchPhrase: 'updateSearchPhrase',
|
|
32
32
|
focusin: 'searchFocusIn',
|
|
33
|
-
keydown: 'searchKeyDown'
|
|
34
|
-
activeItemChange: 'activeItemChange'
|
|
33
|
+
keydown: 'searchKeyDown'
|
|
35
34
|
};
|
|
36
35
|
const baseSearchCssClass = 'search';
|
|
37
36
|
const SEARCH_CLASS_NAMES = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -75,7 +75,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
75
75
|
locale="${this.locale}"
|
|
76
76
|
view="${this.view}"
|
|
77
77
|
module-instance-id="${this.moduleInstanceId}"
|
|
78
|
-
.suggestionAriaLabel=${this.settings.
|
|
78
|
+
.suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
|
|
79
79
|
>
|
|
80
80
|
</h-search-suggestion-content>`)}
|
|
81
81
|
${when.when((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => lit.html `
|
|
@@ -86,7 +86,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
86
86
|
active-item-id="${this.activeItemId}"
|
|
87
87
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
88
88
|
.translations="${this.translations}"
|
|
89
|
-
.productAriaLabel=${this.settings.
|
|
89
|
+
.productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
|
|
90
90
|
></h-search-product-content>
|
|
91
91
|
|
|
92
92
|
${when.when(this.settings.isLoadingMoreSearchResultsEnabled, () => when.when(this._areMoreProductsAvailable(), () => lit.html `<button
|
|
@@ -115,7 +115,7 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
|
|
|
115
115
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
116
116
|
.translations="${this.translations}"
|
|
117
117
|
search-phrase="${this.searchPhrase}"
|
|
118
|
-
.producerAriaLabel=${this.settings.
|
|
118
|
+
.producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
|
|
119
119
|
></h-search-producer-content>`)}
|
|
120
120
|
`;
|
|
121
121
|
});
|
|
@@ -266,9 +266,9 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
266
266
|
}
|
|
267
267
|
$input.setAttribute('aria-expanded', 'true');
|
|
268
268
|
if (shouldShowHistory)
|
|
269
|
-
$input.setAttribute('aria-label', this.settings.
|
|
269
|
+
$input.setAttribute('aria-label', this.settings.historyGuideAriaLabel);
|
|
270
270
|
if (shouldShowResults)
|
|
271
|
-
$input.setAttribute('aria-label', this.settings.
|
|
271
|
+
$input.setAttribute('aria-label', this.settings.suggesterGuideAriaLabel);
|
|
272
272
|
}
|
|
273
273
|
_scroll(direction) {
|
|
274
274
|
const searchContainer = this.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
|
|
@@ -352,7 +352,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
|
|
|
352
352
|
.translations="${this._translations}"
|
|
353
353
|
active-item-id="${this._activeItemId}"
|
|
354
354
|
module-instance-id="${this.moduleInstanceId}"
|
|
355
|
-
.historyAriaLabel="${this.settings.
|
|
355
|
+
.historyAriaLabel="${this.settings.historyItemAriaLabel}"
|
|
356
356
|
></h-search-history>`)}
|
|
357
357
|
${n(this._shouldShowResults, () => html `<h-search-results
|
|
358
358
|
${ref(this._searchResultsRef)}
|
|
@@ -28,7 +28,6 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
|
|
|
28
28
|
readonly updateSearchPhrase: "updateSearchPhrase";
|
|
29
29
|
readonly focusin: "searchFocusIn";
|
|
30
30
|
readonly keydown: "searchKeyDown";
|
|
31
|
-
readonly activeItemChange: "activeItemChange";
|
|
32
31
|
};
|
|
33
32
|
export declare const SEARCH_CLASS_NAMES: {
|
|
34
33
|
readonly searchBar: "search__bar";
|
|
@@ -26,8 +26,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
|
|
|
26
26
|
search: 'performSearch',
|
|
27
27
|
updateSearchPhrase: 'updateSearchPhrase',
|
|
28
28
|
focusin: 'searchFocusIn',
|
|
29
|
-
keydown: 'searchKeyDown'
|
|
30
|
-
activeItemChange: 'activeItemChange'
|
|
29
|
+
keydown: 'searchKeyDown'
|
|
31
30
|
};
|
|
32
31
|
const baseSearchCssClass = 'search';
|
|
33
32
|
const SEARCH_CLASS_NAMES = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -68,12 +68,12 @@ export declare type TSearchSettings = {
|
|
|
68
68
|
showProductRate: boolean;
|
|
69
69
|
showProductAvailability: boolean;
|
|
70
70
|
showProductPrice: boolean;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
historyGuideAriaLabel: string;
|
|
72
|
+
suggesterGuideAriaLabel: string;
|
|
73
|
+
historyItemAriaLabel: string;
|
|
74
|
+
suggesterItemAriaLabel: string;
|
|
75
|
+
suggesterProductItemAriaLabel: string;
|
|
76
|
+
suggesterProducerItemAriaLabel: string;
|
|
77
77
|
};
|
|
78
78
|
export declare type TScrollDirection = TEnumLiteralsOf<typeof SCROLL_DIRECTIONS>;
|
|
79
79
|
export declare type TSuggestionType = TEnumLiteralsOf<typeof SUGGESTIONS_TYPE>;
|
|
@@ -71,7 +71,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
71
71
|
locale="${this.locale}"
|
|
72
72
|
view="${this.view}"
|
|
73
73
|
module-instance-id="${this.moduleInstanceId}"
|
|
74
|
-
.suggestionAriaLabel=${this.settings.
|
|
74
|
+
.suggestionAriaLabel=${this.settings.suggesterItemAriaLabel}
|
|
75
75
|
>
|
|
76
76
|
</h-search-suggestion-content>`)}
|
|
77
77
|
${n((_c = this.results.products) === null || _c === void 0 ? void 0 : _c.length, () => html `
|
|
@@ -82,7 +82,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
82
82
|
active-item-id="${this.activeItemId}"
|
|
83
83
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
84
84
|
.translations="${this.translations}"
|
|
85
|
-
.productAriaLabel=${this.settings.
|
|
85
|
+
.productAriaLabel=${this.settings.suggesterProductItemAriaLabel}
|
|
86
86
|
></h-search-product-content>
|
|
87
87
|
|
|
88
88
|
${n(this.settings.isLoadingMoreSearchResultsEnabled, () => n(this._areMoreProductsAvailable(), () => html `<button
|
|
@@ -111,7 +111,7 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
|
|
|
111
111
|
.initialItemIds="${this._getInitialItemsIds()}"
|
|
112
112
|
.translations="${this.translations}"
|
|
113
113
|
search-phrase="${this.searchPhrase}"
|
|
114
|
-
.producerAriaLabel=${this.settings.
|
|
114
|
+
.producerAriaLabel=${this.settings.suggesterProducerItemAriaLabel}
|
|
115
115
|
></h-search-producer-content>`)}
|
|
116
116
|
`;
|
|
117
117
|
});
|