@coveo/atomic 3.28.0-pre.f769419eb8 → 3.28.0

package/dist/types/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.d.ts

@@ -1,25 +1,31 @@
 import { Summary } from '@coveo/headless/commerce';
-import { InitializableComponent } from '../../../utils/initialization-utils';
+import { InitializableComponent } from "../../../decorators/types";
+import { LitElement } from 'lit';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
  *
- * When this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.
-
+ * When this component is added to the `atomic-commerce-interface`, an `atomic-commerce-refine-modal` component is automatically created.
+ *
  * @part button - The refine toggle button.
+ * @part placeholder - The placeholder shown while the first request is being executed.
  *
  * @alpha
  */
-export declare class AtomicCommerceRefineToggle implements InitializableComponent<CommerceBindings> {
+export declare class AtomicCommerceRefineToggle extends LitElement implements InitializableComponent<CommerceBindings> {
+    bindings: CommerceBindings;
+    error: Error;
     summary: Summary;
     private summaryState;
-    host: HTMLElement;
     private modalRef?;
     private buttonRef?;
-    bindings: CommerceBindings;
-    error: Error;
     initialize(): void;
     private loadModal;
     private enableModal;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-commerce-refine-toggle': AtomicCommerceRefineToggle;
+    }
 }

package/dist/types/components/commerce/atomic-product-text/atomic-product-text.d.ts

@@ -2,11 +2,10 @@ import { InitializableComponent } from "../../../decorators/types";
 import { LitElement } from 'lit';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 import '../atomic-commerce-text/atomic-commerce-text';
-declare const AtomicProductText_base: typeof LitElement;
 /**
  * The `atomic-product-text` component renders the value of a string field for a given product.
  */
-export declare class AtomicProductText extends AtomicProductText_base implements InitializableComponent<CommerceBindings> {
+export declare class AtomicProductText extends LitElement implements InitializableComponent<CommerceBindings> {
     /**
      * The string field whose value the component should render.
      * The component will look for the specified field in the product's properties first, and then in the product's `additionalFields` property.
@@ -26,6 +25,7 @@ export declare class AtomicProductText extends AtomicProductText_base implements
     private productController;
     bindings: CommerceBindings;
     error: Error;
+    protected createRenderRoot(): this;
     initialize(): void;
     private get shouldRenderHighlights();
     private isFieldSupportedForHighlighting;
@@ -40,4 +40,3 @@ declare global {
         'atomic-product-text': AtomicProductText;
     }
 }
-export {};

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

@@ -2,6 +2,7 @@ export { AtomicCommerceBreadbox } from './atomic-commerce-breadbox/atomic-commer
 export { AtomicCommerceDidYouMean } from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export { AtomicCommerceInterface } from './atomic-commerce-interface/atomic-commerce-interface.js';
 export { AtomicCommerceLayout } from './atomic-commerce-layout/atomic-commerce-layout.js';
+export { AtomicCommerceLoadMoreProducts } from './atomic-commerce-load-more-products/atomic-commerce-load-more-products.js';
 export { AtomicCommerceNoProducts } from './atomic-commerce-no-products/atomic-commerce-no-products.js';
 export { AtomicCommercePager } from './atomic-commerce-pager/atomic-commerce-pager.js';
 export { AtomicCommerceProductList } from './atomic-commerce-product-list/atomic-commerce-product-list.js';
@@ -9,6 +10,7 @@ export { AtomicCommerceProductsPerPage } from './atomic-commerce-products-per-pa
 export { AtomicCommerceQuerySummary } from './atomic-commerce-query-summary/atomic-commerce-query-summary.js';
 export { AtomicCommerceRecommendationInterface } from './atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js';
 export { AtomicCommerceRecommendationList } from './atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js';
+export { AtomicCommerceRefineToggle } from './atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js';
 export { AtomicCommerceSearchBox } from './atomic-commerce-search-box/atomic-commerce-search-box.js';
 export { AtomicCommerceSearchBoxInstantProducts } from './atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js';
 export { AtomicCommerceSearchBoxQuerySuggestions } from './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js';

package/dist/types/components/common/atomic-component-error/atomic-component-error.d.ts

@@ -5,7 +5,7 @@ import { LitElement } from 'lit';
 export declare class AtomicComponentError extends LitElement {
     element: HTMLElement;
     error: Error;
-    connectedCallback(): void;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/common/refine-modal/button.d.ts

@@ -4,7 +4,7 @@ import { RefOrCallback } from 'lit/directives/ref.js';
 interface RefineToggleButtonProps {
     i18n: i18n;
     onClick: () => void;
-    setRef: RefOrCallback;
+    refCallback: RefOrCallback;
 }
 export declare const renderRefineToggleButton: FunctionalComponent<RefineToggleButtonProps>;
 export {};

package/dist/types/components.d.ts

@@ -343,12 +343,6 @@ export namespace Components {
          */
         "collapseFacetsAfter": number;
     }
-    /**
-     * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
-     * @alpha 
-     */
-    interface AtomicCommerceLoadMoreProducts {
-    }
     /**
      * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.
      * @alpha 
@@ -390,13 +384,6 @@ export namespace Components {
         "isOpen": boolean;
         "openButton"?: HTMLElement;
     }
-    /**
-     * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
-     * When this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.
-     * @alpha 
-     */
-    interface AtomicCommerceRefineToggle {
-    }
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -3554,16 +3541,6 @@ declare global {
         prototype: HTMLAtomicCommerceFacetsElement;
         new (): HTMLAtomicCommerceFacetsElement;
     };
-    /**
-     * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
-     * @alpha 
-     */
-    interface HTMLAtomicCommerceLoadMoreProductsElement extends Components.AtomicCommerceLoadMoreProducts, HTMLStencilElement {
-    }
-    var HTMLAtomicCommerceLoadMoreProductsElement: {
-        prototype: HTMLAtomicCommerceLoadMoreProductsElement;
-        new (): HTMLAtomicCommerceLoadMoreProductsElement;
-    };
     /**
      * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.
      * @alpha 
@@ -3595,17 +3572,6 @@ declare global {
         prototype: HTMLAtomicCommerceRefineModalElement;
         new (): HTMLAtomicCommerceRefineModalElement;
     };
-    /**
-     * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
-     * When this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.
-     * @alpha 
-     */
-    interface HTMLAtomicCommerceRefineToggleElement extends Components.AtomicCommerceRefineToggle, HTMLStencilElement {
-    }
-    var HTMLAtomicCommerceRefineToggleElement: {
-        prototype: HTMLAtomicCommerceRefineToggleElement;
-        new (): HTMLAtomicCommerceRefineToggleElement;
-    };
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -5358,11 +5324,9 @@ declare global {
         "atomic-commerce-facet": HTMLAtomicCommerceFacetElement;
         "atomic-commerce-facet-number-input": HTMLAtomicCommerceFacetNumberInputElement;
         "atomic-commerce-facets": HTMLAtomicCommerceFacetsElement;
-        "atomic-commerce-load-more-products": HTMLAtomicCommerceLoadMoreProductsElement;
         "atomic-commerce-numeric-facet": HTMLAtomicCommerceNumericFacetElement;
         "atomic-commerce-query-error": HTMLAtomicCommerceQueryErrorElement;
         "atomic-commerce-refine-modal": HTMLAtomicCommerceRefineModalElement;
-        "atomic-commerce-refine-toggle": HTMLAtomicCommerceRefineToggleElement;
         "atomic-commerce-timeframe-facet": HTMLAtomicCommerceTimeframeFacetElement;
         "atomic-did-you-mean": HTMLAtomicDidYouMeanElement;
         "atomic-external": HTMLAtomicExternalElement;
@@ -5801,12 +5765,6 @@ declare namespace LocalJSX {
          */
         "collapseFacetsAfter"?: number;
     }
-    /**
-     * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
-     * @alpha 
-     */
-    interface AtomicCommerceLoadMoreProducts {
-    }
     /**
      * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.
      * @alpha 
@@ -5848,13 +5806,6 @@ declare namespace LocalJSX {
         "isOpen"?: boolean;
         "openButton"?: HTMLElement;
     }
-    /**
-     * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
-     * When this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.
-     * @alpha 
-     */
-    interface AtomicCommerceRefineToggle {
-    }
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -8678,11 +8629,9 @@ declare namespace LocalJSX {
         "atomic-commerce-facet": AtomicCommerceFacet;
         "atomic-commerce-facet-number-input": AtomicCommerceFacetNumberInput;
         "atomic-commerce-facets": AtomicCommerceFacets;
-        "atomic-commerce-load-more-products": AtomicCommerceLoadMoreProducts;
         "atomic-commerce-numeric-facet": AtomicCommerceNumericFacet;
         "atomic-commerce-query-error": AtomicCommerceQueryError;
         "atomic-commerce-refine-modal": AtomicCommerceRefineModal;
-        "atomic-commerce-refine-toggle": AtomicCommerceRefineToggle;
         "atomic-commerce-timeframe-facet": AtomicCommerceTimeframeFacet;
         "atomic-did-you-mean": AtomicDidYouMean;
         "atomic-external": AtomicExternal;
@@ -8909,11 +8858,6 @@ declare module "@stencil/core" {
              * @alpha 
              */
             "atomic-commerce-facets": LocalJSX.AtomicCommerceFacets & JSXBase.HTMLAttributes<HTMLAtomicCommerceFacetsElement>;
-            /**
-             * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
-             * @alpha 
-             */
-            "atomic-commerce-load-more-products": LocalJSX.AtomicCommerceLoadMoreProducts & JSXBase.HTMLAttributes<HTMLAtomicCommerceLoadMoreProductsElement>;
             /**
              * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.
              * @alpha 
@@ -8930,12 +8874,6 @@ declare module "@stencil/core" {
              * @alpha 
              */
             "atomic-commerce-refine-modal": LocalJSX.AtomicCommerceRefineModal & JSXBase.HTMLAttributes<HTMLAtomicCommerceRefineModalElement>;
-            /**
-             * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
-             * When this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.
-             * @alpha 
-             */
-            "atomic-commerce-refine-toggle": LocalJSX.AtomicCommerceRefineToggle & JSXBase.HTMLAttributes<HTMLAtomicCommerceRefineToggleElement>;
             /**
              * A facet is a list of values for a certain field occurring in the results.
              * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-08T14:57:38",
+  "timestamp": "2025-07-09T02:53:02",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2763,69 +2763,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-commerce-load-more-products",
-      "docs": "The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "container - The container of the component."
-        },
-        {
-          "name": "part",
-          "text": "showing-results - The summary displaying which products are shown and how many are available."
-        },
-        {
-          "name": "part",
-          "text": "highlight - The highlighted number of products displayed and number of products available."
-        },
-        {
-          "name": "part",
-          "text": "progress-bar - The progress bar displaying a percentage of results shown over the total number of products available."
-        },
-        {
-          "name": "part",
-          "text": "load-more-results-button - The \"Load more products\" button."
-        },
-        {
-          "name": "alpha"
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "container",
-          "docs": "The container of the component."
-        },
-        {
-          "name": "highlight",
-          "docs": "The highlighted number of products displayed and number of products available."
-        },
-        {
-          "name": "load-more-results-button",
-          "docs": "The \"Load more products\" button."
-        },
-        {
-          "name": "progress-bar",
-          "docs": "The progress bar displaying a percentage of results shown over the total number of products available."
-        },
-        {
-          "name": "showing-results",
-          "docs": "The summary displaying which products are shown and how many are available."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx",
       "encapsulation": "shadow",
@@ -3351,73 +3288,12 @@
           "docs": "The title of the modal."
         }
       ],
-      "dependents": [
-        "atomic-commerce-refine-toggle"
-      ],
+      "dependents": [],
       "dependencies": [
         "atomic-commerce-facets",
         "atomic-modal"
       ],
       "dependencyGraph": {
-        "atomic-commerce-refine-modal": [
-          "atomic-commerce-facets",
-          "atomic-modal"
-        ],
-        "atomic-commerce-facets": [
-          "atomic-commerce-facet",
-          "atomic-commerce-numeric-facet",
-          "atomic-commerce-timeframe-facet",
-          "atomic-commerce-category-facet"
-        ],
-        "atomic-commerce-numeric-facet": [
-          "atomic-commerce-facet-number-input"
-        ],
-        "atomic-commerce-timeframe-facet": [
-          "atomic-facet-date-input"
-        ],
-        "atomic-modal": [
-          "atomic-focus-trap"
-        ],
-        "atomic-commerce-refine-toggle": [
-          "atomic-commerce-refine-modal"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-commerce-refine-toggle",
-      "docs": "The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n\nWhen this component is added to the `atomic-commerce-search-interface`, an `atomic-commerce-refine-modal` component is automatically created.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "button - The refine toggle button."
-        },
-        {
-          "name": "alpha"
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "button",
-          "docs": "The refine toggle button."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [
-        "atomic-commerce-refine-modal"
-      ],
-      "dependencyGraph": {
-        "atomic-commerce-refine-toggle": [
-          "atomic-commerce-refine-modal"
-        ],
         "atomic-commerce-refine-modal": [
           "atomic-commerce-facets",
           "atomic-modal"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.28.0-pre.f769419eb8",
+  "version": "3.28.0",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -72,7 +72,7 @@
   "dependencies": {
     "@lit/context": "1.1.5",
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.f769419eb8",
+    "@coveo/headless": "3.27.2",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.1",
     "@stencil/core": "4.20.0",
@@ -161,7 +161,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.f769419eb8",
+    "@coveo/headless": "3.27.2",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-commerce-load-more-products.d.ts

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