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

package/dist/types/components/search/atomic-pager/atomic-pager.d.ts

@@ -1,33 +1,36 @@
-import { Pager, PagerState, SearchStatus, SearchStatusState } from '@coveo/headless';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { Bindings } from '../atomic-search-interface/atomic-search-interface';
+import { type Pager, type PagerState, type SearchStatus, type SearchStatusState } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { InitializableComponent } from "../../../decorators/types";
+declare const AtomicPager_base: typeof LitElement;
 /**
  * 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 page button.
+ * @part page-button - The individual page buttons.
  * @part active-page-button - The active page button.
- * @part previous-button - The previous button.
- * @part next-button - The next button.
- * @part previous-button-icon - Icon of the previous button.
- * @part next-button-icon - Icon of the next 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.
  */
-export declare class AtomicPager implements InitializableComponent {
+export declare class AtomicPager extends AtomicPager_base implements InitializableComponent<Bindings> {
     bindings: Bindings;
+    error: Error;
+    private isAppLoaded;
     pager: Pager;
     searchStatus: SearchStatus;
     pagerState: PagerState;
     searchStatusState: SearchStatusState;
-    error: Error;
-    private isAppLoaded;
-    private scrollToTopEvent;
     /**
-     * Specifies how many page buttons to display in the pager.
+     * The maximum number of page buttons to display in the pager.
      */
     numberOfPages: number;
     /**
-     * The SVG icon to use to display the Previous button.
+     * 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.
@@ -35,7 +38,7 @@ export declare class AtomicPager implements InitializableComponent {
      */
     previousButtonIcon: string;
     /**
-     * The SVG icon to use to display the Next button.
+     * 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.
@@ -44,6 +47,13 @@ export declare class AtomicPager implements InitializableComponent {
     nextButtonIcon: string;
     private radioGroupName;
     initialize(): void;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
+    private validateProps;
     private focusOnFirstResultAndScrollToTop;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-pager': AtomicPager;
+    }
+}
+export {};

package/dist/types/components/search/atomic-search-box/atomic-search-box.d.ts

@@ -161,6 +161,5 @@ export declare class AtomicSearchBox implements InitializableComponent<Bindings>
     private getSearchInputLabel;
     private announceNewActiveSuggestionToScreenReader;
     private announceNewSuggestionsToScreenReader;
-    private renderSlotContent;
     render(): any;
 }

package/dist/types/components/search/index.d.ts

@@ -1,3 +1,4 @@
+export { AtomicPager } from './atomic-pager/atomic-pager.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';

package/dist/types/components.d.ts

@@ -1427,23 +1427,6 @@ export namespace Components {
          */
         "start": number;
     }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface AtomicPager {
-        /**
-          * The SVG icon to use to display the Next 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.
-         */
-        "nextButtonIcon": string;
-        /**
-          * Specifies how many page buttons to display in the pager.
-         */
-        "numberOfPages": number;
-        /**
-          * The SVG icon to use to display the Previous 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.
-         */
-        "previousButtonIcon": string;
-    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -2939,10 +2922,6 @@ export interface AtomicIpxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicIpxModalElement;
 }
-export interface AtomicPagerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLAtomicPagerElement;
-}
 export interface AtomicQuickviewModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicQuickviewModalElement;
@@ -3619,26 +3598,6 @@ declare global {
         prototype: HTMLAtomicNumericRangeElement;
         new (): HTMLAtomicNumericRangeElement;
     };
-    interface HTMLAtomicPagerElementEventMap {
-        "atomic/scrollToTop": any;
-    }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface HTMLAtomicPagerElement extends Components.AtomicPager, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLAtomicPagerElement: {
-        prototype: HTMLAtomicPagerElement;
-        new (): HTMLAtomicPagerElement;
-    };
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -4568,7 +4527,6 @@ declare global {
         "atomic-notifications": HTMLAtomicNotificationsElement;
         "atomic-numeric-facet": HTMLAtomicNumericFacetElement;
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
-        "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
         "atomic-query-error": HTMLAtomicQueryErrorElement;
         "atomic-quickview": HTMLAtomicQuickviewElement;
@@ -5960,24 +5918,6 @@ declare namespace LocalJSX {
          */
         "start": number;
     }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface AtomicPager {
-        /**
-          * The SVG icon to use to display the Next 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.
-         */
-        "nextButtonIcon"?: string;
-        /**
-          * Specifies how many page buttons to display in the pager.
-         */
-        "numberOfPages"?: number;
-        "onAtomic/scrollToTop"?: (event: AtomicPagerCustomEvent<any>) => void;
-        /**
-          * The SVG icon to use to display the Previous 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.
-         */
-        "previousButtonIcon"?: string;
-    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -7440,7 +7380,6 @@ declare namespace LocalJSX {
         "atomic-notifications": AtomicNotifications;
         "atomic-numeric-facet": AtomicNumericFacet;
         "atomic-numeric-range": AtomicNumericRange;
-        "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
         "atomic-query-error": AtomicQueryError;
         "atomic-quickview": AtomicQuickview;
@@ -7706,10 +7645,6 @@ declare module "@stencil/core" {
              * The `atomic-numeric-range` component defines the range of an `atomic-numeric-facet`, and therefore must be defined within an `atomic-numeric-facet` component.
              */
             "atomic-numeric-range": LocalJSX.AtomicNumericRange & JSXBase.HTMLAttributes<HTMLAtomicNumericRangeElement>;
-            /**
-             * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-             */
-            "atomic-pager": LocalJSX.AtomicPager & JSXBase.HTMLAttributes<HTMLAtomicPagerElement>;
             /**
              * The `atomic-popover` component displays any facet as a popover menu.
              */

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-26T22:05:49",
+  "timestamp": "2025-09-26T15:09:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -5833,172 +5833,6 @@
       "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",

package/package.json

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

package/dist/atomic/components/atomic-pager.d.ts

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