@coveo/atomic 3.33.8-pre.4dadface29 → 3.33.8-pre.4e37aa6985

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-29T14:56:24",
+  "timestamp": "2025-09-30T15:49:01",
   "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,14 +12480,12 @@
       "dependents": [],
       "dependencies": [
         "atomic-suggestion-renderer",
-        "atomic-search-box-recent-queries",
-        "atomic-search-box-query-suggestions"
+        "atomic-search-box-recent-queries"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
           "atomic-suggestion-renderer",
-          "atomic-search-box-recent-queries",
-          "atomic-search-box-query-suggestions"
+          "atomic-search-box-recent-queries"
         ]
       }
     },
@@ -12542,103 +12706,6 @@
         ]
       }
     },
-    {
-      "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"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/search-box-suggestions/atomic-search-box-recent-queries/atomic-search-box-recent-queries.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.8-pre.4dadface29",
+  "version": "3.33.8-pre.4e37aa6985",
   "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.4dadface29",
+    "@coveo/headless": "3.31.1-pre.4e37aa6985",
     "@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.4dadface29",
+    "@coveo/headless": "3.31.1-pre.4e37aa6985",
     "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, d 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,89 +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 { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-events.js';
-
-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: 'ee518dd01ee68d5ac1e13c37335888acf7089beb', 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 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":";;;;;;MA8Ba,+BAA+B;;;;;;;;;;IAwB1C,iBAAiB;QACf,IAAI;YACF,iCAAiC,CAC/B,CAAC,QAAQ;gBACP,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;aAC1B,EACD,IAAI,CAAC,IAAI,EACT,CAAC,mBAAmB,CAAC,CACtB,CAAC;SACH;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;SAC7B;KACF;IAEO,UAAU;QAChB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAG3B,CAAC;QACH,MAAM,EAAC,oBAAoB,EAAE,qBAAqB,EAAC,GACjD,uBAAuB,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,CAAC,QAAQ,CACb,oBAAoB,CAAC;YACnB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;YACpB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe;SACrC,CAAC,CACH,CAAC;QAEF,OAAO;YACL,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YACvE,OAAO,EAAE,MACP,MAAM,CAAC,QAAQ,CACb,qBAAqB,CAAC;gBACpB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;aACrB,CAAC,CACH;YACH,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE;SACtC,CAAC;KACH;IAEO,WAAW;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;QACtE,MAAM,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC;QAChE,OAAO,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,WAAW;aACvD,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;aACb,GAAG,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;KACrD;IAEO,UAAU,CAAC,UAAsB;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;QACtE,MAAM,WAAW,GAAG,oCAAoC,CACtD,UAAU,EACV,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,CAAC;QAEF,OAAO;YACL,GAAG,WAAW;YACd,OAAO,GACL,EAAC,wBAAwB,QACvB,EAAC,mBAAmB,IAClB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU,EAC7B,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,GAAG,CAAC,GACxD,EAEF,EAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1C,CAC5B;YACD,QAAQ,EAAE;gBACR,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;aACzE;SACF,CAAC;KACH;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,QACE,+EACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACO,EAC1B;SACH;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx"],"sourcesContent":["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/search/atomic-pager/atomic-pager.js

@@ -1,178 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { NumberValue, Schema } from '@coveo/bueno';
-import { buildPager, buildSearchStatus, } from '@coveo/headless';
-import { html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { keyed } from 'lit/directives/keyed.js';
-import { when } from 'lit/directives/when.js';
-import { createAppLoadedListener } from "../../common/interface/store";
-import { renderPagerNavigation } from "../../common/pager/pager-navigation";
-import { bindStateToController } from "../../../decorators/bind-state";
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { errorGuard } from "../../../decorators/error-guard";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
-import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
-import { randomID } from "../../../utils/utils";
-const ArrowLeftIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.5 4.8-4.3 4.5c-.3.4-.3.9 0 1.3l4.3 4.6c.3.4.9.4 1.2 0s.3-.9 0-1.3l-3.7-4 3.7-3.9c.3-.4.3-.9 0-1.3-.3-.3-.9-.3-1.2.1z\"/></svg>";
-const ArrowRightIcon = "<svg viewBox=\"0 0 20 20\"><path d=\"m8.5 15.2 4.3-4.6c.3-.4.3-.9 0-1.3l-4.4-4.5c-.3-.4-.9-.4-1.2 0s-.3.9 0 1.3l3.7 4-3.7 3.9c-.3.4-.3.9 0 1.3.4.3 1 .3 1.3-.1z\"/></svg>";
-import { renderPageButtons, renderPagerNextButton, renderPagerPageButton, renderPagerPreviousButton, } from '../../common/pager/pager-buttons';
-/**
- * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
- *
- * @part buttons - The list of the next/previous buttons and page-buttons.
- * @part page-buttons - The list of page buttons.
- * @part page-button - The individual page buttons.
- * @part active-page-button - The active page button.
- * @part previous-button - The previous page button.
- * @part next-button - The next page button.
- * @part previous-button-icon - The icon displayed on the "previous page" button.
- * @part next-button-icon - The icon displayed on the "next page" button.
- *
- * @event atomic/scrollToTop - Emitted when the user clicks any of the buttons rendered by the component.
- */
-let AtomicPager = class AtomicPager extends InitializeBindingsMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.isAppLoaded = false;
-        /**
-         * The maximum number of page buttons to display in the pager.
-         */
-        this.numberOfPages = 5;
-        /**
-         * The SVG icon to render on the "previous page" button.
-         *
-         * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
-         * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
-         * - Use a stringified SVG to display it directly.
-         */
-        this.previousButtonIcon = ArrowLeftIcon;
-        /**
-         * The SVG icon to render on the "next page" button.
-         *
-         * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
-         * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
-         * - Use a stringified SVG to display it directly.
-         */
-        this.nextButtonIcon = ArrowRightIcon;
-        this.radioGroupName = randomID('atomic-pager-');
-    }
-    initialize() {
-        this.validateProps();
-        this.searchStatus = buildSearchStatus(this.bindings.engine);
-        this.pager = buildPager(this.bindings.engine, {
-            options: { numberOfPages: this.numberOfPages },
-        });
-        createAppLoadedListener(this.bindings.store, (isAppLoaded) => {
-            this.isAppLoaded = isAppLoaded;
-        });
-    }
-    render() {
-        if (!this.pagerState?.currentPages) {
-            return html ``;
-        }
-        const currentGroupName = `${this.radioGroupName}-${this.pagerState.currentPages.join('-')}`;
-        return html `${when(!this.searchStatusState.hasError &&
-            this.searchStatusState.hasResults &&
-            this.isAppLoaded, () => html `
-      ${renderPagerNavigation({
-            props: {
-                i18n: this.bindings.i18n,
-            },
-        })(html `
-          ${renderPagerPreviousButton({
-            props: {
-                icon: this.previousButtonIcon,
-                disabled: !this.pagerState.hasPreviousPage,
-                i18n: this.bindings.i18n,
-                onClick: () => {
-                    this.pager.previousPage();
-                    this.focusOnFirstResultAndScrollToTop();
-                },
-            },
-        })}
-          ${renderPageButtons({
-            props: {
-                i18n: this.bindings.i18n,
-            },
-        })(html `${this.pagerState.currentPages.map((pageNumber, index) => keyed(`page-${pageNumber}-${index}`, renderPagerPageButton({
-            props: {
-                isSelected: this.pager.isCurrentPage(pageNumber),
-                ariaLabel: this.bindings.i18n.t('page-number', {
-                    pageNumber,
-                }),
-                onChecked: () => {
-                    this.pager.selectPage(pageNumber);
-                    this.focusOnFirstResultAndScrollToTop();
-                },
-                page: pageNumber,
-                groupName: currentGroupName,
-                text: pageNumber.toLocaleString(this.bindings.i18n.language),
-            },
-        })))}`)}
-          ${renderPagerNextButton({
-            props: {
-                icon: this.nextButtonIcon,
-                disabled: !this.pagerState.hasNextPage,
-                i18n: this.bindings.i18n,
-                onClick: () => {
-                    this.pager.nextPage();
-                    this.focusOnFirstResultAndScrollToTop();
-                },
-            },
-        })}
-        `)}`)}`;
-    }
-    validateProps() {
-        new Schema({
-            numberOfPages: new NumberValue({ min: 0 }),
-        }).validate({
-            numberOfPages: this.numberOfPages,
-        });
-    }
-    async focusOnFirstResultAndScrollToTop() {
-        await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();
-        this.dispatchEvent(new CustomEvent('atomic/scrollToTop'));
-    }
-};
-__decorate([
-    state()
-], AtomicPager.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicPager.prototype, "error", void 0);
-__decorate([
-    state()
-], AtomicPager.prototype, "isAppLoaded", void 0);
-__decorate([
-    bindStateToController('pager'),
-    state()
-], AtomicPager.prototype, "pagerState", void 0);
-__decorate([
-    bindStateToController('searchStatus'),
-    state()
-], AtomicPager.prototype, "searchStatusState", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'number-of-pages', type: Number })
-], AtomicPager.prototype, "numberOfPages", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'previous-button-icon', type: String })
-], AtomicPager.prototype, "previousButtonIcon", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'next-button-icon', type: String })
-], AtomicPager.prototype, "nextButtonIcon", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicPager.prototype, "render", null);
-AtomicPager = __decorate([
-    customElement('atomic-pager'),
-    bindings(),
-    withTailwindStyles
-], AtomicPager);
-export { AtomicPager };

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