@coveo/atomic 3.47.1 → 3.49.0

package/dist/esm/stencil-modal-0471908f.js

@@ -1,61 +0,0 @@
-import { p as popoverClass } from './popover-type-895c0e24.js';
-import { i as isRefineModalFacet } from './store-3bc9050f.js';
-import { h } from './index-0bcc50f8.js';
-import { C as CloseIcon } from './close-ff816971.js';
-import { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts-14a53e2c.js';
-import { B as Button } from './stencil-button-f96c2b81.js';
-
-function getClonedFacetElements(facetElements, collapseFacetsAfter, root) {
-    const divSlot = document.createElement('div');
-    divSlot.setAttribute('slot', 'facets');
-    divSlot.style.display = 'flex';
-    divSlot.style.flexDirection = 'column';
-    divSlot.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';
-    const allFacetTags = Array.from(new Set(facetElements.map((el) => el.tagName.toLowerCase())));
-    const allFacetsInOrderInDOM = allFacetTags.length
-        ? root.querySelectorAll(allFacetTags.join(','))
-        : [];
-    allFacetsInOrderInDOM.forEach((facetElement, index) => {
-        const clone = facetElement.cloneNode(true);
-        clone.isCollapsed = index + 1 > collapseFacetsAfter;
-        clone.classList.remove(popoverClass);
-        clone.setAttribute(isRefineModalFacet, '');
-        divSlot.append(clone);
-    });
-    return divSlot;
-}
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const RefineModal = (props, children) => {
-    const flushFacetElements = () => {
-        props.host.querySelector('div[slot="facets"]')?.remove();
-    };
-    const renderHeader = () => {
-        return (h("div", { slot: "header", class: "contents" },
-            h("h1", { part: "title", class: "truncate" }, props.title),
-            h(Button, { style: "text-transparent", class: "grid place-items-center", part: "close-button", onClick: props.onClose, ariaLabel: props.i18n.t('close') },
-                h("atomic-icon", { part: "close-icon", class: "h-5 w-5", icon: CloseIcon }))));
-    };
-    const renderFooter = () => {
-        return (h("div", { part: "footer-content", slot: "footer" },
-            h(Button, { style: "primary", part: "footer-button", class: "flex w-full justify-center p-3 text-lg", onClick: props.onClose },
-                h("span", { part: "footer-button-text", class: "mr-1 truncate" }, props.i18n.t('view-results')),
-                h("span", { part: "footer-button-count" }, props.i18n.t('between-parentheses', {
-                    text: props.numberOfItems.toLocaleString(props.i18n.language),
-                })))));
-    };
-    return (h("atomic-modal", { fullscreen: true, isOpen: props.isOpen, source: props.openButton, container: props.host, close: props.onClose, onAnimationEnded: () => {
-            if (!props.isOpen) {
-                flushFacetElements();
-            }
-        }, exportparts: ATOMIC_MODAL_EXPORT_PARTS, boundary: props.boundary, scope: props.scope },
-        renderHeader(),
-        ...children,
-        renderFooter()));
-};
-
-export { RefineModal as R, getClonedFacetElements as g };
-
-//# sourceMappingURL=stencil-modal-0471908f.js.map

package/dist/esm/stencil-modal-0471908f.js.map

@@ -1 +0,0 @@
-{"file":"stencil-modal-0471908f.js","mappings":";;;;;;;SAIgB,sBAAsB,CACpC,aAA4B,EAC5B,mBAA2B,EAC3B,IAAiB;IAEjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;IACvC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,+CAA+C,CAAC;IAEpE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAC7D,CAAC;IAEF,MAAM,qBAAqB,GAAG,YAAY,CAAC,MAAM;UAC7C,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;UAC7C,EAAE,CAAC;IAEP,qBAAqB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,KAAK;QAChD,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,IAAI,CAAqB,CAAC;QAC/D,KAAK,CAAC,WAAW,GAAG,KAAK,GAAG,CAAC,GAAG,mBAAmB,CAAC;QACpD,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrC,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;QAC3C,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KACvB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB;;ACdA;;;MAGa,WAAW,GAA0C,CAChE,KAAK,EACL,QAAQ;IAER,MAAM,kBAAkB,GAAG;QACzB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC1D,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,QACE,WAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU;YACjC,UAAI,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,IAC9B,KAAK,CAAC,KAAK,CACT;YACL,EAAC,MAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;gBAEhC,mBACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,SAAS,GACF,CACR,CACL,EACN;KACH,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,QACE,WAAK,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ;YACtC,EAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,KAAK,CAAC,OAAO;gBAEtB,YAAM,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,eAAe,IAClD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CACxB;gBACP,YAAM,IAAI,EAAC,qBAAqB,IAC7B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;oBACnC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;iBAC9D,CAAC,CACG,CACA,CACL,EACN;KACH,CAAC;IAEF,QACE,oBACE,UAAU,QACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,gBAAgB,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACjB,kBAAkB,EAAE,CAAC;aACtB;SACF,EACD,WAAW,EAAE,yBAAyB,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK;QAEjB,YAAY,EAAE;WACX,QAAQ;QACX,YAAY,EAAE,CACF,EACf;AACJ;;;;","names":[],"sources":["src/components/common/refine-modal/cloned-facet-elements.ts","src/components/common/refine-modal/stencil-modal.tsx"],"sourcesContent":["import {popoverClass} from '../facets/popover/popover-type';\nimport type {BaseFacetElement} from '../facets/stencil-facet-common';\nimport {isRefineModalFacet} from '../interface/store';\n\nexport function getClonedFacetElements(\n  facetElements: HTMLElement[],\n  collapseFacetsAfter: number,\n  root: HTMLElement\n): HTMLDivElement {\n  const divSlot = document.createElement('div');\n  divSlot.setAttribute('slot', 'facets');\n  divSlot.style.display = 'flex';\n  divSlot.style.flexDirection = 'column';\n  divSlot.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n\n  const allFacetTags = Array.from(\n    new Set(facetElements.map((el) => el.tagName.toLowerCase()))\n  );\n\n  const allFacetsInOrderInDOM = allFacetTags.length\n    ? root.querySelectorAll(allFacetTags.join(','))\n    : [];\n\n  allFacetsInOrderInDOM.forEach((facetElement, index) => {\n    const clone = facetElement.cloneNode(true) as BaseFacetElement;\n    clone.isCollapsed = index + 1 > collapseFacetsAfter;\n    clone.classList.remove(popoverClass);\n    clone.setAttribute(isRefineModalFacet, '');\n    divSlot.append(clone);\n  });\n\n  return divSlot;\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../images/close.svg';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../atomic-modal/export-parts';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalProps {\n  host: HTMLElement;\n  i18n: i18n;\n  onClose(): void;\n  title: string;\n  numberOfItems: number;\n  isOpen: boolean;\n  openButton?: HTMLElement;\n  boundary?: 'page' | 'element';\n  scope?: HTMLElement;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const RefineModal: FunctionalComponent<RefineModalProps> = (\n  props,\n  children\n) => {\n  const flushFacetElements = () => {\n    props.host.querySelector('div[slot=\"facets\"]')?.remove();\n  };\n\n  const renderHeader = () => {\n    return (\n      <div slot=\"header\" class=\"contents\">\n        <h1 part=\"title\" class=\"truncate\">\n          {props.title}\n        </h1>\n        <Button\n          style=\"text-transparent\"\n          class=\"grid place-items-center\"\n          part=\"close-button\"\n          onClick={props.onClose}\n          ariaLabel={props.i18n.t('close')}\n        >\n          <atomic-icon\n            part=\"close-icon\"\n            class=\"h-5 w-5\"\n            icon={CloseIcon}\n          ></atomic-icon>\n        </Button>\n      </div>\n    );\n  };\n\n  const renderFooter = () => {\n    return (\n      <div part=\"footer-content\" slot=\"footer\">\n        <Button\n          style=\"primary\"\n          part=\"footer-button\"\n          class=\"flex w-full justify-center p-3 text-lg\"\n          onClick={props.onClose}\n        >\n          <span part=\"footer-button-text\" class=\"mr-1 truncate\">\n            {props.i18n.t('view-results')}\n          </span>\n          <span part=\"footer-button-count\">\n            {props.i18n.t('between-parentheses', {\n              text: props.numberOfItems.toLocaleString(props.i18n.language),\n            })}\n          </span>\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <atomic-modal\n      fullscreen\n      isOpen={props.isOpen}\n      source={props.openButton}\n      container={props.host}\n      close={props.onClose}\n      onAnimationEnded={() => {\n        if (!props.isOpen) {\n          flushFacetElements();\n        }\n      }}\n      exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      boundary={props.boundary}\n      scope={props.scope}\n    >\n      {renderHeader()}\n      {...children}\n      {renderFooter()}\n    </atomic-modal>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-radio-button-647a8428.js

@@ -1,75 +0,0 @@
-import { h } from './index-0bcc50f8.js';
-import { c as createRipple, g as getRippleColorForButtonStyle, a as getClassNameForButtonStyle } from './stencil-button-f96c2b81.js';
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const RadioButton = (props) => {
-    const classNames = ['btn-radio'];
-    let onMouseDown;
-    if (props.style) {
-        const rippleColor = getRippleColorForButtonStyle(props.style);
-        classNames.push(getClassNameForButtonStyle(props.style));
-        onMouseDown = (e) => createRipple(e, { color: rippleColor });
-    }
-    if (props.checked) {
-        classNames.push('selected');
-    }
-    if (props.class) {
-        classNames.push(props.class);
-    }
-    const handleKeyDown = (event) => {
-        if (props.selectWhenFocused !== false) {
-            return;
-        }
-        const { key } = event;
-        const radioGroup = event.currentTarget.parentNode;
-        if (!radioGroup || !isArrowKey(key)) {
-            return;
-        }
-        event.preventDefault();
-        const buttons = getRadioButtons(radioGroup);
-        const currentIndex = getCurrentIndex(buttons, event.currentTarget);
-        const newIndex = getNewIndex(key, currentIndex, buttons.length);
-        if (buttons[newIndex]) {
-            buttons[newIndex].focus();
-        }
-    };
-    const isArrowKey = (key) => {
-        return ['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp'].includes(key);
-    };
-    const getRadioButtons = (radioGroup) => {
-        return Array.from(radioGroup.querySelectorAll('[type="radio"]'));
-    };
-    const getCurrentIndex = (buttons, currentButton) => {
-        return buttons.findIndex((button) => button === currentButton);
-    };
-    const getNewIndex = (key, currentIndex, length) => {
-        switch (key) {
-            case 'ArrowLeft':
-            case 'ArrowUp':
-                return (currentIndex - 1 + length) % length;
-            case 'ArrowRight':
-            case 'ArrowDown':
-                return (currentIndex + 1) % length;
-            default:
-                return currentIndex;
-        }
-    };
-    const attributes = {
-        name: props.groupName,
-        key: props.key,
-        checked: props.checked,
-        class: classNames.join(' '),
-        part: props.part,
-        'aria-label': props.ariaLabel ?? props.text,
-        'aria-current': props.ariaCurrent,
-        value: props.text,
-        ref: props.ref,
-    };
-    return (h("input", { onKeyDown: handleKeyDown, type: "radio", onChange: (e) => e.currentTarget.checked && props.onChecked?.(), onMouseDown: onMouseDown, ...attributes }));
-};
-
-export { RadioButton as R };
-
-//# sourceMappingURL=stencil-radio-button-647a8428.js.map

package/dist/esm/stencil-radio-button-647a8428.js.map

@@ -1 +0,0 @@
-{"file":"stencil-radio-button-647a8428.js","mappings":";;;AAgBA;;;MAGa,WAAW,GAAiD,CACvE,KAAK;IAEL,MAAM,UAAU,GAAG,CAAC,WAAW,CAAC,CAAC;IACjC,IAAI,WAES,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,MAAM,WAAW,GAAG,4BAA4B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9D,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAEzD,WAAW,GAAG,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,CAAC;KAC5D;IACD,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC7B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9B;IAED,MAAM,aAAa,GAAG,CAAC,KAAoB;QACzC,IAAI,KAAK,CAAC,iBAAiB,KAAK,KAAK,EAAE;YACrC,OAAO;SACR;QACD,MAAM,EAAC,GAAG,EAAC,GAAG,KAAK,CAAC;QACpB,MAAM,UAAU,GAAI,KAAK,CAAC,aAA6B,CAAC,UAAU,CAAC;QAEnE,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACnC,OAAO;SACR;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,eAAe,CAClC,OAAO,EACP,KAAK,CAAC,aAAiC,CACxC,CAAC;QACF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QAEhE,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;YACrB,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;SAC3B;KACF,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,GAAW;QAC7B,OAAO,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;KAC1E,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,UAAsB;QAC7C,OAAO,KAAK,CAAC,IAAI,CACf,UAAU,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CACxB,CAAC;KACzB,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,OAA2B,EAC3B,aAA+B;QAE/B,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,aAAa,CAAC,CAAC;KAChE,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,YAAoB,EAAE,MAAc;QACpE,QAAQ,GAAG;YACT,KAAK,WAAW,CAAC;YACjB,KAAK,SAAS;gBACZ,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC;YAC9C,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBACd,OAAO,CAAC,YAAY,GAAG,CAAC,IAAI,MAAM,CAAC;YACrC;gBACE,OAAO,YAAY,CAAC;SACvB;KACF,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,IAAI,EAAE,KAAK,CAAC,SAAS;QACrB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI;QAC3C,cAAc,EAAE,KAAK,CAAC,WAAW;QACjC,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;KACf,CAAC;IAEF,QACE,aACE,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,KACT,CAAC,CAAC,aAAkC,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,IAAI,EAEtE,WAAW,EAAE,WAAW,KACpB,UAAU,GACd,EACF;AACJ;;;;","names":[],"sources":["src/components/common/stencil-radio-button.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {RadioButtonProps} from './radio-button';\nimport {\n  getClassNameForButtonStyle,\n  getRippleColorForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilRadioButtonProps extends Omit<RadioButtonProps, 'ref'> {\n  ref?(element?: HTMLInputElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const RadioButton: FunctionalComponent<StencilRadioButtonProps> = (\n  props\n) => {\n  const classNames = ['btn-radio'];\n  let onMouseDown:\n    | JSXBase.DOMAttributes<HTMLInputElement>['onMouseDown']\n    | undefined;\n  if (props.style) {\n    const rippleColor = getRippleColorForButtonStyle(props.style);\n    classNames.push(getClassNameForButtonStyle(props.style));\n\n    onMouseDown = (e) => createRipple(e, {color: rippleColor});\n  }\n  if (props.checked) {\n    classNames.push('selected');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.selectWhenFocused !== false) {\n      return;\n    }\n    const {key} = event;\n    const radioGroup = (event.currentTarget as HTMLElement).parentNode;\n\n    if (!radioGroup || !isArrowKey(key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const buttons = getRadioButtons(radioGroup);\n    const currentIndex = getCurrentIndex(\n      buttons,\n      event.currentTarget as HTMLInputElement\n    );\n    const newIndex = getNewIndex(key, currentIndex, buttons.length);\n\n    if (buttons[newIndex]) {\n      buttons[newIndex].focus();\n    }\n  };\n\n  const isArrowKey = (key: string) => {\n    return ['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp'].includes(key);\n  };\n\n  const getRadioButtons = (radioGroup: ParentNode) => {\n    return Array.from(\n      radioGroup.querySelectorAll('[type=\"radio\"]')\n    ) as HTMLInputElement[];\n  };\n\n  const getCurrentIndex = (\n    buttons: HTMLInputElement[],\n    currentButton: HTMLInputElement\n  ) => {\n    return buttons.findIndex((button) => button === currentButton);\n  };\n\n  const getNewIndex = (key: string, currentIndex: number, length: number) => {\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        return (currentIndex - 1 + length) % length;\n      case 'ArrowRight':\n      case 'ArrowDown':\n        return (currentIndex + 1) % length;\n      default:\n        return currentIndex;\n    }\n  };\n\n  const attributes = {\n    name: props.groupName,\n    key: props.key,\n    checked: props.checked,\n    class: classNames.join(' '),\n    part: props.part,\n    'aria-label': props.ariaLabel ?? props.text,\n    'aria-current': props.ariaCurrent,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <input\n      onKeyDown={handleKeyDown}\n      type=\"radio\"\n      onChange={(e) =>\n        (e.currentTarget as HTMLInputElement).checked && props.onChecked?.()\n      }\n      onMouseDown={onMouseDown}\n      {...attributes}\n    />\n  );\n};\n"],"version":3}

package/dist/esm/stencil-result-template-decorators-e758f409.js.map

@@ -1 +0,0 @@
-{"file":"stencil-result-template-decorators-e758f409.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/store-3bc9050f.js.map

@@ -1 +0,0 @@
-{"file":"store-3bc9050f.js","mappings":";;MAUa,kBAAkB,GAAG,kBAAkB;SAWpC,uBAAuB,CACrC,KAA4C,EAC5C,QAAwC;IAExC,MAAM,iBAAiB,GAAG;QACxB,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC;QAC1D,QAAQ,CAAC,WAAW,CAAC,CAAC;KACvB,CAAC;IAEF,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC;AACtB;;;;","names":[],"sources":["src/components/common/interface/store.ts"],"sourcesContent":["import type {DateFacetValue, NumericFacetValue} from '@coveo/headless';\nimport {isInDocument} from '../../../utils/utils';\nimport type {\n  FacetInfo,\n  FacetStore,\n  FacetType,\n  FacetValueFormat,\n} from '../facets/facet-common-store';\nimport type {AnyEngineType} from './bindings';\n\nexport const isRefineModalFacet = 'is-refine-modal';\n\nexport type BaseStore<T> = CommonStore<T> & {\n  getUniqueIDFromEngine(engine: unknown): string | undefined;\n};\n\nexport interface ResultListInfo {\n  focusOnNextNewResult(): void;\n  focusOnFirstResultAfterNextSearch(): Promise<void>;\n}\n\nexport function createAppLoadedListener(\n  store: CommonStore<{loadingFlags: string[]}>,\n  callback: (isAppLoaded: boolean) => void\n) {\n  const updateIsAppLoaded = () => {\n    const isAppLoaded = store.state.loadingFlags.length === 0;\n    callback(isAppLoaded);\n  };\n\n  store.onChange('loadingFlags', updateIsAppLoaded);\n  updateIsAppLoaded();\n}\n\nexport function createBaseStore<T extends {}>(initialState: T): BaseStore<T> {\n  const store = createStore(initialState) as CommonStore<T>;\n\n  return {\n    ...store,\n\n    getUniqueIDFromEngine(_engine: AnyEngineType) {\n      throw new Error(\n        'getUniqueIDFromEngine not implemented at the base store level.'\n      );\n    },\n  };\n}\n\nexport function registerFacet<T extends FacetType, U extends string>(\n  store: CommonStore<Facets>,\n  facetType: T,\n  data: Facets[T][U] & {facetId: U; element: HTMLElement}\n) {\n  const clearExistingFacetElement = (facetType: FacetType, facetId: string) => {\n    if (store.state[facetType][facetId]) {\n      store.state.facetElements = store.state.facetElements.filter(\n        (facetElement) => facetElement.getAttribute('facet-id') !== facetId\n      );\n    }\n  };\n\n  if (data.element.getAttribute(isRefineModalFacet) !== null) {\n    return;\n  }\n\n  clearExistingFacetElement(facetType, data.facetId);\n  store.state.facetElements.push(data.element);\n  store.state[facetType][data.facetId] = data;\n}\n\nexport function setLoadingFlag(\n  store: CommonStore<{loadingFlags: string[]}>,\n  loadingFlag: string\n) {\n  const flags = store.state.loadingFlags;\n  store.state.loadingFlags = flags.concat(loadingFlag);\n}\n\nexport function unsetLoadingFlag(\n  store: CommonStore<{loadingFlags: string[]}>,\n  loadingFlag: string\n) {\n  const flags = store.state.loadingFlags;\n  store.state.loadingFlags = flags.filter((value) => value !== loadingFlag);\n}\n\nexport function getFacetElements(store: CommonStore<Facets>) {\n  return store.state.facetElements.filter((element) => isInDocument(element));\n}\n\nexport function waitUntilAppLoaded(\n  store: CommonStore<{loadingFlags: string[]}>,\n  callback: () => void\n) {\n  if (!store.state.loadingFlags.length) {\n    callback();\n  } else {\n    store.onChange('loadingFlags', (flags) => {\n      if (!flags.length) {\n        callback();\n      }\n    });\n  }\n}\n\ninterface CommonStore<StoreData> {\n  state: StoreData;\n  get: <PropName extends keyof StoreData>(\n    propName: PropName\n  ) => StoreData[PropName];\n  set: <PropName extends keyof StoreData>(\n    propName: PropName,\n    value: StoreData[PropName]\n  ) => void;\n  onChange: <PropName extends keyof StoreData>(\n    propName: PropName,\n    cb: (newValue: StoreData[PropName]) => void\n  ) => () => void;\n}\n\ninterface Facets {\n  facets: FacetStore<FacetInfo>;\n  numericFacets: FacetStore<FacetInfo & FacetValueFormat<NumericFacetValue>>;\n  dateFacets: FacetStore<FacetInfo & FacetValueFormat<DateFacetValue>>;\n  categoryFacets: FacetStore<FacetInfo>;\n  facetElements: HTMLElement[];\n}\n\nfunction createStore<StoreData extends Record<string, unknown>>(\n  initialState: StoreData\n): CommonStore<StoreData> {\n  const listeners = new Map<\n    keyof StoreData,\n    Set<(newValue: unknown) => void>\n  >();\n\n  const state = new Proxy(initialState, {\n    set(target, prop: string, value) {\n      const oldValue = target[prop];\n      if (oldValue !== value) {\n        (target as Record<string, unknown>)[prop] = value;\n\n        if (listeners.has(prop)) {\n          for (const cb of listeners.get(prop)!) {\n            cb(value);\n          }\n        }\n      }\n      return true;\n    },\n  });\n\n  const get = <PropName extends keyof StoreData>(\n    propName: PropName\n  ): StoreData[PropName] => {\n    return state[propName];\n  };\n\n  const set = <PropName extends keyof StoreData>(\n    propName: PropName,\n    value: StoreData[PropName]\n  ): void => {\n    state[propName] = value;\n  };\n\n  const onChange = <PropName extends keyof StoreData>(\n    propName: PropName,\n    callback: (newValue: StoreData[PropName]) => void\n  ): (() => void) => {\n    if (!listeners.has(propName)) {\n      listeners.set(propName, new Set());\n    }\n    listeners.get(propName)!.add(callback as (newValue: unknown) => void);\n\n    return () => {\n      listeners.get(propName)!.delete(callback as (newValue: unknown) => void);\n      if (listeners.get(propName)!.size === 0) {\n        listeners.delete(propName);\n      }\n    };\n  };\n\n  return {\n    state,\n    get,\n    set,\n    onChange,\n  };\n}\n"],"version":3}

package/dist/esm/utils-4b7a065d.js

@@ -1,72 +0,0 @@
-import './purify-985ba52e.js';
-
-/**
- * Returns a function that can be executed only once
- */
-function once(fn) {
-    let result;
-    let callable = fn;
-    return function (...args) {
-        if (callable) {
-            result = callable.apply(this, args);
-            callable = null; // Allow garbage collection
-        }
-        return result;
-    };
-}
-function camelToKebab(value) {
-    return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-}
-function kebabToCamel(value) {
-    return value.replace(/-./g, (x) => x[1].toUpperCase());
-}
-function randomID(prepend, length = 5) {
-    const randomStr = Math.random()
-        .toString(36)
-        .substring(2, 2 + length);
-    if (!prepend) {
-        return randomStr;
-    }
-    return prepend + randomStr;
-}
-function isElementNode(node) {
-    return node.nodeType === Node.ELEMENT_NODE;
-}
-function isTextNode(node) {
-    return node.nodeType === Node.TEXT_NODE;
-}
-function isVisualNode(node) {
-    if (isElementNode(node)) {
-        return !(node instanceof HTMLStyleElement);
-    }
-    if (isTextNode(node)) {
-        return !!node.textContent?.trim();
-    }
-    return false;
-}
-function containsVisualElement(node) {
-    for (let i = 0; i < node.childNodes.length; i++) {
-        const child = node.childNodes.item(i);
-        if (isVisualNode(child)) {
-            return true;
-        }
-    }
-    return false;
-}
-function aggregate(values, getKey) {
-    return values.reduce((aggregatedValues, value, i) => {
-        const key = getKey(value, i);
-        if (!(key in aggregatedValues)) {
-            aggregatedValues[key] = [];
-        }
-        aggregatedValues[key].push(value);
-        return aggregatedValues;
-    }, {});
-}
-async function defer() {
-    return new Promise((resolve) => setTimeout(resolve, 10));
-}
-
-export { aggregate as a, isVisualNode as b, containsVisualElement as c, defer as d, camelToKebab as e, isElementNode as i, kebabToCamel as k, once as o, randomID as r };
-
-//# sourceMappingURL=utils-4b7a065d.js.map

package/dist/esm/utils-4b7a065d.js.map

@@ -1 +0,0 @@
-{"file":"utils-4b7a065d.js","mappings":";;AAEA;;;SAGgB,IAAI,CAAyB,EAAqB;IAChE,IAAI,MAAS,CAAC;IACd,IAAI,QAAQ,GAA+B,EAAE,CAAC;IAC9C,OAAO,UAAyB,GAAG,IAAO;QACxC,IAAI,QAAQ,EAAE;YACZ,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACpC,QAAQ,GAAG,IAAI,CAAC;SACjB;QACD,OAAO,MAAM,CAAC;KACf,CAAC;AACJ,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,OAAO,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AAC9E,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AACzD,CAAC;SAYe,QAAQ,CAAC,OAAgB,EAAE,MAAM,GAAG,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE;SAC5B,QAAQ,CAAC,EAAE,CAAC;SACZ,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,OAAO,GAAG,SAAS,CAAC;AAC7B,CAAC;SAce,aAAa,CAAC,IAAU;IACtC,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAC7C,CAAC;SAEe,UAAU,CAAC,IAAU;IACnC,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CAAC;AAC1C,CAAC;SAEe,YAAY,CAAC,IAAU;IACrC,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE;QACvB,OAAO,EAAE,IAAI,YAAY,gBAAgB,CAAC,CAAC;KAC5C;IACD,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;KACnC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,qBAAqB,CAAC,IAAU;IAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;SAkGe,SAAS,CACvB,MAAoB,EACpB,MAAsC;IAEtC,OAAO,MAAM,CAAC,MAAM,CAClB,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC7B,IAAI,EAAE,GAAG,IAAI,gBAAgB,CAAC,EAAE;YAC9B,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;SAC5B;QACD,gBAAgB,CAAC,GAAG,CAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,gBAAgB,CAAC;KACzB,EAC2B,EAAE,CAC/B,CAAC;AACJ,CAAC;AAyBM,eAAe,KAAK;IACzB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AACjE;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\n\n/**\n * Returns a function that can be executed only once\n */\nexport function once<T extends unknown[], R>(fn: (...args: T) => R) {\n  let result: R;\n  let callable: ((...args: T) => R) | null = fn;\n  return function (this: unknown, ...args: T) {\n    if (callable) {\n      result = callable.apply(this, args);\n      callable = null; // Allow garbage collection\n    }\n    return result;\n  };\n}\n\nexport function camelToKebab(value: string) {\n  return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function kebabToCamel(value: string) {\n  return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\n\nexport function snakeToCamel(value: string) {\n  return value\n    .toLowerCase()\n    .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));\n}\n\nexport function titleToKebab(value: string) {\n  return value.replace(/\\s/g, '-').toLowerCase();\n}\n\nexport function randomID(prepend?: string, length = 5) {\n  const randomStr = Math.random()\n    .toString(36)\n    .substring(2, 2 + length);\n  if (!prepend) {\n    return randomStr;\n  }\n  return prepend + randomStr;\n}\n\nexport function getRandomArbitrary(min: number, max: number) {\n  return Math.random() * (max - min) + min;\n}\n\nexport function parseXML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/xml');\n}\n\nexport function parseHTML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/html');\n}\n\nexport function isElementNode(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nexport function isVisualNode(node: Node) {\n  if (isElementNode(node)) {\n    return !(node instanceof HTMLStyleElement);\n  }\n  if (isTextNode(node)) {\n    return !!node.textContent?.trim();\n  }\n  return false;\n}\n\nexport function containsVisualElement(node: Node) {\n  for (let i = 0; i < node.childNodes.length; i++) {\n    const child = node.childNodes.item(i);\n    if (isVisualNode(child)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function elementHasAncestorTag(\n  el: HTMLElement,\n  tagName: string\n): boolean {\n  const parentElement = el.parentElement;\n  if (!parentElement) {\n    return false;\n  }\n  if (parentElement.tagName === tagName.toUpperCase()) {\n    return true;\n  }\n  return elementHasAncestorTag(parentElement, tagName);\n}\n\nexport function sanitizeStyle(style: string) {\n  const purifiedOuterHTML = DOMPurify.sanitize(`<style>${style}</style>`, {\n    ALLOWED_TAGS: ['style'],\n    ALLOWED_ATTR: [],\n    FORCE_BODY: true,\n  });\n  const wrapperEl = document.createElement('div');\n  // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n  wrapperEl.innerHTML = purifiedOuterHTML;\n  return wrapperEl.querySelector('style')?.innerHTML;\n}\n\nexport function getFocusedElement(\n  rootElement: Document | ShadowRoot = document\n): Element | null {\n  const activeElement = rootElement.activeElement;\n  if (activeElement?.shadowRoot) {\n    return getFocusedElement(activeElement.shadowRoot) ?? activeElement;\n  }\n  return activeElement;\n}\n\nexport function isFocusingOut(event: FocusEvent) {\n  return (\n    document.hasFocus() &&\n    (!(event.relatedTarget instanceof Node) ||\n      (event.currentTarget instanceof Node &&\n        !event.currentTarget.contains(event.relatedTarget)))\n  );\n}\n\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nexport function isInDocument(element: Node) {\n  let currentElement = element;\n  while (currentElement?.parentNode) {\n    if (currentElement.parentNode === document) {\n      return true;\n    } else if (currentElement.parentNode instanceof ShadowRoot) {\n      currentElement = currentElement.parentNode.host;\n    } else {\n      currentElement = currentElement.parentNode;\n    }\n  }\n  return false;\n}\n\nexport function isPropValuesEqual<ObjectWithProperties extends object>(\n  subject: ObjectWithProperties,\n  target: ObjectWithProperties,\n  propNames: (keyof ObjectWithProperties)[]\n) {\n  return propNames.every((propName) => subject[propName] === target[propName]);\n}\n\nexport function getParent(element: Element | ShadowRoot) {\n  if (element.parentNode) {\n    return element.parentNode as Element | ShadowRoot;\n  }\n  if (element instanceof ShadowRoot) {\n    return element.host;\n  }\n  return null;\n}\n\nexport function isAncestorOf(\n  ancestor: Element | ShadowRoot,\n  element: Element | ShadowRoot\n): boolean {\n  if (element === ancestor) {\n    return true;\n  }\n  if (\n    element instanceof HTMLElement &&\n    element.assignedSlot &&\n    isAncestorOf(ancestor, element.assignedSlot)\n  ) {\n    return true;\n  }\n  const parent = getParent(element);\n  return parent === null ? false : isAncestorOf(ancestor, parent);\n}\n\nexport function aggregate<V, K extends PropertyKey>(\n  values: readonly V[],\n  getKey: (value: V, index: number) => K\n): Record<K, V[] | undefined> {\n  return values.reduce(\n    (aggregatedValues, value, i) => {\n      const key = getKey(value, i);\n      if (!(key in aggregatedValues)) {\n        aggregatedValues[key] = [];\n      }\n      aggregatedValues[key]!.push(value);\n      return aggregatedValues;\n    },\n    <Record<K, V[] | undefined>>{}\n  );\n}\n\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nexport function spreadProperties<Output extends object = {}>(\n  ...objects: object[]\n) {\n  const returnObject = {};\n  for (const obj of objects) {\n    Object.defineProperties(\n      returnObject,\n      Object.getOwnPropertyDescriptors(obj)\n    );\n  }\n  return returnObject as Output;\n}\n\nexport const sortByDocumentPosition = (a: Node, b: Node): 1 | -1 =>\n  a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n\nexport async function defer() {\n  return new Promise<void>((resolve) => setTimeout(resolve, 10));\n}\n"],"version":3}

package/dist/types/components/common/atomic-suggestion-renderer/atomic-suggestion-renderer.d.ts

@@ -1,29 +0,0 @@
-import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from '../suggestions/suggestions-types';
-/**
- * The `atomic-suggestion-renderer` component is used to render individual suggestions. It was created to isolate
- * the rendering logic of the 'content' property of the `SearchBoxSuggestionElement` interface. This property can be Stencil
- * VNode or native Element so there must be a Stencil component to render it. For Lit components using this component, they will
- * use native Elements.
- *
- * @internal
- */
-export declare class AtomicSuggestionRenderer {
-    i18n: i18n;
-    id: string;
-    suggestion: SearchBoxSuggestionElement;
-    isSelected: boolean;
-    side: 'left' | 'right';
-    index: number;
-    lastIndex: number;
-    isDoubleList: boolean;
-    onClick?: (e: Event) => void;
-    onMouseEnter?: (e: Event) => void;
-    private get parts();
-    private get classes();
-    private get content();
-    private ariaLabel;
-    private ensureContentForRenderedSuggestion;
-    private isHTMLElement;
-    render(): any;
-}

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

@@ -1,61 +0,0 @@
-import { GeneratedAnswer } from '@coveo/headless';
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { AnyBindings } from '../../interface/bindings';
-/**
- * Internal component, only to use through `atomic-generated-answer` or `atomic-insight-generated-answer`
- */
-export declare class AtomicGeneratedAnswerFeedbackModal implements InitializableComponent<AnyBindings> {
-    bindings: AnyBindings;
-    host: HTMLElement;
-    /**
-     * Indicates whether the modal is open.
-     */
-    isOpen: boolean;
-    /**
-     * A `GeneratedAnswer` controller instance. It is used when the user interacts with the modal.
-     */
-    generatedAnswer: GeneratedAnswer;
-    /**
-     * Indicates whether the answer was helpful or not.
-     */
-    helpful: boolean;
-    error: Error;
-    private currentAnswer;
-    feedbackSubmitted: boolean;
-    answerEvaluationRequired: boolean;
-    private readonly formId;
-    private detailsInputRef?;
-    private linkInputRef?;
-    /**
-     * @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('feedbackSent', { bubbles: true, composed: true, cancelable: true })`
-     */
-    feedbackSent: EventEmitter;
-    watchToggleOpen(isOpen: boolean): void;
-    private static options;
-    private getInitialAnswerState;
-    private resetState;
-    private clearInputRefs;
-    private close;
-    private updateBreakpoints;
-    private setCurrentAnswer;
-    sendFeedback(): void;
-    private isAnyAnswerEvaluationUndefined;
-    private handleSubmit;
-    private renderHeader;
-    private renderFeedbackOption;
-    private renderAnswerEvaluation;
-    private renderOptions;
-    private renderLinkToCorrectAnswerField;
-    private renderAddNotesField;
-    private renderFeedbackForm;
-    private renderSuccessMessage;
-    private renderBody;
-    private renderFeedbackFormFooter;
-    private renderSuccessFormFooter;
-    private renderFooter;
-    render(): any;
-}

package/dist/types/components/insight/result-lists/atomic-insight-folded-result-list/atomic-insight-folded-result-list.d.ts

@@ -1,68 +0,0 @@
-import { ResultsPerPageState as InsightResultsPerPageState, ResultsPerPage as InsightResultsPerPage, FoldedResultList as InsightFoldedResultList, FoldedResultListState as InsightFoldedResultListState, FoldedCollection as InsightFoldedCollection } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { FoldedItemListStateContextEvent } from '../../../common/item-list/item-list-decorators';
-import { ItemRenderingFunction } from '../../../common/item-list/stencil-item-list-common';
-import { ItemDisplayDensity, ItemDisplayImageSize } from '../../../common/layout/display-options';
-import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
-/**
- * @internal
- */
-export declare class AtomicInsightFoldedResultList implements InitializableComponent<InsightBindings> {
-    bindings: InsightBindings;
-    foldedResultList: InsightFoldedResultList;
-    resultsPerPage: InsightResultsPerPage;
-    private itemRenderingFunction;
-    private loadingFlag;
-    private itemTemplateProvider;
-    private nextNewResultTarget?;
-    private display;
-    private itemListCommon;
-    host: HTMLDivElement;
-    foldedResultListState: InsightFoldedResultListState;
-    resultsPerPageState: InsightResultsPerPageState;
-    private resultTemplateRegistered;
-    error: Error;
-    private isAppLoaded;
-    private templateHasError;
-    /**
-     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
-     */
-    density: ItemDisplayDensity;
-    /**
-     * The expected size of the image displayed in the results.
-     */
-    imageSize: ItemDisplayImageSize;
-    /**
-     * The name of the field on which to do the folding. The folded result list component will use the values of this field to resolve the collections of result items.
-     *
-     * @defaultValue `foldingcollection`
-     */
-    collectionField?: string;
-    /**
-     * The name of the field that determines whether a certain result is a top result containing other child results within a collection.
-     *
-     * @defaultValue `foldingparent`
-     */
-    parentField?: string;
-    /**
-     * The name of the field that uniquely identifies a result within a collection.
-     *
-     * @defaultValue `foldingchild`
-     */
-    childField?: string;
-    /**
-     * 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.
-     *
-     * Do not use this method if you integrate Atomic in a plain HTML deployment.
-     */
-    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
-    resolveFoldedResultList(event: FoldedItemListStateContextEvent): void;
-    loadCollection(event: CustomEvent<InsightFoldedCollection>): void;
-    initialize(): void;
-    private get focusTarget();
-    private initFolding;
-    render(): any;
-    private computeListDisplayClasses;
-    private getPropsForAtomicInsightResult;
-}

package/dist/types/components/insight/result-lists/atomic-insight-result-list/atomic-insight-result-list.d.ts

@@ -1,49 +0,0 @@
-import { ResultList as InsightResultList, ResultListState as InsightResultListState, ResultsPerPage as InsightResultsPerPage, ResultsPerPageState as InsightResultsPerPageState } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { FocusTargetController } from '../../../../utils/stencil-accessibility-utils';
-import { ItemRenderingFunction } from '../../../common/item-list/stencil-item-list-common';
-import { ItemDisplayDensity, ItemDisplayImageSize } from '../../../common/layout/display-options';
-import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
-/**
- * @internal
- */
-export declare class AtomicInsightResultList implements InitializableComponent<InsightBindings> {
-    bindings: InsightBindings;
-    resultList: InsightResultList;
-    resultsPerPage: InsightResultsPerPage;
-    private loadingFlag;
-    private itemRenderingFunction;
-    private itemTemplateProvider;
-    private nextNewResultTarget?;
-    private display;
-    private itemListCommon;
-    host: HTMLDivElement;
-    resultsPerPageState: InsightResultsPerPageState;
-    resultListState: InsightResultListState;
-    private templateHasError;
-    private resultTemplateRegistered;
-    error: Error;
-    private isAppLoaded;
-    /**
-     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
-     */
-    density: ItemDisplayDensity;
-    /**
-     * The expected size of the image displayed in the results.
-     */
-    imageSize: ItemDisplayImageSize;
-    /**
-     * 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.
-     *
-     * Do not use this method if you integrate Atomic in a plain HTML deployment.
-     *
-     * @param resultRenderingFunction
-     */
-    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
-    initialize(): void;
-    get focusTarget(): FocusTargetController;
-    render(): any;
-    private computeListDisplayClasses;
-    private getPropsForAtomicInsightResult;
-}

package/dist/types/components/insight/smart-snippets/atomic-insight-smart-snippet/atomic-insight-smart-snippet.d.ts

@@ -1,48 +0,0 @@
-import { SmartSnippet as InsightSmartSnippet, SmartSnippetState as InsightSmartSnippetState } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
-/**
- * @internal
- */
-export declare class AtomicInsightSmartSnippet implements InitializableComponent<InsightBindings> {
-    bindings: InsightBindings;
-    smartSnippet: InsightSmartSnippet;
-    smartSnippetState: InsightSmartSnippetState;
-    error: Error;
-    host: HTMLElement;
-    private id;
-    private modalRef?;
-    /**
-     * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.
-     */
-    headingLevel: number;
-    /**
-     * The maximum height (in pixels) a snippet can have before the component truncates it and displays a "show more" button.
-     */
-    maximumHeight: number;
-    /**
-     * When the answer is partly hidden, how much of its height (in pixels) should be visible.
-     */
-    collapsedHeight: number;
-    /**
-     * Sets the style of the snippet.
-     *
-     * Example:
-     * ```ts
-     * smartSnippet.snippetStyle = `
-     *   b {
-     *     color: blue;
-     *   }
-     * `;
-     * ```
-     */
-    snippetStyle?: string;
-    feedbackSent: boolean;
-    initialize(): void;
-    private setModalRef;
-    private setFeedbackSent;
-    componentWillUpdate(): void;
-    render(): any;
-    private get style();
-    private loadModal;
-}

package/dist/types/components/insight/smart-snippets/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.d.ts

@@ -1,38 +0,0 @@
-import { SmartSnippetQuestionsList as InsightSmartSnippetQuestionsList, SmartSnippetQuestionsListState as InsightSmartSnippetQuestionsListState } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
-/**
- * @internal
- */
-export declare class AtomicInsightSmartSnippetSuggestions implements InitializableComponent<InsightBindings> {
-    bindings: InsightBindings;
-    smartSnippetQuestionsList: InsightSmartSnippetQuestionsList;
-    smartSnippetQuestionsListState: InsightSmartSnippetQuestionsListState;
-    error: Error;
-    host: HTMLElement;
-    /**
-     * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the "People also ask" heading over the snippets, from 1 to 5.
-     */
-    headingLevel: number;
-    /**
-     * Sets the style of the snippets.
-     *
-     * Example:
-     * ```ts
-     * smartSnippet.snippetStyle = `
-     *   b {
-     *     color: blue;
-     *   }
-     * `;
-     * ```
-     */
-    snippetStyle?: string;
-    private id;
-    initialize(): void;
-    render(): any;
-    private renderRelatedQuestion;
-    private renderAnswer;
-    private renderSource;
-    private get style();
-    private toggleQuestion;
-}

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

@@ -1,34 +0,0 @@
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { InsightBindings } from '../../atomic-insight-interface/atomic-insight-interface';
-/**
- * @internal
- * The `atomic-insight-user-actions-modal` is automatically created as a child of the `atomic-insight-interface` when the `atomic-insight-user-actions-toggle` is initialized.
- *
- * When the modal is opened, the CSS class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.
- */
-export declare class AtomicInsightUserActionsModal implements InitializableComponent<InsightBindings> {
-    host: HTMLElement;
-    bindings: InsightBindings;
-    error: Error;
-    interfaceDimensions?: DOMRect;
-    openButton?: HTMLElement;
-    isOpen: boolean;
-    /**
-     * The ID of the user whose actions are being displayed.
-     */
-    userId: string;
-    /**
-     * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
-     */
-    ticketCreationDateTime: string;
-    /**
-     * The names of custom events to exclude.
-     */
-    excludedCustomActions: string[];
-    componentDidLoad(): void;
-    watchEnabled(isOpen: boolean): void;
-    private onAnimationFrame;
-    private dimensionChanged;
-    updateDimensions(): void;
-    render(): any;
-}