@coveo/atomic 3.33.8-pre.bcd9d55cdd → 3.33.8-pre.c15f1d422b

package/dist/esm/index-3f35faca.js

@@ -284,6 +284,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './atomic-numeric-range.entry.js').then(processMod, consoleError);
+                case 'atomic-pager':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './atomic-pager.entry.js').then(processMod, consoleError);
                 case 'atomic-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -324,6 +328,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './atomic-refine-toggle.entry.js').then(processMod, consoleError);
+                case 'atomic-relevance-inspector':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './atomic-relevance-inspector.entry.js').then(processMod, consoleError);
                 case 'atomic-result-badge':
                     return import(
                       /* webpackMode: "lazy" */
@@ -412,10 +420,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './atomic-search-box-instant-results.entry.js').then(processMod, consoleError);
-                case 'atomic-search-interface':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './atomic-search-interface.entry.js').then(processMod, consoleError);
                 case 'atomic-segmented-facet':
                     return import(
                       /* webpackMode: "lazy" */
@@ -492,10 +496,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './atomic-refine-modal.entry.js').then(processMod, consoleError);
-                case 'atomic-relevance-inspector':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './atomic-relevance-inspector.entry.js').then(processMod, consoleError);
                 case 'atomic-search-box-query-suggestions_2':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/stencil-pager-navigation-7261a834.js

@@ -0,0 +1,42 @@
+import { h } from './index-3f35faca.js';
+import { B as Button } from './stencil-button-1a29a5df.js';
+import { R as RadioButton } from './stencil-radio-button-cae5f40a.js';
+
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPreviousButton = (props) => {
+    return (h(Button, { ...props, ariaLabel: props.i18n.t('previous'), style: "outline-primary", part: "previous-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
+        h("atomic-icon", { icon: props.icon, part: "previous-button-icon", class: "w-5 align-middle" })));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerNextButton = (props) => {
+    return (h(Button, { ...props, ariaLabel: props.i18n.t('next'), style: "outline-primary", part: "next-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
+        h("atomic-icon", { icon: props.icon, part: "next-button-icon", class: "w-5 align-middle" })));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPageButton = (props) => {
+    return (h(RadioButton, { ...props, selectWhenFocused: false, key: props.page, style: "outline-neutral", checked: props.isSelected, ariaCurrent: props.isSelected ? 'page' : 'false', class: "btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1", part: `page-button${props.isSelected ? ' active-page-button' : ''}` }));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPageButtons = (props, children) => {
+    return (h("div", { part: "page-buttons", role: "radiogroup", "aria-label": props.i18n.t('pagination'), class: "contents" }, ...children));
+};
+
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerNavigation = (props, children) => {
+    return (h("nav", { "aria-label": props.i18n.t('pagination') },
+        h("div", { part: "buttons", role: "toolbar", class: "flex flex-wrap gap-2" }, ...children)));
+};
+
+export { PagerNavigation as P, PagerPreviousButton as a, PagerPageButtons as b, PagerPageButton as c, PagerNextButton as d };
+
+//# sourceMappingURL=stencil-pager-navigation-7261a834.js.map

package/dist/esm/stencil-pager-navigation-7261a834.js.map

@@ -0,0 +1 @@
+{"file":"stencil-pager-navigation-7261a834.js","mappings":";;;;AAkCA;;;MAGa,mBAAmB,GAE5B,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EACnC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,EAAE;AAEF;;;MAGa,eAAe,GAExB,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,EAAE;AAEF;;;MAGa,eAAe,GAA8C,CACxE,KAAK;IAEL,QACE,EAAC,WAAW,OACN,KAAK,EACT,iBAAiB,EAAE,KAAK,EACxB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,WAAW,EAAE,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,OAAO,EAChD,KAAK,EAAC,+DAA+D,EACrE,IAAI,EAAE,cAAc,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,EAAE,EAAE,GACtD,EACf;AACJ,EAAE;AAEF;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,QACE,WACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,gBACL,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,EACtC,KAAK,EAAC,UAAU,OAEZ,QAAQ,CACR,EACN;AACJ;;AC3GA;;;MAGa,eAAe,GAA8C,CACxE,KAAK,EACL,QAAQ;IAER,QACE,yBAAiB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;QACzC,WAAK,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,OACzD,QAAQ,CACR,CACF,EACN;AACJ;;;;","names":[],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.1-pre.bcd9d55cdd';
-export const atomicVersion = '3.33.8-pre.bcd9d55cdd';
+export const headlessVersion = '3.31.1-pre.c15f1d422b';
+export const atomicVersion = '3.33.8-pre.c15f1d422b';

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

@@ -52,7 +52,8 @@ export declare class AtomicCommerceBreadbox extends LitElement implements Initia
      */
     pathLimit: number;
     initialize(): void;
-    updated(changedProperties: Map<string, unknown>): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    updated(): void;
     private validateProps;
     disconnectedCallback(): void;
     private get breadcrumbs();

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;
     /**
-     * Disable state reflection in the URL parameters.
+     * Whether to 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,10 +142,10 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private initSummary;
     private initUrlManager;
     private internalInitialization;
+    private isNewLocale;
     private onHashChange;
     scrollToTop(): void;
     private updateHash;
-    private updateMobileBreakpoint;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -8,19 +8,19 @@ declare const AtomicCommerceLayout_base: import("../../../mixins/mixin-common").
  * @cssprop --atomic-layout-max-search-box-input-width: The maximum width that the search box input will take.
  * @cssprop --atomic-layout-max-search-box-double-suggestions-width: The maximum width that the search box suggestions will take when displaying a double list.
  * @cssprop --atomic-layout-search-box-left-suggestions-width: The width of the left list when displaying a double list.
- *
- * @slot default - The default slot for the layout content.
  */
 export declare class AtomicCommerceLayout extends AtomicCommerceLayout_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 {

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-search-box/atomic-commerce-search-box.d.ts

@@ -137,6 +137,7 @@ export declare class AtomicCommerceSearchBox extends LitElement implements Initi
     private renderSuggestions;
     private renderPanel;
     private renderSuggestion;
+    private renderSlotContent;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/common/layout/layout-styles-controller.d.ts

@@ -0,0 +1,22 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface LayoutStylesHost extends ReactiveControllerHost {
+    mobileBreakpoint: string;
+    getRootNode(): Node;
+    id?: string;
+}
+export type StylesBuilderFunction = (host: HTMLElement, mobileBreakpoint: string) => string;
+/**
+ * A reactive controller that manages dynamic layout styles.
+ */
+export declare class LayoutStylesController implements ReactiveController {
+    private host;
+    private dynamicStyleSheet;
+    private stylesBuilder;
+    private componentPrefix;
+    constructor(host: LayoutStylesHost, stylesBuilder: StylesBuilderFunction, componentPrefix: string);
+    hostConnected(): void;
+    /**
+     * Updates the dynamic styles based on the current mobile breakpoint
+     */
+    updateStyles(): void;
+}

package/dist/types/components/common/layout/mobile-breakpoint-controller.d.ts

@@ -0,0 +1,18 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { BaseStore } from "../interface/store";
+/**
+ * A reactive controller that manages mobile breakpoint changes through event communication.
+ * This controller listens for 'atomic-layout-breakpoint-change' events and updates a store
+ * with the new breakpoint value.
+ */
+export declare class MobileBreakpointController implements ReactiveController {
+    private host;
+    private store;
+    private eventListener;
+    constructor(host: ReactiveControllerHost, store: BaseStore<{
+        mobileBreakpoint: string;
+    }>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private handleBreakpointChange;
+}

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

@@ -1,8 +1,6 @@
-import { type Pager, type PagerState, type SearchStatus, type SearchStatusState } from '@coveo/headless';
-import { LitElement } from 'lit';
-import type { InitializableComponent } from "../../../decorators/types";
-import type { Bindings } from '../atomic-search-interface/interfaces';
-declare const AtomicPager_base: typeof LitElement;
+import { Pager, PagerState, SearchStatus, SearchStatusState } from '@coveo/headless';
+import { InitializableComponent } from '../../../utils/initialization-utils';
+import { Bindings } from '../atomic-search-interface/atomic-search-interface';
 /**
  * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
  *
@@ -14,17 +12,16 @@ declare const AtomicPager_base: typeof LitElement;
  * @part next-button - The next button.
  * @part previous-button-icon - Icon of the previous button.
  * @part next-button-icon - Icon of the next button.
- *
- * @event atomic/scrollToTop - Emitted when the user clicks the next or previous button, or a page button.
  */
-export declare class AtomicPager extends AtomicPager_base implements InitializableComponent<Bindings> {
+export declare class AtomicPager implements InitializableComponent {
     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.
      */
@@ -47,13 +44,6 @@ export declare class AtomicPager extends AtomicPager_base implements Initializab
     nextButtonIcon: string;
     private radioGroupName;
     initialize(): void;
-    private validateProps;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): any;
     private focusOnFirstResultAndScrollToTop;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-pager': AtomicPager;
-    }
-}
-export {};

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

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

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

@@ -1,24 +1,30 @@
-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';
+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";
 export type InitializationOptions = SearchEngineConfiguration;
-export type Bindings = _Bindings;
+export type Bindings = CommonBindings<SearchEngine, SearchStore, AtomicSearchInterface> & NonceBindings;
+declare const AtomicSearchInterface_base: typeof LitElement;
 /**
  * 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 implements StencilBaseAtomicInterface<SearchEngine> {
-    private urlManager;
-    private searchStatus;
+export declare class AtomicSearchInterface extends AtomicSearchInterface_base implements BaseAtomicInterface<SearchEngine> {
+    bindings: Bindings;
+    error: Error;
+    relevanceInspectorIsOpen: boolean;
+    urlManager: UrlManager;
+    searchStatus: SearchStatus;
     private unsubscribeUrlManager;
     private unsubscribeSearchStatus;
     private initialized;
     private store;
-    private commonInterfaceHelper;
-    host: HTMLAtomicSearchInterfaceElement;
-    error?: Error;
-    relevanceInspectorIsOpen: boolean;
+    private interfaceController;
+    static styles: CSSResultGroup;
     /**
      * A list of non-default fields to include in the query results.
      *
@@ -27,7 +33,7 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
      * <atomic-search-interface fields-to-include='["fieldA", "fieldB"]'></atomic-search-interface>
      * ```
      */
-    fieldsToInclude: string[] | string;
+    fieldsToInclude: string[];
     /**
      * The search interface [query pipeline](https://docs.coveo.com/en/180/).
      *
@@ -69,8 +75,13 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
     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.
      */
@@ -95,39 +106,19 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
      * 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;
     /**
-     * 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>
-     * ```
+     * Whether to disable the relevance inspector shortcut for this interface.
      */
-    CspNonce?: string;
+    disableRelevanceInspector: boolean;
     private i18Initialized;
-    private componentWillLoadCalledPromise;
-    private componentWillLoadResolver;
     constructor();
     connectedCallback(): void;
-    componentWillLoad(): void;
-    updateSearchConfiguration(updatedProp: 'searchHub' | 'pipeline', newValue: string | undefined): void;
-    updateSearchHub(): void;
-    updatePipeline(): void;
-    toggleAnalytics(): void;
-    updateLanguage(): Promise<void> | undefined;
-    updateIconAssetsPath(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
     disconnectedCallback(): void;
-    handleInitialization(event: InitializeEvent): void;
+    private handleInitialization;
     scrollToTop(): void;
     closeRelevanceInspector(): void;
     /**
@@ -135,7 +126,7 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
      */
     initialize(options: InitializationOptions): Promise<void>;
     /**
-     * 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.
+     * 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.
      * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
      */
     initializeWithSearchEngine(engine: SearchEngine): Promise<void>;
@@ -144,19 +135,30 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
      * Executes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.
      */
     executeFirstSearch(): Promise<void>;
-    get bindings(): Bindings;
+    updateSearchConfiguration(updatedProp: 'searchHub' | 'pipeline', newValue: string | undefined): void;
+    updateSearchHub(): void;
+    updatePipeline(): void;
+    toggleAnalytics(): void;
+    updateLanguage(): void;
+    updateIconAssetsPath(): void;
+    private getBindings;
     private initFieldsToInclude;
     registerFieldsToInclude(): void;
-    private updateMobileBreakpoint;
     private initEngine;
     private getSearchConfiguration;
     private get fragment();
     private initUrlManager;
-    private initAriaLive;
+    private handleRelevanceInspectorDoubleClick;
     private initRelevanceInspector;
     private initSearchStatus;
     private updateHash;
     private onHashChange;
     private internalInitialization;
-    render(): any[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-interface': AtomicSearchInterface;
+    }
 }
+export {};

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

@@ -1,4 +1,5 @@
 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, HTMLAtomicSearchInterfaceElement> & NonceBindings;
+export type Bindings = CommonBindings<SearchEngine, SearchStore, AtomicSearchInterface> & NonceBindings;

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

@@ -11,14 +11,16 @@ 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 {

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

@@ -1,4 +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';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';