@coveo/atomic 3.32.4-pre.2b440cbf84 → 3.32.4-pre.2fd8f6feda

package/dist/esm/{slot-utils-39a2fc43.js → slot-utils-dcf4fc27.js}

@@ -1,4 +1,15 @@
+function hasLightDOMSlotContent(element) {
+    return ('slotContent' in element &&
+        typeof element.slotContent === 'object');
+}
 function getNamedSlotFromHost(host, slotName) {
+    if (hasLightDOMSlotContent(host)) {
+        const targetLightDomSlotContent = host.slotContent[slotName];
+        if (!targetLightDomSlotContent) {
+            return;
+        }
+        return targetLightDomSlotContent.find((node) => node instanceof Element);
+    }
     const children = Array.from(host.children);
     const targetSlot = children.filter((child) => child.getAttribute('slot') === slotName);
     if (!targetSlot.length) {
@@ -23,4 +34,4 @@ function getDefaultSlotFromHost(host) {
 
 export { getDefaultSlotFromHost as a, getNamedSlotFromHost as g };
 
-//# sourceMappingURL=slot-utils-39a2fc43.js.map
+//# sourceMappingURL=slot-utils-dcf4fc27.js.map

package/dist/esm/slot-utils-dcf4fc27.js.map

@@ -0,0 +1 @@
+{"file":"slot-utils-dcf4fc27.js","mappings":"AAEA,SAAS,sBAAsB,CAC7B,OAAoB;IAEpB,QACE,aAAa,IAAI,OAAO;QACxB,OAAQ,OAA2C,CAAC,WAAW,KAAK,QAAQ,EAC5E;AACJ,CAAC;SAEe,oBAAoB,CAAC,IAAiB,EAAE,QAAgB;IACtE,IAAI,sBAAsB,CAAC,IAAI,CAAC,EAAE;QAChC,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE7D,IAAI,CAAC,yBAAyB,EAAE;YAC9B,OAAO;SACR;QAED,OAAO,yBAAyB,CAAC,IAAI,CACnC,CAAC,IAAe,KAAK,IAAI,YAAY,OAAO,CAC7C,CAAC;KACH;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAChC,CAAC,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,CACnD,CAAC;IAEF,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;QACtB,OAAO;KACR;IAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC,0CAA0C,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC;KAC5E;IAED,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;AACvB,CAAC;SAEe,sBAAsB,CAAC,IAAiB;IACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CACjC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAC5E,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;QACvB,OAAO;KACR;IAED,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1B,OAAO,CAAC,IAAI,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;KAChE;IAED,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;AACxB;;;;","names":[],"sources":["src/utils/slot-utils.ts"],"sourcesContent":["import type {LightDOMWithSlots} from '@/src/mixins/slots-for-no-shadow-dom-mixin';\n\nfunction hasLightDOMSlotContent(\n  element: HTMLElement\n): element is HTMLElement & LightDOMWithSlots {\n  return (\n    'slotContent' in element &&\n    typeof (element as HTMLElement & LightDOMWithSlots).slotContent === 'object'\n  );\n}\n\nexport function getNamedSlotFromHost(host: HTMLElement, slotName: string) {\n  if (hasLightDOMSlotContent(host)) {\n    const targetLightDomSlotContent = host.slotContent[slotName];\n\n    if (!targetLightDomSlotContent) {\n      return;\n    }\n\n    return targetLightDomSlotContent.find(\n      (node: ChildNode) => node instanceof Element\n    );\n  }\n\n  const children = Array.from(host.children);\n  const targetSlot = children.filter(\n    (child) => child.getAttribute('slot') === slotName\n  );\n\n  if (!targetSlot.length) {\n    return;\n  }\n\n  if (targetSlot.length > 1) {\n    console.warn(`Element should only have 1 slot named \"${slotName}\".`, host);\n  }\n\n  return targetSlot[0];\n}\n\nexport function getDefaultSlotFromHost(host: HTMLElement) {\n  const children = Array.from(host.children);\n  const defaultSlot = children.filter(\n    (child) => !child.hasAttribute('slot') || child.getAttribute('slot') === ''\n  );\n\n  if (!defaultSlot.length) {\n    return;\n  }\n\n  if (defaultSlot.length > 1) {\n    console.warn('Element should only have 1 default slot.', host);\n  }\n\n  return defaultSlot[0];\n}\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.28.3';
-export const atomicVersion = '3.32.4-pre.2b440cbf84';
+export const headlessVersion = '3.28.4-pre.2fd8f6feda';
+export const atomicVersion = '3.32.4-pre.2fd8f6feda';

package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

package/dist/types/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.d.ts

@@ -48,10 +48,12 @@ export declare class AtomicCommerceCategoryFacet extends LitElement implements I
     bindings: CommerceBindings;
     /**
      * The summary controller instance.
+     * @private
      */
     summary: Summary<SearchSummaryState | ProductListingSummaryState>;
     /**
      * The category facet controller instance.
+     * @private
      */
     facet: CategoryFacet;
     /**
@@ -62,7 +64,13 @@ export declare class AtomicCommerceCategoryFacet extends LitElement implements I
      * The field identifier for this facet.
      */
     field?: string;
+    /**
+     * @private
+     */
     facetState: CategoryFacetState;
+    /**
+     * @private
+     */
     summaryState: SearchSummaryState | ProductListingSummaryState;
     error: Error;
     private resultIndexToFocusOnShowMore;

package/dist/types/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

package/dist/types/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -23,7 +23,7 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private unsubscribeUrlManager?;
     private unsubscribeSummary?;
     private initialized;
-    store: CommerceStore;
+    private store;
     private interfaceController;
     error: Error;
     static styles: CSSResultGroup;
@@ -57,8 +57,13 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     engine?: CommerceEngine;
     /**
      * Whether the state should be reflected in the URL parameters.
+     * @deprecated - replaced by `disable-state-reflection-in-url`
      */
     reflectStateInUrl: boolean;
+    /**
+     * Disable state reflection in the URL parameters.
+     */
+    disableStateReflectionInUrl: boolean;
     /**
      * The CSS selector for the container where the interface will scroll back to.
      */

package/dist/types/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -20,7 +20,7 @@ export declare class AtomicCommerceRecommendationInterface extends AtomicCommerc
     bindings: CommerceBindings;
     error: Error;
     context: Context;
-    store: CommerceRecommendationStore;
+    private store;
     private interfaceController;
     static styles: CSSResultGroup;
     /**

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

@@ -23,7 +23,13 @@ declare const AtomicCommerceRecommendationList_base: typeof LitElement;
  */
 export declare class AtomicCommerceRecommendationList extends AtomicCommerceRecommendationList_base implements InitializableComponent<CommerceBindings> {
     static styles: CSSResultGroup;
+    /**
+     * @internal
+     */
     recommendations: Recommendations;
+    /**
+     * @internal
+     */
     summary: Summary<RecommendationsSummaryState>;
     private itemRenderingFunction;
     private loadingFlag;
@@ -37,7 +43,13 @@ export declare class AtomicCommerceRecommendationList extends AtomicCommerceReco
     private productTemplateRegistered;
     private templateHasError;
     private isEveryProductReady;
+    /**
+     * @internal
+     */
     recommendationsState: RecommendationsState;
+    /**
+     * @internal
+     */
     summaryState: RecommendationsSummaryState;
     private currentPage;
     /**
@@ -45,7 +57,7 @@ export declare class AtomicCommerceRecommendationList extends AtomicCommerceReco
      * You can configure recommendation lists and get their respective slot IDs through the Coveo Merchandising Hub (CMH).
      * You can include multiple `atomic-commerce-recommendation-list` components with different slot IDs in the same page to display several recommendation lists.
      */
-    slotId: string;
+    slotId?: string;
     /**
      * The unique identifier of the product to use for seeded recommendations.
      */
@@ -72,6 +84,7 @@ export declare class AtomicCommerceRecommendationList extends AtomicCommerceReco
     productsPerPage?: number;
     /**
      * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading label, from 1 to 6.
+     * When set to 0, a `div` will be used instead of an Heading Element.
      */
     headingLevel: number;
     watchNumberOfRecommendationsPerPage(): Promise<void>;

package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -20,7 +20,7 @@ export declare class AtomicProductLink extends AtomicProductLink_base implements
      *
      * For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the product's `clickUri` and `itemtitle` fields.
      * ```html
-     * <atomic-product-link href-template='${clickUri}?id=${permanentId}'></atomic-product-link>
+     * <atomic-product-link href-template='${clickUri}?id=${permanentid}'></atomic-product-link>
      * ```
      */
     hrefTemplate?: string;
@@ -34,7 +34,6 @@ export declare class AtomicProductLink extends AtomicProductLink_base implements
     private stopPropagation?;
     private removeLinkEventHandlers?;
     private logWarningIfNeeded;
-    private extractAttributesFromSlot;
     initialize(): void;
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -16,6 +16,7 @@ export declare class AtomicProductRating extends LitElement implements Initializ
     error: Error;
     private productController;
     private product;
+    static styles: import("lit").CSSResult;
     /**
      * The numerical field whose values you want to display as a rating.
      */
@@ -48,7 +49,6 @@ export declare class AtomicProductRating extends LitElement implements Initializ
     private updateNumberOfStars;
     private updateRatingDetailsValue;
     private updateStates;
-    protected createRenderRoot(): this;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -13,10 +13,15 @@ export declare class AtomicProductText extends LitElement implements Initializab
     field: string;
     /**
      * Whether to highlight the string field value.
-     *
+     * @deprecated - replaced by `no-highlight`
      * Only works if the `field` property is set to `excerpt` or `ec_name`.
      */
     shouldHighlight: boolean;
+    /**
+     * Disable highlighting of the string field value.
+     * Only works if the `field` property is set to `excerpt` or `ec_name`.
+     */
+    noHighlight: boolean;
     /**
      * The locale key to use for displaying default text when the specified field has no value for the product.
      */

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

@@ -6,9 +6,6 @@ import { StencilBaseAtomicInterface } from '../../common/interface/interface-com
 import { InsightStore } from './store';
 export type InsightInitializationOptions = InsightEngineConfiguration;
 export type InsightBindings = CommonBindings<InsightEngine, InsightStore, HTMLAtomicInsightInterfaceElement> & NonceBindings;
-/**
- * @internal
- */
 export declare class AtomicInsightInterface implements StencilBaseAtomicInterface<InsightEngine> {
     private initialized;
     error?: Error;

package/dist/types/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.d.ts

@@ -2,7 +2,8 @@ import { UserActions as InsightUserActions, UserActionsState as InsightUserActio
 import { InitializableComponent } from '../../../../utils/initialization-utils';
 import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
 /**
- * @internal
+ * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
+ *
  * This component displays all the actions performed by a user around the time they created a case.
  * The actions are grouped into multiple sessions, including the session during which the case was created,
  * the sessions preceding the case creation and the sessions following the case creation.

package/dist/types/components/insight/user-actions/atomic-insight-user-actions-toggle/atomic-insight-user-actions-toggle.d.ts

@@ -2,7 +2,7 @@ import { UserActions as InsightUserActions, UserActionsState as InsightUserActio
 import { InitializableComponent } from '../../../../utils/initialization-utils';
 import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
 /**
- * @internal
+ * Internal component of the atomic-insight-interface
  * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.
  */
 export declare class AtomicInsightUserActionsToggle implements InitializableComponent<InsightBindings> {

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

@@ -135,7 +135,7 @@ export declare class AtomicSearchInterface implements StencilBaseAtomicInterface
      */
     initialize(options: InitializationOptions): Promise<void>;
     /**
-     * Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/search/), as opposed to the `initialize` method, which will internally create a new search engine instance.
+     * Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method, which will internally create a new search engine instance.
      * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
      */
     initializeWithSearchEngine(engine: SearchEngine): Promise<void>;

package/dist/types/components/search/result-template-components/quickview-iframe/quickview-iframe.d.ts

@@ -1,6 +1,7 @@
 import { SearchEngine } from '@coveo/headless';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 export declare const QuickviewIframe: FunctionalComponent<{
+    title: string;
     content?: string;
     onSetIframeRef: (ref: HTMLIFrameElement) => void;
     uniqueIdentifier?: string;

package/dist/types/components.d.ts

@@ -1139,6 +1139,10 @@ export namespace Components {
         "userActions": Array<IUserAction>;
     }
     /**
+     * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
+     * This component displays all the actions performed by a user around the time they created a case.
+     * The actions are grouped into multiple sessions, including the session during which the case was created,
+     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -1156,6 +1160,10 @@ export namespace Components {
          */
         "userId": string;
     }
+    /**
+     * Internal component of the atomic-insight-interface
+     * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.
+     */
     interface AtomicInsightUserActionsToggle {
         /**
           * The names of custom events to exclude.
@@ -2500,7 +2508,7 @@ export namespace Components {
          */
         "initialize": (options: InitializationOptions) => Promise<void>;
         /**
-          * Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/search/), as opposed to the `initialize` method, which will internally create a new search engine instance. This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
+          * Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method, which will internally create a new search engine instance. This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
          */
         "initializeWithSearchEngine": (engine: SearchEngine) => Promise<void>;
         /**
@@ -3467,6 +3475,10 @@ declare global {
         new (): HTMLAtomicInsightUserActionsSessionElement;
     };
     /**
+     * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
+     * This component displays all the actions performed by a user around the time they created a case.
+     * The actions are grouped into multiple sessions, including the session during which the case was created,
+     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -3476,6 +3488,10 @@ declare global {
         prototype: HTMLAtomicInsightUserActionsTimelineElement;
         new (): HTMLAtomicInsightUserActionsTimelineElement;
     };
+    /**
+     * Internal component of the atomic-insight-interface
+     * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.
+     */
     interface HTMLAtomicInsightUserActionsToggleElement extends Components.AtomicInsightUserActionsToggle, HTMLStencilElement {
     }
     var HTMLAtomicInsightUserActionsToggleElement: {
@@ -5735,6 +5751,10 @@ declare namespace LocalJSX {
         "userActions": Array<IUserAction>;
     }
     /**
+     * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
+     * This component displays all the actions performed by a user around the time they created a case.
+     * The actions are grouped into multiple sessions, including the session during which the case was created,
+     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -5752,6 +5772,10 @@ declare namespace LocalJSX {
          */
         "userId": string;
     }
+    /**
+     * Internal component of the atomic-insight-interface
+     * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.
+     */
     interface AtomicInsightUserActionsToggle {
         /**
           * The names of custom events to exclude.
@@ -7721,10 +7745,18 @@ declare module "@stencil/core" {
              */
             "atomic-insight-user-actions-session": LocalJSX.AtomicInsightUserActionsSession & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsSessionElement>;
             /**
+             * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
+             * This component displays all the actions performed by a user around the time they created a case.
+             * The actions are grouped into multiple sessions, including the session during which the case was created,
+             * the sessions preceding the case creation and the sessions following the case creation.
              * @component 
              * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
              */
             "atomic-insight-user-actions-timeline": LocalJSX.AtomicInsightUserActionsTimeline & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsTimelineElement>;
+            /**
+             * Internal component of the atomic-insight-interface
+             * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.
+             */
             "atomic-insight-user-actions-toggle": LocalJSX.AtomicInsightUserActionsToggle & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsToggleElement>;
             "atomic-ipx-body": LocalJSX.AtomicIpxBody & JSXBase.HTMLAttributes<HTMLAtomicIpxBodyElement>;
             "atomic-ipx-button": LocalJSX.AtomicIpxButton & JSXBase.HTMLAttributes<HTMLAtomicIpxButtonElement>;

package/dist/types/mixins/slots-for-no-shadow-dom-mixin.d.ts

@@ -1,23 +1,18 @@
 import type { LitElement, TemplateResult } from 'lit';
 import type { Constructor } from './mixin-common';
-type AdoptedNode = ChildNode & {
-    contentFor?: string;
-};
+type AdoptedNode = ChildNode;
 interface SlotMapping {
     [name: string]: AdoptedNode[] | undefined;
 }
 export interface LightDOMWithSlots {
-    slots: SlotMapping;
+    slotContent: SlotMapping;
     renderDefaultSlotContent(defaultContent?: unknown): TemplateResult | unknown[];
 }
 /**
  * A mixin class that provides slot functionality for LitElement components
  * that render in the light DOM (no shadow DOM).
  *
- * This class manages child node mapping to named slots, similar to how
- * shadow DOM slots work, but operates in the light DOM. It provides
- * methods to adopt children, map them to slots based on their `slot`
- * attribute, and yield slot content during rendering.
+ * Provides the `renderDefaultSlotContent()` method, which returns the default slot’s content or a fallback if the slot is empty.
  *
  * @example
  * ```typescript