@coveo/atomic 3.33.8-pre.32aa53b021 → 3.33.8-pre.32dc00f676

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

@@ -1,495 +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 { 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/decorators/commerce/product-template-decorators.js

@@ -1,68 +0,0 @@
-import { InteractiveItemContextController, } from "../../components/common/item-list/context/interactive-item-context-controller";
-import { ItemContextController, } from "../../components/common/item-list/context/item-context-controller";
-import { fetchItemContext } from "../../components/common/item-list/fetch-item-context";
-/**
- * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.
- *
- * @param host - The Lit component instance
- * @param options - Configuration options
- * @returns ItemContextController instance configured for atomic-product
- *
- * @example
- * ```typescript
- * @customElement('my-product-component')
- * export class MyProductComponent extends LitElement {
- *   private productController = createProductContextController(this);
- *
- *   @state() product!: Product;
- *
- *   render() {
- *     this.product = this.productController.item;
- *     return html`<div>${this.product?.ec_name}</div>`;
- *   }
- * }
- * ```
- */
-export function createProductContextController(host, options = {}) {
-    return new ItemContextController(host, {
-        parentName: 'atomic-product',
-        folded: options.folded ?? false,
-    });
-}
-/**
- * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.
- *
- * @param host - The Lit component instance
- * @returns InteractiveItemContextController instance
- *
- * @example
- * ```typescript
- * @customElement('my-interactive-product-component')
- * export class MyInteractiveProductComponent extends LitElement {
- *   private interactiveProductController = createInteractiveProductContextController(this);
- *
- *   @state() product!: Product;
- *
- *   render() {
- *     this.product = this.interactiveProductController.interactiveItem;
- *     return html`<div>${this.product?.ec_name}</div>`;
- *   }
- * }
- * ```
- */
-export function createInteractiveProductContextController(host) {
-    return new InteractiveItemContextController(host);
-}
-/**
- * Retrieves `Product` on a rendered `atomic-product`.
- *
- * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.
- *
- * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).
- *
- * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.
- * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.
- */
-export function fetchProductContext(element) {
-    return fetchItemContext(element, 'atomic-product');
-}

package/dist/atomic/components/result-template-decorators.js.map

@@ -1 +0,0 @@
-{"file":"result-template-decorators.js","mappings":";;AASA;;;;;;;;;SASgB,aAAa,CAAC,OAA0B,EAAC,MAAM,EAAE,KAAK,EAAC;IACrE,OAAO,WAAW,CAAC,EAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;AACzE,CAAC;SAEe,wBAAwB;IACtC,OAAO,sBAAsB,EAAE,CAAC;AAClC,CAAC;AAKD;;;;;;;;;;SAUgB,aAAa,CAC3B,OAAgB;IAEhB,OAAO,WAAW,CAAI,OAAO,EAAE,eAAe,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/components/search/result-template-components/result-template-decorators.tsx"],"sourcesContent":["import {FoldedResult, Result} from '@coveo/headless';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '../../common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n */\nexport function ResultContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-result', folded: opts.folded});\n}\n\nexport function InteractiveResultContext() {\n  return InteractiveItemContext();\n}\n\nexport type ResultContextEvent<T = Result> = ItemContextEvent<T>;\nexport type InteractiveResultContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element The element that the event is dispatched to, which must be the child of a rendered \"atomic-result\".\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n */\nexport function resultContext<T extends Result | FoldedResult = Result>(\n  element: Element\n) {\n  return itemContext<T>(element, 'atomic-result');\n}\n"],"version":3}

package/dist/atomic/components/stencil-facet-guard.js.map

@@ -1 +0,0 @@
-{"file":"stencil-facet-guard.js","mappings":";;;AAUA;MACa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":[],"sources":["src/components/common/facets/stencil-facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n// @deprecated - use the `when` directive instead for Lit\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"version":3}

package/dist/atomic/p-0c8e7d5f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultMultiValueTextCss","AtomicResultMultiValueTextStyle0","AtomicResultMultiValueText","this","maxValuesToDisplay","delimiter","sortedValues","initialize","breadcrumbManager","buildBreadcrumbManager","bindings","engine","resultValues","value","ResultTemplatesHelpers","getResultProperty","result","field","Array","isArray","map","v","trim","error","Error","split","facetSelectedValues","state","facetBreadcrumbs","filter","facet","reduce","values","updateSortedValues","allValues","allValuesSet","Set","firstValues","has","from","set","add","getShouldDisplayLabel","length","getNumberOfValuesToDisplay","Math","min","renderValue","label","getFieldValueCaption","i18n","kebabValue","titleToKebab","h","key","part","name","renderSeparator","beforeValue","afterValue","class","renderMoreLabel","t","renderListItems","numberOfValuesToDisplay","nodes","i","push","componentWillRender","render","host","remove","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.pcss?tag=atomic-result-multi-value-text&encapsulation=shadow","src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.tsx"],"sourcesContent":[":host {\n  > ul {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    li {\n      display: inline-block;\n    }\n  }\n}\n\n.separator {\n  &::before {\n    display: inline;\n    content: ',\\00a0';\n  }\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  Result,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Element, Prop, h, State, VNode} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {titleToKebab} from '../../../../utils/utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-multi-value-text` component renders the values of a multi-value string field.\n * @part result-multi-value-text-list - The list of field values.\n * @part result-multi-value-text-separator - The separator to display between each of the field values.\n * @part result-multi-value-text-value - A field value.\n * @part result-multi-value-text-value-more - A label indicating some values were omitted.\n * @slot result-multi-value-text-value-* - A custom caption value that's specified for a given part of a multi-text field value. For example, if you want to use `Off-Campus Resident` as a caption value for `Off-campus apartment` in `Off-campus apartment;On-campus apartment`, you'd use `<span slot=\"result-multi-value-text-value-off-campus-apartment\">Off-Campus Resident</span>`). The suffix of this slot corresponds with the field value, written in kebab case.\n */\n@Component({\n  tag: 'atomic-result-multi-value-text',\n  styleUrl: 'atomic-result-multi-value-text.pcss',\n  shadow: true,\n})\nexport class AtomicResultMultiValueText {\n  public breadcrumbManager!: BreadcrumbManager;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum number of field values to display.\n   * If there are _n_ more values than the specified maximum, the last displayed value will be \"_n_ more...\".\n   */\n  @Prop({reflect: true}) public maxValuesToDisplay = 3;\n\n  /**\n   * The delimiter used to separate values when the field isn't indexed as a multi value field.\n   */\n  @Prop({reflect: true}) public delimiter: string | null = null;\n\n  private sortedValues: string[] | null = null;\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n  }\n\n  private get resultValues() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n\n    if (value === null) {\n      return null;\n    }\n\n    if (Array.isArray(value)) {\n      return value.map((v) => `${v}`.trim());\n    }\n\n    if (typeof value !== 'string' || value.trim() === '') {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a string array.`\n      );\n      return null;\n    }\n\n    return this.delimiter\n      ? value.split(this.delimiter).map((value) => value.trim())\n      : [value];\n  }\n\n  private get facetSelectedValues() {\n    return this.breadcrumbManager.state.facetBreadcrumbs\n      .filter((facet) => facet.field === this.field)\n      .reduce(\n        (values, facet) => [\n          ...values,\n          ...facet.values.map(({value}) => value.value),\n        ],\n        [] as string[]\n      );\n  }\n\n  private updateSortedValues() {\n    const allValues = this.resultValues;\n    if (allValues === null) {\n      this.sortedValues = null;\n      return;\n    }\n    const allValuesSet = new Set(allValues);\n    const firstValues = this.facetSelectedValues.filter((value) =>\n      allValuesSet.has(value)\n    );\n    this.sortedValues = Array.from(\n      allValues.reduce((set, value) => set.add(value), new Set(firstValues))\n    );\n  }\n\n  private getShouldDisplayLabel(values: string[]) {\n    return (\n      this.maxValuesToDisplay > 0 && values.length > this.maxValuesToDisplay\n    );\n  }\n\n  private getNumberOfValuesToDisplay(values: string[]) {\n    return Math.min(values.length, this.maxValuesToDisplay);\n  }\n\n  private renderValue(value: string) {\n    const label = getFieldValueCaption(this.field, value, this.bindings.i18n);\n    const kebabValue = titleToKebab(value);\n    return (\n      <li key={value} part=\"result-multi-value-text-value\">\n        <slot name={`result-multi-value-text-value-${kebabValue}`}>\n          {label}\n        </slot>\n      </li>\n    );\n  }\n\n  private renderSeparator(beforeValue: string, afterValue: string) {\n    return (\n      <li\n        aria-hidden=\"true\"\n        part=\"result-multi-value-text-separator\"\n        key={`${beforeValue}~${afterValue}`}\n        class=\"separator\"\n      ></li>\n    );\n  }\n\n  private renderMoreLabel(value: number) {\n    return (\n      <li key=\"more-field-values\" part=\"result-multi-value-text-value-more\">\n        {this.bindings.i18n.t('n-more', {value})}\n      </li>\n    );\n  }\n\n  private renderListItems(values: string[]) {\n    const numberOfValuesToDisplay = this.getNumberOfValuesToDisplay(values);\n\n    const nodes: VNode[] = [];\n    for (let i = 0; i < numberOfValuesToDisplay; i++) {\n      if (i > 0) {\n        nodes.push(this.renderSeparator(values[i - 1], values[i]));\n      }\n      nodes.push(this.renderValue(values[i]));\n    }\n    if (this.getShouldDisplayLabel(values)) {\n      nodes.push(\n        this.renderSeparator(\n          values[numberOfValuesToDisplay - 1],\n          'more-field-values'\n        )\n      );\n      nodes.push(this.renderMoreLabel(values.length - numberOfValuesToDisplay));\n    }\n    return nodes;\n  }\n\n  public componentWillRender() {\n    this.updateSortedValues();\n  }\n\n  public render() {\n    if (this.sortedValues === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <ul part=\"result-multi-value-text-list\">\n        {...this.renderListItems(this.sortedValues)}\n      </ul>\n    );\n  }\n}\n"],"mappings":"+bAAA,MAAMA,EAAgC,iJACtC,MAAAC,EAAeD,E,iXCyBFE,EAA0B,M,yBAqBPC,KAAAC,mBAAqB,EAKrBD,KAAAE,UAA2B,KAEjDF,KAAAG,aAAgC,K,kEAPW,E,eAKM,I,CAIlD,UAAAC,GACLJ,KAAKK,kBAAoBC,EAAuBN,KAAKO,SAASC,O,CAGhE,gBAAYC,GACV,MAAMC,EAAQC,EAAuBC,kBACnCZ,KAAKa,OACLb,KAAKc,OAGP,GAAIJ,IAAU,KAAM,CAClB,OAAO,I,CAGT,GAAIK,MAAMC,QAAQN,GAAQ,CACxB,OAAOA,EAAMO,KAAKC,GAAM,GAAGA,IAAIC,Q,CAGjC,UAAWT,IAAU,UAAYA,EAAMS,SAAW,GAAI,CACpDnB,KAAKoB,MAAQ,IAAIC,MACf,oBAAoBX,kBAAsBV,KAAKc,6BAEjD,OAAO,I,CAGT,OAAOd,KAAKE,UACRQ,EAAMY,MAAMtB,KAAKE,WAAWe,KAAKP,GAAUA,EAAMS,SACjD,CAACT,E,CAGP,uBAAYa,GACV,OAAOvB,KAAKK,kBAAkBmB,MAAMC,iBACjCC,QAAQC,GAAUA,EAAMb,QAAUd,KAAKc,QACvCc,QACC,CAACC,EAAQF,IAAU,IACdE,KACAF,EAAME,OAAOZ,KAAI,EAAEP,WAAWA,EAAMA,UAEzC,G,CAIE,kBAAAoB,GACN,MAAMC,EAAY/B,KAAKS,aACvB,GAAIsB,IAAc,KAAM,CACtB/B,KAAKG,aAAe,KACpB,M,CAEF,MAAM6B,EAAe,IAAIC,IAAIF,GAC7B,MAAMG,EAAclC,KAAKuB,oBAAoBG,QAAQhB,GACnDsB,EAAaG,IAAIzB,KAEnBV,KAAKG,aAAeY,MAAMqB,KACxBL,EAAUH,QAAO,CAACS,EAAK3B,IAAU2B,EAAIC,IAAI5B,IAAQ,IAAIuB,IAAIC,I,CAIrD,qBAAAK,CAAsBV,GAC5B,OACE7B,KAAKC,mBAAqB,GAAK4B,EAAOW,OAASxC,KAAKC,kB,CAIhD,0BAAAwC,CAA2BZ,GACjC,OAAOa,KAAKC,IAAId,EAAOW,OAAQxC,KAAKC,mB,CAG9B,WAAA2C,CAAYlC,GAClB,MAAMmC,EAAQC,EAAqB9C,KAAKc,MAAOJ,EAAOV,KAAKO,SAASwC,MACpE,MAAMC,EAAaC,EAAavC,GAChC,OACEwC,EAAA,MAAIC,IAAKzC,EAAO0C,KAAK,iCACnBF,EAAA,QAAMG,KAAM,iCAAiCL,KAC1CH,G,CAMD,eAAAS,CAAgBC,EAAqBC,GAC3C,OACEN,EAAA,oBACc,OACZE,KAAK,oCACLD,IAAK,GAAGI,KAAeC,IACvBC,MAAM,a,CAKJ,eAAAC,CAAgBhD,GACtB,OACEwC,EAAA,MAAIC,IAAI,oBAAoBC,KAAK,sCAC9BpD,KAAKO,SAASwC,KAAKY,EAAE,SAAU,CAACjD,U,CAK/B,eAAAkD,CAAgB/B,GACtB,MAAMgC,EAA0B7D,KAAKyC,2BAA2BZ,GAEhE,MAAMiC,EAAiB,GACvB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAyBE,IAAK,CAChD,GAAIA,EAAI,EAAG,CACTD,EAAME,KAAKhE,KAAKsD,gBAAgBzB,EAAOkC,EAAI,GAAIlC,EAAOkC,I,CAExDD,EAAME,KAAKhE,KAAK4C,YAAYf,EAAOkC,I,CAErC,GAAI/D,KAAKuC,sBAAsBV,GAAS,CACtCiC,EAAME,KACJhE,KAAKsD,gBACHzB,EAAOgC,EAA0B,GACjC,sBAGJC,EAAME,KAAKhE,KAAK0D,gBAAgB7B,EAAOW,OAASqB,G,CAElD,OAAOC,C,CAGF,mBAAAG,GACLjE,KAAK8B,oB,CAGA,MAAAoC,GACL,GAAIlE,KAAKG,eAAiB,KAAM,CAC9BH,KAAKmE,KAAKC,SACV,M,CAEF,OACElB,EAAA,MAAIE,KAAK,mCACHpD,KAAK4D,gBAAgB5D,KAAKG,c,6BA9JPkE,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

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":[]}

package/dist/atomic/p-18684d4c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ResultContext","opts","folded","ItemContext","parentName","InteractiveResultContext","InteractiveItemContext","resultContext","element","itemContext"],"sources":["src/components/search/result-template-components/result-template-decorators.tsx"],"sourcesContent":["import {FoldedResult, Result} from '@coveo/headless';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '../../common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n */\nexport function ResultContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-result', folded: opts.folded});\n}\n\nexport function InteractiveResultContext() {\n  return InteractiveItemContext();\n}\n\nexport type ResultContextEvent<T = Result> = ItemContextEvent<T>;\nexport type InteractiveResultContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element The element that the event is dispatched to, which must be the child of a rendered \"atomic-result\".\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n */\nexport function resultContext<T extends Result | FoldedResult = Result>(\n  element: Element\n) {\n  return itemContext<T>(element, 'atomic-result');\n}\n"],"mappings":"2DAkBgBA,EAAcC,EAA0B,CAACC,OAAQ,QAC/D,OAAOC,EAAY,CAACC,WAAY,gBAAiBF,OAAQD,EAAKC,QAChE,C,SAEgBG,IACd,OAAOC,GACT,C,SAegBC,EACdC,GAEA,OAAOC,EAAeD,EAAS,gBACjC,Q","ignoreList":[]}

package/dist/atomic/p-190ddaca.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["possiblyWarnOnBadFieldType","field","itemValueRaw","host","logger","isArray","error","nodeName","toLowerCase","ItemTextFallback","defaultValue","item","getProperty","children","raw","isUndefined","remove","h","Fragment","renderWithHighlights","value","highlights","highlightString","openingDelimiter","closingDelimiter","highlightedValue","content","replace","RegExp","ItemTextHighlighted","highlightKeywords","onError","textValue","Host","innerHTML","AtomicResultText","this","shouldHighlight","render","resultValueAsString","getStringValueFromResultOrNull","result","bindings","engine","default","ResultTemplatesHelpers","getResultProperty","getFieldValueCaption","i18n","HighlightUtils","__decorate","InitializeBindings","ResultContext","AtomicText","strings","t","count","connectedCallback","Error"],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"mappings":"sdAEgBA,EACdC,EACAC,EACAC,EACAC,GAEA,GAAIC,EAAQH,GAAe,CACzBE,EAAOE,MACL,GAAGH,EAAKI,SAASC,wDAAwDP,mBAAuBC,MAChGC,E,CAGN,CCDO,MAAMM,EAAmB,EAC7BR,QAAOE,OAAMC,SAAQM,eAAcC,OAAMC,eAC1CC,KAEA,MAAMC,EAAMF,EAAYD,EAAMV,GAC9BD,EAA2BC,EAAOa,EAAKX,EAAMC,GAE7C,GAAIW,EAAYL,GAAe,CAC7BP,EAAKa,SACL,OAAO,I,KACF,CACL,OAAOC,EAACC,EAAQ,KAAEL,E,YCZNM,EACdC,EACAC,EACAC,GAEA,MAAMC,EAAmB,qBACzB,MAAMC,EAAmB,qBACzB,MAAMC,EAAmBH,EAAgB,CACvCI,QAASN,EACTG,mBACAC,mBACAH,eAEF,OAAOI,EACJE,QAAQ,IAAIC,OAAOL,EAAkB,KAAM,OAC3CI,QAAQ,IAAIC,OAAOJ,EAAkB,KAAM,OAChD,CCdO,MAAMK,EAET,EAAEC,oBAAmBR,kBAAiBS,UAASC,gBACjD,IACE,MAAMP,EAAmBN,EACvBa,EACAF,EACAR,GAIF,OAAOL,EAACgB,EAAI,CAACC,UAAWT,G,CACxB,MAAOnB,GACPyB,EAAQzB,E,oXCPC6B,EAAgB,M,yBAiBGC,KAAAC,gBAAkB,K,+DAAA,K,uBAOzC,MAAAC,GACL,MAAMC,EAAsBC,EAC1BJ,KAAKK,OACLL,KAAKnC,OAGP,GAAIsC,IAAwB,KAAM,CAChC,OACEtB,EAACR,EAAgB,CACfR,MAAOmC,KAAKnC,MACZE,KAAMiC,KAAKjC,KACXC,OAAQgC,KAAKM,SAASC,OAAOvC,OAC7BM,aAAc0B,KAAKQ,QACnBjC,KAAMyB,KAAKK,OACX7B,YAAaiC,EAAuBC,mBAEpC7B,EAAA,eACEG,MAAO2B,EACLX,KAAKnC,MACLmC,KAAKQ,QACLR,KAAKM,SAASM,Q,CAOxB,MAAMhB,EAAY,GAAGO,IACrB,MAAMT,EAAoBe,EAAuBC,kBAC/CV,KAAKK,OACL,GAAGL,KAAKnC,mBAGV,OAAOmC,KAAKC,iBAAmBP,EAC7Bb,EAACY,EAAmB,CAClBG,UAAWA,EACXF,kBAAmBA,EACnBR,gBAAiB2B,EAAe3B,gBAChCS,QAAUzB,GAAW8B,KAAK9B,MAAQA,IAGpCyC,EAAqBX,KAAKnC,MAAO+B,EAAWI,KAAKM,SAASM,K,6BAhEjCE,GAA5BC,K,+BACwBD,GAAxBE,K,8YCRUC,EAAU,M,yBAGbjB,KAAAkB,QAAU,CAChBlC,MAAO,IACLgB,KAAKM,SAASM,KAAKO,EAAEnB,KAAKhB,MAAO,CAC/BoC,MAAOpB,KAAKoB,S,+DAcX,iBAAAC,GACL,IAAKrB,KAAKhB,MAAO,CACfgB,KAAK9B,MAAQ,IAAIoD,MAAM,yC,EAIpB,MAAApB,GACL,OAAOF,KAAKkB,QAAQlC,O,GA1BO8B,EAAA,CAA5BC,K","ignoreList":[]}