@coveo/atomic 3.31.0 → 3.31.1-pre.4862ba88ca

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-e2c4641d.js';
+import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-daf979cf.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-e2c4641d.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-daf979cf.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-e2c4641d.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-daf979cf.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.6';
-export const atomicVersion = '3.31.0';
+export const headlessVersion = '3.27.7-pre.4862ba88ca';
+export const atomicVersion = '3.31.1-pre.4862ba88ca';

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-common';
+import { type BaseAtomicInterface } from '../../common/interface/interface-controller';
 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 commonInterfaceHelper;
-    error?: Error;
+    private interfaceController;
+    error: Error;
     static styles: CSSResultGroup;
     /**
      * The type of the interface.
@@ -107,7 +107,6 @@ 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 { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings.js';
-import { type BaseAtomicInterface } from '../../common/interface/interface-common.js';
+import type { CommonBindings } from '../../common/interface/bindings.js';
+import { type BaseAtomicInterface } from '../../common/interface/interface-controller.js';
 import { type CommerceRecommendationStore } from './store.js';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
-export type CommerceBindings = CommonBindings<CommerceEngine, CommerceRecommendationStore, AtomicCommerceRecommendationInterface> & AdoptedStylesBindings;
+export type CommerceBindings = CommonBindings<CommerceEngine, CommerceRecommendationStore, AtomicCommerceRecommendationInterface>;
 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 commonInterfaceHelper;
+    private interfaceController;
     static styles: CSSResultGroup;
     /**
      * The commerce interface i18next instance.
@@ -98,7 +98,6 @@ 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,6 +3,9 @@ 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-common';
+import type { BaseAtomicInterface } from './interface-controller';
 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-common.d.ts → interface-controller.d.ts}

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

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-30T02:51:58",
+  "timestamp": "2025-07-30T12:28:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -7358,10 +7358,10 @@
       "props": [
         {
           "name": "imageSize",
-          "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; })",
+          "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; })",
           "complexType": {
             "original": "Omit<ItemDisplayImageSize, 'icon'>",
-            "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; })",
+            "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; })",
             "references": {
               "Omit": {
                 "location": "global",
@@ -7383,7 +7383,28 @@
               "type": "undefined"
             },
             {
-              "type": "({ readonly [x: number]: string; [Symbol.iterator]: () => IterableIterator<string>; normalize: { (form: \"NFC\""
+              "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\""
             },
             {
               "value": "NFD",
@@ -7397,13 +7418,7 @@
               "type": "\"NFKD\"): string; (form?: 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": "undefined): string; }; charAt: (pos: number) => string; charCodeAt: (index: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string"
             },
             {
               "type": "string[]"
@@ -7433,16 +7448,7 @@
               "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; }; 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, 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, limit?: number"
@@ -7469,22 +7475,19 @@
               "type": "string[]"
             },
             {
-              "type": "undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; readonly length: number; substr: (from: number, length?: number"
+              "type": "undefined): string; (locales?: LocalesArgument): string; }; trim: () => string; substr: (from: number, length?: number"
             },
             {
               "type": "undefined) => string; codePointAt: (pos: number) => number"
             },
             {
-              "type": "undefined; includes: (searchString: string, position?: number"
-            },
-            {
-              "type": "undefined) => boolean; endsWith: (searchString: string, endPosition?: number"
+              "type": "undefined; endsWith: (searchString: string, endPosition?: number"
             },
             {
               "type": "undefined) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number"
             },
             {
-              "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) => 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): string; (length: number, fillStr?: string"
@@ -7502,10 +7505,7 @@
               "type": "RegExp, replaceValue: string): string; (searchValue: 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; })"
+              "type": "RegExp, replacer: (substring: string, ...args: any[]) => string): string; }; escapeHTML: () => string; unescapeHTML: () => string; valueOf: () => string; })"
             }
           ],
           "optional": true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.0",
+  "version": "3.31.1-pre.4862ba88ca",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -71,8 +71,8 @@
   },
   "dependencies": {
     "@lit/context": "1.1.6",
-    "@coveo/bueno": "1.0.23",
-    "@coveo/headless": "3.27.6",
+    "@coveo/bueno": "1.0.24-pre.4862ba88ca",
+    "@coveo/headless": "3.27.7-pre.4862ba88ca",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -157,8 +157,8 @@
     "wait-on": "8.0.3"
   },
   "peerDependencies": {
-    "@coveo/bueno": "1.0.23",
-    "@coveo/headless": "3.27.6",
+    "@coveo/bueno": "1.0.24-pre.4862ba88ca",
+    "@coveo/headless": "3.27.7-pre.4862ba88ca",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

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

@@ -1,95 +0,0 @@
-import "../atomic-component-error/atomic-component-error.js";
-import Backend from 'i18next-http-backend';
-import { html } from 'lit';
-import { i18nBackendOptions, i18nTranslationNamespace, init18n, } from "./i18n.js";
-import { setCoveoGlobal } from "../../../global/environment.js";
-import { loadDayjsLocale } from "../../../utils/dayjs-locales.js";
-export const mismatchedInterfaceAndEnginePropError = (interfaceKind, configurationName) => `A ${configurationName} is configured on the ${interfaceKind} interface element, but the ${interfaceKind} interface was initialized with an engine. You should only configure the ${configurationName} in the target engine.`;
-export class CommonAtomicInterfaceHelper {
-    constructor(atomicInterface, globalVariableName) {
-        this.atomicInterface = atomicInterface;
-        this.hangingComponentsInitialization = [];
-        setCoveoGlobal(globalVariableName);
-        if ('connectedCallback' in atomicInterface && 'render' in atomicInterface) {
-            const { connectedCallback: originalConnectedCallback, render: originalRender, } = atomicInterface;
-            atomicInterface.connectedCallback = () => {
-                this.i18nPromise = init18n(atomicInterface);
-                if (typeof originalConnectedCallback === 'function') {
-                    return originalConnectedCallback.call(atomicInterface);
-                }
-                return;
-            };
-            atomicInterface.render = () => {
-                if (atomicInterface.error) {
-                    return html `<atomic-component-error
-            .element=${atomicInterface}
-            .error=${atomicInterface.error}
-          ></atomic-component-error>`;
-                }
-                return typeof originalRender === 'function'
-                    ? originalRender.call(atomicInterface)
-                    : null;
-            };
-        }
-        else {
-            this.i18nPromise = init18n(atomicInterface);
-        }
-    }
-    onComponentInitializing(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this.atomicInterface.engine) {
-            event.detail(this.atomicInterface.bindings);
-            return;
-        }
-        this.hangingComponentsInitialization.push(event);
-    }
-    async onInitialization(initEngine) {
-        if (this.atomicInterface.engine) {
-            this.atomicInterface.engine.logger.warn(`The ${this.interfaceTagname} component "initialize" has already been called.`, this.atomicInterface);
-            return;
-        }
-        this.atomicInterface.updateIconAssetsPath();
-        initEngine();
-        if (this.atomicInterface.registerFieldsToInclude) {
-            this.atomicInterface.registerFieldsToInclude();
-        }
-        loadDayjsLocale(this.atomicInterface.language || 'en');
-        await this.i18nPromise;
-        this.initComponents();
-    }
-    onAnalyticsChange() {
-        const { engine, analytics } = this.atomicInterface;
-        if (!this.engineIsCreated(engine)) {
-            return;
-        }
-        if (!analytics) {
-            engine.disableAnalytics();
-            return;
-        }
-        engine.enableAnalytics();
-    }
-    onLanguageChange(newLanguage) {
-        const language = newLanguage ?? this.atomicInterface.language;
-        const languageWithFallback = language ?? 'en';
-        const { i18n } = this.atomicInterface;
-        loadDayjsLocale(languageWithFallback);
-        new Backend(i18n.services, i18nBackendOptions(this.atomicInterface)).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.atomicInterface);
-            return false;
-        }
-        return true;
-    }
-    get interfaceTagname() {
-        return this.atomicInterface.tagName.toLowerCase();
-    }
-    initComponents() {
-        this.hangingComponentsInitialization.forEach((event) => event.detail(this.atomicInterface.bindings));
-    }
-}