@coveo/atomic 3.34.0-pre.865a276550 → 3.34.0-pre.9b1e6d5dc1

package/dist/esm/slot-utils-3a3874a2.js

@@ -0,0 +1,20 @@
+function hasLightDOMSlotContent(element) {
+    return ('slotContent' in element &&
+        typeof element.slotContent === 'object');
+}
+function getNamedSlotContent(host, slotName) {
+    if (hasLightDOMSlotContent(host)) {
+        const targetLightDomSlotContent = host.slotContent[slotName];
+        return (targetLightDomSlotContent?.filter((node) => node instanceof Element) || []);
+    }
+    const children = Array.from(host.children);
+    return children.filter((child) => child.getAttribute('slot') === slotName);
+}
+function getDefaultSlotContent(host) {
+    const children = Array.from(host.children);
+    return children.filter((child) => !child.hasAttribute('slot') || child.getAttribute('slot') === '');
+}
+
+export { getDefaultSlotContent as a, getNamedSlotContent as g };
+
+//# sourceMappingURL=slot-utils-3a3874a2.js.map

package/dist/esm/slot-utils-3a3874a2.js.map

@@ -0,0 +1 @@
+{"file":"slot-utils-3a3874a2.js","mappings":"AAEA,SAAS,sBAAsB,CAC7B,OAAoB;IAEpB,QACE,aAAa,IAAI,OAAO;QACxB,OAAQ,OAA2C,CAAC,WAAW,KAAK,QAAQ,EAC5E;AACJ,CAAC;SAEe,mBAAmB,CACjC,IAAiB,EACjB,QAAgB;IAEhB,IAAI,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAChC,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE7D,QACE,yBAAyB,EAAE,MAAM,CAC/B,CAAC,IAAe,KAAsB,IAAI,YAAY,OAAO,CAC9D,IAAI,EAAE,EACP;KACH;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC,CAAC;AAC7E,CAAC;SAEe,qBAAqB,CAAC,IAAiB;IACrD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,QAAQ,CAAC,MAAM,CACpB,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAC5E,CAAC;AACJ;;;;","names":[],"sources":["src/utils/slot-utils.ts"],"sourcesContent":["import type {LightDOMWithSlots} from '@/src/mixins/slots-for-no-shadow-dom-mixin';\n\nfunction hasLightDOMSlotContent(\n  element: HTMLElement\n): element is HTMLElement & LightDOMWithSlots {\n  return (\n    'slotContent' in element &&\n    typeof (element as HTMLElement & LightDOMWithSlots).slotContent === 'object'\n  );\n}\n\nexport function getNamedSlotContent(\n  host: HTMLElement,\n  slotName: string\n): Element[] {\n  if (hasLightDOMSlotContent(host)) {\n    const targetLightDomSlotContent = host.slotContent[slotName];\n\n    return (\n      targetLightDomSlotContent?.filter(\n        (node: ChildNode): node is Element => node instanceof Element\n      ) || []\n    );\n  }\n\n  const children = Array.from(host.children);\n  return children.filter((child) => child.getAttribute('slot') === slotName);\n}\n\nexport function getDefaultSlotContent(host: HTMLElement): Element[] {\n  const children = Array.from(host.children);\n  return children.filter(\n    (child) => !child.hasAttribute('slot') || child.getAttribute('slot') === ''\n  );\n}\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.2-pre.865a276550';
-export const atomicVersion = '3.34.0-pre.865a276550';
+export const headlessVersion = '3.31.1';
+export const atomicVersion = '3.34.0-pre.9b1e6d5dc1';

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

@@ -1,5 +1,5 @@
 import { type Pagination, type PaginationState, type ProductListing, type Search } from '@coveo/headless/commerce';
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import type { InitializableComponent } from "../../../decorators/types";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
@@ -17,6 +17,8 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @event atomic/scrollToTop - Emitted when the user clicks the next or previous button, or a page button.
  */
 export declare class AtomicCommercePager extends LitElement implements InitializableComponent<CommerceBindings> {
+    private static propsSchema;
+    private radioGroupName;
     bindings: CommerceBindings;
     error: Error;
     private isAppLoaded;
@@ -44,9 +46,9 @@ export declare class AtomicCommercePager extends LitElement implements Initializ
     pager: Pagination;
     listingOrSearch: ProductListing | Search;
     initialize(): void;
-    private validateProps;
-    private radioGroupName;
+    willUpdate(changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
+    private validateProps;
     private focusOnFirstResultAndScrollToTop;
 }
 declare global {

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

@@ -1,33 +1,37 @@
-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, type PropertyValues } 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> {
+    private static propsSchema;
     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 +39,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 +48,14 @@ export declare class AtomicPager implements InitializableComponent {
     nextButtonIcon: string;
     private radioGroupName;
     initialize(): void;
-    render(): any;
+    willUpdate(changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private validateProps;
     private focusOnFirstResultAndScrollToTop;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-pager': AtomicPager;
+    }
+}
+export {};

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 { AtomicSearchInterface } from './atomic-search-interface/atomic-search-interface.js';

package/dist/types/components.d.ts

@@ -1423,23 +1423,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.
      */
@@ -2857,10 +2840,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;
@@ -3537,26 +3516,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.
      */
@@ -4477,7 +4436,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;
@@ -5868,24 +5826,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.
      */
@@ -7282,7 +7222,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;
@@ -7547,10 +7486,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/dist/types/utils/slot-utils.d.ts

@@ -1,2 +1,2 @@
-export declare function getNamedSlotFromHost(host: HTMLElement, slotName: string): Element | undefined;
-export declare function getDefaultSlotFromHost(host: HTMLElement): Element | undefined;
+export declare function getNamedSlotContent(host: HTMLElement, slotName: string): Element[];
+export declare function getDefaultSlotContent(host: HTMLElement): Element[];

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-02T15:40:30",
+  "timestamp": "2025-10-03T13:25:19",
   "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.34.0-pre.865a276550",
+  "version": "3.34.0-pre.9b1e6d5dc1",
   "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.2-pre.865a276550",
+    "@coveo/headless": "3.31.1",
     "@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.2-pre.865a276550",
+    "@coveo/headless": "3.31.1",
     "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;