@coveo/atomic 3.33.8-pre.1453f4a29f → 3.33.8-pre.166c023bc3

package/dist/atomic/components/components/search/atomic-search-interface/atomic-search-interface.js

@@ -1,496 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { buildSearchEngine, buildSearchStatus, buildUrlManager, EcommerceDefaultFieldsToInclude, VERSION as HEADLESS_VERSION, loadFieldActions, loadQueryActions, loadSearchConfigurationActions, } from '@coveo/headless';
-import { provide } from '@lit/context';
-import i18next from 'i18next';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import { InterfaceController, } from "../../common/interface/interface-controller";
-import { MobileBreakpointController } from "../../common/layout/mobile-breakpoint-controller";
-import { bindingsContext } from "../../context/bindings-context";
-import { errorSelector, firstSearchExecutedSelector, noResultsSelector, } from "../atomic-search-layout/search-layout";
-import { booleanConverter } from "../../../converters/boolean-converter";
-import { errorGuard } from "../../../decorators/error-guard";
-import { watch } from "../../../decorators/watch";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { ChildrenUpdateCompleteMixin } from "../../../mixins/children-update-complete-mixin";
-import { markParentAsReady } from "../../../utils/init-queue";
-import { SafeStorage, StorageItems, } from "../../../utils/local-storage-utils";
-import "../atomic-relevance-inspector/atomic-relevance-inspector";
-import { getAnalyticsConfig } from './analytics-config';
-import { createSearchStore } from './store';
-import "../../common/atomic-modal/atomic-modal";
-const FirstSearchExecutedFlag = 'firstSearchExecuted';
-/**
- * The `atomic-search-interface` component is the parent to all other atomic components in a search page. It handles the headless search engine and localization configurations.
- *
- * @slot default - The default slot where you can add child components to the interface.
- */
-let AtomicSearchInterface = class AtomicSearchInterface extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super();
-        this.bindings = {};
-        this.relevanceInspectorIsOpen = false;
-        this.unsubscribeUrlManager = () => { };
-        this.unsubscribeSearchStatus = () => { };
-        this.initialized = false;
-        this.interfaceController = new InterfaceController(this, 'CoveoAtomic', HEADLESS_VERSION);
-        /**
-         * A list of non-default fields to include in the query results.
-         *
-         * Specify the property as an array using a JSON string representation:
-         * ```html
-         * <atomic-search-interface fields-to-include='["fieldA", "fieldB"]'></atomic-search-interface>
-         * ```
-         */
-        this.fieldsToInclude = [];
-        // TODO - KIT-4994: Add disableAnalytics property that defaults to false.
-        // TODO - KIT-4994: Deprecate in favor of disableAnalytics property.
-        // TODO - (v4) KIT-4990: Remove.
-        /**
-         * Whether analytics should be enabled.
-         */
-        this.analytics = true;
-        /**
-         * The search interface language.
-         */
-        this.language = 'en';
-        // TODO - (v4) KIT-4823: Remove.
-        /**
-         * Whether the state should be reflected in the URL parameters.
-         * @deprecated - replaced by `disable-state-reflection-in-url` (this defaults to `true`, while the replacement defaults to `false`).
-         */
-        this.reflectStateInUrl = true;
-        /**
-         * Whether to disable state reflection in the URL parameters.
-         */
-        this.disableStateReflectionInUrl = false;
-        /**
-         * The CSS selector for the container where the interface will scroll back to.
-         */
-        this.scrollContainer = 'atomic-search-interface';
-        /**
-         * The language assets path. By default, this will be a relative URL pointing to `./lang`.
-         *
-         * Example: "/mypublicpath/languages"
-         *
-         */
-        this.languageAssetsPath = './lang';
-        /**
-         * The icon assets path. By default, this will be a relative URL pointing to `./assets`.
-         *
-         * Example: "/mypublicpath/icons"
-         *
-         */
-        this.iconAssetsPath = './assets';
-        // TODO - (v4) KIT-5004: Remove.
-        /**
-         * Whether the relevance inspector shortcut should be enabled for this interface.
-         *
-         * The relevance inspector can be opened by holding the Alt key (Option on Mac) while over the interface, and performing a double click.
-         *
-         * The relevance inspector allows to troubleshoot and debug queries.
-         * @deprecated - replaced by `disable-relevance-inspector` (this defaults to `true`, while the replacement defaults to `false`).
-         */
-        this.enableRelevanceInspector = true;
-        /**
-         * Whether to disable the relevance inspector shortcut for this interface.
-         */
-        this.disableRelevanceInspector = false;
-        this.handleInitialization = (event) => {
-            this.interfaceController.onComponentInitializing(event);
-        };
-        this.handleRelevanceInspectorDoubleClick = (e) => {
-            if (e.altKey) {
-                this.relevanceInspectorIsOpen = !this.relevanceInspectorIsOpen;
-            }
-        };
-        this.onHashChange = () => {
-            this.urlManager.synchronize(this.fragment);
-        };
-        this.store = createSearchStore();
-        new MobileBreakpointController(this, this.store);
-        const { promise, resolve } = Promise.withResolvers();
-        this.i18Initialized = promise;
-        this.i18n = i18next.createInstance(undefined, resolve);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.store.setLoadingFlag(FirstSearchExecutedFlag);
-        this.initRelevanceInspector();
-        this.addEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.addEventListener('atomic/scrollToTop', this.scrollToTop);
-        this.addEventListener('atomic/relevanceInspector/close', this.closeRelevanceInspector);
-    }
-    willUpdate(changedProperties) {
-        super.willUpdate(changedProperties);
-        if (changedProperties.has('fieldsToInclude')) {
-            this.initFieldsToInclude();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (typeof this.unsubscribeUrlManager === 'function') {
-            this.unsubscribeUrlManager();
-        }
-        if (typeof this.unsubscribeSearchStatus === 'function') {
-            this.unsubscribeSearchStatus();
-        }
-        window.removeEventListener('hashchange', this.onHashChange);
-        this.removeEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.removeEventListener('atomic/scrollToTop', this.scrollToTop);
-        this.removeEventListener('atomic/relevanceInspector/close', this.closeRelevanceInspector);
-        this.removeEventListener('dblclick', this.handleRelevanceInspectorDoubleClick);
-    }
-    // TODO - (v4) KIT-4991: Make private.
-    scrollToTop() {
-        const scrollContainerElement = document.querySelector(this.scrollContainer);
-        if (!scrollContainerElement) {
-            this.bindings.engine.logger.warn(`Could not find the scroll container with the selector "${this.scrollContainer}". This will prevent UX interactions that require a scroll from working correctly. Please review the CSS selector in the scrollContainer option`);
-            return;
-        }
-        scrollContainerElement.scrollIntoView({ behavior: 'smooth' });
-    }
-    closeRelevanceInspector() {
-        this.relevanceInspectorIsOpen = false;
-    }
-    /**
-     * Initializes the connection with the headless search engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.
-     */
-    initialize(options) {
-        return this.internalInitialization(() => this.initEngine(options));
-    }
-    /**
-     * Initializes the interface using the provided [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method which internally builds a search engine instance.
-     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
-     */
-    initializeWithSearchEngine(engine) {
-        if (this.pipeline && this.pipeline !== engine.state.pipeline) {
-            console.warn('Mismatch between search interface pipeline and engine pipeline. The engine pipeline will be used.');
-        }
-        if (this.searchHub && this.searchHub !== engine.state.searchHub) {
-            console.warn('Mismatch between search interface search hub and engine search hub. The engine search hub will be used.');
-        }
-        return this.internalInitialization(() => {
-            this.engine = engine;
-        });
-    }
-    /**
-     *
-     * Executes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.
-     */
-    async executeFirstSearch() {
-        if (!this.interfaceController.engineIsCreated(this.engine)) {
-            return;
-        }
-        if (!this.initialized) {
-            console.error('You have to wait until the "initialize" promise is fulfilled before executing a search.', this);
-            return;
-        }
-        const safeStorage = new SafeStorage();
-        const standaloneSearchBoxData = safeStorage.getParsedJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, null);
-        if (!standaloneSearchBoxData) {
-            this.engine.executeFirstSearch();
-            return;
-        }
-        safeStorage.removeItem(StorageItems.STANDALONE_SEARCH_BOX_DATA);
-        const { updateQuery } = loadQueryActions(this.engine);
-        const { value, enableQuerySyntax, analytics } = standaloneSearchBoxData;
-        this.engine.dispatch(updateQuery({ q: value, enableQuerySyntax }));
-        this.engine.executeFirstSearchAfterStandaloneSearchBoxRedirect(analytics);
-    }
-    updateSearchConfiguration(updatedProp, newValue) {
-        if (!this.interfaceController.engineIsCreated(this.engine)) {
-            return;
-        }
-        if (this.engine.state[updatedProp] === newValue) {
-            return;
-        }
-        const { updateSearchConfiguration } = loadSearchConfigurationActions(this.engine);
-        this.engine.dispatch(updateSearchConfiguration({
-            [updatedProp]: newValue,
-        }));
-    }
-    updateSearchHub() {
-        this.updateSearchConfiguration('searchHub', this.searchHub ?? 'default');
-    }
-    updatePipeline() {
-        this.updateSearchConfiguration('pipeline', this.pipeline);
-    }
-    toggleAnalytics() {
-        this.interfaceController.onAnalyticsChange();
-    }
-    updateLanguage() {
-        if (!this.interfaceController.engineIsCreated(this.engine) ||
-            !this.language) {
-            return;
-        }
-        const { updateSearchConfiguration } = loadSearchConfigurationActions(this.engine);
-        this.engine.dispatch(updateSearchConfiguration({
-            locale: this.language,
-        }));
-        return this.interfaceController.onLanguageChange();
-    }
-    updateIconAssetsPath() {
-        this.store.state.iconAssetsPath = this.iconAssetsPath;
-    }
-    getBindings() {
-        return {
-            engine: this.engine,
-            i18n: this.i18n,
-            store: this.store,
-            interfaceElement: this,
-            createStyleElement: () => {
-                const styleTag = document.createElement('style');
-                return styleTag;
-            },
-            // TODO - KIT-4893: Remove once atomic-quickview-modal migration is complete.
-            createScriptElement: () => {
-                const scriptTag = document.createElement('script');
-                return scriptTag;
-            },
-        };
-    }
-    initFieldsToInclude() {
-        const fields = EcommerceDefaultFieldsToInclude.concat(this.fieldsToInclude);
-        this.store.addFieldsToInclude(fields);
-    }
-    registerFieldsToInclude() {
-        this.engine?.dispatch(loadFieldActions(this.engine).registerFieldsToInclude(this.store.state.fieldsToInclude));
-    }
-    initEngine(options) {
-        const searchConfig = this.getSearchConfiguration(options);
-        const analyticsConfig = getAnalyticsConfig(options, this.analytics, this.store);
-        try {
-            this.engine = buildSearchEngine({
-                configuration: {
-                    ...options,
-                    search: searchConfig,
-                    analytics: analyticsConfig,
-                },
-                loggerOptions: {
-                    level: this.logLevel,
-                },
-            });
-        }
-        catch (error) {
-            this.error = error;
-            throw error;
-        }
-    }
-    getSearchConfiguration(options) {
-        const searchConfigFromProps = {
-            searchHub: this.searchHub ?? 'default',
-            pipeline: this.pipeline,
-            locale: this.language,
-            timezone: this.timezone,
-        };
-        if (options.search) {
-            return {
-                ...searchConfigFromProps,
-                ...options.search,
-            };
-        }
-        return searchConfigFromProps;
-    }
-    get fragment() {
-        return window.location.hash.slice(1);
-    }
-    initUrlManager() {
-        if (this.disableStateReflectionInUrl) {
-            return;
-        }
-        if (!this.reflectStateInUrl) {
-            return;
-        }
-        this.urlManager = buildUrlManager(this.engine, {
-            initialState: { fragment: this.fragment },
-        });
-        this.unsubscribeUrlManager = this.urlManager.subscribe(() => this.updateHash());
-        window.addEventListener('hashchange', this.onHashChange);
-    }
-    initRelevanceInspector() {
-        if (this.enableRelevanceInspector && !this.disableRelevanceInspector) {
-            this.addEventListener('dblclick', this.handleRelevanceInspectorDoubleClick);
-        }
-    }
-    initSearchStatus() {
-        this.searchStatus = buildSearchStatus(this.engine);
-        this.unsubscribeSearchStatus = this.searchStatus.subscribe(() => {
-            const hasNoResultsAfterInitialSearch = !this.searchStatus.state.hasResults &&
-                this.searchStatus.state.firstSearchExecuted &&
-                !this.searchStatus.state.hasError;
-            this.classList.toggle(noResultsSelector, hasNoResultsAfterInitialSearch);
-            this.classList.toggle(errorSelector, this.searchStatus.state.hasError);
-            this.classList.toggle(firstSearchExecutedSelector, this.searchStatus.state.firstSearchExecuted);
-            if (this.searchStatus.state.firstSearchExecuted &&
-                this.store.hasLoadingFlag(FirstSearchExecutedFlag)) {
-                this.store.unsetLoadingFlag(FirstSearchExecutedFlag);
-            }
-        });
-    }
-    updateHash() {
-        const newFragment = this.urlManager.state.fragment;
-        if (!this.searchStatus.state.firstSearchExecuted) {
-            history.replaceState(null, document.title, `#${newFragment}`);
-            this.bindings.engine.logger.info(`History replaceState #${newFragment}`);
-            return;
-        }
-        history.pushState(null, document.title, `#${newFragment}`);
-        this.bindings.engine.logger.info(`History pushState #${newFragment}`);
-    }
-    async internalInitialization(initEngine) {
-        await Promise.all([
-            this.interfaceController.onInitialization(initEngine),
-            this.i18Initialized,
-        ]);
-        this.updateLanguage();
-        this.bindings = this.getBindings();
-        markParentAsReady(this);
-        this.pipeline = this.engine.state.pipeline;
-        this.searchHub = this.engine.state.searchHub;
-        this.initSearchStatus();
-        await this.getUpdateComplete();
-        this.initUrlManager();
-        this.initialized = true;
-    }
-    render() {
-        return html `
-      ${when(this.bindings?.engine &&
-            this.enableRelevanceInspector &&
-            !this.disableRelevanceInspector, () => html `<atomic-relevance-inspector
-          ?open=${this.relevanceInspectorIsOpen}
-          .bindings=${this.bindings}
-        ></atomic-relevance-inspector>`)}
-      <slot></slot>
-    `;
-    }
-};
-AtomicSearchInterface.styles = [
-    css`:host{height:inherit;width:inherit;&>slot{height:inherit}}`,
-];
-__decorate([
-    state(),
-    provide({ context: bindingsContext })
-], AtomicSearchInterface.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicSearchInterface.prototype, "error", void 0);
-__decorate([
-    state()
-], AtomicSearchInterface.prototype, "relevanceInspectorIsOpen", void 0);
-__decorate([
-    property({
-        type: Array,
-        attribute: 'fields-to-include',
-        converter: {
-            fromAttribute: (value) => {
-                if (!value)
-                    return [];
-                try {
-                    const parsed = JSON.parse(value);
-                    return Array.isArray(parsed) ? parsed : [];
-                }
-                catch {
-                    return [];
-                }
-            },
-            toAttribute: (value) => JSON.stringify(value),
-        },
-    })
-], AtomicSearchInterface.prototype, "fieldsToInclude", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "pipeline", void 0);
-__decorate([
-    property({ type: String, attribute: 'search-hub', reflect: true })
-], AtomicSearchInterface.prototype, "searchHub", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        converter: booleanConverter,
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "analytics", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "timezone", void 0);
-__decorate([
-    property({ type: String, attribute: 'log-level', reflect: true })
-], AtomicSearchInterface.prototype, "logLevel", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], AtomicSearchInterface.prototype, "i18n", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "language", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], AtomicSearchInterface.prototype, "engine", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'reflect-state-in-url',
-        reflect: true,
-        converter: booleanConverter,
-    })
-], AtomicSearchInterface.prototype, "reflectStateInUrl", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'disable-state-reflection-in-url',
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "disableStateReflectionInUrl", void 0);
-__decorate([
-    property({ type: String, attribute: 'scroll-container', reflect: true })
-], AtomicSearchInterface.prototype, "scrollContainer", void 0);
-__decorate([
-    property({ type: String, attribute: 'language-assets-path', reflect: true })
-], AtomicSearchInterface.prototype, "languageAssetsPath", void 0);
-__decorate([
-    property({ type: String, attribute: 'icon-assets-path', reflect: true })
-], AtomicSearchInterface.prototype, "iconAssetsPath", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'enable-relevance-inspector',
-        reflect: true,
-        converter: booleanConverter,
-    })
-], AtomicSearchInterface.prototype, "enableRelevanceInspector", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'disable-relevance-inspector',
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "disableRelevanceInspector", void 0);
-__decorate([
-    watch('searchHub')
-], AtomicSearchInterface.prototype, "updateSearchHub", null);
-__decorate([
-    watch('pipeline')
-], AtomicSearchInterface.prototype, "updatePipeline", null);
-__decorate([
-    watch('analytics')
-], AtomicSearchInterface.prototype, "toggleAnalytics", null);
-__decorate([
-    watch('language')
-], AtomicSearchInterface.prototype, "updateLanguage", null);
-__decorate([
-    watch('iconAssetsPath')
-], AtomicSearchInterface.prototype, "updateIconAssetsPath", null);
-__decorate([
-    errorGuard()
-], AtomicSearchInterface.prototype, "render", null);
-AtomicSearchInterface = __decorate([
-    customElement('atomic-search-interface'),
-    withTailwindStyles
-], AtomicSearchInterface);
-export { AtomicSearchInterface };

package/dist/atomic/components/stencil-query-suggestions.js

@@ -1,33 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-import { e as encodeForDomAttribute } from './string-utils.js';
-
-const getPartialSearchBoxSuggestionElement = (suggestion, i18n) => {
-    return {
-        part: 'query-suggestion-item',
-        key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,
-        query: suggestion.rawValue,
-        ariaLabel: i18n.t('query-suggestion-label', {
-            query: suggestion.rawValue,
-            interpolation: { escapeValue: false },
-        }),
-    };
-};
-const QuerySuggestionContainer = (_, children) => {
-    return (h("div", { part: "query-suggestion-content", class: "flex items-center" }, children));
-};
-const QuerySuggestionIcon = ({ icon, hasSuggestion }) => {
-    if (!hasSuggestion) {
-        return;
-    }
-    return (h("atomic-icon", { part: "query-suggestion-icon", icon: icon, class: "mr-2 h-4 w-4 shrink-0" }));
-};
-const QuerySuggestionText = ({ suggestion, hasQuery }) => {
-    if (hasQuery) {
-        return (h("span", { part: "query-suggestion-text", class: "line-clamp-2 break-all", innerHTML: suggestion.highlightedValue }));
-    }
-    return (h("span", { part: "query-suggestion-text", class: "line-clamp-2 break-all" }, suggestion.rawValue));
-};
-
-export { QuerySuggestionContainer as Q, QuerySuggestionIcon as a, QuerySuggestionText as b, getPartialSearchBoxSuggestionElement as g };
-
-//# sourceMappingURL=stencil-query-suggestions.js.map

package/dist/atomic/components/stencil-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"stencil-query-suggestions.js","mappings":";;;MAUa,oCAAoC,GAAG,CAClD,UAAsB,EACtB,IAAU;IAEV,OAAO;QACL,IAAI,EAAE,uBAAuB;QAC7B,GAAG,EAAE,MAAM,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACvD,KAAK,EAAE,UAAU,CAAC,QAAQ;QAC1B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE;YAC1C,KAAK,EAAE,UAAU,CAAC,QAAQ;YAC1B,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;SACpC,CAAC;KACH,CAAC;AACJ,EAAE;MAEW,wBAAwB,GAAwB,CAAC,CAAC,EAAE,QAAQ;IACvE,QACE,WAAK,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,mBAAmB,IAC3D,QAAQ,CACL,EACN;AACJ,EAAE;MAOW,mBAAmB,GAE5B,CAAC,EAAC,IAAI,EAAE,aAAa,EAAC;IACxB,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IAED,QACE,mBACE,IAAI,EAAC,uBAAuB,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,uBAAuB,GAChB,EACf;AACJ,EAAE;MAOW,mBAAmB,GAE5B,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAC;IACzB,IAAI,QAAQ,EAAE;QACZ,QACE,YACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,UAAU,CAAC,gBAAgB,GAChC,EACR;KACH;IAED,QACE,YAAM,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAC,wBAAwB,IAC9D,UAAU,CAAC,QAAQ,CACf,EACP;AACJ;;;;","names":[],"sources":["src/components/common/suggestions/stencil-query-suggestions.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils.js';\nimport {SearchBoxSuggestionElement} from './suggestions-types.js';\n\ninterface Suggestion {\n  highlightedValue: string;\n  rawValue: string;\n}\n\nexport const getPartialSearchBoxSuggestionElement = (\n  suggestion: Suggestion,\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'query' | 'part'> => {\n  return {\n    part: 'query-suggestion-item',\n    key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,\n    query: suggestion.rawValue,\n    ariaLabel: i18n.t('query-suggestion-label', {\n      query: suggestion.rawValue,\n      interpolation: {escapeValue: false},\n    }),\n  };\n};\n\nexport const QuerySuggestionContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div part=\"query-suggestion-content\" class=\"flex items-center\">\n      {children}\n    </div>\n  );\n};\n\ninterface QuerySuggestionIconProps {\n  icon: string;\n  hasSuggestion: boolean;\n}\n\nexport const QuerySuggestionIcon: FunctionalComponent<\n  QuerySuggestionIconProps\n> = ({icon, hasSuggestion}) => {\n  if (!hasSuggestion) {\n    return;\n  }\n\n  return (\n    <atomic-icon\n      part=\"query-suggestion-icon\"\n      icon={icon}\n      class=\"mr-2 h-4 w-4 shrink-0\"\n    ></atomic-icon>\n  );\n};\n\ninterface QuerySuggestionTextProps {\n  suggestion: Suggestion;\n  hasQuery: boolean;\n}\n\nexport const QuerySuggestionText: FunctionalComponent<\n  QuerySuggestionTextProps\n> = ({suggestion, hasQuery}) => {\n  if (hasQuery) {\n    return (\n      <span\n        part=\"query-suggestion-text\"\n        class=\"line-clamp-2 break-all\"\n        innerHTML={suggestion.highlightedValue}\n      ></span>\n    );\n  }\n\n  return (\n    <span part=\"query-suggestion-text\" class=\"line-clamp-2 break-all\">\n      {suggestion.rawValue}\n    </span>\n  );\n};\n"],"version":3}

package/dist/atomic/p-0edea6f9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-dc3df5ce.js";import{I as a}from"./p-ff2d324d.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";var c=undefined&&undefined.__decorate||function(e,t,a,c){var r=arguments.length,f=r<3?t:c===null?c=Object.getOwnPropertyDescriptor(t,a):c,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")f=Reflect.decorate(e,t,a,c);else for(var i=e.length-1;i>=0;i--)if(o=e[i])f=(r<3?o(f):r>3?o(t,a,f):o(t,a))||f;return r>3&&f&&Object.defineProperty(t,a,f),f};const r=class{constructor(t){e(this,t);this.error=undefined}render(){return t("atomic-tab-bar",{key:"213ba4db0fe06cda854967aec377453090fda5c2"},t("slot",{key:"957788c0b75593ae52fd3a730ae18ae3abe2f87e"}))}};c([a()],r.prototype,"bindings",void 0);export{r as atomic_ipx_tabs};
-//# sourceMappingURL=p-0edea6f9.entry.js.map

package/dist/atomic/p-0f13077e.js

@@ -1,2 +0,0 @@
-function t(t){if(Object.keys(t).length>1){throw"Depending on multiple facets isn't supported"}return Object.entries(t).map((([t,u])=>({parentFacetId:t,condition:t=>t.some((t=>{if(n(t)){const n=r(t);if(!n){return false}if(!u){return true}return n.value===u}if(e(t)){if(t.state!=="selected"){return false}if(!u){return true}return t.value===u}return false}))})))}function n(t){const n=t;return(n?.children&&Array.isArray(n.children)&&n?.state&&typeof n.state==="string")===true}function r(t){if(!n(t)){return null}if(t.state==="selected"){return t}for(const n of t.children){const t=r(n);if(t!==null){return t}}return null}function e(t){const n=t;return"value"in n&&typeof n.value==="string"&&!("children"in n)}export{t as p};
-//# sourceMappingURL=p-0f13077e.js.map

package/dist/atomic/p-0f13077e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["parseDependsOn","dependsOn","Object","keys","length","entries","map","parentFacetId","expectedValue","condition","values","some","value","isCategoryFacetValue","selectedValue","getSelectedCategoryFacetValueRequest","isSimpleFacetValue","state","request","requestAsRecord","children","Array","isArray","child","asRecord"],"sources":["src/components/common/facets/depends-on.ts"],"sourcesContent":["type GenericCondition<AnyFacetValueRequest> = {\n  parentFacetId: string;\n  condition(parentValues: AnyFacetValueRequest[]): boolean;\n};\n\ninterface SimpleFacetValue {\n  value: string;\n  state: string;\n}\n\ninterface CategoryFacetValue extends SimpleFacetValue {\n  children: SimpleFacetValue[];\n}\n\nexport function parseDependsOn<\n  FacetValue extends SimpleFacetValue | CategoryFacetValue,\n>(dependsOn: Record<string, string>): GenericCondition<FacetValue>[] {\n  if (Object.keys(dependsOn).length > 1) {\n    throw \"Depending on multiple facets isn't supported\";\n  }\n\n  return Object.entries(dependsOn).map(([parentFacetId, expectedValue]) => {\n    return {\n      parentFacetId,\n      condition: (values) => {\n        return values.some((value) => {\n          if (isCategoryFacetValue(value)) {\n            const selectedValue = getSelectedCategoryFacetValueRequest(value);\n            if (!selectedValue) {\n              return false;\n            }\n            if (!expectedValue) {\n              return true;\n            }\n            return selectedValue.value === expectedValue;\n          }\n          if (isSimpleFacetValue(value)) {\n            if (value.state !== 'selected') {\n              return false;\n            }\n            if (!expectedValue) {\n              return true;\n            }\n            return value.value === expectedValue;\n          }\n          return false;\n        });\n      },\n    };\n  });\n}\n\nfunction isCategoryFacetValue(request: unknown): request is CategoryFacetValue {\n  const requestAsRecord = request as Record<string, unknown>;\n  return (\n    (requestAsRecord?.children &&\n      Array.isArray(requestAsRecord.children) &&\n      requestAsRecord?.state &&\n      typeof requestAsRecord.state === 'string') === true\n  );\n}\n\nfunction getSelectedCategoryFacetValueRequest(\n  value: unknown\n): CategoryFacetValue | null {\n  if (!isCategoryFacetValue(value)) {\n    return null;\n  }\n  if (value.state === 'selected') {\n    return value;\n  }\n  for (const child of value.children) {\n    const selectedValue = getSelectedCategoryFacetValueRequest(child);\n    if (selectedValue !== null) {\n      return selectedValue;\n    }\n  }\n  return null;\n}\n\nfunction isSimpleFacetValue(value: unknown): value is SimpleFacetValue {\n  const asRecord = value as Record<string, unknown>;\n  return (\n    'value' in asRecord &&\n    typeof asRecord.value === 'string' &&\n    !('children' in asRecord)\n  );\n}\n"],"mappings":"SAcgBA,EAEdC,GACA,GAAIC,OAAOC,KAAKF,GAAWG,OAAS,EAAG,CACrC,KAAM,8C,CAGR,OAAOF,OAAOG,QAAQJ,GAAWK,KAAI,EAAEC,EAAeC,MAC7C,CACLD,gBACAE,UAAYC,GACHA,EAAOC,MAAMC,IAClB,GAAIC,EAAqBD,GAAQ,CAC/B,MAAME,EAAgBC,EAAqCH,GAC3D,IAAKE,EAAe,CAClB,OAAO,K,CAET,IAAKN,EAAe,CAClB,OAAO,I,CAET,OAAOM,EAAcF,QAAUJ,C,CAEjC,GAAIQ,EAAmBJ,GAAQ,CAC7B,GAAIA,EAAMK,QAAU,WAAY,CAC9B,OAAO,K,CAET,IAAKT,EAAe,CAClB,OAAO,I,CAET,OAAOI,EAAMA,QAAUJ,C,CAEzB,OAAO,KAAK,OAKtB,CAEA,SAASK,EAAqBK,GAC5B,MAAMC,EAAkBD,EACxB,OACGC,GAAiBC,UAChBC,MAAMC,QAAQH,EAAgBC,WAC9BD,GAAiBF,cACVE,EAAgBF,QAAU,YAAc,IAErD,CAEA,SAASF,EACPH,GAEA,IAAKC,EAAqBD,GAAQ,CAChC,OAAO,I,CAET,GAAIA,EAAMK,QAAU,WAAY,CAC9B,OAAOL,C,CAET,IAAK,MAAMW,KAASX,EAAMQ,SAAU,CAClC,MAAMN,EAAgBC,EAAqCQ,GAC3D,GAAIT,IAAkB,KAAM,CAC1B,OAAOA,C,EAGX,OAAO,IACT,CAEA,SAASE,EAAmBJ,GAC1B,MAAMY,EAAWZ,EACjB,MACE,UAAWY,UACJA,EAASZ,QAAU,YACxB,aAAcY,EAEpB,Q","ignoreList":[]}