@coveo/atomic 3.35.0-pre.bc0eb65a59 → 3.35.0-pre.bc4c629af6

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-08T15:54:48",
+  "timestamp": "2025-10-09T21:31:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -11821,110 +11821,11 @@
       ],
       "dependents": [],
       "dependencies": [
-        "atomic-suggestion-renderer",
-        "atomic-search-box-query-suggestions"
+        "atomic-suggestion-renderer"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
-          "atomic-suggestion-renderer",
-          "atomic-search-box-query-suggestions"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-search-box-query-suggestions",
-      "docs": "The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "icon",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "The SVG icon to display.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-with-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed if the user has typed something into the input field.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithoutQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-without-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed initially when the input field is empty.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-box"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-box": [
-          "atomic-search-box-query-suggestions"
+          "atomic-suggestion-renderer"
         ]
       }
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.35.0-pre.bc0eb65a59",
+  "version": "3.35.0-pre.bc4c629af6",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.2",
+    "@coveo/headless": "3.31.3-pre.bc4c629af6",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -153,7 +153,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.2",
+    "@coveo/headless": "3.31.3-pre.bc4c629af6",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-search-box-query-suggestions.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicSearchBoxQuerySuggestions extends Components.AtomicSearchBoxQuerySuggestions, HTMLElement {}
-export const AtomicSearchBoxQuerySuggestions: {
-    prototype: AtomicSearchBoxQuerySuggestions;
-    new (): AtomicSearchBoxQuerySuggestions;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-search-box-query-suggestions.js

@@ -1,8 +0,0 @@
-import { A as AtomicSearchBoxQuerySuggestions$1, a as defineCustomElement$1 } from './atomic-search-box-query-suggestions2.js';
-
-const AtomicSearchBoxQuerySuggestions = AtomicSearchBoxQuerySuggestions$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSearchBoxQuerySuggestions, defineCustomElement };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -1,124 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { loadQuerySuggestActions } from '@coveo/headless';
-import { S as SearchIcon } from './search.js';
-import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionContainer, a as QuerySuggestionIcon, b as QuerySuggestionText } from './stencil-query-suggestions.js';
-import { c as closest } from './dom-utils.js';
-import { b as buildCustomEvent } from './event-utils.js';
-
-/**
- * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.
- *
- * @param event Event sent from the registered query suggestions to the parent search box
- * @param element Element on which to dispatch the event, which must be the child of a configured search box
- * @param allowedSearchBoxElements Optional array of allowed search box element selectors
- *
- * @throws Error if the element is not a child of an allowed search box element
- */
-const dispatchSearchBoxSuggestionsEvent = (event, element, allowedSearchBoxElements = searchBoxElements) => {
-    const interfaceElement = closest(element, searchBoxElements.join(', '));
-    if (!interfaceElement) {
-        throw new Error(`The "${element.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(', ')}`);
-    }
-    void dispatchSearchBoxSuggestionsEventEventually(interfaceElement, element, event);
-};
-const searchBoxElements = [
-    'atomic-search-box',
-    'atomic-insight-search-box',
-    'atomic-commerce-search-box',
-];
-const isLitElementLoosely = (candidate) => 'updateComplete' in candidate &&
-    candidate.updateComplete instanceof Promise;
-const dispatchSearchBoxSuggestionsEventEventually = async (interfaceElement, element, event) => {
-    await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());
-    if (isLitElementLoosely(interfaceElement)) {
-        await interfaceElement.updateComplete;
-    }
-    else if ('componentOnReady' in interfaceElement) {
-        await interfaceElement.componentOnReady();
-    }
-    element.dispatchEvent(buildCustomEvent('atomic/searchBoxSuggestion/register', event));
-};
-
-const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBoxQuerySuggestions extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.error = undefined;
-        this.icon = undefined;
-        this.maxWithQuery = undefined;
-        this.maxWithoutQuery = undefined;
-    }
-    componentWillLoad() {
-        try {
-            dispatchSearchBoxSuggestionsEvent((bindings) => {
-                this.bindings = bindings;
-                return this.initialize();
-            }, this.host, ['atomic-search-box']);
-        }
-        catch (error) {
-            this.error = error;
-        }
-    }
-    initialize() {
-        const engine = this.bindings.engine;
-        const { registerQuerySuggest, fetchQuerySuggestions } = loadQuerySuggestActions(engine);
-        engine.dispatch(registerQuerySuggest({
-            id: this.bindings.id,
-            count: this.bindings.numberOfQueries,
-        }));
-        return {
-            position: Array.from(this.host.parentNode.children).indexOf(this.host),
-            onInput: () => engine.dispatch(fetchQuerySuggestions({
-                id: this.bindings.id,
-            })),
-            renderItems: () => this.renderItems(),
-        };
-    }
-    renderItems() {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;
-        return this.bindings.searchBoxController.state.suggestions
-            .slice(0, max)
-            .map((suggestion) => this.renderItem(suggestion));
-    }
-    renderItem(suggestion) {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const partialItem = getPartialSearchBoxSuggestionElement(suggestion, this.bindings.i18n);
-        return {
-            ...partialItem,
-            content: (h(QuerySuggestionContainer, null, h(QuerySuggestionIcon, { icon: this.icon || SearchIcon, hasSuggestion: this.bindings.getSuggestions().length > 1 }), h(QuerySuggestionText, { suggestion: suggestion, hasQuery: hasQuery }))),
-            onSelect: () => {
-                this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);
-            },
-        };
-    }
-    render() {
-        if (this.error) {
-            return (h("atomic-component-error", { key: '512aa352f794b1581b1e20e1f0343c2690c909a9', element: this.host, error: this.error }));
-        }
-    }
-    get host() { return this; }
-}, [1, "atomic-search-box-query-suggestions", {
-        "icon": [1],
-        "maxWithQuery": [514, "max-with-query"],
-        "maxWithoutQuery": [514, "max-without-query"],
-        "error": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-search-box-query-suggestions"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-search-box-query-suggestions":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicSearchBoxQuerySuggestions);
-            }
-            break;
-    } });
-}
-
-export { AtomicSearchBoxQuerySuggestions as A, defineCustomElement as a, dispatchSearchBoxSuggestionsEvent as d };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions2.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions2.js","mappings":"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","names":[],"sources":["src/components/common/suggestions/suggestions-events.ts","src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx"],"sourcesContent":["import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n","import {\n  loadQuerySuggestActions,\n  SearchBox,\n  SearchEngine,\n  Suggestion,\n} from '@coveo/headless';\nimport {Component, Element, Prop, State, h} from '@stencil/core';\nimport SearchIcon from '../../../../images/search.svg';\nimport {\n  getPartialSearchBoxSuggestionElement,\n  QuerySuggestionContainer,\n  QuerySuggestionIcon,\n  QuerySuggestionText,\n} from '../../../common/suggestions/stencil-query-suggestions';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n} from '../../../common/suggestions/suggestions-events';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-types';\n\n/**\n * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.\n */\n@Component({\n  tag: 'atomic-search-box-query-suggestions',\n  shadow: true,\n})\nexport class AtomicSearchBoxQuerySuggestions {\n  private bindings!: SearchBoxSuggestionsBindings<SearchBox>;\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The SVG icon to display.\n   *\n   * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n   * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n   * - Use a stringified SVG to display it directly.\n   */\n  @Prop() public icon?: string;\n\n  /**\n   * The maximum number of suggestions that will be displayed if the user has typed something into the input field.\n   */\n  @Prop({reflect: true}) public maxWithQuery?: number;\n  /**\n   * The maximum number of suggestions that will be displayed initially when the input field is empty.\n   */\n  @Prop({reflect: true}) public maxWithoutQuery?: number;\n\n  componentWillLoad() {\n    try {\n      dispatchSearchBoxSuggestionsEvent<SearchBox>(\n        (bindings) => {\n          this.bindings = bindings;\n          return this.initialize();\n        },\n        this.host,\n        ['atomic-search-box']\n      );\n    } catch (error) {\n      this.error = error as Error;\n    }\n  }\n\n  private initialize(): SearchBoxSuggestions {\n    const engine = this.bindings.engine as SearchEngine<{\n      querySet: string;\n      querySuggest: string;\n    }>;\n    const {registerQuerySuggest, fetchQuerySuggestions} =\n      loadQuerySuggestActions(engine);\n\n    engine.dispatch(\n      registerQuerySuggest({\n        id: this.bindings.id,\n        count: this.bindings.numberOfQueries,\n      })\n    );\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      onInput: () =>\n        engine.dispatch(\n          fetchQuerySuggestions({\n            id: this.bindings.id,\n          })\n        ),\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;\n    return this.bindings.searchBoxController.state.suggestions\n      .slice(0, max)\n      .map((suggestion) => this.renderItem(suggestion));\n  }\n\n  private renderItem(suggestion: Suggestion) {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const partialItem = getPartialSearchBoxSuggestionElement(\n      suggestion,\n      this.bindings.i18n\n    );\n\n    return {\n      ...partialItem,\n      content: (\n        <QuerySuggestionContainer>\n          <QuerySuggestionIcon\n            icon={this.icon || SearchIcon}\n            hasSuggestion={this.bindings.getSuggestions().length > 1}\n          />\n\n          <QuerySuggestionText suggestion={suggestion} hasQuery={hasQuery} />\n        </QuerySuggestionContainer>\n      ),\n      onSelect: () => {\n        this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);\n      },\n    };\n  }\n\n  public render() {\n    if (this.error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={this.error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/atomic/components/components/common/item-list/fetch-item-context.js

@@ -1,15 +0,0 @@
-import { closest } from '../../../utils/dom-utils.js';
-import { buildCustomEvent } from '../../../utils/event-utils.js';
-import { MissingParentError } from './context/item-context-controller.js';
-const itemContextEventName = 'atomic/resolveResult';
-export function fetchItemContext(element, parentName) {
-    return new Promise((resolve, reject) => {
-        const event = buildCustomEvent(itemContextEventName, (item) => {
-            return resolve(item);
-        });
-        element.dispatchEvent(event);
-        if (!closest(element, parentName)) {
-            reject(new MissingParentError(element.nodeName.toLowerCase(), parentName));
-        }
-    });
-}

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-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-05b4c4b5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicIpxResultLinkCss","AtomicIpxResultLinkStyle0","AtomicIPXResultLink","initialize","this","host","dispatchEvent","buildCustomEvent","stopPropagation","actionsHistoryActions","loadIPXActionsHistoryActions","bindings","engine","connectedCallback","slotName","hasDefaultSlot","getDefaultSlotFromHost","linkAttributes","getAttributesFromLinkSlot","onSelect","resultPermanentId","result","raw","permanentid","action","addPageViewEntryInActionsHistory","dispatch","interactiveResult","select","render","href","isUndefined","hrefTemplate","clickUri","buildStringTemplateFromResult","h","LinkWithItemAnalytics","key","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","attributes","field","default","__decorate","InitializeBindings","ResultContext","InteractiveResultContext"],"sources":["src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.pcss?tag=atomic-ipx-result-link","src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@reference '../../../utils/tailwind-utilities/link-style.css';\n\natomic-ipx-result-link {\n  a {\n    @apply link-style;\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {\n  IPXActionsHistoryActionCreators,\n  InteractiveResult,\n  loadIPXActionsHistoryActions,\n} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../utils/result-utils';\nimport {getDefaultSlotFromHost} from '../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlot} from '../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../common/item-link/stencil-item-link';\nimport {RecsBindings} from '../../recommendations/atomic-recs-interface/atomic-recs-interface';\nimport {\n  ResultContext,\n  InteractiveResultContext,\n} from '../../search/result-template-components/result-template-decorators';\n\n/**\n * The `atomic-ipx-result-link` component automatically transforms a search result title into a clickable link that points to the original item. It is an experimental internal component not intended for general use.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-result-link',\n  styleUrl: 'atomic-ipx-result-link.pcss',\n  shadow: false,\n})\nexport class AtomicIPXResultLink\n  implements InitializableComponent<RecsBindings>\n{\n  @InitializeBindings() public bindings!: RecsBindings;\n  public error!: Error;\n\n  @ResultContext() private result!: AnyUnfoldedItem;\n  @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n  @Element() private host!: HTMLElement;\n\n  /**\n   * Specifies a template literal from which to generate the `href` attribute value (see\n   * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n   *\n   * The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n   *\n   * For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n   * ```html\n   * <atomic-ipx-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-ipx-result-link>\n   * ```\n   */\n  @Prop({reflect: true}) hrefTemplate?: string;\n\n  private hasDefaultSlot!: boolean;\n  private linkAttributes?: Attr[];\n  private stopPropagation?: boolean;\n  private actionsHistoryActions?: IPXActionsHistoryActionCreators;\n\n  public initialize() {\n    this.host.dispatchEvent(\n      buildCustomEvent(\n        'atomic/resolveStopPropagation',\n        (stopPropagation: boolean) => {\n          this.stopPropagation = stopPropagation;\n        }\n      )\n    );\n    this.actionsHistoryActions = loadIPXActionsHistoryActions(\n      this.bindings.engine\n    );\n  }\n\n  public connectedCallback() {\n    const slotName = 'attributes';\n    this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n    this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n  }\n\n  public async onSelect() {\n    const resultPermanentId = this.result.raw.permanentid;\n    if (resultPermanentId && this.actionsHistoryActions) {\n      const action =\n        this.actionsHistoryActions.addPageViewEntryInActionsHistory(\n          resultPermanentId\n        );\n      this.bindings.engine.dispatch(action);\n    }\n    this.interactiveResult.select();\n  }\n\n  public render() {\n    const href = isUndefined(this.hrefTemplate)\n      ? this.result.clickUri\n      : buildStringTemplateFromResult(\n          this.hrefTemplate,\n          this.result,\n          this.bindings\n        );\n\n    return (\n      <LinkWithItemAnalytics\n        href={href}\n        onSelect={() => this.onSelect()}\n        onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n        onCancelPendingSelect={() =>\n          this.interactiveResult.cancelPendingSelect()\n        }\n        attributes={this.linkAttributes}\n        stopPropagation={this.stopPropagation}\n      >\n        {this.hasDefaultSlot ? (\n          <slot />\n        ) : (\n          <atomic-result-text\n            field=\"title\"\n            default=\"no-title\"\n          ></atomic-result-text>\n        )}\n      </LinkWithItemAnalytics>\n    );\n  }\n}\n"],"mappings":"uhBAAA,MAAMA,EAAyB,yzkEAC/B,MAAAC,EAAeD,E,iXCiCFE,EAAmB,M,qDA6BvB,UAAAC,GACLC,KAAKC,KAAKC,cACRC,EACE,iCACCC,IACCJ,KAAKI,gBAAkBA,CAAe,KAI5CJ,KAAKK,sBAAwBC,EAC3BN,KAAKO,SAASC,O,CAIX,iBAAAC,GACL,MAAMC,EAAW,aACjBV,KAAKW,iBAAmBC,EAAuBZ,KAAKC,MACpDD,KAAKa,eAAiBC,EAA0Bd,KAAKC,KAAMS,E,CAGtD,cAAMK,GACX,MAAMC,EAAoBhB,KAAKiB,OAAOC,IAAIC,YAC1C,GAAIH,GAAqBhB,KAAKK,sBAAuB,CACnD,MAAMe,EACJpB,KAAKK,sBAAsBgB,iCACzBL,GAEJhB,KAAKO,SAASC,OAAOc,SAASF,E,CAEhCpB,KAAKuB,kBAAkBC,Q,CAGlB,MAAAC,GACL,MAAMC,EAAOC,EAAY3B,KAAK4B,cAC1B5B,KAAKiB,OAAOY,SACZC,EACE9B,KAAK4B,aACL5B,KAAKiB,OACLjB,KAAKO,UAGX,OACEwB,EAACC,EAAqB,CAAAC,IAAA,2CACpBP,KAAMA,EACNX,SAAU,IAAMf,KAAKe,WACrBmB,qBAAsB,IAAMlC,KAAKuB,kBAAkBY,qBACnDC,sBAAuB,IACrBpC,KAAKuB,kBAAkBc,sBAEzBC,WAAYtC,KAAKa,eACjBT,gBAAiBJ,KAAKI,iBAErBJ,KAAKW,eACJoB,EAAA,aAEAA,EAAA,sBACEQ,MAAM,QACNC,QAAQ,a,6BAnFWC,EAAA,CAA5BC,K,+BAGwBD,EAAA,CAAxBE,K,6BACmCF,EAAA,CAAnCG,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetSuggestionsWrapper","headingLevel","i18n","children","h","part","class","Heading","level","t","SmartSnippetSuggestionsQuestionWrapper","expanded","key","SmartSnippetSuggestionsQuestion","ariaControls","onClick","question","atomicIcon","Button","style","getQuestionPart","ariaExpanded","undefined","SmartSnippetSuggestionsAnswerAndSourceWrapper","id","SmartSnippetSuggestionsFooter","base"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\nexport const SmartSnippetSuggestionsWrapper: FunctionalComponent<{\n  headingLevel: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside\n      part=\"container\"\n      class=\"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\"\n    >\n      <Heading\n        level={headingLevel}\n        part=\"heading\"\n        class=\"border-neutral border-b px-6 py-4 text-xl leading-8\"\n      >\n        {i18n.t('smart-snippet-people-also-ask')}\n      </Heading>\n      <ul part=\"questions\" class=\"divide-neutral divide-y\">\n        {children}\n      </ul>\n    </aside>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{\n  expanded: boolean;\n  key: string;\n}> = ({expanded, key}, children) => {\n  return (\n    <li\n      key={key}\n      part={`question-answer-${expanded ? 'expanded' : 'collapsed'}`}\n      class=\"flex flex-col\"\n    >\n      <article class=\"contents\">{children}</article>\n    </li>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestion: FunctionalComponent<{\n  ariaControls: string;\n  expanded: boolean;\n  headingLevel?: number;\n  onClick: (event: MouseEvent) => void;\n  question: string;\n}> = (\n  {ariaControls, expanded, headingLevel, onClick, question},\n  atomicIcon\n) => {\n  return (\n    <Button\n      style=\"text-neutral\"\n      part={getQuestionPart('button', expanded)}\n      onClick={onClick}\n      class=\"flex items-center px-4\"\n      ariaExpanded={expanded ? 'true' : undefined}\n      ariaControls={expanded ? ariaControls : undefined}\n    >\n      {atomicIcon}\n      <Heading\n        level={headingLevel ? headingLevel + 1 : 0}\n        class=\"py-4 text-left text-xl font-bold\"\n        part={getQuestionPart('text', expanded)}\n      >\n        {question}\n      </Heading>\n    </Button>\n  );\n};\n\nexport const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{\n  expanded: boolean;\n  id: string;\n}> = ({id}, children) => {\n  return (\n    <div part=\"answer-and-source\" class=\"pr-6 pb-6 pl-10\" id={id}>\n      {children}\n    </div>\n  );\n};\n\nexport const SmartSnippetSuggestionsFooter: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n  `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"mappings":"kHAKaA,EAGR,EAAEC,eAAcC,QAAOC,IAExBC,EAAA,SACEC,KAAK,YACLC,MAAM,qFAENF,EAACG,EAAO,CACNC,MAAOP,EACPI,KAAK,UACLC,MAAM,uDAELJ,EAAKO,EAAE,kCAEVL,EAAA,MAAIC,KAAK,YAAYC,MAAM,2BACxBH,I,MAMIO,EAGR,EAAEC,WAAUC,OAAMT,IAEnBC,EAAA,MACEQ,IAAKA,EACLP,KAAM,mBAAmBM,EAAW,WAAa,cACjDL,MAAM,iBAENF,EAAA,WAASE,MAAM,YAAYH,I,MAKpBU,EAMR,EACFC,eAAcH,WAAUV,eAAcc,UAASC,YAChDC,IAGEb,EAACc,EAAM,CACLC,MAAM,eACNd,KAAMe,EAAgB,SAAUT,GAChCI,QAASA,EACTT,MAAM,yBACNe,aAAcV,EAAW,OAASW,UAClCR,aAAcH,EAAWG,EAAeQ,WAEvCL,EACDb,EAACG,EAAO,CACNC,MAAOP,EAAeA,EAAe,EAAI,EACzCK,MAAM,mCACND,KAAMe,EAAgB,OAAQT,IAE7BK,I,MAMIO,EAGR,EAAEC,MAAKrB,IAERC,EAAA,OAAKC,KAAK,oBAAoBC,MAAM,kBAAkBkB,GAAIA,GACvDrB,G,MAKMsB,EAER,EAAEvB,QAAOC,IAEVC,EAAA,UAAQC,KAAK,SAAQ,aAAaH,EAAKO,EAAE,yBACtCN,G,MAKMiB,EAAkB,CAACM,EAAcf,IAC5C,YAAYe,KAAQf,EAAW,WAAa,qB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValueLink","props","children","count","numberOfResults","toLocaleString","i18n","language","ariaLabel","t","value","displayValue","formattedCount","interpolation","escapeValue","part","isSelected","additionalPart","h","key","class","Button","style","onClick","ariaPressed","toString","ref","buttonRef","text","subList"],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\nexport interface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"mappings":"8EAQaA,EAA2D,CACtEC,EACAC,KAEA,MAAMC,EAAQF,EAAMG,gBAAgBC,eAAeJ,EAAMK,KAAKC,UAC9D,MAAMC,EAAYP,EAAMK,KAAKG,EAAE,cAAe,CAC5CC,MAAOT,EAAMU,aACbR,MAAOF,EAAMG,gBACbQ,eAAgBT,EAChBU,cAAe,CAACC,YAAa,SAG/B,IAAIC,EACFd,EAAMc,MAAQ,aAAad,EAAMe,WAAa,uBAAyB,KAEzE,GAAIf,EAAMgB,eAAgB,CACxBF,GAAQ,IAAId,EAAMgB,gB,CAGpB,OACEC,EAAA,MAAIC,IAAKlB,EAAMU,aAAcS,MAAOnB,EAAMmB,OACxCF,EAACG,EAAM,CACLC,MAAM,eACNP,KAAMA,EACNQ,QAAS,IAAMtB,EAAMsB,UACrBH,MAAM,2FACNI,YAAavB,EAAMe,WAAWS,WAC9BjB,UAAWA,EACXkB,IAAKzB,EAAM0B,WAEVzB,EACDgB,EAAA,QAAMH,KAAK,cAAcK,MAAM,eAC5BnB,EAAMK,KAAKG,EAAE,sBAAuB,CACnCmB,KAAMzB,MAIXF,EAAM4B,QACJ,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["SearchBoxWrapper","props","children","getClasses","baseClasses","focusClasses","disabled","join","h","part","class","onFocusout","TextAreaClearButton","inputRef","bindings","onClick","defaultButtonProps","Button","style","focus","ariaLabel","i18n","t","icon","ClearSlim","getPopupAttributes","autocomplete","autocapitalize","autocorrect","activeDescendant","id","syncTextWithReplica","elem","value","parent","parentNode","dataset","replicatedValue","resetReplicaText","collapseTextArea","classList","remove","expandTextArea","add","SearchTextArea","textAreaRef","loading","onInput","onFocus","onBlur","onChange","onKeyDown","onKeyUp","onClear","popup","defaultInputProps","placeholder","rows","e","key","shiftKey","preventDefault","target","promiseTimeout","prom","ms","timeout","Promise","_","reject","setTimeout","Error","race","then","clearTimeout","SuggestionManager","constructor","ownerSearchBoxProps","this","suggestions","leftSuggestionElements","rightSuggestionElements","leftPanel","undefined","rightPanel","suggestedQuery","keyboardActiveDescendant","queryDataAttribute","suggestionEvents","previousActiveDescendantElement","leftSuggestions","rightSuggestions","triggerSuggestions","debounce","executeQuerySuggestion","getSuggestionDelay","partialSuggestionBindings","clearSuggestions","getSuggestions","getSuggestionElements","allSuggestionElements","activeDescendantElement","hasActiveDescendant","querySelector","onSubmit","clickOnActiveElement","updateActiveDescendant","forceUpdate","getHost","updateKeyboardActiveDescendant","click","isRightPanelInFocus","isNullOrUndefined","panelInFocus","initializeSuggestions","map","event","registerSuggestionsFromEvent","stopPropagation","push","detail","registerSuggestions","isDoubleList","Boolean","length","focusPanel","side","panel","firstElementChild","panelHasActiveDescendant","contains","newValue","updateDescendants","clearSuggestionElements","focusNextValue","hasSuggestions","nextOrFirstValue","focusValue","scrollActiveDescendantIntoView","updateQueryFromSuggestion","onSuggestionMouseOver","item","thisPanel","query","updateSuggestedQuery","onSuggestionClick","updateOwnerSearchboxQuery","onSelect","focusPreviousValue","firstValue","previousOrLastValue","settled","allSettled","suggestion","resolve","getSuggestionTimeout","fulfilledSuggestions","forEach","j","status","getLogger","warn","splitSuggestions","isDefault","filter","sort","sortSuggestions","getAndFilterLeftSuggestionElements","defaultSuggestedQuery","find","elementHasQuery","lastValue","lastElementChild","firstChild","parentOfActiveDescendant","parentElement","previousElementSibling","a","b","position","nextElementSibling","scrollIntoView","block","getAttribute","getSearchBoxValue","updateQuery","onSuggestedQueryChange","updateSuggestionElements","isPanelInFocus","escaped","DOMPurify","sanitize","CSS","escape","closest","suggestionElements","filterOnDuplicate","Set","out","suggestionElement","has","elements","flatMap","renderItems","max","getNumberOfSuggestionsToDisplay","elementHasNoQuery","slice","newPrevDescendantElement"],"sources":["src/components/common/search-box/stencil-search-box-wrapper.tsx","src/components/common/search-box/stencil-text-area-clear-button.tsx","src/components/common/search-box/stencil-search-text-area.tsx","src/utils/promise-utils.ts","src/components/common/suggestions/stencil-suggestion-manager.ts"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface Props {\n  disabled: boolean;\n  onFocusout?: (event: FocusEvent) => void;\n}\n\nexport const SearchBoxWrapper: FunctionalComponent<Props> = (\n  props,\n  children\n) => {\n  const getClasses = () => {\n    const baseClasses =\n      'flex bg-background w-full border border-neutral rounded-md focus-within:ring-3 absolute top-0 left-0';\n    const focusClasses = props.disabled\n      ? 'focus-within:border-disabled focus-within:ring-neutral'\n      : 'focus-within:border-primary focus-within:ring-ring-primary';\n\n    return [baseClasses, focusClasses].join(' ');\n  };\n\n  return (\n    <div part=\"wrapper\" class={getClasses()} onFocusout={props.onFocusout}>\n      {children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport ClearSlim from '../../../images/clear-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button, StencilButtonProps} from '../stencil-button';\n\ninterface Props extends Partial<StencilButtonProps> {\n  bindings: AnyBindings;\n  inputRef: HTMLInputElement | HTMLTextAreaElement | null;\n}\n\nexport const TextAreaClearButton: FunctionalComponent<Props> = ({\n  inputRef,\n  bindings,\n  onClick,\n  ...defaultButtonProps\n}) => (\n  <div\n    part=\"clear-button-wrapper\"\n    class=\"ml-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-transparent\"\n      part=\"clear-button\"\n      class=\"text-neutral-dark flex h-8 w-8 shrink-0 items-center justify-center\"\n      onClick={() => {\n        onClick?.();\n        inputRef?.focus();\n      }}\n      ariaLabel={bindings.i18n.t('clear')}\n      {...defaultButtonProps}\n    >\n      <atomic-icon\n        part=\"clear-icon\"\n        icon={ClearSlim}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {AnyBindings} from '../interface/bindings';\nimport {TextAreaClearButton} from './stencil-text-area-clear-button';\n\ninterface Props extends JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  textAreaRef: HTMLTextAreaElement;\n  loading: boolean;\n  bindings: AnyBindings;\n  value: string;\n  ariaLabel: string;\n  onClear(): void;\n  popup?: {\n    id: string;\n    activeDescendant: string;\n    expanded: boolean;\n    hasSuggestions: boolean;\n  };\n}\n\nfunction getPopupAttributes(props: Required<Props>['popup']) {\n  return {\n    autocomplete: 'off',\n    autocapitalize: 'off',\n    autocorrect: 'off',\n    ...(props.activeDescendant && {\n      'aria-activedescendant': props.activeDescendant,\n    }),\n    'aria-autocomplete': 'both',\n    'aria-haspopup': 'true',\n    'aria-controls': props.id,\n  };\n}\n\nfunction syncTextWithReplica(elem: HTMLTextAreaElement, value?: string) {\n  const parent = elem?.parentNode as HTMLElement;\n  if (!parent) {\n    return;\n  }\n  if (elem.value === '\\n') {\n    return;\n  }\n  parent.dataset.replicatedValue = value ?? elem.value;\n}\n\nfunction resetReplicaText(elem: HTMLTextAreaElement) {\n  const parent = elem?.parentNode as HTMLElement;\n  if (parent) {\n    delete parent.dataset.replicatedValue;\n  }\n}\n\nfunction collapseTextArea(elem: HTMLTextAreaElement) {\n  const parent = elem?.parentNode as HTMLElement;\n  if (parent) {\n    parent.classList.remove('expanded');\n  }\n}\n\nfunction expandTextArea(elem: HTMLTextAreaElement) {\n  const parent = elem?.parentNode as HTMLElement;\n  if (parent) {\n    parent.classList.add('expanded');\n  }\n}\n\nexport const SearchTextArea: FunctionalComponent<Props> = ({\n  textAreaRef,\n  loading,\n  bindings,\n  onInput,\n  onFocus,\n  onBlur,\n  onChange,\n  onKeyDown,\n  onKeyUp,\n  value,\n  ariaLabel,\n  onClear,\n  popup,\n  ...defaultInputProps\n}) => (\n  <div class=\"flex grow overflow-hidden\">\n    <div part=\"textarea-expander\" class=\"grid grow overflow-hidden\">\n      <textarea\n        part=\"textarea\"\n        aria-label={ariaLabel}\n        placeholder={bindings.i18n.t('search')}\n        class=\"placeholder-neutral-dark\"\n        rows={1}\n        onInput={(e) => {\n          onInput?.(e);\n          syncTextWithReplica(textAreaRef);\n        }}\n        onKeyDown={(e) => {\n          syncTextWithReplica(textAreaRef);\n          if (e.key === 'Enter') {\n            if (e.shiftKey) {\n              return;\n            }\n            e.preventDefault();\n          }\n          onKeyDown?.(e);\n        }}\n        onKeyUp={(e) => {\n          onKeyUp?.(e);\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            return;\n          }\n          syncTextWithReplica(textAreaRef);\n        }}\n        onBlur={(e) => {\n          onBlur?.(e);\n          collapseTextArea(textAreaRef);\n          syncTextWithReplica(textAreaRef);\n        }}\n        onChange={(e) => {\n          onChange?.(e);\n          syncTextWithReplica(textAreaRef);\n        }}\n        onFocus={(e) => {\n          onFocus?.(e);\n          const target = e.target as HTMLTextAreaElement;\n          syncTextWithReplica(textAreaRef ?? target);\n          expandTextArea(textAreaRef ?? target);\n        }}\n        autocomplete=\"off\"\n        {...(popup && getPopupAttributes(popup))}\n        {...defaultInputProps}\n        value={value}\n      />\n    </div>\n\n    {loading && (\n      <div class=\"searchbox-button-wrapper ml-2 flex items-center justify-center\">\n        <span\n          part=\"loading\"\n          class=\"loading mr-2 grid h-5 w-5 animate-spin place-items-center rounded-full bg-linear-to-r\"\n        ></span>\n      </div>\n    )}\n    {!loading && value && (\n      <TextAreaClearButton\n        inputRef={textAreaRef}\n        bindings={bindings}\n        onClick={() => {\n          onClear();\n          resetReplicaText(textAreaRef);\n        }}\n      />\n    )}\n  </div>\n);\n","export function promiseTimeout<T>(prom: T | Promise<T>, ms: number) {\n  let id: NodeJS.Timeout;\n  const timeout = new Promise((_, reject) => {\n    id = setTimeout(() => {\n      reject(new Error('Promise timed out.'));\n    }, ms);\n  });\n  return Promise.race([prom, timeout]).then(() => {\n    clearTimeout(id);\n  });\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {forceUpdate} from '@stencil/core';\nimport DOMPurify from 'dompurify';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {promiseTimeout} from '../../../utils/promise-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from './suggestions-types';\nimport {elementHasNoQuery, elementHasQuery} from './suggestions-utils';\n\n/**\n * List of suggestions that will be displayed along other lists (e.g recent queries) when the search box's input is selected.\n */\nexport interface SearchBoxSuggestions {\n  /**\n   * The search box will sort the position of suggestions using this value, the lowest value being first.\n   * By default, the DOM position will be used.\n   */\n  position: number;\n  /**\n   * Whether the suggestions should be listed in the right or left panel. By default, the suggestions are listed in the right panel.\n   */\n  panel?: 'left' | 'right';\n  /**\n   * Method that returns the list of elements which will be rendered in the list of suggestions.\n   */\n  renderItems(): SearchBoxSuggestionElement[];\n  /**\n   * Hook called when the user changes the search box's input value. This can lead to all the query suggestions being updated.\n   */\n  onInput?(): Promise<unknown>;\n  /**\n   * Hook called when the current suggested query changes as the user navigates the list of suggestions.\n   * This is used for instant results, which are rendered based on the current suggested query.\n   * @param q The new current suggested query.\n   */\n  onSuggestedQueryChange?(q: string): Promise<unknown>;\n}\n\ninterface SearchBoxProps {\n  getSearchBoxValue: () => string;\n  updateQuery: (suggestedQuery: string) => void;\n  getSuggestionTimeout: () => number;\n  getNumberOfSuggestionsToDisplay: () => number;\n  getSuggestionDelay: () => number;\n  getLogger: () => Pick<typeof console, 'warn'>;\n  getHost: () => HTMLElement;\n}\n\nexport class SuggestionManager<SearchBoxController> {\n  public suggestions: SearchBoxSuggestions[] = [];\n  public leftSuggestionElements: SearchBoxSuggestionElement[] = [];\n  public rightSuggestionElements: SearchBoxSuggestionElement[] = [];\n  public leftPanel: HTMLElement | undefined = undefined;\n  public rightPanel: HTMLElement | undefined = undefined;\n  public triggerSuggestions: () => Promise<void>;\n  public activeDescendant = '';\n  public suggestedQuery = '';\n  public keyboardActiveDescendant = '';\n\n  private queryDataAttribute = 'data-query';\n  private suggestionEvents: SearchBoxSuggestionsEvent<SearchBoxController>[] =\n    [];\n\n  private previousActiveDescendantElement: HTMLElement | null = null;\n  private leftSuggestions: SearchBoxSuggestions[] = [];\n  private rightSuggestions: SearchBoxSuggestions[] = [];\n\n  constructor(private ownerSearchBoxProps: SearchBoxProps) {\n    this.triggerSuggestions = debounce(\n      () => this.executeQuerySuggestion(),\n      this.ownerSearchBoxProps.getSuggestionDelay()\n    );\n  }\n\n  public get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBoxController>,\n    | 'suggestedQuery'\n    | 'clearSuggestions'\n    | 'triggerSuggestions'\n    | 'getSuggestions'\n    | 'getSuggestionElements'\n  > {\n    return {\n      suggestedQuery: () => this.suggestedQuery,\n      clearSuggestions: () => this.clearSuggestions(),\n      triggerSuggestions: () => this.triggerSuggestions(),\n      getSuggestions: () => this.suggestions,\n      getSuggestionElements: () => this.allSuggestionElements,\n    };\n  }\n\n  public get activeDescendantElement(): HTMLElement | null {\n    if (!this.hasActiveDescendant) {\n      return null;\n    }\n\n    return (\n      this.leftPanel?.querySelector(`#${this.activeDescendant}`) ||\n      this.rightPanel?.querySelector(`#${this.activeDescendant}`) ||\n      null\n    );\n  }\n\n  public onSubmit() {\n    this.clickOnActiveElement();\n    this.clearSuggestions();\n  }\n\n  public updateActiveDescendant(id = '') {\n    this.activeDescendant = id;\n    forceUpdate(this.ownerSearchBoxProps.getHost());\n  }\n\n  public updateKeyboardActiveDescendant(id = '') {\n    this.keyboardActiveDescendant = id;\n  }\n\n  public clickOnActiveElement() {\n    this.activeDescendantElement?.click();\n    this.updateActiveDescendant();\n  }\n\n  public isRightPanelInFocus() {\n    if (\n      isNullOrUndefined(this.panelInFocus) ||\n      isNullOrUndefined(this.rightPanel)\n    ) {\n      return false;\n    }\n\n    return this.panelInFocus === this.rightPanel;\n  }\n\n  public initializeSuggestions(\n    bindings: SearchBoxSuggestionsBindings<SearchBoxController>\n  ) {\n    this.suggestions = this.suggestionEvents.map((event) => event(bindings));\n  }\n\n  public registerSuggestionsFromEvent(\n    event: CustomEvent<SearchBoxSuggestionsEvent<SearchBoxController>>,\n    bindings: SearchBoxSuggestionsBindings<SearchBoxController>\n  ) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.suggestionEvents.push(event.detail);\n    this.suggestions.push(event.detail(bindings));\n  }\n\n  public registerSuggestions(suggestions: SearchBoxSuggestions) {\n    this.suggestions.push(suggestions);\n  }\n\n  public get isDoubleList() {\n    return Boolean(\n      this.leftSuggestionElements.length && this.rightSuggestionElements.length\n    );\n  }\n\n  public focusPanel(side: 'left' | 'right') {\n    const panel = side === 'left' ? this.leftPanel : this.rightPanel;\n\n    if (this.panelInFocus === panel) {\n      return;\n    }\n    if (panel?.firstElementChild) {\n      const panelHasActiveDescendant =\n        this.previousActiveDescendantElement &&\n        panel.contains(this.previousActiveDescendantElement);\n      const newValue = panelHasActiveDescendant\n        ? this.previousActiveDescendantElement!\n        : (panel.firstElementChild as HTMLElement);\n      this.updateDescendants(newValue.id);\n    }\n  }\n\n  public clearSuggestions() {\n    this.clearSuggestionElements();\n    this.updateActiveDescendant();\n  }\n\n  public async focusNextValue() {\n    if (!this.hasSuggestions || !this.nextOrFirstValue) {\n      return;\n    }\n\n    await this.focusValue(this.nextOrFirstValue as HTMLElement);\n  }\n\n  public async focusValue(value: HTMLElement) {\n    this.updateKeyboardActiveDescendant(value.id);\n    this.updateActiveDescendant(value.id);\n    this.scrollActiveDescendantIntoView();\n    await this.updateQueryFromSuggestion();\n  }\n\n  public async onSuggestionMouseOver(\n    item: SearchBoxSuggestionElement,\n    side: 'left' | 'right',\n    id: string\n  ) {\n    const thisPanel = side === 'left' ? this.leftPanel : this.rightPanel;\n    // When hovering, always reset the keyboard active descendant\n    this.updateKeyboardActiveDescendant();\n    if (this.panelInFocus === thisPanel) {\n      this.updateActiveDescendant(id);\n    } else {\n      this.updateDescendants(id);\n    }\n    if (item.query) {\n      await this.updateSuggestedQuery(item.query);\n    }\n  }\n\n  public async onSuggestionClick(item: SearchBoxSuggestionElement, e: Event) {\n    if (item.query) {\n      this.clearSuggestions();\n      await this.updateOwnerSearchboxQuery(item.query);\n    }\n    item.onSelect?.(e);\n  }\n\n  public get hasSuggestions() {\n    return !!this.allSuggestionElements.length;\n  }\n\n  public get allSuggestionElements() {\n    return [...this.leftSuggestionElements, ...this.rightSuggestionElements];\n  }\n\n  public async focusPreviousValue() {\n    if (this.firstValue === this.activeDescendantElement) {\n      this.updateKeyboardActiveDescendant();\n      this.updateActiveDescendant();\n      return;\n    }\n\n    if (!this.hasSuggestions || !this.previousOrLastValue) {\n      return;\n    }\n\n    await this.focusValue(this.previousOrLastValue as HTMLElement);\n  }\n\n  public get hasActiveDescendant() {\n    return this.activeDescendant !== '';\n  }\n\n  private async executeQuerySuggestion() {\n    this.updateActiveDescendant();\n    const settled = await Promise.allSettled(\n      this.suggestions.map((suggestion) =>\n        promiseTimeout(\n          suggestion.onInput ? suggestion.onInput() : Promise.resolve(),\n          this.ownerSearchBoxProps.getSuggestionTimeout()\n        )\n      )\n    );\n\n    const fulfilledSuggestions: SearchBoxSuggestions[] = [];\n\n    settled.forEach((prom, j) => {\n      if (prom.status === 'fulfilled') {\n        fulfilledSuggestions.push(this.suggestions[j]);\n      } else {\n        this.ownerSearchBoxProps\n          .getLogger()\n          .warn(\n            'Some query suggestions are not being shown because the promise timed out.'\n          );\n      }\n    });\n\n    const splitSuggestions = (side: 'left' | 'right', isDefault = false) =>\n      fulfilledSuggestions\n        .filter(\n          (suggestion) =>\n            suggestion.panel === side || (!suggestion.panel && isDefault)\n        )\n        .sort(this.sortSuggestions);\n\n    this.leftSuggestions = splitSuggestions('left', true);\n    this.leftSuggestionElements = this.getAndFilterLeftSuggestionElements();\n\n    this.rightSuggestions = splitSuggestions('right');\n    this.rightSuggestionElements = this.getSuggestionElements(\n      this.rightSuggestions\n    );\n\n    const defaultSuggestedQuery =\n      this.allSuggestionElements.find(elementHasQuery)?.query || '';\n\n    await this.updateSuggestedQuery(defaultSuggestedQuery);\n  }\n\n  private get lastValue() {\n    return this.panelInFocus?.lastElementChild;\n  }\n\n  private get previousOrLastValue() {\n    if (!this.hasActiveDescendant) {\n      return this.lastValue?.firstChild;\n    }\n\n    const parentOfActiveDescendant =\n      this.activeDescendantElement?.parentElement;\n    return (\n      parentOfActiveDescendant?.previousElementSibling?.firstChild ||\n      this.firstValue?.firstChild\n    );\n  }\n\n  private sortSuggestions(a: SearchBoxSuggestions, b: SearchBoxSuggestions) {\n    return a.position - b.position;\n  }\n\n  private get nextOrFirstValue() {\n    if (!this.hasActiveDescendant) {\n      return this.firstValue?.firstChild;\n    }\n\n    const parentOfActiveDescendant =\n      this.activeDescendantElement?.parentElement;\n    return (\n      parentOfActiveDescendant?.nextElementSibling?.firstChild ||\n      this.firstValue?.firstChild\n    );\n  }\n\n  private get firstValue() {\n    return this.panelInFocus?.firstElementChild;\n  }\n\n  private get panelInFocus() {\n    if (this.leftPanel?.contains(this.activeDescendantElement)) {\n      return this.leftPanel;\n    }\n    if (this.rightPanel?.contains(this.activeDescendantElement)) {\n      return this.rightPanel;\n    }\n    return this.leftPanel || this.rightPanel;\n  }\n\n  private scrollActiveDescendantIntoView() {\n    this.activeDescendantElement?.scrollIntoView({\n      block: 'nearest',\n    });\n  }\n\n  private async updateQueryFromSuggestion() {\n    const suggestedQuery = this.activeDescendantElement?.getAttribute(\n      this.queryDataAttribute\n    );\n    await this.updateOwnerSearchboxQuery(suggestedQuery || '');\n  }\n\n  private async updateOwnerSearchboxQuery(query: string) {\n    if (query && this.ownerSearchBoxProps.getSearchBoxValue() !== query) {\n      this.ownerSearchBoxProps.updateQuery(query);\n      await this.updateSuggestedQuery(query);\n    }\n  }\n\n  private async updateSuggestedQuery(suggestedQuery: string) {\n    await Promise.allSettled(\n      this.suggestions.map((suggestion) =>\n        promiseTimeout(\n          suggestion.onSuggestedQueryChange\n            ? suggestion.onSuggestedQueryChange(suggestedQuery)\n            : Promise.resolve(),\n          this.ownerSearchBoxProps.getSuggestionTimeout()\n        )\n      )\n    );\n    this.suggestedQuery = suggestedQuery;\n    this.updateSuggestionElements(suggestedQuery);\n    forceUpdate(this.ownerSearchBoxProps.getHost());\n  }\n\n  private updateSuggestionElements(query: string) {\n    if (!this.isPanelInFocus(this.leftPanel, query)) {\n      this.leftSuggestionElements = this.getAndFilterLeftSuggestionElements();\n    }\n\n    if (!this.isPanelInFocus(this.rightPanel, query)) {\n      this.rightSuggestionElements = this.getSuggestionElements(\n        this.rightSuggestions\n      );\n    }\n  }\n\n  public forceUpdate() {\n    this.updateSuggestionElements(this.suggestedQuery);\n    forceUpdate(this.ownerSearchBoxProps.getHost());\n  }\n\n  private isPanelInFocus(\n    panel: HTMLElement | undefined,\n    query: string\n  ): boolean {\n    if (!this.activeDescendantElement) {\n      return false;\n    }\n\n    if (query) {\n      const escaped = DOMPurify.sanitize(query);\n      return !!panel?.querySelector(\n        `[${this.queryDataAttribute}=\"${CSS.escape(escaped)}\"]`\n      );\n    }\n\n    return this.activeDescendantElement?.closest('ul') === panel;\n  }\n\n  private getAndFilterLeftSuggestionElements() {\n    const suggestionElements = this.getSuggestionElements(this.leftSuggestions);\n    const filterOnDuplicate = new Set();\n\n    const out = suggestionElements.filter((suggestionElement) => {\n      if (isNullOrUndefined(suggestionElement.query)) {\n        return true;\n      }\n      if (filterOnDuplicate.has(suggestionElement.query)) {\n        return false;\n      } else {\n        filterOnDuplicate.add(suggestionElement.query);\n        return true;\n      }\n    });\n\n    return out;\n  }\n\n  private getSuggestionElements(suggestions: SearchBoxSuggestions[]) {\n    const elements = suggestions.flatMap((suggestion) =>\n      suggestion.renderItems()\n    );\n\n    const max =\n      this.ownerSearchBoxProps.getNumberOfSuggestionsToDisplay() +\n      elements.filter(elementHasNoQuery).length;\n\n    return elements.slice(0, max);\n  }\n\n  private updateDescendants(activeDescendant = '') {\n    const newPrevDescendantElement = this.activeDescendantElement;\n    this.previousActiveDescendantElement = newPrevDescendantElement;\n    this.updateActiveDescendant(activeDescendant);\n  }\n\n  private clearSuggestionElements() {\n    this.leftSuggestionElements = [];\n    this.rightSuggestionElements = [];\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-134b7370.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetFeedbackModalHeader","i18n","h","slot","t","SmartSnippetFeedbackModalBody","formId","onSubmit","children","part","id","class","SmartSnippetFeebackModalOptions","SmartSnippetFeedbackModalOption","correspondingAnswer","currentAnswer","localeKey","onChange","key","type","name","checked","required","htmlFor","SmartSnippetFeedbackModalDetails","setDetailsInputRef","ref","rows","SmartSnippetFeedbackModalFooter","onClick","Button","style","form","smartSnippetFeedbackOptions"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx"],"sourcesContent":["import type {SmartSnippetFeedback} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}) => {\n  return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\n\nexport const SmartSnippetFeedbackModalBody: FunctionalComponent<{\n  formId: string;\n  onSubmit: (e: Event) => void;\n}> = ({formId, onSubmit}, children) => {\n  return (\n    <form\n      part=\"form\"\n      id={formId}\n      slot=\"body\"\n      onSubmit={onSubmit}\n      class=\"flex flex-col gap-8\"\n    >\n      {children}\n    </form>\n  );\n};\n\nexport const SmartSnippetFeebackModalOptions: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <fieldset>\n      <legend part=\"reason-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('smart-snippet-feedback-select-reason')}\n      </legend>\n      {children}\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalOption: FunctionalComponent<{\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  id: string;\n  localeKey: string;\n  onChange: (e: Event) => void;\n}> = ({correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange}) => {\n  return (\n    <div class=\"flex items-center\" key={id} part=\"reason\">\n      <input\n        part=\"reason-radio\"\n        type=\"radio\"\n        name=\"answer\"\n        id={id}\n        checked={currentAnswer === correspondingAnswer}\n        onChange={onChange}\n        class=\"mr-2 h-4 w-4\"\n        required\n      />\n      <label part=\"reason-label\" htmlFor={id}>\n        {i18n.t(localeKey)}\n      </label>\n    </div>\n  );\n};\n\nexport const SmartSnippetFeedbackModalDetails: FunctionalComponent<{\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;\n}> = ({currentAnswer, i18n, setDetailsInputRef}) => {\n  if (currentAnswer !== 'other') {\n    return;\n  }\n\n  return (\n    <fieldset>\n      <legend part=\"details-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('details')}\n      </legend>\n      <textarea\n        part=\"details-input\"\n        name=\"answer-details\"\n        ref={setDetailsInputRef}\n        class=\"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\"\n        rows={4}\n        required\n      ></textarea>\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalFooter: FunctionalComponent<{\n  formId: string;\n  i18n: i18n;\n  onClick: (e: MouseEvent) => void;\n}> = ({formId, i18n, onClick}) => {\n  return (\n    <div part=\"buttons\" slot=\"footer\" class=\"flex justify-end gap-2\">\n      <Button\n        part=\"cancel-button\"\n        style=\"outline-neutral\"\n        class=\"text-primary\"\n        onClick={onClick}\n      >\n        {i18n.t('cancel')}\n      </Button>\n      <Button part=\"submit-button\" style=\"primary\" type=\"submit\" form={formId}>\n        {i18n.t('feedback-send')}\n      </Button>\n    </div>\n  );\n};\n\nexport const smartSnippetFeedbackOptions: {\n  id: string;\n  localeKey: string;\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n}[] = [\n  {\n    id: 'does-not-answer',\n    localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n    correspondingAnswer: 'does_not_answer',\n  },\n  {\n    id: 'partially-answers',\n    localeKey: 'smart-snippet-feedback-reason-partially-answers',\n    correspondingAnswer: 'partially_answers',\n  },\n  {\n    id: 'was-not-a-question',\n    localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n    correspondingAnswer: 'was_not_a_question',\n  },\n  {\n    id: 'other',\n    localeKey: 'smart-snippet-feedback-reason-other',\n    correspondingAnswer: 'other',\n  },\n];\n"],"mappings":"8EAKaA,EAER,EAAEC,UACEC,EAAA,MAAIC,KAAK,UAAUF,EAAKG,EAAE,uC,MAGtBC,EAGR,EAAEC,SAAQC,YAAWC,IAEtBN,EAAA,QACEO,KAAK,OACLC,GAAIJ,EACJH,KAAK,OACLI,SAAUA,EACVI,MAAM,uBAELH,G,MAKMI,EAER,EAAEX,QAAOO,IAEVN,EAAA,gBACEA,EAAA,UAAQO,KAAK,eAAeE,MAAM,wCAC/BV,EAAKG,EAAE,yCAETI,G,MAKMK,EAOR,EAAEC,sBAAqBC,gBAAed,OAAMS,KAAIM,YAAWC,cAE5Df,EAAA,OAAKS,MAAM,oBAAoBO,IAAKR,EAAID,KAAK,UAC3CP,EAAA,SACEO,KAAK,eACLU,KAAK,QACLC,KAAK,SACLV,GAAIA,EACJW,QAASN,IAAkBD,EAC3BG,SAAUA,EACVN,MAAM,eACNW,SAAQ,OAEVpB,EAAA,SAAOO,KAAK,eAAec,QAASb,GACjCT,EAAKG,EAAEY,K,MAMHQ,EAIR,EAAET,gBAAed,OAAMwB,yBAC1B,GAAIV,IAAkB,QAAS,CAC7B,M,CAGF,OACEb,EAAA,gBACEA,EAAA,UAAQO,KAAK,gBAAgBE,MAAM,wCAChCV,EAAKG,EAAE,YAEVF,EAAA,YACEO,KAAK,gBACLW,KAAK,iBACLM,IAAKD,EACLd,MAAM,gFACNgB,KAAM,EACNL,SAAQ,OAED,E,MAIFM,EAIR,EAAEtB,SAAQL,OAAM4B,aAEjB3B,EAAA,OAAKO,KAAK,UAAUN,KAAK,SAASQ,MAAM,0BACtCT,EAAC4B,EAAM,CACLrB,KAAK,gBACLsB,MAAM,kBACNpB,MAAM,eACNkB,QAASA,GAER5B,EAAKG,EAAE,WAEVF,EAAC4B,EAAM,CAACrB,KAAK,gBAAgBsB,MAAM,UAAUZ,KAAK,SAASa,KAAM1B,GAC9DL,EAAKG,EAAE,mB,MAMH6B,EAIP,CACJ,CACEvB,GAAI,kBACJM,UAAW,gDACXF,oBAAqB,mBAEvB,CACEJ,GAAI,oBACJM,UAAW,kDACXF,oBAAqB,qBAEvB,CACEJ,GAAI,qBACJM,UAAW,mDACXF,oBAAqB,sBAEvB,CACEJ,GAAI,QACJM,UAAW,sCACXF,oBAAqB,iB","ignoreList":[]}

package/dist/atomic/p-15580d9e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RefineModal","props","children","flushFacetElements","host","querySelector","remove","renderHeader","h","slot","class","part","title","Button","style","onClick","onClose","ariaLabel","i18n","t","icon","CloseIcon","renderFooter","text","numberOfItems","toLocaleString","language","fullscreen","isOpen","source","openButton","container","close","onAnimationEnded","exportparts","ATOMIC_MODAL_EXPORT_PARTS","boundary","scope"],"sources":["src/components/common/refine-modal/stencil-modal.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../images/close.svg';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../atomic-modal/export-parts';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalProps {\n  host: HTMLElement;\n  i18n: i18n;\n  onClose(): void;\n  title: string;\n  numberOfItems: number;\n  isOpen: boolean;\n  openButton?: HTMLElement;\n  boundary?: 'page' | 'element';\n  scope?: HTMLElement;\n}\n\nexport const RefineModal: FunctionalComponent<RefineModalProps> = (\n  props,\n  children\n) => {\n  const flushFacetElements = () => {\n    props.host.querySelector('div[slot=\"facets\"]')?.remove();\n  };\n\n  const renderHeader = () => {\n    return (\n      <div slot=\"header\" class=\"contents\">\n        <h1 part=\"title\" class=\"truncate\">\n          {props.title}\n        </h1>\n        <Button\n          style=\"text-transparent\"\n          class=\"grid place-items-center\"\n          part=\"close-button\"\n          onClick={props.onClose}\n          ariaLabel={props.i18n.t('close')}\n        >\n          <atomic-icon\n            part=\"close-icon\"\n            class=\"h-5 w-5\"\n            icon={CloseIcon}\n          ></atomic-icon>\n        </Button>\n      </div>\n    );\n  };\n\n  const renderFooter = () => {\n    return (\n      <div part=\"footer-content\" slot=\"footer\">\n        <Button\n          style=\"primary\"\n          part=\"footer-button\"\n          class=\"flex w-full justify-center p-3 text-lg\"\n          onClick={props.onClose}\n        >\n          <span part=\"footer-button-text\" class=\"mr-1 truncate\">\n            {props.i18n.t('view-results')}\n          </span>\n          <span part=\"footer-button-count\">\n            {props.i18n.t('between-parentheses', {\n              text: props.numberOfItems.toLocaleString(props.i18n.language),\n            })}\n          </span>\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <atomic-modal\n      fullscreen\n      isOpen={props.isOpen}\n      source={props.openButton}\n      container={props.host}\n      close={props.onClose}\n      onAnimationEnded={() => {\n        if (!props.isOpen) {\n          flushFacetElements();\n        }\n      }}\n      exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      boundary={props.boundary}\n      scope={props.scope}\n    >\n      {renderHeader()}\n      {...children}\n      {renderFooter()}\n    </atomic-modal>\n  );\n};\n"],"mappings":"sJAkBaA,EAAqD,CAChEC,EACAC,KAEA,MAAMC,EAAqB,KACzBF,EAAMG,KAAKC,cAAc,uBAAuBC,QAAQ,EAG1D,MAAMC,EAAe,IAEjBC,EAAA,OAAKC,KAAK,SAASC,MAAM,YACvBF,EAAA,MAAIG,KAAK,QAAQD,MAAM,YACpBT,EAAMW,OAETJ,EAACK,EAAM,CACLC,MAAM,mBACNJ,MAAM,0BACNC,KAAK,eACLI,QAASd,EAAMe,QACfC,UAAWhB,EAAMiB,KAAKC,EAAE,UAExBX,EAAA,eACEG,KAAK,aACLD,MAAM,UACNU,KAAMC,MAOhB,MAAMC,EAAe,IAEjBd,EAAA,OAAKG,KAAK,iBAAiBF,KAAK,UAC9BD,EAACK,EAAM,CACLC,MAAM,UACNH,KAAK,gBACLD,MAAM,yCACNK,QAASd,EAAMe,SAEfR,EAAA,QAAMG,KAAK,qBAAqBD,MAAM,iBACnCT,EAAMiB,KAAKC,EAAE,iBAEhBX,EAAA,QAAMG,KAAK,uBACRV,EAAMiB,KAAKC,EAAE,sBAAuB,CACnCI,KAAMtB,EAAMuB,cAAcC,eAAexB,EAAMiB,KAAKQ,eAQhE,OACElB,EAAA,gBACEmB,WAAU,KACVC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM6B,WACdC,UAAW9B,EAAMG,KACjB4B,MAAO/B,EAAMe,QACbiB,iBAAkB,KAChB,IAAKhC,EAAM2B,OAAQ,CACjBzB,G,GAGJ+B,YAAaC,EACbC,SAAUnC,EAAMmC,SAChBC,MAAOpC,EAAMoC,OAEZ9B,OACGL,EACHoB,IACY,S","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":[]}