@coveo/atomic 3.31.2-pre.2508f3c16d → 3.31.2-pre.2a7191c8ee

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/atomic-aria-live/atomic-aria-live.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * The `atomic-aria-live` component notifies screen readers of changes in the search and commerce interfaces.
+ *
+ * @event atomic/accessibility/findAriaLive - Dispatches an event to find the `atomic-aria-live` element.
+ */
+export declare class AtomicAriaLive extends LitElement {
+    createRenderRoot(): this;
+    private regions;
+    private messagesQueue;
+    private ariaLiveId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onFindAriaLive;
+    /**
+     * Updates the message and assertiveness for a specific ARIA live region.
+     * If a message is provided, the update is debounced to avoid rapid changes.
+     * If the message is empty, any pending update is canceled and the region is cleared immediately.
+     *
+     * @param region - The name of the ARIA live region to update.
+     * @param message - The message to announce in the region.
+     * @param assertive - Whether the region should use 'assertive' or 'polite' mode.
+     */
+    updateMessage(region: string, message: string, assertive: boolean): void;
+    /**
+     * Registers a new ARIA live region if it does not already exist.
+     *
+     * @param region - The name of the ARIA live region to register.
+     * @param assertive - Whether the region should use 'assertive' or 'polite' mode.
+     */
+    registerRegion(region: string, assertive: boolean): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-aria-live': AtomicAriaLive;
+    }
+}

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

@@ -1,3 +1,4 @@
+export { AtomicAriaLive } from './atomic-aria-live/atomic-aria-live.js';
 export { AtomicComponentError } from './atomic-component-error/atomic-component-error.js';
 export { AtomicIcon } from './atomic-icon/atomic-icon.js';
 export { AtomicLayoutSection } from './atomic-layout-section/atomic-layout-section.js';

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/dist/types/components.d.ts

@@ -58,13 +58,6 @@ export { InitializationOptions } from "./components/search/atomic-search-interfa
 export { StandaloneSearchBoxData } from "./utils/local-storage-utils";
 export { SearchBoxSuggestionElement } from "./components/common/suggestions/suggestions-common";
 export namespace Components {
-    /**
-     * The `atomic-aria-live` component notifies screen readers of changes in the search interface.
-     */
-    interface AtomicAriaLive {
-        "registerRegion": (region: string, assertive: boolean) => Promise<void>;
-        "updateMessage": (region: string, message: string, assertive: boolean) => Promise<void>;
-    }
     /**
      * An automatic facet is a special type of facet generated by the automatic facets feature.
      * Unlike regular facets, which need to be explicitly defined and requested in the query,
@@ -3315,15 +3308,6 @@ export interface AtomicSmartSnippetSourceCustomEvent<T> extends CustomEvent<T> {
     target: HTMLAtomicSmartSnippetSourceElement;
 }
 declare global {
-    /**
-     * The `atomic-aria-live` component notifies screen readers of changes in the search interface.
-     */
-    interface HTMLAtomicAriaLiveElement extends Components.AtomicAriaLive, HTMLStencilElement {
-    }
-    var HTMLAtomicAriaLiveElement: {
-        prototype: HTMLAtomicAriaLiveElement;
-        new (): HTMLAtomicAriaLiveElement;
-    };
     /**
      * An automatic facet is a special type of facet generated by the automatic facets feature.
      * Unlike regular facets, which need to be explicitly defined and requested in the query,
@@ -5115,7 +5099,6 @@ declare global {
         new (): HTMLAtomicTimeframeFacetElement;
     };
     interface HTMLElementTagNameMap {
-        "atomic-aria-live": HTMLAtomicAriaLiveElement;
         "atomic-automatic-facet": HTMLAtomicAutomaticFacetElement;
         "atomic-automatic-facet-generator": HTMLAtomicAutomaticFacetGeneratorElement;
         "atomic-breadbox": HTMLAtomicBreadboxElement;
@@ -5284,11 +5267,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    /**
-     * The `atomic-aria-live` component notifies screen readers of changes in the search interface.
-     */
-    interface AtomicAriaLive {
-    }
     /**
      * An automatic facet is a special type of facet generated by the automatic facets feature.
      * Unlike regular facets, which need to be explicitly defined and requested in the query,
@@ -8317,7 +8295,6 @@ declare namespace LocalJSX {
         "withDatePicker"?: boolean;
     }
     interface IntrinsicElements {
-        "atomic-aria-live": AtomicAriaLive;
         "atomic-automatic-facet": AtomicAutomaticFacet;
         "atomic-automatic-facet-generator": AtomicAutomaticFacetGenerator;
         "atomic-breadbox": AtomicBreadbox;
@@ -8489,10 +8466,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            /**
-             * The `atomic-aria-live` component notifies screen readers of changes in the search interface.
-             */
-            "atomic-aria-live": LocalJSX.AtomicAriaLive & JSXBase.HTMLAttributes<HTMLAtomicAriaLiveElement>;
             /**
              * An automatic facet is a special type of facet generated by the automatic facets feature.
              * Unlike regular facets, which need to be explicitly defined and requested in the query,

package/dist/types/utils/accessibility-utils.d.ts

@@ -1,7 +1,8 @@
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
 import type { AnyBindings } from '../components';
+import type { AtomicAriaLive } from '../components/common/atomic-aria-live/atomic-aria-live';
 export interface FindAriaLiveEventArgs {
-    element?: HTMLAtomicAriaLiveElement;
+    element?: AtomicAriaLive;
 }
 export declare class AriaLiveRegionController implements ReactiveController {
     private host;

package/dist/types/utils/stencil-accessibility-utils.d.ts

@@ -1,10 +1,11 @@
+import { AtomicAriaLive } from '../components/common/atomic-aria-live/atomic-aria-live';
 import { AnyBindings } from '../components/common/interface/bindings';
 import { InitializableComponent } from './initialization-utils';
 /**
  * @deprecated use Lit equivalent
  */
 export interface FindAriaLiveEventArgs {
-    element?: HTMLAtomicAriaLiveElement;
+    element?: AtomicAriaLive;
 }
 /**
  * @deprecated use Lit equivalent

package/docs/atomic-docs.json

@@ -1,42 +1,11 @@
 {
-  "timestamp": "2025-07-30T19:48:14",
+  "timestamp": "2025-07-31T15:56:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
     "typescriptVersion": "5.5.3"
   },
   "components": [
-    {
-      "filePath": "src/components/search/atomic-search-interface/atomic-aria-live.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-aria-live",
-      "docs": "The `atomic-aria-live` component notifies screen readers of changes in the search interface.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [
-        {
-          "event": "atomic/accessibility/findAriaLive",
-          "target": "document",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-interface"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-interface": [
-          "atomic-aria-live"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/facets/atomic-automatic-facet/atomic-automatic-facet.tsx",
       "encapsulation": "shadow",
@@ -7240,10 +7209,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",
@@ -7265,7 +7234,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",
@@ -7279,13 +7269,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[]"
@@ -7315,16 +7299,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"
@@ -7351,22 +7326,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"
@@ -7384,10 +7356,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,
@@ -14942,12 +14911,10 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "atomic-aria-live",
         "atomic-relevance-inspector"
       ],
       "dependencyGraph": {
         "atomic-search-interface": [
-          "atomic-aria-live",
           "atomic-relevance-inspector"
         ],
         "atomic-relevance-inspector": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.2-pre.2508f3c16d",
+  "version": "3.31.2-pre.2a7191c8ee",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -72,7 +72,7 @@
   "dependencies": {
     "@lit/context": "1.1.6",
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.7",
+    "@coveo/headless": "3.27.8-pre.2a7191c8ee",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -116,7 +116,7 @@
     "@types/escape-html": "1.0.4",
     "@types/jest": "29.5.12",
     "@types/lodash": "4.17.20",
-    "@types/node": "22.16.4",
+    "@types/node": "22.16.5",
     "@types/postcss-import": "14.0.3",
     "@types/puppeteer": "7.0.4",
     "@vitest/browser": "3.2.4",
@@ -141,7 +141,7 @@
     "postcss": "8.5.6",
     "postcss-load-config": "6.0.1",
     "postcss-nested": "7.0.2",
-    "puppeteer": "24.13.0",
+    "puppeteer": "24.15.0",
     "react": "19.1.0",
     "rollup": "4.45.0",
     "rollup-plugin-copy": "3.5.0",
@@ -154,11 +154,11 @@
     "typescript": "5.8.3",
     "vite": "6.3.5",
     "vitest": "3.2.4",
-    "wait-on": "8.0.3"
+    "wait-on": "8.0.4"
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.7",
+    "@coveo/headless": "3.27.8-pre.2a7191c8ee",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-aria-live.d.ts

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

package/dist/atomic/components/atomic-aria-live.js

@@ -1,8 +0,0 @@
-import { A as AtomicAriaLive$1, d as defineCustomElement$1 } from './atomic-aria-live2.js';
-
-const AtomicAriaLive = AtomicAriaLive$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicAriaLive, defineCustomElement };
-
-//# sourceMappingURL=atomic-aria-live.js.map

package/dist/atomic/components/atomic-aria-live.js.map

@@ -1 +0,0 @@
-{"file":"atomic-aria-live.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-aria-live2.js

@@ -1,87 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { b as buildDebouncedQueue } from './debounce-utils.js';
-import { r as randomID } from './utils.js';
-
-const AtomicAriaLive = /*@__PURE__*/ proxyCustomElement(class AtomicAriaLive extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.regions = {};
-        this.messagesQueue = buildDebouncedQueue({ delay: 500 });
-        this.regions = {};
-    }
-    onFindAriaLive({ detail: args }) {
-        if (!args.element || !this.isInSearchInterface) {
-            args.element = this.host;
-        }
-    }
-    get isInSearchInterface() {
-        let element = this.host;
-        while (element) {
-            if (element.tagName === 'ATOMIC-SEARCH-INTERFACE') {
-                return true;
-            }
-            element = element.parentElement;
-        }
-        return false;
-    }
-    connectedCallback() {
-        this.id = randomID('atomic-aria-live-');
-    }
-    /**
-     * @internal
-     */
-    async updateMessage(region, message, assertive) {
-        const updateRegion = () => (this.regions = { ...this.regions, [region]: { assertive, message } });
-        if (message) {
-            this.messagesQueue.enqueue(updateRegion, region);
-        }
-        else {
-            this.messagesQueue.cancelActionIfQueued(region);
-            updateRegion();
-        }
-    }
-    /**
-     * @internal
-     */
-    async registerRegion(region, assertive) {
-        if (region in this.regions) {
-            return;
-        }
-        this.regions = { ...this.regions, [region]: { assertive, message: '' } };
-    }
-    disconnectedCallback() {
-        this.messagesQueue.clear();
-    }
-    render() {
-        return (h(Host, { key: '5351e58c1abf430a4c9086b313690cdc7b5fc848', style: {
-                position: 'absolute',
-                display: 'block',
-                height: '0',
-                overflow: 'hidden',
-                margin: '0',
-            } }, Object.entries(this.regions).map(([regionName, { assertive, message }]) => (h("div", { key: regionName, id: `${this.id}-${regionName}`, "aria-live": assertive ? 'assertive' : 'polite', role: "status" }, message)))));
-    }
-    get host() { return this; }
-}, [0, "atomic-aria-live", {
-        "regions": [32],
-        "updateMessage": [64],
-        "registerRegion": [64]
-    }, [[4, "atomic/accessibility/findAriaLive", "onFindAriaLive"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-aria-live"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-aria-live":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicAriaLive);
-            }
-            break;
-    } });
-}
-
-export { AtomicAriaLive as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-aria-live2.js.map