@coveo/atomic 3.34.0-pre.933691a916 → 3.34.0-pre.941e709b3a

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-2f5f12b6.js';
+import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-00814762.js';
 import { A as ArrayProp } from './props-utils-e97ad6bd.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-utils-7a336631.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-015afa83.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-2f5f12b6.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-00814762.js';
 import { A as ArrayProp } from './props-utils-e97ad6bd.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, a as createBaseStore } from './store-015afa83.js';
 import './dayjs.min-d04628c6.js';

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 export const headlessVersion = '3.31.1';
-export const atomicVersion = '3.34.0-pre.933691a916';
+export const atomicVersion = '3.34.0-pre.941e709b3a';

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

@@ -1,19 +1,20 @@
 import type { InteractiveProduct, Product } from '@coveo/headless/commerce';
 import { type CSSResultGroup, LitElement } from 'lit';
-import type { CommerceStore } from "../atomic-commerce-interface/store";
-import type { CommerceRecommendationStore } from "../atomic-commerce-recommendation-interface/store";
 import type { DisplayConfig } from "../../common/item-list/context/item-display-config-context-controller";
 import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
-import type { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "../../common/layout/display-options";
+import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout } from "../../common/layout/display-options";
 import type { InteractiveProductContextEvent, ProductContextEvent } from "../../../decorators/commerce/product-template-decorators";
+import type { CommerceStore } from '../atomic-commerce-interface/store';
+import type { CommerceRecommendationStore } from '../atomic-commerce-recommendation-interface/store';
 declare const AtomicProduct_base: typeof LitElement;
 /**
  * The `atomic-product` component is used internally by the `atomic-commerce-product-list` and `atomic-commerce-recommendation-list` components.
  */
 export declare class AtomicProduct extends AtomicProduct_base {
+    private layout;
     private productRootRef?;
     private linkContainerRef?;
-    private itemLayoutController;
+    private executedRenderingFunctionOnce;
     static styles: CSSResultGroup;
     /**
      * Whether `atomic-product-link` components nested in the `atomic-product` should stop click event propagation.
@@ -83,14 +84,25 @@ export declare class AtomicProduct extends AtomicProduct_base {
     clickLinkContainer: () => void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
+    private get isCustomRenderFunctionMode();
     private getContentHTML;
     private getLinkHTML;
+    private shouldExecuteRenderFunction;
     render(): import("lit-html").TemplateResult<1>;
     firstUpdated(_changedProperties: Map<string, unknown>): void;
+    private getCombinedClasses;
+    private applyClassesToChildren;
+    updated(_changedProperties: Map<string, unknown>): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'atomic-product': AtomicProduct;
     }
+    interface HTMLElementEventMap {
+        'atomic/resolveResult': ProductContextEvent;
+        'atomic/resolveInteractiveResult': InteractiveProductContextEvent;
+        'atomic/resolveStopPropagation': CustomEvent;
+        'atomic/resolveResultDisplayConfig': ProductContextEvent<DisplayConfig>;
+    }
 }
 export {};

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-07T14:23:17",
+  "timestamp": "2025-10-07T19:07:37",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.34.0-pre.933691a916",
+  "version": "3.34.0-pre.941e709b3a",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {

package/dist/atomic/components/components/common/layout/custom-render-controller.js

@@ -1,37 +0,0 @@
-/**
- * A reactive controller that manages custom rendering function execution for item components.
- */
-export class CustomRenderController {
-    constructor(host, options) {
-        this.hasExecutedRenderFunction = false;
-        this.options = {
-            linkContainerRef: () => undefined,
-            onRenderComplete: () => { },
-            ...options,
-        };
-        host.addController(this);
-    }
-    hostConnected() {
-        this.resetRenderState();
-    }
-    hostUpdated() {
-        this.executeRenderFunction();
-    }
-    resetRenderState() {
-        this.hasExecutedRenderFunction = false;
-    }
-    executeRenderFunction() {
-        const renderingFunction = this.options.renderingFunction();
-        const itemData = this.options.itemData();
-        const rootElementRef = this.options.rootElementRef();
-        if (!renderingFunction ||
-            !itemData ||
-            !rootElementRef ||
-            this.hasExecutedRenderFunction) {
-            return;
-        }
-        const customRenderOutput = renderingFunction(itemData, rootElementRef, this.options.linkContainerRef());
-        this.options.onRenderComplete(rootElementRef, customRenderOutput);
-        this.hasExecutedRenderFunction = true;
-    }
-}

package/dist/atomic/components/components/common/layout/item-layout-controller.js

@@ -1,103 +0,0 @@
-import { ItemLayout, } from './display-options';
-/**
- * A reactive controller that manages layout creation and class application for item components.
- */
-export class ItemLayoutController {
-    constructor(host, options) {
-        this.layoutInstance = null;
-        this.host = host;
-        this.options = {
-            ...options,
-        };
-        host.addController(this);
-    }
-    hostConnected() {
-        this.createLayout();
-    }
-    hostUpdated() {
-        this.applyLayoutClasses();
-    }
-    /**
-     * Gets the current layout instance
-     */
-    getLayout() {
-        return this.layoutInstance;
-    }
-    /**
-     * Gets combined layout and extra classes
-     */
-    getCombinedClasses(additionalContent) {
-        const layout = this.getLayout();
-        const layoutClasses = layout ? layout.getClasses(additionalContent) : [];
-        const itemClasses = this.options
-            .itemClasses()
-            .split(/\s+/)
-            .filter((c) => c);
-        return [...layoutClasses, ...itemClasses];
-    }
-    /**
-     * Applies layout classes to a specific element (useful for custom rendering)
-     */
-    applyLayoutClassesToElement(element, additionalContent) {
-        const layout = this.getLayout();
-        if (!layout) {
-            return;
-        }
-        const classes = this.getCombinedClasses(additionalContent);
-        if (classes.length > 0) {
-            element.classList.add(...classes);
-        }
-    }
-    applyLayoutClasses() {
-        const layout = this.getLayout();
-        if (!layout) {
-            return;
-        }
-        const classes = this.getCombinedClasses();
-        const root = this.host.shadowRoot?.querySelector('.result-root');
-        if (!root || classes.length === 0) {
-            return;
-        }
-        if (this.hasCustomRenderFunction()) {
-            this.observeAndApplyClasses(root, classes);
-        }
-        else {
-            this.addClassesToElements(root, classes);
-        }
-    }
-    createLayout() {
-        const content = this.options.content();
-        if (!content) {
-            console.warn(`${this.options.elementPrefix}: content property is undefined. Cannot create layout.`, this.host);
-            this.layoutInstance = null;
-            return;
-        }
-        const config = this.options.layoutConfig();
-        this.layoutInstance = new ItemLayout(content.children, config.display, config.density, config.imageSize);
-    }
-    hasCustomRenderFunction() {
-        return this.options.renderingFunction() !== undefined;
-    }
-    addClassesToElements(root, classes) {
-        if (classes.length === 0) {
-            return;
-        }
-        const elements = root.querySelectorAll('*');
-        elements.forEach((element) => {
-            const tagName = element.tagName.toLowerCase();
-            if (tagName.startsWith(`${this.options.elementPrefix}-`)) {
-                element.classList.add(...classes);
-            }
-        });
-    }
-    observeAndApplyClasses(root, classes) {
-        const observer = new MutationObserver((mutations) => {
-            const hasNewElements = mutations.some((mutation) => mutation.type === 'childList' && mutation.addedNodes.length > 0);
-            if (hasNewElements) {
-                this.addClassesToElements(root, classes);
-                observer.disconnect();
-            }
-        });
-        observer.observe(root, { childList: true, subtree: true });
-    }
-}

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

@@ -1,25 +0,0 @@
-import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
-import type { ItemRenderingFunction } from "../item-list/item-list-common";
-import type { AnyItem } from "../item-list/unfolded-item";
-export interface CustomRenderHost extends ReactiveControllerHost {
-    shadowRoot?: ShadowRoot | null;
-}
-export interface CustomRenderOptions {
-    renderingFunction: () => ItemRenderingFunction<AnyItem> | undefined;
-    itemData: () => AnyItem | undefined;
-    rootElementRef: () => HTMLElement | undefined;
-    linkContainerRef?: () => HTMLElement | undefined;
-    onRenderComplete?: (element: HTMLElement, output: string) => void;
-}
-/**
- * A reactive controller that manages custom rendering function execution for item components.
- */
-export declare class CustomRenderController implements ReactiveController {
-    private options;
-    private hasExecutedRenderFunction;
-    constructor(host: CustomRenderHost & LitElement, options: CustomRenderOptions);
-    hostConnected(): void;
-    hostUpdated(): void;
-    private resetRenderState;
-    private executeRenderFunction;
-}

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

@@ -1,47 +0,0 @@
-import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
-import type { ItemRenderingFunction } from "../item-list/item-list-common";
-import type { AnyItem } from "../item-list/unfolded-item";
-import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout, ItemLayout } from './display-options';
-export interface ItemLayoutHost extends ReactiveControllerHost {
-    shadowRoot?: ShadowRoot | null;
-}
-export interface LayoutDisplayConfig {
-    display: ItemDisplayLayout;
-    density: ItemDisplayDensity;
-    imageSize: ItemDisplayImageSize;
-}
-export interface ItemLayoutOptions {
-    elementPrefix: string;
-    renderingFunction: () => ItemRenderingFunction<AnyItem> | undefined;
-    content: () => ParentNode | undefined;
-    layoutConfig: () => LayoutDisplayConfig;
-    itemClasses: () => string;
-}
-/**
- * A reactive controller that manages layout creation and class application for item components.
- */
-export declare class ItemLayoutController implements ReactiveController {
-    private host;
-    private options;
-    private layoutInstance;
-    constructor(host: ItemLayoutHost & LitElement, options: ItemLayoutOptions);
-    hostConnected(): void;
-    hostUpdated(): void;
-    /**
-     * Gets the current layout instance
-     */
-    getLayout(): ItemLayout | null;
-    /**
-     * Gets combined layout and extra classes
-     */
-    getCombinedClasses(additionalContent?: string): string[];
-    /**
-     * Applies layout classes to a specific element (useful for custom rendering)
-     */
-    applyLayoutClassesToElement(element: HTMLElement, additionalContent?: string): void;
-    private applyLayoutClasses;
-    private createLayout;
-    private hasCustomRenderFunction;
-    private addClassesToElements;
-    private observeAndApplyClasses;
-}