@shoper/phoenix_design_system 1.4.3 → 1.5.1-0

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

@@ -46,13 +46,20 @@ let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitE
         this._getSelectedColors();
     }
     _getSelectedColors() {
-        this.selectedColors = this._getSelectedColorItems().map((selectedColor) => { var _a; return (_a = selectedColor.value) !== null && _a !== void 0 ? _a : selectedColor.color; });
+        this.selectedColors = this._getSelectedColorItems().map(($selectedColor) => {
+            const colorValue = $selectedColor.hasAttribute('value')
+                ? $selectedColor.getAttribute('value')
+                : $selectedColor.getAttribute('color');
+            if (!colorValue)
+                throw new Error('color item does not hava any value');
+            return colorValue;
+        });
     }
     _getAllColorItems() {
         return [...this.querySelectorAll('h-color-item[selected]')];
     }
     _getSelectedColorItems() {
-        return this._getAllColorItems().filter(($color) => $color.selected);
+        return this._getAllColorItems().filter(($color) => $color.hasAttribute('selected'));
     }
     _setupEvents() {
         this.addEventListener(COLOR_SWATCHES_EVENT_NAMES.change, (event) => {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/file_picker/file/file.d.ts

@@ -5,7 +5,12 @@ export declare class HFile extends PhoenixLightLitElement {
     id: string;
     removeButtonText: string;
     removeButtonIconName: string;
+    maxFileNameLength: number;
+    private _fileNameWithoutExtension;
+    private _fileExtensionWithDot;
     connectedCallback(): void;
     protected render(): TemplateResult;
     private _handleClick;
+    private _separateNameFromExtension;
+    private _trimNameLength;
 }

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js

@@ -3,30 +3,26 @@ 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 { ICON_CSS_CLASSES } from '../../../icon/icon_constants.js';
-import { FILE_ITEM_EVENT_NAMES, FILE_ITEM_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES } from '../file_picker_constants.js';
+import { FILE_ITEM_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES, FILE_ITEM_EVENT_NAMES } from '../file_picker_constants.js';
 
 let HFile = class HFile extends PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this._handleClick = () => {
-            const removeItemEvent = new CustomEvent(FILE_ITEM_EVENT_NAMES.removed, {
-                bubbles: true,
-                detail: {
-                    fileId: this.id
-                }
-            });
-            this.dispatchEvent(removeItemEvent);
-        };
+        this.maxFileNameLength = 12;
     }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('aria-label', this.name);
         this.classList.add(FILE_ITEM_CSS_CLASSES.file);
+        this._separateNameFromExtension(this.name);
     }
     render() {
         return html `
-            <span class="${FILE_ITEM_CSS_CLASSES.fileName}">${this.name}</span>
+            <span class="${FILE_ITEM_CSS_CLASSES.fileName}"
+                >${this._fileNameWithoutExtension.length > this.maxFileNameLength
+            ? this._trimNameLength(this._fileNameWithoutExtension)
+            : this.name}</span
+            >
             <button
                 class="${FILE_ITEM_CSS_CLASSES.fileRemoveButton}"
                 @click="${this._handleClick}"
@@ -34,15 +30,31 @@ let HFile = class HFile extends PhoenixLightLitElement {
                 type="button"
             >
                 ${this.removeButtonIconName
-            ? html `<h-icon
-                          class="${ICON_CSS_CLASSES.icon} ${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
-                          icon-name=${this.removeButtonIconName}
-                      />`
+            ? html `<h-icon class="${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}" icon-name=${this.removeButtonIconName} />`
             : nothing}
                 ${this.removeButtonText}
             </button>
         `;
     }
+    _handleClick() {
+        const removeItemEvent = new CustomEvent(FILE_ITEM_EVENT_NAMES.removed, {
+            bubbles: true,
+            detail: {
+                fileId: this.id
+            }
+        });
+        this.dispatchEvent(removeItemEvent);
+    }
+    _separateNameFromExtension(name) {
+        const extensionDotPosition = name.lastIndexOf('.');
+        this._fileExtensionWithDot = name.substring(extensionDotPosition, name.length);
+        this._fileNameWithoutExtension = name.slice(0, extensionDotPosition);
+    }
+    _trimNameLength(nameToTrim) {
+        const trimedNameStart = nameToTrim.slice(0, 11);
+        const trimedNameEnd = nameToTrim.slice(-3);
+        return `${trimedNameStart}...${trimedNameEnd}${this._fileExtensionWithDot}`;
+    }
 };
 __decorate([
     property({ type: String }),
@@ -60,6 +72,10 @@ __decorate([
     property({ type: String, attribute: 'remove-button-icon-name' }),
     __metadata("design:type", String)
 ], HFile.prototype, "removeButtonIconName", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-file-name-length' }),
+    __metadata("design:type", Number)
+], HFile.prototype, "maxFileNameLength", void 0);
 HFile = __decorate([
     phoenixCustomElement('h-file')
 ], HFile);

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/buttons/search_clear_btn.d.ts

@@ -0,0 +1,14 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HSearchClearBtn extends PhoenixLightLitElement {
+    private _btnController;
+    private _shouldShow;
+    private _searchContextConsumer;
+    private _searchContext$;
+    private _searchContextObserver;
+    constructor();
+    connectedCallback(): void;
+    private _dispatchClearEvent;
+    private _searchContextSetup;
+    protected render(): TemplateResult;
+}

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

@@ -0,0 +1,54 @@
+import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
+import { html, nothing } 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 { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
+import { Observer } from '../../../../core/classes/observer/observer.js';
+import { ContextConsumerController } from '../../../../core/context/context_consumer_controller.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_SLOT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+
+let HSearchClearBtn = class HSearchClearBtn extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._shouldShow = false;
+        this._dispatchClearEvent = (ev) => {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
+                bubbles: true
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchClearEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._searchContextSetup();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchClearEvent);
+    }
+    async _searchContextSetup() {
+        try {
+            this._searchContextConsumer = new ContextConsumerController(this);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
+            this._searchContextObserver = new Observer((searchData) => {
+                this._shouldShow = searchData.searchPhrase.length !== 0;
+            });
+            this._searchContext$.subscribe(this._searchContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+    }
+    render() {
+        return html ` ${this._shouldShow ? this.getSlot(SEARCH_SLOT_NAMES.clearButton) : nothing} `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], HSearchClearBtn.prototype, "_shouldShow", void 0);
+HSearchClearBtn = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.clearButton),
+    __metadata("design:paramtypes", [])
+], HSearchClearBtn);
+
+export { HSearchClearBtn };
+//# sourceMappingURL=search_clear_btn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/buttons/search_submit_btn.d.ts

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

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

@@ -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_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+
+let HSearchSubmitBtn = class HSearchSubmitBtn extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchSubmitEvent = (ev) => {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
+                bubbles: true
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchSubmitEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchSubmitEvent);
+    }
+};
+HSearchSubmitBtn = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.submitButton),
+    __metadata("design:paramtypes", [])
+], HSearchSubmitBtn);
+
+export { HSearchSubmitBtn };
+//# sourceMappingURL=search_submit_btn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;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/history/search_history_load_more_btn.d.ts

@@ -0,0 +1,10 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchHistoryLoadMoreBtn extends PhoenixLightLitElement {
+    private _btnController;
+    private _visibilityController;
+    constructor();
+    hide(): void;
+    show(): void;
+    connectedCallback(): void;
+    private _dispatchHistoryLoadMoreEvent;
+}

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

@@ -0,0 +1,36 @@
+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 { VisibilityController } from '../../../../controllers/visibility_controller/visibility_controller.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+
+let HSearchHistoryLoadMoreBtn = class HSearchHistoryLoadMoreBtn extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchHistoryLoadMoreEvent = (ev) => {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.loadMoreHistoryItems, {
+                bubbles: true
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchHistoryLoadMoreEvent);
+        this._visibilityController = new VisibilityController(this);
+    }
+    hide() {
+        this._visibilityController.hide();
+    }
+    show() {
+        this._visibilityController.show();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistoryLoadMoreEvent);
+    }
+};
+HSearchHistoryLoadMoreBtn = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.historyLoadMoreButton),
+    __metadata("design:paramtypes", [])
+], HSearchHistoryLoadMoreBtn);
+
+export { HSearchHistoryLoadMoreBtn };
+//# sourceMappingURL=search_history_load_more_btn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/history/search_history_remove_btn.d.ts

@@ -0,0 +1,8 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchHistoryRemoveBtn extends PhoenixLightLitElement {
+    private _btnController;
+    historyItemId: string;
+    constructor();
+    connectedCallback(): void;
+    private _dispatchHistoryRemoveEvent;
+}

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

@@ -0,0 +1,36 @@
+import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
+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 { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+
+let HSearchHistoryRemoveBtn = class HSearchHistoryRemoveBtn extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchHistoryRemoveEvent = (ev) => {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.removeHistoryItem, {
+                bubbles: true,
+                detail: {
+                    id: this.historyItemId
+                }
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchHistoryRemoveEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistoryRemoveEvent);
+    }
+};
+__decorate([
+    property({ type: Number, attribute: 'item-id' }),
+    __metadata("design:type", String)
+], HSearchHistoryRemoveBtn.prototype, "historyItemId", void 0);
+HSearchHistoryRemoveBtn = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.historyRemoveButton),
+    __metadata("design:paramtypes", [])
+], HSearchHistoryRemoveBtn);
+
+export { HSearchHistoryRemoveBtn };
+//# sourceMappingURL=search_history_remove_btn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/history/search_history_select_btn.d.ts

@@ -0,0 +1,8 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchHistorySelectBtn extends PhoenixLightLitElement {
+    private _btnController;
+    historyLabel: string;
+    constructor();
+    connectedCallback(): void;
+    private _dispatchHistorySelectEvent;
+}

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

@@ -0,0 +1,36 @@
+import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
+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 { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
+import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_NATIVE_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+
+let HSearchHistorySelectBtn = class HSearchHistorySelectBtn extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchHistorySelectEvent = () => {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
+                bubbles: true,
+                detail: {
+                    searchPhrase: this.historyLabel
+                }
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchHistorySelectEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(SEARCH_NATIVE_EVENT_NAMES.click, this._dispatchHistorySelectEvent);
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'item-label' }),
+    __metadata("design:type", String)
+], HSearchHistorySelectBtn.prototype, "historyLabel", void 0);
+HSearchHistorySelectBtn = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.historySelectButton),
+    __metadata("design:paramtypes", [])
+], HSearchHistorySelectBtn);
+
+export { HSearchHistorySelectBtn };
+//# sourceMappingURL=search_history_select_btn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/results/search_producer_content.d.ts

@@ -0,0 +1,6 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchProducerContent extends PhoenixLightLitElement {
+    producers: Record<any, any>[];
+    producerListHtml: () => import("lit-html").TemplateResult<1>;
+    render(): symbol | import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,47 @@
+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_COMPONENT_NAMES } from '../search_constants.js';
+import { when as n } from '../../../../../../../external/lit/external/lit-html/directives/when.js';
+import { repeat as c } from '../../../../../../../external/lit/external/lit-html/directives/repeat.js';
+
+let HSearchProducerContent = class HSearchProducerContent extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.producerListHtml = () => {
+            return html `<div class="search__section">
+            <h3 class="search__section-head search__section-head_sticky search__section-head_line">Producenci</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>e
+                                    </h5>
+                                </div>
+                                <div class="search__result-note"></div></div
+                        ></a>
+                    </li>`)}
+            </ul>
+        </div>`;
+        };
+    }
+    render() {
+        return n(this.producers && this.producers.length !== 0, this.producerListHtml, () => nothing);
+    }
+};
+__decorate([
+    property({ type: Object, reflect: true }),
+    __metadata("design:type", Array)
+], HSearchProducerContent.prototype, "producers", void 0);
+HSearchProducerContent = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProducerContent)
+], HSearchProducerContent);
+
+export { HSearchProducerContent };
+//# sourceMappingURL=search_producer_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA,0BAA0B,wEAAgF;AAC1G,4BAA4B,0EAAkF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/results/search_product_content.d.ts

@@ -0,0 +1,7 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchProductContent extends PhoenixLightLitElement {
+    products: Record<any, any>[];
+    handleGoToProductsFor(ev: Event): void;
+    getProductListHtml: () => import("lit-html").TemplateResult<1>;
+    render(): symbol | import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,64 @@
+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_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+import { when as n } from '../../../../../../../external/lit/external/lit-html/directives/when.js';
+import { repeat as c } from '../../../../../../../external/lit/external/lit-html/directives/repeat.js';
+
+let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.getProductListHtml = () => {
+            return html `<div class="search__section">
+            <h3 class="search__section-head search__section-head_sticky search__section-head_line">Wyniki dla: teraz</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>
+
+            <div class="search__section-footer">
+                <button @click="${this.handleGoToProductsFor}" class="search__section-btn-load-more" type="button">
+                    Przejdź do produktów dla: teraz
+                </button>
+            </div>
+        </div>`;
+        };
+    }
+    handleGoToProductsFor(ev) {
+        this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
+            bubbles: true,
+            detail: {
+                searchPhrase: ev.target.textContent
+            }
+        }));
+    }
+    render() {
+        return n(this.products && this.products.length !== 0, this.getProductListHtml, () => nothing);
+    }
+};
+__decorate([
+    property({ type: Object, reflect: true }),
+    __metadata("design:type", Array)
+], HSearchProductContent.prototype, "products", void 0);
+HSearchProductContent = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchProductContent)
+], HSearchProductContent);
+
+export { HSearchProductContent };
+//# sourceMappingURL=search_product_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA,0BAA0B,wEAAgF;AAC1G,4BAA4B,0EAAkF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/results/search_suggestion_content.d.ts

@@ -0,0 +1,9 @@
+import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchSuggestionContent extends PhoenixLightLitElement {
+    suggestions: string[];
+    categories: Record<any, any>[];
+    handleSuggestion(ev: Event): void;
+    getSuggestionListHtml: () => import("lit-html").TemplateResult<1>;
+    private shouldShowSuggestionContent;
+    render(): symbol | import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,64 @@
+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_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../search_constants.js';
+import { when as n } from '../../../../../../../external/lit/external/lit-html/directives/when.js';
+import { repeat as c } from '../../../../../../../external/lit/external/lit-html/directives/repeat.js';
+
+let HSearchSuggestionContent = class HSearchSuggestionContent extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.suggestions = [];
+        this.getSuggestionListHtml = () => {
+            return html `<div class="search__section  none">
+            <h3 class="search__section-head search__section-head_sticky search__section-head_line">Sugestie</h3>
+            <ul class="search__list">
+                ${n(this.suggestions, () => html `${c(this.suggestions, (suggestion) => html `<li @click=${this.handleSuggestion} class="search__list-item">
+                                    <span>${suggestion}</span>
+                                    <span role="button" aria-label="copy suggestion" class="search__icon_main-color icon icon-arrow-skew"
+                                        >LOOK</span
+                                    >
+                                </li>`)}`, () => nothing)}
+                ${n(this.categories, () => html `${c(this.categories, (category) => html `<li class="search__list-item search__result_bold">
+                                    <a class="search__result-link" href="${category.url}"
+                                        ><span class="search__result_bold"><span class="search__result_match">${category.name}</span></span>
+                                        <span class="search__result-category-title">kategoria</span></a
+                                    >
+                                </li>`)}`, () => nothing)}
+            </ul>
+        </div>`;
+        };
+        this.shouldShowSuggestionContent = () => (this.suggestions && this.suggestions.length !== 0) || (this.categories && this.categories.length !== 0);
+    }
+    handleSuggestion(ev) {
+        const element = ev.target;
+        const listElement = element.closest('li');
+        if (listElement) {
+            this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseUpdated, {
+                bubbles: true,
+                detail: {
+                    searchPhrase: listElement.dataset.suggestedValue
+                }
+            }));
+        }
+    }
+    render() {
+        return n(this.shouldShowSuggestionContent(), this.getSuggestionListHtml, () => nothing);
+    }
+};
+__decorate([
+    property({ type: Object, reflect: true }),
+    __metadata("design:type", Array)
+], HSearchSuggestionContent.prototype, "suggestions", void 0);
+__decorate([
+    property({ type: Object, reflect: true }),
+    __metadata("design:type", Array)
+], HSearchSuggestionContent.prototype, "categories", void 0);
+HSearchSuggestionContent = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchSuggestionContent)
+], HSearchSuggestionContent);
+
+export { HSearchSuggestionContent };
+//# sourceMappingURL=search_suggestion_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA,0BAA0B,wEAAgF;AAC1G,4BAA4B,0EAAkF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}