@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,139 +1,138 @@
-import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { property, 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 debounce_1 from '../../../../../../../../external/lodash/debounce.js';
-import { SEARCH_CLASS_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
-
-let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._isSearchPhraseCleared = false;
-        this._setupAttributes = () => {
-            var _a, _b, _c, _d;
-            (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('role', 'combobox');
-            (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'none');
-            (_c = this.input) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-haspopup', 'grid');
-            (_d = this.input) === null || _d === void 0 ? void 0 : _d.setAttribute('aria-activedescendant', '');
-            requestAnimationFrame(() => {
-                var _a, _b;
-                const $searchContentContainer = (_a = this.closest('h-search')) === null || _a === void 0 ? void 0 : _a.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
-                (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-controls', ($searchContentContainer === null || $searchContentContainer === void 0 ? void 0 : $searchContentContainer.id) || '');
-            });
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.input = this.querySelector('input[type="search"]');
-        if (!this.input) {
-            throw new Error('Search input not found');
-        }
-        this._setupInitialValue();
-        this._setupListeners();
-        this._setupAttributes();
-    }
-    _setupInitialValue() {
-        const searchQueryRegExp = /\/searchquery\/([^/]{1,})/;
-        const searchPhraseRegArray = searchQueryRegExp.exec(window.location.pathname);
-        if (!searchPhraseRegArray)
-            return;
-        const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
-        this.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
-    }
-    _deserializeInputPhrase(value) {
-        if (value.indexOf('%2f') !== -1) {
-            value = value.replace(/%2f/g, '/');
-        }
-        if (value.indexOf('%2523') !== -1) {
-            value = value.replace(/%2523/g, '#');
-        }
-        if (value.indexOf('%252f') !== -1) {
-            value = value.replace(/%252f/g, '/');
-        }
-        if (value.indexOf('%23') !== -1) {
-            value = value.replace(/%23/g, '#');
-        }
-        return value;
-    }
-    _setupListeners() {
-        this.input.addEventListener('focusin', (ev) => {
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusin, {
-                detail: {
-                    searchPhrase: ev.target.value,
-                    relatedTarget: ev.relatedTarget
-                }
-            });
-        });
-        this.input.addEventListener('keyup', (ev) => {
-            if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
-                return;
-            if (ev.key !== 'Enter') {
-                this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
-                    detail: {
-                        searchPhrase: ev.target.value
-                    }
-                });
-                return;
-            }
-            if (this._isSearchPhraseCleared) {
-                this._isSearchPhraseCleared = false;
-                return;
-            }
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
-                detail: {
-                    searchPhrase: ev.target.value
-                }
-            });
-        });
-        this.input.addEventListener('keyup', debounce_1((ev) => {
-            if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
-                return;
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
-                detail: {
-                    searchPhrase: ev.target.value
-                }
-            });
-        }, 200));
-        this.input.addEventListener('search', (ev) => {
-            if (this.input.value !== '') {
-                return;
-            }
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.search, {
-                detail: {
-                    searchPhrase: ev.target.value
-                }
-            });
-        });
-        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
-            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
-                return;
-            this._isSearchPhraseCleared = true;
-            this.input.value = '';
-            this.input.focus();
-        });
-        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
-            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
-                return;
-            this.input.value = ev.detail.searchPhrase;
-            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
-                detail: {
-                    searchPhrase: ev.detail.searchPhrase
-                }
-            });
-        });
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'module-instance-id' }),
-    __metadata("design:type", String)
-], HSearchInput.prototype, "moduleInstanceId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], HSearchInput.prototype, "_isSearchPhraseCleared", void 0);
-HSearchInput = __decorate([
-    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchInput)
+import { __decorate, __metadata } from "tslib";
+import { state, property } from 'lit/decorators';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { debounce } from 'lodash';
+import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from '@phoenixRoot/components/form/search/search_constants';
+import '../../search_types';
+let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._isSearchPhraseCleared = false;
+        this._setupAttributes = () => {
+            var _a, _b, _c, _d;
+            (_a = this.input) === null || _a === void 0 ? void 0 : _a.setAttribute('role', 'combobox');
+            (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-autocomplete', 'none');
+            (_c = this.input) === null || _c === void 0 ? void 0 : _c.setAttribute('aria-haspopup', 'grid');
+            (_d = this.input) === null || _d === void 0 ? void 0 : _d.setAttribute('aria-activedescendant', '');
+            requestAnimationFrame(() => {
+                var _a, _b;
+                const $searchContentContainer = (_a = this.closest('h-search')) === null || _a === void 0 ? void 0 : _a.querySelector(`.${SEARCH_CLASS_NAMES.container}`);
+                (_b = this.input) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-controls', ($searchContentContainer === null || $searchContentContainer === void 0 ? void 0 : $searchContentContainer.id) || '');
+            });
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.input = this.querySelector('input[type="search"]');
+        if (!this.input) {
+            throw new Error('Search input not found');
+        }
+        this._setupInitialValue();
+        this._setupListeners();
+        this._setupAttributes();
+    }
+    _setupInitialValue() {
+        const searchQueryRegExp = /\/searchquery\/([^/]{1,})/;
+        const searchPhraseRegArray = searchQueryRegExp.exec(window.location.pathname);
+        if (!searchPhraseRegArray)
+            return;
+        const searchQuery = searchPhraseRegArray[1].replace(/\+/g, ' ');
+        this.input.value = decodeURIComponent(this._deserializeInputPhrase(searchQuery));
+    }
+    _deserializeInputPhrase(value) {
+        if (value.indexOf('%2f') !== -1) {
+            value = value.replace(/%2f/g, '/');
+        }
+        if (value.indexOf('%2523') !== -1) {
+            value = value.replace(/%2523/g, '#');
+        }
+        if (value.indexOf('%252f') !== -1) {
+            value = value.replace(/%252f/g, '/');
+        }
+        if (value.indexOf('%23') !== -1) {
+            value = value.replace(/%23/g, '#');
+        }
+        return value;
+    }
+    _setupListeners() {
+        this.input.addEventListener('focusin', (ev) => {
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.focusin, {
+                detail: {
+                    searchPhrase: ev.target.value,
+                    relatedTarget: ev.relatedTarget
+                }
+            });
+        });
+        this.input.addEventListener('keyup', (ev) => {
+            if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
+                return;
+            if (ev.key !== 'Enter') {
+                this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
+                    detail: {
+                        searchPhrase: ev.target.value
+                    }
+                });
+                return;
+            }
+            if (this._isSearchPhraseCleared) {
+                this._isSearchPhraseCleared = false;
+                return;
+            }
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.submit, {
+                detail: {
+                    searchPhrase: ev.target.value
+                }
+            });
+        });
+        this.input.addEventListener('keyup', debounce((ev) => {
+            if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape' || ev.key === 'Enter')
+                return;
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
+                detail: {
+                    searchPhrase: ev.target.value
+                }
+            });
+        }, 200));
+        this.input.addEventListener('search', (ev) => {
+            if (this.input.value !== '') {
+                return;
+            }
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.search, {
+                detail: {
+                    searchPhrase: ev.target.value
+                }
+            });
+        });
+        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.clear, (ev) => {
+            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
+                return;
+            this._isSearchPhraseCleared = true;
+            this.input.value = '';
+            this.input.focus();
+        });
+        document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.updateSearchPhrase, (ev) => {
+            if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
+                return;
+            this.input.value = ev.detail.searchPhrase;
+            this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
+                detail: {
+                    searchPhrase: ev.detail.searchPhrase
+                }
+            });
+        });
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchInput.prototype, "moduleInstanceId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], HSearchInput.prototype, "_isSearchPhraseCleared", void 0);
+HSearchInput = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchInput)
 ], HSearchInput);
-
 export { HSearchInput };
-//# sourceMappingURL=search_input.js.map
+//# sourceMappingURL=search_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"search_input.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/search/subcomponents/input/search_input.ts"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,17 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import type { TSearchHistoryItem, TSearchResults } from "../../search_types";
-export declare class HSearchMessage extends PhoenixLightLitElement {
-    searchPhrase: string;
-    results: TSearchResults;
-    history: TSearchHistoryItem[];
-    translations: Record<string, string>;
-    moduleInstanceId: string;
-    private _searchButtonId;
-    private _createEmptyResults;
-    private _isNoResultsForSearchPhrase;
-    private _hasHistoryAndEmptyPhrase;
-    private _hasNoHistoryAndEmptyPhrase;
-    handleGoToResults(): void;
-    protected render(): TemplateResult;
-}
+import { TemplateResult } from 'lit';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import type { TSearchHistoryItem, TSearchResults } from '@phoenixRoot/components/form/search/search_types';
+export declare class HSearchMessage extends PhoenixLightLitElement {
+    searchPhrase: string;
+    results: TSearchResults;
+    history: TSearchHistoryItem[];
+    translations: Record<string, string>;
+    moduleInstanceId: string;
+    private _searchButtonId;
+    private _createEmptyResults;
+    private _isNoResultsForSearchPhrase;
+    private _hasHistoryAndEmptyPhrase;
+    private _hasNoHistoryAndEmptyPhrase;
+    handleGoToResults(): void;
+    protected render(): TemplateResult;
+}

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

@@ -1,51 +1,50 @@
-import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
 import { html } from 'lit';
+import { when } from 'lit/directives/when.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 v4 from '../../../../../../../../external/uuid/dist/esm-browser/v4.js';
-import { when as n } from '../../../../../../../../external/lit-html/directives/when.js';
-import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
-import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
-
-let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.searchPhrase = '';
-        this.history = [];
-        this.translations = {};
-        this._searchButtonId = v4();
-    }
-    _createEmptyResults() {
-        return {
-            suggestions: [],
-            products: [],
-            producers: [],
-            categories: [],
-            productsPagesCount: 0,
-            isRequestPending: false
-        };
-    }
-    _isNoResultsForSearchPhrase() {
-        return this.searchPhrase && isEqual_1(this.results, this._createEmptyResults());
-    }
-    _hasHistoryAndEmptyPhrase() {
-        return this.searchPhrase === '' && this.history.length > 0;
-    }
-    _hasNoHistoryAndEmptyPhrase() {
-        return this.searchPhrase === '' && this.history.length === 0;
-    }
-    handleGoToResults() {
-        this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
-            detail: {
-                searchPhrase: this.searchPhrase,
-                moduleInstanceId: this.moduleInstanceId
-            }
-        });
-    }
-    render() {
+import { isEqual } from 'lodash';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CUSTOM_EVENT_NAMES } from '@phoenixRoot/components/form/search/search_constants';
+import { v4 as uuidv4 } from 'uuid';
+let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.searchPhrase = '';
+        this.history = [];
+        this.translations = {};
+        this._searchButtonId = uuidv4();
+    }
+    _createEmptyResults() {
+        return {
+            suggestions: [],
+            products: [],
+            producers: [],
+            categories: [],
+            productsPagesCount: 0,
+            isRequestPending: false
+        };
+    }
+    _isNoResultsForSearchPhrase() {
+        return this.searchPhrase && isEqual(this.results, this._createEmptyResults());
+    }
+    _hasHistoryAndEmptyPhrase() {
+        return this.searchPhrase === '' && this.history.length > 0;
+    }
+    _hasNoHistoryAndEmptyPhrase() {
+        return this.searchPhrase === '' && this.history.length === 0;
+    }
+    handleGoToResults() {
+        this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
+            detail: {
+                searchPhrase: this.searchPhrase,
+                moduleInstanceId: this.moduleInstanceId
+            }
+        });
+    }
+    render() {
         return html `
-            ${n(this._isNoResultsForSearchPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.messageNoResults}">
+            ${when(this._isNoResultsForSearchPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.messageNoResults}">
                         ${this.searchPhrase} -
                         <button
                             class="${SEARCH_CLASS_NAMES.messageText}"
@@ -55,36 +54,35 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
                         >
                             ${this.translations.searchInStore}
                         </button>
-                    </p>`, () => html `${n(this._hasHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message} ${SEARCH_CLASS_NAMES.messageWithHistory}">
+                    </p>`, () => html `${when(this._hasHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message} ${SEARCH_CLASS_NAMES.messageWithHistory}">
                                 ${this.translations.enterSearchPraseOrChooseFromHistory}
                             </p>`)}
-                    ${n(this._hasNoHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message}">${this.translations.enterSearchPrase}</p>`)} `)}
-        `;
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'search-phrase' }),
-    __metadata("design:type", Object)
-], HSearchMessage.prototype, "searchPhrase", void 0);
-__decorate([
-    property({ type: Object, attribute: 'result-data' }),
-    __metadata("design:type", Object)
-], HSearchMessage.prototype, "results", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], HSearchMessage.prototype, "history", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], HSearchMessage.prototype, "translations", void 0);
-__decorate([
-    property({ type: String, attribute: 'module-instance-id' }),
-    __metadata("design:type", String)
-], HSearchMessage.prototype, "moduleInstanceId", void 0);
-HSearchMessage = __decorate([
-    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchMessage)
+                    ${when(this._hasNoHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message}">${this.translations.enterSearchPrase}</p>`)} `)}
+        `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'search-phrase' }),
+    __metadata("design:type", Object)
+], HSearchMessage.prototype, "searchPhrase", void 0);
+__decorate([
+    property({ type: Object, attribute: 'result-data' }),
+    __metadata("design:type", Object)
+], HSearchMessage.prototype, "results", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], HSearchMessage.prototype, "history", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], HSearchMessage.prototype, "translations", void 0);
+__decorate([
+    property({ type: String, attribute: 'module-instance-id' }),
+    __metadata("design:type", String)
+], HSearchMessage.prototype, "moduleInstanceId", void 0);
+HSearchMessage = __decorate([
+    phoenixCustomElement(SEARCH_COMPONENT_NAMES.searchMessage)
 ], HSearchMessage);
-
 export { HSearchMessage };
-//# sourceMappingURL=search_message.js.map
+//# sourceMappingURL=search_message.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"search_message.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/search/subcomponents/message/search_message.ts"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TProducer } from "../../search_types";
-export declare class HSearchProducerContent extends PhoenixLightLitElement {
-    producers: TProducer[];
-    activeItemId: string;
-    searchId: string;
-    initialItemIds: Record<string, number>;
-    translations: Record<string, string>;
-    searchPhrase: string;
-    producerAriaLabel?: string;
-    private _getMatchedPhrase;
-    protected render(): TemplateResult;
-}
+import { TemplateResult } from 'lit';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { TProducer } from '@phoenixRoot/components/form/search/search_types';
+export declare class HSearchProducerContent extends PhoenixLightLitElement {
+    producers: TProducer[];
+    activeItemId: string;
+    searchId: string;
+    initialItemIds: Record<string, number>;
+    translations: Record<string, string>;
+    searchPhrase: string;
+    producerAriaLabel?: string;
+    private _getMatchedPhrase;
+    protected render(): TemplateResult;
+}