@coveo/atomic 3.33.8-pre.327721908b → 3.33.8-pre.32dc00f676

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"file":"index.cjs.js","mappings":";;;;;;;;;;;;;;;;;AAGA;;;;;;;;;;;;SAYgB,cAAc,CAAoB,OAAgB;IAChE,OAAOA,iCAAW,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnD;;MCHa,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAGC,2BAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAACC,gBAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACoDA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;;;;;;;;;;;","names":["itemContext","buildCustomEvent","closest"],"sources":["src/components/commerce/product-template-component-utils/stencil-product-template-decorators.tsx","src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/decorators/commerce/product-template-decorators.ts"],"sourcesContent":["import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '../../common/item-list/stencil-item-decorators';\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","import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import type {InteractiveProduct, Product} from '@coveo/headless/commerce';\nimport type {LitElement} from 'lit';\nimport {\n  InteractiveItemContextController,\n  type InteractiveItemContextEvent,\n} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {\n  ItemContextController,\n  type ItemContextEvent,\n} from '@/src/components/common/item-list/context/item-context-controller';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.\n *\n * @param host - The Lit component instance\n * @param options - Configuration options\n * @returns ItemContextController instance configured for atomic-product\n *\n * @example\n * ```typescript\n * @customElement('my-product-component')\n * export class MyProductComponent extends LitElement {\n *   private productController = createProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.productController.item;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createProductContextController(\n  host: LitElement & {error: Error | null},\n  options: {folded?: boolean} = {}\n): ItemContextController<Product> {\n  return new ItemContextController<Product>(host, {\n    parentName: 'atomic-product',\n    folded: options.folded ?? false,\n  });\n}\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.\n *\n * @param host - The Lit component instance\n * @returns InteractiveItemContextController instance\n *\n * @example\n * ```typescript\n * @customElement('my-interactive-product-component')\n * export class MyInteractiveProductComponent extends LitElement {\n *   private interactiveProductController = createInteractiveProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.interactiveProductController.interactiveItem;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createInteractiveProductContextController(\n  host: LitElement & {error: Error}\n): InteractiveItemContextController<InteractiveProduct> {\n  return new InteractiveItemContextController<InteractiveProduct>(host);\n}\n\nexport type ProductContextEvent<T = Product> = ItemContextEvent<T>;\nexport type InteractiveProductContextEvent<\n  T extends InteractiveProduct = InteractiveProduct,\n> = InteractiveItemContextEvent<T>;\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function 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 utility function 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 */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n"],"version":3}
+{"file":"index.cjs.js","mappings":";;;;;;;;;;;;;;;;;MAca,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAGA,2BAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAACC,gBAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACrBA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;ACZA;;;;;;;;;;;;SAYgB,cAAc,CAAoB,OAAgB;IAChE,OAAOC,iCAAW,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnD;;;;;;;;;;;;","names":["buildCustomEvent","closest","itemContext"],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/components/commerce/product-template-component-utils/context/fetch-product-context.ts","src/components/commerce/product-template-component-utils/context/stencil-product-template-decorators.tsx"],"sourcesContent":["import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import type {Product} from '@coveo/headless/commerce';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function 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 utility function 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 */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n","import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '@/src/components/common/item-list/stencil-item-decorators';\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/components/commerce/product-template-component-utils/context/fetch-product-context.ts\n */\nexport function productContext<T extends Product>(element: Element) {\n  return itemContext<T>(element, 'atomic-product');\n}\n"],"version":3}

package/dist/cjs/{stencil-item-link-4849de1c.js → stencil-item-link-9feaef61.js}

@@ -11,15 +11,11 @@ const bindAnalyticsToLink = (link, { onSelect, onBeginDelayedSelect, onCancelPen
     const selectHandler = (e) => stopPropagationAndProcess(e, onSelect);
     const touchStartHandler = (e) => stopPropagationAndProcess(e, onBeginDelayedSelect);
     const touchEndHandler = (e) => stopPropagationAndProcess(e, onCancelPendingSelect);
-    ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => {
-        link.addEventListener(eventName, selectHandler);
-    });
+    ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.addEventListener(eventName, selectHandler));
     link.addEventListener('touchstart', touchStartHandler, { passive: true });
     link.addEventListener('touchend', touchEndHandler, { passive: true });
     return () => {
-        ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => {
-            link.removeEventListener(eventName, selectHandler);
-        });
+        ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.removeEventListener(eventName, selectHandler));
         link.removeEventListener('touchstart', touchStartHandler);
         link.removeEventListener('touchend', touchEndHandler);
     };
@@ -53,4 +49,4 @@ const LinkWithItemAnalytics = ({ href, className, part, title, onSelect, onBegin
 exports.LinkWithItemAnalytics = LinkWithItemAnalytics;
 exports.bindAnalyticsToLink = bindAnalyticsToLink;
 
-//# sourceMappingURL=stencil-item-link-4849de1c.js.map
+//# sourceMappingURL=stencil-item-link-9feaef61.js.map

package/dist/cjs/stencil-item-link-9feaef61.js.map

@@ -0,0 +1 @@
+{"file":"stencil-item-link-9feaef61.js","mappings":"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","names":["h","filterProtocol"],"sources":["src/components/common/item-link/bind-analytics-to-link.ts","src/components/common/item-link/stencil-item-link.tsx"],"sourcesContent":["import type {ItemLinkProps} from './item-link';\n\ntype ItemLinkEventProps = Pick<\n  ItemLinkProps,\n  | 'onSelect'\n  | 'onBeginDelayedSelect'\n  | 'onCancelPendingSelect'\n  | 'stopPropagation'\n>;\n\nexport const bindAnalyticsToLink = (\n  link: HTMLAnchorElement,\n  {\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    stopPropagation = true,\n  }: ItemLinkEventProps\n): (() => void) => {\n  const stopPropagationAndProcess = (e: Event, process: () => void) => {\n    stopPropagation && e.stopPropagation();\n    process();\n  };\n\n  const selectHandler = (e: Event) => stopPropagationAndProcess(e, onSelect);\n  const touchStartHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onBeginDelayedSelect);\n  const touchEndHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onCancelPendingSelect);\n\n  (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n    (eventName) => link.addEventListener(eventName, selectHandler)\n  );\n  link.addEventListener('touchstart', touchStartHandler, {passive: true});\n  link.addEventListener('touchend', touchEndHandler, {passive: true});\n\n  return () => {\n    (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n      (eventName) => link.removeEventListener(eventName, selectHandler)\n    );\n    link.removeEventListener('touchstart', touchStartHandler);\n    link.removeEventListener('touchend', touchEndHandler);\n  };\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {filterProtocol} from '../../../utils/xss-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport { bindAnalyticsToLink } from './bind-analytics-to-link';\n\ninterface ItemLinkEventProps {\n  onSelect: () => void;\n  onBeginDelayedSelect: () => void;\n  onCancelPendingSelect: () => void;\n  stopPropagation?: boolean;\n}\n\nexport interface ItemLinkProps extends ItemLinkEventProps {\n  href: string;\n  className?: string;\n  part?: string;\n  title?: string;\n  ref?: (elm?: HTMLAnchorElement) => void;\n  stopPropagation?: boolean;\n  attributes?: Attr[];\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  target?: ItemTarget;\n  rel?: string;\n  onMouseOver?: () => void;\n  onMouseLeave?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nexport const LinkWithItemAnalytics: FunctionalComponent<ItemLinkProps> = (\n  {\n    href,\n    className,\n    part,\n    title,\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    onMouseOver,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    ref,\n    attributes,\n    tabIndex,\n    ariaHidden,\n    rel,\n    stopPropagation = true,\n    target = '_self',\n  },\n  children\n) => {\n  return (\n    <a\n      class={className}\n      part={part}\n      href={filterProtocol(href)}\n      target={target}\n      title={title}\n      rel={rel}\n      ref={(el) => {\n        if (ref) {\n          ref(el);\n        }\n\n        if (!el) {\n          return;\n        }\n\n        bindAnalyticsToLink(el, {\n          onSelect,\n          onBeginDelayedSelect,\n          onCancelPendingSelect,\n          stopPropagation,\n        });\n\n        if (attributes?.length) {\n          [...attributes].forEach(({nodeName, nodeValue}) => {\n            el.setAttribute(nodeName, nodeValue!);\n          });\n        }\n\n        if (ariaHidden) {\n          el.setAttribute('aria-hidden', 'true');\n        }\n      }}\n      tabIndex={tabIndex}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n    >\n      {children}\n    </a>\n  );\n};\n"],"version":3}

package/dist/cjs/{result-template-decorators-432d11a9.js → stencil-result-template-decorators-28b05aaf.js}

@@ -10,6 +10,8 @@ const stencilItemDecorators = require('./stencil-item-decorators-43a96f33.js');
  * @ResultContext() private result!: Result;
  *
  * For more information and examples, view the "Utilities" section of the readme.
+ *
+ * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \@/src/components/search/result-template-component-utils/context/result-context-controller.ts
  */
 function ResultContext(opts = { folded: false }) {
     return stencilItemDecorators.ItemContext({ parentName: 'atomic-result', folded: opts.folded });
@@ -24,8 +26,10 @@ function InteractiveResultContext() {
  *
  * 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).
  *
- * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result".
+ * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result" element.
  * @returns A promise that resolves on initialization of the parent "atomic-result" element, or rejects when there is no parent "atomic-result" element.
+ *
+ * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \@/src/components/search/result-template-component-utils/context/fetch-result-context.ts
  */
 function resultContext(element) {
     return stencilItemDecorators.itemContext(element, 'atomic-result');
@@ -35,4 +39,4 @@ exports.InteractiveResultContext = InteractiveResultContext;
 exports.ResultContext = ResultContext;
 exports.resultContext = resultContext;
 
-//# sourceMappingURL=result-template-decorators-432d11a9.js.map
+//# sourceMappingURL=stencil-result-template-decorators-28b05aaf.js.map

package/dist/cjs/stencil-result-template-decorators-28b05aaf.js.map

@@ -0,0 +1 @@
+{"file":"stencil-result-template-decorators-28b05aaf.js","mappings":";;;;AASA;;;;;;;;;;;SAWgB,aAAa,CAAC,OAA0B,EAAC,MAAM,EAAE,KAAK,EAAC;IACrE,OAAOA,iCAAW,CAAC,EAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;AACzE,CAAC;SAEe,wBAAwB;IACtC,OAAOC,4CAAsB,EAAE,CAAC;AAClC,CAAC;AAKD;;;;;;;;;;;;SAYgB,aAAa,CAC3B,OAAgB;IAEhB,OAAOC,iCAAW,CAAI,OAAO,EAAE,eAAe,CAAC,CAAC;AAClD;;;;;;","names":["ItemContext","InteractiveItemContext","itemContext"],"sources":["src/components/search/result-template-component-utils/context/stencil-result-template-decorators.tsx"],"sourcesContent":["import {FoldedResult, Result} from '@coveo/headless';\nimport {\n  InteractiveItemContext,\n  InteractiveItemContextEvent,\n  ItemContext,\n  ItemContextEvent,\n  itemContext,\n} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \\@/src/components/search/result-template-component-utils/context/result-context-controller.ts\n */\nexport function ResultContext(opts: {folded: boolean} = {folded: false}) {\n  return ItemContext({parentName: 'atomic-result', folded: opts.folded});\n}\n\nexport function InteractiveResultContext() {\n  return InteractiveItemContext();\n}\n\nexport type ResultContextEvent<T = Result> = ItemContextEvent<T>;\nexport type InteractiveResultContextEvent = InteractiveItemContextEvent;\n\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-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-result\" element.\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n * \n * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \\@/src/components/search/result-template-component-utils/context/fetch-result-context.ts\n */\nexport function resultContext<T extends Result | FoldedResult = Result>(\n  element: Element\n) {\n  return itemContext<T>(element, 'atomic-result');\n}\n"],"version":3}

package/dist/cjs/version.cjs.js

@@ -1,2 +1,2 @@
-module.exports.headlessVersion = '3.31.1-pre.327721908b';
-module.exports.atomicVersion = '3.33.8-pre.327721908b';
+module.exports.headlessVersion = '3.31.1-pre.32dc00f676';
+module.exports.atomicVersion = '3.33.8-pre.32dc00f676';

package/dist/esm/_index.js

@@ -1,9 +1,9 @@
+import { c as closest } from './dom-utils-f6086cd3.js';
+import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
 import { i as itemContext } from './stencil-item-decorators-6c453c11.js';
 export { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-events-b7a6f007.js';
 export { e as elementHasNoQuery, a as elementHasQuery } from './suggestions-utils-591559a0.js';
-export { r as resultContext } from './result-template-decorators-2ed76ea9.js';
-import { c as closest } from './dom-utils-f6086cd3.js';
-import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
+export { r as resultContext } from './stencil-result-template-decorators-f989bc6b.js';
 export { i as initializeBindings } from './initialization-utils-ffbc4136.js';
 export { b as bindLogDocumentOpenOnResult } from './result-utils-7e9b6b5c.js';
 export { M as MissingInterfaceParentError } from './initialization-lit-stencil-common-utils-804fe146.js';
@@ -11,22 +11,6 @@ import './index-3f35faca.js';
 import './init-queue-fbe942c3.js';
 import '@coveo/headless';
 
-/**
- * Retrieves `Product` on a rendered `atomic-product`.
- *
- * 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.
- *
- * 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).
- *
- * @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 `fetchProductContext` from \@/src/decorators/commerce/product-template-decorators.ts
- */
-function productContext(element) {
-    return itemContext(element, 'atomic-product');
-}
-
 class MissingParentError extends Error {
     constructor(elementName, parentName) {
         super(`The "${elementName}" element must be the child of an "${parentName}" element.`);
@@ -60,6 +44,22 @@ function fetchProductContext(element) {
     return fetchItemContext(element, 'atomic-product');
 }
 
+/**
+ * Retrieves `Product` on a rendered `atomic-product`.
+ *
+ * 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.
+ *
+ * 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).
+ *
+ * @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 `fetchProductContext` from \@/src/components/commerce/product-template-component-utils/context/fetch-product-context.ts
+ */
+function productContext(element) {
+    return itemContext(element, 'atomic-product');
+}
+
 export { fetchProductContext, productContext };
 
 //# sourceMappingURL=index.js.map

package/dist/esm/{analytics-config-ef22da98.js → analytics-config-1e38fa5f.js}

@@ -2156,7 +2156,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.33.8-pre.327721908b",
+        version: "3.33.8-pre.32dc00f676",
         headlessVersion,
     };
 }
@@ -2915,4 +2915,4 @@ function getNextAnalyticsConfig(searchEngineConfig, enabled) {
 
 export { CommonAtomicInterfaceHelper as C, augmentWithExternalMiddleware as a, augmentAnalyticsWithAtomicVersion as b, augmentAnalyticsConfigWithDocument as c, augmentAnalyticsConfigWithAtomicVersion as d, getNextAnalyticsConfig as g, instance as i, mismatchedInterfaceAndEnginePropError as m };
 
-//# sourceMappingURL=analytics-config-ef22da98.js.map
+//# sourceMappingURL=analytics-config-1e38fa5f.js.map