@coveo/atomic 3.38.0 → 3.39.1

package/dist/esm/stencil-link-46d22c3f.js.map

@@ -0,0 +1 @@
+{"file":"stencil-link-46d22c3f.js","mappings":"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","names":[],"sources":["src/components/common/query-error/stencil-details.tsx","src/components/common/query-error/stencil-icon.tsx","src/components/common/query-error/stencil-show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/utils.ts","src/components/common/query-error/stencil-description.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/stencil-title.tsx","src/components/common/query-error/stencil-link.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorDetails: FunctionalComponent<QueryErrorDetailsProps> = ({\n  error,\n  show,\n}) => {\n  if (!show) {\n    return;\n  }\n  return (\n    <pre\n      part=\"error-info\"\n      class=\"border-neutral bg-neutral-light mt-8 rounded border p-3 text-left whitespace-pre-wrap\"\n    >\n      <code>{JSON.stringify(error, null, 2)}</code>\n    </pre>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport CannotAccess from '../../../images/cannot-access.svg';\nimport Indexing from '../../../images/indexing.svg';\nimport NoConnection from '../../../images/no-connection.svg';\nimport SearchInactive from '../../../images/search-inactive.svg';\nimport SomethingWrong from '../../../images/something-wrong.svg';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorIconProps {\n  errorType?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorIcon: FunctionalComponent<QueryErrorIconProps> = ({\n  errorType,\n}) => {\n  const getIconFromErrorType = () => {\n    switch (errorType as KnownErrorType) {\n      case 'Disconnected':\n        return NoConnection;\n\n      case 'NoEndpointsException':\n        return Indexing;\n\n      case 'InvalidTokenException':\n        return CannotAccess;\n      case 'OrganizationIsPausedException':\n        return SearchInactive;\n      default:\n        return SomethingWrong;\n    }\n  };\n\n  return (\n    <atomic-icon\n      part=\"icon\"\n      icon={getIconFromErrorType()}\n      class=\"w-1/2 max-w-lg\"\n    ></atomic-icon>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {QueryErrorLink} from './stencil-link';\n\ninterface QueryErrorShowMoreProps {\n  onShowMore: () => void;\n  i18n: i18n;\n  link?: typeof QueryErrorLink;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorShowMore: FunctionalComponent<\n  QueryErrorShowMoreProps\n> = ({i18n, onShowMore, link}) => {\n  if (link) {\n    return link;\n  }\n  return (\n    <Button\n      part=\"more-info-btn\"\n      style=\"primary\"\n      class=\"mt-8 p-3\"\n      onClick={() => {\n        onShowMore();\n      }}\n      text={i18n.t('more-info')}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorContainer: FunctionalComponent = (_, children) => {\n  return <div class=\"p-8 text-center\">{children}</div>;\n};\n","import type {i18n} from 'i18next';\nimport type {KnownErrorType} from './known-error-types';\n\nexport const getErrorTitleFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('disconnected');\n    case 'NoEndpointsException':\n      return i18n.t('no-endpoints', {org: organizationId});\n    case 'InvalidTokenException':\n      return i18n.t('cannot-access', {org: organizationId});\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-is-paused', {org: organizationId});\n    default:\n      return i18n.t('something-went-wrong');\n  }\n};\n\nexport const getErrorDescriptionFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  url: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('check-your-connection', {url});\n    case 'NoEndpointsException':\n      return i18n.t('add-sources');\n    case 'InvalidTokenException':\n      return i18n.t('invalid-token');\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-will-resume', {\n        org: organizationId,\n      });\n    default:\n      return i18n.t('if-problem-persists');\n  }\n};\n\nexport const getAriaMessageFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  platformUrl: string,\n  errorType?: string\n) => {\n  return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorDescriptionFromErrorType} from './utils';\n\ninterface QueryErrorDescriptionProps {\n  errorType?: string;\n  i18n: i18n;\n  url: string;\n  organizationId: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorDescription: FunctionalComponent<\n  QueryErrorDescriptionProps\n> = ({errorType, i18n, url, organizationId}) => {\n  return (\n    <p part=\"description\" class=\"text-neutral-dark mt-2.5 text-lg\">\n      {getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)}\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorGuardProps {\n  hasError: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorGuard: FunctionalComponent<QueryErrorGuardProps> = (\n  {hasError},\n  children\n) => {\n  if (!hasError) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorTitleFromErrorType} from './utils';\n\ninterface QueryErrorTitleProps {\n  errorType?: string;\n  i18n: i18n;\n  organizationId: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorTitle: FunctionalComponent<QueryErrorTitleProps> = ({\n  errorType,\n  i18n,\n  organizationId,\n}) => {\n  return (\n    <p part=\"title\" class=\"text-on-background mt-8 text-2xl\">\n      {getErrorTitleFromErrorType(i18n, organizationId, errorType)}\n    </p>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorLinkProps {\n  errorType?: string;\n  i18n: i18n;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const QueryErrorLink: FunctionalComponent<QueryErrorLinkProps> = ({\n  errorType,\n  i18n,\n}) => {\n  const getErrorLink = () => {\n    switch (errorType as KnownErrorType) {\n      case 'NoEndpointsException':\n        return 'https://docs.coveo.com/en/mcc80216';\n      case 'InvalidTokenException':\n        return 'https://docs.coveo.com/en/102';\n      case 'OrganizationIsPausedException':\n        return 'https://docs.coveo.com/l6af0467';\n      default:\n        return null;\n    }\n  };\n\n  const link = getErrorLink();\n\n  return link ? (\n    <a href={link} part=\"doc-link\" class=\"btn-primary mt-10 inline-block p-3\">\n      {i18n.t('coveo-online-help')}\n    </a>\n  ) : null;\n};\n"],"version":3}

package/dist/esm/stencil-magnifying-glass-d4b6425b.js

@@ -0,0 +1,144 @@
+import { h } from './index-62c2216d.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const NoItemsContainer = (_, children) => [
+    h("div", { class: "text-on-background flex h-full w-full flex-col items-center" }, children),
+    h("slot", null),
+];
+
+const MagnifyingGlassIcon = `<svg viewBox="0 0 312 312" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<g filter="url(#filter0_b)">
+<rect x="156.118" width="220.784" height="220.784" rx="14.7189" transform="rotate(45 156.118 0)" fill="#F6F7F9"/>
+</g>
+<rect x="60.1178" y="126" width="34" height="9" rx="4.5" fill="#E5E8E8"/>
+<rect x="102.118" y="126" width="67" height="9" rx="4.5" fill="#E5E8E8"/>
+<rect x="177.118" y="126" width="67" height="9" rx="4.5" fill="#E5E8E8"/>
+<rect x="60.1178" y="151" width="162" height="9" rx="4.5" fill="#E5E8E8"/>
+<rect x="60.1178" y="176" width="177" height="9" rx="4.5" fill="#E5E8E8"/>
+<g filter="url(#filter1_f)">
+<path d="M183.857 226.206C179.378 223.774 178.389 217.774 181.85 214.033C184.309 211.374 188.273 210.753 191.427 212.532L247.561 244.198C251.767 246.571 252.551 252.302 249.136 255.717C246.849 258.004 243.331 258.513 240.49 256.97L183.857 226.206Z" fill="#E5E8E8"/>
+</g>
+<rect x="195.143" y="205.948" width="15.064" height="78.2384" rx="7.53201" transform="rotate(-45 195.143 205.948)" fill="#333357"/>
+<g filter="url(#filter2_d)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M161.415 226.595C200.792 226.595 232.713 194.674 232.713 155.298C232.713 115.921 200.792 84 161.415 84C122.039 84 90.1178 115.921 90.1178 155.298C90.1178 194.674 122.039 226.595 161.415 226.595ZM161.441 212.539C193.041 212.539 218.657 186.922 218.657 155.323C218.657 123.724 193.041 98.108 161.441 98.108C129.842 98.108 104.226 123.724 104.226 155.323C104.226 186.922 129.842 212.539 161.441 212.539Z" fill="url(#paint0_linear)"/>
+</g>
+<g filter="url(#filter3_d)">
+<circle cx="161.415" cy="155.298" r="59.6307" fill="url(#paint1_linear)"/>
+</g>
+<g filter="url(#filter4_i)">
+<circle cx="161.441" cy="155.323" r="57.2153" fill="url(#paint2_linear)"/>
+</g>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="104" y="98" width="115" height="115">
+<circle cx="161.415" cy="155.298" r="57.038" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<rect opacity="0.5" x="104.118" y="126" width="37" height="18" rx="8" fill="url(#paint3_linear)"/>
+<rect opacity="0.5" x="184.118" y="167" width="37" height="18" rx="8" fill="url(#paint4_linear)"/>
+<g opacity="0.6" filter="url(#filter5_f)">
+<path d="M179.303 90.5597L187.576 96.3233C187.576 96.3233 140.259 159.434 177.535 239.024C164.157 234.174 126.719 230.494 120.018 222.474C88.6871 131.944 179.303 90.5597 179.303 90.5597Z" fill="url(#paint5_linear)"/>
+</g>
+<g opacity="0.5" filter="url(#filter6_f)">
+<circle cx="197.896" cy="133.778" r="7.77791" fill="white"/>
+</g>
+<g opacity="0.7" filter="url(#filter7_f)">
+<circle cx="207.359" cy="150.241" r="3.2408" fill="white"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_b" x="-3.67968" y="-3.67973" width="319.595" height="319.595" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur" result="shape"/>
+</filter>
+<filter id="filter1_f" x="171.347" y="190.878" width="88.139" height="88.139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.59264" result="effect1_foregroundBlur"/>
+</filter>
+<filter id="filter2_d" x="59.0061" y="84" width="204.818" height="206.115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="32.408"/>
+<feGaussianBlur stdDeviation="15.5558"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 0.38 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter3_d" x="91.4141" y="85.2963" width="140.002" height="140.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5.18528"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter4_i" x="104.226" y="98.108" width="114.431" height="124.801" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="10.3706"/>
+<feGaussianBlur stdDeviation="5.83344"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.529306 0 0 0 0 0.529306 0 0 0 0 0.858333 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow"/>
+</filter>
+<filter id="filter5_f" x="93.7083" y="75.6215" width="134.473" height="171.666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur"/>
+</filter>
+<filter id="filter6_f" x="187.525" y="123.407" width="20.7411" height="20.7411" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.29632" result="effect1_foregroundBlur"/>
+</filter>
+<filter id="filter7_f" x="201.525" y="144.407" width="11.6669" height="11.6669" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.29632" result="effect1_foregroundBlur"/>
+</filter>
+<linearGradient id="paint0_linear" x1="106.615" y1="63.4032" x2="289.344" y2="240.521" gradientUnits="userSpaceOnUse">
+<stop offset="0.505208" stop-color="#3F3F71"/>
+<stop offset="1" stop-color="#5D237D"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="200.305" y1="208.447" x2="121.878" y2="98.259" gradientUnits="userSpaceOnUse">
+<stop stop-color="#333357"/>
+<stop offset="1" stop-color="#6B6BBD" stop-opacity="0.49"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="116.692" y1="142.334" x2="206.138" y2="195.483" gradientUnits="userSpaceOnUse">
+<stop offset="0.0255459" stop-color="white"/>
+<stop offset="1" stop-color="#E5E8E8"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="134.811" y1="148.895" x2="127.845" y2="133.378" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8787DB" stop-opacity="0.41"/>
+<stop offset="1" stop-color="#C5CACF" stop-opacity="0.44"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="214.811" y1="189.895" x2="207.845" y2="174.378" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8787DB"/>
+<stop offset="1" stop-color="#C5CACF" stop-opacity="0.44"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="164.859" y1="93.962" x2="143.031" y2="190.673" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.198345" stop-color="white" stop-opacity="0.72"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="312" height="312" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const MagnifyingGlass = () => (h("atomic-icon", { part: "icon", icon: MagnifyingGlassIcon, class: "my-6 flex w-1/2 max-w-lg flex-col items-center" }));
+
+export { MagnifyingGlass as M, NoItemsContainer as N };
+
+//# sourceMappingURL=stencil-magnifying-glass-d4b6425b.js.map

package/dist/esm/stencil-magnifying-glass-d4b6425b.js.map

@@ -0,0 +1 @@
+{"file":"stencil-magnifying-glass-d4b6425b.js","mappings":";;AAEA;;;MAGa,gBAAgB,GAAwB,CAAC,CAAC,EAAE,QAAQ,KAAK;IACpE,WAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL;IACN,eAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNf;;;MAGa,eAAe,GAAwB,OAClD,mBACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,mBAAmB,EACzB,KAAK,EAAC,gDAAgD,GACzC;;;;","names":[],"sources":["src/components/common/no-items/stencil-container.tsx","src/components/common/no-items/stencil-magnifying-glass.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const NoItemsContainer: FunctionalComponent = (_, children) => [\n  <div class=\"text-on-background flex h-full w-full flex-col items-center\">\n    {children}\n  </div>,\n  <slot></slot>,\n];\n","import {FunctionalComponent, h} from '@stencil/core';\nimport MagnifyingGlassIcon from '../../../images/magnifying-glass.svg';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const MagnifyingGlass: FunctionalComponent = () => (\n  <atomic-icon\n    part=\"icon\"\n    icon={MagnifyingGlassIcon}\n    class=\"my-6 flex w-1/2 max-w-lg flex-col items-center\"\n  ></atomic-icon>\n);\n"],"version":3}

package/dist/esm/stencil-modal-e0ab916e.js

@@ -0,0 +1,39 @@
+import { h } from './index-62c2216d.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-fe58a18a.js';
+
+/**
+ * @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 };
+
+//# sourceMappingURL=stencil-modal-e0ab916e.js.map

package/dist/esm/stencil-modal-e0ab916e.js.map

@@ -0,0 +1 @@
+{"file":"stencil-modal-e0ab916e.js","mappings":";;;;;AAkBA;;;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/stencil-modal.tsx"],"sourcesContent":["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-bd9a5704.js

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

package/dist/esm/stencil-radio-button-bd9a5704.js.map

@@ -0,0 +1 @@
+{"file":"stencil-radio-button-bd9a5704.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/esm/stencil-rating-95f6b53e.js

@@ -0,0 +1,64 @@
+import { h } from './index-62c2216d.js';
+
+const Star = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
+  <path
+    d="m 2.6226137,7.5483827 -1.73646599,-1.67659 c -0.58287,-0.56277 -0.2895686,-1.54878 0.50612799,-1.70148 l 2.630348,-0.50477 c 0.31897,-0.06121 0.58834,-0.27352 0.72239,-0.56935 l 0.84414,-1.86293 c 0.35481,-0.78302702 1.46689,-0.78302802 1.8217,0 l 0.84414,1.86293 c 0.13405,0.29583 0.40342,0.50814 0.72239,0.56935 l 2.6303203,0.50477 c 0.7957,0.1527 1.089,1.13871 0.5062,1.70148 l -1.73651,1.67659 c -0.23632,0.22817 -0.34551,0.55786 -0.2921,0.88198 l 0.45461,2.7587403 c 0.1357,0.824 -0.7386003,1.4416 -1.4698203,1.0382 l -2.087,-1.1515 c -0.30069,-0.1659 -0.66547,-0.1659 -0.96616,0 l -2.087,1.1515 c -0.73122,0.4034 -1.60555,-0.2142 -1.46978,-1.0382 l 0.45457,-2.7587403 c 0.05341,-0.32412 -0.05578,-0.65381 -0.2921,-0.88198 z"
+    stroke-width="0.8125"
+  />
+</svg>`;
+
+class FieldValueIsNaNError extends Error {
+    constructor(field, value) {
+        super(`Could not parse "${value}" from field "${field}" as a number.`);
+        this.name = 'FieldValueIsNaNError';
+    }
+}
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const Rating = (props) => {
+    const width = ((props.numberOfActiveIcons / props.numberOfTotalIcons) * 100).toString() +
+        '%';
+    const iconSize = `${props.iconSize ?? 0.75}rem`;
+    const renderIcon = (active) => {
+        return (h("atomic-icon", { icon: props.icon, class: `shrink-0 ${active ? 'icon-active' : 'icon-inactive'}`, style: { width: iconSize, height: iconSize }, part: "value-rating-icon" }));
+    };
+    const emptyIconDisplay = () => {
+        const emptyIconDisplay = [];
+        for (let i = 0; i < props.numberOfTotalIcons; i++) {
+            emptyIconDisplay.push(renderIcon(false));
+        }
+        return emptyIconDisplay;
+    };
+    const filledIconDisplay = () => {
+        const filledIconDisplay = [];
+        for (let i = 0; i < props.numberOfTotalIcons; i++) {
+            filledIconDisplay.push(renderIcon(true));
+        }
+        return filledIconDisplay;
+    };
+    return (h("div", { class: "relative w-max", part: "value-rating", role: "img", "aria-label": props.i18n.t('stars', {
+            count: props.numberOfActiveIcons,
+            max: props.numberOfTotalIcons,
+        }) },
+        h("div", { class: "z-0 flex gap-0.5" }, emptyIconDisplay()),
+        h("div", { class: "absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden", style: { width } }, filledIconDisplay())));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const computeNumberOfStars = (value, field) => {
+    if (value === null) {
+        return null;
+    }
+    const valueAsNumber = parseFloat(`${value}`);
+    if (Number.isNaN(valueAsNumber)) {
+        throw new FieldValueIsNaNError(field, value);
+    }
+    return valueAsNumber;
+};
+
+export { Rating as R, Star as S, computeNumberOfStars as c };
+
+//# sourceMappingURL=stencil-rating-95f6b53e.js.map

package/dist/esm/stencil-rating-95f6b53e.js.map

@@ -0,0 +1 @@
+{"file":"stencil-rating-95f6b53e.js","mappings":";;;;;;;;;MAAa,oBAAqB,SAAQ,KAAK;IAC7C,YAAY,KAAa,EAAE,KAAU;QACnC,KAAK,CAAC,oBAAoB,KAAK,iBAAiB,KAAK,gBAAgB,CAAC,CAAC;QACvE,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC;KACpC;;;ACQH;;;MAGa,MAAM,GAAqC,CAAC,KAAK;IAC5D,MAAM,KAAK,GACT,CAAC,CAAC,KAAK,CAAC,mBAAmB,GAAG,KAAK,CAAC,kBAAkB,IAAI,GAAG,EAAE,QAAQ,EAAE;QACzE,GAAG,CAAC;IACN,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,KAAK,CAAC;IAEhD,MAAM,UAAU,GAAG,CAAC,MAAe;QACjC,QACE,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,YAAY,MAAM,GAAG,aAAa,GAAG,eAAe,EAAE,EAC7D,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAC,EAC1C,IAAI,EAAC,mBAAmB,GACX,EACf;KACH,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,MAAM,gBAAgB,GAAY,EAAE,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,EAAE,EAAE;YACjD,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;SAC1C;QACD,OAAO,gBAAgB,CAAC;KACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACxB,MAAM,iBAAiB,GAAY,EAAE,CAAC;QACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,EAAE,EAAE;YACjD,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;SAC1C;QACD,OAAO,iBAAiB,CAAC;KAC1B,CAAC;IAEF,QACE,WACE,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,gBACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAChC,KAAK,EAAE,KAAK,CAAC,mBAAmB;YAChC,GAAG,EAAE,KAAK,CAAC,kBAAkB;SAC9B,CAAC;QAEF,WAAK,KAAK,EAAC,kBAAkB,IAAE,gBAAgB,EAAE,CAAO;QACxD,WACE,KAAK,EAAC,wDAAwD,EAC9D,KAAK,EAAE,EAAC,KAAK,EAAC,IAEb,iBAAiB,EAAE,CAChB,CACF,EACN;AACJ,EAAE;AAEF;;;MAGa,oBAAoB,GAAG,CAClC,KAAc,EACd,KAAa;IAEb,IAAI,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;QAC/B,MAAM,IAAI,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAC9C;IACD,OAAO,aAAa,CAAC;AACvB;;;;","names":[],"sources":["src/components/commerce/product-template-component-utils/error.ts","src/components/common/atomic-rating/stencil-rating.tsx"],"sourcesContent":["export class FieldValueIsNaNError extends Error {\n  constructor(field: string, value?: {}) {\n    super(`Could not parse \"${value}\" from field \"${field}\" as a number.`);\n    this.name = 'FieldValueIsNaNError';\n  }\n}\n","import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FieldValueIsNaNError} from '../../commerce/product-template-component-utils/error';\n\ninterface RatingProps {\n  i18n: i18n;\n  numberOfTotalIcons: number;\n  numberOfActiveIcons: number;\n  icon: string;\n  iconSize?: number;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Rating: FunctionalComponent<RatingProps> = (props) => {\n  const width =\n    ((props.numberOfActiveIcons / props.numberOfTotalIcons) * 100).toString() +\n    '%';\n  const iconSize = `${props.iconSize ?? 0.75}rem`;\n\n  const renderIcon = (active: boolean) => {\n    return (\n      <atomic-icon\n        icon={props.icon}\n        class={`shrink-0 ${active ? 'icon-active' : 'icon-inactive'}`}\n        style={{width: iconSize, height: iconSize}}\n        part=\"value-rating-icon\"\n      ></atomic-icon>\n    );\n  };\n\n  const emptyIconDisplay = () => {\n    const emptyIconDisplay: VNode[] = [];\n    for (let i = 0; i < props.numberOfTotalIcons; i++) {\n      emptyIconDisplay.push(renderIcon(false));\n    }\n    return emptyIconDisplay;\n  };\n\n  const filledIconDisplay = () => {\n    const filledIconDisplay: VNode[] = [];\n    for (let i = 0; i < props.numberOfTotalIcons; i++) {\n      filledIconDisplay.push(renderIcon(true));\n    }\n    return filledIconDisplay;\n  };\n\n  return (\n    <div\n      class=\"relative w-max\"\n      part=\"value-rating\"\n      role=\"img\"\n      aria-label={props.i18n.t('stars', {\n        count: props.numberOfActiveIcons,\n        max: props.numberOfTotalIcons,\n      })}\n    >\n      <div class=\"z-0 flex gap-0.5\">{emptyIconDisplay()}</div>\n      <div\n        class=\"absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden\"\n        style={{width}}\n      >\n        {filledIconDisplay()}\n      </div>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const computeNumberOfStars = (\n  value: unknown,\n  field: string\n): number | null => {\n  if (value === null) {\n    return null;\n  }\n  const valueAsNumber = parseFloat(`${value}`);\n  if (Number.isNaN(valueAsNumber)) {\n    throw new FieldValueIsNaNError(field, value);\n  }\n  return valueAsNumber;\n};\n"],"version":3}

package/dist/esm/stencil-result-template-common-32655043.js

@@ -0,0 +1,116 @@
+import { ResultTemplatesHelpers } from '@coveo/headless';
+import { h } from './index-62c2216d.js';
+import { b as aggregate, f as isVisualNode, i as isElementNode } from './utils-b6c5d1af.js';
+import { i as isResultSectionNode } from './item-layout-sections-7f3f07d2.js';
+
+const tableElementTagName = 'atomic-table-element';
+
+function getTemplateNodeType(node) {
+    if (isResultSectionNode(node)) {
+        return 'section';
+    }
+    if (!isVisualNode(node)) {
+        return 'metadata';
+    }
+    if (isElementNode(node) &&
+        node.tagName.toLowerCase() === tableElementTagName) {
+        return 'table-column-definition';
+    }
+    return 'other';
+}
+function groupNodesByType(nodes) {
+    return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));
+}
+class ResultTemplateCommon {
+    constructor({ host, setError, validParents, allowEmpty = false, }) {
+        this.matchConditions = [];
+        this.gridCellLinkTarget = '_self';
+        this.host = host;
+        this.validateTemplate(host, setError, validParents, allowEmpty);
+    }
+    validateTemplate(host, setError, validParents, allowEmpty = true) {
+        const hasValidParent = validParents
+            .map((p) => p.toUpperCase())
+            .includes(host.parentElement?.nodeName || '');
+        const tagName = host.nodeName.toLowerCase();
+        if (!hasValidParent) {
+            setError(new Error(`The "${tagName}" component has to be the child of one of the following: ${validParents
+                .map((p) => `"${p.toLowerCase()}"`)
+                .join(', ')}.`));
+            return;
+        }
+        if (host.parentElement?.attributes.getNamedItem('display')?.value === 'grid') {
+            this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem('grid-cell-link-target')?.value;
+        }
+        const template = host.querySelector('template:not([slot])');
+        if (!template) {
+            setError(new Error(`The "${tagName}" component has to contain a "template" element as a child.`));
+            return;
+        }
+        if (!allowEmpty && !template.innerHTML.trim()) {
+            setError(new Error(`The "template" tag inside "${tagName}" cannot be empty.`));
+            return;
+        }
+        if (template.content.querySelector('script')) {
+            console.warn('Any "script" tags defined inside of "template" elements are not supported and will not be executed when the results are rendered.', host);
+        }
+        const { section: sectionNodes, other: otherNodes } = groupNodesByType(template.content.childNodes);
+        if (sectionNodes?.length && otherNodes?.length) {
+            console.warn('Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.', host, { sectionNodes, otherNodes });
+        }
+    }
+    getTemplate(conditions, error) {
+        if (error) {
+            return null;
+        }
+        return {
+            conditions: conditions.concat(this.matchConditions),
+            content: getTemplateElement(this.host).content,
+            linkContent: this.getLinkTemplateElement(this.host).content,
+            priority: 1,
+        };
+    }
+    renderIfError(error) {
+        if (error) {
+            return (h("atomic-component-error", { element: this.host, error: error }));
+        }
+    }
+    getDefaultLinkTemplateElement() {
+        const linkTemplate = document.createElement('template');
+        linkTemplate.innerHTML = `<atomic-result-link>${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}</atomic-result-link>`;
+        return linkTemplate;
+    }
+    getLinkTemplateElement(host) {
+        return (host.querySelector('template[slot="link"]') ??
+            this.getDefaultLinkTemplateElement());
+    }
+}
+function getTemplateElement(host) {
+    return host.querySelector('template:not([slot])');
+}
+function makeMatchConditions(mustMatch, mustNotMatch) {
+    const conditions = [];
+    for (const field in mustMatch) {
+        conditions.push(ResultTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));
+    }
+    for (const field in mustNotMatch) {
+        conditions.push(ResultTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));
+    }
+    return conditions;
+}
+function makeDefinedConditions(ifDefined, ifNotDefined) {
+    const conditions = [];
+    if (ifDefined) {
+        const fieldNames = ifDefined.split(',');
+        conditions.push(ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames));
+    }
+    if (ifNotDefined) {
+        const fieldNames = ifNotDefined.split(',');
+        conditions.push(ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
+    }
+    return conditions;
+}
+
+export { ResultTemplateCommon as R, makeMatchConditions as a, makeDefinedConditions as m };
+
+//# sourceMappingURL=stencil-result-template-common-32655043.js.map

package/dist/esm/stencil-result-template-common-32655043.js.map

@@ -0,0 +1 @@
+{"file":"stencil-result-template-common-32655043.js","mappings":"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","names":[],"sources":["src/components/common/table-element-utils.ts","src/components/common/result-templates/stencil-result-template-common.tsx"],"sourcesContent":["export const tableElementTagName = 'atomic-table-element';\n","import {\n  ResultTemplate,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {h} from '@stencil/core';\nimport {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {tableElementTagName} from '../table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/item-layout-sections';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ResultTemplateCommonProps {\n  allowEmpty?: boolean;\n  host: HTMLDivElement;\n  validParents: string[];\n  setError: (error: Error) => void;\n}\n\ntype TemplateNodeType =\n  | 'section'\n  | 'metadata'\n  | 'table-column-definition'\n  | 'other';\n\nexport function getTemplateNodeType(node: Node): TemplateNodeType {\n  if (isResultSectionNode(node)) {\n    return 'section';\n  }\n  if (!isVisualNode(node)) {\n    return 'metadata';\n  }\n  if (\n    isElementNode(node) &&\n    node.tagName.toLowerCase() === tableElementTagName\n  ) {\n    return 'table-column-definition';\n  }\n  return 'other';\n}\n\nfunction groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\nexport class ResultTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ResultTemplateCondition[] = [];\n  private gridCellLinkTarget: ItemTarget = '_self';\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ResultTemplateCommonProps) {\n    this.host = host;\n    this.validateTemplate(host, setError, validParents, allowEmpty);\n  }\n\n  validateTemplate(\n    host: HTMLDivElement,\n    setError: (error: Error) => void,\n    validParents: string[],\n    allowEmpty = true\n  ) {\n    const hasValidParent = validParents\n      .map((p) => p.toUpperCase())\n      .includes(host.parentElement?.nodeName || '');\n    const tagName = host.nodeName.toLowerCase();\n\n    if (!hasValidParent) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to be the child of one of the following: ${validParents\n            .map((p) => `\"${p.toLowerCase()}\"`)\n            .join(', ')}.`\n        )\n      );\n      return;\n    }\n\n    if (\n      host.parentElement?.attributes.getNamedItem('display')?.value === 'grid'\n    ) {\n      this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem(\n        'grid-cell-link-target'\n      )?.value as ItemTarget;\n    }\n\n    const template = host.querySelector<HTMLTemplateElement>(\n      'template:not([slot])'\n    );\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to contain a \"template\" element as a child.`\n        )\n      );\n      return;\n    }\n\n    if (!allowEmpty && !template.innerHTML.trim()) {\n      setError(\n        new Error(`The \"template\" tag inside \"${tagName}\" cannot be empty.`)\n      );\n      return;\n    }\n\n    if (template.content.querySelector('script')) {\n      console.warn(\n        'Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the results are rendered.',\n        host\n      );\n    }\n\n    const {section: sectionNodes, other: otherNodes} = groupNodesByType(\n      template.content.childNodes\n    );\n    if (sectionNodes?.length && otherNodes?.length) {\n      console.warn(\n        'Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ResultTemplateCondition[],\n    error: Error\n  ): ResultTemplate<TemplateContent> | null {\n    if (error) {\n      return null;\n    }\n\n    return {\n      conditions: conditions.concat(this.matchConditions),\n      content: getTemplateElement(this.host).content!,\n      linkContent: this.getLinkTemplateElement(this.host).content!,\n      priority: 1,\n    };\n  }\n\n  renderIfError(error: Error) {\n    if (error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n\n  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-result-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-result-link>`;\n    return linkTemplate;\n  }\n\n  getLinkTemplateElement(host: HTMLElement) {\n    return (\n      host.querySelector<HTMLTemplateElement>('template[slot=\"link\"]') ??\n      this.getDefaultLinkTemplateElement()\n    );\n  }\n}\n\nfunction getTemplateElement(host: HTMLElement) {\n  return host.querySelector<HTMLTemplateElement>('template:not([slot])')!;\n}\n\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n"],"version":3}

package/dist/esm/stencil-result-template-decorators-b54ccebe.js

@@ -0,0 +1,38 @@
+import { I as ItemContext, a as InteractiveItemContext, i as itemContext } from './stencil-item-decorators-28845d2c.js';
+
+/**
+ * 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, resultContext as r };
+
+//# sourceMappingURL=stencil-result-template-decorators-b54ccebe.js.map

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

@@ -0,0 +1 @@
+{"file":"stencil-result-template-decorators-b54ccebe.js","mappings":";;AASA;;;;;;;;;;;SAWgB,aAAa,CAAC,OAA0B,EAAC,MAAM,EAAE,KAAK,EAAC;IACrE,OAAO,WAAW,CAAC,EAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;AACzE,CAAC;SAEe,wBAAwB;IACtC,OAAO,sBAAsB,EAAE,CAAC;AAClC,CAAC;AAKD;;;;;;;;;;;;SAYgB,aAAa,CAC3B,OAAgB;IAEhB,OAAO,WAAW,CAAI,OAAO,EAAE,eAAe,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/components/search/result-template-component-utils/context/stencil-result-template-decorators.tsx"],"sourcesContent":["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}