@coveo/atomic 3.47.0 → 3.48.0

package/dist/atomic/components/replace-breakpoint-utils.js

@@ -1,41 +0,0 @@
-import { c as closest } from './initialization-utils.js';
-
-const DEFAULT_MOBILE_BREAKPOINT = '1024px';
-function replaceMediaQuery(style, mobileBreakpoint) {
-    const regex = new RegExp(`\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\)|\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\)`, 'g');
-    return style.replace(regex, `(width >= ${mobileBreakpoint})`);
-}
-function replaceStyleSheet(element, mobileBreakpoint) {
-    const stylesheets = element.shadowRoot?.adoptedStyleSheets;
-    if (!stylesheets || !stylesheets.length) {
-        return;
-    }
-    const stylesheet = stylesheets[0];
-    const style = Object.values(stylesheet.cssRules)
-        .map((rule) => rule.cssText)
-        .join('');
-    stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
-}
-function replateStyleContent(element, breakpoint) {
-    const styleTag = element.shadowRoot?.querySelector('style');
-    if (!styleTag) {
-        return;
-    }
-    styleTag.textContent = replaceMediaQuery(styleTag.textContent, breakpoint);
-}
-const layouts = ['atomic-search-layout', 'atomic-insight-layout'];
-function updateBreakpoints(element) {
-    const layout = closest(element, layouts.join(', '));
-    if (!layout?.mobileBreakpoint) {
-        return;
-    }
-    if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {
-        return;
-    }
-    replaceStyleSheet(element, layout.mobileBreakpoint);
-    replateStyleContent(element, layout.mobileBreakpoint);
-}
-
-export { updateBreakpoints as u };
-
-//# sourceMappingURL=replace-breakpoint-utils.js.map

package/dist/atomic/components/replace-breakpoint-utils.js.map

@@ -1 +0,0 @@
-{"file":"replace-breakpoint-utils.js","mappings":";;AAEO,MAAM,yBAAyB,GAAG,QAAQ,CAAC;AAElD,SAAS,iBAAiB,CAAC,KAAa,EAAE,gBAAwB;IAChE,MAAM,KAAK,GAAG,IAAI,MAAM,CACtB,iBAAiB,yBAAyB,mBAAmB,yBAAyB,KAAK,EAC3F,GAAG,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,gBAAgB,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAoB,EAAE,gBAAwB;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC;IAC3D,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;QACvC,OAAO;KACR;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;SAC7C,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;SAC3B,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACrE,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAoB,EAAE,UAAkB;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAY,EAAE,UAAU,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;SAElD,iBAAiB,CAAC,OAAoB;IACpD,MAAM,MAAM,GAAyB,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE;QAC7B,OAAO;KACR;IAED,IAAI,MAAM,CAAC,gBAAgB,KAAK,yBAAyB,EAAE;QACzD,OAAO;KACR;IAED,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/utils/replace-breakpoint-utils.ts"],"sourcesContent":["import {closest} from './dom-utils';\n\nexport const DEFAULT_MOBILE_BREAKPOINT = '1024px';\n\nfunction replaceMediaQuery(style: string, mobileBreakpoint: string) {\n  const regex = new RegExp(\n    `\\\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\\\)|\\\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\\\)`,\n    'g'\n  );\n  return style.replace(regex, `(width >= ${mobileBreakpoint})`);\n}\n\nfunction replaceStyleSheet(element: HTMLElement, mobileBreakpoint: string) {\n  const stylesheets = element.shadowRoot?.adoptedStyleSheets;\n  if (!stylesheets || !stylesheets.length) {\n    return;\n  }\n\n  const stylesheet = stylesheets[0];\n  const style = Object.values(stylesheet.cssRules)\n    .map((rule) => rule.cssText)\n    .join('');\n  stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));\n}\n\nfunction replateStyleContent(element: HTMLElement, breakpoint: string) {\n  const styleTag = element.shadowRoot?.querySelector('style');\n  if (!styleTag) {\n    return;\n  }\n\n  styleTag.textContent = replaceMediaQuery(styleTag.textContent!, breakpoint);\n}\n\nconst layouts = ['atomic-search-layout', 'atomic-insight-layout'];\ntype LayoutElement = HTMLElement & {mobileBreakpoint: string};\nexport function updateBreakpoints(element: HTMLElement) {\n  const layout: LayoutElement | null = closest(element, layouts.join(', '));\n\n  if (!layout?.mobileBreakpoint) {\n    return;\n  }\n\n  if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {\n    return;\n  }\n\n  replaceStyleSheet(element, layout.mobileBreakpoint);\n  replateStyleContent(element, layout.mobileBreakpoint);\n}\n"],"version":3}

package/dist/atomic/components/stencil-fieldset-group.js

@@ -1,12 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const FieldsetGroup = ({ label }, children) => (h("fieldset", { class: "contents" },
-    h("legend", { class: "sr-only" }, label),
-    children));
-
-export { FieldsetGroup as F };
-
-//# sourceMappingURL=stencil-fieldset-group.js.map

package/dist/atomic/components/stencil-fieldset-group.js.map

@@ -1 +0,0 @@
-{"file":"stencil-fieldset-group.js","mappings":";;AAMA;;;MAGa,aAAa,GAAoC,CAC5D,EAAC,KAAK,EAAC,EACP,QAAQ,MAER,gBAAU,KAAK,EAAC,UAAU;IACxB,cAAQ,KAAK,EAAC,SAAS,IAAE,KAAK,CAAU;IACvC,QAAQ,CACA;;;;","names":[],"sources":["src/components/common/stencil-fieldset-group.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\n\ninterface GroupProps {\n  label: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FieldsetGroup: FunctionalComponent<GroupProps> = (\n  {label},\n  children\n) => (\n  <fieldset class=\"contents\">\n    <legend class=\"sr-only\">{label}</legend>\n    {children}\n  </fieldset>\n);\n"],"version":3}

package/dist/atomic/components/stencil-item-list-guard.js

@@ -1,17 +0,0 @@
-import { h, Fragment } from '@stencil/core/internal/client';
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const ItemListGuard = ({ hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError }, children) => {
-    if (hasError || (firstRequestExecuted && !hasItems) || !hasTemplate) {
-        return;
-    }
-    return (h(Fragment, null,
-        templateHasError && h("slot", null),
-        ...children));
-};
-
-export { ItemListGuard as I };
-
-//# sourceMappingURL=stencil-item-list-guard.js.map

package/dist/atomic/components/stencil-item-list-guard.js.map

@@ -1 +0,0 @@
-{"file":"stencil-item-list-guard.js","mappings":";;AAUA;;;MAGa,aAAa,GAA4C,CACpE,EAAC,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAC,EACzE,QAAQ;IAER,IAAI,QAAQ,KAAK,oBAAoB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACnE,OAAO;KACR;IACD,QACE,EAAC,QAAQ;QACN,gBAAgB,IAAI,eAAa;WAC9B,QAAQ,CACH,EACX;AACJ;;;;","names":[],"sources":["src/components/common/item-list/stencil-item-list-guard.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\ninterface ItemListGuardProps {\n  hasError: boolean;\n  hasItems: boolean;\n  hasTemplate: boolean;\n  firstRequestExecuted: boolean;\n  templateHasError: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemListGuard: FunctionalComponent<ItemListGuardProps> = (\n  {hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError},\n  children\n) => {\n  if (hasError || (firstRequestExecuted && !hasItems) || !hasTemplate) {\n    return;\n  }\n  return (\n    <Fragment>\n      {templateHasError && <slot></slot>}\n      {...children}\n    </Fragment>\n  );\n};\n"],"version":3}

package/dist/atomic/components/stencil-modal.js

@@ -1,61 +0,0 @@
-import { p as popoverClass } from './popover-type.js';
-import { i as isRefineModalFacet } from './store.js';
-import { h } from '@stencil/core/internal/client';
-import { C as CloseIcon } from './close.js';
-import { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';
-import { B as Button } from './stencil-button.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.js.map

package/dist/atomic/components/stencil-modal.js.map

@@ -1 +0,0 @@
-{"file":"stencil-modal.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/atomic/components/stencil-radio-button.js

@@ -1,75 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-import { c as createRipple, g as getRippleColorForButtonStyle, a as getClassNameForButtonStyle } from './stencil-button.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.js.map

package/dist/atomic/components/stencil-radio-button.js.map

@@ -1 +0,0 @@
-{"file":"stencil-radio-button.js","mappings":"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","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/atomic/components/stencil-result-template-decorators.js

@@ -1,130 +0,0 @@
-import { c as closest } from './initialization-utils.js';
-import { getElement } from '@stencil/core/internal/client';
-import { b as buildCustomEvent } from './event-utils.js';
-
-class MissingParentError extends Error {
-    constructor(elementName, parentName) {
-        super(`The "${elementName}" element must be the child of an "${parentName}" element.`);
-    }
-}
-/**
- * @deprecated should only be used for Stencil components. For Lit components, use `ItemContext` from \@/src/decorators/item-list/item-context.js.
- */
-function ItemContext(opts = {
-    parentName: 'atomic-result',
-    folded: false,
-}) {
-    return (component, itemVariable) => {
-        const { connectedCallback, componentWillRender, render } = component;
-        component.connectedCallback = function () {
-            const element = getElement(this);
-            const event = buildCustomEvent(itemContextEventName, (item) => {
-                this[itemVariable] = extractFolded(item, opts.folded);
-            });
-            const canceled = element.dispatchEvent(event);
-            if (canceled) {
-                this.error = new MissingParentError(element.nodeName.toLowerCase(), opts.parentName);
-                return;
-            }
-            return connectedCallback && connectedCallback.call(this);
-        };
-        component.componentWillRender = function () {
-            if (this.error) {
-                return;
-            }
-            return componentWillRender && componentWillRender.call(this);
-        };
-        component.render = function () {
-            if (this.error) {
-                const element = getElement(this);
-                element.remove();
-                console.error('Result component is in error and has been removed from the DOM', this.error, this, element);
-                return;
-            }
-            return render && render.call(this);
-        };
-    };
-}
-/**
- * @deprecated should only be used for Stencil components. For Lit components, use `InteractiveItemContext` from \@/src/decorators/item-list/interactive-item-context.js.
- */
-function InteractiveItemContext() {
-    return (component, interactiveItemVariable) => {
-        const { connectedCallback } = component;
-        component.connectedCallback = function () {
-            const element = getElement(this);
-            const event = buildCustomEvent(interactiveItemContextEventName, (item) => {
-                this[interactiveItemVariable] = item;
-            });
-            element.dispatchEvent(event);
-            return connectedCallback && connectedCallback.call(this);
-        };
-    };
-}
-const itemContextEventName = 'atomic/resolveResult';
-const interactiveItemContextEventName = 'atomic/resolveInteractiveResult';
-/**
- * @deprecated should only be used for Stencil components. For Lit components, use `itemContext` from \@/src/components/common/item-list/item-context.js.
- */
-function itemContext(element, parentName) {
-    return new Promise((resolve, reject) => {
-        const event = buildCustomEvent(itemContextEventName, (item) => {
-            return resolve(item);
-        });
-        element.dispatchEvent(event);
-        if (!closest(element, parentName)) {
-            reject(new MissingParentError(element.nodeName.toLowerCase(), parentName));
-        }
-    });
-}
-function extractFolded(item, returnFolded) {
-    if (returnFolded) {
-        if ('children' in item) {
-            return item;
-        }
-        else {
-            return { children: [], result: item };
-        }
-    }
-    if ('children' in item && 'result' in item) {
-        return item.result;
-    }
-    return item;
-}
-
-/**
- * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.
- * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.
- *
- * Example:
- * @ResultContext() private result!: Result;
- *
- * For more information and examples, view the "Utilities" section of the readme.
- *
- * @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
- */
-function ResultContext(opts = { folded: false }) {
-    return ItemContext({ parentName: 'atomic-result', folded: opts.folded });
-}
-function InteractiveResultContext() {
-    return InteractiveItemContext();
-}
-/**
- * Retrieves `Result` on a rendered `atomic-result`.
- *
- * 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.
- *
- * 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).
- *
- * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result" element.
- * @returns A promise that resolves on initialization of the parent "atomic-result" element, or rejects when there is no parent "atomic-result" element.
- *
- * @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
- */
-function resultContext(element) {
-    return itemContext(element, 'atomic-result');
-}
-
-export { InteractiveResultContext as I, ResultContext as R, itemContext as i, resultContext as r };
-
-//# sourceMappingURL=stencil-result-template-decorators.js.map

package/dist/atomic/components/stencil-result-template-decorators.js.map

@@ -1 +0,0 @@
-{"file":"stencil-result-template-decorators.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}