@coveo/atomic 3.27.4-pre.da155af9e1 → 3.27.4-pre.e4bf3d33c6

package/dist/atomic/components/stencil-breadcrumb-show-more.js

@@ -0,0 +1,95 @@
+import { h, Fragment } from '@stencil/core/internal/client';
+import { B as Button } from './stencil-button.js';
+import { C as CloseIcon } from './close.js';
+
+const ELLIPSIS = '...';
+const SEPARATOR = ' / ';
+function limitPath(path, pathLimit) {
+    if (path.length <= pathLimit) {
+        return path.join(SEPARATOR);
+    }
+    if (pathLimit === 1 && path.length > 1) {
+        return [ELLIPSIS, path[path.length - 1]].join(SEPARATOR);
+    }
+    const ellipsedPath = [path[0], ELLIPSIS, ...path.slice(-(pathLimit - 1))];
+    return ellipsedPath.join(SEPARATOR);
+}
+function joinBreadcrumbValues(breadcrumb) {
+    return Array.isArray(breadcrumb.formattedValue)
+        ? breadcrumb.formattedValue.join(SEPARATOR)
+        : breadcrumb.formattedValue;
+}
+function getFirstBreadcrumbValue(breadcrumb, pathLimit) {
+    return Array.isArray(breadcrumb.formattedValue)
+        ? limitPath(breadcrumb.formattedValue, pathLimit)
+        : breadcrumb.formattedValue;
+}
+
+const BreadcrumbButton = (props, children) => {
+    const classNames = [
+        'py-2',
+        'px-3',
+        'flex',
+        'items-center',
+        'rounded-xl',
+        'group',
+    ];
+    const fullValue = joinBreadcrumbValues(props.breadcrumb);
+    const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);
+    const title = `${props.breadcrumb.label}: ${fullValue}`;
+    const isExclusion = props.breadcrumb.state === 'excluded';
+    return (h("li", { class: "breadcrumb", key: value },
+        h(Button, { ref: props.setRef, part: "breadcrumb-button", style: isExclusion ? 'outline-error' : 'outline-bg-neutral', class: classNames.join(' '), title: title, ariaLabel: props.i18n.t(isExclusion
+                ? 'remove-exclusion-filter-on'
+                : 'remove-inclusion-filter-on', {
+                value: title,
+            }), onClick: props.onSelectBreadcrumb }, children)));
+};
+
+const BreadcrumbClearAll = (props) => {
+    return (h("li", { key: "clear-all" },
+        h(Button, { ref: props.setRef, part: "clear", style: "text-primary", text: props.i18n.t('clear'), class: "rounded-xl p-2", ariaLabel: props.i18n.t('clear-all-filters'), onClick: props.onClick })));
+};
+
+const BreadcrumbContainer = (props, children) => {
+    return (h("div", { part: "container", class: "text-on-background flex text-sm" },
+        h("span", { part: "label", class: "py-2.5 pr-2 pl-0 font-bold" }, props.i18n.t('with-colon', {
+            text: props.i18n.t('filters'),
+        })),
+        h("div", { part: "breadcrumb-list-container", class: "relative grow" },
+            h("ul", { part: "breadcrumb-list", class: `flex gap-1 ${props.isCollapsed ? 'absolute w-full flex-nowrap' : 'flex-wrap'}` }, children))));
+};
+
+const BreadcrumbContent = (props) => {
+    const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);
+    const isExclusion = props.breadcrumb.state === 'excluded';
+    const activeColor = isExclusion ? 'error' : 'primary';
+    return (h(Fragment, null,
+        h("span", { part: "breadcrumb-label", class: `max-w-[30ch] truncate group-hover:text-${activeColor} group-focus-visible:text-${activeColor} ${props.breadcrumb.state}` }, props.i18n.t('with-colon', { text: props.breadcrumb.label })),
+        h("span", { part: "breadcrumb-value", class: `ml-1 ${props.breadcrumb.content
+                ? ''
+                : `max-w-[30ch] truncate ${props.breadcrumb.state}`}` }, props.breadcrumb.content ?? value),
+        h("atomic-icon", { part: "breadcrumb-clear", class: "mt-px ml-2 h-2.5 w-2.5", icon: CloseIcon })));
+};
+
+const BreadcrumbShowLess = (props) => {
+    if (props.isCollapsed) {
+        return;
+    }
+    return (h("li", { key: "show-less" },
+        h(Button, { ref: props.setRef, part: "show-less", style: "outline-primary", text: props.i18n.t('show-less'), class: "rounded-xl p-2", onClick: props.onShowLess })));
+};
+
+const BreadcrumbShowMore = (props) => {
+    if (!props.isCollapsed) {
+        return;
+    }
+    return (h("li", { key: "show-more" },
+        h(Button, { ref: props.setRef, part: "show-more", style: "outline-primary", class: "rounded-xl p-2 whitespace-nowrap", onClick: props.onShowMore, ariaLabel: props.i18n.t('show-n-more-filters', {
+                value: props.numberOfCollapsedBreadcrumbs,
+            }) })));
+};
+
+export { BreadcrumbButton as B, BreadcrumbContent as a, BreadcrumbContainer as b, BreadcrumbShowMore as c, BreadcrumbShowLess as d, BreadcrumbClearAll as e };
+
+//# sourceMappingURL=stencil-breadcrumb-show-more.js.map

package/dist/atomic/components/stencil-breadcrumb-show-more.js.map

@@ -0,0 +1 @@
+{"file":"stencil-breadcrumb-show-more.js","mappings":"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","names":[],"sources":["src/components/common/breadbox/breadcrumb-utils.ts","src/components/common/breadbox/stencil-breadcrumb-button.tsx","src/components/common/breadbox/stencil-breadcrumb-clear-all.tsx","src/components/common/breadbox/stencil-breadcrumb-container.tsx","src/components/common/breadbox/stencil-breadcrumb-content.tsx","src/components/common/breadbox/stencil-breadcrumb-show-less.tsx","src/components/common/breadbox/stencil-breadcrumb-show-more.tsx"],"sourcesContent":["import {Breadcrumb} from './breadcrumb-types';\n\nconst ELLIPSIS = '...';\nconst SEPARATOR = ' / ';\n\nfunction limitPath(path: string[], pathLimit: number) {\n  if (path.length <= pathLimit) {\n    return path.join(SEPARATOR);\n  }\n\n  if (pathLimit === 1 && path.length > 1) {\n    return [ELLIPSIS, path[path.length - 1]].join(SEPARATOR);\n  }\n\n  const ellipsedPath = [path[0], ELLIPSIS, ...path.slice(-(pathLimit - 1))];\n  return ellipsedPath.join(SEPARATOR);\n}\n\nexport function joinBreadcrumbValues(breadcrumb: Breadcrumb) {\n  return Array.isArray(breadcrumb.formattedValue)\n    ? breadcrumb.formattedValue.join(SEPARATOR)\n    : breadcrumb.formattedValue;\n}\n\nexport function getFirstBreadcrumbValue(\n  breadcrumb: Breadcrumb,\n  pathLimit: number\n) {\n  return Array.isArray(breadcrumb.formattedValue)\n    ? limitPath(breadcrumb.formattedValue, pathLimit)\n    : breadcrumb.formattedValue;\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {Breadcrumb} from './breadcrumb-types';\nimport {\n  joinBreadcrumbValues,\n  getFirstBreadcrumbValue,\n} from './breadcrumb-utils';\n\nexport interface BreadcrumbButtonProps {\n  onSelectBreadcrumb: () => void;\n  setRef: (el: HTMLButtonElement) => void;\n  pathLimit: number;\n  breadcrumb: Breadcrumb;\n  i18n: i18n;\n}\n\nexport const BreadcrumbButton: FunctionalComponent<BreadcrumbButtonProps> = (\n  props,\n  children\n) => {\n  const classNames = [\n    'py-2',\n    'px-3',\n    'flex',\n    'items-center',\n    'rounded-xl',\n    'group',\n  ];\n\n  const fullValue = joinBreadcrumbValues(props.breadcrumb);\n  const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n  const title = `${props.breadcrumb.label}: ${fullValue}`;\n  const isExclusion = props.breadcrumb.state === 'excluded';\n\n  return (\n    <li class=\"breadcrumb\" key={value}>\n      <Button\n        ref={props.setRef}\n        part=\"breadcrumb-button\"\n        style={isExclusion ? 'outline-error' : 'outline-bg-neutral'}\n        class={classNames.join(' ')}\n        title={title}\n        ariaLabel={props.i18n.t(\n          isExclusion\n            ? 'remove-exclusion-filter-on'\n            : 'remove-inclusion-filter-on',\n          {\n            value: title,\n          }\n        )}\n        onClick={props.onSelectBreadcrumb}\n      >\n        {children}\n      </Button>\n    </li>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbClearAllProps {\n  setRef: (el: HTMLButtonElement) => void;\n  onClick: ((event?: MouseEvent | undefined) => void) | undefined;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbClearAll: FunctionalComponent<\n  BreadcrumbClearAllProps\n> = (props) => {\n  return (\n    <li key=\"clear-all\">\n      <Button\n        ref={props.setRef}\n        part=\"clear\"\n        style=\"text-primary\"\n        text={props.i18n.t('clear')}\n        class=\"rounded-xl p-2\"\n        ariaLabel={props.i18n.t('clear-all-filters')}\n        onClick={props.onClick}\n      ></Button>\n    </li>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\n\nexport interface BreadcrumbContainerProps {\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbContainer: FunctionalComponent<\n  BreadcrumbContainerProps\n> = (props, children) => {\n  return (\n    <div part=\"container\" class=\"text-on-background flex text-sm\">\n      <span part=\"label\" class=\"py-2.5 pr-2 pl-0 font-bold\">\n        {props.i18n.t('with-colon', {\n          text: props.i18n.t('filters'),\n        })}\n      </span>\n      <div part=\"breadcrumb-list-container\" class=\"relative grow\">\n        <ul\n          part=\"breadcrumb-list\"\n          class={`flex gap-1 ${\n            props.isCollapsed ? 'absolute w-full flex-nowrap' : 'flex-wrap'\n          }`}\n        >\n          {children}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../images/close.svg';\nimport {Breadcrumb} from './breadcrumb-types';\nimport {getFirstBreadcrumbValue} from './breadcrumb-utils';\n\nexport interface BreadcrumbContentProps {\n  pathLimit: number;\n  isCollapsed: boolean;\n  i18n: i18n;\n  breadcrumb: Breadcrumb;\n}\n\nexport const BreadcrumbContent: FunctionalComponent<BreadcrumbContentProps> = (\n  props\n) => {\n  const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n  const isExclusion = props.breadcrumb.state === 'excluded';\n  const activeColor = isExclusion ? 'error' : 'primary';\n  return (\n    <Fragment>\n      <span\n        part=\"breadcrumb-label\"\n        class={`max-w-[30ch] truncate group-hover:text-${activeColor} group-focus-visible:text-${activeColor} ${props.breadcrumb.state}`}\n      >\n        {props.i18n.t('with-colon', {text: props.breadcrumb.label})}\n      </span>\n      <span\n        part=\"breadcrumb-value\"\n        class={`ml-1 ${\n          props.breadcrumb.content\n            ? ''\n            : `max-w-[30ch] truncate ${props.breadcrumb.state}`\n        }`}\n      >\n        {props.breadcrumb.content ?? value}\n      </span>\n      <atomic-icon\n        part=\"breadcrumb-clear\"\n        class=\"mt-px ml-2 h-2.5 w-2.5\"\n        icon={CloseIcon}\n      ></atomic-icon>\n    </Fragment>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbShowLessProps {\n  onShowLess: () => void;\n  setRef: (el: HTMLButtonElement) => void;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbShowLess: FunctionalComponent<\n  BreadcrumbShowLessProps\n> = (props) => {\n  if (props.isCollapsed) {\n    return;\n  }\n\n  return (\n    <li key=\"show-less\">\n      <Button\n        ref={props.setRef}\n        part=\"show-less\"\n        style=\"outline-primary\"\n        text={props.i18n.t('show-less')}\n        class=\"rounded-xl p-2\"\n        onClick={props.onShowLess}\n      ></Button>\n    </li>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbShowMoreProps {\n  setRef: (el: HTMLButtonElement) => void;\n  onShowMore: () => void;\n  numberOfCollapsedBreadcrumbs: number;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbShowMore: FunctionalComponent<\n  BreadcrumbShowMoreProps\n> = (props) => {\n  if (!props.isCollapsed) {\n    return;\n  }\n  return (\n    <li key=\"show-more\">\n      <Button\n        ref={props.setRef}\n        part=\"show-more\"\n        style=\"outline-primary\"\n        class=\"rounded-xl p-2 whitespace-nowrap\"\n        onClick={props.onShowMore}\n        ariaLabel={props.i18n.t('show-n-more-filters', {\n          value: props.numberOfCollapsedBreadcrumbs,\n        })}\n      ></Button>\n    </li>\n  );\n};\n"],"version":3}

package/dist/atomic/components/{stencil-guard.js → stencil-button2.js}

@@ -1,10 +1,6 @@
 import { h, Fragment } from '@stencil/core/internal/client';
 import { B as Button } from './stencil-button.js';
 
-const RefineToggleButton = ({ i18n, onClick, setRef }) => {
-    return (h(Button, { style: "outline-primary", class: "w-full p-3", onClick: onClick, text: i18n.t('sort-and-filter'), ref: setRef, part: "button" }));
-};
-
 const RefineToggleGuard = ({ hasError, firstRequestExecuted, hasItems }, children) => {
     if (hasError) {
         return;
@@ -18,6 +14,10 @@ const RefineToggleGuard = ({ hasError, firstRequestExecuted, hasItems }, childre
     return h(Fragment, null, children);
 };
 
+const RefineToggleButton = ({ i18n, onClick, setRef }) => {
+    return (h(Button, { style: "outline-primary", class: "w-full p-3", onClick: onClick, text: i18n.t('sort-and-filter'), ref: setRef, part: "button" }));
+};
+
 export { RefineToggleGuard as R, RefineToggleButton as a };
 
-//# sourceMappingURL=stencil-guard.js.map
+//# sourceMappingURL=stencil-button2.js.map

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

@@ -0,0 +1 @@
+{"file":"stencil-button2.js","mappings":";;;MAOa,iBAAiB,GAAgD,CAC5E,EAAC,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAC,EAC1C,QAAQ;IAER,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,QACE,WACE,IAAI,EAAC,aAAa,uBAElB,KAAK,EAAC,gDAAgD,GACjD,EACP;KACH;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;MCrBa,kBAAkB,GAE3B,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC;IAC1B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,GACL,EACV;AACJ;;;;","names":[],"sources":["src/components/common/refine-modal/guard.tsx","src/components/common/refine-modal/stencil-button.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n"],"version":3}

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

@@ -9,9 +9,6 @@ class ItemListCommon {
         this.props.store.setLoadingFlag(this.props.loadingFlag);
         this.props.store.state.resultList = this;
         this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));
-        this.props.nextNewItemTarget.registerFocusCallback(() => {
-            this.indexOfResultToFocus = undefined;
-        });
     }
     updateBreakpoints() {
         this.updateBreakpointsOnce();

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

@@ -1 +1 @@
-{"file":"stencil-item-list-common.js","mappings":";;;;MAiBa,oBAAoB,GAAG,mBAAmB;MAyB1C,cAAc;IAKzB,YAAoB,KAA0B;QAA1B,UAAK,GAAL,KAAK,CAAqB;QAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QACzC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,MAAM,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAAC;YACjD,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC,CAAC,CAAC;KACJ;IAEM,iBAAiB;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;IAEM,WAAW,CAChB,gBAAwB,EACxB,gBAAwB,EACxB,OAA2B,EAC3B,SAA+B;QAE/B,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,OAAO,GAAG,SAAS,EAAE,CAAC;KACvE;IAEM,eAAe,CAAC,OAAoB,EAAE,WAAmB;QAC9D,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;SAC9B;QACD,IAAI,WAAW,KAAK,IAAI,CAAC,oBAAoB,EAAE;YAC7C,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE;YACpE,OAAO;SACR;QAED,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;QACtC,MAAM,cAAc,GAAG,2BAA2B,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC;QACvE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;KACxD;IAEM,oBAAoB;QACzB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC;KAClD;IAEM,MAAM,iCAAiC;QAC5C,MAAM,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;gBAC7B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;aAChC;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;gBACvC,MAAM,KAAK,EAAE,CAAC;gBACd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE;oBACpD,MAAM,cAAc,GAClB,2BAA2B,CAAC,IAAI,CAAC,aAAa,CAAC;wBAC/C,IAAI,CAAC,aAAa,CAAC;oBACrB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;oBACvD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;oBACrC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;oBAC/B,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,CAAC;iBACX;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;;;;;","names":[],"sources":["src/components/common/item-list/stencil-item-list-common.tsx"],"sourcesContent":["import {updateBreakpoints} from '../../../utils/replace-breakpoint';\nimport {\n  FocusTargetController,\n  getFirstFocusableDescendant,\n} from '../../../utils/stencil-accessibility-utils';\nimport {defer, once} from '../../../utils/utils';\nimport {CommerceStore} from '../../commerce/atomic-commerce-interface/store';\nimport {CommerceRecommendationStore} from '../../commerce/atomic-commerce-recommendation-interface/store';\nimport {InsightStore} from '../../insight/atomic-insight-interface/store';\nimport {RecsStore} from '../../recommendations/atomic-recs-interface/store';\nimport {SearchStore} from '../../search/atomic-search-interface/store';\nimport {AnyItem} from '../interface/item';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\n\nexport const resultComponentClass = 'result-component';\n\nexport type ItemRenderingFunction<SpecificResult extends AnyItem = AnyItem> =\n  | ((\n      result: SpecificResult,\n      root: HTMLElement,\n      linkContainer?: HTMLElement\n    ) => string)\n  | undefined;\n\nexport interface ItemListCommonProps {\n  store:\n    | CommerceStore\n    | CommerceRecommendationStore\n    | RecsStore\n    | InsightStore\n    | SearchStore;\n  loadingFlag: string;\n  host: HTMLElement;\n  nextNewItemTarget: FocusTargetController;\n  getCurrentNumberOfItems: () => number;\n  getIsLoading: () => boolean;\n  engineSubscribe: (cb: () => void) => () => void;\n}\n\nexport class ItemListCommon {\n  private indexOfResultToFocus?: number;\n  private firstResultEl?: HTMLElement;\n  private updateBreakpointsOnce: () => void;\n\n  constructor(private props: ItemListCommonProps) {\n    this.props.store.setLoadingFlag(this.props.loadingFlag);\n    this.props.store.state.resultList = this;\n    this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));\n    this.props.nextNewItemTarget.registerFocusCallback(() => {\n      this.indexOfResultToFocus = undefined;\n    });\n  }\n\n  public updateBreakpoints() {\n    this.updateBreakpointsOnce();\n  }\n\n  public getResultId(\n    uniqueIdOnResult: string,\n    searchResponseId: string,\n    density: ItemDisplayDensity,\n    imageSize: ItemDisplayImageSize\n  ) {\n    return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;\n  }\n\n  public setNewResultRef(element: HTMLElement, resultIndex: number) {\n    if (resultIndex === 0) {\n      this.firstResultEl = element;\n    }\n    if (resultIndex !== this.indexOfResultToFocus) {\n      return;\n    }\n\n    if (!element.children.length && !element.shadowRoot?.children.length) {\n      return;\n    }\n\n    this.indexOfResultToFocus = undefined;\n    const elementToFocus = getFirstFocusableDescendant(element) ?? element;\n    this.props.nextNewItemTarget.setTarget(elementToFocus);\n  }\n\n  public focusOnNextNewResult() {\n    this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();\n    this.props.nextNewItemTarget.focusOnNextTarget();\n  }\n\n  public async focusOnFirstResultAfterNextSearch() {\n    await defer();\n    return new Promise<void>((resolve) => {\n      if (this.props.getIsLoading()) {\n        this.firstResultEl = undefined;\n      }\n\n      const unsub = this.props.engineSubscribe(async () => {\n        await defer();\n        if (!this.props.getIsLoading() && this.firstResultEl) {\n          const elementToFocus =\n            getFirstFocusableDescendant(this.firstResultEl) ??\n            this.firstResultEl;\n          this.props.nextNewItemTarget.setTarget(elementToFocus);\n          this.props.nextNewItemTarget.focus();\n          this.firstResultEl = undefined;\n          unsub();\n          resolve();\n        }\n      });\n    });\n  }\n}\n"],"version":3}
+{"file":"stencil-item-list-common.js","mappings":";;;;MAiBa,oBAAoB,GAAG,mBAAmB;MAyB1C,cAAc;IAKzB,YAAoB,KAA0B;QAA1B,UAAK,GAAL,KAAK,CAAqB;QAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QACzC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,MAAM,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7E;IAEM,iBAAiB;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;IAEM,WAAW,CAChB,gBAAwB,EACxB,gBAAwB,EACxB,OAA2B,EAC3B,SAA+B;QAE/B,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,OAAO,GAAG,SAAS,EAAE,CAAC;KACvE;IAEM,eAAe,CAAC,OAAoB,EAAE,WAAmB;QAC9D,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;SAC9B;QACD,IAAI,WAAW,KAAK,IAAI,CAAC,oBAAoB,EAAE;YAC7C,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,EAAE;YACpE,OAAO;SACR;QAED,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;QACtC,MAAM,cAAc,GAAG,2BAA2B,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC;QACvE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;KACxD;IAEM,oBAAoB;QACzB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC;KAClD;IAEM,MAAM,iCAAiC;QAC5C,MAAM,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;gBAC7B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;aAChC;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;gBACvC,MAAM,KAAK,EAAE,CAAC;gBACd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE;oBACpD,MAAM,cAAc,GAClB,2BAA2B,CAAC,IAAI,CAAC,aAAa,CAAC;wBAC/C,IAAI,CAAC,aAAa,CAAC;oBACrB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;oBACvD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;oBACrC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;oBAC/B,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,CAAC;iBACX;aACF,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;;;;;","names":[],"sources":["src/components/common/item-list/stencil-item-list-common.tsx"],"sourcesContent":["import {updateBreakpoints} from '../../../utils/replace-breakpoint';\nimport {\n  FocusTargetController,\n  getFirstFocusableDescendant,\n} from '../../../utils/stencil-accessibility-utils';\nimport {defer, once} from '../../../utils/utils';\nimport {CommerceStore} from '../../commerce/atomic-commerce-interface/store';\nimport {CommerceRecommendationStore} from '../../commerce/atomic-commerce-recommendation-interface/store';\nimport {InsightStore} from '../../insight/atomic-insight-interface/store';\nimport {RecsStore} from '../../recommendations/atomic-recs-interface/store';\nimport {SearchStore} from '../../search/atomic-search-interface/store';\nimport {AnyItem} from '../interface/item';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\n\nexport const resultComponentClass = 'result-component';\n\nexport type ItemRenderingFunction<SpecificResult extends AnyItem = AnyItem> =\n  | ((\n      result: SpecificResult,\n      root: HTMLElement,\n      linkContainer?: HTMLElement\n    ) => string)\n  | undefined;\n\nexport interface ItemListCommonProps {\n  store:\n    | CommerceStore\n    | CommerceRecommendationStore\n    | RecsStore\n    | InsightStore\n    | SearchStore;\n  loadingFlag: string;\n  host: HTMLElement;\n  nextNewItemTarget: FocusTargetController;\n  getCurrentNumberOfItems: () => number;\n  getIsLoading: () => boolean;\n  engineSubscribe: (cb: () => void) => () => void;\n}\n\nexport class ItemListCommon {\n  private indexOfResultToFocus?: number;\n  private firstResultEl?: HTMLElement;\n  private updateBreakpointsOnce: () => void;\n\n  constructor(private props: ItemListCommonProps) {\n    this.props.store.setLoadingFlag(this.props.loadingFlag);\n    this.props.store.state.resultList = this;\n    this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));\n  }\n\n  public updateBreakpoints() {\n    this.updateBreakpointsOnce();\n  }\n\n  public getResultId(\n    uniqueIdOnResult: string,\n    searchResponseId: string,\n    density: ItemDisplayDensity,\n    imageSize: ItemDisplayImageSize\n  ) {\n    return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;\n  }\n\n  public setNewResultRef(element: HTMLElement, resultIndex: number) {\n    if (resultIndex === 0) {\n      this.firstResultEl = element;\n    }\n    if (resultIndex !== this.indexOfResultToFocus) {\n      return;\n    }\n\n    if (!element.children.length && !element.shadowRoot?.children.length) {\n      return;\n    }\n\n    this.indexOfResultToFocus = undefined;\n    const elementToFocus = getFirstFocusableDescendant(element) ?? element;\n    this.props.nextNewItemTarget.setTarget(elementToFocus);\n  }\n\n  public focusOnNextNewResult() {\n    this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();\n    this.props.nextNewItemTarget.focusOnNextTarget();\n  }\n\n  public async focusOnFirstResultAfterNextSearch() {\n    await defer();\n    return new Promise<void>((resolve) => {\n      if (this.props.getIsLoading()) {\n        this.firstResultEl = undefined;\n      }\n\n      const unsub = this.props.engineSubscribe(async () => {\n        await defer();\n        if (!this.props.getIsLoading() && this.firstResultEl) {\n          const elementToFocus =\n            getFirstFocusableDescendant(this.firstResultEl) ??\n            this.firstResultEl;\n          this.props.nextNewItemTarget.setTarget(elementToFocus);\n          this.props.nextNewItemTarget.focus();\n          this.firstResultEl = undefined;\n          unsub();\n          resolve();\n        }\n      });\n    });\n  }\n}\n"],"version":3}

package/dist/atomic/components/{stencil-link.js → title.js}

@@ -1,6 +1,44 @@
 import { h, Fragment } from '@stencil/core/internal/client';
 import { B as Button } from './stencil-button.js';
 
+const getErrorTitleFromErrorType = (i18n, organizationId, errorType) => {
+    switch (errorType) {
+        case 'Disconnected':
+            return i18n.t('disconnected');
+        case 'NoEndpointsException':
+            return i18n.t('no-endpoints', { org: organizationId });
+        case 'InvalidTokenException':
+            return i18n.t('cannot-access', { org: organizationId });
+        case 'OrganizationIsPausedException':
+            return i18n.t('organization-is-paused', { org: organizationId });
+        default:
+            return i18n.t('something-went-wrong');
+    }
+};
+const getErrorDescriptionFromErrorType = (i18n, organizationId, url, errorType) => {
+    switch (errorType) {
+        case 'Disconnected':
+            return i18n.t('check-your-connection', { url });
+        case 'NoEndpointsException':
+            return i18n.t('add-sources');
+        case 'InvalidTokenException':
+            return i18n.t('invalid-token');
+        case 'OrganizationIsPausedException':
+            return i18n.t('organization-will-resume', {
+                org: organizationId,
+            });
+        default:
+            return i18n.t('if-problem-persists');
+    }
+};
+const getAriaMessageFromErrorType = (i18n, organizationId, platformUrl, errorType) => {
+    return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;
+};
+
+const QueryErrorDescription = ({ errorType, i18n, url, organizationId }) => {
+    return (h("p", { part: "description", class: "text-neutral-dark mt-2.5 text-lg" }, getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)));
+};
+
 const QueryErrorDetails = ({ error, show, }) => {
     if (!show) {
         return;
@@ -809,6 +847,23 @@ const QueryErrorIcon = ({ errorType, }) => {
     return (h("atomic-icon", { part: "icon", icon: getIconFromErrorType(), class: "w-1/2 max-w-lg" }));
 };
 
+const QueryErrorLink = ({ errorType, i18n, }) => {
+    const getErrorLink = () => {
+        switch (errorType) {
+            case 'NoEndpointsException':
+                return 'https://docs.coveo.com/en/mcc80216';
+            case 'InvalidTokenException':
+                return 'https://docs.coveo.com/en/102';
+            case 'OrganizationIsPausedException':
+                return 'https://docs.coveo.com/l6af0467';
+            default:
+                return null;
+        }
+    };
+    const link = getErrorLink();
+    return link ? (h("a", { href: link, part: "doc-link", class: "btn-primary mt-10 inline-block p-3" }, i18n.t('coveo-online-help'))) : null;
+};
+
 const QueryErrorShowMore = ({ i18n, onShowMore, link }) => {
     if (link) {
         return link;
@@ -822,44 +877,6 @@ const QueryErrorContainer = (_, children) => {
     return h("div", { class: "p-8 text-center" }, children);
 };
 
-const getErrorTitleFromErrorType = (i18n, organizationId, errorType) => {
-    switch (errorType) {
-        case 'Disconnected':
-            return i18n.t('disconnected');
-        case 'NoEndpointsException':
-            return i18n.t('no-endpoints', { org: organizationId });
-        case 'InvalidTokenException':
-            return i18n.t('cannot-access', { org: organizationId });
-        case 'OrganizationIsPausedException':
-            return i18n.t('organization-is-paused', { org: organizationId });
-        default:
-            return i18n.t('something-went-wrong');
-    }
-};
-const getErrorDescriptionFromErrorType = (i18n, organizationId, url, errorType) => {
-    switch (errorType) {
-        case 'Disconnected':
-            return i18n.t('check-your-connection', { url });
-        case 'NoEndpointsException':
-            return i18n.t('add-sources');
-        case 'InvalidTokenException':
-            return i18n.t('invalid-token');
-        case 'OrganizationIsPausedException':
-            return i18n.t('organization-will-resume', {
-                org: organizationId,
-            });
-        default:
-            return i18n.t('if-problem-persists');
-    }
-};
-const getAriaMessageFromErrorType = (i18n, organizationId, platformUrl, errorType) => {
-    return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;
-};
-
-const QueryErrorDescription = ({ errorType, i18n, url, organizationId }) => {
-    return (h("p", { part: "description", class: "text-neutral-dark mt-2.5 text-lg" }, getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)));
-};
-
 // Replace with the when directive
 const QueryErrorGuard = ({ hasError }, children) => {
     if (!hasError) {
@@ -872,23 +889,6 @@ const QueryErrorTitle = ({ errorType, i18n, organizationId, }) => {
     return (h("p", { part: "title", class: "text-on-background mt-8 text-2xl" }, getErrorTitleFromErrorType(i18n, organizationId, errorType)));
 };
 
-const QueryErrorLink = ({ errorType, i18n, }) => {
-    const getErrorLink = () => {
-        switch (errorType) {
-            case 'NoEndpointsException':
-                return 'https://docs.coveo.com/en/mcc80216';
-            case 'InvalidTokenException':
-                return 'https://docs.coveo.com/en/102';
-            case 'OrganizationIsPausedException':
-                return 'https://docs.coveo.com/l6af0467';
-            default:
-                return null;
-        }
-    };
-    const link = getErrorLink();
-    return link ? (h("a", { href: link, part: "doc-link", class: "btn-primary mt-10 inline-block p-3" }, i18n.t('coveo-online-help'))) : null;
-};
-
 export { QueryErrorGuard as Q, QueryErrorContainer as a, QueryErrorIcon as b, QueryErrorTitle as c, QueryErrorDescription as d, QueryErrorShowMore as e, QueryErrorLink as f, getAriaMessageFromErrorType as g, QueryErrorDetails as h };
 
-//# sourceMappingURL=stencil-link.js.map
+//# sourceMappingURL=title.js.map

package/dist/atomic/components/title.js.map

@@ -0,0 +1 @@
+{"file":"title.js","mappings":"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","names":[],"sources":["src/components/common/query-error/utils.ts","src/components/common/query-error/description.tsx","src/components/common/query-error/details.tsx","src/components/common/query-error/icon.tsx","src/components/common/query-error/link.tsx","src/components/common/query-error/show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/title.tsx"],"sourcesContent":["import {i18n} from 'i18next';\nimport {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\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\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 {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\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\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 {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorLinkProps {\n  errorType?: string;\n  i18n: i18n;\n}\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","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {QueryErrorLink} from './link';\n\ninterface QueryErrorShowMoreProps {\n  onShowMore: () => void;\n  i18n: i18n;\n  link?: typeof QueryErrorLink;\n}\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\nexport const QueryErrorContainer: FunctionalComponent = (_, children) => {\n  return <div class=\"p-8 text-center\">{children}</div>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorGuardProps {\n  hasError: boolean;\n}\n\n// Replace with the when directive\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\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"],"version":3}

package/dist/atomic/components/utils/accessibility-utils.js

@@ -26,22 +26,12 @@ export class AriaLiveRegionController {
 export class FocusTargetController {
     constructor(host, bindings) {
         this.host = host;
-        this.publicOnFocusCallbacks = [];
         this.doFocusAfterSearch = false;
         this.doFocusOnNextTarget = false;
         this.host = host;
         this.bindings = bindings;
         this.host.addController(this);
     }
-    registerFocusCallback(callback) {
-        this.publicOnFocusCallbacks.push(callback);
-    }
-    clearFocusCallbacks() {
-        this.internalOnFocusCallback?.();
-        while (this.publicOnFocusCallbacks.length) {
-            this.publicOnFocusCallbacks.pop()?.();
-        }
-    }
     setTarget(el) {
         if (!el) {
             return;
@@ -56,16 +46,16 @@ export class FocusTargetController {
         // Not sure why this is needed; should be investigated after Lit Migration (KIT-4235)
         await defer();
         this.element?.focus();
-        this.clearFocusCallbacks();
+        this.onFocusCallback?.();
     }
     focusAfterSearch() {
         this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);
         this.doFocusAfterSearch = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
+        return new Promise((resolve) => (this.onFocusCallback = resolve));
     }
     focusOnNextTarget() {
         this.doFocusOnNextTarget = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
+        return new Promise((resolve) => (this.onFocusCallback = resolve));
     }
     disableForCurrentSearch() {
         if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
@@ -83,7 +73,7 @@ export class FocusTargetController {
                 // The focus seems to be flaky without deferring, especially on iOS; should be investigated after Lit Migration (KIT-4235)
                 defer().then(() => {
                     el.focus();
-                    this.clearFocusCallbacks();
+                    this.onFocusCallback?.();
                 });
             }
         }

package/dist/atomic/components/values-container.js

@@ -2,33 +2,9 @@ import { h } from '@stencil/core/internal/client';
 import { F as FacetValueCheckbox } from './stencil-facet-value-checkbox.js';
 import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight.js';
 import { F as FacetValueLink } from './stencil-facet-value-link.js';
-import { g as getFieldValueCaption } from './field-utils.js';
+import { f as formatHumanReadable } from './formatter.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group.js';
 
-const formatHumanReadable = ({ manualRanges, field, i18n, facetValue, logger, formatter, }) => {
-    const manualRangeLabel = manualRanges.find((range) => areRangesEqual(range, facetValue))?.label;
-    return manualRangeLabel
-        ? 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);
@@ -48,6 +24,6 @@ const NumericFacetValuesContainer = ({ i18n, label }, children) => {
         h("ul", { class: "mt-3", part: "values" }, children)));
 };
 
-export { NumericFacetValuesContainer as N, NumericFacetValueLink as a, formatHumanReadable as f };
+export { NumericFacetValuesContainer as N, NumericFacetValueLink as a };
 
 //# sourceMappingURL=values-container.js.map

package/dist/atomic/components/values-container.js.map

@@ -1 +1 @@
-{"file":"values-container.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;UACnB,oBAAoB,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,QACE,EAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,OAAO,EAAE;gBAExB,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACT,EACrB;QACJ,KAAK,MAAM;YACT,QACE,EAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;gBAEhB,EAAC,wBAAwB,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,QACE,EAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACxC,UAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,IAC3B,QAAQ,CACN,CACY,EACnB;AACJ;;;;","names":[],"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 {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {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}
+{"file":"values-container.js","mappings":";;;;;;;MAYa,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,QACE,EAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,OAAO,EAAE;gBAExB,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACT,EACrB;QACJ,KAAK,MAAM;YACT,QACE,EAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;gBAEhB,EAAC,wBAAwB,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,QACE,EAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACxC,UAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,IAC3B,QAAQ,CACN,CACY,EACnB;AACJ;;;;","names":[],"sources":["src/components/common/facets/numeric-facet/value-link.tsx","src/components/common/facets/numeric-facet/values-container.tsx"],"sourcesContent":["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/atomic/{p-af8999b1.entry.js → p-02996f86.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,g as s}from"./p-dc3df5ce.js";import{a as e}from"./p-25a96534.js";import"./p-1580513b.js";const n=class{constructor(t){i(this,t);this.format=(i,t)=>i.toLocaleString(t,{minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits});this.error=undefined;this.minimumIntegerDigits=undefined;this.minimumFractionDigits=undefined;this.maximumFractionDigits=undefined;this.minimumSignificantDigits=undefined;this.maximumSignificantDigits=undefined}componentWillLoad(){try{e(((i,t)=>this.format(i,t)),this.host)}catch(i){this.error=i}}render(){if(this.error){return t("atomic-component-error",{key:"3ec44cab05c643805cebfe2f33f426d5bafe8655",element:this.host,error:this.error})}}get host(){return s(this)}};export{n as atomic_format_number};
-//# sourceMappingURL=p-af8999b1.entry.js.map
+import{r as i,h as t,g as s}from"./p-dc3df5ce.js";import{b as e}from"./p-f3c1c9a0.js";import"./p-1580513b.js";const n=class{constructor(t){i(this,t);this.format=(i,t)=>i.toLocaleString(t,{minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits});this.error=undefined;this.minimumIntegerDigits=undefined;this.minimumFractionDigits=undefined;this.maximumFractionDigits=undefined;this.minimumSignificantDigits=undefined;this.maximumSignificantDigits=undefined}componentWillLoad(){try{e(((i,t)=>this.format(i,t)),this.host)}catch(i){this.error=i}}render(){if(this.error){return t("atomic-component-error",{key:"3ec44cab05c643805cebfe2f33f426d5bafe8655",element:this.host,error:this.error})}}get host(){return s(this)}};export{n as atomic_format_number};
+//# sourceMappingURL=p-02996f86.entry.js.map