@coveo/atomic 3.31.2-pre.8be4e70346 → 3.31.2-pre.8c3f1d1fa1

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

@@ -1,19 +1,22 @@
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { TruncateAfter } from '../../common/expandable-text/stencil-expandable-text';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { LitElement } from 'lit';
+import type { InitializableComponent } from "../../../decorators/types.js";
+import { type TruncateAfter } from '../../common/expandable-text/expandable-text.js';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface.js';
+import '../atomic-product-text/atomic-product-text.js';
 /**
- * @alpha
  * The `atomic-product-description` component renders the description of a product.
+ *
+ * @part expandable-text - The part that contains the product description text.
  */
-export declare class AtomicProductDescription implements InitializableComponent<CommerceBindings> {
+export declare class AtomicProductDescription extends LitElement implements InitializableComponent<CommerceBindings> {
+    static styles: import("lit").CSSResult;
     bindings: CommerceBindings;
-    private product;
-    hostElement: HTMLElement;
     error: Error;
+    private productController;
     private isExpanded;
     private isTruncated;
-    private descriptionText;
     private resizeObserver;
+    private descriptionRef;
     /**
      * The number of lines after which the product description should be truncated. A value of "none" will disable truncation.
      */
@@ -26,10 +29,18 @@ export declare class AtomicProductDescription implements InitializableComponent<
      * Whether the description should be collapsible after being expanded.
      */
     isCollapsible: boolean;
+    initialize(): void;
     constructor();
     private validateProps;
-    componentDidLoad(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    firstUpdated(): void;
     private onToggleExpand;
     disconnectedCallback(): void;
-    render(): any;
+    private get product();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-product-description': AtomicProductDescription;
+    }
 }

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

@@ -10,6 +10,7 @@ import '../atomic-product-children/atomic-product-children';
 import '../atomic-product-multi-value-text/atomic-product-multi-value-text';
 import '../atomic-product-price/atomic-product-price';
 import '../atomic-product-numeric-field-value/atomic-product-numeric-field-value';
+import '../atomic-product-description/atomic-product-description';
 /**
  * * A product template determines the format of the query results, depending on the conditions that are defined for each template.
  *

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

@@ -21,6 +21,7 @@ export { AtomicCommerceSortDropdown } from './atomic-commerce-sort-dropdown/atom
 export { AtomicCommerceText } from './atomic-commerce-text/atomic-commerce-text.js';
 export { AtomicProduct } from './atomic-product/atomic-product.js';
 export { AtomicProductChildren } from './atomic-product-children/atomic-product-children.js';
+export { AtomicProductDescription } from './atomic-product-description/atomic-product-description.js';
 export { AtomicProductExcerpt } from './atomic-product-excerpt/atomic-product-excerpt.js';
 export { AtomicProductLink } from './atomic-product-link/atomic-product-link.js';
 export { AtomicProductMultiValueText } from './atomic-product-multi-value-text/atomic-product-multi-value-text.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

@@ -20,7 +20,6 @@ import { InsightInitializationOptions } from "./components/insight/atomic-insigh
 import { InsightStore } from "./components/insight/atomic-insight-interface/store";
 import { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
 import { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
-import { TruncateAfter } from "./components/common/expandable-text/stencil-expandable-text";
 import { ItemDisplayImageSize as ItemDisplayImageSize1 } from "./components.d";
 import { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLevel as RecsLogLevel, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
 import { RecsInitializationOptions } from "./components/recommendations/atomic-recs-interface/atomic-recs-interface";
@@ -47,7 +46,6 @@ export { InsightInitializationOptions } from "./components/insight/atomic-insigh
 export { InsightStore } from "./components/insight/atomic-insight-interface/store";
 export { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
 export { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
-export { TruncateAfter } from "./components/common/expandable-text/stencil-expandable-text";
 export { ItemDisplayImageSize as ItemDisplayImageSize1 } from "./components.d";
 export { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLevel as RecsLogLevel, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
 export { RecsInitializationOptions } from "./components/recommendations/atomic-recs-interface/atomic-recs-interface";
@@ -1593,23 +1591,6 @@ export namespace Components {
      */
     interface AtomicPopover {
     }
-    /**
-     * @alpha The `atomic-product-description` component renders the description of a product.
-     */
-    interface AtomicProductDescription {
-        /**
-          * The name of the description field to use.
-         */
-        "field": 'ec_description' | 'ec_shortdesc';
-        /**
-          * Whether the description should be collapsible after being expanded.
-         */
-        "isCollapsible": boolean;
-        /**
-          * The number of lines after which the product description should be truncated. A value of "none" will disable truncation.
-         */
-        "truncateAfter": TruncateAfter;
-    }
     /**
      * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
      * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
@@ -4115,15 +4096,6 @@ declare global {
         prototype: HTMLAtomicPopoverElement;
         new (): HTMLAtomicPopoverElement;
     };
-    /**
-     * @alpha The `atomic-product-description` component renders the description of a product.
-     */
-    interface HTMLAtomicProductDescriptionElement extends Components.AtomicProductDescription, HTMLStencilElement {
-    }
-    var HTMLAtomicProductDescriptionElement: {
-        prototype: HTMLAtomicProductDescriptionElement;
-        new (): HTMLAtomicProductDescriptionElement;
-    };
     /**
      * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
      * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
@@ -5225,7 +5197,6 @@ declare global {
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
         "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
-        "atomic-product-description": HTMLAtomicProductDescriptionElement;
         "atomic-product-field-condition": HTMLAtomicProductFieldConditionElement;
         "atomic-product-image": HTMLAtomicProductImageElement;
         "atomic-product-rating": HTMLAtomicProductRatingElement;
@@ -6788,23 +6759,6 @@ declare namespace LocalJSX {
      */
     interface AtomicPopover {
     }
-    /**
-     * @alpha The `atomic-product-description` component renders the description of a product.
-     */
-    interface AtomicProductDescription {
-        /**
-          * The name of the description field to use.
-         */
-        "field"?: 'ec_description' | 'ec_shortdesc';
-        /**
-          * Whether the description should be collapsible after being expanded.
-         */
-        "isCollapsible"?: boolean;
-        /**
-          * The number of lines after which the product description should be truncated. A value of "none" will disable truncation.
-         */
-        "truncateAfter"?: TruncateAfter;
-    }
     /**
      * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
      * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
@@ -8445,7 +8399,6 @@ declare namespace LocalJSX {
         "atomic-numeric-range": AtomicNumericRange;
         "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
-        "atomic-product-description": AtomicProductDescription;
         "atomic-product-field-condition": AtomicProductFieldCondition;
         "atomic-product-image": AtomicProductImage;
         "atomic-product-rating": AtomicProductRating;
@@ -8763,10 +8716,6 @@ declare module "@stencil/core" {
              * The `atomic-popover` component displays any facet as a popover menu.
              */
             "atomic-popover": LocalJSX.AtomicPopover & JSXBase.HTMLAttributes<HTMLAtomicPopoverElement>;
-            /**
-             * @alpha The `atomic-product-description` component renders the description of a product.
-             */
-            "atomic-product-description": LocalJSX.AtomicProductDescription & JSXBase.HTMLAttributes<HTMLAtomicProductDescriptionElement>;
             /**
              * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
              * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-31T01:21:42",
+  "timestamp": "2025-07-31T12:43:37",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -6593,124 +6593,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-description/atomic-product-description.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-description",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-description` component renders the description of a product."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "field",
-          "type": "\"ec_description\" | \"ec_shortdesc\"",
-          "complexType": {
-            "original": "'ec_description' | 'ec_shortdesc'",
-            "resolved": "\"ec_description\" | \"ec_shortdesc\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "field",
-          "reflectToAttr": false,
-          "docs": "The name of the description field to use.",
-          "docsTags": [],
-          "default": "'ec_shortdesc'",
-          "values": [
-            {
-              "value": "ec_description",
-              "type": "string"
-            },
-            {
-              "value": "ec_shortdesc",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "isCollapsible",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "is-collapsible",
-          "reflectToAttr": false,
-          "docs": "Whether the description should be collapsible after being expanded.",
-          "docsTags": [],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "truncateAfter",
-          "type": "\"1\" | \"2\" | \"3\" | \"4\" | \"none\"",
-          "complexType": {
-            "original": "TruncateAfter",
-            "resolved": "\"1\" | \"2\" | \"3\" | \"4\" | \"none\"",
-            "references": {
-              "TruncateAfter": {
-                "location": "import",
-                "path": "../../common/expandable-text/stencil-expandable-text",
-                "id": "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "truncate-after",
-          "reflectToAttr": false,
-          "docs": "The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.",
-          "docsTags": [],
-          "default": "'2'",
-          "values": [
-            {
-              "value": "1",
-              "type": "string"
-            },
-            {
-              "value": "2",
-              "type": "string"
-            },
-            {
-              "value": "3",
-              "type": "string"
-            },
-            {
-              "value": "4",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx",
       "encapsulation": "none",
@@ -7358,10 +7240,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 +7265,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 +7300,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 +7330,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 +7357,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 +7387,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,
@@ -17809,11 +17691,6 @@
       "docstring": "",
       "path": "src/components/common/item-list/stencil-item-list-common.tsx"
     },
-    "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter": {
-      "declaration": "export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';",
-      "docstring": "",
-      "path": "src/components/common/expandable-text/stencil-expandable-text.tsx"
-    },
     "src/components.d.ts::ItemDisplayImageSize": {
       "declaration": "any",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.2-pre.8be4e70346",
+  "version": "3.31.2-pre.8c3f1d1fa1",
   "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.8-pre.8be4e70346",
+    "@coveo/headless": "3.27.8-pre.8c3f1d1fa1",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -158,7 +158,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.8-pre.8be4e70346",
+    "@coveo/headless": "3.27.8-pre.8c3f1d1fa1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-product-description.d.ts

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