@coveo/atomic 3.49.0 → 3.51.0

package/dist/esm/{stencil-result-template-decorators-9cbe1e1c.js.map → stencil-result-template-decorators-4c2e5132.js.map}

@@ -1 +1 @@
-{"file":"stencil-result-template-decorators-9cbe1e1c.js","mappings":"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","names":[],"sources":["src/components/common/item-list/stencil-item-decorators.tsx","src/components/search/result-template-component-utils/context/stencil-result-template-decorators.tsx"],"sourcesContent":["import {closest} from '@/src/utils/dom-utils';\nimport {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {AnyItem} from './unfolded-item';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ResultTemplateProvider} from './result-template-provider';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemContext` from \\@/src/decorators/item-list/item-context.js.\n */\nexport function ItemContext(\n  opts: {parentName: string; folded: boolean} = {\n    parentName: 'atomic-result',\n    folded: false,\n  }\n) {\n  return (component: ComponentInterface, itemVariable: string) => {\n    const {connectedCallback, componentWillRender, render} = component;\n    component.connectedCallback = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        itemContextEventName,\n        (item: Record<string, unknown>) => {\n          this[itemVariable] = extractFolded(item, opts.folded);\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        this.error = new MissingParentError(\n          element.nodeName.toLowerCase(),\n          opts.parentName\n        );\n        return;\n      }\n      return connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentWillRender = function () {\n      if (this.error) {\n        return;\n      }\n\n      return componentWillRender && componentWillRender.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        const element = getElement(this);\n        element.remove();\n        console.error(\n          'Result component is in error and has been removed from the DOM',\n          this.error,\n          this,\n          element\n        );\n        return;\n      }\n      return render && render.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `InteractiveItemContext` from \\@/src/decorators/item-list/interactive-item-context.js.\n */\nexport function InteractiveItemContext() {\n  return (component: ComponentInterface, interactiveItemVariable: string) => {\n    const {connectedCallback} = component;\n    component.connectedCallback = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        interactiveItemContextEventName,\n        (item: AnyItem) => {\n          this[interactiveItemVariable] = item;\n        }\n      );\n      element.dispatchEvent(event);\n      return connectedCallback && connectedCallback.call(this);\n    };\n  };\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\nconst itemContextEventName = 'atomic/resolveResult';\nexport type InteractiveItemContextEvent = CustomEvent<\n  (interactiveItem: unknown) => void\n>;\nconst interactiveItemContextEventName = 'atomic/resolveInteractiveResult';\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `itemContext` from \\@/src/components/common/item-list/item-context.js.\n */\nexport function itemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n\nfunction extractFolded(item: Record<string, unknown>, returnFolded: boolean) {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item;\n    } else {\n      return {children: [], result: item};\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result;\n  }\n  return item;\n}\n\ntype ChildTemplatesContextEventHandler = (\n  itemTemplateProvider?: ResultTemplateProvider\n) => void;\nexport type ChildTemplatesContextEvent =\n  CustomEvent<ChildTemplatesContextEventHandler>;\nconst childTemplatesContextEventName = 'atomic/resolveChildTemplates';\n\ninterface AtomicItemChildren {\n  itemTemplateProvider?: ResultTemplateProvider;\n}\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ChildTemplatesContext` from \\@/src/decorators/item-list/child-templates-context.js.\n */\nexport function ChildTemplatesContext() {\n  return (component: ComponentInterface, itemTemplateProviderProp: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        childTemplatesContextEventName,\n        (itemTemplateProvider?: ResultTemplateProvider) => {\n          const component = this as AtomicItemChildren;\n          if (component.itemTemplateProvider) {\n            return;\n          }\n\n          this[itemTemplateProviderProp] = itemTemplateProvider;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        this[itemTemplateProviderProp] = null;\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n\nexport type DisplayConfig = {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n};\n\ntype ItemDisplayConfigContextEventHandler = (config: DisplayConfig) => void;\nexport type ItemDisplayConfigContextEvent =\n  CustomEvent<ItemDisplayConfigContextEventHandler>;\nconst itemDisplayConfigContextEventName = 'atomic/resolveResultDisplayConfig';\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemDisplayConfigContext` from \\@/src/decorators/item-list/item-display-config-context.js.\n */\nexport function ItemDisplayConfigContext() {\n  return (component: ComponentInterface, itemVariable: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        itemDisplayConfigContextEventName,\n        (config: DisplayConfig) => {\n          this[itemVariable] = config;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n","import {FoldedResult, Result} from '@coveo/headless';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \\@/src/components/search/result-template-component-utils/context/result-context-controller.ts\n */\nexport function ResultContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-result', folded: opts.folded});\n}\n\nexport function InteractiveResultContext() {\n  return InteractiveItemContext();\n}\n\nexport type ResultContextEvent<T = Result> = ItemContextEvent<T>;\nexport type InteractiveResultContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element The element that the event is dispatched to, which must be the child of a rendered \"atomic-result\" element.\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \\@/src/components/search/result-template-component-utils/context/fetch-result-context.ts\n */\nexport function resultContext<T extends Result | FoldedResult = Result>(\n  element: Element\n) {\n  return itemContext<T>(element, 'atomic-result');\n}\n"],"version":3}
+{"file":"stencil-result-template-decorators-4c2e5132.js","mappings":"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","names":[],"sources":["src/components/common/item-list/stencil-item-decorators.tsx","src/components/search/result-template-component-utils/context/stencil-result-template-decorators.tsx"],"sourcesContent":["import {closest} from '@/src/utils/dom-utils';\nimport {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {AnyItem} from './unfolded-item';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ResultTemplateProvider} from './result-template-provider';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemContext` from \\@/src/decorators/item-list/item-context.js.\n */\nexport function ItemContext(\n  opts: {parentName: string; folded: boolean} = {\n    parentName: 'atomic-result',\n    folded: false,\n  }\n) {\n  return (component: ComponentInterface, itemVariable: string) => {\n    const {connectedCallback, componentWillRender, render} = component;\n    component.connectedCallback = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        itemContextEventName,\n        (item: Record<string, unknown>) => {\n          this[itemVariable] = extractFolded(item, opts.folded);\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        this.error = new MissingParentError(\n          element.nodeName.toLowerCase(),\n          opts.parentName\n        );\n        return;\n      }\n      return connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentWillRender = function () {\n      if (this.error) {\n        return;\n      }\n\n      return componentWillRender && componentWillRender.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        const element = getElement(this);\n        element.remove();\n        console.error(\n          'Result component is in error and has been removed from the DOM',\n          this.error,\n          this,\n          element\n        );\n        return;\n      }\n      return render && render.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `InteractiveItemContext` from \\@/src/decorators/item-list/interactive-item-context.js.\n */\nexport function InteractiveItemContext() {\n  return (component: ComponentInterface, interactiveItemVariable: string) => {\n    const {connectedCallback} = component;\n    component.connectedCallback = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        interactiveItemContextEventName,\n        (item: AnyItem) => {\n          this[interactiveItemVariable] = item;\n        }\n      );\n      element.dispatchEvent(event);\n      return connectedCallback && connectedCallback.call(this);\n    };\n  };\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\nconst itemContextEventName = 'atomic/resolveResult';\nexport type InteractiveItemContextEvent = CustomEvent<\n  (interactiveItem: unknown) => void\n>;\nconst interactiveItemContextEventName = 'atomic/resolveInteractiveResult';\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `itemContext` from \\@/src/components/common/item-list/item-context.js.\n */\nexport function itemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n\nfunction extractFolded(item: Record<string, unknown>, returnFolded: boolean) {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item;\n    } else {\n      return {children: [], result: item};\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result;\n  }\n  return item;\n}\n\ntype ChildTemplatesContextEventHandler = (\n  itemTemplateProvider?: ResultTemplateProvider\n) => void;\nexport type ChildTemplatesContextEvent =\n  CustomEvent<ChildTemplatesContextEventHandler>;\nconst childTemplatesContextEventName = 'atomic/resolveChildTemplates';\n\ninterface AtomicItemChildren {\n  itemTemplateProvider?: ResultTemplateProvider;\n}\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ChildTemplatesContext` from \\@/src/decorators/item-list/child-templates-context.js.\n */\nexport function ChildTemplatesContext() {\n  return (component: ComponentInterface, itemTemplateProviderProp: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        childTemplatesContextEventName,\n        (itemTemplateProvider?: ResultTemplateProvider) => {\n          const component = this as AtomicItemChildren;\n          if (component.itemTemplateProvider) {\n            return;\n          }\n\n          this[itemTemplateProviderProp] = itemTemplateProvider;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        this[itemTemplateProviderProp] = null;\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n\nexport type DisplayConfig = {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n};\n\ntype ItemDisplayConfigContextEventHandler = (config: DisplayConfig) => void;\nexport type ItemDisplayConfigContextEvent =\n  CustomEvent<ItemDisplayConfigContextEventHandler>;\nconst itemDisplayConfigContextEventName = 'atomic/resolveResultDisplayConfig';\n\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemDisplayConfigContext` from \\@/src/decorators/item-list/item-display-config-context.js.\n */\nexport function ItemDisplayConfigContext() {\n  return (component: ComponentInterface, itemVariable: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        itemDisplayConfigContextEventName,\n        (config: DisplayConfig) => {\n          this[itemVariable] = config;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n","import {FoldedResult, Result} from '@coveo/headless';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \\@/src/components/search/result-template-component-utils/context/result-context-controller.ts\n */\nexport function ResultContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-result', folded: opts.folded});\n}\n\nexport function InteractiveResultContext() {\n  return InteractiveItemContext();\n}\n\nexport type ResultContextEvent<T = Result> = ItemContextEvent<T>;\nexport type InteractiveResultContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element The element that the event is dispatched to, which must be the child of a rendered \"atomic-result\" element.\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \\@/src/components/search/result-template-component-utils/context/fetch-result-context.ts\n */\nexport function resultContext<T extends Result | FoldedResult = Result>(\n  element: Element\n) {\n  return itemContext<T>(element, 'atomic-result');\n}\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.44.0';
-export const atomicVersion = '3.49.0';
+export const headlessVersion = '3.45.1';
+export const atomicVersion = '3.51.0';

package/dist/types/components/common/generated-answer/answerContent/answer-content.d.ts

@@ -0,0 +1,49 @@
+import type { GeneratedAnswerBase, GeneratedAnswerCitation } from '@coveo/headless';
+import type { i18n } from 'i18next';
+import { LitElement, type TemplateResult } from 'lit';
+export interface GeneratedAnswer extends GeneratedAnswerBase {
+    question: string;
+    expanded?: boolean;
+}
+/**
+ * The `answer-content` component renders the content of a generated answer.
+ *
+ * @internal
+ */
+export declare class AnswerContent extends LitElement {
+    static styles: import("lit").CSSResult[][];
+    /**
+     * The generated answer object to render.
+     */
+    generatedAnswer: GeneratedAnswer;
+    /**
+     * The i18next instance used to translate UI labels.
+     */
+    i18n: i18n;
+    /**
+     * A render function responsible for displaying the answer citations.
+     */
+    renderCitations: (citations: GeneratedAnswerCitation[]) => TemplateResult;
+    /**
+     * Callback invoked when the user clicks the "like" feedback button.
+     */
+    onClickLike: (answerId?: string) => void;
+    /**
+     * Callback invoked when the user clicks the "dislike" feedback button.
+     */
+    onClickDislike: (answerId?: string) => void;
+    /**
+     * Callback invoked after the answer text has been successfully copied.
+     */
+    onCopyToClipboard: (answerId?: string) => void;
+    /**
+     * Internal copy feedback state.
+     */
+    private copyState;
+    private resetCopyTimeout?;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
+    private copyToClipboard;
+    private scheduleCopyReset;
+    private getCopyToClipboardTooltip;
+}

package/dist/types/components/common/generated-answer/generated-answer-thread-item/generated-answer-thread-item.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+export interface GeneratedAnswerThreadItemProps {
+    /**
+     * The title displayed for the thread item.
+     */
+    title: string;
+    /**
+     * Whether the thread item can be expanded or collapsed.
+     */
+    disableCollapse: boolean;
+    /**
+     * Whether the thread line should be hidden.
+     */
+    hideLine: boolean;
+    /**
+     * Whether the thread item is initially expanded.
+     */
+    isExpanded: boolean;
+}
+/**
+ * The `generated-answer-thread-item` component renders a generated answer
+ * thread item with timeline visuals and collapsible content.
+ *
+ * @internal
+ *
+ * @slot (default) - The content rendered when the item is expanded.
+ */
+export declare class GeneratedAnswerThreadItem extends LitElement {
+    private readonly contentId;
+    /**
+     * The title displayed for the thread item.
+     */
+    title: string;
+    /**
+     * Whether the thread item can be expanded or collapsed.
+     */
+    disableCollapse: boolean;
+    /**
+     * Whether the timeline line should be hidden (e.g., for the last item).
+     */
+    hideLine: boolean;
+    /**
+     * Whether the thread item is initially expanded.
+     */
+    isExpanded: boolean;
+    protected willUpdate(): void;
+    private toggle;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/types/components/common/generated-answer/render-feedback-and-copy-buttons.d.ts

@@ -1,9 +1,15 @@
-import type { GeneratedAnswerState } from '@coveo/headless';
 import type { i18n } from 'i18next';
 import type { FunctionalComponent } from "../../../utils/functional-component-utils";
+export interface GeneratedAnswerActionsState {
+    liked: boolean;
+    disliked: boolean;
+    isStreaming: boolean;
+    isLoading: boolean;
+    answer?: string;
+}
 export interface RenderFeedbackAndCopyButtonsProps {
     i18n: i18n;
-    generatedAnswerState: GeneratedAnswerState | undefined;
+    generatedAnswerActionsState: GeneratedAnswerActionsState;
     copied: boolean;
     copyError: boolean;
     getCopyToClipboardTooltip: () => string;

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

@@ -1,6 +1,6 @@
 import "../../search/atomic-text/atomic-text";
 import { type TemplateResult } from 'lit';
-import type { ItemRenderingFunction } from "../..";
+import type { ItemRenderingFunction } from "./item-list-common";
 import type { FunctionalComponent, FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
 import type { AnyItem } from '../item-list/unfolded-item';
 interface TableColumnsProps {

package/dist/types/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.d.ts

@@ -1,8 +1,8 @@
-import { SearchStatus as InsightSearchStatus, GeneratedAnswer as InsightGeneratedAnswer, GeneratedAnswerState as InsightGeneratedAnswerState } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
+import { type GeneratedAnswer as InsightGeneratedAnswer, type SearchStatus as InsightSearchStatus } from '@coveo/headless/insight';
+import { LitElement, nothing, type PropertyValueMap } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 /**
- * @internal
  * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.
  * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)
  *
@@ -40,34 +40,27 @@ import { InsightBindings } from '../atomic-insight-interface/atomic-insight-inte
  * @part citation - The link that allows the user to navigate to the item.
  * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.
  */
-export declare class AtomicInsightGeneratedAnswer implements InitializableComponent<InsightBindings> {
-    bindings: InsightBindings;
-    generatedAnswer: InsightGeneratedAnswer;
-    searchStatus: InsightSearchStatus;
-    private resizeObserver?;
+export declare class AtomicInsightGeneratedAnswer extends LitElement implements InitializableComponent<InsightBindings> {
+    static styles: import("lit").CSSResult[][];
+    private static readonly propsSchema;
+    private static readonly fieldsToIncludeInCitationsConverter;
     private readonly DEFAULT_COLLAPSED_HEIGHT;
     private readonly MAX_COLLAPSED_HEIGHT;
     private readonly MIN_COLLAPSED_HEIGHT;
     private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS;
-    private generatedAnswerState;
-    private searchStatusState;
-    error: Error;
-    private host;
-    copied: boolean;
-    copyError: boolean;
+    private resizeObserver?;
+    private fullAnswerHeight?;
+    private controller;
     /**
      * Whether to render a toggle button that lets the user hide or show the answer.
-     * @default false
      */
-    withToggle?: boolean;
+    withToggle: boolean;
     /**
-     * Whether to allow the answer to be collapsed when the text is taller than 250px.
-     * @default false
+     * Whether to allow the answer to be collapsed when the text is taller than the specified `--atomic-crga-collapsed-height` value (16rem by default).
      */
-    collapsible?: boolean;
+    collapsible: boolean;
     /**
      * The maximum height (in rem units) of the answer when collapsed.
-     *
      */
     maxCollapsedHeight: number;
     /**
@@ -77,30 +70,56 @@ export declare class AtomicInsightGeneratedAnswer implements InitializableCompon
     answerConfigurationId?: string;
     /**
      * A list of fields to include with the citations used to generate the answer.
+     *
+     * Set this property as a stringified JSON array, for example:
+     * ```html
+     *  <atomic-insight-generated-answer fields-to-include-in-citations='["fieldA", "fieldB"]'></atomic-insight-generated-answer>
+     * ```
      */
     fieldsToIncludeInCitations?: string;
     /**
-     * Option to disable citation anchoring.
-     * @default false
+     * Whether to disable citation anchoring.
      */
-    disableCitationAnchoring?: boolean;
-    protected ariaMessage: string;
-    private generatedAnswerCommon;
-    private fullAnswerHeight?;
+    disableCitationAnchoring: boolean;
+    bindings: InsightBindings;
+    error: Error;
+    private generatedAnswerState;
+    generatedAnswer: InsightGeneratedAnswer;
+    private searchStatusState;
+    searchStatus: InsightSearchStatus;
+    private copied;
+    private copyError;
+    private ariaMessage;
+    constructor();
     initialize(): void;
-    updateAnswerCollapsed(newState: InsightGeneratedAnswerState, oldState: InsightGeneratedAnswerState): void;
     disconnectedCallback(): void;
-    private onGeneratedAnswerStateUpdate;
-    private setCopied;
-    private setCopyError;
-    private setAriaMessage;
+    protected willUpdate(changedProperties: PropertyValueMap<this>): void;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    onGeneratedAnswerStateUpdate: () => void;
+    private get hasNoAnswerGenerated();
+    private get isAnswerVisible();
+    private get toggleTooltip();
+    private get copyToClipboardTooltip();
+    private get hasCustomNoAnswerMessage();
+    private copyToClipboard;
+    private clickOnShowButton;
+    private getCitationFields;
+    private validateMaxCollapsedHeight;
     private toggleClass;
     private adaptAnswerHeight;
     private getAnswerContainer;
     private getAnswerFooter;
-    private getCitationFields;
-    private validateMaxCollapsedHeight;
     private setCSSVariable;
     private updateAnswerHeight;
-    render(): any;
+    private clickDislike;
+    private clickLike;
+    private renderCitationsList;
+    private renderFeedbackAndCopyButtonsWrapper;
+    private renderContent;
+    private renderCardHeaderWrapper;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-generated-answer': AtomicInsightGeneratedAnswer;
+    }
 }

package/dist/types/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tw.css.d.ts

@@ -0,0 +1,2 @@
+import generatedAnswer from '../../common/generated-answer/styles/generated-answer.tw.css';
+export default generatedAnswer;

package/dist/types/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.d.ts

@@ -1,37 +1,42 @@
-import { AttachToCase, Result } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
+import { type AttachedResults, type Result } from '@coveo/headless/insight';
+import { LitElement } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 export interface InsightResultAttachToCaseEvent {
     callback: () => void;
     result: Result;
 }
+declare const AtomicInsightResultAttachToCaseAction_base: import("../../../mixins/mixin-common").Constructor<{
+    injectStyles(dynamicStyles?: import("lit").CSSResultGroup): Promise<void>;
+}> & typeof LitElement;
 /**
- * @internal
- * The `atomic-insight-result-attach-to-case-action` component can be nested inside a `atomic-insight-result-actions` to render an interactive button that will emit an `atomic/insight/attachToCase/attach` or `atomic/insight/attachToCase/detach` JavaScript event, based on its current state, when clicked.
+ * The `atomic-insight-result-attach-to-case-action` component can be nested
+ * inside a `atomic-insight-result-actions` to render an interactive button
+ * that will emit an `atomic/insight/attachToCase/attach` or
+ * `atomic/insight/attachToCase/detach` JavaScript event, based on its current
+ * state, when clicked.
  *
  * @part result-action-container - The result action container
  * @part result-action-button - The result action button
  * @part result-action-icon - The result action icon
  */
-export declare class AtomicInsightResultAttachToCaseAction implements InitializableComponent<InsightBindings> {
+export declare class AtomicInsightResultAttachToCaseAction extends AtomicInsightResultAttachToCaseAction_base implements InitializableComponent<InsightBindings> {
     bindings: InsightBindings;
-    private result;
-    host: HTMLElement;
     error: Error;
-    attachToCase: AttachToCase;
-    attachToCaseState: {};
-    /**
-     * @migration Stencil's @Event() decorator defaults to: bubbles=true, composed=true, cancelable=true.
-     * Native CustomEvent defaults to: bubbles=false, composed=false, cancelable=false.
-     * When migrating to Lit, explicitly set all three options to preserve behavior:
-     * `new CustomEvent('atomic/insight/attachToCase/attach', { bubbles: true, composed: true, cancelable: true, detail: ... })`
-     * `new CustomEvent('atomic/insight/attachToCase/detach', { bubbles: true, composed: true, cancelable: true, detail: ... })`
-     */
-    private attach;
-    private detach;
+    attachedResults: AttachedResults;
+    private attachedResultsState;
+    private itemContextController;
+    constructor();
+    private get result();
     initialize(): void;
     private onClick;
     private getIcon;
     private getTooltip;
-    render(): any;
+    render(): typeof import("lit-html").nothing | import("lit-html").TemplateResult;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-result-attach-to-case-action': AtomicInsightResultAttachToCaseAction;
+    }
+}
+export {};

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

@@ -3,6 +3,7 @@ export { AtomicInsightFacet } from './atomic-insight-facet/atomic-insight-facet.
 export { AtomicInsightFoldedResultList } from './atomic-insight-folded-result-list/atomic-insight-folded-result-list.js';
 export { AtomicInsightFullSearchButton } from './atomic-insight-full-search-button/atomic-insight-full-search-button.js';
 export { AtomicInsightGenerateAnswerButton } from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
+export { AtomicInsightGeneratedAnswer } from './atomic-insight-generated-answer/atomic-insight-generated-answer.js';
 export { AtomicInsightHistoryToggle } from './atomic-insight-history-toggle/atomic-insight-history-toggle.js';
 export { AtomicInsightInterface } from './atomic-insight-interface/atomic-insight-interface.js';
 export { AtomicInsightLayout } from './atomic-insight-layout/atomic-insight-layout.js';
@@ -15,6 +16,7 @@ export { AtomicInsightRefineModal } from './atomic-insight-refine-modal/atomic-i
 export { AtomicInsightRefineToggle } from './atomic-insight-refine-toggle/atomic-insight-refine-toggle.js';
 export { AtomicInsightResult } from './atomic-insight-result/atomic-insight-result.js';
 export { AtomicInsightResultActionBar } from './atomic-insight-result-action-bar/atomic-insight-result-action-bar.js';
+export { AtomicInsightResultAttachToCaseAction } from './atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.js';
 export { AtomicInsightResultAttachToCaseIndicator } from './atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.js';
 export { AtomicInsightResultChildren } from './atomic-insight-result-children/atomic-insight-result-children.js';
 export { AtomicInsightResultList } from './atomic-insight-result-list/atomic-insight-result-list.js';

package/dist/types/components/ipx/atomic-ipx-button/atomic-ipx-button.d.ts

@@ -3,7 +3,7 @@ import type { Bindings } from "../../search/atomic-search-interface/atomic-searc
 import type { InitializableComponent } from "../../../decorators/types";
 import "../../common/atomic-icon/atomic-icon";
 /**
- * The `atomic-ipx-button` component represents a button that toggles the IPX modal.
+ * The `atomic-ipx-button` component renders a button that toggles the IPX modal.
  *
  * @part ipx-button - The main button element.
  * @part button-icon - The icon container within the button.

package/dist/types/components/ipx/atomic-ipx-recs-list/{atomic-recs-list/atomic-ipx-recs-list.d.ts → atomic-ipx-recs-list.d.ts}

@@ -1,38 +1,48 @@
-import { RecommendationList, RecommendationListState } from '@coveo/headless/recommendation';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { FocusTargetController } from '../../../../utils/stencil-accessibility-utils';
-import { ItemRenderingFunction } from '../../../common/item-list/stencil-item-list-common';
-import { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize } from '../../../common/layout/display-options';
-import { RecsBindings } from '../../../recommendations/atomic-recs-interface/atomic-recs-interface';
+import { type RecommendationList, type RecommendationListState } from '@coveo/headless/recommendation';
+import { type CSSResultGroup, LitElement, nothing } from 'lit';
+import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import { type ItemDisplayBasicLayout, type ItemDisplayDensity, type ItemDisplayImageSize } from "../../common/layout/item-layout-utils";
+import type { RecsBindings } from "../../recommendations/atomic-recs-interface/interfaces";
+import type { InitializableComponent } from "../../../decorators/types";
+import "../../recommendations/atomic-recs-result/atomic-recs-result";
+declare const AtomicIpxRecsList_base: typeof LitElement;
 /**
  * The `atomic-ipx-recs-list` component displays recommendations by applying one or more result templates.
  *
  * @part result-list - The element containing the list of results.
  * @part result-list-grid-clickable-container - The parent of the result and the clickable link encompassing it.
- * @part result-list-grid-clickable - The clickable link encompassing the result.
+ * @part outline - The outline element around a result in the grid layout.
  * @part label - The label of the result list.
  * @part previous-button - The previous button.
  * @part next-button - The next button.
+ * @part previous-icon - The previous button icon.
+ * @part next-icon - The next button icon.
+ * @part carousel - The carousel container.
  * @part indicators - The list of indicators.
  * @part indicator - A single indicator.
  * @part active-indicator - The active indicator.
- * @internal
+ *
+ * @slot default - The default slot where the result templates are defined.
+ *
+ * @cssprop --atomic-recs-number-of-columns - The number of columns in the grid.
  */
-export declare class AtomicIPXRecsList implements InitializableComponent<RecsBindings> {
-    bindings: RecsBindings;
+export declare class AtomicIpxRecsList extends AtomicIpxRecsList_base implements InitializableComponent<RecsBindings> {
+    static styles: CSSResultGroup;
+    private static readonly propsSchema;
     recommendationList: RecommendationList;
-    private loadingFlag;
+    private actionsHistoryActions?;
     private itemRenderingFunction;
+    private itemListCommon;
     private itemTemplateProvider;
+    private loadingFlag;
     private nextNewResultTarget?;
-    private itemListCommon;
-    private actionsHistoryActions?;
-    host: HTMLDivElement;
+    bindings: RecsBindings;
     error: Error;
+    private currentPage;
     private isAppLoaded;
+    private isEveryResultReady;
     private resultTemplateRegistered;
     private templateHasError;
-    private currentPage;
     recommendationListState: RecommendationListState;
     /**
      * The Recommendation identifier used by the Coveo platform to retrieve recommended documents.
@@ -59,19 +69,21 @@ export declare class AtomicIPXRecsList implements InitializableComponent<RecsBin
     numberOfRecommendations: number;
     /**
      * The number of recommendations to display, per page.
-     * Setting a value greater than and lower than the numberOfRecommendations value activates the carousel.
+     * Setting a value greater than 0 and lower than the numberOfRecommendations value activates the carousel.
      * This does not affect the display of the list itself, only the number of recommendation pages.
      */
     numberOfRecommendationsPerPage?: number;
     /**
      * The non-localized label for the list of recommendations.
+     * This will also set the `originLevel2` (tab) of the analytics requests.
      */
     label?: string;
     /**
      * 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 a Heading Element.
      */
     headingLevel: number;
-    watchNumberOfRecommendationsPerPage(): Promise<void>;
+    constructor();
     /**
      * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
      * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.
@@ -90,21 +102,31 @@ export declare class AtomicIPXRecsList implements InitializableComponent<RecsBin
      */
     nextPage(): Promise<void>;
     initialize(): void;
-    get focusTarget(): FocusTargetController;
+    willUpdate(changedProperties: Map<string, unknown>): Promise<void>;
+    private updateResultsReadyState;
+    private get focusTarget();
     private get recommendationListStateWithAugment();
     private validateNumberOfRecommendationsPerPage;
     private validateRecommendationIdentifier;
     private updateOriginLevel2;
-    private renderHeading;
     private get currentIndex();
     private get subsetRecommendations();
     private get numberOfPages();
     private get hasPagination();
     private get shouldRenderPagination();
+    private get hasNoResults();
     private onSelect;
     private getPropsForAtomicRecsResult;
     private computeListDisplayClasses;
+    private renderHeading;
     private renderAsGrid;
-    private renderListOfRecommendations;
-    render(): any;
+    private renderRecommendationList;
+    private get shouldRender();
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-ipx-recs-list': AtomicIpxRecsList;
+    }
 }
+export {};

package/dist/types/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.d.ts

@@ -1,17 +1,49 @@
-import { BreadcrumbManagerState, QuerySummary, QuerySummaryState } from '@coveo/headless';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { Bindings } from '../../search/atomic-search-interface/atomic-search-interface';
+import { type BreadcrumbManager, type BreadcrumbManagerState, type QuerySummary, type QuerySummaryState } from '@coveo/headless';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { Bindings } from "../../search/atomic-search-interface/atomic-search-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 /**
- * @internal
+ * The `atomic-ipx-refine-modal` component is automatically created as a child of the `atomic-search-interface` when the `atomic-ipx-refine-toggle` is initialized.
+ *
+ * When the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body.
+ *
+ * @slot facets - Slot for facet elements to be displayed in the modal. This slot is managed internally by the component and should not be used directly.
+ *
+ * @part title - The title of the modal.
+ * @part close-button - The button in the header that closes the modal.
+ * @part close-icon - The icon of the close button.
+ * @part content - The wrapper around the content inside the body of the modal.
+ * @part section-title - The title for each section.
+ * @part section-filters-title - The title for the filters section.
+ * @part filter-section - The section containing facets and the "filters" title.
+ * @part filter-clear-all - The button that resets all actively selected facet values.
+ * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.
+ * @part footer-button - The button in the footer that closes the modal.
+ * @part footer-button-text - The text inside the button in the footer that closes the modal.
+ * @part footer-button-count - The count inside the button in the footer that closes the modal.
+ * @part footer-wrapper - The wrapper with a shadow or background color around the footer.
+ * @part footer - The footer of the modal.
+ * @part header-ruler - The horizontal ruler underneath the header.
+ * @part body-wrapper - The wrapper around the body.
+ * @part body - The body of the modal, between the header and the footer.
+ * @part header-wrapper - The wrapper around the header.
+ * @part header - The header of the modal, containing the title.
+ * @part container - The modal's outermost container.
+ * @part backdrop - The transparent backdrop hiding the content behind the modal.
+ *
+ * @cssprop --atomic-refine-modal-facet-margin - The margin between facets in the refine modal. Default is `20px`.
  */
-export declare class AtomicIPXRefineModal implements InitializableComponent {
+export declare class AtomicIpxRefineModal extends LitElement implements InitializableComponent<Bindings> {
+    static styles: CSSResultGroup;
     bindings: Bindings;
-    host: HTMLElement;
-    querySummaryState: QuerySummaryState;
-    breadcrumbManagerState: BreadcrumbManagerState;
     error: Error;
-    interfaceDimensions?: DOMRect;
+    /**
+     * The element that opens the modal when clicked.
+     */
     openButton?: HTMLElement;
+    /**
+     * Whether the modal is open.
+     */
     isOpen: boolean;
     /**
      * The number of expanded facets inside the refine modal.
@@ -20,12 +52,27 @@ export declare class AtomicIPXRefineModal implements InitializableComponent {
      * Using the value `0` collapses all facets.
      */
     collapseFacetsAfter: number;
-    private breadcrumbManager;
+    breadcrumbManager: BreadcrumbManager;
+    breadcrumbManagerState: BreadcrumbManagerState;
     querySummary: QuerySummary;
-    watchEnabled(isOpen: boolean): void;
+    querySummaryState: QuerySummaryState;
     initialize(): void;
-    private renderHeader;
-    private renderBody;
-    render(): any;
-    componentDidLoad(): void;
+    watchEnabled(): void;
+    private createFacetSlotIfAbsent;
+    /**
+     * This method is necessary to ensure that the facets slot is rendered outside of the component's shadow DOM, preserving
+     * correct CSS inheritance and slot behavior. If this logic were placed in the render
+     * function, the slot would be rendered inside the shadow DOM, which would break
+     * expected CSS styling and slot distribution.
+     */
+    private createFacetSlot;
+    private cloneFacets;
+    private addFacetColumnStyling;
+    private renderFilters;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-ipx-refine-modal': AtomicIpxRefineModal;
+    }
 }