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

package/dist/esm/{stencil-accessibility-utils-b42ac309.js → stencil-accessibility-utils-49ac1c53.js}

@@ -35,21 +35,11 @@ function AriaLiveRegion(regionName, assertive = false) {
 class FocusTargetController {
     constructor(component) {
         this.component = component;
-        this.registerFocusCallback = (callback) => {
-            this.publicOnFocusCallbacks.push(callback);
-        };
         this.doFocusAfterSearch = false;
         this.doFocusOnNextTarget = false;
-        this.publicOnFocusCallbacks = [];
         this.bindings = component.bindings;
         this.handleComponentRenderLoop();
     }
-    clearFocusCallbacks() {
-        this.internalOnFocusCallback?.();
-        while (this.publicOnFocusCallbacks.length) {
-            this.publicOnFocusCallbacks.pop()?.();
-        }
-    }
     setTarget(el) {
         if (!el) {
             return;
@@ -63,16 +53,16 @@ class FocusTargetController {
     async focus() {
         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) !==
@@ -97,7 +87,7 @@ class FocusTargetController {
                     // The focus seems to be flaky without deferring, especially on iOS.
                     defer().then(() => {
                         el.focus();
-                        this.clearFocusCallbacks();
+                        this.onFocusCallback?.();
                     });
                 }
             }
@@ -157,4 +147,4 @@ function getFirstFocusableDescendant(element) {
 
 export { AriaLiveRegion as A, FocusTargetController as F, getFirstFocusableDescendant as g };
 
-//# sourceMappingURL=stencil-accessibility-utils-b42ac309.js.map
+//# sourceMappingURL=stencil-accessibility-utils-49ac1c53.js.map

package/dist/esm/stencil-accessibility-utils-49ac1c53.js.map

@@ -0,0 +1 @@
+{"file":"stencil-accessibility-utils-49ac1c53.js","mappings":"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","names":[],"sources":["src/utils/stencil-accessibility-utils.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {buildCustomEvent} from './event-utils';\nimport {InitializableComponent} from './initialization-utils';\nimport {defer} from './utils';\n\nconst findAriaLiveEventName = 'atomic/accessibility/findAriaLive';\n\n/**\n * @deprecated use Lit equivalent\n */\nexport interface FindAriaLiveEventArgs {\n  element?: HTMLAtomicAriaLiveElement;\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function AriaLiveRegion(regionName: string, assertive = false) {\n  function getAriaLiveElement() {\n    const event = buildCustomEvent<FindAriaLiveEventArgs>(\n      findAriaLiveEventName,\n      {}\n    );\n    document.dispatchEvent(event);\n    const {element} = event.detail;\n    return element;\n  }\n\n  function dispatchMessage(message: string) {\n    getAriaLiveElement()?.updateMessage(regionName, message, assertive);\n  }\n\n  function registerRegion() {\n    getAriaLiveElement()?.registerRegion(regionName, assertive);\n  }\n\n  return (\n    component: InitializableComponent<AnyBindings>,\n    setterName: string\n  ) => {\n    const {componentWillRender} = component;\n    Object.defineProperty(component, setterName, {\n      set: (message: string) => dispatchMessage(message),\n    });\n\n    component.componentWillRender = function () {\n      componentWillRender && componentWillRender.call(this);\n      registerRegion();\n    };\n  };\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport class FocusTargetController {\n  private bindings: AnyBindings;\n  private lastSearchId?: string;\n  private element?: HTMLElement;\n  private onFocusCallback?: Function;\n  private doFocusAfterSearch = false;\n  private doFocusOnNextTarget = false;\n\n  constructor(private component: InitializableComponent<AnyBindings>) {\n    this.bindings = component.bindings;\n    this.handleComponentRenderLoop();\n  }\n\n  public setTarget(el: HTMLElement | undefined) {\n    if (!el) {\n      return;\n    }\n    this.element = el;\n    if (this.doFocusOnNextTarget) {\n      this.doFocusOnNextTarget = false;\n      this.focus();\n    }\n  }\n\n  public async focus() {\n    await defer();\n    this.element?.focus();\n    this.onFocusCallback?.();\n  }\n\n  public focusAfterSearch() {\n    this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(\n      this.bindings.engine\n    );\n    this.doFocusAfterSearch = true;\n    return new Promise((resolve) => (this.onFocusCallback = resolve));\n  }\n\n  public focusOnNextTarget() {\n    this.doFocusOnNextTarget = true;\n    return new Promise((resolve) => (this.onFocusCallback = resolve));\n  }\n\n  public disableForCurrentSearch() {\n    if (\n      this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n      this.lastSearchId\n    ) {\n      this.doFocusAfterSearch = false;\n    }\n  }\n\n  private handleComponentRenderLoop() {\n    const originalComponentDidRender = this.component.componentDidRender;\n\n    this.component.componentDidRender = () => {\n      originalComponentDidRender &&\n        originalComponentDidRender.call(this.component);\n      if (!this.bindings) {\n        return;\n      }\n      if (\n        this.doFocusAfterSearch &&\n        this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n          this.lastSearchId\n      ) {\n        this.doFocusAfterSearch = false;\n        if (this.element) {\n          const el = this.element;\n          // The focus seems to be flaky without deferring, especially on iOS.\n          defer().then(() => {\n            el.focus();\n            this.onFocusCallback?.();\n          });\n        }\n      }\n    };\n  }\n}\n\nfunction isFocusable(element: Element) {\n  // Source: https://stackoverflow.com/a/30753870\n  if (element.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n  if (element.hasAttribute('tabindex')) {\n    return true;\n  }\n  if (element.getAttribute('contentEditable') === 'true') {\n    return true;\n  }\n  switch (element.tagName) {\n    case 'A':\n    case 'AREA':\n      return element.hasAttribute('href');\n    case 'INPUT':\n    case 'SELECT':\n    case 'TEXTAREA':\n    case 'BUTTON':\n      return !element.hasAttribute('disabled');\n    case 'IFRAME':\n      return true;\n    default:\n      return false;\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function* getFocusableDescendants(\n  element: Element\n): Generator<HTMLElement> {\n  if (isFocusable(element)) {\n    yield element as HTMLElement;\n  }\n  let children = Array.from(element.children);\n  if (element instanceof HTMLSlotElement) {\n    children = element.assignedElements();\n  } else if (element.shadowRoot) {\n    children.push(...Array.from(element.shadowRoot.children));\n  }\n  for (const child of children) {\n    yield* getFocusableDescendants(child);\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function getFirstFocusableDescendant(\n  element: Element\n): HTMLElement | null {\n  return getFocusableDescendants(element).next().value ?? null;\n}\n"],"version":3}

package/dist/esm/stencil-breadcrumb-show-more-6e6104d4.js

@@ -0,0 +1,95 @@
+import { h, F as Fragment } from './index-3f35faca.js';
+import { B as Button } from './stencil-button-45a5cdb4.js';
+import { C as CloseIcon } from './close-ff816971.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 { BreadcrumbContent as B, BreadcrumbButton as a, BreadcrumbClearAll as b, BreadcrumbShowLess as c, BreadcrumbShowMore as d, BreadcrumbContainer as e };
+
+//# sourceMappingURL=stencil-breadcrumb-show-more-6e6104d4.js.map

package/dist/esm/stencil-breadcrumb-show-more-6e6104d4.js.map

@@ -0,0 +1 @@
+{"file":"stencil-breadcrumb-show-more-6e6104d4.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/esm/{stencil-guard-9329c8cd.js → stencil-button-467ff352.js}

@@ -1,10 +1,6 @@
 import { h, F as Fragment } from './index-3f35faca.js';
 import { B as Button } from './stencil-button-45a5cdb4.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 { RefineToggleButton as R, RefineToggleGuard as a };
 
-//# sourceMappingURL=stencil-guard-9329c8cd.js.map
+//# sourceMappingURL=stencil-button-467ff352.js.map

package/dist/esm/stencil-button-467ff352.js.map

@@ -0,0 +1 @@
+{"file":"stencil-button-467ff352.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/esm/{stencil-item-list-common-9e3e9954.js → stencil-item-list-common-8996949d.js}

@@ -1,5 +1,5 @@
 import { u as updateBreakpoints } from './replace-breakpoint-213367f8.js';
-import { g as getFirstFocusableDescendant } from './stencil-accessibility-utils-b42ac309.js';
+import { g as getFirstFocusableDescendant } from './stencil-accessibility-utils-49ac1c53.js';
 import { o as once, d as defer } from './utils-3ca7282b.js';
 
 const resultComponentClass = 'result-component';
@@ -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();
@@ -61,4 +58,4 @@ class ItemListCommon {
 
 export { ItemListCommon as I, resultComponentClass as r };
 
-//# sourceMappingURL=stencil-item-list-common-9e3e9954.js.map
+//# sourceMappingURL=stencil-item-list-common-8996949d.js.map

package/dist/esm/stencil-item-list-common-8996949d.js.map

@@ -0,0 +1 @@
+{"file":"stencil-item-list-common-8996949d.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/esm/{stencil-link-c0c35f94.js → title-7b773fe0.js}

@@ -1,6 +1,44 @@
 import { h, F as Fragment } from './index-3f35faca.js';
 import { B as Button } from './stencil-button-45a5cdb4.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 { QueryErrorContainer as Q, QueryErrorIcon as a, QueryErrorTitle as b, QueryErrorDescription as c, QueryErrorShowMore as d, QueryErrorLink as e, QueryErrorDetails as f, getAriaMessageFromErrorType as g, QueryErrorGuard as h };
 
-//# sourceMappingURL=stencil-link-c0c35f94.js.map
+//# sourceMappingURL=title-7b773fe0.js.map

package/dist/esm/title-7b773fe0.js.map

@@ -0,0 +1 @@
+{"file":"title-7b773fe0.js","mappings":";;;AAGO,MAAM,0BAA0B,GAAG,CACxC,IAAU,EACV,cAAsB,EACtB,SAAkB;IAElB,QAAQ,SAA2B;QACjC,KAAK,cAAc;YACjB,OAAO,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;QAEhC,KAAK,sBAAsB;YACzB,OAAO,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,EAAC,GAAG,EAAE,cAAc,EAAC,CAAC,CAAC;QACvD,KAAK,uBAAuB;YAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,EAAC,GAAG,EAAE,cAAc,EAAC,CAAC,CAAC;QACxD,KAAK,+BAA+B;YAClC,OAAO,IAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE,EAAC,GAAG,EAAE,cAAc,EAAC,CAAC,CAAC;QACjE;YACE,OAAO,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;KACzC;AACH,CAAC,CAAC;AAEK,MAAM,gCAAgC,GAAG,CAC9C,IAAU,EACV,cAAsB,EACtB,GAAW,EACX,SAAkB;IAElB,QAAQ,SAA2B;QACjC,KAAK,cAAc;YACjB,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAuB,EAAE,EAAC,GAAG,EAAC,CAAC,CAAC;QAChD,KAAK,sBAAsB;YACzB,OAAO,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC/B,KAAK,uBAAuB;YAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QACjC,KAAK,+BAA+B;YAClC,OAAO,IAAI,CAAC,CAAC,CAAC,0BAA0B,EAAE;gBACxC,GAAG,EAAE,cAAc;aACpB,CAAC,CAAC;QACL;YACE,OAAO,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;KACxC;AACH,CAAC,CAAC;MAEW,2BAA2B,GAAG,CACzC,IAAU,EACV,cAAsB,EACtB,WAAmB,EACnB,SAAkB;IAElB,OAAO,GAAG,0BAA0B,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,IAAI,gCAAgC,CAAC,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,CAAC;AAC5J;;MCzCa,qBAAqB,GAE9B,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,EAAC;IACzC,QACE,SAAG,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,kCAAkC,IAC3D,gCAAgC,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,CAAC,CACrE,EACJ;AACJ;;MCba,iBAAiB,GAAgD,CAAC,EAC7E,KAAK,EACL,IAAI,GACL;IACC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO;KACR;IACD,QACE,WACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,uFAAuF;QAE7F,gBAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAQ,CACzC,EACN;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MCTa,cAAc,GAA6C,CAAC,EACvE,SAAS,GACV;IACC,MAAM,oBAAoB,GAAG;QAC3B,QAAQ,SAA2B;YACjC,KAAK,cAAc;gBACjB,OAAO,YAAY,CAAC;YAEtB,KAAK,sBAAsB;gBACzB,OAAO,QAAQ,CAAC;YAElB,KAAK,uBAAuB;gBAC1B,OAAO,YAAY,CAAC;YACtB,KAAK,+BAA+B;gBAClC,OAAO,cAAc,CAAC;YACxB;gBACE,OAAO,cAAc,CAAC;SACzB;KACF,CAAC;IAEF,QACE,mBACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,oBAAoB,EAAE,EAC5B,KAAK,EAAC,gBAAgB,GACT,EACf;AACJ;;MC9Ba,cAAc,GAA6C,CAAC,EACvE,SAAS,EACT,IAAI,GACL;IACC,MAAM,YAAY,GAAG;QACnB,QAAQ,SAA2B;YACjC,KAAK,sBAAsB;gBACzB,OAAO,oCAAoC,CAAC;YAC9C,KAAK,uBAAuB;gBAC1B,OAAO,+BAA+B,CAAC;YACzC,KAAK,+BAA+B;gBAClC,OAAO,iCAAiC,CAAC;YAC3C;gBACE,OAAO,IAAI,CAAC;SACf;KACF,CAAC;IAEF,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,OAAO,IAAI,IACT,SAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,oCAAoC,IACtE,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAC1B,IACF,IAAI,CAAC;AACX;;MCtBa,kBAAkB,GAE3B,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC;IAC3B,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IACD,QACE,EAAC,MAAM,IACL,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;SACd,EACD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,GACjB,EACV;AACJ;;MC1Ba,mBAAmB,GAAwB,CAAC,CAAC,EAAE,QAAQ;IAClE,OAAO,WAAK,KAAK,EAAC,iBAAiB,IAAE,QAAQ,CAAO,CAAC;AACvD;;ACEA;MACa,eAAe,GAA8C,CACxE,EAAC,QAAQ,EAAC,EACV,QAAQ;IAER,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;MCNa,eAAe,GAA8C,CAAC,EACzE,SAAS,EACT,IAAI,EACJ,cAAc,GACf;IACC,QACE,SAAG,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,kCAAkC,IACrD,0BAA0B,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,CAC1D,EACJ;AACJ;;;;","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/esm/{values-container-51a6d0ae.js → values-container-5c8162d7.js}

@@ -2,33 +2,9 @@ import { h } from './index-3f35faca.js';
 import { F as FacetValueCheckbox } from './stencil-facet-value-checkbox-b848c25d.js';
 import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight-b4083ffd.js';
 import { F as FacetValueLink } from './stencil-facet-value-link-77d619b8.js';
-import { g as getFieldValueCaption } from './field-utils-f0146383.js';
+import { f as formatHumanReadable } from './formatter-d890aa7d.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.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 { NumericFacetValueLink as N, NumericFacetValuesContainer as a, formatHumanReadable as f };
+export { NumericFacetValueLink as N, NumericFacetValuesContainer as a };
 
-//# sourceMappingURL=values-container-51a6d0ae.js.map
+//# sourceMappingURL=values-container-5c8162d7.js.map

package/dist/esm/values-container-5c8162d7.js.map

@@ -0,0 +1 @@
+{"file":"values-container-5c8162d7.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/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.27.1-pre.da155af9e1';
-export const atomicVersion = '3.27.4-pre.da155af9e1';
+export const headlessVersion = '3.27.1-pre.e4bf3d33c6';
+export const atomicVersion = '3.27.4-pre.e4bf3d33c6';

package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.d.ts

@@ -1,6 +1,5 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { BreadcrumbManager, BreadcrumbManagerState, Context, ContextState, ProductListing, Search } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
+import { BreadcrumbManager, ProductListing, Search, Context, ContextState } from '@coveo/headless/commerce';
+import { InitializableComponent } from '../../../utils/initialization-utils';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
@@ -19,25 +18,26 @@ import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-i
  *
  * @alpha
  */
-export declare class AtomicCommerceBreadbox extends LitElement implements InitializableComponent<CommerceBindings> {
-    static styles: CSSResultGroup;
+export declare class AtomicCommerceBreadbox implements InitializableComponent<CommerceBindings> {
+    bindings: CommerceBindings;
     private resizeObserver?;
+    private showMore;
+    private showLess;
     private lastRemovedBreadcrumbIndex;
     private numberOfBreadcrumbs;
     private numberOfCollapsedBreadcrumbs;
     private firstExpandedBreadcrumbIndex?;
-    private breadcrumbRemovedFocus;
-    private breadcrumbShowMoreFocus;
-    private breadcrumbShowLessFocus;
-    bindings: CommerceBindings;
     breadcrumbManager: BreadcrumbManager;
+    private host;
     context: Context;
     contextState: ContextState;
     searchOrListing: Search | ProductListing;
-    breadcrumbManagerState: BreadcrumbManagerState;
+    private breadcrumbManagerState;
     error: Error;
     private isCollapsed;
-    private showMoreText;
+    private breadcrumbRemovedFocus?;
+    private breadcrumbShowMoreFocus?;
+    private breadcrumbShowLessFocus?;
     /**
      * This prop allows you to control the display depth
      * of the path by specifying the number of parent or ancestor
@@ -54,28 +54,22 @@ export declare class AtomicCommerceBreadbox extends LitElement implements Initia
      */
     pathLimit: number;
     initialize(): void;
-    updated(changedProperties: Map<string, unknown>): void;
     private validateProps;
     disconnectedCallback(): void;
+    private get focusTargets();
     private get breadcrumbs();
-    private get showMoreButton();
-    private get showLessButton();
     private hide;
     private show;
     private showAllBreadcrumbs;
-    private adaptBreadcrumbs;
-    private updateShowLessDisplay;
     private hideOverflowingBreadcrumbs;
+    private updateShowLessDisplay;
+    private adaptBreadcrumbs;
     private get isOverflowing();
     private updateShowMoreValue;
     private getNumberFormatter;
     private valueForFacetType;
     private buildBreadcrumb;
     private renderBreadcrumbs;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-commerce-breadbox': AtomicCommerceBreadbox;
-    }
+    render(): any;
+    componentDidRender(): void;
 }

package/dist/types/components/commerce/atomic-commerce-interface/atomic-commerce-interface.d.ts

@@ -1,11 +1,11 @@
 import { CommerceEngine, CommerceEngineConfiguration, Context, LogLevel, ProductListing, ProductListingSummaryState, Search, SearchSummaryState, Summary, UrlManager } from '@coveo/headless/commerce';
 import { i18n } from 'i18next';
 import { CSSResultGroup, LitElement } from 'lit';
-import { CommonBindings } from '../../common/interface/bindings';
+import { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings';
 import { BaseAtomicInterface } from '../../common/interface/interface-common';
 import { CommerceStore } from '../atomic-commerce-interface/store';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
-export type CommerceBindings = CommonBindings<CommerceEngine, CommerceStore, AtomicCommerceInterface>;
+export type CommerceBindings = CommonBindings<CommerceEngine, CommerceStore, AtomicCommerceInterface> & AdoptedStylesBindings;
 declare const AtomicCommerceInterface_base: typeof LitElement;
 /**
  * @alpha

package/dist/types/components/commerce/index.d.ts

@@ -1,4 +1,3 @@
-export { AtomicCommerceBreadbox } from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
 export { AtomicCommerceInterface } from './atomic-commerce-interface/atomic-commerce-interface.js';
 export { AtomicCommerceLayout } from './atomic-commerce-layout/atomic-commerce-layout.js';
 export { AtomicCommercePager } from './atomic-commerce-pager/atomic-commerce-pager.js';

package/dist/types/components/common/interface/bindings.d.ts

@@ -43,14 +43,8 @@ export interface NonceBindings {
      */
     createScriptElement: () => HTMLScriptElement;
 }
-/**
- * @deprecated
- * If used to inject style on a component with no shadow DOM, use `@injectStylesForNoShadowDOM` decorator on Lit component.
- * If used to inject a styled layout, consider using `CommerceLayoutMixin` instead.
- */
 export interface AdoptedStylesBindings {
     /**
-     * @deprecated
      * An array of adopted stylesheets to be used in the shadow DOM.
      */
     addAdoptedStyleSheets: (stylesheet: CSSStyleSheet) => void;

package/dist/types/components/common/query-error/description.d.ts

@@ -1,3 +1,4 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 interface QueryErrorDescriptionProps {
     errorType?: string;
@@ -5,7 +6,5 @@ interface QueryErrorDescriptionProps {
     url: string;
     organizationId: string;
 }
-export declare const renderQueryErrorDescription: ({ props, }: {
-    props: QueryErrorDescriptionProps;
-}) => import("lit-html").TemplateResult<1>;
+export declare const QueryErrorDescription: FunctionalComponent<QueryErrorDescriptionProps>;
 export {};