@coveo/atomic 3.33.8-pre.e5ad619274 → 3.33.8-pre.f184f52f60

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-26T15:09:31",
+  "timestamp": "2025-09-30T18:22:13",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -5833,6 +5833,172 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/search/atomic-pager/atomic-pager.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-pager",
+      "docs": "The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.",
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "buttons - The list of the next/previous buttons and page-buttons."
+        },
+        {
+          "name": "part",
+          "text": "page-buttons - The list of page buttons."
+        },
+        {
+          "name": "part",
+          "text": "page-button - The page button."
+        },
+        {
+          "name": "part",
+          "text": "active-page-button - The active page button."
+        },
+        {
+          "name": "part",
+          "text": "previous-button - The previous button."
+        },
+        {
+          "name": "part",
+          "text": "next-button - The next button."
+        },
+        {
+          "name": "part",
+          "text": "previous-button-icon - Icon of the previous button."
+        },
+        {
+          "name": "part",
+          "text": "next-button-icon - Icon of the next button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "nextButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "next-button-icon",
+          "reflectToAttr": true,
+          "docs": "The SVG icon to use to display the Next button.\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": [],
+          "default": "ArrowRightIcon",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "numberOfPages",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "number-of-pages",
+          "reflectToAttr": true,
+          "docs": "Specifies how many page buttons to display in the pager.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "previousButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "previous-button-icon",
+          "reflectToAttr": true,
+          "docs": "The SVG icon to use to display the Previous button.\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": [],
+          "default": "ArrowLeftIcon",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "atomic/scrollToTop",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "active-page-button",
+          "docs": "The active page button."
+        },
+        {
+          "name": "buttons",
+          "docs": "The list of the next/previous buttons and page-buttons."
+        },
+        {
+          "name": "next-button",
+          "docs": "The next button."
+        },
+        {
+          "name": "next-button-icon",
+          "docs": "Icon of the next button."
+        },
+        {
+          "name": "page-button",
+          "docs": "The page button."
+        },
+        {
+          "name": "page-buttons",
+          "docs": "The list of page buttons."
+        },
+        {
+          "name": "previous-button",
+          "docs": "The previous button."
+        },
+        {
+          "name": "previous-button-icon",
+          "docs": "Icon of the previous button."
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/search/facets/atomic-popover/atomic-popover.tsx",
       "encapsulation": "shadow",
@@ -12314,13 +12480,11 @@
       "dependents": [],
       "dependencies": [
         "atomic-suggestion-renderer",
-        "atomic-search-box-recent-queries",
         "atomic-search-box-query-suggestions"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
           "atomic-suggestion-renderer",
-          "atomic-search-box-recent-queries",
           "atomic-search-box-query-suggestions"
         ]
       }
@@ -12639,101 +12803,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/search/search-box-suggestions/atomic-search-box-recent-queries/atomic-search-box-recent-queries.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-search-box-recent-queries",
-      "docs": "The `atomic-search-box-recent-queries` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of recent query suggestions.",
-      "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",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "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": [],
-          "default": "3",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "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-recent-queries"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/atomic-search-interface/atomic-search-interface.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.8-pre.e5ad619274",
+  "version": "3.33.8-pre.f184f52f60",
   "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.2",
-    "@coveo/headless": "3.31.1-pre.e5ad619274",
+    "@coveo/headless": "3.31.1-pre.f184f52f60",
     "@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.2",
-    "@coveo/headless": "3.31.1-pre.e5ad619274",
+    "@coveo/headless": "3.31.1-pre.f184f52f60",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-search-box-recent-queries.d.ts

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

package/dist/atomic/components/atomic-search-box-recent-queries.js

@@ -1,8 +0,0 @@
-import { A as AtomicSearchBoxRecentQueries$1, d as defineCustomElement$1 } from './atomic-search-box-recent-queries2.js';
-
-const AtomicSearchBoxRecentQueries = AtomicSearchBoxRecentQueries$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSearchBoxRecentQueries, defineCustomElement };
-
-//# sourceMappingURL=atomic-search-box-recent-queries.js.map

package/dist/atomic/components/atomic-search-box-recent-queries.js.map

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

package/dist/atomic/components/atomic-search-box-recent-queries2.js

@@ -1,183 +0,0 @@
-import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { HighlightUtils, buildRecentQueriesList } from '@coveo/headless';
-import { C as Clock } from './clock.js';
-import { a as SafeStorage, S as StorageItems } from './local-storage-utils.js';
-import { o as once } from './utils.js';
-import { e as encodeForDomAttribute } from './string-utils.js';
-import { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-events.js';
-
-const getPartialRecentQueryElement = (value, i18n) => {
-    return {
-        part: 'recent-query-item',
-        query: value,
-        key: `recent-${encodeForDomAttribute(value)}`,
-        ariaLabel: i18n.t('recent-query-suggestion-label', {
-            query: value,
-            interpolation: { escapeValue: false },
-        }),
-    };
-};
-const getPartialRecentQueryClearElement = (i18n) => {
-    return {
-        key: 'recent-query-clear',
-        ariaLabel: i18n.t('clear-recent-searches', {
-            interpolation: { escapeValue: false },
-        }),
-        part: 'recent-query-title-item suggestion-divider',
-        hideIfLast: true,
-    };
-};
-const RecentQueriesContainer = (_, children) => {
-    return (h("div", { part: "recent-query-content", class: "flex items-center text-left break-all" }, children));
-};
-const RecentQueryIcon = ({ icon, }) => {
-    return (h("atomic-icon", { part: "recent-query-icon", icon: icon, class: "mr-2 h-4 w-4 shrink-0" }));
-};
-const RecentQueryText = ({ query, value, }) => {
-    if (query === '') {
-        return (h("span", { part: "recent-query-text", class: "line-clamp-2 break-all" }, value));
-    }
-    return (h("span", { part: "recent-query-text", class: "line-clamp-2 break-all", innerHTML: HighlightUtils.highlightString({
-            content: value,
-            openingDelimiter: '<span part="recent-query-text-highlight" class="font-bold">',
-            closingDelimiter: '</span>',
-            highlights: [
-                {
-                    offset: query.length,
-                    length: value.length - query.length,
-                },
-            ],
-        }) }));
-};
-const RecentQueryClear = ({ i18n, }) => {
-    return (h("div", { part: "recent-query-title-content", class: "flex w-full justify-between" },
-        h("span", { class: "font-bold", part: "recent-query-title" }, i18n.t('recent-searches')),
-        h("span", { part: "recent-query-clear" }, i18n.t('clear'))));
-};
-
-const AtomicSearchBoxRecentQueries = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBoxRecentQueries extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-         */
-        this.maxWithQuery = 3;
-        this.warnUser = once(() => this.bindings.engine.logger.warn('Because analytics are disabled, the recent queries feature is deactivated.'));
-        this.error = undefined;
-        this.icon = undefined;
-        this.maxWithQuery = 3;
-        this.maxWithoutQuery = undefined;
-    }
-    componentWillLoad() {
-        try {
-            dispatchSearchBoxSuggestionsEvent((bindings) => {
-                this.bindings = bindings;
-                return this.initialize();
-            }, this.host, ['atomic-search-box']);
-        }
-        catch (error) {
-            this.error = error;
-        }
-    }
-    renderIcon() {
-        return this.icon || Clock;
-    }
-    initialize() {
-        this.storage = new SafeStorage();
-        this.recentQueriesList = buildRecentQueriesList(this.bindings.engine, {
-            initialState: { queries: this.retrieveLocalStorage() },
-            options: { maxLength: 1000, clearFilters: this.bindings.clearFilters },
-        });
-        this.recentQueriesList.subscribe(() => this.updateLocalStorage());
-        return {
-            position: Array.from(this.host.parentNode.children).indexOf(this.host),
-            renderItems: () => this.renderItems(),
-        };
-    }
-    retrieveLocalStorage() {
-        return this.storage.getParsedJSON(StorageItems.RECENT_QUERIES, []);
-    }
-    updateLocalStorage() {
-        if (!this.recentQueriesList.state.analyticsEnabled) {
-            return this.disableFeature();
-        }
-        return this.storage.setJSON(StorageItems.RECENT_QUERIES, this.recentQueriesList.state.queries);
-    }
-    disableFeature() {
-        this.warnUser();
-        this.storage.removeItem(StorageItems.RECENT_QUERIES);
-    }
-    renderItems() {
-        if (!this.recentQueriesList.state.analyticsEnabled) {
-            return [];
-        }
-        const query = this.bindings.searchBoxController.state.value;
-        const hasQuery = query !== '';
-        const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;
-        const filteredQueries = this.recentQueriesList.state.queries
-            .filter((recentQuery) => recentQuery.toLowerCase().startsWith(query.toLowerCase()))
-            .slice(0, max);
-        const suggestionElements = filteredQueries.map((value) => this.renderItem(value));
-        if (suggestionElements.length) {
-            suggestionElements.unshift(this.renderClear());
-        }
-        return suggestionElements;
-    }
-    renderClear() {
-        const partialItem = getPartialRecentQueryClearElement(this.bindings.i18n);
-        return {
-            ...partialItem,
-            content: h(RecentQueryClear, { i18n: this.bindings.i18n }),
-            onSelect: () => {
-                this.recentQueriesList.clear();
-                this.bindings.triggerSuggestions();
-            },
-        };
-    }
-    renderItem(value) {
-        const query = this.bindings.searchBoxController.state.value;
-        const partialItem = getPartialRecentQueryElement(value, this.bindings.i18n);
-        return {
-            ...partialItem,
-            content: (h(RecentQueriesContainer, null, h(RecentQueryIcon, { icon: this.renderIcon() }), h(RecentQueryText, { query: query, value: value }))),
-            onSelect: () => {
-                if (this.bindings.isStandalone) {
-                    this.bindings.searchBoxController.updateText(value);
-                    this.bindings.searchBoxController.submit();
-                    return;
-                }
-                this.recentQueriesList.executeRecentQuery(this.recentQueriesList.state.queries.indexOf(value));
-            },
-        };
-    }
-    render() {
-        if (this.error) {
-            return (h("atomic-component-error", { key: '577129c08c073b99dbb6b86b77e2ffa7c2ff7f69', element: this.host, error: this.error }));
-        }
-    }
-    get host() { return this; }
-}, [1, "atomic-search-box-recent-queries", {
-        "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-recent-queries"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-search-box-recent-queries":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicSearchBoxRecentQueries);
-            }
-            break;
-    } });
-}
-
-export { AtomicSearchBoxRecentQueries as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-search-box-recent-queries2.js.map

package/dist/atomic/components/atomic-search-box-recent-queries2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-recent-queries2.js","mappings":"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","names":[],"sources":["src/components/common/suggestions/stencil-recent-queries.tsx","src/components/search/search-box-suggestions/atomic-search-box-recent-queries/atomic-search-box-recent-queries.tsx"],"sourcesContent":["import {HighlightUtils} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils';\nimport {SearchBoxSuggestionElement} from './suggestions-types';\n\nexport const getPartialRecentQueryElement = (\n  value: string,\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'query' | 'part'> => {\n  return {\n    part: 'recent-query-item',\n    query: value,\n    key: `recent-${encodeForDomAttribute(value)}`,\n    ariaLabel: i18n.t('recent-query-suggestion-label', {\n      query: value,\n      interpolation: {escapeValue: false},\n    }),\n  };\n};\n\nexport const getPartialRecentQueryClearElement = (\n  i18n: i18n\n): Pick<\n  SearchBoxSuggestionElement,\n  'ariaLabel' | 'key' | 'part' | 'hideIfLast'\n> => {\n  return {\n    key: 'recent-query-clear',\n    ariaLabel: i18n.t('clear-recent-searches', {\n      interpolation: {escapeValue: false},\n    }),\n    part: 'recent-query-title-item suggestion-divider',\n    hideIfLast: true,\n  };\n};\n\nexport const RecentQueriesContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div\n      part=\"recent-query-content\"\n      class=\"flex items-center text-left break-all\"\n    >\n      {children}\n    </div>\n  );\n};\n\ninterface RecentQueryIconProps {\n  icon: string;\n}\n\nexport const RecentQueryIcon: FunctionalComponent<RecentQueryIconProps> = ({\n  icon,\n}) => {\n  return (\n    <atomic-icon\n      part=\"recent-query-icon\"\n      icon={icon}\n      class=\"mr-2 h-4 w-4 shrink-0\"\n    ></atomic-icon>\n  );\n};\n\ninterface RecentQueryTextProps {\n  query: string;\n  value: string;\n}\n\nexport const RecentQueryText: FunctionalComponent<RecentQueryTextProps> = ({\n  query,\n  value,\n}) => {\n  if (query === '') {\n    return (\n      <span part=\"recent-query-text\" class=\"line-clamp-2 break-all\">\n        {value}\n      </span>\n    );\n  }\n  return (\n    <span\n      part=\"recent-query-text\"\n      class=\"line-clamp-2 break-all\"\n      innerHTML={HighlightUtils.highlightString({\n        content: value,\n        openingDelimiter:\n          '<span part=\"recent-query-text-highlight\" class=\"font-bold\">',\n        closingDelimiter: '</span>',\n        highlights: [\n          {\n            offset: query.length,\n            length: value.length - query.length,\n          },\n        ],\n      })}\n    ></span>\n  );\n};\n\ninterface RecentQueryClearProps {\n  i18n: i18n;\n}\n\nexport const RecentQueryClear: FunctionalComponent<RecentQueryClearProps> = ({\n  i18n,\n}) => {\n  return (\n    <div part=\"recent-query-title-content\" class=\"flex w-full justify-between\">\n      <span class=\"font-bold\" part=\"recent-query-title\">\n        {i18n.t('recent-searches')}\n      </span>\n      <span part=\"recent-query-clear\">{i18n.t('clear')}</span>\n    </div>\n  );\n};\n","import {\n  buildRecentQueriesList,\n  RecentQueriesList,\n  SearchBox,\n} from '@coveo/headless';\nimport {Component, Element, Prop, State, h} from '@stencil/core';\nimport Clock from '../../../../images/clock.svg';\nimport {SafeStorage, StorageItems} from '../../../../utils/local-storage-utils';\nimport {once} from '../../../../utils/utils';\nimport {\n  getPartialRecentQueryClearElement,\n  getPartialRecentQueryElement,\n  RecentQueriesContainer,\n  RecentQueryClear,\n  RecentQueryIcon,\n  RecentQueryText,\n} from '../../../common/suggestions/stencil-recent-queries';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n} from '../../../common/suggestions/suggestions-events';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-types';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-search-box-recent-queries` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of recent query suggestions.\n */\n@Component({\n  tag: 'atomic-search-box-recent-queries',\n  shadow: true,\n})\nexport class AtomicSearchBoxRecentQueries {\n  private bindings!: SearchBoxSuggestionsBindings<SearchBox, Bindings>;\n  private recentQueriesList!: RecentQueriesList;\n  private storage!: SafeStorage;\n\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 = 3;\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, Bindings>(\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 renderIcon() {\n    return this.icon || Clock;\n  }\n\n  private initialize(): SearchBoxSuggestions {\n    this.storage = new SafeStorage();\n    this.recentQueriesList = buildRecentQueriesList(this.bindings.engine, {\n      initialState: {queries: this.retrieveLocalStorage()},\n      options: {maxLength: 1000, clearFilters: this.bindings.clearFilters},\n    });\n\n    this.recentQueriesList.subscribe(() => this.updateLocalStorage());\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private retrieveLocalStorage() {\n    return this.storage.getParsedJSON(StorageItems.RECENT_QUERIES, []);\n  }\n\n  private updateLocalStorage() {\n    if (!this.recentQueriesList.state.analyticsEnabled) {\n      return this.disableFeature();\n    }\n\n    return this.storage.setJSON(\n      StorageItems.RECENT_QUERIES,\n      this.recentQueriesList.state.queries\n    );\n  }\n\n  private warnUser = once(() =>\n    this.bindings.engine.logger.warn(\n      'Because analytics are disabled, the recent queries feature is deactivated.'\n    )\n  );\n\n  private disableFeature() {\n    this.warnUser();\n    this.storage.removeItem(StorageItems.RECENT_QUERIES);\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    if (!this.recentQueriesList.state.analyticsEnabled) {\n      return [];\n    }\n\n    const query = this.bindings.searchBoxController.state.value;\n    const hasQuery = query !== '';\n    const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;\n    const filteredQueries = this.recentQueriesList.state.queries\n      .filter((recentQuery) =>\n        recentQuery.toLowerCase().startsWith(query.toLowerCase())\n      )\n      .slice(0, max);\n\n    const suggestionElements: SearchBoxSuggestionElement[] =\n      filteredQueries.map((value) => this.renderItem(value));\n    if (suggestionElements.length) {\n      suggestionElements.unshift(this.renderClear());\n    }\n\n    return suggestionElements;\n  }\n\n  private renderClear(): SearchBoxSuggestionElement {\n    const partialItem = getPartialRecentQueryClearElement(this.bindings.i18n);\n\n    return {\n      ...partialItem,\n      content: <RecentQueryClear i18n={this.bindings.i18n} />,\n      onSelect: () => {\n        this.recentQueriesList.clear();\n        this.bindings.triggerSuggestions();\n      },\n    };\n  }\n\n  private renderItem(value: string): SearchBoxSuggestionElement {\n    const query = this.bindings.searchBoxController.state.value;\n    const partialItem = getPartialRecentQueryElement(value, this.bindings.i18n);\n    return {\n      ...partialItem,\n      content: (\n        <RecentQueriesContainer>\n          <RecentQueryIcon icon={this.renderIcon()} />\n          <RecentQueryText query={query} value={value} />\n        </RecentQueriesContainer>\n      ),\n\n      onSelect: () => {\n        if (this.bindings.isStandalone) {\n          this.bindings.searchBoxController.updateText(value);\n          this.bindings.searchBoxController.submit();\n          return;\n        }\n\n        this.recentQueriesList.executeRecentQuery(\n          this.recentQueriesList.state.queries.indexOf(value)\n        );\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}