@coveo/atomic 3.38.0 → 3.39.1

package/dist/esm/stencil-facet-placeholder-cfcb96f1.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-placeholder-cfcb96f1.js","mappings":";;;;;;;AAEA;;;MAGa,cAAc,GAAwB,CAAC,CAAC,EAAE,QAAQ,MAC7D,WAAK,KAAK,EAAC,oDAAoD,EAAC,IAAI,EAAC,OAAO,IACzE,QAAQ,CACL;;ACWR;;;MAGa,WAAW,GAA0C,CAAC,KAAK;IACtE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE;QACjD,KAAK,EAAE,KAAK,CAAC,oBAAoB;KAClC,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,EAAE;QACnE,KAAK,EAAE,KAAK,CAAC,oBAAoB;QACjC,KAAK;KACN,CAAC,CAAC;IAEH,OAAO;QACL,EAAC,MAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,sEAAsE,EAC5E,SAAS,EAAE,KAAK,CAAC,WAAW,GAAG,WAAW,GAAG,aAAa,EAC1D,OAAO,EAAE,MAAM,KAAK,CAAC,gBAAgB,EAAE,EACvC,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,EAAE,EAC7C,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpB,EAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAC,UAAU,IACjD,KAAK,CACE;YACV,mBACE,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,+BAA+B,EACrC,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,eAAe,GAAGA,OAAY,GAC3C,CACR;QACT,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,oBAAoB,GAAG,CAAC,KACpD,EAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,MAAM,KAAK,CAAC,cAAe,EAAE;YAEtC,mBACE,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,SAAS,GACF;YACf,gBAAO,YAAY,CAAQ,CACpB,CACV;KACF,CAAC;AACJ;;AC/DA;;;MAGa,gBAAgB,GAA+C,CAAC,EAC3E,cAAc,EACd,WAAW,GACZ;IACC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CACd,WACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,GACjC,CACR,CAAC;KACH;IAED,QACE,WACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,uEAAuE,iBACjE,MAAM;QAElB,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,GAAQ;QAChE,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,MAAM,IAAE,WAAW,CAAO,CAClD,EACN;AACJ;;;;","names":["ArrowTopIcon"],"sources":["src/components/common/facets/facet-container/stencil-facet-container.tsx","src/components/common/facets/facet-header/stencil-facet-header.tsx","src/components/common/facets/facet-placeholder/stencil-facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetContainer: FunctionalComponent = (_, children) => (\n  <div class=\"bg-background border-neutral rounded-lg border p-4\" part=\"facet\">\n    {children}\n  </div>\n);\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport ArrowBottomIcon from '../../../../images/arrow-bottom-rounded.svg';\nimport ArrowTopIcon from '../../../../images/arrow-top-rounded.svg';\nimport CloseIcon from '../../../../images/close.svg';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\ninterface FacetHeaderProps {\n  i18n: i18n;\n  label: string;\n  numberOfActiveValues: number;\n  isCollapsed: boolean;\n  headingLevel: number;\n  onToggleCollapse(): void;\n  onClearFilters?(): void;\n  headerRef?: (element?: HTMLButtonElement) => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetHeader: FunctionalComponent<FacetHeaderProps> = (props) => {\n  const label = props.i18n.t(props.label);\n  const expandFacet = props.i18n.t('expand-facet', {label});\n  const collapseFacet = props.i18n.t('collapse-facet', {label});\n  const clearFilters = props.i18n.t('clear-filters', {\n    count: props.numberOfActiveValues,\n  });\n  const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {\n    count: props.numberOfActiveValues,\n    label,\n  });\n\n  return [\n    <Button\n      style=\"text-transparent\"\n      part=\"label-button\"\n      class=\"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold\"\n      ariaLabel={props.isCollapsed ? expandFacet : collapseFacet}\n      onClick={() => props.onToggleCollapse()}\n      ariaExpanded={(!props.isCollapsed).toString()}\n      ref={props.headerRef}\n    >\n      <Heading level={props.headingLevel} class=\"truncate\">\n        {label}\n      </Heading>\n      <atomic-icon\n        part=\"label-button-icon\"\n        class=\"ml-4 w-3 shrink-0 self-center\"\n        icon={props.isCollapsed ? ArrowBottomIcon : ArrowTopIcon}\n      ></atomic-icon>\n    </Button>,\n    props.onClearFilters && props.numberOfActiveValues > 0 && (\n      <Button\n        style=\"text-primary\"\n        part=\"clear-button\"\n        class=\"flex max-w-full items-baseline p-2 text-sm\"\n        ariaLabel={clearFiltersForFacet}\n        onClick={() => props.onClearFilters!()}\n      >\n        <atomic-icon\n          part=\"clear-button-icon\"\n          class=\"mr-1 h-2 w-2\"\n          icon={CloseIcon}\n        ></atomic-icon>\n        <span>{clearFilters}</span>\n      </Button>\n    ),\n  ];\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-search-matches-0fea85dc.js

@@ -0,0 +1,62 @@
+import { h } from './index-62c2216d.js';
+import { C as CloseIcon } from './close-ff816971.js';
+import { S as SearchIcon } from './search-64cc84a9.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+import { e as escapeHtml_1 } from './stencil-facet-value-label-highlight-20a0e20f.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetSearchInput = (props) => {
+    const label = props.i18n.t(props.label);
+    const search = props.i18n.t('facet-search-input');
+    const facetSearch = props.i18n.t('facet-search', { label });
+    const clear = props.i18n.t('clear');
+    let inputRef;
+    return (h("div", { class: "mt-3 px-2", part: "search-wrapper" },
+        h("div", { class: "relative h-10" },
+            h("input", { part: "search-input", class: "input-primary placeholder-neutral-dark group h-full w-full px-9 text-sm", type: "text", placeholder: search, "aria-label": facetSearch, value: props.query, onInput: (e) => props.onChange(e.target.value), ref: (ref) => (inputRef = ref) }),
+            h("div", { class: "search-icon text-on-background pointer-events-none absolute left-0 inline-flex h-full w-9 items-center justify-center" },
+                h("atomic-icon", { part: "search-icon", icon: SearchIcon })),
+            props.query !== '' && (h(Button, { style: "text-transparent", title: clear, class: "search-clear-button absolute top-px right-px bottom-px inline-flex w-9 items-center justify-center", onClick: () => {
+                    props.onClear();
+                    inputRef.focus();
+                } },
+                h("atomic-icon", { part: "search-clear-button", icon: CloseIcon }))))));
+};
+
+//TODO: change to noMatchesFound & remove the key in https://coveord.atlassian.net/browse/KIT-3368
+function matchesFound(key, query, i18n) {
+    return i18n.t(key, {
+        query: `<span class="font-bold italic text-on-background" part="matches-query">${escapeHtml_1(query)}</span>`,
+        interpolation: { escapeValue: false },
+    });
+}
+function clickableMoreMatchesFound(query, i18n) {
+    return i18n.t('more-matches-for', {
+        query: `<span class="font-bold italic" part="matches-query">${escapeHtml_1(query)}</span>`,
+        interpolation: { escapeValue: false },
+    });
+}
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetSearchMatches = (props) => {
+    if (!props.numberOfMatches) {
+        return (h("div", { class: "px-2" },
+            h("div", { part: "no-matches", class: "bg-neutral-light text-neutral-dark truncate rounded p-3 text-sm", innerHTML: matchesFound('no-matches-found-for', props.query, props.i18n) })));
+    }
+    if (props.hasMoreMatches) {
+        if (props.showMoreMatches) {
+            return (h("div", { class: "px-2" },
+                h(Button, { style: "text-primary", class: "mt-3 p-2", onClick: props.showMoreMatches },
+                    h("div", { part: "more-matches", class: "truncate text-sm", innerHTML: clickableMoreMatchesFound(props.query, props.i18n) }))));
+        }
+        return (h("div", { class: "px-2" },
+            h("div", { part: "more-matches", class: "text-neutral-dark mt-3 truncate text-sm", innerHTML: matchesFound('more-matches-for', props.query, props.i18n) })));
+    }
+};
+
+export { FacetSearchInput as F, FacetSearchMatches as a };
+
+//# sourceMappingURL=stencil-facet-search-matches-0fea85dc.js.map

package/dist/esm/stencil-facet-search-matches-0fea85dc.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-search-matches-0fea85dc.js","mappings":"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","names":["escape"],"sources":["src/components/common/facets/facet-search/stencil-facet-search-input.tsx","src/components/common/facets/facet-search/stencil-facet-search-matches.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../../images/close.svg';\nimport SearchIcon from '../../../../images/search.svg';\nimport {Button} from '../../stencil-button';\n\ninterface FacetSearchInputProps {\n  label: string;\n  query: string;\n  i18n: i18n;\n  onClear(): void;\n  onChange(value: string): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetSearchInput: FunctionalComponent<FacetSearchInputProps> = (\n  props\n) => {\n  const label = props.i18n.t(props.label);\n  const search = props.i18n.t('facet-search-input');\n  const facetSearch = props.i18n.t('facet-search', {label});\n  const clear = props.i18n.t('clear');\n  let inputRef: HTMLInputElement | undefined;\n\n  return (\n    <div class=\"mt-3 px-2\" part=\"search-wrapper\">\n      <div class=\"relative h-10\">\n        <input\n          part=\"search-input\"\n          class=\"input-primary placeholder-neutral-dark group h-full w-full px-9 text-sm\"\n          type=\"text\"\n          placeholder={search}\n          aria-label={facetSearch}\n          value={props.query}\n          onInput={(e) => props.onChange((e.target as HTMLInputElement).value)}\n          ref={(ref) => (inputRef = ref)}\n        />\n        <div class=\"search-icon text-on-background pointer-events-none absolute left-0 inline-flex h-full w-9 items-center justify-center\">\n          <atomic-icon part=\"search-icon\" icon={SearchIcon}></atomic-icon>\n        </div>\n        {props.query !== '' && (\n          <Button\n            style=\"text-transparent\"\n            title={clear}\n            class=\"search-clear-button absolute top-px right-px bottom-px inline-flex w-9 items-center justify-center\"\n            onClick={() => {\n              props.onClear();\n              inputRef!.focus();\n            }}\n          >\n            <atomic-icon\n              part=\"search-clear-button\"\n              icon={CloseIcon}\n            ></atomic-icon>\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport escape from 'escape-html';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\ninterface FacetSearchMatchesProps {\n  i18n: i18n;\n  query: string;\n  numberOfMatches: number;\n  hasMoreMatches: boolean;\n  showMoreMatches?: () => void;\n}\n\n//TODO: change to noMatchesFound & remove the key in https://coveord.atlassian.net/browse/KIT-3368\nfunction matchesFound(\n  key: 'more-matches-for' | 'no-matches-found-for',\n  query: string,\n  i18n: i18n\n) {\n  return i18n.t(key, {\n    query: `<span class=\"font-bold italic text-on-background\" part=\"matches-query\">${escape(\n      query\n    )}</span>`,\n    interpolation: {escapeValue: false},\n  });\n}\n\nfunction clickableMoreMatchesFound(query: string, i18n: i18n) {\n  return i18n.t('more-matches-for', {\n    query: `<span class=\"font-bold italic\" part=\"matches-query\">${escape(\n      query\n    )}</span>`,\n    interpolation: {escapeValue: false},\n  });\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetSearchMatches: FunctionalComponent<\n  FacetSearchMatchesProps\n> = (props) => {\n  if (!props.numberOfMatches) {\n    return (\n      <div class=\"px-2\">\n        <div\n          part=\"no-matches\"\n          class=\"bg-neutral-light text-neutral-dark truncate rounded p-3 text-sm\"\n          innerHTML={matchesFound(\n            'no-matches-found-for',\n            props.query,\n            props.i18n\n          )}\n        ></div>\n      </div>\n    );\n  }\n\n  if (props.hasMoreMatches) {\n    if (props.showMoreMatches) {\n      return (\n        <div class=\"px-2\">\n          <Button\n            style=\"text-primary\"\n            class=\"mt-3 p-2\"\n            onClick={props.showMoreMatches}\n          >\n            <div\n              part=\"more-matches\"\n              class=\"truncate text-sm\"\n              innerHTML={clickableMoreMatchesFound(props.query, props.i18n)}\n            ></div>\n          </Button>\n        </div>\n      );\n    }\n    return (\n      <div class=\"px-2\">\n        <div\n          part=\"more-matches\"\n          class=\"text-neutral-dark mt-3 truncate text-sm\"\n          innerHTML={matchesFound('more-matches-for', props.query, props.i18n)}\n        ></div>\n      </div>\n    );\n  }\n};\n"],"version":3}

package/dist/esm/stencil-facet-show-more-less-82b0340f.js

@@ -0,0 +1,55 @@
+import { s as shouldUpdateFacetSearchComponent } from './stencil-facet-value-label-highlight-20a0e20f.js';
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+function announceFacetSearchResultsWithAriaLive(facet, label, setAriaLive, i18n) {
+    let prevState = facet.state.facetSearch;
+    facet.subscribe(() => {
+        if (shouldUpdateFacetSearchComponent(facet.state.facetSearch, prevState) &&
+            facet.state.facetSearch.query) {
+            prevState = facet.state.facetSearch;
+            setAriaLive(i18n.t('facet-search-results-count', {
+                count: facet.state.facetSearch.values.length,
+                label,
+            }));
+        }
+    });
+}
+
+const MinusIcon = `<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m64 208h384v96h-384z"/></svg>`;
+
+const PlusIcon = `<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <path d="M496 208H304V16h-96v192H16v96h192v192h96V304h192"/>
+</svg>
+`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetShowMoreLess = (props) => {
+    const label = props.i18n.t(props.label);
+    const showMore = props.i18n.t('show-more');
+    const showMoreFacetValues = props.i18n.t('show-more-facet-values', {
+        label,
+    });
+    const showLess = props.i18n.t('show-less');
+    const showLessFacetValues = props.i18n.t('show-less-facet-values', {
+        label,
+    });
+    const btnClasses = 'flex items-baseline text-left p-2 text-sm max-w-full';
+    const iconClasses = 'w-2 h-2 mr-1';
+    if (!props.canShowLessValues && !props.canShowMoreValues) {
+        return;
+    }
+    return (h("div", { class: "mt-2" },
+        h(Button, { style: "text-primary", part: "show-less", class: `${btnClasses} ${props.canShowLessValues ? '' : 'hidden'}`, ariaLabel: showLessFacetValues, onClick: () => props.onShowLess(), ref: props.showLessRef },
+            h("atomic-icon", { part: "show-more-less-icon", class: iconClasses, icon: MinusIcon }),
+            h("span", { class: "truncate" }, showLess)),
+        h(Button, { style: "text-primary", part: "show-more", class: `${btnClasses} ${props.canShowMoreValues ? '' : 'hidden'}`, ariaLabel: showMoreFacetValues, onClick: () => props.onShowMore(), ref: props.showMoreRef },
+            h("atomic-icon", { part: "show-more-less-icon", class: iconClasses, icon: PlusIcon }),
+            h("span", { class: "truncate" }, showMore))));
+};
+
+export { FacetShowMoreLess as F, announceFacetSearchResultsWithAriaLive as a };
+
+//# sourceMappingURL=stencil-facet-show-more-less-82b0340f.js.map

package/dist/esm/stencil-facet-show-more-less-82b0340f.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-show-more-less-82b0340f.js","mappings":";;;;SAIgB,sCAAsC,CACpD,KAA0E,EAC1E,KAAa,EACb,WAAkC,EAClC,IAAU;IAEV,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;IACxC,KAAK,CAAC,SAAS,CAAC;QACd,IACE,gCAAgC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC;YACpE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAC7B;YACA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;YAEpC,WAAW,CACT,IAAI,CAAC,CAAC,CAAC,4BAA4B,EAAE;gBACnC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM;gBAC5C,KAAK;aACN,CAAC,CACH,CAAC;SACH;KACF,CAAC,CAAC;AACL;;;;;;;;;ACTA;;;MAGa,iBAAiB,GAA4C,CACxE,KAAK;IAEL,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE;QACjE,KAAK;KACN,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE;QACjE,KAAK;KACN,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,sDAAsD,CAAC;IAC1E,MAAM,WAAW,GAAG,cAAc,CAAC;IACnC,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;QACxD,OAAO;KACR;IAED,QACE,WAAK,KAAK,EAAC,MAAM;QACf,EAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,GAAG,UAAU,IAAI,KAAK,CAAC,iBAAiB,GAAG,EAAE,GAAG,QAAQ,EAAE,EACjE,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,MAAM,KAAK,CAAC,UAAU,EAAE,EACjC,GAAG,EAAE,KAAK,CAAC,WAAW;YAEtB,mBACE,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,GACF;YACf,YAAM,KAAK,EAAC,UAAU,IAAE,QAAQ,CAAQ,CACjC;QACT,EAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,GAAG,UAAU,IAAI,KAAK,CAAC,iBAAiB,GAAG,EAAE,GAAG,QAAQ,EAAE,EACjE,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,MAAM,KAAK,CAAC,UAAU,EAAE,EACjC,GAAG,EAAE,KAAK,CAAC,WAAW;YAEtB,mBACE,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,QAAQ,GACD;YACf,YAAM,KAAK,EAAC,UAAU,IAAE,QAAQ,CAAQ,CACjC,CACL,EACN;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-search/facet-search-aria-live.ts","src/components/common/facets/facet-show-more-less/stencil-facet-show-more-less.tsx"],"sourcesContent":["import type {Facet, FacetSearchState} from '@coveo/headless';\nimport type {i18n} from 'i18next';\nimport {shouldUpdateFacetSearchComponent} from './facet-search-utils';\n\nexport function announceFacetSearchResultsWithAriaLive(\n  facet: Pick<Facet, 'subscribe'> & {state: {facetSearch: FacetSearchState}},\n  label: string,\n  setAriaLive: (msg: string) => void,\n  i18n: i18n\n) {\n  let prevState = facet.state.facetSearch;\n  facet.subscribe(() => {\n    if (\n      shouldUpdateFacetSearchComponent(facet.state.facetSearch, prevState) &&\n      facet.state.facetSearch.query\n    ) {\n      prevState = facet.state.facetSearch;\n\n      setAriaLive(\n        i18n.t('facet-search-results-count', {\n          count: facet.state.facetSearch.values.length,\n          label,\n        })\n      );\n    }\n  });\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport MinusIcon from '../../../../images/minus.svg';\nimport PlusIcon from '../../../../images/plus.svg';\nimport {Button} from '../../stencil-button';\n\ninterface FacetShowMoreProps {\n  label: string;\n  i18n: i18n;\n  canShowLessValues: boolean;\n  canShowMoreValues: boolean;\n  onShowMore(): void;\n  onShowLess(): void;\n  showMoreRef?: (element?: HTMLButtonElement) => void;\n  showLessRef?: (element?: HTMLButtonElement) => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetShowMoreLess: FunctionalComponent<FacetShowMoreProps> = (\n  props\n) => {\n  const label = props.i18n.t(props.label);\n  const showMore = props.i18n.t('show-more');\n  const showMoreFacetValues = props.i18n.t('show-more-facet-values', {\n    label,\n  });\n  const showLess = props.i18n.t('show-less');\n  const showLessFacetValues = props.i18n.t('show-less-facet-values', {\n    label,\n  });\n  const btnClasses = 'flex items-baseline text-left p-2 text-sm max-w-full';\n  const iconClasses = 'w-2 h-2 mr-1';\n  if (!props.canShowLessValues && !props.canShowMoreValues) {\n    return;\n  }\n\n  return (\n    <div class=\"mt-2\">\n      <Button\n        style=\"text-primary\"\n        part=\"show-less\"\n        class={`${btnClasses} ${props.canShowLessValues ? '' : 'hidden'}`}\n        ariaLabel={showLessFacetValues}\n        onClick={() => props.onShowLess()}\n        ref={props.showLessRef}\n      >\n        <atomic-icon\n          part=\"show-more-less-icon\"\n          class={iconClasses}\n          icon={MinusIcon}\n        ></atomic-icon>\n        <span class=\"truncate\">{showLess}</span>\n      </Button>\n      <Button\n        style=\"text-primary\"\n        part=\"show-more\"\n        class={`${btnClasses} ${props.canShowMoreValues ? '' : 'hidden'}`}\n        ariaLabel={showMoreFacetValues}\n        onClick={() => props.onShowMore()}\n        ref={props.showMoreRef}\n      >\n        <atomic-icon\n          part=\"show-more-less-icon\"\n          class={iconClasses}\n          icon={PlusIcon}\n        ></atomic-icon>\n        <span class=\"truncate\">{showMore}</span>\n      </Button>\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-value-box-1f8e3463.js

@@ -0,0 +1,27 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueBox = (props, children) => {
+    const compactCount = new Intl.NumberFormat(props.i18n.language, {
+        notation: 'compact',
+    }).format(props.numberOfResults);
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabel = props.i18n.t('facet-value', {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: compactCount,
+    });
+    return (h("li", { key: props.displayValue },
+        h(Button, { style: "outline-bg-neutral", part: `value-box${props.isSelected ? ' value-box-selected' : ''}`, onClick: () => props.onClick(), class: `value-box group box-border h-full w-full items-center p-2 ${props.isSelected ? 'selected' : ''}`, ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },
+            children,
+            h("span", { title: count, part: "value-count", class: "value-box-count text-neutral-dark mt-1 w-full truncate text-sm" }, props.i18n.t('between-parentheses', {
+                text: compactCount,
+            })))));
+};
+
+export { FacetValueBox as F };
+
+//# sourceMappingURL=stencil-facet-value-box-1f8e3463.js.map

package/dist/esm/stencil-facet-value-box-1f8e3463.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-box-1f8e3463.js","mappings":";;;AAIA;;;MAGa,aAAa,GAAyC,CACjE,KAAK,EACL,QAAQ;IAER,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC9D,QAAQ,EAAE,SAAS;KACpB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAExE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,KAAK,EAAE,KAAK,CAAC,eAAe;QAC5B,cAAc,EAAE,YAAY;KAC7B,CAAC,CAAC;IAEH,QACE,UAAI,GAAG,EAAE,KAAK,CAAC,YAAY;QACzB,EAAC,MAAM,IACL,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,YAAY,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,EAAE,EAAE,EACjE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,EAC9B,KAAK,EAAE,6DACL,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,EAClC,EAAE,EACF,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,EACxC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS;YAEnB,QAAQ;YACT,YACE,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,gEAAgE,IAErE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACnC,IAAI,EAAE,YAAY;aACnB,CAAC,CACG,CACA,CACN,EACL;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-value-box/stencil-facet-value-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueBox: FunctionalComponent<FacetValueProps> = (\n  props,\n  children\n) => {\n  const compactCount = new Intl.NumberFormat(props.i18n.language, {\n    notation: 'compact',\n  }).format(props.numberOfResults);\n\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: compactCount,\n  });\n\n  return (\n    <li key={props.displayValue}>\n      <Button\n        style=\"outline-bg-neutral\"\n        part={`value-box${props.isSelected ? ' value-box-selected' : ''}`}\n        onClick={() => props.onClick()}\n        class={`value-box group box-border h-full w-full items-center p-2 ${\n          props.isSelected ? 'selected' : ''\n        }`}\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span\n          title={count}\n          part=\"value-count\"\n          class=\"value-box-count text-neutral-dark mt-1 w-full truncate text-sm\"\n        >\n          {props.i18n.t('between-parentheses', {\n            text: compactCount,\n          })}\n        </span>\n      </Button>\n    </li>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-value-checkbox-156f1e2d.js

@@ -0,0 +1,107 @@
+import { h } from './index-62c2216d.js';
+import { c as createRipple } from './stencil-button-fe58a18a.js';
+import { r as randomID } from './utils-b6c5d1af.js';
+import { T as Tick$1, S as StencilCheckbox } from './stencil-checkbox-55f8e00f.js';
+import { C as CloseIcon } from './close-ff816971.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const TriStateCheckbox = (props) => {
+    const isSelected = props.state === 'selected';
+    const isExcluded = props.state === 'excluded';
+    const partName = props.part ?? 'checkbox';
+    const classNames = [
+        'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',
+    ];
+    const parts = [partName];
+    if (isSelected) {
+        classNames.push('selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light');
+        parts.push(`${partName}-checked`);
+    }
+    else if (isExcluded) {
+        classNames.push('excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error');
+        parts.push(`${partName}-checked`);
+    }
+    else {
+        classNames.push('border border-neutral-dark');
+    }
+    if (props.class) {
+        classNames.push(props.class);
+    }
+    const attributes = {
+        key: props.key,
+        id: props.id,
+        class: classNames.join(' '),
+        part: parts.join(' '),
+        'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',
+        'aria-label': props.ariaLabel ?? props.text,
+        value: props.text,
+        ref: props.ref,
+    };
+    return (h("button", { ...attributes, role: "button", onClick: () => props.onToggle?.(!isSelected), onMouseDown: (e) => props.onMouseDown?.(e) },
+        h("atomic-icon", { style: { stroke: 'white', fill: 'white' }, class: `w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`, icon: isSelected ? Tick$1 : CloseIcon, part: props.iconPart })));
+};
+
+const Tick = `<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m18 2-1.8-2-7.1 7.1-7.1-7.1-2 2 7.1 7.1-7.1 7.1 2 1.8 7.1-6.9 7.1 6.9 1.8-1.8-6.9-7.1z"/></svg>`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueExclude = (props) => {
+    return (h("button", { part: "value-exclude-button", "aria-label": props.ariaLabel, class: "value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible", onClick: () => props.onClick?.() },
+        h("atomic-icon", { class: "bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white", icon: Tick })));
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueCheckbox = (props, children) => {
+    const id = randomID('facet-value-');
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabelAttributes = {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: count,
+        interpolation: { escapeValue: false },
+    };
+    const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);
+    const excludedAriaLabel = props.i18n.t('facet-value-exclude', ariaLabelAttributes);
+    let labelRef;
+    const isTriStateCheckbox = (a) => {
+        return 'state' in a && 'isSelected' in a;
+    };
+    const renderCheckbox = () => {
+        const attributes = {
+            id,
+            onToggle: () => props.onClick(),
+            part: 'value-checkbox',
+            class: 'value-checkbox',
+            ariaLabel: selectedAriaLabel,
+            ref: props.buttonRef,
+            onMouseDown: (e) => createRipple(e, { color: 'neutral', parent: labelRef }),
+            iconPart: 'value-checkbox-icon',
+        };
+        if (isTriStateCheckbox(props)) {
+            return h(TriStateCheckbox, { ...attributes, state: props.state });
+        }
+        return h(StencilCheckbox, { ...attributes, checked: props.isSelected });
+    };
+    const renderExclusion = () => {
+        if (isTriStateCheckbox(props)) {
+            return (h(FacetValueExclude, { onClick: () => props.onExclude?.(), ariaLabel: excludedAriaLabel }));
+        }
+    };
+    return (h("li", { key: props.displayValue, class: "group relative flex items-center" },
+        renderCheckbox(),
+        h("label", { ref: (ref) => (labelRef = ref), htmlFor: id, part: "value-checkbox-label", class: "items-center", onMouseDown: (e) => createRipple(e, { color: 'neutral' }), "aria-hidden": "true" },
+            children,
+            h("span", { part: "value-count", class: "value-count" }, props.i18n.t('between-parentheses', {
+                text: count,
+            }))),
+        renderExclusion()));
+};
+
+export { FacetValueCheckbox as F };
+
+//# sourceMappingURL=stencil-facet-value-checkbox-156f1e2d.js.map

package/dist/esm/stencil-facet-value-checkbox-156f1e2d.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-checkbox-156f1e2d.js","mappings":"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","names":["Tick","Close"],"sources":["src/components/common/stencil-triStateCheckbox.tsx","src/components/common/facets/facet-value-exclude/stencil-facet-value-exclude.tsx","src/components/common/facets/facet-value-checkbox/stencil-facet-value-checkbox.tsx"],"sourcesContent":["import {FacetValueState} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\nimport Close from '../../images/close.svg';\nimport {StencilCheckboxProps} from './stencil-checkbox';\n\ntype TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {\n  state: FacetValueState;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps> = (\n  props\n) => {\n  const isSelected = props.state === 'selected';\n  const isExcluded = props.state === 'excluded';\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (isSelected) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else if (isExcluded) {\n    classNames.push(\n      'excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"button\"\n      onClick={() => props.onToggle?.(!isSelected)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white', fill: 'white'}}\n        class={`w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`}\n        icon={isSelected ? Tick : Close}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../../../images/clear.svg';\n\ninterface ExcludeProps {\n  onClick(): void;\n  ariaLabel?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueExclude: FunctionalComponent<ExcludeProps> = (props) => {\n  return (\n    <button\n      part=\"value-exclude-button\"\n      aria-label={props.ariaLabel}\n      class=\"value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible\"\n      onClick={() => props.onClick?.()}\n    >\n      <atomic-icon\n        class=\"bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white\"\n        icon={Tick}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../../../utils/ripple-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {StencilCheckbox} from '../../stencil-checkbox';\nimport {TriStateCheckbox} from '../../stencil-triStateCheckbox';\nimport {FacetValueExclude} from '../facet-value-exclude/stencil-facet-value-exclude';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ntype TriStateFacetValueProps = Omit<FacetValueProps, 'isSelected'> & {\n  state: 'idle' | 'selected' | 'excluded';\n  onExclude(): void;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueCheckbox: FunctionalComponent<\n  FacetValueProps | TriStateFacetValueProps\n> = (props, children) => {\n  const id = randomID('facet-value-');\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabelAttributes = {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  };\n  const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n  const excludedAriaLabel = props.i18n.t(\n    'facet-value-exclude',\n    ariaLabelAttributes\n  );\n  let labelRef: HTMLLabelElement;\n\n  const isTriStateCheckbox = (\n    a: FacetValueProps | TriStateFacetValueProps\n  ): a is TriStateFacetValueProps => {\n    return 'state' in a && 'isSelected' in a;\n  };\n\n  const renderCheckbox = () => {\n    const attributes = {\n      id,\n      onToggle: () => props.onClick(),\n      part: 'value-checkbox',\n      class: 'value-checkbox',\n      ariaLabel: selectedAriaLabel,\n      ref: props.buttonRef,\n      onMouseDown: (e: MouseEvent) =>\n        createRipple(e, {color: 'neutral', parent: labelRef}),\n      iconPart: 'value-checkbox-icon',\n    };\n\n    if (isTriStateCheckbox(props)) {\n      return <TriStateCheckbox {...attributes} state={props.state} />;\n    }\n\n    return <StencilCheckbox {...attributes} checked={props.isSelected} />;\n  };\n\n  const renderExclusion = () => {\n    if (isTriStateCheckbox(props)) {\n      return (\n        <FacetValueExclude\n          onClick={() => props.onExclude?.()}\n          ariaLabel={excludedAriaLabel}\n        ></FacetValueExclude>\n      );\n    }\n  };\n\n  return (\n    <li key={props.displayValue} class=\"group relative flex items-center\">\n      {renderCheckbox()}\n      <label\n        ref={(ref) => (labelRef = ref!)}\n        htmlFor={id}\n        part=\"value-checkbox-label\"\n        class=\"items-center\"\n        onMouseDown={(e) => createRipple(e, {color: 'neutral'})}\n        aria-hidden=\"true\"\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </label>\n      {renderExclusion()}\n    </li>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-value-label-highlight-20a0e20f.js

@@ -0,0 +1,127 @@
+import { h } from './index-62c2216d.js';
+import { r as regexEncode } from './string-utils-5f5a23a8.js';
+
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */
+
+/**
+ * Module variables.
+ * @private
+ */
+
+var matchHtmlRegExp = /["'&<>]/;
+
+/**
+ * Module exports.
+ * @public
+ */
+
+var escapeHtml_1 = escapeHtml;
+
+/**
+ * Escape special characters in the given string of html.
+ *
+ * @param  {string} string The string to escape for inserting into HTML
+ * @return {string}
+ * @public
+ */
+
+function escapeHtml(string) {
+  var str = '' + string;
+  var match = matchHtmlRegExp.exec(str);
+
+  if (!match) {
+    return str;
+  }
+
+  var escape;
+  var html = '';
+  var index = 0;
+  var lastIndex = 0;
+
+  for (index = match.index; index < str.length; index++) {
+    switch (str.charCodeAt(index)) {
+      case 34: // "
+        escape = '&quot;';
+        break;
+      case 38: // &
+        escape = '&amp;';
+        break;
+      case 39: // '
+        escape = '&#39;';
+        break;
+      case 60: // <
+        escape = '&lt;';
+        break;
+      case 62: // >
+        escape = '&gt;';
+        break;
+      default:
+        continue;
+    }
+
+    if (lastIndex !== index) {
+      html += str.substring(lastIndex, index);
+    }
+
+    lastIndex = index + 1;
+    html += escape;
+  }
+
+  return lastIndex !== index
+    ? html + str.substring(lastIndex, index)
+    : html;
+}
+
+/**
+ * Meant to be used inside the `shouldUpdate` lifecycle method.
+ * It prevents updating the facet between two matchless facet searches.
+ * It also prevents updating the facet until the first search has loaded.
+ */
+function shouldUpdateFacetSearchComponent(nextFacetSearchState, prevFacetSearchState) {
+    const hasQuery = nextFacetSearchState.query !== '';
+    const stillNoValues = !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;
+    const hasFinishedLoading = !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;
+    if (hasQuery && stillNoValues) {
+        return hasFinishedLoading;
+    }
+    return true;
+}
+function shouldDisplaySearchResults(facetSearchState) {
+    const hasQuery = facetSearchState.query !== '';
+    const isLoading = facetSearchState.isLoading;
+    const hasValues = !!facetSearchState.values.length;
+    if (!hasQuery) {
+        return false;
+    }
+    if (hasValues) {
+        return true;
+    }
+    return !isLoading;
+}
+function highlightSearchResult(resultValue, searchQuery = '') {
+    const sanitizedResult = escapeHtml_1(resultValue);
+    if (searchQuery.trim() === '') {
+        return sanitizedResult;
+    }
+    const regex = new RegExp(`(${regexEncode(escapeHtml_1(searchQuery))})`, 'i');
+    return escapeHtml_1(resultValue).replace(regex, '<span part="search-highlight" class="font-bold">$1</span>');
+}
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueLabelHighlight = (props) => {
+    return (
+    // deepcode ignore ReactSetInnerHtml: This is not React code
+    h("span", { title: props.displayValue, part: "value-label", class: `value-label peer-hover:text-error truncate ${props.isSelected || !!props.isExcluded ? 'font-bold' : ''}`, innerHTML: highlightSearchResult(props.displayValue, props.searchQuery) }));
+};
+
+export { FacetValueLabelHighlight as F, shouldDisplaySearchResults as a, escapeHtml_1 as e, shouldUpdateFacetSearchComponent as s };
+
+//# sourceMappingURL=stencil-facet-value-label-highlight-20a0e20f.js.map

package/dist/esm/stencil-facet-value-label-highlight-20a0e20f.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-label-highlight-20a0e20f.js","mappings":"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","names":["escapeHtml"],"sources":["../../node_modules/.pnpm/escape-html@1.0.3/node_modules/escape-html/index.js","src/components/common/facets/facet-search/facet-search-utils.ts","src/components/common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight.tsx"],"sourcesContent":["/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param  {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n  var str = '' + string;\n  var match = matchHtmlRegExp.exec(str);\n\n  if (!match) {\n    return str;\n  }\n\n  var escape;\n  var html = '';\n  var index = 0;\n  var lastIndex = 0;\n\n  for (index = match.index; index < str.length; index++) {\n    switch (str.charCodeAt(index)) {\n      case 34: // \"\n        escape = '&quot;';\n        break;\n      case 38: // &\n        escape = '&amp;';\n        break;\n      case 39: // '\n        escape = '&#39;';\n        break;\n      case 60: // <\n        escape = '&lt;';\n        break;\n      case 62: // >\n        escape = '&gt;';\n        break;\n      default:\n        continue;\n    }\n\n    if (lastIndex !== index) {\n      html += str.substring(lastIndex, index);\n    }\n\n    lastIndex = index + 1;\n    html += escape;\n  }\n\n  return lastIndex !== index\n    ? html + str.substring(lastIndex, index)\n    : html;\n}\n","import escapeHtml from 'escape-html';\nimport {regexEncode} from '../../../../utils/string-utils';\n\ninterface FacetSearchState {\n  query: string;\n  values: unknown[];\n  isLoading: boolean;\n}\n\n/**\n * Meant to be used inside the `shouldUpdate` lifecycle method.\n * It prevents updating the facet between two matchless facet searches.\n * It also prevents updating the facet until the first search has loaded.\n */\nexport function shouldUpdateFacetSearchComponent(\n  nextFacetSearchState: FacetSearchState,\n  prevFacetSearchState: FacetSearchState\n) {\n  const hasQuery = nextFacetSearchState.query !== '';\n  const stillNoValues =\n    !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;\n  const hasFinishedLoading =\n    !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;\n\n  if (hasQuery && stillNoValues) {\n    return hasFinishedLoading;\n  }\n\n  return true;\n}\n\nexport function shouldDisplaySearchResults(facetSearchState: FacetSearchState) {\n  const hasQuery = facetSearchState.query !== '';\n  const isLoading = facetSearchState.isLoading;\n  const hasValues = !!facetSearchState.values.length;\n\n  if (!hasQuery) {\n    return false;\n  }\n\n  if (hasValues) {\n    return true;\n  }\n\n  return !isLoading;\n}\n\nexport function highlightSearchResult(resultValue: string, searchQuery = '') {\n  const sanitizedResult = escapeHtml(resultValue);\n\n  if (searchQuery.trim() === '') {\n    return sanitizedResult;\n  }\n\n  const regex = new RegExp(`(${regexEncode(escapeHtml(searchQuery))})`, 'i');\n  return escapeHtml(resultValue).replace(\n    regex,\n    '<span part=\"search-highlight\" class=\"font-bold\">$1</span>'\n  );\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {highlightSearchResult} from '../facet-search/facet-search-utils';\n\ninterface FacetValueLabelHighlightProps {\n  displayValue: string;\n  searchQuery?: string;\n  isSelected: boolean;\n  isExcluded?: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLabelHighlight: FunctionalComponent<\n  FacetValueLabelHighlightProps\n> = (props) => {\n  return (\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    <span\n      title={props.displayValue}\n      part=\"value-label\"\n      class={`value-label peer-hover:text-error truncate ${\n        props.isSelected || !!props.isExcluded ? 'font-bold' : ''\n      }`}\n      innerHTML={highlightSearchResult(props.displayValue, props.searchQuery)}\n    ></span>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-value-link-a9e7db04.js

@@ -0,0 +1,30 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueLink = (props, children) => {
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabel = props.i18n.t('facet-value', {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: count,
+        interpolation: { escapeValue: false },
+    });
+    let part = props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;
+    if (props.additionalPart) {
+        part += ` ${props.additionalPart}`;
+    }
+    return (h("li", { key: props.displayValue, class: props.class },
+        h(Button, { style: "text-neutral", part: part, onClick: () => props.onClick(), class: "group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none", ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },
+            children,
+            h("span", { part: "value-count", class: "value-count" }, props.i18n.t('between-parentheses', {
+                text: count,
+            }))),
+        props.subList));
+};
+
+export { FacetValueLink as F };
+
+//# sourceMappingURL=stencil-facet-value-link-a9e7db04.js.map

package/dist/esm/stencil-facet-value-link-a9e7db04.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-link-a9e7db04.js","mappings":";;;AAQA;;;MAGa,cAAc,GAA6C,CACtE,KAAK,EACL,QAAQ;IAER,MAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,KAAK,EAAE,KAAK,CAAC,eAAe;QAC5B,cAAc,EAAE,KAAK;QACrB,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;KACpC,CAAC,CAAC;IAEH,IAAI,IAAI,GACN,KAAK,CAAC,IAAI,IAAI,aAAa,KAAK,CAAC,UAAU,GAAG,sBAAsB,GAAG,EAAE,EAAE,CAAC;IAE9E,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,IAAI,IAAI,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;KACpC;IAED,QACE,UAAI,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC7C,EAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,EAC9B,KAAK,EAAC,0FAA0F,EAChG,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,EACxC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS;YAEnB,QAAQ;YACT,YAAM,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,IACzC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACnC,IAAI,EAAE,KAAK;aACZ,CAAC,CACG,CACA;QACR,KAAK,CAAC,OAAO,CACX,EACL;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ninterface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"version":3}

package/dist/esm/stencil-facet-values-group-20b78f40.js

@@ -0,0 +1,23 @@
+import { h } from './index-62c2216d.js';
+import { F as FieldsetGroup } from './stencil-fieldset-group-21792d47.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValuesGroup = (props, children) => {
+    if (!props.label) {
+        return children;
+    }
+    const facetDisplayLabel = props.i18n.t(props.label);
+    const groupLabel = props.query === undefined
+        ? props.i18n.t('facet-values', { label: facetDisplayLabel })
+        : props.i18n.t('facet-search-results', {
+            query: props.query,
+            label: facetDisplayLabel,
+        });
+    return h(FieldsetGroup, { label: groupLabel }, children);
+};
+
+export { FacetValuesGroup as F };
+
+//# sourceMappingURL=stencil-facet-values-group-20b78f40.js.map

package/dist/esm/stencil-facet-values-group-20b78f40.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-values-group-20b78f40.js","mappings":";;;AAUA;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QAChB,OAAO,QAAQ,CAAC;KACjB;IACD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GACd,KAAK,CAAC,KAAK,KAAK,SAAS;UACrB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAC,CAAC;UACxD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,EAAE;YACnC,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,KAAK,EAAE,iBAAiB;SACzB,CAAC,CAAC;IAET,OAAO,EAAC,aAAa,IAAC,KAAK,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACtE;;;;","names":[],"sources":["src/components/common/facets/facet-values-group/stencil-facet-values-group.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FieldsetGroup} from '../../stencil-fieldset-group';\n\ninterface FacetValuesGroupProps {\n  i18n: i18n;\n  label?: string;\n  query?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValuesGroup: FunctionalComponent<FacetValuesGroupProps> = (\n  props,\n  children\n) => {\n  if (!props.label) {\n    return children;\n  }\n  const facetDisplayLabel = props.i18n.t(props.label);\n  const groupLabel =\n    props.query === undefined\n      ? props.i18n.t('facet-values', {label: facetDisplayLabel})\n      : props.i18n.t('facet-search-results', {\n          query: props.query,\n          label: facetDisplayLabel,\n        });\n\n  return <FieldsetGroup label={groupLabel}>{children}</FieldsetGroup>;\n};\n"],"version":3}

package/dist/esm/stencil-fieldset-group-21792d47.js

@@ -0,0 +1,12 @@
+import { h } from './index-62c2216d.js';
+
+/**
+ * @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-21792d47.js.map

package/dist/esm/stencil-fieldset-group-21792d47.js.map

@@ -0,0 +1 @@
+{"file":"stencil-fieldset-group-21792d47.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/esm/stencil-heading-b741d578.js

@@ -0,0 +1,13 @@
+import { h } from './index-62c2216d.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const Heading = ({ level, ...htmlProps }, children) => {
+    const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';
+    return h(HeadingTag, { ...htmlProps }, children);
+};
+
+export { Heading as H };
+
+//# sourceMappingURL=stencil-heading-b741d578.js.map

package/dist/esm/stencil-heading-b741d578.js.map

@@ -0,0 +1 @@
+{"file":"stencil-heading-b741d578.js","mappings":";;AAIA;;;MAGa,OAAO,GAEhB,CAAC,EAAC,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,QAAQ;IAClC,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,GAAG,KAAK,CAAC;IACjE,OAAO,EAAC,UAAU,OAAK,SAAS,IAAG,QAAQ,CAAc,CAAC;AAC5D;;;;","names":[],"sources":["src/components/common/stencil-heading.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {HeadingProps} from './heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Heading: FunctionalComponent<\n  Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = ({level, ...htmlProps}, children) => {\n  const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';\n  return <HeadingTag {...htmlProps}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/esm/stencil-iconButton-c5dbe68b.js

@@ -0,0 +1,16 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const IconButton = (props) => {
+    return (h("div", { class: "relative", part: `${props.partPrefix}-container` },
+        h(Button, { ...props, class: "relative h-[2.6rem] w-[2.6rem] p-3", part: `${props.partPrefix}-button`, ref: props.buttonRef },
+            h("atomic-icon", { icon: props.icon, class: "h-4 w-4 shrink-0", part: `${props.partPrefix}-icon` })),
+        props.badge && (h("span", { part: `${props.partPrefix}-badge`, class: "bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4" }, props.badge))));
+};
+
+export { IconButton as I };
+
+//# sourceMappingURL=stencil-iconButton-c5dbe68b.js.map

package/dist/esm/stencil-iconButton-c5dbe68b.js.map

@@ -0,0 +1 @@
+{"file":"stencil-iconButton-c5dbe68b.js","mappings":";;;AAUA;;;MAGa,UAAU,GAAyC,CAAC,KAAK;IACpE,QACE,WAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,YAAY;QACzD,EAAC,MAAM,OACD,KAAK,EACT,KAAK,EAAC,oCAAoC,EAC1C,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EAClC,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpB,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,GACnB,CACR;QACR,KAAK,CAAC,KAAK,KACV,YACE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACjC,KAAK,EAAC,8GAA8G,IAEnH,KAAK,CAAC,KAAK,CACP,CACR,CACG,EACN;AACJ;;;;","names":[],"sources":["src/components/common/stencil-iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\ninterface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"version":3}