@coveo/atomic 3.38.0 → 3.39.0

package/dist/types/components.d.ts

@@ -71,7 +71,10 @@ export namespace Components {
         "updateCollapseFacetsDependingOnFacetsVisibility": (collapseAfter: number, numberOfVisibleFacets: number) => Promise<void>;
     }
     /**
-     * The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
+     * The `atomic-breadbox` component helps the user keep track of the navigational state of the currently active facet values, located in a single place on the search page.
+     * In most cases, these are on the top of a page between the search bar and the results.
+     * By default, the field name is displayed before the field value to clarify which facet the value is from.
+     * You can clear a single selection by clicking the `x` inside of each pill, or clear all selections by using the `Clear` button.
      */
     interface AtomicBreadbox {
         /**
@@ -308,25 +311,6 @@ export namespace Components {
          */
         "mustNotMatch": Record<string, string[]>;
     }
-    interface AtomicFocusTrap {
-        "active": boolean;
-        /**
-          * The container to hide from the tabindex and accessibility DOM when the focus trap is inactive.
-         */
-        "container"?: HTMLElement;
-        /**
-          * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.
-         */
-        "scope": HTMLElement;
-        /**
-          * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.
-         */
-        "shouldHideSelf": boolean;
-        /**
-          * The source to focus when the focus trap becomes inactive.
-         */
-        "source"?: HTMLElement;
-    }
     /**
      * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (that is, to the result, child, and grandchild).
      */
@@ -1634,21 +1618,6 @@ export namespace Components {
      */
     interface AtomicResultFieldsList {
     }
-    /**
-     * The `atomic-result-html` component renders the HTML value of a string result field.
-     * There is an inherent XSS security concern associated with the usage of this component.
-     * Use only with fields for which you are certain the data is harmless.
-     */
-    interface AtomicResultHtml {
-        /**
-          * The result field which the component should use. If set, Atomic searches for the specified field in the `Result` object first. If there's no such a field, Atomic searches through the `Result.raw` object. It's important to include the necessary field in the `ResultList` component.
-         */
-        "field": string;
-        /**
-          * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).
-         */
-        "sanitize": boolean;
-    }
     /**
      * The `atomic-result-icon` component outputs the corresponding icon for a given file type.
      * The component searches for a suitable icon, or outputs a generic icon if the search is unsuccessful.
@@ -2279,7 +2248,10 @@ declare global {
         new (): HTMLAtomicAutomaticFacetGeneratorElement;
     };
     /**
-     * The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
+     * The `atomic-breadbox` component helps the user keep track of the navigational state of the currently active facet values, located in a single place on the search page.
+     * In most cases, these are on the top of a page between the search bar and the results.
+     * By default, the field name is displayed before the field value to clarify which facet the value is from.
+     * You can clear a single selection by clicking the `x` inside of each pill, or clear all selections by using the `Clear` button.
      */
     interface HTMLAtomicBreadboxElement extends Components.AtomicBreadbox, HTMLStencilElement {
     }
@@ -2366,12 +2338,6 @@ declare global {
         prototype: HTMLAtomicFieldConditionElement;
         new (): HTMLAtomicFieldConditionElement;
     };
-    interface HTMLAtomicFocusTrapElement extends Components.AtomicFocusTrap, HTMLStencilElement {
-    }
-    var HTMLAtomicFocusTrapElement: {
-        prototype: HTMLAtomicFocusTrapElement;
-        new (): HTMLAtomicFocusTrapElement;
-    };
     /**
      * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (that is, to the result, child, and grandchild).
      */
@@ -3027,17 +2993,6 @@ declare global {
         prototype: HTMLAtomicResultFieldsListElement;
         new (): HTMLAtomicResultFieldsListElement;
     };
-    /**
-     * The `atomic-result-html` component renders the HTML value of a string result field.
-     * There is an inherent XSS security concern associated with the usage of this component.
-     * Use only with fields for which you are certain the data is harmless.
-     */
-    interface HTMLAtomicResultHtmlElement extends Components.AtomicResultHtml, HTMLStencilElement {
-    }
-    var HTMLAtomicResultHtmlElement: {
-        prototype: HTMLAtomicResultHtmlElement;
-        new (): HTMLAtomicResultHtmlElement;
-    };
     /**
      * The `atomic-result-icon` component outputs the corresponding icon for a given file type.
      * The component searches for a suitable icon, or outputs a generic icon if the search is unsuccessful.
@@ -3437,7 +3392,6 @@ declare global {
         "atomic-facet-manager": HTMLAtomicFacetManagerElement;
         "atomic-facet-number-input": HTMLAtomicFacetNumberInputElement;
         "atomic-field-condition": HTMLAtomicFieldConditionElement;
-        "atomic-focus-trap": HTMLAtomicFocusTrapElement;
         "atomic-folded-result-list": HTMLAtomicFoldedResultListElement;
         "atomic-format-currency": HTMLAtomicFormatCurrencyElement;
         "atomic-format-number": HTMLAtomicFormatNumberElement;
@@ -3507,7 +3461,6 @@ declare global {
         "atomic-result-children": HTMLAtomicResultChildrenElement;
         "atomic-result-date": HTMLAtomicResultDateElement;
         "atomic-result-fields-list": HTMLAtomicResultFieldsListElement;
-        "atomic-result-html": HTMLAtomicResultHtmlElement;
         "atomic-result-icon": HTMLAtomicResultIconElement;
         "atomic-result-image": HTMLAtomicResultImageElement;
         "atomic-result-link": HTMLAtomicResultLinkElement;
@@ -3574,7 +3527,10 @@ declare namespace LocalJSX {
         "numberOfValues"?: number;
     }
     /**
-     * The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
+     * The `atomic-breadbox` component helps the user keep track of the navigational state of the currently active facet values, located in a single place on the search page.
+     * In most cases, these are on the top of a page between the search bar and the results.
+     * By default, the field name is displayed before the field value to clarify which facet the value is from.
+     * You can clear a single selection by clicking the `x` inside of each pill, or clear all selections by using the `Clear` button.
      */
     interface AtomicBreadbox {
         /**
@@ -3812,25 +3768,6 @@ declare namespace LocalJSX {
          */
         "mustNotMatch"?: Record<string, string[]>;
     }
-    interface AtomicFocusTrap {
-        "active"?: boolean;
-        /**
-          * The container to hide from the tabindex and accessibility DOM when the focus trap is inactive.
-         */
-        "container"?: HTMLElement;
-        /**
-          * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.
-         */
-        "scope"?: HTMLElement;
-        /**
-          * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.
-         */
-        "shouldHideSelf"?: boolean;
-        /**
-          * The source to focus when the focus trap becomes inactive.
-         */
-        "source"?: HTMLElement;
-    }
     /**
      * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (that is, to the result, child, and grandchild).
      */
@@ -5066,21 +5003,6 @@ declare namespace LocalJSX {
      */
     interface AtomicResultFieldsList {
     }
-    /**
-     * The `atomic-result-html` component renders the HTML value of a string result field.
-     * There is an inherent XSS security concern associated with the usage of this component.
-     * Use only with fields for which you are certain the data is harmless.
-     */
-    interface AtomicResultHtml {
-        /**
-          * The result field which the component should use. If set, Atomic searches for the specified field in the `Result` object first. If there's no such a field, Atomic searches through the `Result.raw` object. It's important to include the necessary field in the `ResultList` component.
-         */
-        "field": string;
-        /**
-          * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).
-         */
-        "sanitize"?: boolean;
-    }
     /**
      * The `atomic-result-icon` component outputs the corresponding icon for a given file type.
      * The component searches for a suitable icon, or outputs a generic icon if the search is unsuccessful.
@@ -5642,7 +5564,6 @@ declare namespace LocalJSX {
         "atomic-facet-manager": AtomicFacetManager;
         "atomic-facet-number-input": AtomicFacetNumberInput;
         "atomic-field-condition": AtomicFieldCondition;
-        "atomic-focus-trap": AtomicFocusTrap;
         "atomic-folded-result-list": AtomicFoldedResultList;
         "atomic-format-currency": AtomicFormatCurrency;
         "atomic-format-number": AtomicFormatNumber;
@@ -5712,7 +5633,6 @@ declare namespace LocalJSX {
         "atomic-result-children": AtomicResultChildren;
         "atomic-result-date": AtomicResultDate;
         "atomic-result-fields-list": AtomicResultFieldsList;
-        "atomic-result-html": AtomicResultHtml;
         "atomic-result-icon": AtomicResultIcon;
         "atomic-result-image": AtomicResultImage;
         "atomic-result-link": AtomicResultLink;
@@ -5770,7 +5690,10 @@ declare module "@stencil/core" {
              */
             "atomic-automatic-facet-generator": LocalJSX.AtomicAutomaticFacetGenerator & JSXBase.HTMLAttributes<HTMLAtomicAutomaticFacetGeneratorElement>;
             /**
-             * The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
+             * The `atomic-breadbox` component helps the user keep track of the navigational state of the currently active facet values, located in a single place on the search page.
+             * In most cases, these are on the top of a page between the search bar and the results.
+             * By default, the field name is displayed before the field value to clarify which facet the value is from.
+             * You can clear a single selection by clicking the `x` inside of each pill, or clear all selections by using the `Clear` button.
              */
             "atomic-breadbox": LocalJSX.AtomicBreadbox & JSXBase.HTMLAttributes<HTMLAtomicBreadboxElement>;
             /**
@@ -5806,7 +5729,6 @@ declare module "@stencil/core" {
              * @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that define which result items the condition must not be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage";type: Record<string, string[]> ;default: {}
              */
             "atomic-field-condition": LocalJSX.AtomicFieldCondition & JSXBase.HTMLAttributes<HTMLAtomicFieldConditionElement>;
-            "atomic-focus-trap": LocalJSX.AtomicFocusTrap & JSXBase.HTMLAttributes<HTMLAtomicFocusTrapElement>;
             /**
              * The `atomic-folded-result-list` component is responsible for displaying folded query results, by applying one or more result templates for up to three layers (that is, to the result, child, and grandchild).
              */
@@ -6016,12 +5938,6 @@ declare module "@stencil/core" {
              * The `atomic-result-fields-list` component selectively renders its children to ensure they fit the parent element and adds dividers between them.
              */
             "atomic-result-fields-list": LocalJSX.AtomicResultFieldsList & JSXBase.HTMLAttributes<HTMLAtomicResultFieldsListElement>;
-            /**
-             * The `atomic-result-html` component renders the HTML value of a string result field.
-             * There is an inherent XSS security concern associated with the usage of this component.
-             * Use only with fields for which you are certain the data is harmless.
-             */
-            "atomic-result-html": LocalJSX.AtomicResultHtml & JSXBase.HTMLAttributes<HTMLAtomicResultHtmlElement>;
             /**
              * The `atomic-result-icon` component outputs the corresponding icon for a given file type.
              * The component searches for a suitable icon, or outputs a generic icon if the search is unsuccessful.

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-12T02:40:15",
+  "timestamp": "2025-11-19T02:38:34",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -261,7 +261,7 @@
       "filePath": "src/components/search/atomic-breadbox/atomic-breadbox.tsx",
       "encapsulation": "shadow",
       "tag": "atomic-breadbox",
-      "docs": "The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.",
+      "docs": "The `atomic-breadbox` component helps the user keep track of the navigational state of the currently active facet values, located in a single place on the search page.\nIn most cases, these are on the top of a page between the search bar and the results.\nBy default, the field name is displayed before the field value to clarify which facet the value is from.\nYou can clear a single selection by clicking the `x` inside of each pill, or clear all selections by using the `Clear` button.",
       "docsTags": [
         {
           "name": "part",
@@ -4471,14 +4471,8 @@
         }
       ],
       "dependents": [],
-      "dependencies": [
-        "atomic-focus-trap"
-      ],
-      "dependencyGraph": {
-        "atomic-popover": [
-          "atomic-focus-trap"
-        ]
-      }
+      "dependencies": [],
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/search/result-template-components/atomic-quickview/atomic-quickview.tsx",
@@ -7588,68 +7582,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-html/atomic-result-html.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-html",
-      "docs": "The `atomic-result-html` component renders the HTML value of a string result field.\n\nThere is an inherent XSS security concern associated with the usage of this component.\n\nUse only with fields for which you are certain the data is harmless.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "field",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "field",
-          "reflectToAttr": true,
-          "docs": "The result field which the component should use.\nIf set, Atomic searches for the specified field in the `Result` object first.\nIf there's no such a field, Atomic searches through the `Result.raw` object.\nIt's important to include the necessary field in the `ResultList` component.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "sanitize",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "sanitize",
-          "reflectToAttr": true,
-          "docs": "Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).",
-          "docsTags": [],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/search/result-template-components/atomic-result-icon/atomic-result-icon.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.38.0",
+  "version": "3.39.0",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -79,6 +79,7 @@
     "@stencil/react-output-target": "0.5.3",
     "@storybook/addon-a11y": "10.0.5",
     "@storybook/addon-docs": "10.0.5",
+    "@storybook/addon-mcp": "0.1.3",
     "@storybook/addon-vitest": "10.0.5",
     "@storybook/icons": "1.6.0",
     "@storybook/web-components-vite": "10.0.5",

package/dist/atomic/components/atomic-focus-trap.d.ts

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

package/dist/atomic/components/atomic-focus-trap.js

@@ -1,8 +0,0 @@
-import { A as AtomicFocusTrap$1, d as defineCustomElement$1 } from './atomic-focus-trap2.js';
-
-const AtomicFocusTrap = AtomicFocusTrap$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicFocusTrap, defineCustomElement };
-
-//# sourceMappingURL=atomic-focus-trap.js.map

package/dist/atomic/components/atomic-focus-trap.js.map

@@ -1 +0,0 @@
-{"file":"atomic-focus-trap.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-focus-trap2.js

@@ -1,148 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { g as getFirstFocusableDescendant } from './stencil-accessibility-utils.js';
-import { b as isAncestorOf, d as defer, g as getParent, f as getFocusedElement } from './utils.js';
-
-const AtomicFocusTrap = /*@__PURE__*/ proxyCustomElement(class AtomicFocusTrap extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.active = false;
-        /**
-         * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.
-         */
-        this.shouldHideSelf = true;
-        /**
-         * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.
-         */
-        this.scope = document.body;
-        this.hiddenElements = [];
-        this.active = false;
-        this.source = undefined;
-        this.container = undefined;
-        this.shouldHideSelf = true;
-        this.scope = document.body;
-    }
-    hide(element) {
-        // aria-hidden -> already hidden
-        // aria-live or atomic-aria-live -> must not be hidden otherwise it won't announce dynamic changes in the live region
-        if (element.hasAttribute('aria-hidden') ||
-            element.hasAttribute('aria-live') ||
-            element.tagName.toLowerCase() === 'atomic-aria-live') {
-            return;
-        }
-        element.setAttribute('aria-hidden', 'true');
-        this.hiddenElements.push(element);
-    }
-    showAll() {
-        let el;
-        while ((el = this.hiddenElements.pop())) {
-            el.removeAttribute('aria-hidden');
-        }
-    }
-    hideSiblingsRecursively(element) {
-        const parent = getParent(element);
-        if (parent === null) {
-            return;
-        }
-        Array.from(parent.children).forEach((sibling) => {
-            if (sibling === element) {
-                return;
-            }
-            if (sibling.assignedSlot &&
-                isAncestorOf(this.host, sibling.assignedSlot)) {
-                return;
-            }
-            this.hide(sibling);
-        });
-        if (parent !== this.scope) {
-            this.hideSiblingsRecursively(parent);
-        }
-    }
-    showSelf() {
-        this.parentToHide.removeAttribute('aria-hidden');
-        this.parentToHide.removeAttribute('tabindex');
-    }
-    hideSelf() {
-        if (this.shouldHideSelf) {
-            this.parentToHide.setAttribute('aria-hidden', 'true');
-            this.parentToHide.setAttribute('tabindex', '-1');
-        }
-    }
-    async onDeactivated(isInitialLoad) {
-        this.showAll();
-        if (!isInitialLoad) {
-            await defer();
-            this.source?.focus();
-        }
-        this.hideSelf();
-    }
-    async onActivated(isInitialLoad) {
-        this.showSelf();
-        if (!isInitialLoad) {
-            await defer();
-            getFirstFocusableDescendant(this.host)?.focus();
-        }
-        this.hideSiblingsRecursively(this.host);
-    }
-    async activeChanged(active, wasActive) {
-        const isInitialLoad = active === wasActive;
-        if (active) {
-            await this.onActivated(isInitialLoad);
-        }
-        else {
-            await this.onDeactivated(isInitialLoad);
-        }
-    }
-    onFocusChanged(e) {
-        const elementIsPartOfHost = (focusedElement) => isAncestorOf(this.host, focusedElement);
-        const elementIsPartOfScope = (focusedElement) => isAncestorOf(this.scope, focusedElement);
-        if (!e.target || !this.active) {
-            return;
-        }
-        const focusedElement = getFocusedElement();
-        if (focusedElement &&
-            (elementIsPartOfHost(focusedElement) ||
-                !elementIsPartOfScope(focusedElement))) {
-            return;
-        }
-        getFirstFocusableDescendant(this.host)?.focus();
-    }
-    connectedCallback() {
-        this.activeChanged(this.active, this.active);
-    }
-    disconnectedCallback() {
-        this.showAll();
-    }
-    get parentToHide() {
-        return this.container ?? this.host;
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "active": ["activeChanged"]
-    }; }
-}, [0, "atomic-focus-trap", {
-        "active": [4],
-        "source": [1040],
-        "container": [1040],
-        "shouldHideSelf": [4, "should-hide-self"],
-        "scope": [16]
-    }, [[4, "focusin", "onFocusChanged"]], {
-        "active": ["activeChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-focus-trap"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-focus-trap":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicFocusTrap);
-            }
-            break;
-    } });
-}
-
-export { AtomicFocusTrap as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-focus-trap2.js.map

package/dist/atomic/components/atomic-focus-trap2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-focus-trap2.js","mappings":"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","names":[],"sources":["src/components/common/atomic-focus-trap.tsx"],"sourcesContent":["import {Component, Element, Listen, Prop, Watch} from '@stencil/core';\nimport {getFirstFocusableDescendant} from '../../utils/stencil-accessibility-utils';\nimport {\n  isAncestorOf,\n  defer,\n  getFocusedElement,\n  getParent,\n} from '../../utils/utils';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-focus-trap',\n  shadow: false,\n})\nexport class AtomicFocusTrap {\n  @Element() private host!: HTMLElement;\n  @Prop() public active = false;\n  /**\n   * The source to focus when the focus trap becomes inactive.\n   */\n  @Prop({mutable: true}) source?: HTMLElement;\n  /**\n   * The container to hide from the tabindex and accessibility DOM when the focus trap is inactive.\n   */\n  @Prop({mutable: true}) container?: HTMLElement;\n\n  /**\n   * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.\n   */\n  @Prop() shouldHideSelf = true;\n\n  /**\n   * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.\n   */\n  @Prop() scope = document.body;\n\n  private readonly hiddenElements: Element[] = [];\n\n  hide(element: Element) {\n    // aria-hidden -> already hidden\n    // aria-live or atomic-aria-live -> must not be hidden otherwise it won't announce dynamic changes in the live region\n    if (\n      element.hasAttribute('aria-hidden') ||\n      element.hasAttribute('aria-live') ||\n      element.tagName.toLowerCase() === 'atomic-aria-live'\n    ) {\n      return;\n    }\n    element.setAttribute('aria-hidden', 'true');\n    this.hiddenElements.push(element);\n  }\n\n  showAll() {\n    let el: Element | undefined;\n    while ((el = this.hiddenElements.pop())) {\n      el.removeAttribute('aria-hidden');\n    }\n  }\n\n  hideSiblingsRecursively(element: Element | ShadowRoot) {\n    const parent = getParent(element);\n    if (parent === null) {\n      return;\n    }\n    Array.from(parent.children as HTMLCollection).forEach((sibling) => {\n      if (sibling === element) {\n        return;\n      }\n      if (\n        sibling.assignedSlot &&\n        isAncestorOf(this.host, sibling.assignedSlot)\n      ) {\n        return;\n      }\n      this.hide(sibling);\n    });\n    if (parent !== this.scope) {\n      this.hideSiblingsRecursively(parent);\n    }\n  }\n\n  showSelf() {\n    this.parentToHide.removeAttribute('aria-hidden');\n    this.parentToHide.removeAttribute('tabindex');\n  }\n\n  hideSelf() {\n    if (this.shouldHideSelf) {\n      this.parentToHide.setAttribute('aria-hidden', 'true');\n      this.parentToHide.setAttribute('tabindex', '-1');\n    }\n  }\n\n  async onDeactivated(isInitialLoad: boolean) {\n    this.showAll();\n    if (!isInitialLoad) {\n      await defer();\n      this.source?.focus();\n    }\n    this.hideSelf();\n  }\n\n  async onActivated(isInitialLoad: boolean) {\n    this.showSelf();\n    if (!isInitialLoad) {\n      await defer();\n      getFirstFocusableDescendant(this.host)?.focus();\n    }\n    this.hideSiblingsRecursively(this.host);\n  }\n\n  @Watch('active')\n  async activeChanged(active: boolean, wasActive: boolean) {\n    const isInitialLoad = active === wasActive;\n    if (active) {\n      await this.onActivated(isInitialLoad);\n    } else {\n      await this.onDeactivated(isInitialLoad);\n    }\n  }\n\n  @Listen('focusin', {target: 'document'})\n  onFocusChanged(e: FocusEvent) {\n    const elementIsPartOfHost = (focusedElement: Element | ShadowRoot) =>\n      isAncestorOf(this.host, focusedElement);\n\n    const elementIsPartOfScope = (focusedElement: Element | ShadowRoot) =>\n      isAncestorOf(this.scope, focusedElement);\n\n    if (!e.target || !this.active) {\n      return;\n    }\n\n    const focusedElement = getFocusedElement();\n\n    if (\n      focusedElement &&\n      (elementIsPartOfHost(focusedElement) ||\n        !elementIsPartOfScope(focusedElement))\n    ) {\n      return;\n    }\n\n    getFirstFocusableDescendant(this.host)?.focus();\n  }\n\n  connectedCallback() {\n    this.activeChanged(this.active, this.active);\n  }\n\n  disconnectedCallback() {\n    this.showAll();\n  }\n\n  private get parentToHide() {\n    return this.container ?? this.host;\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-html.d.ts

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

package/dist/atomic/components/atomic-result-html.js

@@ -1,67 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { I as InitializeBindings } from './initialization-utils.js';
-import { g as getStringValueFromResultOrNull } from './result-utils.js';
-import { R as ResultContext } from './stencil-result-template-decorators.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicResultHtml$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultHtml extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).
-         */
-        this.sanitize = true;
-        this.error = undefined;
-        this.field = undefined;
-        this.sanitize = true;
-    }
-    render() {
-        const resultValue = getStringValueFromResultOrNull(this.result, this.field);
-        if (!resultValue) {
-            this.host.remove();
-            return;
-        }
-        return (h("atomic-html", { value: resultValue, sanitize: this.sanitize }));
-    }
-    get host() { return this; }
-}, [0, "atomic-result-html", {
-        "field": [513],
-        "sanitize": [516],
-        "error": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicResultHtml$1.prototype, "bindings", void 0);
-__decorate([
-    ResultContext()
-], AtomicResultHtml$1.prototype, "result", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-html"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-html":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultHtml$1);
-            }
-            break;
-    } });
-}
-
-const AtomicResultHtml = AtomicResultHtml$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultHtml, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-html.js.map

package/dist/atomic/components/atomic-result-html.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-html.js","mappings":";;;;;;;;;;;;;;;MAqBaA,kBAAgB;;;;;;;QAkBG,aAAQ,GAAG,IAAI,CAAC;;;wBAAL,IAAI;;IAEtC,MAAM;QACX,MAAM,WAAW,GAAG,8BAA8B,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5E,IAAI,CAAC,WAAW,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QAED,QACE,mBAAa,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAgB,EACxE;KACH;;;;;;;AA7B4B;IAA5B,kBAAkB,EAAE;oDAA4B;AACxB;IAAxB,aAAa,EAAE;kDAAyB;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultHtml"],"sources":["src/components/search/result-template-components/atomic-result-html/atomic-result-html.tsx"],"sourcesContent":["import {Result} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/**\n * The `atomic-result-html` component renders the HTML value of a string result field.\n *\n * There is an inherent XSS security concern associated with the usage of this component.\n *\n * Use only with fields for which you are certain the data is harmless.\n */\n@Component({\n  tag: 'atomic-result-html',\n  shadow: false,\n})\nexport class AtomicResultHtml implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   *  The result field which the component should use.\n   * If set, Atomic searches for the specified field in the `Result` object first.\n   * If there's no such a field, Atomic searches through the `Result.raw` object.\n   * It's important to include the necessary field in the `ResultList` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).\n   */\n  @Prop({reflect: true}) public sanitize = true;\n\n  public render() {\n    const resultValue = getStringValueFromResultOrNull(this.result, this.field);\n    if (!resultValue) {\n      this.host.remove();\n      return;\n    }\n\n    return (\n      <atomic-html value={resultValue} sanitize={this.sanitize}></atomic-html>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/p-04d56bcb.js

@@ -1,2 +0,0 @@
-import{h as t}from"./p-b201b267.js";import{B as r}from"./p-a6bbb030.js";const a=a=>t("div",{class:"relative",part:`${a.partPrefix}-container`},t(r,{...a,class:"relative h-[2.6rem] w-[2.6rem] p-3",part:`${a.partPrefix}-button`,ref:a.buttonRef},t("atomic-icon",{icon:a.icon,class:"h-4 w-4 shrink-0",part:`${a.partPrefix}-icon`})),a.badge&&t("span",{part:`${a.partPrefix}-badge`,class:"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4"},a.badge));export{a as I};
-//# sourceMappingURL=p-04d56bcb.js.map