@coveo/atomic 3.27.4-pre.fba84e863c → 3.27.4

package/dist/esm/{product-utils-b4fc9857.js → product-utils-8348689f.js}

@@ -1,6 +1,6 @@
-import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
 import { r as readFromObject } from './object-utils-503750a4.js';
-import { F as FieldValueIsNaNError } from './error-64f0ec13.js';
+import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
+import { F as FieldValueIsNaNError } from './error-9520e6d0.js';
 
 function parseValue(product, field) {
     const value = ProductTemplatesHelpers.getProductProperty(product, field);
@@ -37,4 +37,4 @@ function buildStringTemplateFromProduct(template, product, bindings) {
 
 export { buildStringTemplateFromProduct as b, getStringValueFromProductOrNull as g, parseValue as p };
 
-//# sourceMappingURL=product-utils-b4fc9857.js.map
+//# sourceMappingURL=product-utils-8348689f.js.map

package/dist/esm/product-utils-8348689f.js.map

@@ -0,0 +1 @@
+{"file":"product-utils-8348689f.js","mappings":";;;;SAKgB,UAAU,CAAC,OAAgB,EAAE,KAAa;IACxD,MAAM,KAAK,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzE,IAAI,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;QAC/B,MAAM,IAAI,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAC9C;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;SAEe,+BAA+B,CAC7C,OAAgB,EAChB,KAAa;IAEb,MAAM,KAAK,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEzE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,8BAA8B,CAC5C,QAAgB,EAChB,OAAgB,EAChB,QAA0B;IAE1B,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAa;QAClD,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,QAAQ,GAAG,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC9C,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACxC;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACzB,GAAG,GAAG,6DAA6D,OAAO,CAAC,WAAW,+CAA+C,CACtI,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QAED,OAAO,QAAQ,CAAC;KACjB,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/components/commerce/product-template-component-utils/product-utils.ts"],"sourcesContent":["import {readFromObject} from '@/src/utils/object-utils';\nimport {Product, ProductTemplatesHelpers} from '@coveo/headless/commerce';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {FieldValueIsNaNError} from './error';\n\nexport function parseValue(product: Product, field: string) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n  if (value === null) {\n    return null;\n  }\n  const valueAsNumber = parseFloat(`${value}`);\n  if (Number.isNaN(valueAsNumber)) {\n    throw new FieldValueIsNaNError(field, value);\n  }\n  return valueAsNumber;\n}\n\nexport function getStringValueFromProductOrNull(\n  product: Product,\n  field: string\n) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n\n  if (typeof value !== 'string' || value.trim() === '') {\n    return null;\n  }\n\n  return value;\n}\n\nexport function buildStringTemplateFromProduct(\n  template: string,\n  product: Product,\n  bindings: CommerceBindings\n) {\n  return template.replace(/\\${(.*?)}/g, (value: string) => {\n    const key = value.substring(2, value.length - 1);\n    let newValue = readFromObject(product, key);\n    if (!newValue && typeof window !== 'undefined') {\n      newValue = readFromObject(window, key);\n    }\n\n    if (!newValue) {\n      bindings.engine.logger.warn(\n        `${key} used in the href template is undefined for this product: ${product.permanentid} and could not be found in the window object.`\n      );\n      return '';\n    }\n\n    return newValue;\n  });\n}\n"],"version":3}

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

@@ -35,11 +35,21 @@ 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;
@@ -53,16 +63,16 @@ class FocusTargetController {
     async focus() {
         await defer();
         this.element?.focus();
-        this.onFocusCallback?.();
+        this.clearFocusCallbacks();
     }
     focusAfterSearch() {
         this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);
         this.doFocusAfterSearch = true;
-        return new Promise((resolve) => (this.onFocusCallback = resolve));
+        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
     }
     focusOnNextTarget() {
         this.doFocusOnNextTarget = true;
-        return new Promise((resolve) => (this.onFocusCallback = resolve));
+        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
     }
     disableForCurrentSearch() {
         if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
@@ -87,7 +97,7 @@ class FocusTargetController {
                     // The focus seems to be flaky without deferring, especially on iOS.
                     defer().then(() => {
                         el.focus();
-                        this.onFocusCallback?.();
+                        this.clearFocusCallbacks();
                     });
                 }
             }
@@ -147,4 +157,4 @@ function getFirstFocusableDescendant(element) {
 
 export { AriaLiveRegion as A, FocusTargetController as F, getFirstFocusableDescendant as g };
 
-//# sourceMappingURL=stencil-accessibility-utils-49ac1c53.js.map
+//# sourceMappingURL=stencil-accessibility-utils-b42ac309.js.map

package/dist/esm/stencil-accessibility-utils-b42ac309.js.map

@@ -0,0 +1 @@
+{"file":"stencil-accessibility-utils-b42ac309.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  public registerFocusCallback: (callback: Function) => void = (\n    callback: Function\n  ) => {\n    this.publicOnFocusCallbacks.push(callback);\n  };\n  private internalOnFocusCallback?: Function;\n  private doFocusAfterSearch = false;\n  private doFocusOnNextTarget = false;\n  private publicOnFocusCallbacks: Function[] = [];\n\n  constructor(private component: InitializableComponent<AnyBindings>) {\n    this.bindings = component.bindings;\n    this.handleComponentRenderLoop();\n  }\n\n  private clearFocusCallbacks() {\n    this.internalOnFocusCallback?.();\n    while (this.publicOnFocusCallbacks.length) {\n      this.publicOnFocusCallbacks.pop()?.();\n    }\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.clearFocusCallbacks();\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.internalOnFocusCallback = resolve));\n  }\n\n  public focusOnNextTarget() {\n    this.doFocusOnNextTarget = true;\n    return new Promise((resolve) => (this.internalOnFocusCallback = 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.clearFocusCallbacks();\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-button-467ff352.js → stencil-guard-9329c8cd.js}

@@ -1,6 +1,10 @@
 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;
@@ -14,10 +18,6 @@ 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-button-467ff352.js.map
+//# sourceMappingURL=stencil-guard-9329c8cd.js.map

package/dist/esm/stencil-guard-9329c8cd.js.map

@@ -0,0 +1 @@
+{"file":"stencil-guard-9329c8cd.js","mappings":";;;MASa,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;;MCfa,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;;;;","names":[],"sources":["src/components/common/refine-modal/stencil-button.tsx","src/components/common/refine-modal/stencil-guard.tsx"],"sourcesContent":["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","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"],"version":3}

package/dist/esm/{stencil-item-list-common-8996949d.js → stencil-item-list-common-9e3e9954.js}

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

package/dist/esm/stencil-item-list-common-9e3e9954.js.map

@@ -0,0 +1 @@
+{"file":"stencil-item-list-common-9e3e9954.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}

package/dist/esm/{title-7b773fe0.js → stencil-link-ea50cb61.js}

@@ -1,44 +1,6 @@
 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;
@@ -847,23 +809,6 @@ 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;
@@ -877,6 +822,44 @@ 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) {
@@ -889,6 +872,23 @@ 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=title-7b773fe0.js.map
+//# sourceMappingURL=stencil-link-ea50cb61.js.map

package/dist/esm/stencil-link-ea50cb61.js.map

@@ -0,0 +1 @@
+{"file":"stencil-link-ea50cb61.js","mappings":"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","names":[],"sources":["src/components/common/query-error/stencil-details.tsx","src/components/common/query-error/stencil-icon.tsx","src/components/common/query-error/show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/utils.ts","src/components/common/query-error/stencil-description.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/title.tsx","src/components/common/query-error/stencil-link.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\n}\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 {Button} from '../stencil-button';\nimport {QueryErrorLink} from './stencil-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 {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 {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","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"],"version":3}

package/dist/esm/{stencil-product-template-decorators-27919dc7.js → stencil-product-template-decorators-0321cc1d.js}

@@ -11,7 +11,7 @@ import { I as ItemContext, a as InteractiveItemContext, i as itemContext } from
  *
  * For more information and examples, view the [Utilities section](https://github.com/coveo/ui-kit/tree/master/packages/atomic#utilities) of the Coveo Atomic README.
  *
- * @deprecated should only be used for Stencil components. For Lit components, use `ProductContext` from \@/src/components/commerce/product-template-components/product-template-decorators.ts
+ * @deprecated should only be used for Stencil components. For Lit components, use `createProductContextController` from \@/src/decorators/commerce/product-template-decorators.ts
  */
 function ProductContext(opts = { folded: false }) {
     return ItemContext({ parentName: 'atomic-product', folded: opts.folded });
@@ -29,7 +29,7 @@ function InteractiveProductContext() {
  * @param element - The element that the event is dispatched to, which must be the child of a rendered "atomic-product".
  * @returns A promise that resolves on initialization of the parent "atomic-product" element, or rejects when there is no parent "atomic-product" element.
  *
- * @deprecated should only be used for Stencil components. For Lit components, use `productContext` from \@/src/components/commerce/product-template-components/product-template-decorators.ts
+ * @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \@/src/decorators/commerce/product-template-decorators.ts
  */
 function productContext(element) {
     return itemContext(element, 'atomic-product');
@@ -37,4 +37,4 @@ function productContext(element) {
 
 export { InteractiveProductContext as I, ProductContext as P, productContext as p };
 
-//# sourceMappingURL=stencil-product-template-decorators-27919dc7.js.map
+//# sourceMappingURL=stencil-product-template-decorators-0321cc1d.js.map

package/dist/esm/stencil-product-template-decorators-0321cc1d.js.map

@@ -0,0 +1 @@
+{"file":"stencil-product-template-decorators-0321cc1d.js","mappings":";;AASA;;;;;;;;;;;;;SAagB,cAAc,CAAC,OAA0B,EAAC,MAAM,EAAE,KAAK,EAAC;IACtE,OAAO,WAAW,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;AAC1E,CAAC;SAEe,yBAAyB;IACvC,OAAO,sBAAsB,EAAE,CAAC;AAClC,CAAC;AAKD;;;;;;;;;;;;SAYgB,cAAc,CAAoB,OAAgB;IAChE,OAAO,WAAW,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnD;;;;","names":[],"sources":["src/components/commerce/product-template-component-utils/stencil-product-template-decorators.tsx"],"sourcesContent":["import {Product} from '@coveo/headless/commerce';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '../../common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for product template components.\n * This allows the Stencil component to fetch the current product from its rendered parent, the `atomic-product` component.\n *\n * Example:\n * ```\n * @ProductContext() private product!: Product;\n * ```\n *\n * For more information and examples, view the [Utilities section](https://github.com/coveo/ui-kit/tree/master/packages/atomic#utilities) of the Coveo Atomic README.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `createProductContextController` from \\@/src/decorators/commerce/product-template-decorators.ts\n */\nexport function ProductContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-product', folded: opts.folded});\n}\n\nexport function InteractiveProductContext() {\n  return InteractiveItemContext();\n}\n\nexport type ProductContextEvent<T = Product> = ItemContextEvent<T>;\nexport type InteractiveProductContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered \"atomic-product\".\n * @returns A promise that resolves on initialization of the parent \"atomic-product\" element, or rejects when there is no parent \"atomic-product\" element.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \\@/src/decorators/commerce/product-template-decorators.ts\n */\nexport function productContext<T extends Product>(element: Element) {\n  return itemContext<T>(element, 'atomic-product');\n}\n"],"version":3}

package/dist/esm/{tips-03d4bd63.js → stencil-tips-06e9b3c2.js}

@@ -22,4 +22,4 @@ const SearchTips = ({ i18n }) => {
 
 export { NoItems as N, SearchTips as S, NoItemsGuard as a };
 
-//# sourceMappingURL=tips-03d4bd63.js.map
+//# sourceMappingURL=stencil-tips-06e9b3c2.js.map

package/dist/esm/stencil-tips-06e9b3c2.js.map

@@ -0,0 +1 @@
+{"file":"stencil-tips-06e9b3c2.js","mappings":";;;MAOa,YAAY,GAA2C,CAClE,EAAC,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAC,EAC5C,QAAQ;IAER,IAAI,CAAC,mBAAmB,IAAI,SAAS,IAAI,UAAU,EAAE;QACnD,OAAO;KACR;IACD,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;MCNa,OAAO,GAAsC,CAAC,EACzD,IAAI,EACJ,KAAK,EACL,OAAO,GACR;IACC,MAAM,OAAO,GAAG,KAAK,IACnB,EAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,OAAO,MAAM,EACrB,MAAM,EAAE;YACN,KAAK,GACH,YACE,KAAK,EAAC,2EAA2E,EACjF,IAAI,EAAC,WAAW;gBAEhB,EAAC,eAAe,IACd,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,EACrB,IAAI,EAAE,IAAI,GACV,CACG,CACR;SACF,GACD,KAEF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAChB,CAAC;IACF,QACE,WACE,KAAK,EAAC,kDAAkD,EACxD,IAAI,EAAC,YAAY,IAEhB,OAAO,CACJ,EACN;AACJ;;MCtCa,UAAU,GAAyC,CAAC,EAAC,IAAI,EAAC;IACrE,QACE,WAAK,KAAK,EAAC,4CAA4C,EAAC,IAAI,EAAC,aAAa,IACvE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAClB,EACN;AACJ;;;;","names":[],"sources":["src/components/common/no-items/stencil-guard.tsx","src/components/common/no-items/stencil-no-items.tsx","src/components/common/no-items/stencil-tips.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface NoItemsGuardProps {\n  firstSearchExecuted: boolean;\n  isLoading: boolean;\n  hasResults: boolean;\n}\nexport const NoItemsGuard: FunctionalComponent<NoItemsGuardProps> = (\n  {firstSearchExecuted, isLoading, hasResults},\n  children\n) => {\n  if (!firstSearchExecuted || isLoading || hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface NoItemsProps {\n  query: string;\n  i18n: i18n;\n  i18nKey: 'no-results' | 'no-products';\n}\nexport const NoItems: FunctionalComponent<NoItemsProps> = ({\n  i18n,\n  query,\n  i18nKey,\n}) => {\n  const content = query ? (\n    <LocalizedString\n      i18n={i18n}\n      key={`${i18nKey}-for`}\n      params={{\n        query: (\n          <span\n            class=\"inline-block max-w-full truncate align-bottom font-bold whitespace-normal\"\n            part=\"highlight\"\n          >\n            <LocalizedString\n              key=\"between-quotations\"\n              params={{text: query}}\n              i18n={i18n}\n            />\n          </span>\n        ),\n      }}\n    />\n  ) : (\n    i18n.t(i18nKey)\n  );\n  return (\n    <div\n      class=\"my-2 max-w-full text-center text-2xl font-medium\"\n      part=\"no-results\"\n    >\n      {content}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface SearchTipsProps {\n  i18n: i18n;\n}\nexport const SearchTips: FunctionalComponent<SearchTipsProps> = ({i18n}) => {\n  return (\n    <div class=\"text-neutral-dark my-2 text-center text-lg\" part=\"search-tips\">\n      {i18n.t('search-tips')}\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/{values-container-5c8162d7.js → values-container-51a6d0ae.js}

@@ -2,9 +2,33 @@ 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 { f as formatHumanReadable } from './formatter-d890aa7d.js';
+import { g as getFieldValueCaption } from './field-utils-f0146383.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);
@@ -24,6 +48,6 @@ const NumericFacetValuesContainer = ({ i18n, label }, children) => {
         h("ul", { class: "mt-3", part: "values" }, children)));
 };
 
-export { NumericFacetValueLink as N, NumericFacetValuesContainer as a };
+export { NumericFacetValueLink as N, NumericFacetValuesContainer as a, formatHumanReadable as f };
 
-//# sourceMappingURL=values-container-5c8162d7.js.map
+//# sourceMappingURL=values-container-51a6d0ae.js.map

package/dist/esm/values-container-51a6d0ae.js.map

@@ -0,0 +1 @@
+{"file":"values-container-51a6d0ae.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}

package/dist/esm/version.js

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

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

@@ -1,5 +1,6 @@
-import { BreadcrumbManager, ProductListing, Search, Context, ContextState } from '@coveo/headless/commerce';
-import { InitializableComponent } from '../../../utils/initialization-utils';
+import { InitializableComponent } from "../../../decorators/types";
+import { BreadcrumbManager, BreadcrumbManagerState, Context, ContextState, ProductListing, Search } from '@coveo/headless/commerce';
+import { CSSResultGroup, LitElement } from 'lit';
 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.
@@ -18,26 +19,25 @@ import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-i
  *
  * @alpha
  */
-export declare class AtomicCommerceBreadbox implements InitializableComponent<CommerceBindings> {
-    bindings: CommerceBindings;
+export declare class AtomicCommerceBreadbox extends LitElement implements InitializableComponent<CommerceBindings> {
+    static styles: CSSResultGroup;
     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;
-    private breadcrumbManagerState;
+    breadcrumbManagerState: BreadcrumbManagerState;
     error: Error;
     private isCollapsed;
-    private breadcrumbRemovedFocus?;
-    private breadcrumbShowMoreFocus?;
-    private breadcrumbShowLessFocus?;
+    private showMoreText;
     /**
      * This prop allows you to control the display depth
      * of the path by specifying the number of parent or ancestor
@@ -54,22 +54,28 @@ export declare class AtomicCommerceBreadbox implements InitializableComponent<Co
      */
     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 hideOverflowingBreadcrumbs;
-    private updateShowLessDisplay;
     private adaptBreadcrumbs;
+    private updateShowLessDisplay;
+    private hideOverflowingBreadcrumbs;
     private get isOverflowing();
     private updateShowMoreValue;
     private getNumberFormatter;
     private valueForFacetType;
     private buildBreadcrumb;
     private renderBreadcrumbs;
-    render(): any;
-    componentDidRender(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-commerce-breadbox': AtomicCommerceBreadbox;
+    }
 }

package/dist/types/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.d.ts

@@ -1,10 +1,11 @@
+import { InitializableComponent } from "../../../decorators/types";
 import { DidYouMean, QueryTrigger } from '@coveo/headless/commerce';
-import { InitializableComponent } from '../../../utils/initialization-utils';
+import { LitElement } from 'lit';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * @alpha
  *
- * The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.
+ * The `atomic-commerce-did-you-mean` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.
  *
  * @part no-results - The text displayed when there are no results.
  * @part auto-corrected - The text displayed for the automatically corrected query.
@@ -15,14 +16,19 @@ import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-i
  * @part undo-btn - The button used to undo a query changed by a query trigger.
  * @part highlight - The query highlights.
  */
-export declare class AtomicCommerceDidYouMean implements InitializableComponent<CommerceBindings> {
+export declare class AtomicCommerceDidYouMean extends LitElement implements InitializableComponent<CommerceBindings> {
     bindings: CommerceBindings;
     didYouMean: DidYouMean;
     queryTrigger: QueryTrigger;
-    private didYouMeanState?;
-    private queryTriggerState?;
+    private didYouMeanState;
+    private queryTriggerState;
     error: Error;
     initialize(): void;
     private get content();
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-commerce-did-you-mean': AtomicCommerceDidYouMean;
+    }
 }

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 { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings';
+import { 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> & AdoptedStylesBindings;
+export type CommerceBindings = CommonBindings<CommerceEngine, CommerceStore, AtomicCommerceInterface>;
 declare const AtomicCommerceInterface_base: typeof LitElement;
 /**
  * @alpha

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

@@ -1,11 +1,11 @@
 import { Product, InteractiveProduct } from '@coveo/headless/commerce';
 import { CSSResultGroup, LitElement } from 'lit';
+import { InteractiveProductContextEvent, ProductContextEvent } from '../../../decorators/commerce/product-template-decorators';
 import { DisplayConfig } from '../../common/item-list/context/item-display-config-context-controller';
 import { ItemRenderingFunction } from '../../common/item-list/item-list-common';
 import { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from '../../common/layout/display-options';
 import { CommerceStore } from '../atomic-commerce-interface/store';
 import { CommerceRecommendationStore } from '../atomic-commerce-recommendation-interface/store';
-import { InteractiveProductContextEvent, ProductContextEvent } from '../product-template-components/product-template-decorators';
 /**
  * The `atomic-product` component is used internally by the `atomic-commerce-product-list` and `atomic-commerce-recommendation-list` components.
  */

package/dist/types/components/commerce/{product-template-components/atomic-product-children → atomic-product-children}/atomic-product-children.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { InitializableComponent } from '../../../../utils/initialization-utils';
-import { CommerceBindings } from '../../atomic-commerce-interface/atomic-commerce-interface';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { InitializableComponent } from '../../../utils/initialization-utils';
+import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 import { SelectChildProductEventArgs } from './select-child-product-event';
 /**
  * @alpha