@coveo/atomic 3.31.2-pre.da74c43571 → 3.31.2-pre.dbdab38fe6

package/dist/esm/atomic-insight-interface.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { buildResultsPerPage, loadFieldActions, buildInsightEngine } from '@coveo/headless/insight';
-import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-b8b6bdbb.js';
+import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-3ce0ea6f.js';
 import { A as ArrayProp } from './props-utils-e17fa18c.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-5fcae420.js';

package/dist/esm/atomic-recs-interface.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { loadRecommendationActions, loadSearchConfigurationActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildRecommendationEngine } from '@coveo/headless/recommendation';
-import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-b8b6bdbb.js';
+import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-3ce0ea6f.js';
 import { A as ArrayProp } from './props-utils-e17fa18c.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, a as createBaseStore } from './store-5fcae420.js';
 import './dayjs.min-d04628c6.js';

package/dist/esm/atomic-search-interface.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { loadSearchConfigurationActions, loadQueryActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildSearchEngine, buildUrlManager, buildSearchStatus } from '@coveo/headless';
-import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-b8b6bdbb.js';
+import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-3ce0ea6f.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-410269e6.js';
 import { A as ArrayProp } from './props-utils-e17fa18c.js';
 import { m as makeDesktopQuery, n as noResultsSelector, e as errorSelector, f as firstSearchExecutedSelector } from './search-layout-1e3bd9fd.js';

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.27.8-pre.da74c43571';
-export const atomicVersion = '3.31.2-pre.da74c43571';
+export const headlessVersion = '3.27.8-pre.dbdab38fe6';
+export const atomicVersion = '3.31.2-pre.dbdab38fe6';

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

@@ -2,7 +2,7 @@ import { type CommerceEngine, type CommerceEngineConfiguration, type Context, ty
 import { type i18n } from 'i18next';
 import { type CSSResultGroup, LitElement } from 'lit';
 import type { CommonBindings } from '../../common/interface/bindings';
-import { type BaseAtomicInterface } from '../../common/interface/interface-controller';
+import { type BaseAtomicInterface } from '../../common/interface/interface-common';
 import { type CommerceStore } from '../atomic-commerce-interface/store';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
 export type CommerceBindings = CommonBindings<CommerceEngine, CommerceStore, AtomicCommerceInterface>;
@@ -25,8 +25,8 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private unsubscribeSummary?;
     private initialized;
     store: CommerceStore;
-    private interfaceController;
-    error: Error;
+    private commonInterfaceHelper;
+    error?: Error;
     static styles: CSSResultGroup;
     /**
      * The type of the interface.
@@ -107,6 +107,7 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private getBindings;
     private initEngine;
     private get fragment();
+    private initAriaLive;
     private initUrlManager;
     private initRequestStatus;
     private initSummary;

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

@@ -2,11 +2,11 @@ import { type CommerceEngine, type CommerceEngineConfiguration, type Context } f
 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.js';
-import { type BaseAtomicInterface } from '../../common/interface/interface-controller.js';
+import type { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings.js';
+import { type BaseAtomicInterface } from '../../common/interface/interface-common.js';
 import { type CommerceRecommendationStore } from './store.js';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
-export type CommerceBindings = CommonBindings<CommerceEngine, CommerceRecommendationStore, AtomicCommerceRecommendationInterface>;
+export type CommerceBindings = CommonBindings<CommerceEngine, CommerceRecommendationStore, AtomicCommerceRecommendationInterface> & AdoptedStylesBindings;
 declare const AtomicCommerceRecommendationInterface_base: typeof LitElement;
 /**
  * The `atomic-commerce-recommendation-interface` component is meant to be used
@@ -16,10 +16,10 @@ declare const AtomicCommerceRecommendationInterface_base: typeof LitElement;
  */
 export declare class AtomicCommerceRecommendationInterface extends AtomicCommerceRecommendationInterface_base implements BaseAtomicInterface<CommerceEngine> {
     bindings: CommerceBindings;
-    error: Error;
+    error?: Error;
     context: Context;
     store: CommerceRecommendationStore;
-    private interfaceController;
+    private commonInterfaceHelper;
     static styles: CSSResultGroup;
     /**
      * The commerce interface i18next instance.
@@ -98,6 +98,7 @@ export declare class AtomicCommerceRecommendationInterface extends AtomicCommerc
     private handleInitialization;
     private scrollToTop;
     private internalInitialization;
+    private initAriaLive;
     private initContext;
     private getBindings;
     private initLanguage;

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

@@ -3,9 +3,6 @@ import { type CSSResultGroup, LitElement } from 'lit';
 import type { InitializableComponent } from "../../../decorators/types";
 import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
-import '../atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products';
-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.
  *

package/dist/types/components/common/interface/i18n.d.ts

@@ -1,6 +1,6 @@
 import { type HttpBackendOptions } from 'i18next-http-backend';
 import type { AnyEngineType } from './bindings';
-import type { BaseAtomicInterface } from './interface-controller';
+import type { BaseAtomicInterface } from './interface-common';
 export declare const i18nTranslationNamespace = "translation";
 export declare function i18nBackendOptions(atomicInterface: BaseAtomicInterface<AnyEngineType>): HttpBackendOptions;
 export declare function init18n(atomicInterface: BaseAtomicInterface<AnyEngineType>): Promise<import("i18next").TFunction<"translation", undefined>>;

package/dist/types/components/common/interface/{interface-controller.d.ts → interface-common.d.ts}

@@ -1,36 +1,33 @@
+import "../atomic-component-error/atomic-component-error.js";
 import type { LogLevel } from '@coveo/headless';
 import type { i18n } from 'i18next';
-import type { LitElement, ReactiveController } from 'lit';
-import type { AnyBindings, AnyEngineType } from './bindings';
+import type { AnyBindings, AnyEngineType } from "./bindings.js";
 export type InitializeEventHandler = (bindings: AnyBindings) => void;
 export type InitializeEvent = CustomEvent<InitializeEventHandler>;
 export interface BaseAtomicInterface<EngineType extends AnyEngineType> {
     analytics: boolean;
     i18n: i18n;
+    engine?: EngineType;
     languageAssetsPath: string;
     iconAssetsPath: string;
-    bindings: AnyBindings;
-    updateIconAssetsPath(): void;
-    error: Error;
-    engine?: EngineType;
     logLevel?: LogLevel;
     language?: string;
+    bindings: AnyBindings;
+    error?: Error;
+    updateIconAssetsPath(): void;
     registerFieldsToInclude?: () => void;
 }
-export declare class InterfaceController<EngineType extends AnyEngineType> implements ReactiveController {
-    private host;
+export declare const mismatchedInterfaceAndEnginePropError: (interfaceKind: "search" | "recommendation", configurationName: "query pipeline" | "search hub") => string;
+export declare class CommonAtomicInterfaceHelper<Engine extends AnyEngineType> {
+    private atomicInterface;
     private i18nPromise;
     private hangingComponentsInitialization;
-    constructor(host: LitElement & BaseAtomicInterface<EngineType>, globalVariableName: string);
-    hostConnected(): void;
-    hostDisconnected(): void;
+    constructor(atomicInterface: BaseAtomicInterface<Engine> & HTMLElement, globalVariableName: string);
     onComponentInitializing(event: InitializeEvent): void;
     onInitialization(initEngine: () => void): Promise<void>;
     onAnalyticsChange(): void;
     onLanguageChange(newLanguage?: string): void;
-    engineIsCreated(engine?: EngineType): engine is EngineType;
+    engineIsCreated(engine?: Engine): engine is Engine;
     private get interfaceTagname();
     private initComponents;
-    private initAriaLive;
-    private removeAriaLive;
 }

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-31T15:32:06",
+  "timestamp": "2025-07-31T14:20:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -7209,10 +7209,10 @@
       "props": [
         {
           "name": "imageSize",
-          "type": "undefined | ({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; readonly length: number; toString: () => string; concat: (...strings: string[]) => string; slice: (start?: number | undefined, end?: number | undefined) => string; indexOf: (searchString: string, position?: number | undefined) => number; lastIndexOf: (searchString: string, position?: number | undefined) => number; includes: (searchString: string, position?: number | undefined) => boolean; at: { (index: number): string | undefined; (index: number): string; }; link: (url: string) => string; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; sub: () => string; sup: () => string; big: () => string; blink: () => string; strike: () => string; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string | undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[] | undefined, options?: CollatorOptions | undefined): number; (that: string, locales?: LocalesArgument, options?: CollatorOptions | undefined): number; }; match: { (regexp: string | RegExp): RegExpMatchArray | null; (matcher: { [Symbol.match](string: string): RegExpMatchArray | null; }): RegExpMatchArray | null; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; split: { (separator: string | RegExp, limit?: number | undefined): string[]; (splitter: { [Symbol.split](string: string, limit?: number | undefined): string[]; }, limit?: number | undefined): string[]; }; substring: (start: number, end?: number | undefined) => string; toLowerCase: () => string; toLocaleLowerCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; toUpperCase: () => string; toLocaleUpperCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; substr: (from: number, length?: number | undefined) => string; codePointAt: (pos: number) => number | undefined; endsWith: (searchString: string, endPosition?: number | undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number | undefined) => boolean; anchor: (name: string) => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; padStart: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; padEnd: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>; replaceAll: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; escapeHTML: () => string; unescapeHTML: () => string; valueOf: () => string; })",
+          "type": "undefined | ({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string | undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; lastIndexOf: (searchString: string, position?: number | undefined) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[] | undefined, options?: CollatorOptions | undefined): number; (that: string, locales?: LocalesArgument, options?: CollatorOptions | undefined): number; }; match: { (regexp: string | RegExp): RegExpMatchArray | null; (matcher: { [Symbol.match](string: string): RegExpMatchArray | null; }): RegExpMatchArray | null; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number | undefined, end?: number | undefined) => string; split: { (separator: string | RegExp, limit?: number | undefined): string[]; (splitter: { [Symbol.split](string: string, limit?: number | undefined): string[]; }, limit?: number | undefined): string[]; }; substring: (start: number, end?: number | undefined) => string; toLowerCase: () => string; toLocaleLowerCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; toUpperCase: () => string; toLocaleUpperCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; readonly length: number; substr: (from: number, length?: number | undefined) => string; codePointAt: (pos: number) => number | undefined; includes: (searchString: string, position?: number | undefined) => boolean; endsWith: (searchString: string, endPosition?: number | undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number | undefined) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; small: () => string; strike: () => string; sub: () => string; sup: () => string; padStart: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; padEnd: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>; replaceAll: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; at: { (index: number): string | undefined; (index: number): string; }; escapeHTML: () => string; unescapeHTML: () => string; toString: () => string; valueOf: () => string; })",
           "complexType": {
             "original": "Omit<ItemDisplayImageSize, 'icon'>",
-            "resolved": "undefined | ({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; readonly length: number; toString: () => string; concat: (...strings: string[]) => string; slice: (start?: number | undefined, end?: number | undefined) => string; indexOf: (searchString: string, position?: number | undefined) => number; lastIndexOf: (searchString: string, position?: number | undefined) => number; includes: (searchString: string, position?: number | undefined) => boolean; at: { (index: number): string | undefined; (index: number): string; }; link: (url: string) => string; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; sub: () => string; sup: () => string; big: () => string; blink: () => string; strike: () => string; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string | undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[] | undefined, options?: CollatorOptions | undefined): number; (that: string, locales?: LocalesArgument, options?: CollatorOptions | undefined): number; }; match: { (regexp: string | RegExp): RegExpMatchArray | null; (matcher: { [Symbol.match](string: string): RegExpMatchArray | null; }): RegExpMatchArray | null; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; split: { (separator: string | RegExp, limit?: number | undefined): string[]; (splitter: { [Symbol.split](string: string, limit?: number | undefined): string[]; }, limit?: number | undefined): string[]; }; substring: (start: number, end?: number | undefined) => string; toLowerCase: () => string; toLocaleLowerCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; toUpperCase: () => string; toLocaleUpperCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; substr: (from: number, length?: number | undefined) => string; codePointAt: (pos: number) => number | undefined; endsWith: (searchString: string, endPosition?: number | undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number | undefined) => boolean; anchor: (name: string) => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; padStart: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; padEnd: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>; replaceAll: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; escapeHTML: () => string; unescapeHTML: () => string; valueOf: () => string; })",
+            "resolved": "undefined | ({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string | undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; lastIndexOf: (searchString: string, position?: number | undefined) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[] | undefined, options?: CollatorOptions | undefined): number; (that: string, locales?: LocalesArgument, options?: CollatorOptions | undefined): number; }; match: { (regexp: string | RegExp): RegExpMatchArray | null; (matcher: { [Symbol.match](string: string): RegExpMatchArray | null; }): RegExpMatchArray | null; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number | undefined, end?: number | undefined) => string; split: { (separator: string | RegExp, limit?: number | undefined): string[]; (splitter: { [Symbol.split](string: string, limit?: number | undefined): string[]; }, limit?: number | undefined): string[]; }; substring: (start: number, end?: number | undefined) => string; toLowerCase: () => string; toLocaleLowerCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; toUpperCase: () => string; toLocaleUpperCase: { (locales?: string | string[] | undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; readonly length: number; substr: (from: number, length?: number | undefined) => string; codePointAt: (pos: number) => number | undefined; includes: (searchString: string, position?: number | undefined) => boolean; endsWith: (searchString: string, endPosition?: number | undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number | undefined) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; small: () => string; strike: () => string; sub: () => string; sup: () => string; padStart: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; padEnd: { (maxLength: number, fillString?: string | undefined): string; (length: number, fillStr?: string | undefined): string; }; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>; replaceAll: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; at: { (index: number): string | undefined; (index: number): string; }; escapeHTML: () => string; unescapeHTML: () => string; toString: () => string; valueOf: () => string; })",
             "references": {
               "Omit": {
                 "location": "global",
@@ -7234,28 +7234,7 @@
               "type": "undefined"
             },
             {
-              "type": "({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; readonly length: number; toString: () => string; concat: (...strings: string[]) => string; slice: (start?: number"
-            },
-            {
-              "type": "undefined, end?: number"
-            },
-            {
-              "type": "undefined) => string; indexOf: (searchString: string, position?: number"
-            },
-            {
-              "type": "undefined) => number; lastIndexOf: (searchString: string, position?: number"
-            },
-            {
-              "type": "undefined) => number; includes: (searchString: string, position?: number"
-            },
-            {
-              "type": "undefined) => boolean; at: { (index: number): string"
-            },
-            {
-              "type": "undefined; (index: number): string; }; link: (url: string) => string; search: { (regexp: string"
-            },
-            {
-              "type": "RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; sub: () => string; sup: () => string; big: () => string; blink: () => string; strike: () => string; normalize: { (form: \"NFC\""
+              "type": "({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; normalize: { (form: \"NFC\""
             },
             {
               "value": "NFD",
@@ -7269,7 +7248,13 @@
               "type": "\"NFKD\"): string; (form?: string"
             },
             {
-              "type": "undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string"
+              "type": "undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number"
+            },
+            {
+              "type": "undefined) => number; lastIndexOf: (searchString: string, position?: number"
+            },
+            {
+              "type": "undefined) => number; localeCompare: { (that: string): number; (that: string, locales?: string"
             },
             {
               "type": "string[]"
@@ -7299,7 +7284,16 @@
               "type": "RegExp, replaceValue: string): string; (searchValue: string"
             },
             {
-              "type": "RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; split: { (separator: string"
+              "type": "RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string"
+            },
+            {
+              "type": "RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number"
+            },
+            {
+              "type": "undefined, end?: number"
+            },
+            {
+              "type": "undefined) => string; split: { (separator: string"
             },
             {
               "type": "RegExp, limit?: number"
@@ -7326,19 +7320,22 @@
               "type": "string[]"
             },
             {
-              "type": "undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; substr: (from: number, length?: number"
+              "type": "undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; readonly length: number; substr: (from: number, length?: number"
             },
             {
               "type": "undefined) => string; codePointAt: (pos: number) => number"
             },
             {
-              "type": "undefined; endsWith: (searchString: string, endPosition?: number"
+              "type": "undefined; includes: (searchString: string, position?: number"
+            },
+            {
+              "type": "undefined) => boolean; endsWith: (searchString: string, endPosition?: number"
             },
             {
               "type": "undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number"
             },
             {
-              "type": "undefined) => boolean; anchor: (name: string) => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; padStart: { (maxLength: number, fillString?: string"
+              "type": "undefined) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; small: () => string; strike: () => string; sub: () => string; sup: () => string; padStart: { (maxLength: number, fillString?: string"
             },
             {
               "type": "undefined): string; (length: number, fillStr?: string"
@@ -7356,7 +7353,10 @@
               "type": "RegExp, replaceValue: string): string; (searchValue: string"
             },
             {
-              "type": "RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; escapeHTML: () => string; unescapeHTML: () => string; valueOf: () => string; })"
+              "type": "RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; at: { (index: number): string"
+            },
+            {
+              "type": "undefined; (index: number): string; }; escapeHTML: () => string; unescapeHTML: () => string; toString: () => string; valueOf: () => string; })"
             }
           ],
           "optional": true,
@@ -9063,7 +9063,7 @@
               "i18n": {
                 "location": "import",
                 "path": "i18next",
-                "id": "node_modules::i18n"
+                "id": "../../node_modules/i18next/index.d.mts::i18n"
               }
             }
           },
@@ -14527,7 +14527,7 @@
               "i18n": {
                 "location": "import",
                 "path": "i18next",
-                "id": "node_modules::i18n"
+                "id": "../../node_modules/i18next/index.d.mts::i18n"
               }
             }
           },
@@ -17573,6 +17573,11 @@
       "docstring": "",
       "path": "../headless/dist/definitions/index.d.ts"
     },
+    "../../node_modules/i18next/index.d.mts::i18n": {
+      "declaration": "export interface i18n extends i18nextMod.i18n, CustomInstanceExtensions {}",
+      "docstring": "",
+      "path": "../../node_modules/i18next/index.d.mts"
+    },
     "../headless/dist/definitions/index.d.ts::SearchEngine": {
       "declaration": "any",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.2-pre.da74c43571",
+  "version": "3.31.2-pre.dbdab38fe6",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -70,9 +70,9 @@
     "validate:definitions": "tsc --noEmit --esModuleInterop --skipLibCheck ./dist/types/components.d.ts"
   },
   "dependencies": {
-    "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.8-pre.da74c43571",
     "@lit/context": "1.1.6",
+    "@coveo/bueno": "1.0.24",
+    "@coveo/headless": "3.27.8-pre.dbdab38fe6",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -80,7 +80,7 @@
     "dompurify": "3.2.6",
     "escape-html": "1.0.3",
     "focus-visible": "5.2.1",
-    "i18next": "25.3.2",
+    "i18next": "24.2.3",
     "i18next-http-backend": "3.0.2",
     "lit": "3.3.1",
     "marked": "12.0.2",
@@ -158,7 +158,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.8-pre.da74c43571",
+    "@coveo/headless": "3.27.8-pre.dbdab38fe6",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/components/common/interface/interface-controller.js

@@ -1,89 +0,0 @@
-import Backend from 'i18next-http-backend';
-import { setCoveoGlobal } from "../../../global/environment";
-import { loadDayjsLocale } from "../../../utils/dayjs-locales";
-import { i18nBackendOptions, i18nTranslationNamespace, init18n } from './i18n';
-export class InterfaceController {
-    constructor(host, globalVariableName) {
-        this.hangingComponentsInitialization = [];
-        this.host = host;
-        this.host.addController(this);
-        setCoveoGlobal(globalVariableName);
-    }
-    hostConnected() {
-        this.i18nPromise = init18n(this.host);
-        this.initAriaLive();
-    }
-    hostDisconnected() {
-        this.removeAriaLive();
-    }
-    onComponentInitializing(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this.host.engine) {
-            event.detail(this.host.bindings);
-            return;
-        }
-        this.hangingComponentsInitialization.push(event);
-    }
-    async onInitialization(initEngine) {
-        if (this.host.engine) {
-            this.host.engine.logger.warn(`The ${this.interfaceTagname} component "initialize" has already been called.`, this.host);
-            return;
-        }
-        this.host.updateIconAssetsPath();
-        initEngine();
-        if (this.host.registerFieldsToInclude) {
-            this.host.registerFieldsToInclude();
-        }
-        loadDayjsLocale(this.host.language || 'en');
-        await this.i18nPromise;
-        this.initComponents();
-    }
-    onAnalyticsChange() {
-        const { engine, analytics } = this.host;
-        if (!this.engineIsCreated(engine)) {
-            return;
-        }
-        if (!analytics) {
-            engine.disableAnalytics();
-            return;
-        }
-        engine.enableAnalytics();
-    }
-    onLanguageChange(newLanguage) {
-        const language = newLanguage ?? this.host.language;
-        const languageWithFallback = language ?? 'en';
-        const { i18n } = this.host;
-        loadDayjsLocale(languageWithFallback);
-        new Backend(i18n.services, i18nBackendOptions(this.host)).read(languageWithFallback.split('-')[0], i18nTranslationNamespace, (_, data) => {
-            i18n.addResourceBundle(languageWithFallback.split('-')[0], i18nTranslationNamespace, data, true, false);
-            i18n.changeLanguage(language);
-        });
-    }
-    engineIsCreated(engine) {
-        if (!engine) {
-            console.error(`You have to call "initialize" on the ${this.interfaceTagname} component before modifying the props or calling other public methods.`, this.host);
-            return false;
-        }
-        return true;
-    }
-    get interfaceTagname() {
-        return this.host.tagName.toLowerCase();
-    }
-    initComponents() {
-        this.hangingComponentsInitialization.forEach((event) => event.detail(this.host.bindings));
-    }
-    initAriaLive() {
-        if (Array.from(this.host.children).some((element) => element.tagName === 'ATOMIC-ARIA-LIVE')) {
-            return;
-        }
-        const ariaLive = document.createElement('atomic-aria-live');
-        this.host.prepend(ariaLive);
-    }
-    removeAriaLive() {
-        const ariaLive = this.host.querySelector('atomic-aria-live');
-        if (ariaLive) {
-            ariaLive.remove();
-        }
-    }
-}