@shoper/phoenix_design_system 1.4.3 → 1.5.1-0

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

@@ -0,0 +1,26 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearch extends PhoenixLightLitElement {
+    private _historyContextProvider;
+    private _searchContextConsumer;
+    private _searchContext$;
+    private _searchContextObserver;
+    private _shouldShowHistory;
+    private _shouldShowResults;
+    private _searchResults;
+    private _searchHistory;
+    private _historyLimitedContent;
+    private _historyContext;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    private _setupContext;
+    private _getSearchPhrase;
+    private _setupListeners;
+    private _hideSuggesterOnClickOutside;
+    private _updateSearchPhrase;
+    private _submitSearchPhrase;
+    private _displaySuggester;
+    private _displayHistorySuggestions;
+    private _displayResults;
+    private _hideHistorySuggestionsAndResults;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,189 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
+import { state } 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 { Observer } from '../../../core/classes/observer/observer.js';
+import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
+import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
+import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
+import { SEARCH_CONFIGURATION, SEARCH_CONTEXT_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from './search_constants.js';
+import { when as n } from '../../../../../../external/lit/external/lit-html/directives/when.js';
+
+let HSearch = class HSearch extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._shouldShowHistory = false;
+        this._shouldShowResults = false;
+        this._searchHistory = [];
+        this._historyLimitedContent = [];
+        this._historyContext = new BehaviorSubject({
+            showLoadMore: false
+        });
+        this._getSearchPhrase = (target) => {
+            const isSearchInput = target instanceof HTMLInputElement && target.type === 'search';
+            if (!isSearchInput) {
+                throw new Error('Search input not found. Search phrase action.');
+            }
+            return target.value;
+        };
+        this._hideSuggesterOnClickOutside = (ev) => {
+            const outsideClick = typeof ev.composedPath === 'function' && !ev.composedPath().includes(this);
+            if (outsideClick) {
+                this._hideHistorySuggestionsAndResults();
+            }
+        };
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this._setupContext();
+        try {
+            this._searchContextConsumer = new ContextConsumerController(this);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
+            this._searchContextObserver = new Observer((searchData) => {
+                this._searchResults = searchData.results;
+                this._searchHistory = searchData.history;
+                this._historyContext.notify({ showLoadMore: this._searchHistory.length > SEARCH_CONFIGURATION.historyContentLimit });
+                this._historyLimitedContent = this._searchHistory.slice(0, SEARCH_CONFIGURATION.historyContentLimit);
+                if (this._searchHistory.length === 0) {
+                    this._hideHistorySuggestionsAndResults();
+                }
+            });
+            this._searchContext$.subscribe(this._searchContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+        this._setupListeners();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._hideSuggesterOnClickOutside);
+    }
+    _setupContext() {
+        this._historyContextProvider = new ContextProviderController(this);
+        this._historyContextProvider.provide(SEARCH_CONTEXT_NAMES.historyContext, this._historyContext);
+    }
+    _setupListeners() {
+        const input = this.querySelector('input[type="search"]');
+        if (!input) {
+            throw new Error('Search input not found');
+        }
+        input.addEventListener('focusin', (ev) => {
+            const $searchInput = this._getSearchPhrase(ev.target);
+            this._displaySuggester($searchInput);
+        });
+        input.addEventListener('keyup', (ev) => {
+            const $searchInput = this._getSearchPhrase(ev.target);
+            this._displaySuggester($searchInput);
+            this._updateSearchPhrase($searchInput);
+        });
+        input.addEventListener('search', (ev) => {
+            const $searchInput = this._getSearchPhrase(ev.target);
+            if ($searchInput === '') {
+                this._displaySuggester($searchInput);
+            }
+            else {
+                this._updateSearchPhrase($searchInput);
+            }
+        });
+        this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, () => {
+            this._displaySuggester('');
+            this._updateSearchPhrase('');
+        });
+        this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.submit, () => {
+            const updatedInput = this.querySelector('input[type="search"]');
+            if (!updatedInput) {
+                throw new Error('Search input not found');
+            }
+            this._displaySuggester('');
+            this._submitSearchPhrase(updatedInput.value);
+        });
+        this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.loadMoreHistoryItems, () => {
+            const contentLength = this._searchHistory.length;
+            const limitedContentLength = this._historyLimitedContent.length;
+            if (limitedContentLength < contentLength) {
+                this._historyLimitedContent = this._searchHistory.slice(0, limitedContentLength + SEARCH_CONFIGURATION.historyContentLimit);
+            }
+            this._historyContext.notify({ showLoadMore: this._historyLimitedContent.length < contentLength });
+        });
+        document.addEventListener('click', this._hideSuggesterOnClickOutside);
+    }
+    _updateSearchPhrase(searchPhrase) {
+        this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseUpdated, {
+            detail: {
+                searchPhrase
+            },
+            bubbles: true
+        }));
+    }
+    _submitSearchPhrase(searchPhrase) {
+        this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
+            detail: {
+                searchPhrase
+            },
+            bubbles: true
+        }));
+    }
+    _displaySuggester(searchPhrase) {
+        if (searchPhrase === '' && this._searchHistory.length !== 0) {
+            this._displayHistorySuggestions();
+        }
+        if (searchPhrase === '' && this._searchHistory.length === 0) {
+            this._hideHistorySuggestionsAndResults();
+        }
+        if (searchPhrase !== '') {
+            this._displayResults();
+        }
+    }
+    _displayHistorySuggestions() {
+        this._shouldShowHistory = true;
+        this._shouldShowResults = false;
+    }
+    _displayResults() {
+        this._shouldShowHistory = false;
+        this._shouldShowResults = true;
+    }
+    _hideHistorySuggestionsAndResults() {
+        this._shouldShowHistory = false;
+        this._shouldShowResults = false;
+    }
+    render() {
+        return html `
+            ${n(this._shouldShowHistory, () => {
+            return html `<h-search-history .history="${this._historyLimitedContent}"></h-search-history>`;
+        })}
+            ${n(this._shouldShowResults, () => html `<h-search-results .results="${this._searchResults}"></h-search-results>`)}
+        `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], HSearch.prototype, "_shouldShowHistory", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], HSearch.prototype, "_shouldShowResults", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HSearch.prototype, "_searchResults", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], HSearch.prototype, "_searchHistory", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], HSearch.prototype, "_historyLimitedContent", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", BehaviorSubject)
+], HSearch.prototype, "_historyContext", void 0);
+HSearch = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.search)
+], HSearch);
+
+export { HSearch };
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,qEAA6E;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.d.ts

@@ -0,0 +1,53 @@
+export declare const SEARCH_COMPONENT_NAMES: {
+    readonly search: "h-search";
+    readonly searchInput: "h-search-input";
+    readonly clearButton: "h-search-clear-btn";
+    readonly submitButton: "h-search-submit-btn";
+    readonly searchResults: "h-search-results";
+    readonly searchHistory: "h-search-history";
+    readonly historyRemoveButton: "h-search-history-remove";
+    readonly historySelectButton: "h-search-history-select";
+    readonly historyLoadMoreButton: "h-search-history-load-more";
+    readonly searchSuggestionContent: "h-search-suggestion-content";
+    readonly searchProductContent: "h-search-product-content";
+    readonly searchProducerContent: "h-search-producer-content";
+};
+export declare const SEARCH_CUSTOM_EVENT_NAMES: {
+    readonly searchPhraseUpdated: "search.external.searchPhraseUpdated";
+    readonly searchPhraseSubmitted: "search.external.searchPhraseSubmitted";
+    readonly removeHistoryItem: "search.external.removeHistoryItem";
+    readonly onHistory: "search.removeHistoryItem";
+    readonly loadMoreHistoryItems: "search.loadMoreHistoryItems";
+    readonly clear: "search.clearSearchPhrase";
+    readonly submit: "search.submitSearchPhrase";
+};
+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";
+};
+export declare const SEARCH_CONTEXT_NAMES: {
+    readonly historyContext: "historyContext";
+};
+export declare const SEARCH_PORTAL_DESTINATIONS: {
+    readonly historyContent: "search.historyContent";
+    readonly resultsContent: "search.resultsContent";
+};
+export declare const SEARCH_SLOT_NAMES: {
+    readonly clearButton: "search.clear.button";
+};
+/**
+ * TODO: Should be moved the config object injected to component
+ */
+export declare const SEARCH_CONFIGURATION: {
+    readonly historyContentLimit: 3;
+};

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

@@ -0,0 +1,56 @@
+const SEARCH_COMPONENT_NAMES = {
+    search: 'h-search',
+    searchInput: 'h-search-input',
+    clearButton: 'h-search-clear-btn',
+    submitButton: 'h-search-submit-btn',
+    searchResults: 'h-search-results',
+    searchHistory: 'h-search-history',
+    historyRemoveButton: 'h-search-history-remove',
+    historySelectButton: 'h-search-history-select',
+    historyLoadMoreButton: 'h-search-history-load-more',
+    searchSuggestionContent: 'h-search-suggestion-content',
+    searchProductContent: 'h-search-product-content',
+    searchProducerContent: 'h-search-producer-content'
+};
+const SEARCH_CUSTOM_EVENT_NAMES = {
+    searchPhraseUpdated: 'search.external.searchPhraseUpdated',
+    searchPhraseSubmitted: 'search.external.searchPhraseSubmitted',
+    removeHistoryItem: 'search.external.removeHistoryItem',
+    onHistory: 'search.removeHistoryItem',
+    loadMoreHistoryItems: 'search.loadMoreHistoryItems',
+    clear: 'search.clearSearchPhrase',
+    submit: 'search.submitSearchPhrase'
+};
+const SEARCH_NATIVE_EVENT_NAMES = {
+    click: 'click'
+};
+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'
+};
+const SEARCH_CONTEXT_NAMES = {
+    historyContext: 'historyContext'
+};
+const SEARCH_PORTAL_DESTINATIONS = {
+    historyContent: 'search.historyContent',
+    resultsContent: 'search.resultsContent'
+};
+const SEARCH_SLOT_NAMES = {
+    clearButton: 'search.clear.button'
+};
+/**
+ * TODO: Should be moved the config object injected to component
+ */
+const SEARCH_CONFIGURATION = {
+    historyContentLimit: 3
+};
+
+export { 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 };
+//# sourceMappingURL=search_constants.js.map

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

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

package/build/esm/packages/phoenix/src/components/form/search/search_history.d.ts

@@ -0,0 +1,13 @@
+import { TSearchHistoryItem } from "./search_types";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { Ref } from 'lit/directives/ref.js';
+import { HSearchHistoryLoadMoreBtn } from "./history/search_history_load_more_btn";
+export declare class HSearchHistory extends PhoenixLightLitElement {
+    private _historyContextConsumer;
+    private _historyContext$;
+    private _historyContextObserver;
+    buttonRef: Ref<HSearchHistoryLoadMoreBtn>;
+    history: TSearchHistoryItem[];
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/build/esm/packages/phoenix/src/components/form/search/search_history.js

@@ -0,0 +1,69 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+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 { 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_CLASS_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_COMPONENT_NAMES } from './search_constants.js';
+import { repeat as c } from '../../../../../../external/lit/external/lit-html/directives/repeat.js';
+
+let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.buttonRef = createRef();
+        this.history = [];
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        try {
+            this._historyContextConsumer = new ContextConsumerController(this);
+            this._historyContext$ = await this._historyContextConsumer.consumeAsync('historyContext');
+            this._historyContextObserver = new Observer((searchData) => {
+                this.requestUpdate();
+                const button = this.buttonRef.value;
+                searchData.showLoadMore ? button.show() : button.hide();
+            });
+            this._historyContext$.subscribe(this._historyContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+    }
+    render() {
+        return html `<div class="${SEARCH_CLASS_NAMES.historyContainer}">
+            <h-portal to="${SEARCH_PORTAL_DESTINATIONS.historyContent}" hidden>
+                <h3 class="${SEARCH_CLASS_NAMES.historyContainerHeadline}">Historia</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)}
+                    >Load more</h-search-history-load-more
+                >
+            </h-portal>
+
+            <h-portal-target
+                name="${SEARCH_PORTAL_DESTINATIONS.historyContent}"
+                class="${SEARCH_CLASS_NAMES.historyPortalContainer}"
+                style="position: absolute; left: 0; bottom: 0"
+            ></h-portal-target>
+        </div> `;
+    }
+};
+__decorate([
+    property({ type: Array, attribute: 'history' }),
+    __metadata("design:type", Array)
+], HSearchHistory.prototype, "history", void 0);
+HSearchHistory = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchHistory)
+], HSearchHistory);
+
+export { HSearchHistory };
+//# sourceMappingURL=search_history.js.map

package/build/esm/packages/phoenix/src/components/form/search/search_history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,uEAA+E;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_input.d.ts

@@ -0,0 +1,9 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchInput extends PhoenixLightLitElement {
+    private _searchContextConsumer;
+    private _searchContext$;
+    private _searchContextObserver;
+    private _input;
+    connectedCallback(): void;
+    private _searchContextSetup;
+}

package/build/esm/packages/phoenix/src/components/form/search/search_input.js

@@ -0,0 +1,38 @@
+import { __decorate } 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 { Observer } from '../../../core/classes/observer/observer.js';
+import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
+import { SEARCH_COMPONENT_NAMES } from './search_constants.js';
+
+let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this._input = this.querySelector('input[type="search"]');
+        if (!this._input) {
+            throw new Error('Search input not found');
+        }
+        this._searchContextSetup();
+    }
+    async _searchContextSetup() {
+        try {
+            this._searchContextConsumer = new ContextConsumerController(this);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
+            this._searchContextObserver = new Observer((searchData) => {
+                if (searchData.searchPhrase === '') {
+                    this._input.value = '';
+                }
+            });
+            this._searchContext$.subscribe(this._searchContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+    }
+};
+HSearchInput = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchInput)
+], HSearchInput);
+
+export { HSearchInput };
+//# sourceMappingURL=search_input.js.map

package/build/esm/packages/phoenix/src/components/form/search/search_input.js.map

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

package/build/esm/packages/phoenix/src/components/form/search/search_results.d.ts

@@ -0,0 +1,7 @@
+import type { TSearchResults } from "./search_types";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { nothing } from 'lit';
+export declare class HSearchResults extends PhoenixLightLitElement {
+    results: TSearchResults;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}

package/build/esm/packages/phoenix/src/components/form/search/search_results.js

@@ -0,0 +1,43 @@
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { html, nothing } 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_CLASS_NAMES, SEARCH_PORTAL_DESTINATIONS, SEARCH_COMPONENT_NAMES } from './search_constants.js';
+
+let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
+    render() {
+        if (this.results)
+            return html `<div class="${SEARCH_CLASS_NAMES.resultsListContainer}">
+                <h-portal to="${SEARCH_PORTAL_DESTINATIONS.resultsContent}">
+                    <div>
+                        <h3 class="search__section-head search__section-head_sticky search__section-head_line">Results</h3>
+
+                        <h-search-suggestion-content .suggestions="${this.results.suggestions}" .categories="${this.results.categories.list}">
+                        </h-search-suggestion-content>
+
+                        <h-search-product-content .products="${this.results.products.list}"></h-search-product-content>
+
+                        <h-search-producer-content .producers="${this.results.producers.list}"></h-search-producer-content>
+                    </div>
+                </h-portal>
+
+                <h-portal-target
+                    name="${SEARCH_PORTAL_DESTINATIONS.resultsContent}"
+                    class="${SEARCH_CLASS_NAMES.resultsPortalContainer}"
+                    style="position: absolute; right: 0; bottom: 0"
+                ></h-portal-target>
+            </div> `;
+        return nothing;
+    }
+};
+__decorate([
+    property({ type: Object, attribute: 'result-data' }),
+    __metadata("design:type", Object)
+], HSearchResults.prototype, "results", void 0);
+HSearchResults = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchResults)
+], HSearchResults);
+
+export { HSearchResults };
+//# sourceMappingURL=search_results.js.map

package/build/esm/packages/phoenix/src/components/form/search/search_results.js.map

@@ -0,0 +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;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,32 @@
+export declare type TSearchType = {
+    list: [];
+};
+export declare type TSearchResults = {
+    suggestions: string[];
+    products: TSearchType;
+    producers: TSearchType;
+    categories: TSearchType;
+};
+export declare type TSearchHistoryItem = {
+    id: number;
+    label: string;
+};
+export declare type TSearchData = {
+    results: TSearchResults;
+    history: TSearchHistoryItem[];
+    searchPhrase: string;
+};
+export declare type TSearchPhaseEventBody = {
+    searchPhrase: string;
+};
+export declare type SearchPhraseEvent = Event & {
+    detail: TSearchPhaseEventBody;
+};
+export declare type RemoveHistoryItemEvent = Event & {
+    detail: {
+        id: number;
+    };
+};
+export declare type TSearchHistoryContext = {
+    showLoadMore: boolean;
+};

package/build/esm/packages/phoenix/src/components/form/search/search_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=search_types.js.map

package/build/esm/packages/phoenix/src/components/form/search/search_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/search/search_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/components/form/search/storefront_search_mock.d.ts

@@ -0,0 +1,8 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HStorefrontSearchMock extends PhoenixLightLitElement {
+    private _searchContextProvider;
+    private _searchState;
+    connectedCallback(): Promise<void>;
+    private _serverMock;
+    private _setupListeners;
+}