@coveo/atomic 3.35.0-pre.ddf08ff320 → 3.35.0-pre.e19cc0d9a2

package/dist/types/components/common/stencil-checkbox.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the CheckboxProps interface from the checkbox.ts file
+ * @deprecated should only be used for Stencil components.
  */
 export interface StencilCheckboxProps {
     checked: boolean;
@@ -17,6 +17,6 @@ export interface StencilCheckboxProps {
     onMouseDown?(evt: MouseEvent): void;
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the Checkbox function from the checkbox.ts file
+ * @deprecated should only be used for Stencil components.
  */
 export declare const StencilCheckbox: FunctionalComponent<StencilCheckboxProps>;

package/dist/types/components/common/stencil-fieldset-group.d.ts

@@ -1,5 +1,9 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
-export interface GroupProps {
+interface GroupProps {
     label: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FieldsetGroup: FunctionalComponent<GroupProps>;
+export {};

package/dist/types/components/common/stencil-heading.d.ts

@@ -2,6 +2,6 @@ import { FunctionalComponent } from '../../stencil-public-runtime';
 import { JSXBase } from '../../stencil-public-runtime';
 import { HeadingProps } from './heading';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the heading function instead.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const Heading: FunctionalComponent<Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>>;

package/dist/types/components/common/stencil-iconButton.d.ts

@@ -1,9 +1,13 @@
 import { FunctionalComponent, VNode } from '../../stencil-public-runtime';
 import { StencilButtonProps } from './stencil-button';
-export interface IconButtonProps extends StencilButtonProps {
+interface IconButtonProps extends StencilButtonProps {
     badge?: VNode;
     buttonRef?: (el?: HTMLButtonElement) => void;
     icon: string;
     partPrefix: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const IconButton: FunctionalComponent<IconButtonProps>;
+export {};

package/dist/types/components/common/stencil-radio-button.d.ts

@@ -1,12 +1,12 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { RadioButtonProps } from './radio-button';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the RadioButtonProps from radio-button.ts instead.
+ * @deprecated should only be used for Stencil components.
  */
 export interface StencilRadioButtonProps extends Omit<RadioButtonProps, 'ref'> {
     ref?(element?: HTMLInputElement): void;
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the radioButton function instead.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const RadioButton: FunctionalComponent<StencilRadioButtonProps>;

package/dist/types/components/common/stencil-triStateCheckbox.d.ts

@@ -1,11 +1,11 @@
 import { FacetValueState } from '@coveo/headless';
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { StencilCheckboxProps } from './stencil-checkbox';
-export type TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {
+type TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {
     state: FacetValueState;
 };
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the triStateCheckbox.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps>;
+export {};

package/dist/types/components/common/suggestions/stencil-instant-item.d.ts

@@ -1,10 +1,19 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import { SearchBoxSuggestionElement } from './suggestions-types';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialInstantItemElement: (i18n: i18n, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialInstantItemShowAllElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
 interface InstantItemShowAllButtonProps {
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const InstantItemShowAllButton: FunctionalComponent<InstantItemShowAllButtonProps>;
 export {};

package/dist/types/components/common/suggestions/stencil-query-suggestions.d.ts

@@ -5,16 +5,28 @@ interface Suggestion {
     highlightedValue: string;
     rawValue: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialSearchBoxSuggestionElement: (suggestion: Suggestion, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionContainer: FunctionalComponent;
 interface QuerySuggestionIconProps {
     icon: string;
     hasSuggestion: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionIcon: FunctionalComponent<QuerySuggestionIconProps>;
 interface QuerySuggestionTextProps {
     suggestion: Suggestion;
     hasQuery: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionText: FunctionalComponent<QuerySuggestionTextProps>;
 export {};

package/dist/types/components/common/switch.d.ts

@@ -1,5 +1,5 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
-export interface SwitchProps {
+interface SwitchProps {
     checked?: boolean;
     onToggle?(checked: boolean): void;
     ariaLabel?: string;
@@ -8,4 +8,8 @@ export interface SwitchProps {
     title?: string;
     withToggle?: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const Switch: FunctionalComponent<SwitchProps>;
+export {};

package/dist/types/components/common/tabs/tab-guard.d.ts

@@ -4,5 +4,8 @@ interface TabGuardProps {
     tabsExcluded: string | string[];
     activeTab: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const TabGuard: FunctionalComponent<TabGuardProps>;
 export {};

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

@@ -5,5 +5,8 @@ interface UserAction {
     action: IUserAction;
     bindings: InsightBindings;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const UserAction: FunctionalComponent<UserAction>;
 export {};

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

@@ -160,6 +160,7 @@ export declare class AtomicSearchBox implements InitializableComponent<Bindings>
     private isSearchDisabledForEndUser;
     private getSearchInputLabel;
     private announceNewActiveSuggestionToScreenReader;
+    private announceClearSearchBoxToScreenReader;
     private announceNewSuggestionsToScreenReader;
     private renderSlotContent;
     render(): any;

package/dist/types/components/search/{search-box-suggestions/atomic-search-box-query-suggestions → atomic-search-box-query-suggestions}/atomic-search-box-query-suggestions.d.ts

@@ -1,9 +1,13 @@
+import { type SearchBox } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
 /**
  * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
  */
-export declare class AtomicSearchBoxQuerySuggestions {
-    private bindings;
-    private host;
+export declare class AtomicSearchBoxQuerySuggestions extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
+    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
     error: Error;
     /**
      * The SVG icon to display.
@@ -21,9 +25,14 @@ export declare class AtomicSearchBoxQuerySuggestions {
      * The maximum number of suggestions that will be displayed initially when the input field is empty.
      */
     maxWithoutQuery?: number;
-    componentWillLoad(): void;
-    private initialize;
+    connectedCallback(): void;
+    initialize(): SearchBoxSuggestions;
     private renderItems;
     private renderItem;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-box-query-suggestions': AtomicSearchBoxQuerySuggestions;
+    }
 }

package/dist/types/components/search/facets/color-facet-checkbox/color-facet-checkbox.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../../../common/facets/stencil-facet-common';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ColorFacetCheckbox: FunctionalComponent<FacetValueProps>;

package/dist/types/components/search/facets/facet-segmented-value/facet-segmented-value.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../../../common/facets/stencil-facet-common';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSegmentedValue: FunctionalComponent<FacetValueProps>;

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

@@ -3,6 +3,7 @@ export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.
 export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
 export { AtomicSearchBoxInstantResults } from './atomic-search-box-instant-results/atomic-search-box-instant-results.js';
+export { AtomicSearchBoxQuerySuggestions } from './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js';
 export { AtomicSearchBoxRecentQueries } from './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js';
 export { AtomicSearchInterface } from './atomic-search-interface/atomic-search-interface.js';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';

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

@@ -2,7 +2,7 @@ import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import type { HighlightKeywords } from '../atomic-quickview-modal/atomic-quickview-modal';
 import { QuickviewWordHighlight } from '../quickview-word-highlight/quickview-word-highlight';
-export interface QuickviewSidebarProps {
+interface QuickviewSidebarProps {
     words: Record<string, QuickviewWordHighlight>;
     i18n: i18n;
     highlightKeywords: HighlightKeywords;
@@ -11,3 +11,4 @@ export interface QuickviewSidebarProps {
     onMinimize: (minimize: boolean) => void;
 }
 export declare const QuickviewSidebar: FunctionalComponent<QuickviewSidebarProps>;
+export {};

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

@@ -1,5 +1,8 @@
 import { SearchEngine } from '@coveo/headless';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuickviewIframe: FunctionalComponent<{
     title: string;
     content?: string;

package/dist/types/components.d.ts

@@ -2295,23 +2295,6 @@ export namespace Components {
          */
         "suggestionTimeout": number;
     }
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface AtomicSearchBoxQuerySuggestions {
-        /**
-          * The SVG icon to display.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
-         */
-        "icon"?: string;
-        /**
-          * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-         */
-        "maxWithQuery"?: number;
-        /**
-          * The maximum number of suggestions that will be displayed initially when the input field is empty.
-         */
-        "maxWithoutQuery"?: number;
-    }
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -3914,15 +3897,6 @@ declare global {
         prototype: HTMLAtomicSearchBoxElement;
         new (): HTMLAtomicSearchBoxElement;
     };
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface HTMLAtomicSearchBoxQuerySuggestionsElement extends Components.AtomicSearchBoxQuerySuggestions, HTMLStencilElement {
-    }
-    var HTMLAtomicSearchBoxQuerySuggestionsElement: {
-        prototype: HTMLAtomicSearchBoxQuerySuggestionsElement;
-        new (): HTMLAtomicSearchBoxQuerySuggestionsElement;
-    };
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -4313,7 +4287,6 @@ declare global {
         "atomic-result-text": HTMLAtomicResultTextElement;
         "atomic-result-timespan": HTMLAtomicResultTimespanElement;
         "atomic-search-box": HTMLAtomicSearchBoxElement;
-        "atomic-search-box-query-suggestions": HTMLAtomicSearchBoxQuerySuggestionsElement;
         "atomic-segmented-facet": HTMLAtomicSegmentedFacetElement;
         "atomic-segmented-facet-scrollable": HTMLAtomicSegmentedFacetScrollableElement;
         "atomic-smart-snippet": HTMLAtomicSmartSnippetElement;
@@ -6483,23 +6456,6 @@ declare namespace LocalJSX {
          */
         "suggestionTimeout"?: number;
     }
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface AtomicSearchBoxQuerySuggestions {
-        /**
-          * The SVG icon to display.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
-         */
-        "icon"?: string;
-        /**
-          * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-         */
-        "maxWithQuery"?: number;
-        /**
-          * The maximum number of suggestions that will be displayed initially when the input field is empty.
-         */
-        "maxWithoutQuery"?: number;
-    }
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -7001,7 +6957,6 @@ declare namespace LocalJSX {
         "atomic-result-text": AtomicResultText;
         "atomic-result-timespan": AtomicResultTimespan;
         "atomic-search-box": AtomicSearchBox;
-        "atomic-search-box-query-suggestions": AtomicSearchBoxQuerySuggestions;
         "atomic-segmented-facet": AtomicSegmentedFacet;
         "atomic-segmented-facet-scrollable": AtomicSegmentedFacetScrollable;
         "atomic-smart-snippet": AtomicSmartSnippet;
@@ -7498,10 +7453,6 @@ declare module "@stencil/core" {
              * The `atomic-search-box` component creates a search box with built-in support for suggestions.
              */
             "atomic-search-box": LocalJSX.AtomicSearchBox & JSXBase.HTMLAttributes<HTMLAtomicSearchBoxElement>;
-            /**
-             * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-             */
-            "atomic-search-box-query-suggestions": LocalJSX.AtomicSearchBoxQuerySuggestions & JSXBase.HTMLAttributes<HTMLAtomicSearchBoxQuerySuggestionsElement>;
             /**
              * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
              */

package/dist/types/directives/hierarchical-path.d.ts

@@ -12,7 +12,7 @@ export interface HierarchicalPathProps {
 }
 declare class HierarchicalPathDirective extends Directive {
     constructor(partInfo: PartInfo);
-    render(props: HierarchicalPathProps): string | TemplateResult | TemplateResult<1>[];
+    render(props: HierarchicalPathProps): string | TemplateResult<1>[] | TemplateResult;
     private getEllipsedPath;
 }
 export declare const hierarchicalPath: (props: HierarchicalPathProps) => import("lit-html/directive.js").DirectiveResult<typeof HierarchicalPathDirective>;

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-08T19:03:05",
+  "timestamp": "2025-10-10T20:47:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -11821,110 +11821,11 @@
       ],
       "dependents": [],
       "dependencies": [
-        "atomic-suggestion-renderer",
-        "atomic-search-box-query-suggestions"
+        "atomic-suggestion-renderer"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
-          "atomic-suggestion-renderer",
-          "atomic-search-box-query-suggestions"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-search-box-query-suggestions",
-      "docs": "The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "icon",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "The SVG icon to display.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-with-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed if the user has typed something into the input field.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithoutQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-without-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed initially when the input field is empty.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-box"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-box": [
-          "atomic-search-box-query-suggestions"
+          "atomic-suggestion-renderer"
         ]
       }
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.35.0-pre.ddf08ff320",
+  "version": "3.35.0-pre.e19cc0d9a2",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.2",
+    "@coveo/headless": "3.31.3-pre.e19cc0d9a2",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -153,7 +153,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.2",
+    "@coveo/headless": "3.31.3-pre.e19cc0d9a2",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-search-box-query-suggestions.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicSearchBoxQuerySuggestions extends Components.AtomicSearchBoxQuerySuggestions, HTMLElement {}
-export const AtomicSearchBoxQuerySuggestions: {
-    prototype: AtomicSearchBoxQuerySuggestions;
-    new (): AtomicSearchBoxQuerySuggestions;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-search-box-query-suggestions.js

@@ -1,8 +0,0 @@
-import { A as AtomicSearchBoxQuerySuggestions$1, a as defineCustomElement$1 } from './atomic-search-box-query-suggestions2.js';
-
-const AtomicSearchBoxQuerySuggestions = AtomicSearchBoxQuerySuggestions$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSearchBoxQuerySuggestions, defineCustomElement };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}