@coveo/atomic 3.33.8-pre.32aa53b021 → 3.33.8-pre.3524c75f47

package/dist/esm/stencil-facet-value-30dc9b6c.js

@@ -0,0 +1,39 @@
+import { h } from './index-3f35faca.js';
+import { g as getFieldValueCaption } from './field-utils-f0146383.js';
+import { F as FacetValueBox } from './stencil-facet-value-box-b0dc7e73.js';
+import { F as FacetValueCheckbox } from './stencil-facet-value-checkbox-0637f7f8.js';
+import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight-b4083ffd.js';
+import { F as FacetValueLink } from './stencil-facet-value-link-88512e29.js';
+
+const FacetValue = ({ facetSearchQuery, displayValuesAs, enableExclusion, facetCount, facetState, facetValue, field, i18n, onExclude, onSelect, setRef, }) => {
+    const displayValue = getFieldValueCaption(field, facetValue, i18n);
+    const isSelected = facetState === 'selected';
+    const isExcluded = facetState === 'excluded';
+    const triStateProps = enableExclusion
+        ? {
+            onExclude,
+            state: facetState,
+        }
+        : {};
+    switch (displayValuesAs) {
+        case 'checkbox':
+            return (h(FacetValueCheckbox, { ...triStateProps, displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {
+                    setRef && setRef(element);
+                } },
+                h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, isExcluded: isExcluded, searchQuery: facetSearchQuery })));
+        case 'link':
+            return (h(FacetValueLink, { displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {
+                    setRef && setRef(element);
+                } },
+                h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, searchQuery: facetSearchQuery })));
+        case 'box':
+            return (h(FacetValueBox, { displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {
+                    setRef && setRef(element);
+                } },
+                h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, searchQuery: facetSearchQuery })));
+    }
+};
+
+export { FacetValue as F };
+
+//# sourceMappingURL=stencil-facet-value-30dc9b6c.js.map

package/dist/esm/stencil-facet-value-30dc9b6c.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-30dc9b6c.js","mappings":";;;;;;;MAsBa,UAAU,GAAyC,CAAC,EAC/D,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,GACP;IACC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,UAAU,KAAK,UAAU,CAAC;IAC7C,MAAM,UAAU,GAAG,UAAU,KAAK,UAAU,CAAC;IAC7C,MAAM,aAAa,GAAG,eAAe;UACjC;YACE,SAAS;YACT,KAAK,EAAE,UAAU;SAClB;UACD,EAAE,CAAC;IACP,QAAQ,eAAe;QACrB,KAAK,UAAU;YACb,QACE,EAAC,kBAAkB,OACb,aAAa,EACjB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,EAC3B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,CAAC,OAAO;oBACjB,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;iBAC3B;gBAED,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,GACH,CACT,EACrB;QACJ,KAAK,MAAM;YACT,QACE,EAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,EAC3B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,CAAC,OAAO;oBACjB,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;iBAC3B;gBAED,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,GACH,CACb,EACjB;QACJ,KAAK,KAAK;YACR,QACE,EAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,EAC3B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,CAAC,OAAO;oBACjB,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;iBAC3B;gBAED,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,GACH,CACd,EAChB;KACL;AACH;;;;","names":[],"sources":["src/components/common/facets/facet-value/stencil-facet-value.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {FacetValueBox} from '../facet-value-box/stencil-facet-value-box';\nimport {FacetValueCheckbox} from '../facet-value-checkbox/stencil-facet-value-checkbox';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\n\nexport interface FacetValueProps {\n  field: string;\n  facetValue: string;\n  facetCount: number;\n  facetState: 'idle' | 'selected' | 'excluded';\n  i18n: i18n;\n  enableExclusion: boolean;\n  onExclude: () => void;\n  onSelect: () => void;\n  displayValuesAs: 'checkbox' | 'link' | 'box';\n  facetSearchQuery: string;\n  setRef?: (btn?: HTMLButtonElement) => void;\n}\n\nexport const FacetValue: FunctionalComponent<FacetValueProps> = ({\n  facetSearchQuery,\n  displayValuesAs,\n  enableExclusion,\n  facetCount,\n  facetState,\n  facetValue,\n  field,\n  i18n,\n  onExclude,\n  onSelect,\n  setRef,\n}) => {\n  const displayValue = getFieldValueCaption(field, facetValue, i18n);\n  const isSelected = facetState === 'selected';\n  const isExcluded = facetState === 'excluded';\n  const triStateProps = enableExclusion\n    ? {\n        onExclude,\n        state: facetState,\n      }\n    : {};\n  switch (displayValuesAs) {\n    case 'checkbox':\n      return (\n        <FacetValueCheckbox\n          {...triStateProps}\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            isExcluded={isExcluded}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueCheckbox>\n      );\n    case 'link':\n      return (\n        <FacetValueLink\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueLink>\n      );\n    case 'box':\n      return (\n        <FacetValueBox\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueBox>\n      );\n  }\n};\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.1-pre.32aa53b021';
-export const atomicVersion = '3.33.8-pre.32aa53b021';
+export const headlessVersion = '3.31.1-pre.3524c75f47';
+export const atomicVersion = '3.33.8-pre.3524c75f47';

package/dist/types/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.d.ts

@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
 import type { CommerceBindings } from "../atomic-commerce-interface/atomic-commerce-interface";
 import type { InitializableComponent } from "../../../decorators/types";
 /**
- * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).
+ * A facet is a list of values for a certain field occurring in the products.
  * An `atomic-commerce-category-facet` displays a facet of values in a browsable, hierarchical fashion.
  *
  * @part facet - The wrapper for the entire facet.
@@ -20,9 +20,9 @@ import type { InitializableComponent } from "../../../decorators/types";
  * @part more-matches - The label indicating there are more matches for the current facet search query.
  * @part no-matches - The label indicating there are no matches for the current facet search query.
  * @part matches-query - The highlighted query inside the matches labels.
- * @part search-results - The search results container.
- * @part search-result - The search result value.
- * @part search-result-path - The search result path.
+ * @part search-results - The facet search results container.
+ * @part search-result - The facet search result value.
+ * @part search-result-path - The facet search result path.
  * @part search-highlight - The highlighted query inside the facet values.
  *
  * @part parents - The container surrounding the whole hierarchy of values.

package/dist/types/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.d.ts

@@ -5,7 +5,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
 /**
  * The `atomic-commerce-did-you-mean` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.
  *
- * @part no-results - The text displayed when there are no results.
+ * @part no-results - The text displayed when there are no products.
  * @part auto-corrected - The text displayed for the automatically corrected query.
  * @part showing-results-for - The first paragraph of the text displayed when a query trigger changes a query.
  * @part search-instead-for - The second paragraph of the text displayed when a query trigger changes a query.

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

@@ -13,10 +13,10 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part clear-button - The button that resets the actively selected facet values.
  * @part clear-button-icon - The clear button icon.
  *
- * @part search-wrapper - The search box wrapper.
- * @part search-input - The search box input.
- * @part search-icon - The search box submit button.
- * @part search-clear-button - The button to clear the search box of input.
+ * @part search-wrapper - The facet search box wrapper.
+ * @part search-input - The facet search box input.
+ * @part search-icon - The facet search box submit button.
+ * @part search-clear-button - The button to clear the facet search box of input.
  * @part more-matches - The label indicating there are more matches for the current facet search query.
  * @part no-matches - The label indicating there are no matches for the current facet search query.
  * @part matches-query - The highlighted query inside the matches labels.
@@ -31,8 +31,8 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part value-checkbox-label - The facet value checkbox clickable label, available when display is 'checkbox'.
  * @part value-checkbox-icon - The facet value checkbox icon, available when display is 'checkbox'.
  *
- * @part show-more - The show more results button.
- * @part show-less - The show less results button.
+ * @part show-more - The show more values button.
+ * @part show-less - The show less values button.
  * @part show-more-less-icon - The icons of the show more & show less buttons.
  */
 export declare class AtomicCommerceFacet extends LitElement implements InitializableComponent<CommerceBindings> {

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

@@ -1,4 +1,5 @@
 import { type CommerceEngine, type CommerceEngineConfiguration, type Context, type LogLevel, type ProductListing, type ProductListingSummaryState, type Search, type SearchSummaryState, type Summary, type UrlManager } from '@coveo/headless/commerce';
+import type { CurrencyCodeISO4217 } from '@coveo/relay-event-types';
 import { type i18n } from 'i18next';
 import { type CSSResultGroup, LitElement } from 'lit';
 import type { CommonBindings } from '../../common/interface/bindings';
@@ -49,7 +50,13 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     /**
      * The commerce interface language.
      *
-     * Will default to the value set in the Headless engine context if not provided.
+     * Will default to the value set in the Headless engine context if not
+     * provided.
+     *
+     * @deprecated - This property will be removed in the next major version of
+     * Atomic (v4). Rather than using this property, set the initial language
+     * through the engine configuration when calling `initializeWithEngine`, and
+     * update the language as needed using the `updateLocale` method.
      */
     language?: string;
     /**
@@ -62,7 +69,7 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
      */
     reflectStateInUrl: boolean;
     /**
-     * Whether to disable state reflection in the URL parameters.
+     * Disable state reflection in the URL parameters.
      */
     disableStateReflectionInUrl: boolean;
     /**
@@ -100,6 +107,26 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
      * Executes the first request after initializing connection to the headless commerce engine.
      */
     executeFirstRequest(): Promise<void>;
+    /**
+     * Updates the locale settings for the commerce interface and headless commerce
+     * engine. Only the provided parameters will be updated.
+     *
+     * Calling this method affects the localization of the interface as well as
+     * the catalog configuration being used by the Commerce API. If the resulting
+     * language-country-currency combination matches no existing catalog
+     * configuration in your Coveo organization, requests made through the
+     * commerce engine will start failing.
+     *
+     * @param language - (Optional) The IETF language code tag (e.g., `en`).
+     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
+     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
+     *
+     * @example
+     * ```typescript
+     * interface.updateLocale('fr', 'CA', 'CAD');
+     * ```
+     */
+    updateLocale(language?: string, country?: string, currency?: CurrencyCodeISO4217): void;
     toggleAnalytics(): void;
     updateIconAssetsPath(): void;
     updateLanguage(): void;
@@ -115,6 +142,7 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private initSummary;
     private initUrlManager;
     private internalInitialization;
+    private isNewLocale;
     private onHashChange;
     scrollToTop(): void;
     private updateHash;

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

@@ -8,11 +8,11 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part container - The container of the component.
  * @part showing-results - The summary displaying which products are shown and how many are available.
  * @part highlight - The highlighted number of products displayed and number of products available.
- * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of products available.
+ * @part progress-bar - The progress bar displaying a percentage of products shown over the total number of products available.
  * @part load-more-results-button - The "Load more products" button.
  *
- * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more results progress bar.
- * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more results progress bar.
+ * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more products progress bar.
+ * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more products progress bar.
  */
 export declare class AtomicCommerceLoadMoreProducts extends LitElement implements InitializableComponent<CommerceBindings> {
     bindings: CommerceBindings;

package/dist/types/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.d.ts

@@ -13,7 +13,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part clear-button-icon - The icon displayed in the clear button.
  * @part values - The list container for all facet values.
  * @part value-label - The text label for individual facet values.
- * @part value-count - The count indicator showing the number of results for each value.
+ * @part value-count - The count indicator showing the number of products for each value.
  * @part value-checkbox-label - The label associated with facet value checkboxes.
  * @part value-exclude-button - The button to exclude specific facet values.
  * @part input-form - The form container for numeric range inputs.

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

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import type { InitializableComponent } from "../../../decorators/types";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
- * The `atomic-commerce-pager` component enables users to navigate through paginated product results.
+ * The `atomic-commerce-pager` component enables users to navigate through paginated products.
  *
  * @part buttons - The list of all buttons rendered by the component.
  * @part page-buttons - The list of all page buttons.

package/dist/types/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.d.ts

@@ -103,6 +103,7 @@ export declare class AtomicCommerceRecommendationInterface extends AtomicCommerc
     private initContext;
     private getBindings;
     private initLanguage;
+    private isNewLocale;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -10,7 +10,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part title - The title of the modal.
  * @part close-button - The button in the header that closes the modal.
  * @part close-icon - The icon of the close button.
- * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.
+ * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view the products.
  * @part footer-button - The button in the footer that closes the modal.
  * @part footer-button-text - The text inside the button in the footer that closes the modal.
  * @part footer-button-count - The count inside the button in the footer that closes the modal.

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

@@ -7,7 +7,7 @@ import '../atomic-commerce-search-box-instant-products/atomic-commerce-search-bo
 import '../atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions';
 import '../atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries';
 /**
- * The `atomic-commerce-search-box` component enables users to perform product searches with built-in query suggestions and optional redirection to a search results page.
+ * The `atomic-commerce-search-box` component enables users to perform product searches with built-in query suggestions and optional redirection to a search page.
  *
  * @slot default - The default slot where you can add child components to the search box.
  *
@@ -44,8 +44,8 @@ import '../atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-
  * @part recent-query-title - The "recent searches" text of the clear button above suggestions from the `atomic-commerce-search-box-recent-queries` component.
  * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-commerce-search-box-recent-queries` component.
  *
- * @part instant-results-item - An instant result rendered by an `atomic-commerce-search-box-instant-products` component.
- * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-commerce-search-box-instant-products` component.
+ * @part instant-results-item - An instant product rendered by an `atomic-commerce-search-box-instant-products` component.
+ * @part instant-results-show-all - The clickable suggestion to show all items for the current instant product search rendered by an `atomic-commerce-search-box-instant-products` component.
  * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-commerce-search-box-instant-products` component.
  *
  * @event redirect - Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.
@@ -106,7 +106,7 @@ export declare class AtomicCommerceSearchBox extends LitElement implements Initi
     minimumQueryLength: number;
     /**
      * Whether to clear all active query filters when the end user submits a new query from the search box.
-     * Setting this option to "false" is not recommended & can lead to an increasing number of queries returning no results.
+     * Setting this option to "false" is not recommended & can lead to an increasing number of queries returning no products.
      */
     clearFilters: boolean;
     connectedCallback(): void;

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

@@ -11,7 +11,7 @@ export type AriaLabelGenerator = (bindings: CommerceBindings, product: Product)
  *
  * This component is not supported on mobile.
  *
- * @part instant-results-show-all-button - The 'See all results' button.
+ * @part instant-results-show-all-button - The 'See all products' button.
  * @part instant-results-item - The individual instant product item.
  *
  * @slot default - The default slot where the instant products are rendered.
@@ -26,7 +26,7 @@ export declare class AtomicCommerceSearchBoxInstantProducts extends LitElement i
     error: Error;
     private templateHasError;
     /**
-     * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
+     * Sets a rendering function to bypass the standard HTML template mechanism for rendering products.
      * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.
      *
      * Do not use this method if you integrate Atomic in a plain HTML deployment.

package/dist/types/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.d.ts

@@ -4,8 +4,8 @@ import type { InitializableComponent } from "../../../decorators/types";
 import '../../common/atomic-facet-date-input/atomic-facet-date-input';
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
- * 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.
+ * A facet is a list of values for a certain field occurring in the products.
+ * An `atomic-commerce-timeframe-facet` displays a facet of the products for the current query as date intervals.
  *
  * @part facet - The wrapper for the entire facet.
  * @part label-button - The header button to expand/collapse the facet.
@@ -15,7 +15,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part values - The container for the facet values list.
  * @part value-link - A facet value button.
  * @part value-link-selected - A selected facet value button.
- * @part value-count - The result count for a facet value.
+ * @part value-count - The product count for a facet value.
  * @part value-label - The label text of a facet value.
  * @part input-label - The label for date input fields.
  * @part input-start - The start date input field.

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

@@ -39,7 +39,7 @@ export declare class AtomicProduct extends AtomicProduct_base {
     /**
      * The product link to use when the product is clicked in a grid layout.
      *
-     * @default - An `atomic-result-link` without any customization.
+     * @default - An `atomic-product-link` without any customization.
      */
     linkContent: ParentNode;
     /**

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

@@ -4,7 +4,7 @@ declare const AtomicProductSectionChildren_base: typeof LitElement;
  * This section is meant to render child products, available when using the <atomic-product-children> component.
  *
  * Behavior:
- * * Shows children at the bottom of the result, indented and wrapped in a border.
+ * * Shows children at the bottom of the product, indented and wrapped in a border.
  *
  * @slot default - The child products to display.
  */

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

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import type { LitElementWithError } from "../../../decorators/types";
 import '../atomic-product/atomic-product';
 /**
- * * A product template determines the format of the query results, depending on the conditions that are defined for each template.
+ * * A product template determines the format of the products, depending on the conditions that are defined for each template.
  *
  * A `template` element must be the child of an `atomic-product-template`. Furthermore, an `atomic-commerce-product-list`, `atomic-commerce-recommendation-list`, or `atomic-commerce-search-box-instant-products` must be the parent of each `atomic-product-template`.
  *
@@ -25,17 +25,17 @@ export declare class AtomicProductTemplate extends LitElement implements LitElem
      */
     conditions: ProductTemplateCondition[];
     /**
-     * The field and values that define which result items the condition must be applied to.
-     * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
-     * `must-match-filetype="lithiummessage,YouTubePlaylist"`
+     * The field and values that define which products the condition must be applied to.
+     * For example, a template with the following attribute only applies to products whose `ec_brand` is `Barca` or `Acme`:
+     * `must-match-ec_brand="Barca,Acme"`
      * @type {Record<string, string[]>}
      * @default {}
      */
     mustMatch: Record<string, string[]>;
     /**
-     * The field and values that define which result items the condition must not be applied to.
-     * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`:
-     * `must-not-match-filetype="lithiummessage"`
+     * The field and values that define which products the condition must not be applied to.
+     * For example, a template with the following attribute only applies to products whose `ec_brand` is not `Barca`:
+     * `must-not-match-ec_brand="Barca"`
      * @type {Record<string, string[]>}
      * @default {}
      */

package/dist/types/components/common/query-correction/trigger-correction.d.ts

@@ -1,7 +1,9 @@
 import type { i18n } from 'i18next';
 import type { FunctionalComponent } from "../../../utils/functional-component-utils";
+type TriggerCorrectionShowingItemsForKey = 'showing-products-for' | 'showing-results-for';
 interface Props {
     i18n: i18n;
+    i18nKeyShowingItemsFor: TriggerCorrectionShowingItemsForKey;
     correctedQuery: string;
     originalQuery: string;
     onClick: () => void;

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

@@ -2,9 +2,11 @@ import type { i18n } from 'i18next';
 import type { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
 import '../atomic-modal/atomic-modal';
 import '../atomic-icon/atomic-icon';
+type RefineModalFooterButtonTextKey = 'view-products' | 'view-results';
 interface RefineModalProps {
     host: HTMLElement;
     i18n: i18n;
+    i18nFooterButtonTextKey: RefineModalFooterButtonTextKey;
     onClose(): void;
     title: string;
     numberOfItems: number;

package/dist/types/components/common/suggestions/instant-item.d.ts

@@ -1,9 +1,12 @@
 import type { i18n } from 'i18next';
 import type { SearchBoxSuggestionElement } from './suggestions-types';
-export declare const getPartialInstantItemElement: (i18n: i18n, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
-export declare const getPartialInstantItemShowAllElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
+type InstantItemSuggestionLabelKey = 'instant-results-suggestion-label' | 'instant-products-suggestion-label';
+export declare const getPartialInstantItemElement: (i18n: i18n, i18nKey: InstantItemSuggestionLabelKey, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
+type InstantItemShowAllLabelKey = 'show-all-products' | 'show-all-results';
+export declare const getPartialInstantItemShowAllElement: (i18n: i18n, i18nKey: InstantItemShowAllLabelKey) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
 interface InstantItemShowAllButtonProps {
     i18n: i18n;
+    i18nKey: InstantItemShowAllLabelKey;
 }
-export declare const renderInstantItemShowAllButton: ({ i18n, }: InstantItemShowAllButtonProps) => HTMLElement;
+export declare const renderInstantItemShowAllButton: ({ i18n, i18nKey, }: InstantItemShowAllButtonProps) => HTMLElement;
 export {};

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

@@ -1,30 +1,24 @@
-import { type LogLevel, type SearchEngine, type SearchEngineConfiguration, type SearchStatus, type UrlManager } from '@coveo/headless';
-import { type i18n } from 'i18next';
-import { type CSSResultGroup, LitElement } from 'lit';
-import type { CommonBindings, NonceBindings } from "../../common/interface/bindings";
-import { type BaseAtomicInterface } from "../../common/interface/interface-controller";
-import { type SearchStore } from './store';
-import "../../common/atomic-modal/atomic-modal";
+import { LogLevel, SearchEngine, SearchEngineConfiguration } from '@coveo/headless';
+import { i18n } from 'i18next';
+import { InitializeEvent } from '../../../utils/initialization-utils';
+import { StencilBaseAtomicInterface } from '../../common/interface/interface-common-stencil';
+import type { Bindings as _Bindings } from './interfaces';
 export type InitializationOptions = SearchEngineConfiguration;
-export type Bindings = CommonBindings<SearchEngine, SearchStore, AtomicSearchInterface> & NonceBindings;
-declare const AtomicSearchInterface_base: typeof LitElement;
+export type Bindings = _Bindings;
 /**
  * The `atomic-search-interface` component is the parent to all other atomic components in a search page. It handles the headless search engine and localization configurations.
- *
- * @slot default - The default slot where you can add child components to the interface.
  */
-export declare class AtomicSearchInterface extends AtomicSearchInterface_base implements BaseAtomicInterface<SearchEngine> {
-    bindings: Bindings;
-    error: Error;
-    relevanceInspectorIsOpen: boolean;
-    urlManager: UrlManager;
-    searchStatus: SearchStatus;
+export declare class AtomicSearchInterface implements StencilBaseAtomicInterface<SearchEngine> {
+    private urlManager;
+    private searchStatus;
     private unsubscribeUrlManager;
     private unsubscribeSearchStatus;
     private initialized;
     private store;
-    private interfaceController;
-    static styles: CSSResultGroup;
+    private commonInterfaceHelper;
+    host: HTMLAtomicSearchInterfaceElement;
+    error?: Error;
+    relevanceInspectorIsOpen: boolean;
     /**
      * A list of non-default fields to include in the query results.
      *
@@ -33,7 +27,7 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
      * <atomic-search-interface fields-to-include='["fieldA", "fieldB"]'></atomic-search-interface>
      * ```
      */
-    fieldsToInclude: string[];
+    fieldsToInclude: string[] | string;
     /**
      * The search interface [query pipeline](https://docs.coveo.com/en/180/).
      *
@@ -75,13 +69,8 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
     engine?: SearchEngine;
     /**
      * Whether the state should be reflected in the URL parameters.
-     * @deprecated - replaced by `disable-state-reflection-in-url` (this defaults to `true`, while the replacement defaults to `false`).
      */
     reflectStateInUrl: boolean;
-    /**
-     * Whether to disable state reflection in the URL parameters.
-     */
-    disableStateReflectionInUrl: boolean;
     /**
      * The CSS selector for the container where the interface will scroll back to.
      */
@@ -106,19 +95,39 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
      * The relevance inspector can be opened by holding the Alt key (Option on Mac) while over the interface, and performing a double click.
      *
      * The relevance inspector allows to troubleshoot and debug queries.
-     * @deprecated - replaced by `disable-relevance-inspector` (this defaults to `true`, while the replacement defaults to `false`).
      */
     enableRelevanceInspector: boolean;
     /**
-     * Whether to disable the relevance inspector shortcut for this interface.
+     * The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components.
+     * If your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives,
+     * you should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers
+     * (i.e., script-src 'nonce-<YOUR_GENERATED_NONCE>' and style-src 'nonce-<YOUR_GENERATED_NONCE>').
+     * Otherwise you may see console errors such as
+     *  - Refused to execute inline script because it violates the following Content Security Policy directive: [...]
+     *  - Refused to apply inline style because it violates the following Content Security Policy directive: [...].
+     * @example:
+     * ```html
+     * <script nonce="<YOUR_GENERATED_NONCE>">
+     *  import {setNonce} from '@coveo/atomic';
+     *  setNonce('<YOUR_GENERATED_NONCE>');
+     * </script>
+     * ```
      */
-    disableRelevanceInspector: boolean;
+    CspNonce?: string;
     private i18Initialized;
+    private componentWillLoadCalledPromise;
+    private componentWillLoadResolver;
     constructor();
     connectedCallback(): void;
-    willUpdate(changedProperties: Map<string, unknown>): void;
+    componentWillLoad(): void;
+    updateSearchConfiguration(updatedProp: 'searchHub' | 'pipeline', newValue: string | undefined): void;
+    updateSearchHub(): void;
+    updatePipeline(): void;
+    toggleAnalytics(): void;
+    updateLanguage(): Promise<void> | undefined;
+    updateIconAssetsPath(): void;
     disconnectedCallback(): void;
-    private handleInitialization;
+    handleInitialization(event: InitializeEvent): void;
     scrollToTop(): void;
     closeRelevanceInspector(): void;
     /**
@@ -126,7 +135,7 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
      */
     initialize(options: InitializationOptions): Promise<void>;
     /**
-     * Initializes the interface using the provided [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method which internally builds a search engine instance.
+     * Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/interfaces/Search.SearchEngine.html), as opposed to the `initialize` method, which will internally create a new search engine instance.
      * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
      */
     initializeWithSearchEngine(engine: SearchEngine): Promise<void>;
@@ -135,30 +144,19 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
      * Executes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.
      */
     executeFirstSearch(): Promise<void>;
-    updateSearchConfiguration(updatedProp: 'searchHub' | 'pipeline', newValue: string | undefined): void;
-    updateSearchHub(): void;
-    updatePipeline(): void;
-    toggleAnalytics(): void;
-    updateLanguage(): void;
-    updateIconAssetsPath(): void;
-    private getBindings;
+    get bindings(): Bindings;
     private initFieldsToInclude;
     registerFieldsToInclude(): void;
+    private updateMobileBreakpoint;
     private initEngine;
     private getSearchConfiguration;
     private get fragment();
     private initUrlManager;
-    private handleRelevanceInspectorDoubleClick;
+    private initAriaLive;
     private initRelevanceInspector;
     private initSearchStatus;
     private updateHash;
     private onHashChange;
     private internalInitialization;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-search-interface': AtomicSearchInterface;
-    }
+    render(): any[];
 }
-export {};

package/dist/types/components/search/atomic-search-interface/interfaces.d.ts

@@ -1,5 +1,4 @@
 import type { SearchEngine } from '@coveo/headless';
 import type { CommonBindings, NonceBindings } from '../../common/interface/bindings';
-import type { AtomicSearchInterface } from './atomic-search-interface';
 import type { SearchStore } from './store';
-export type Bindings = CommonBindings<SearchEngine, SearchStore, AtomicSearchInterface> & NonceBindings;
+export type Bindings = CommonBindings<SearchEngine, SearchStore, HTMLAtomicSearchInterfaceElement> & NonceBindings;

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

@@ -11,16 +11,14 @@ declare const AtomicSearchLayout_base: import("../../../mixins/mixin-common").Co
  */
 export declare class AtomicSearchLayout extends AtomicSearchLayout_base {
     static styles: import("lit").CSSResult[];
+    private addStyles;
     error: Error;
     /**
      * The viewport width at which the layout goes from desktop to mobile.
      * E.g., 800px, 65rem.
      */
     mobileBreakpoint: string;
-    private layoutStylesController;
     connectedCallback(): void;
-    private emitBreakpointChangeEvent;
-    onMobileBreakpointChange(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {