npm - @shoper/phoenix_design_system - Versions diffs - 1.6.6 → 1.6.7-1 - Mend

@shoper/phoenix_design_system 1.6.6 → 1.6.7-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 (73) hide show

package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export declare const SEARCH_COMPONENT_NAMES: {
     readonly searchInput: "h-search-input";
     readonly clearButton: "h-search-clear";
     readonly submitButton: "h-search-submit";
+    readonly closeButton: "h-search-close";
     readonly searchResults: "h-search-results";
     readonly searchHistory: "h-search-history";
     readonly searchMessage: "h-search-message";
@@ -19,8 +20,10 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
     readonly searchPhraseSubmitted: "search.searchPhraseSubmitted";
     readonly removeHistoryItem: "search.removeHistoryItem";
     readonly loadMoreHistoryItems: "search.loadMoreHistoryItems";
+    readonly loadMoreProducts: "search.loadMoreProducts";
     readonly clear: "search.clearSearchPhrase";
     readonly submit: "search.submitSearchPhrase";
+    readonly close: "search.close";
     readonly focusinInput: "search.input.focusin";
     readonly keyupInput: "search.input.keyup";
     readonly searchInput: "search.input.search";
@@ -29,15 +32,34 @@ export declare const SEARCH_NATIVE_EVENT_NAMES: {
     readonly click: "click";
 };
 export declare const SEARCH_CLASS_NAMES: {
-    readonly inputSearch: "search__input_search";
-    readonly historyContainer: "search__history-list-container";
-    readonly historyContainerHeadline: "search__history-list-container_headline";
-    readonly historyContainerList: "search__history-list-container_list-items";
-    readonly historyContainerItem: "search__history-list-container_item";
-    readonly historyContainerLoadMore: "search__history-list-container_load-more";
-    readonly historyPortalContainer: "search__history-portal-container";
-    readonly resultsListContainer: "search__results-list-container";
-    readonly resultsPortalContainer: "search__results-portal-container";
+    readonly searchBar: "search__bar";
+    readonly container: "search__container";
+    readonly icon: "search__icon";
+    readonly outline: "search_outline";
+    readonly mobileOpened: "search_mobile-opened";
+    readonly headline: "search__headline";
+    readonly section: "search__section";
+    readonly item: "search__item";
+    readonly itemHoverable: "search__item_hoverable";
+    readonly link: "search__link";
+    readonly linkWithImage: "search__link_with-image";
+    readonly categoryTitle: "search__category-title";
+    readonly productIconFilled: "search__product-icon-filled";
+    readonly productIconEmpty: "search__product-icon-empty";
+    readonly productButton: "search__product-button";
+    readonly productText: "search__product-text";
+    readonly productPriceInfo: "search__product-price-info";
+    readonly productPriceBasic: "search__product-price_basic";
+    readonly productPricePromotion: "search__product-price_promotion";
+    readonly starScore: "star-score";
+    readonly historyItemValue: "search__history-item-value";
+    readonly historyRemoveIcon: "search__history-remove-icon";
+    readonly historyLoadMore: "search__history-load-more";
+    readonly historySelect: "search__history-select";
+    readonly message: "search__message";
+    readonly messageWithHistory: "search__message_with-history";
+    readonly messageNoResults: "search__message_no-results";
+    readonly messageText: "search__message-text";
 };
 export declare const SEARCH_CONTEXT_NAMES: {
     readonly historyContext: "historyContext";
@@ -52,5 +74,6 @@ export declare const SEARCH_SLOT_NAMES: {
 };
 export declare const SEARCH_CONFIGURATION: {
     readonly historyContentLimit: 3;
+    readonly maxCharactersInProductName: 28;
 };
 export declare const EMPTY_SEARCH_RESULTS: TSearchResults;

package/build/esm/packages/phoenix/src/components/form/search/search_constants.js CHANGED Viewed

@@ -3,6 +3,7 @@ const SEARCH_COMPONENT_NAMES = {
     searchInput: 'h-search-input',
     clearButton: 'h-search-clear',
     submitButton: 'h-search-submit',
+    closeButton: 'h-search-close',
     searchResults: 'h-search-results',
     searchHistory: 'h-search-history',
     searchMessage: 'h-search-message',
@@ -18,8 +19,10 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
     searchPhraseSubmitted: 'search.searchPhraseSubmitted',
     removeHistoryItem: 'search.removeHistoryItem',
     loadMoreHistoryItems: 'search.loadMoreHistoryItems',
+    loadMoreProducts: 'search.loadMoreProducts',
     clear: 'search.clearSearchPhrase',
     submit: 'search.submitSearchPhrase',
+    close: 'search.close',
     focusinInput: 'search.input.focusin',
     keyupInput: 'search.input.keyup',
     searchInput: 'search.input.search'
@@ -27,16 +30,36 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
 const SEARCH_NATIVE_EVENT_NAMES = {
     click: 'click'
 };
+const baseSearchCssClass = 'search';
 const SEARCH_CLASS_NAMES = {
-    inputSearch: 'search__input_search',
-    historyContainer: 'search__history-list-container',
-    historyContainerHeadline: 'search__history-list-container_headline',
-    historyContainerList: 'search__history-list-container_list-items',
-    historyContainerItem: 'search__history-list-container_item',
-    historyContainerLoadMore: 'search__history-list-container_load-more',
-    historyPortalContainer: 'search__history-portal-container',
-    resultsListContainer: 'search__results-list-container',
-    resultsPortalContainer: 'search__results-portal-container'
+    searchBar: `${baseSearchCssClass}__bar`,
+    container: `${baseSearchCssClass}__container`,
+    icon: `${baseSearchCssClass}__icon`,
+    outline: `${baseSearchCssClass}_outline`,
+    mobileOpened: `${baseSearchCssClass}_mobile-opened`,
+    headline: `${baseSearchCssClass}__headline`,
+    section: `${baseSearchCssClass}__section`,
+    item: `${baseSearchCssClass}__item`,
+    itemHoverable: `${baseSearchCssClass}__item_hoverable`,
+    link: `${baseSearchCssClass}__link`,
+    linkWithImage: `${baseSearchCssClass}__link_with-image`,
+    categoryTitle: `${baseSearchCssClass}__category-title`,
+    productIconFilled: `${baseSearchCssClass}__product-icon-filled`,
+    productIconEmpty: `${baseSearchCssClass}__product-icon-empty`,
+    productButton: `${baseSearchCssClass}__product-button`,
+    productText: `${baseSearchCssClass}__product-text`,
+    productPriceInfo: `${baseSearchCssClass}__product-price-info`,
+    productPriceBasic: `${baseSearchCssClass}__product-price_basic`,
+    productPricePromotion: `${baseSearchCssClass}__product-price_promotion`,
+    starScore: 'star-score',
+    historyItemValue: `${baseSearchCssClass}__history-item-value`,
+    historyRemoveIcon: `${baseSearchCssClass}__history-remove-icon`,
+    historyLoadMore: `${baseSearchCssClass}__history-load-more`,
+    historySelect: `${baseSearchCssClass}__history-select`,
+    message: `${baseSearchCssClass}__message`,
+    messageWithHistory: `${baseSearchCssClass}__message_with-history`,
+    messageNoResults: `${baseSearchCssClass}__message_no-results`,
+    messageText: `${baseSearchCssClass}__message-text`
 };
 const SEARCH_CONTEXT_NAMES = {
     historyContext: 'historyContext',
@@ -50,13 +73,15 @@ const SEARCH_SLOT_NAMES = {
     clearButton: 'search.clear.button'
 };
 const SEARCH_CONFIGURATION = {
-    historyContentLimit: 3
+    historyContentLimit: 3,
+    maxCharactersInProductName: 28
 };
 const EMPTY_SEARCH_RESULTS = {
     suggestions: [],
     products: [],
     producers: [],
-    categories: []
+    categories: [],
+    productsPagesCount: 0
 };
 export { EMPTY_SEARCH_RESULTS, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_SLOT_NAMES };

package/build/esm/packages/phoenix/src/components/form/search/search_constants.js.map CHANGED Viewed

	@@ -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;"}
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;"}

package/build/esm/packages/phoenix/src/components/form/search/search_types.d.ts CHANGED Viewed

@@ -3,16 +3,31 @@ export declare type TSearchResults = {
     products: TProduct[];
     producers: TProducer[];
     categories: TCategory[];
+    productsPagesCount: number;
 };
 export declare type TCategory = {
     url: string;
     name: string;
 };
 export declare type TProducer = TCategory & {
-    img: string;
+    image?: {
+        imagePath: string;
+    };
 };
 export declare type TProduct = TProducer & {
-    price: string;
+    category: TCategory;
+    availabilityLabel: string;
+    isStock: boolean;
+    prices: {
+        basic: {
+            text: string;
+        };
+        promotion: {
+            text: string;
+        };
+    };
+    rate: number;
+    url: string;
 };
 export declare type TSearchHistoryItem = {
     id: string;
@@ -34,3 +49,12 @@ export declare type RemoveHistoryItemEvent = CustomEventInit<{
 export declare type TSearchHistoryContext = {
     showLoadMore: boolean;
 };
+export declare type TSearchSettings = {
+    isSearchSuggestLayerEnabled: boolean;
+    isNamesShorteningEnabled: boolean;
+    isSearchButtonPinnedOnMobile: boolean;
+    isLoadingMoreSearchResultsEnabled: boolean;
+    showProductRate: boolean;
+    showProductAvailability: boolean;
+    showProductPrice: boolean;
+};

package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js CHANGED Viewed

@@ -15,7 +15,8 @@ let HStorefrontSearchMock = class HStorefrontSearchMock extends PhoenixLightLitE
                 suggestions: [],
                 products: [],
                 producers: [],
-                categories: []
+                categories: [],
+                productsPagesCount: 0
             },
             history: [],
             searchPhrase: '',
@@ -43,9 +44,13 @@ let HStorefrontSearchMock = class HStorefrontSearchMock extends PhoenixLightLitE
                 products: 'Products',
                 producers: 'Producers',
                 loadMore: 'Load more',
-                goToProductsFor: 'Go to products for:',
+                goToProductsFor: 'Go to products for',
                 category: 'category',
-                searchInStore: 'search in store'
+                searchInStore: 'search in store',
+                inTheCategory: 'in the category',
+                availability: 'Availability',
+                priceForTheBaseModel: 'Price for the base model. Variants may have a different price.',
+                search: 'Search'
             }
         });
     }

package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"storefront_search_mock.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/search/storefront_search_mock.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAuE,kDAAkD,CAAC;AAC1H,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AACvH,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,sBAAsB;~~IAgB7D~~;QACI,KAAK,EAAE,CAAC;~~QAbJ~~,iBAAY,GAAiC,IAAI,eAAe,CAAc;YAClF,OAAO,EAAE;gBACL,WAAW,EAAE,EAAE;gBACf,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,EAAE;gBACb,UAAU,EAAE,EAAE;~~aACjB~~;YACD,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE;SACnB,CAAC,CAAC;QAKC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAEM,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,sBAAsB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAClE,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAE3F,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,mBAAmB;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAiB,CAAC;QAEzD,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YACrB,GAAG,IAAI;YACP,YAAY,EAAE;gBACV,aAAa,EAAE,gBAAgB;gBAC/B,mCAAmC,EAAE,4DAA4D;gBACjG,gBAAgB,EAAE,wBAAwB;gBAC1C,6BAA6B,EAAE,kCAAkC;gBACjE,WAAW,EAAE,aAAa;gBAC1B,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,WAAW;gBACrB,eAAe,EAAE,~~qBAAqB~~;~~gBACtC~~,QAAQ,EAAE,UAAU;gBACpB,aAAa,EAAE,iBAAiB;~~aACnC~~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~~AAtNG~~;IADC,KAAK,EAAE;8BACc,eAAe;~~2DAUlC~~;~~AAdM~~,qBAAqB;IADjC,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,qBAAqB,~~CA0NjC~~;~~SA1NY~~,qBAAqB"}
1	+ {"version":3,"file":"storefront_search_mock.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/search/storefront_search_mock.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchClose extends PhoenixLightLitElement {
+    private _btnController;
+    constructor();
+    connectedCallback(): void;
+    private _dispatchCloseEvent;
+}

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
+import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
+import { SEARCH_NATIVE_EVENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+let HSearchClose = class HSearchClose extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._btnController = new BtnController(this, this._dispatchCloseEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchCloseEvent);
+    }
+    _dispatchCloseEvent() {
+        this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.close, {
+            bubbles: true
+        }));
+    }
+};
+HSearchClose = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.closeButton),
+    __metadata("design:paramtypes", [])
+], HSearchClose);
+export { HSearchClose };
+//# sourceMappingURL=search_close.js.map

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;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;"}

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_cus
 import { Observer } from '../../../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../../../core/context/context_consumer_controller.js';
 import { createRef, ref } from 'lit-html/directives/ref.js';
-import { SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CONTEXT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { when } from 'lit/directives/when';
 import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
@@ -25,6 +25,8 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
             this._historyContextObserver = new Observer((searchHistory) => {
                 this.requestUpdate();
                 const button = this.buttonRef.value;
+                if (!button)
+                    return;
                 searchHistory.showLoadMore ? button.show() : button.hide();
             });
             this._historyContext$.subscribe(this._historyContextObserver);
@@ -35,29 +37,30 @@ let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
     }
     render() {
         var _a;
-        return when((_a = this.history) === null || _a === void 0 ? void 0 : _a.length, () => html `<div class="${SEARCH_CLASS_NAMES.historyContainer}">
-                <h-portal to="${SEARCH_PORTAL_DESTINATIONS.historyContent}" hidden>
-                    <h3 class="${SEARCH_CLASS_NAMES.historyContainerHeadline}">${this.translations.searchHistory}</h3>
-                    <ul class="${SEARCH_CLASS_NAMES.historyContainerList}">
-                        ${c(this.history, (historyElement) => html `<li class="${SEARCH_CLASS_NAMES.historyContainerItem}">
-                                <h-search-history-select item-label="${historyElement.label}">
-                                    <span class="search__icon_main-color search__list-icon icon icon-reload"></span>
-                                    <span class="search__history-item-value">${historyElement.label}</span>
-                                </h-search-history-select>
-                                <h-search-history-remove item-id="${historyElement.id}">X</h-search-history-remove>
-                            </li>`)}
-                    </ul>
-                    <h-search-history-load-more class="${SEARCH_CLASS_NAMES.historyContainerLoadMore}" ${ref(this.buttonRef)}
-                        >${this.translations.loadMore}</h-search-history-load-more
-                    >
-                </h-portal>
+        return when((_a = this.history) === null || _a === void 0 ? void 0 : _a.length, () => html `<h3 class="${SEARCH_CLASS_NAMES.headline}">${this.translations.searchHistory}</h3>
-                <h-portal-target
-                    name="${SEARCH_PORTAL_DESTINATIONS.historyContent}"
-                    class="${SEARCH_CLASS_NAMES.historyPortalContainer}"
-                    style="position: absolute; left: 0; bottom: 0"
-                ></h-portal-target>
-            </div> `);
+                <ul>
+                    ${c(this.history, (historyElement) => html ` <li class="${SEARCH_CLASS_NAMES.item}">
+                            <h-search-history-select item-label="${historyElement.label}" class="${SEARCH_CLASS_NAMES.historySelect}">
+                                <h-icon icon-name="icon-clock"></h-icon>
+                                <span class="${SEARCH_CLASS_NAMES.historyItemValue}">${historyElement.label}</span>
+                            </h-search-history-select>
+                            <h-search-history-remove item-id="${historyElement.id}">
+                                <h-icon
+                                    icon-name="icon-x"
+                                    clickable=${true}
+                                    size="l"
+                                    css-classes="${SEARCH_CLASS_NAMES.historyRemoveIcon}"
+                                ></h-icon>
+                            </h-search-history-remove>
+                        </li>`)}
+                </ul>
+                <h-search-history-load-more class="${SEARCH_CLASS_NAMES.historyLoadMore}" ${ref(this.buttonRef)}>
+                    ${this.translations.loadMore}
+                </h-search-history-load-more>`);
     }
 };
 __decorate([

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/history/search_history.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/message/search_message.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { html } from 'lit';
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
-import { SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { when } from 'lit/directives/when';
 import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
@@ -19,7 +19,8 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
             suggestions: [],
             products: [],
             producers: [],
-            categories: []
+            categories: [],
+            productsPagesCount: 0
         };
     }
     _isNoResultsForSearchPhrase() {
@@ -32,8 +33,14 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
         return this.searchPhrase === '' && this.history.length === 0;
     }
     render() {
-        return html ` ${when(this._isNoResultsForSearchPhrase(), () => html `<div>${this.translations.searchInStore}</div>`, () => html `${when(this._hasHistoryAndEmptyPhrase(), () => html `<div>${this.translations.enterSearchPraseOrChooseFromHistory}</div>`)}
-                ${when(this._hasNoHistoryAndEmptyPhrase(), () => html `<div>${this.translations.enterSearchPrase}</div>`)} `)}`;
+        return html `
+            ${when(this._isNoResultsForSearchPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.messageNoResults}">
+                        ${this.searchPhrase} - <a class="${SEARCH_CLASS_NAMES.messageText}">${this.translations.searchInStore}</a>
+                    </p>`, () => html `${when(this._hasHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message} ${SEARCH_CLASS_NAMES.messageWithHistory}">
+                                ${this.translations.enterSearchPraseOrChooseFromHistory}
+                            </p>`)}
+                    ${when(this._hasNoHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message}">${this.translations.enterSearchPrase}</p>`)} `)}
+        `;
     }
 };
 __decorate([

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;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;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_producer_content.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
-import { SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
 let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLitElement {
@@ -13,25 +13,25 @@ let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLi
         this.translations = {};
     }
     render() {
-        var _a;
-        return html `${n((_a = this.producers) === null || _a === void 0 ? void 0 : _a.length, () => html `<div class="search__section">
-                <h3 class="search__section-head search__section-head_sticky search__section-head_line">${this.translations.producers}</h3>
-                <ul class="search__list">
-                    ${c(this.producers, (producer) => html `<li class="search__list-item">
-                            <a href="${producer.url}" class="search__result-link">
-                                <div class="search__result-icon none">${producer.img}</div>
-                                <div class="search__result-content">
-                                    <div class="search__result-note"></div>
-                                    <div class="search__result-title">
-                                        <h5 class="search__result-title-item search__result_bold">
-                                            <span class="search__result_match">${producer.name}</span>
-                                        </h5>
-                                    </div>
-                                    <div class="search__result-note"></div></div
-                            ></a>
-                        </li>`)}
-                </ul>
-            </div>`)}`;
+        return html `
+            <h3 class="${SEARCH_CLASS_NAMES.headline}">${this.translations.producers}</h3>
+            <ul>
+                ${c(this.producers, (producer) => {
+            var _a, _b;
+            return html `<li class="${SEARCH_CLASS_NAMES.item} ${SEARCH_CLASS_NAMES.itemHoverable}">
+                        <a
+                            href="${producer.url}"
+                            class="${((_a = producer.image) === null || _a === void 0 ? void 0 : _a.imagePath) ? SEARCH_CLASS_NAMES.linkWithImage : SEARCH_CLASS_NAMES.link}"
+                        >
+                            ${n((_b = producer.image) === null || _b === void 0 ? void 0 : _b.imagePath, () => { var _a; return html `<img src="${(_a = producer.image) === null || _a === void 0 ? void 0 : _a.imagePath}" alt="${producer.name}" />`; })}
+                            <span>${producer.name}</span>
+                        </a>
+                    </li>`;
+        })}
+            </ul>
+        `;
     }
 };
 __decorate([

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TProduct } from "../../search_types";
+import type { TProduct, TSearchSettings } from "../../search_types";
 export declare class HSearchProductContent extends PhoenixLightLitElement {
     products: TProduct[];
+    settings: TSearchSettings;
     translations: Record<string, string>;
-    handleGoToProductsFor(ev: Event): void;
+    getProductRateHtml: (productRate: number) => TemplateResult;
+    private _getShortenProductName;
     protected render(): TemplateResult;
 }

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js CHANGED Viewed

@@ -4,57 +4,73 @@ import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
 import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
-import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
+import { SEARCH_CLASS_NAMES, SEARCH_CONFIGURATION, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
 import { repeat as c } from '../../../../../../../../external/lit/external/lit-html/directives/repeat.js';
 let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
         this.translations = {};
+        this.getProductRateHtml = (productRate) => {
+            return html `
+            <div class="${SEARCH_CLASS_NAMES.starScore}">
+                ${[1, 2, 3, 4, 5].map((score) => html ` <h-icon
+                            icon-name="icon-star"
+                            css-classes=${productRate >= score ? SEARCH_CLASS_NAMES.productIconFilled : SEARCH_CLASS_NAMES.productIconEmpty}
+                            noStroke=${true}
+                        ></h-icon>`)}
+            </div>
+        `;
+        };
     }
-    handleGoToProductsFor(ev) {
-        this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
-            bubbles: true,
-            detail: {
-                searchPhrase: ev.target.textContent
-            }
-        }));
+    _getShortenProductName(productName) {
+        return productName.substring(0, SEARCH_CONFIGURATION.maxCharactersInProductName) + '...';
     }
     render() {
-        var _a;
-        return n((_a = this.products) === null || _a === void 0 ? void 0 : _a.length, () => html `<div class="search__section">
-                <h3 class="search__section-head search__section-head_sticky search__section-head_line">${this.translations.products}</h3>
+        return html `
+            <h3 class="${SEARCH_CLASS_NAMES.headline}">${this.translations.products}</h3>
-                <ul>
-                    ${c(this.products, (product) => html `<li class="search__list-item">
-                            <a href="${product.url}" class="search__result-link"
-                                ><div class="search__result-icon">
-                                    <img src="${product.img}" alt="product image" />
-                                </div>
-                                <div class="search__result-content">
-                                    <div class="search__result-title">
-                                        <h5 class="search__result-title-item">${product.name}</h5>
-                                    </div>
-                                    <div class="search__result-note">
-                                        <span class="search__result-note-item search__result-item_active">${product.price}</span>
-                                    </div>
-                                </div></a
-                            >
-                        </li>`)}
-                </ul>
+            <ul>
+                ${c(this.products, (product) => {
+            var _a, _b;
+            return html ` <li class="${SEARCH_CLASS_NAMES.item} ${SEARCH_CLASS_NAMES.itemHoverable}">
+                        <a
+                            href="${product.url}"
+                            class="${((_a = product.image) === null || _a === void 0 ? void 0 : _a.imagePath) ? SEARCH_CLASS_NAMES.linkWithImage : SEARCH_CLASS_NAMES.link}"
+                        >
+                            ${n((_b = product.image) === null || _b === void 0 ? void 0 : _b.imagePath, () => { var _a; return html `<img src="${(_a = product.image) === null || _a === void 0 ? void 0 : _a.imagePath}" alt="${product.name}" />`; })}
-                <div class="search__section-footer">
-                    <button @click="${this.handleGoToProductsFor}" class="search__section-btn-load-more" type="button">
-                        ${this.translations.goToProductsGor} teraz
-                    </button>
-                </div>
-            </div>`);
+                            <div>
+                                ${n(this.settings.showProductRate, () => this.getProductRateHtml(product.rate))}
+                                <div>${this.settings.isNamesShorteningEnabled ? this._getShortenProductName(product.name) : product.name}</div>
+                                ${n(this.settings.showProductPrice, () => html ` ${n(product.prices.promotion.text.length, () => html `<div>
+                                            <span class="${SEARCH_CLASS_NAMES.productPricePromotion}">${product.prices.promotion.text}</span>
+                                            <span class="${SEARCH_CLASS_NAMES.productPriceBasic}">${product.prices.basic.text}</span>
+                                        </div>`, () => html `<div class="${SEARCH_CLASS_NAMES.productText}">${product.prices.basic.text}</div>`)}
+                                    ${n(product.isStock, () => html `<div class="${SEARCH_CLASS_NAMES.productPriceInfo}">
+                                                ${this.translations.priceForTheBaseModel}
+                                            </div>`)}`)}
+                                ${n(this.settings.showProductAvailability, () => html `<div>
+                                            ${this.translations.availability}: <span class="${SEARCH_CLASS_NAMES.productText}">${product.availabilityLabel}<span>
+                                        </div>`)}
+                            </div>
+                        </a>
+                    </li>`;
+        })}
+            </ul>
+        `;
     }
 };
 __decorate([
     property({ type: Object, reflect: true }),
     __metadata("design:type", Array)
 ], HSearchProductContent.prototype, "products", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], HSearchProductContent.prototype, "settings", void 0);
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2EAAmF;AAC7G;AACA,4BAA4B,6EAAqF;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/results/search_results.d.ts CHANGED Viewed

@@ -1,9 +1,16 @@
 import { TemplateResult } from 'lit';
 import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import type { TSearchResults } from "../../search_types";
+import type { TSearchResults, TSearchSettings } from "../../search_types";
 export declare class HSearchResults extends PhoenixLightLitElement {
     results: TSearchResults;
+    searchPhrase: string;
+    settings: TSearchSettings;
     translations: Record<string, string>;
-    private _areSearchResultsEmpty;
+    private _productPage;
+    private _areSearchResultsNotEmpty;
+    private _areMoreProductsAvailable;
+    private _getSearchPhrase;
+    handleGoToProductsFor(): void;
+    handleLoadMoreProducts(ev: Event): void;
     protected render(): TemplateResult;
 }