@coveo/atomic 3.64.0 → 3.65.0

package/dist/types/components/common/item-list/result-template-provider.d.ts

@@ -2,6 +2,7 @@ import { type Result, type Template } from '@coveo/headless';
 import type { ItemTarget } from '../layout/item-layout-utils';
 import type { AnyBindings } from '../interface/bindings';
 import { TemplateProvider, type TemplateProviderProps } from '../template-provider/template-provider';
+import '../../search/atomic-result-link/atomic-result-link.js';
 export declare class ResultTemplateProvider extends TemplateProvider<Result> {
     private gridCellLinkTarget?;
     constructor(props: TemplateProviderProps<Result> & {

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

@@ -1,4 +1,4 @@
-declare const allTags: Set<"atomic-result-section-actions" | "atomic-result-section-badges" | "atomic-result-section-bottom-metadata" | "atomic-result-section-excerpt" | "atomic-result-section-title" | "atomic-result-section-visual" | "atomic-product-section-actions" | "atomic-product-section-badges" | "atomic-product-section-bottom-metadata" | "atomic-product-section-children" | "atomic-product-section-description" | "atomic-product-section-emphasized" | "atomic-product-section-metadata" | "atomic-product-section-name" | "atomic-product-section-visual" | "atomic-result-section-children" | "atomic-result-section-emphasized" | "atomic-result-section-title-metadata">;
+declare const allTags: Set<"atomic-product-section-name" | "atomic-product-section-visual" | "atomic-result-section-actions" | "atomic-result-section-badges" | "atomic-result-section-bottom-metadata" | "atomic-result-section-excerpt" | "atomic-result-section-title" | "atomic-result-section-visual" | "atomic-product-section-actions" | "atomic-product-section-badges" | "atomic-product-section-bottom-metadata" | "atomic-product-section-children" | "atomic-product-section-description" | "atomic-product-section-emphasized" | "atomic-product-section-metadata" | "atomic-result-section-children" | "atomic-result-section-emphasized" | "atomic-result-section-title-metadata">;
 type SetValueType<T> = T extends Set<infer U> ? U : never;
 export type ItemSectionTagName = SetValueType<typeof allTags>;
 export declare function isResultSectionNode(element: Node): boolean;

package/dist/types/components/common/result-templates/result-template-controller.d.ts

@@ -1,6 +1,7 @@
 import type { ResultTemplate, ResultTemplateCondition } from '@coveo/headless';
 import type { ReactiveControllerHost } from 'lit';
 import { BaseTemplateController, type TemplateContent } from '../template-controller/base-template-controller';
+import '../../search/atomic-result-link/atomic-result-link.js';
 type ResultTemplateHost = ReactiveControllerHost & HTMLElement & {
     error?: Error;
 };

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

@@ -2,6 +2,7 @@ import { type AttachToCase } from '@coveo/headless/insight';
 import { LitElement, nothing } from 'lit';
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
 import type { InitializableComponent } from '../../../decorators/types';
+import '../../common/atomic-icon/atomic-icon.js';
 /**
  * The `atomic-insight-result-attach-to-case-indicator` component can be included inside a result template to indicate whether a result is attached to the current case.
  *

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

@@ -2,6 +2,7 @@ import type { UserAction as IUserAction } from '@coveo/headless/insight';
 import { LitElement } from 'lit';
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
 import type { InitializableComponent } from '../../../decorators/types';
+import '../../common/atomic-icon/atomic-icon.js';
 /**
  * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.
  *

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

@@ -1,6 +1,7 @@
 import type { UserAction as IUserAction } from '@coveo/headless/insight';
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
 import type { FunctionalComponent } from '../../../utils/functional-component-utils';
+import '../../common/atomic-icon/atomic-icon.js';
 interface UserActionProps {
     action: IUserAction;
     bindings: InsightBindings;

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

@@ -12,7 +12,10 @@ declare const AtomicFacetManager_base: import("../../../mixins/mixin-common").Co
  * 2. **Managing visibility** - Controls which facets should be visible or hidden based on available values and dependencies.
  * 3. **Managing collapse state** - Automatically expands or collapses facets based on the `collapse-facets-after` property.
  *
- * @slot default - Facet components are slotted within to leverage this functionality.
+ * A facet wrapped in an `atomic-popover` is managed like any other facet, and its popover moves along with it.
+ * Because a popover always displays its facet expanded, such a facet is never collapsed and does not count towards `collapse-facets-after`.
+ *
+ * @slot default - Facet components, or `atomic-popover` components wrapping a facet, are slotted within to leverage this functionality.
  */
 export declare class AtomicFacetManager extends AtomicFacetManager_base implements InitializableComponent<Bindings> {
     private static readonly propsSchema;
@@ -26,6 +29,8 @@ export declare class AtomicFacetManager extends AtomicFacetManager_base implemen
      *
      * Using the value `0` collapses all facets.
      * Using the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.
+     *
+     * Facets wrapped in an `atomic-popover` are always expanded and are not counted.
      */
     collapseFacetsAfter: number;
     constructor();

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

@@ -1,5 +1,5 @@
 import { type SearchBox, type StandaloneSearchBox } from '@coveo/headless';
-import { type CSSResultGroup, LitElement } from 'lit';
+import { type CSSResultGroup, LitElement, type TemplateResult } from 'lit';
 import type { Bindings } from '../atomic-search-interface/atomic-search-interface';
 import type { InitializableComponent } from '../../../decorators/types';
 import { AriaLiveRegionController } from '../../../utils/accessibility-utils';
@@ -39,10 +39,11 @@ import '@coveo/atomic-legacy/atomic-suggestion-renderer';
  * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.
  * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.
  * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-title - The "recent searches" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
- * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.
+ * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-title - The "recent searches" title above the recent queries from the `atomic-search-box-recent-queries` component.
+ * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `top`.
+ * @part recent-query-clear-button - The button below suggestions to clear the recent queries from the `atomic-search-box-recent-queries` component, when `clear-recent-button-position` is `bottom`.
  *
  * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.
  * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.
@@ -51,6 +52,7 @@ import '@coveo/atomic-legacy/atomic-suggestion-renderer';
  * @event redirect - Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.
  */
 export declare class AtomicSearchBox extends LitElement implements InitializableComponent<Bindings> {
+    private static readonly propsSchema;
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
@@ -65,6 +67,8 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
     isExpanded: boolean;
     private searchBoxState;
     private textAreaRef;
+    private setLeftPanel;
+    private setRightPanel;
     private searchBoxSuggestionEventsQueue;
     private suggestionManager;
     searchBox: SearchBox | StandaloneSearchBox;
@@ -127,6 +131,16 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
      * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.
      */
     enableQuerySyntax: boolean;
+    /**
+     * The position of the option to clear the recent queries.
+     *
+     * - `top`: The option is the first suggestion, next to the "Recent searches" title.
+     * - `bottom`: The option is a button below the suggestions, so the arrow keys only navigate through the suggestions and the button is reached with the Tab key.
+     *
+     * In the next major version of Atomic (v4), `bottom` will become the default behavior. To adopt it ahead of time, set this property to `bottom`.
+     */
+    clearRecentButtonPosition: 'top' | 'bottom';
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(): void;
@@ -153,11 +167,14 @@ export declare class AtomicSearchBox extends LitElement implements Initializable
     private announceClearSearchBoxToScreenReader;
     private renderAbsolutePositionSpacer;
     private renderTextBox;
+    private get clearRecentQueriesElement();
+    private renderRecentQueriesTitle;
+    private renderClearRecentQueriesButton;
     private renderSuggestions;
     private renderPanel;
     private renderSuggestion;
     private renderSlotContent;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.d.ts

@@ -5,6 +5,7 @@ import type { ItemDisplayDensity, ItemDisplayImageSize } from '../../common/layo
 import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-types';
 import type { Bindings } from '../atomic-search-interface/interfaces';
 import type { SearchBoxSuggestionsComponent } from '../../../decorators/types';
+import '../atomic-result/atomic-result.js';
 type AriaLabelGenerator = (bindings: Bindings, result: Result) => string | undefined;
 /**
  * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.64.0",
+  "version": "3.65.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,9 +55,9 @@
     "./custom-elements-manifest": "./custom-elements.json"
   },
   "dependencies": {
-    "@coveo/atomic-legacy": "0.1.9",
+    "@coveo/atomic-legacy": "0.1.10",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.58.0",
+    "@coveo/headless": "3.58.1",
     "@coveo/relay-event-types": "20.7.1",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
@@ -66,9 +66,9 @@
     "@stencil/core": "4.20.0",
     "cssnano": "8.0.10",
     "dayjs": "1.11.23",
-    "dompurify": "3.4.15",
+    "dompurify": "3.4.17",
     "escape-html": "1.0.3",
-    "i18next": "26.4.2",
+    "i18next": "26.5.3",
     "i18next-http-backend": "4.0.2",
     "lit": "3.3.3",
     "marked": "12.0.2"
@@ -80,46 +80,48 @@
     "@playwright/test": "1.62.1",
     "@rollup/plugin-replace": "6.0.3",
     "@rslib/core": "0.23.2",
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/addon-docs": "10.6.0",
-    "@storybook/addon-mcp": "0.7.0",
-    "@storybook/addon-vitest": "10.6.0",
-    "@storybook/icons": "2.1.0",
-    "@storybook/web-components-vite": "10.6.0",
+    "@size-limit/preset-small-lib": "14.1.0",
+    "@storybook/addon-a11y": "10.6.3",
+    "@storybook/addon-docs": "10.6.3",
+    "@storybook/addon-mcp": "10.6.3",
+    "@storybook/addon-vitest": "10.6.3",
+    "@storybook/icons": "2.2.0",
+    "@storybook/web-components-vite": "10.6.3",
     "@tailwindcss/postcss": "4.3.3",
     "@tailwindcss/vite": "4.3.3",
     "@types/escape-html": "1.0.4",
     "@types/node": "24.13.6",
-    "@vitest/browser-playwright": "4.1.11",
+    "@vitest/browser-playwright": "4.1.12",
     "@wc-toolkit/storybook-helpers": "10.5.1",
-    "chromatic": "18.9.4",
-    "handlebars": "4.7.9",
+    "chromatic": "18.13.0",
+    "handlebars": "4.7.10",
     "lit-html": "3.3.3",
-    "local-web-server": "5.4.0",
+    "local-web-server": "5.4.2",
     "msw": "2.15.0",
     "msw-storybook-addon": "2.0.7",
     "natural-orderby": "5.0.0",
     "playwright": "1.62.1",
-    "postcss": "8.5.28",
+    "postcss": "8.5.31",
     "postcss-load-config": "6.0.1",
-    "prettier": "3.9.8",
-    "publint": "0.3.24",
+    "prettier": "3.9.10",
+    "publint": "0.3.25",
     "puppeteer": "25.9.0",
     "react": "19.2.8",
     "remark-gfm": "4.0.1",
-    "shadow-dom-testing-library": "1.14.1",
-    "storybook": "10.6.0",
-    "storybook-addon-pseudo-states": "10.6.0",
+    "shadow-dom-testing-library": "1.14.2",
+    "size-limit": "14.1.0",
+    "storybook": "10.6.3",
+    "storybook-addon-pseudo-states": "10.6.3",
     "tailwindcss": "4.3.3",
     "ts-dedent": "2.3.0",
     "ts-lit-plugin": "2.0.2",
     "typescript": "6.0.3",
-    "vite": "8.3.0",
-    "vitest": "4.1.11"
+    "vite": "8.3.4",
+    "vitest": "4.1.12"
   },
   "peerDependencies": {
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.58.0",
+    "@coveo/headless": "^3.58.1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {
@@ -155,8 +157,9 @@
     "web:cdn": "node ./scripts/start-cdn.mjs",
     "e2e": "playwright test",
     "e2e:csp": "node ./csp/test.mjs || exit 0",
-    "test": "pnpm run test:lit",
+    "test": "pnpm run test:lit && pnpm run test:node",
     "test:lit": "vitest run --project=atomic-default",
+    "test:node": "vitest run --project=atomic-node",
     "test:watch": "vitest --project=atomic-default",
     "test:storybook": "vitest run --project=storybook",
     "test:storybook-utils": "vitest run --project=storybookPure",
@@ -165,6 +168,7 @@
     "validate:definitions": "tsc --noEmit --esModuleInterop --skipLibCheck ./dist/types/components.d.ts",
     "chromatic": "chromatic",
     "validate:light-dom-styles": "node ./scripts/check-light-dom-host-selectors.mjs",
-    "validate:no-new-light-dom": "node ./scripts/check-no-new-light-dom-components.mjs"
+    "validate:no-new-light-dom": "node ./scripts/check-no-new-light-dom-components.mjs",
+    "size": "node ../../scripts/size-limit.mjs run"
   }
 }