@coveo/atomic 3.61.4 → 3.62.0

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

@@ -40,8 +40,15 @@ export declare class AtomicGeneratedAnswerContent extends LitElement {
     onCopyToClipboard: (answerId: string) => void;
     private copyState;
     private resetCopyTimeout?;
+    private ariaMessage;
+    private ariaErrorMessage;
+    private ariaCopyMessage;
+    private lastAnnouncedMessage?;
+    private hasObservedAnswer;
     disconnectedCallback(): void;
     render(): TemplateResult;
+    protected updated(): void;
+    private announceAnswerStatus;
     private renderFeedbackAndCopyButtons;
     private copyToClipboard;
     private scheduleCopyReset;

package/dist/types/components/common/facets/category-facet/active-value.d.ts

@@ -0,0 +1,19 @@
+import type { i18n } from 'i18next';
+import type { FunctionalComponentWithChildren } from '../../../../utils/functional-component-utils';
+interface CategoryFacetActiveValueProps {
+    displayValue: string;
+    numberOfResults: number;
+    i18n: i18n;
+    searchQuery: string;
+    isLeafValue: boolean;
+    setRef: (el?: Element) => void;
+}
+/**
+ * Renders the deepest selected value of a category facet.
+ *
+ * The value is not interactive: it represents the filter that is already applied, and it is
+ * removed from the facet's clear button rather than by clicking it again. `tabindex="-1"`
+ * keeps it a valid target for the focus moved here once the query resolves.
+ */
+export declare const renderCategoryFacetActiveValue: FunctionalComponentWithChildren<CategoryFacetActiveValueProps>;
+export type { CategoryFacetActiveValueProps };

package/dist/types/components/common/facets/category-facet/selected-value.d.ts

@@ -0,0 +1,22 @@
+import type { i18n } from 'i18next';
+import type { FunctionalComponent } from '../../../../utils/functional-component-utils';
+import '../../atomic-icon/atomic-icon';
+interface CategoryFacetSelectedValueProps {
+    /**
+     * The localized label of the deepest selected value.
+     */
+    displayValue: string;
+    /**
+     * The label of the facet, used to describe the clear button. It is localized by the component.
+     */
+    label: string;
+    i18n: i18n;
+    onClearFilters(): void;
+}
+/**
+ * Renders the deepest selected value of a category facet as a pill, next to a button that
+ * clears the facet. This is what removes the filter, since the selected value itself is not
+ * interactive once applied.
+ */
+export declare const renderCategoryFacetSelectedValue: FunctionalComponent<CategoryFacetSelectedValueProps>;
+export type { CategoryFacetSelectedValueProps };

package/dist/types/components/common/facets/category-facet/value-link.d.ts

@@ -5,7 +5,6 @@ export interface CategoryFacetValueLinkProps {
     numberOfResults: number;
     i18n: i18n;
     onClick: () => void;
-    isParent: boolean;
     isSelected: boolean;
     searchQuery: string;
     isLeafValue: boolean;

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

@@ -0,0 +1,22 @@
+import type { GeneratedAnswerBase } from '@coveo/headless';
+import type { i18n } from 'i18next';
+export interface AnswerAnnouncement {
+    message: string;
+    assertive: boolean;
+}
+type AnnounceableAnswer = Pick<GeneratedAnswerBase, 'answer' | 'cannotAnswer' | 'error' | 'isLoading' | 'isStreaming'>;
+/**
+ * Computes the screen reader announcement describing the state of a single generated answer.
+ *
+ * The conversational rendering path holds one of these per conversation turn, so each answer
+ * reports its own state instead of relying on the top-level answer state.
+ */
+export declare const getAnswerAnnouncement: (answer: AnnounceableAnswer | undefined, i18n: i18n) => AnswerAnnouncement;
+/**
+ * Whether an answer has finished generating successfully.
+ *
+ * Used to stay silent when an already-completed answer is rendered for the first time, such as
+ * when earlier conversation turns are revealed.
+ */
+export declare const isSettledAnswer: (answer: AnnounceableAnswer | undefined) => boolean;
+export {};

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

@@ -3,5 +3,6 @@ export interface GeneratedContentContainerProps {
     answer?: string;
     answerContentFormat?: string;
     isStreaming: boolean;
+    id?: string;
 }
 export declare const renderGeneratedContentContainer: FunctionalComponentWithChildren<GeneratedContentContainerProps>;

package/dist/types/components/common/generated-answer/show-button.d.ts

@@ -4,6 +4,7 @@ import type { FunctionalComponent } from '../../../utils/functional-component-ut
 export interface ShowButtonProps {
     i18n: i18n;
     isCollapsed: boolean;
+    controlsId?: string;
     onClick: () => void;
 }
 export declare const renderShowButton: FunctionalComponent<ShowButtonProps>;

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

@@ -90,6 +90,7 @@ export declare class AtomicInsightGeneratedAnswer extends LitElement implements
     private copyError;
     private ariaMessage;
     private ariaErrorMessage;
+    private ariaCopyMessage;
     constructor();
     initialize(): void;
     disconnectedCallback(): void;

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

@@ -25,12 +25,17 @@ import type { InitializableComponent } from '../../../decorators/types';
  * @part search-result-path - The search result path.
  * @part search-highlight - The highlighted query inside the facet values.
  *
+ * @part selected-value - The row displaying the currently selected value and the button that clears the facet.
+ * @part selected-value-pill - The pill displaying the currently selected value.
+ * @part selected-value-clear-button - The button that clears the facet, displayed next to the selected value.
+ * @part selected-value-clear-button-icon - The icon of the button that clears the facet.
+ *
  * @part parents - The container surrounding the whole hierarchy of values.
  * @part sub-parents - The container surrounding a sub-hierarchy of values.
  * @part values - The container surrounding either the children of the active value or the values at the base.
- * @part all-categories-button - The "View all" button displayed first within the parents.
+ * @part all-categories-button - The "All Categories" button displayed first within the parents.
  * @part parent-button - The clickable parent button displayed first within sub-parents.
- * @part active-parent - The clickable active parent displayed first within the last sub-parents.
+ * @part active-parent - The currently selected value, displayed last within the parents. Not interactive.
  * @part value-link - The clickable value displayed first within values.
  * @part back-arrow - The back arrow displayed before the clickable parents.
  * @part value-label - The facet value label within a value button.
@@ -176,6 +181,7 @@ export declare class AtomicCategoryFacet extends LitElement implements Initializ
     private initializeDependenciesManager;
     private renderHeader;
     private renderSearchInput;
+    private renderSelectedValue;
     private renderValuesTree;
     private renderChild;
     private renderChildren;

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

@@ -136,12 +136,14 @@ export declare class AtomicGeneratedAnswer extends LitElement implements Initial
     private copyError;
     private ariaMessage;
     private ariaErrorMessage;
+    private ariaCopyMessage;
     constructor();
     initialize(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValueMap<this>): void;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     onGeneratedAnswerStateUpdate: () => void;
+    private get shouldAnnounceAnswerStatus();
     private get hasNoAnswerGenerated();
     private get isAnswerVisible();
     private get toggleTooltip();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.61.4",
+  "version": "3.62.0",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "license": "Apache-2.0",
@@ -55,10 +55,10 @@
     "./custom-elements-manifest": "./custom-elements.json"
   },
   "dependencies": {
-    "@coveo/atomic-legacy": "0.1.5",
+    "@coveo/atomic-legacy": "0.1.7",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.57.0",
-    "@coveo/relay-event-types": "20.6.1",
+    "@coveo/headless": "3.57.2",
+    "@coveo/relay-event-types": "20.7.1",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -89,10 +89,10 @@
     "@tailwindcss/postcss": "4.3.3",
     "@tailwindcss/vite": "4.3.3",
     "@types/escape-html": "1.0.4",
-    "@types/node": "24.13.3",
+    "@types/node": "24.13.6",
     "@vitest/browser-playwright": "4.1.11",
     "@wc-toolkit/storybook-helpers": "10.5.1",
-    "chromatic": "18.7.3",
+    "chromatic": "18.9.4",
     "handlebars": "4.7.9",
     "lit-html": "3.3.3",
     "local-web-server": "5.4.0",
@@ -102,7 +102,7 @@
     "playwright": "1.62.1",
     "postcss": "8.5.28",
     "postcss-load-config": "6.0.1",
-    "prettier": "3.9.6",
+    "prettier": "3.9.8",
     "publint": "0.3.24",
     "puppeteer": "25.9.0",
     "react": "19.2.8",
@@ -114,12 +114,12 @@
     "ts-dedent": "2.3.0",
     "ts-lit-plugin": "2.0.2",
     "typescript": "6.0.3",
-    "vite": "8.2.2",
+    "vite": "8.3.0",
     "vitest": "4.1.11"
   },
   "peerDependencies": {
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.57.0",
+    "@coveo/headless": "^3.57.2",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/cjs/components/common/facets/category-facet/parent-value-link.cjs

@@ -1,47 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, getters, values)=>{
-        var define = (defs, kind)=>{
-            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-                enumerable: true,
-                [kind]: defs[key]
-            });
-        };
-        define(getters, "get");
-        define(values, "value");
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    renderCategoryFacetParentValueLink: ()=>renderCategoryFacetParentValueLink
-});
-const external_value_link_cjs_namespaceObject = require("./value-link.cjs");
-const renderCategoryFacetParentValueLink = ({ props })=>(0, external_value_link_cjs_namespaceObject.renderCategoryFacetValueLink)({
-        props: {
-            ...props,
-            isParent: true,
-            isSelected: true
-        }
-    });
-exports.renderCategoryFacetParentValueLink = __webpack_exports__.renderCategoryFacetParentValueLink;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "renderCategoryFacetParentValueLink"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/esm/components/common/facets/category-facet/parent-value-link.js

@@ -1,9 +0,0 @@
-import { renderCategoryFacetValueLink } from "./value-link.js";
-const renderCategoryFacetParentValueLink = ({ props })=>renderCategoryFacetValueLink({
-        props: {
-            ...props,
-            isParent: true,
-            isSelected: true
-        }
-    });
-export { renderCategoryFacetParentValueLink };

package/dist/types/components/common/facets/category-facet/parent-value-link.d.ts

@@ -1,6 +0,0 @@
-import type { FunctionalComponentWithChildren } from '../../../../utils/functional-component-utils';
-import { type CategoryFacetValueLinkProps } from './value-link';
-interface CategoryFacetParentValueLinkProps extends Omit<CategoryFacetValueLinkProps, 'isParent' | 'isSelected'> {
-}
-export declare const renderCategoryFacetParentValueLink: FunctionalComponentWithChildren<CategoryFacetParentValueLinkProps>;
-export type { CategoryFacetParentValueLinkProps };