@coveo/atomic 3.28.1-pre.86ce689cb5 → 3.28.1-pre.ae49fae5bb

package/dist/cjs/value-as-tree-container-d9952f1f.js

@@ -0,0 +1,135 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const arrowLeftRounded = require('./arrow-left-rounded-87aa2218.js');
+const stencilButton = require('./stencil-button-aa4c0879.js');
+const fieldUtils = require('./field-utils-a715deca.js');
+const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-c2421e8f.js');
+const stencilFacetValueLink = require('./stencil-facet-value-link-089a2160.js');
+
+const CategoryFacetAllCategoryButton = ({ i18n, onClick }) => {
+    const allCategories = i18n.t('all-categories');
+    return (index.h(stencilButton.Button, { style: "text-neutral", part: "all-categories-button", onClick: () => {
+            onClick();
+        } },
+        index.h("atomic-icon", { "aria-hidden": "true", icon: arrowLeftRounded.ArrowLeftIcon, part: "back-arrow" }),
+        index.h("span", { class: "truncate" }, allCategories)));
+};
+
+const CategoryFacetValueLink = ({ displayValue, numberOfResults, i18n, onClick, isParent, isSelected, searchQuery, isLeafValue, setRef, }, children) => {
+    const partNames = [];
+    if (isParent) {
+        partNames.push('active-parent');
+    }
+    else {
+        partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);
+    }
+    if (isLeafValue) {
+        partNames.push('leaf-value');
+    }
+    else {
+        partNames.push('node-value');
+    }
+    return (index.h(stencilFacetValueLink.FacetValueLink, { displayValue: displayValue, numberOfResults: numberOfResults, isSelected: isSelected, i18n: i18n, onClick: () => {
+            onClick();
+        }, searchQuery: searchQuery, part: partNames.join(' '), class: "contents", buttonRef: (btn) => setRef(btn), subList: children },
+        index.h(stencilFacetValueLabelHighlight.FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));
+};
+
+const CategoryFacetChildValueLink = (props, children) => {
+    return (index.h(CategoryFacetValueLink, { ...props, isParent: false }, children));
+};
+
+const CategoryFacetChildrenAsTreeContainer = ({ className }, children) => {
+    return (index.h("ul", { part: "values", class: className ?? '' }, children));
+};
+
+const CategoryFacetParentAsTreeContainer = ({ isTopLevel, className }, children) => {
+    return (index.h("ul", { class: className ?? '', part: `${isTopLevel ? '' : 'sub-'}parents` }, children));
+};
+
+const CategoryFacetParentButton = ({ field, facetValue, i18n, onClick }) => {
+    const displayValue = fieldUtils.getFieldValueCaption(field, facetValue.value, i18n);
+    const ariaLabel = i18n.t('facet-value', {
+        value: displayValue,
+        count: facetValue.numberOfResults,
+        formattedCount: facetValue.numberOfResults.toLocaleString(i18n.language),
+    });
+    return (index.h(stencilButton.Button, { style: "text-neutral", part: "parent-button", ariaPressed: "false", onClick: () => {
+            onClick();
+        }, ariaLabel: ariaLabel },
+        index.h("atomic-icon", { icon: arrowLeftRounded.ArrowLeftIcon, part: "back-arrow", class: "back-arrow" }),
+        index.h("span", { class: "truncate" }, displayValue)));
+};
+
+const CategoryFacetParentValueLink = (props, children) => {
+    return (index.h(CategoryFacetValueLink, { ...props, isParent: true, isSelected: true }, children));
+};
+
+const CategoryFacetSearchResultsContainer = (_, children) => {
+    return (index.h("ul", { part: "search-results", class: "mt-3" }, children));
+};
+
+const SEPARATOR = '/';
+const ELLIPSIS = '...';
+const PATH_MAX_LENGTH = 3;
+const CategoryFacetSearchValue = ({ value, field, i18n, onClick, searchQuery }) => {
+    const count = value.count.toLocaleString(i18n.language);
+    const inLabel = i18n.t('in');
+    const allCategories = i18n.t('all-categories');
+    const localizedPath = value.path.length
+        ? value.path.map((value) => fieldUtils.getFieldValueCaption(field, value, i18n))
+        : [allCategories];
+    const ariaLabel = i18n.t('under', {
+        child: i18n.t('facet-value', {
+            count: value.count,
+            formattedCount: count,
+            value: value.displayValue,
+        }),
+        parent: localizedPath.join(', '),
+    });
+    function ellipsedPath(path) {
+        if (path.length <= PATH_MAX_LENGTH) {
+            return path;
+        }
+        const firstPart = path.slice(0, 1);
+        const lastParts = path.slice(-PATH_MAX_LENGTH + 1);
+        return firstPart.concat(ELLIPSIS, ...lastParts);
+    }
+    function renderPath(path) {
+        if (!path.length) {
+            return index.h("span", { class: "truncate" }, `${inLabel} ${allCategories}`);
+        }
+        return [
+            index.h("span", { class: "mr-0.5" }, inLabel),
+            ellipsedPath(path).map((value, index$1) => [
+                index$1 > 0 && index.h("span", { class: "mx-0.5" }, SEPARATOR),
+                index.h("span", { class: value === ELLIPSIS ? '' : 'max-w-max flex-1 truncate' }, value),
+            ]),
+        ];
+    }
+    return (index.h("li", { key: value.displayValue },
+        index.h(stencilButton.Button, { style: "text-neutral", part: "search-result", onClick: () => onClick(), class: "group flex w-full flex-col truncate px-2 py-2.5 focus-visible:outline-none", "aria-label": ariaLabel },
+            index.h("div", { class: "flex w-full" },
+                index.h(stencilFacetValueLabelHighlight.FacetValueLabelHighlight, { displayValue: value.displayValue, isSelected: false, searchQuery: searchQuery }),
+                index.h("span", { part: "value-count", class: "value-count" }, i18n.t('between-parentheses', {
+                    text: count,
+                }))),
+            index.h("div", { part: "search-result-path", class: "text-neutral-dark group-focus:text-primary group-hover:text-primary mt-1 flex w-full" }, renderPath(localizedPath)))));
+};
+
+const CategoryFacetTreeValueContainer = (_, children) => {
+    return index.h("li", { class: "contents" }, children);
+};
+
+exports.CategoryFacetAllCategoryButton = CategoryFacetAllCategoryButton;
+exports.CategoryFacetChildValueLink = CategoryFacetChildValueLink;
+exports.CategoryFacetChildrenAsTreeContainer = CategoryFacetChildrenAsTreeContainer;
+exports.CategoryFacetParentAsTreeContainer = CategoryFacetParentAsTreeContainer;
+exports.CategoryFacetParentButton = CategoryFacetParentButton;
+exports.CategoryFacetParentValueLink = CategoryFacetParentValueLink;
+exports.CategoryFacetSearchResultsContainer = CategoryFacetSearchResultsContainer;
+exports.CategoryFacetSearchValue = CategoryFacetSearchValue;
+exports.CategoryFacetTreeValueContainer = CategoryFacetTreeValueContainer;
+
+//# sourceMappingURL=value-as-tree-container-d9952f1f.js.map

package/dist/cjs/value-as-tree-container-d9952f1f.js.map

@@ -0,0 +1 @@
+{"file":"value-as-tree-container-d9952f1f.js","mappings":"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","names":["h","Button","LeftArrow","FacetValueLink","FacetValueLabelHighlight","getFieldValueCaption","index"],"sources":["src/components/common/facets/category-facet/all-categories-button.tsx","src/components/common/facets/category-facet/value-link.tsx","src/components/common/facets/category-facet/child-value-link.tsx","src/components/common/facets/category-facet/children-as-tree-container.tsx","src/components/common/facets/category-facet/parent-as-tree-container.tsx","src/components/common/facets/category-facet/parent-button.tsx","src/components/common/facets/category-facet/parent-value-link.tsx","src/components/common/facets/category-facet/search-results-container.tsx","src/components/common/facets/category-facet/search-value.tsx","src/components/common/facets/category-facet/value-as-tree-container.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetAllCategoryButtonProps {\n  i18n: i18n;\n  onClick(): void;\n}\n\nexport const CategoryFacetAllCategoryButton: FunctionalComponent<\n  CategoryFacetAllCategoryButtonProps\n> = ({i18n, onClick}) => {\n  const allCategories = i18n.t('all-categories');\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"all-categories-button\"\n      onClick={() => {\n        onClick();\n      }}\n    >\n      <atomic-icon\n        aria-hidden=\"true\"\n        icon={LeftArrow}\n        part=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{allCategories}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\n\nexport interface CategoryFacetValueLinkProps {\n  displayValue: string;\n  numberOfResults: number;\n  i18n: i18n;\n  onClick: () => void;\n  isParent: boolean;\n  isSelected: boolean;\n  searchQuery: string;\n  isLeafValue: boolean;\n  setRef: (el?: HTMLButtonElement) => void;\n}\n\nexport const CategoryFacetValueLink: FunctionalComponent<\n  CategoryFacetValueLinkProps\n> = (\n  {\n    displayValue,\n    numberOfResults,\n    i18n,\n    onClick,\n    isParent,\n    isSelected,\n    searchQuery,\n    isLeafValue,\n    setRef,\n  },\n  children\n) => {\n  const partNames = [];\n  if (isParent) {\n    partNames.push('active-parent');\n  } else {\n    partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);\n  }\n\n  if (isLeafValue) {\n    partNames.push('leaf-value');\n  } else {\n    partNames.push('node-value');\n  }\n\n  return (\n    <FacetValueLink\n      displayValue={displayValue}\n      numberOfResults={numberOfResults}\n      isSelected={isSelected}\n      i18n={i18n}\n      onClick={() => {\n        onClick();\n      }}\n      searchQuery={searchQuery}\n      part={partNames.join(' ')}\n      class=\"contents\"\n      buttonRef={(btn) => setRef(btn)}\n      subList={children}\n    >\n      <FacetValueLabelHighlight\n        displayValue={displayValue}\n        isSelected={isSelected}\n      ></FacetValueLabelHighlight>\n    </FacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './value-link';\n\ninterface CategoryFacetChildValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent'> {}\n\nexport const CategoryFacetChildValueLink: FunctionalComponent<\n  CategoryFacetChildValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent={false}>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface CategoryFacetChildrenAsTreeContainerProps {\n  className?: string;\n}\nexport const CategoryFacetChildrenAsTreeContainer: FunctionalComponent<\n  CategoryFacetChildrenAsTreeContainerProps\n> = ({className}, children) => {\n  return (\n    <ul part=\"values\" class={className ?? ''}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport interface CategoryFacetParentAsTreeContainerProps {\n  isTopLevel: boolean;\n  className?: string;\n}\nexport const CategoryFacetParentAsTreeContainer: FunctionalComponent<\n  CategoryFacetParentAsTreeContainerProps\n> = ({isTopLevel, className}, children) => {\n  return (\n    <ul class={className ?? ''} part={`${isTopLevel ? '' : 'sub-'}parents`}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetParentButtonProps {\n  i18n: i18n;\n  field: string;\n  facetValue: {value: string; numberOfResults: number};\n  onClick: () => void;\n}\nexport const CategoryFacetParentButton: FunctionalComponent<\n  CategoryFacetParentButtonProps\n> = ({field, facetValue, i18n, onClick}) => {\n  const displayValue = getFieldValueCaption(field, facetValue.value, i18n);\n  const ariaLabel = i18n.t('facet-value', {\n    value: displayValue,\n    count: facetValue.numberOfResults,\n    formattedCount: facetValue.numberOfResults.toLocaleString(i18n.language),\n  });\n\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"parent-button\"\n      ariaPressed=\"false\"\n      onClick={() => {\n        onClick();\n      }}\n      ariaLabel={ariaLabel}\n    >\n      <atomic-icon\n        icon={LeftArrow}\n        part=\"back-arrow\"\n        class=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{displayValue}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './value-link';\n\ninterface CategoryFacetParentValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent' | 'isSelected'> {}\n\nexport const CategoryFacetParentValueLink: FunctionalComponent<\n  CategoryFacetParentValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent isSelected>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetSearchResultsContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return (\n    <ul part=\"search-results\" class=\"mt-3\">\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\n\ninterface CategoryFacetSearchValueProps {\n  value: {count: number; path: string[]; displayValue: string};\n  i18n: i18n;\n  field: string;\n  onClick(): void;\n  searchQuery: string;\n}\n\nconst SEPARATOR = '/';\nconst ELLIPSIS = '...';\nconst PATH_MAX_LENGTH = 3;\n\nexport const CategoryFacetSearchValue: FunctionalComponent<\n  CategoryFacetSearchValueProps\n> = ({value, field, i18n, onClick, searchQuery}) => {\n  const count = value.count.toLocaleString(i18n.language);\n  const inLabel = i18n.t('in');\n  const allCategories = i18n.t('all-categories');\n  const localizedPath = value.path.length\n    ? value.path.map((value) => getFieldValueCaption(field, value, i18n))\n    : [allCategories];\n  const ariaLabel = i18n.t('under', {\n    child: i18n.t('facet-value', {\n      count: value.count,\n      formattedCount: count,\n      value: value.displayValue,\n    }),\n    parent: localizedPath.join(', '),\n  });\n\n  function ellipsedPath(path: string[]) {\n    if (path.length <= PATH_MAX_LENGTH) {\n      return path;\n    }\n    const firstPart = path.slice(0, 1);\n    const lastParts = path.slice(-PATH_MAX_LENGTH + 1);\n    return firstPart.concat(ELLIPSIS, ...lastParts);\n  }\n\n  function renderPath(path: string[]) {\n    if (!path.length) {\n      return <span class=\"truncate\">{`${inLabel} ${allCategories}`}</span>;\n    }\n\n    return [\n      <span class=\"mr-0.5\">{inLabel}</span>,\n      ellipsedPath(path).map((value, index) => [\n        index > 0 && <span class=\"mx-0.5\">{SEPARATOR}</span>,\n        <span class={value === ELLIPSIS ? '' : 'max-w-max flex-1 truncate'}>\n          {value}\n        </span>,\n      ]),\n    ];\n  }\n\n  return (\n    <li key={value.displayValue}>\n      <Button\n        style=\"text-neutral\"\n        part=\"search-result\"\n        onClick={() => onClick()}\n        class=\"group flex w-full flex-col truncate px-2 py-2.5 focus-visible:outline-none\"\n        aria-label={ariaLabel}\n      >\n        <div class=\"flex w-full\">\n          <FacetValueLabelHighlight\n            displayValue={value.displayValue}\n            isSelected={false}\n            searchQuery={searchQuery}\n          ></FacetValueLabelHighlight>\n          <span part=\"value-count\" class=\"value-count\">\n            {i18n.t('between-parentheses', {\n              text: count,\n            })}\n          </span>\n        </div>\n        <div\n          part=\"search-result-path\"\n          class=\"text-neutral-dark group-focus:text-primary group-hover:text-primary mt-1 flex w-full\"\n        >\n          {renderPath(localizedPath)}\n        </div>\n      </Button>\n    </li>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetTreeValueContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return <li class=\"contents\">{children}</li>;\n};\n"],"version":3}

package/dist/cjs/values-container-dfa0c20b.js

@@ -0,0 +1,57 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilFacetValueCheckbox = require('./stencil-facet-value-checkbox-49e6843d.js');
+const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-c2421e8f.js');
+const stencilFacetValueLink = require('./stencil-facet-value-link-089a2160.js');
+const fieldUtils = require('./field-utils-a715deca.js');
+const stencilFacetValuesGroup = require('./stencil-facet-values-group-07b50fc0.js');
+
+const formatHumanReadable = ({ manualRanges, field, i18n, facetValue, logger, formatter, }) => {
+    const manualRangeLabel = manualRanges.find((range) => areRangesEqual(range, facetValue))?.label;
+    return manualRangeLabel
+        ? fieldUtils.getFieldValueCaption(field, manualRangeLabel, i18n)
+        : i18n.t('to', {
+            start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),
+            end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),
+        });
+};
+const formatNumberLocalized = (value, i18n, logger, formatter) => {
+    try {
+        return formatter(value, i18n.languages);
+    }
+    catch (error) {
+        logger.error(`atomic-numeric-facet facet value "${value}" could not be formatted correctly.`, error);
+        return value;
+    }
+};
+const areRangesEqual = (firstRange, secondRange) => {
+    return (firstRange.start === secondRange.start &&
+        firstRange.end === secondRange.end &&
+        firstRange.endInclusive === secondRange.endInclusive);
+};
+
+const NumericFacetValueLink = (props) => {
+    const { facetValue, displayValuesAs, i18n, onClick } = props;
+    const displayValue = formatHumanReadable(props);
+    const isSelected = facetValue.state === 'selected';
+    switch (displayValuesAs) {
+        case 'checkbox':
+            return (index.h(stencilFacetValueCheckbox.FacetValueCheckbox, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: () => onClick() },
+                index.h(stencilFacetValueLabelHighlight.FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));
+        case 'link':
+            return (index.h(stencilFacetValueLink.FacetValueLink, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: onClick },
+                index.h(stencilFacetValueLabelHighlight.FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));
+    }
+};
+
+const NumericFacetValuesContainer = ({ i18n, label }, children) => {
+    return (index.h(stencilFacetValuesGroup.FacetValuesGroup, { i18n: i18n, label: label },
+        index.h("ul", { class: "mt-3", part: "values" }, children)));
+};
+
+exports.NumericFacetValueLink = NumericFacetValueLink;
+exports.NumericFacetValuesContainer = NumericFacetValuesContainer;
+exports.formatHumanReadable = formatHumanReadable;
+
+//# sourceMappingURL=values-container-dfa0c20b.js.map

package/dist/cjs/values-container-dfa0c20b.js.map

@@ -0,0 +1 @@
+{"file":"values-container-dfa0c20b.js","mappings":";;;;;;;;;MAqBa,mBAAmB,GAAG,CAAC,EAClC,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,SAAS,GACa;IACtB,MAAM,gBAAgB,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,KAC/C,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAClC,EAAE,KAAK,CAAC;IACT,OAAO,gBAAgB;UACnBA,+BAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,CAAC;UACnD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;YACX,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;YACvE,GAAG,EAAE,qBAAqB,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;SACpE,CAAC,CAAC;AACT,EAAE;AAEK,MAAM,qBAAqB,GAAG,CACnC,KAAa,EACb,IAAmC,EACnC,MAAuC,EACvC,SAA6C;IAE7C,IAAI;QACF,OAAO,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAqB,CAAC,CAAC;KACrD;IAAC,OAAO,KAAK,EAAE;QACd,MAAM,CAAC,KAAK,CACV,qCAAqC,KAAK,qCAAqC,EAC/E,KAAK,CACN,CAAC;QACF,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAA2B,EAC3B,WAA4B;IAE5B,QACE,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK;QACtC,UAAU,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG;QAClC,UAAU,CAAC,YAAY,KAAK,WAAW,CAAC,YAAY,EACpD;AACJ,CAAC;;MCtDY,qBAAqB,GAE9B,CAAC,KAAK;IACR,MAAM,EAAC,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC;IACnD,QAAQ,eAAe;QACrB,KAAK,UAAU;YACb,QACEC,QAACC,4CAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,OAAO,EAAE;gBAExBD,QAACE,wDAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACT,EACrB;QACJ,KAAK,MAAM;YACT,QACEF,QAACG,oCAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;gBAEhBH,QAACE,wDAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACb,EACjB;KACL;AACH;;MC1Ca,2BAA2B,GAEpC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,QAAQ;IAC1B,QACEF,QAACI,wCAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACxCJ,gBAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,IAC3B,QAAQ,CACN,CACY,EACnB;AACJ;;;;;;","names":["getFieldValueCaption","h","FacetValueCheckbox","FacetValueLabelHighlight","FacetValueLink","FacetValuesGroup"],"sources":["src/components/common/facets/numeric-facet/formatter.ts","src/components/common/facets/numeric-facet/value-link.tsx","src/components/common/facets/numeric-facet/values-container.tsx"],"sourcesContent":["import type {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport type {NumberFormatter} from '../../formats/format-common';\n\nexport interface FacetValueRange {\n  endInclusive: boolean;\n  start: number;\n  end: number;\n  label?: string;\n  state: 'selected' | 'idle' | 'excluded';\n}\n\nexport interface FormatFacetValueRange {\n  field: string;\n  facetValue: FacetValueRange & {numberOfResults: number};\n  manualRanges: FacetValueRange[];\n  i18n: i18n;\n  logger: Pick<Console, 'error'>;\n  formatter: NumberFormatter;\n}\n\nexport const formatHumanReadable = ({\n  manualRanges,\n  field,\n  i18n,\n  facetValue,\n  logger,\n  formatter,\n}: FormatFacetValueRange) => {\n  const manualRangeLabel = manualRanges.find((range) =>\n    areRangesEqual(range, facetValue)\n  )?.label;\n  return manualRangeLabel\n    ? getFieldValueCaption(field, manualRangeLabel, i18n)\n    : i18n.t('to', {\n        start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),\n        end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),\n      });\n};\n\nexport const formatNumberLocalized = (\n  value: number,\n  i18n: FormatFacetValueRange['i18n'],\n  logger: FormatFacetValueRange['logger'],\n  formatter: FormatFacetValueRange['formatter']\n) => {\n  try {\n    return formatter(value, i18n.languages as string[]);\n  } catch (error) {\n    logger.error(\n      `atomic-numeric-facet facet value \"${value}\" could not be formatted correctly.`,\n      error\n    );\n    return value;\n  }\n};\n\nconst areRangesEqual = (\n  firstRange: FacetValueRange,\n  secondRange: FacetValueRange\n) => {\n  return (\n    firstRange.start === secondRange.start &&\n    firstRange.end === secondRange.end &&\n    firstRange.endInclusive === secondRange.endInclusive\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {FacetValueCheckbox} from '../facet-value-checkbox/stencil-facet-value-checkbox';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\nimport {FormatFacetValueRange, formatHumanReadable} from './formatter';\n\ninterface NumericFacetValueLinkProps extends FormatFacetValueRange {\n  onClick: () => void;\n  logger: Pick<Console, 'error'>;\n  displayValuesAs: 'checkbox' | 'link';\n}\n\nexport const NumericFacetValueLink: FunctionalComponent<\n  NumericFacetValueLinkProps\n> = (props) => {\n  const {facetValue, displayValuesAs, i18n, onClick} = props;\n  const displayValue = formatHumanReadable(props);\n  const isSelected = facetValue.state === 'selected';\n  switch (displayValuesAs) {\n    case 'checkbox':\n      return (\n        <FacetValueCheckbox\n          displayValue={displayValue}\n          numberOfResults={facetValue.numberOfResults}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={() => onClick()}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n          ></FacetValueLabelHighlight>\n        </FacetValueCheckbox>\n      );\n    case 'link':\n      return (\n        <FacetValueLink\n          displayValue={displayValue}\n          numberOfResults={facetValue.numberOfResults}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onClick}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n          ></FacetValueLabelHighlight>\n        </FacetValueLink>\n      );\n  }\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FacetValuesGroup} from '../facet-values-group/stencil-facet-values-group';\n\ninterface NumericFacetValuesContainerProps {\n  i18n: i18n;\n  label: string;\n}\nexport const NumericFacetValuesContainer: FunctionalComponent<\n  NumericFacetValuesContainerProps\n> = ({i18n, label}, children) => {\n  return (\n    <FacetValuesGroup i18n={i18n} label={label}>\n      <ul class=\"mt-3\" part=\"values\">\n        {children}\n      </ul>\n    </FacetValuesGroup>\n  );\n};\n"],"version":3}

package/dist/cjs/version.cjs.js

@@ -1,2 +1,2 @@
-module.exports.headlessVersion = '3.27.3-pre.86ce689cb5';
-module.exports.atomicVersion = '3.28.1-pre.86ce689cb5';
+module.exports.headlessVersion = '3.27.3-pre.ae49fae5bb';
+module.exports.atomicVersion = '3.28.1-pre.ae49fae5bb';

package/dist/esm/_index.js

@@ -1,16 +1,16 @@
-export { i as initializeBindings } from './initialization-utils-ff3edf9a.js';
-export { b as bindLogDocumentOpenOnResult } from './result-utils-9d382fdb.js';
+export { p as productContext } from './stencil-product-template-decorators-0321cc1d.js';
+export { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-common-111b574e.js';
 export { r as resultContext } from './result-template-decorators-2ed76ea9.js';
 import { c as closest } from './dom-utils-f6086cd3.js';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
-export { p as productContext } from './stencil-product-template-decorators-0321cc1d.js';
-export { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-common-9cbaa15f.js';
+export { i as initializeBindings } from './initialization-utils-ff3edf9a.js';
+export { b as bindLogDocumentOpenOnResult } from './result-utils-9d382fdb.js';
 export { M as MissingInterfaceParentError } from './initialization-lit-stencil-common-utils-9e0c895f.js';
+import './stencil-item-decorators-6c453c11.js';
 import './index-3f35faca.js';
 import './init-queue-fbe942c3.js';
 import '@coveo/headless';
 import './object-utils-503750a4.js';
-import './stencil-item-decorators-6c453c11.js';
 
 class MissingParentError extends Error {
     constructor(elementName, parentName) {