@coveo/atomic 3.35.0-pre.946549b45a → 3.35.0-pre.960ef5c28d

package/dist/atomic/components/components/common/{template-controller/template-utils.js → product-template/product-template-common.js}

@@ -1,7 +1,8 @@
-import { isResultSectionNode } from "../layout/item-layout-sections";
-import { tableElementTagName } from "../table-element-utils";
-import { intersection } from "../../../utils/set";
-import { isElementNode, isVisualNode } from "../../../utils/utils";
+import { ProductTemplatesHelpers, } from '@coveo/headless/commerce';
+import { intersection } from '../../../utils/set';
+import { isElementNode, isVisualNode } from '../../../utils/utils';
+import { tableElementTagName } from '../../search/atomic-table-result/table-element-utils';
+import { isResultSectionNode } from '../layout/item-layout-sections';
 export function getTemplateNodeType(node) {
     if (isResultSectionNode(node)) {
         return 'section';
@@ -15,7 +16,7 @@ export function getTemplateNodeType(node) {
     }
     return 'other';
 }
-export function makeMatchConditions(mustMatch, mustNotMatch, helpers) {
+export function makeMatchConditions(mustMatch, mustNotMatch) {
     const conditions = [];
     for (const field in mustMatch) {
         if (mustNotMatch[field]) {
@@ -24,25 +25,25 @@ export function makeMatchConditions(mustMatch, mustNotMatch, helpers) {
             const commonValues = intersection(mustNotMatchValues, mustMatchValues);
             if (commonValues.size > 0) {
                 console.error(`Conflicting match conditions for field ${field}, the template will be ignored.`, commonValues);
-                return [(() => false)];
+                return [() => false];
             }
         }
-        conditions.push(helpers.fieldMustMatch(field, mustMatch[field]));
+        conditions.push(ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));
     }
     for (const field in mustNotMatch) {
-        conditions.push(helpers.fieldMustNotMatch(field, mustNotMatch[field]));
+        conditions.push(ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));
     }
     return conditions;
 }
-export function makeDefinedConditions(ifDefined, ifNotDefined, helpers) {
+export function makeDefinedConditions(ifDefined, ifNotDefined) {
     const conditions = [];
     if (ifDefined) {
         const fieldNames = ifDefined.split(',');
-        conditions.push(helpers.fieldsMustBeDefined(fieldNames));
+        conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));
     }
     if (ifNotDefined) {
         const fieldNames = ifNotDefined.split(',');
-        conditions.push(helpers.fieldsMustNotBeDefined(fieldNames));
+        conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
     }
     return conditions;
 }

package/dist/atomic/components/components/common/product-template/product-template-controller.js

@@ -1,23 +1,94 @@
-import { BaseTemplateController, } from "../template-controller/base-template-controller";
-export class ProductTemplateController extends BaseTemplateController {
+import { aggregate } from '../../../utils/utils';
+import { getTemplateNodeType } from './product-template-common';
+export class ProductTemplateController {
     constructor(host, validParents, allowEmpty = false) {
-        super(host, validParents, allowEmpty);
+        this.host = host;
+        this.validParents = validParents;
+        this.allowEmpty = allowEmpty;
+        this.matchConditions = [];
+        this.host.addController(this);
+    }
+    hostConnected() {
+        this.validateTemplate();
+    }
+    setError(error) {
+        this.host.error = error;
+    }
+    validateTemplate() {
+        const hasValidParent = this.validParents
+            .map((p) => p.toUpperCase())
+            .includes(this.parentElement?.nodeName || '');
+        const tagName = this.host.nodeName.toLowerCase();
+        if (!hasValidParent) {
+            this.setError(new Error(ProductTemplateController.ERRORS.invalidParent(tagName, this.validParents)));
+            return;
+        }
+        if (this.parentAttr('display') === 'grid') {
+            this.gridCellLinkTarget = this.parentAttr('grid-cell-link-target');
+        }
+        if (!this.template) {
+            this.setError(new Error(ProductTemplateController.ERRORS.missingTemplate(tagName)));
+            return;
+        }
+        if (!this.allowEmpty && !this.template.innerHTML.trim()) {
+            this.setError(new Error(ProductTemplateController.ERRORS.emptyTemplate(tagName)));
+            return;
+        }
+        if (this.template.content.querySelector('script')) {
+            console.warn(ProductTemplateController.WARNINGS.scriptTag, this.host);
+        }
+        const { section, other } = groupNodesByType(this.template.content.childNodes);
+        if (section?.length && other?.length) {
+            console.warn(ProductTemplateController.WARNINGS.sectionMix, this.host, {
+                section,
+                other,
+            });
+        }
     }
     getTemplate(conditions) {
-        const baseTemplate = this.getBaseTemplate(conditions);
-        if (!baseTemplate) {
+        if (this.host.error) {
             return null;
         }
         return {
-            conditions: baseTemplate.conditions,
-            content: baseTemplate.content,
-            linkContent: baseTemplate.linkContent,
-            priority: baseTemplate.priority,
+            conditions: conditions.concat(this.matchConditions),
+            content: getTemplateElement(this.host).content,
+            linkContent: this.getLinkTemplateElement(this.host).content,
+            priority: 1,
         };
     }
     getDefaultLinkTemplateElement() {
         const linkTemplate = document.createElement('template');
-        linkTemplate.innerHTML = `<atomic-product-link>${this.currentGridCellLinkTarget ? `<a slot="attributes" target="${this.currentGridCellLinkTarget}"></a>` : ''}</atomic-product-link>`;
+        linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}</atomic-product-link>`;
         return linkTemplate;
     }
+    getLinkTemplateElement(host) {
+        return (host.querySelector('template[slot="link"]') ??
+            this.getDefaultLinkTemplateElement());
+    }
+    get parentElement() {
+        return this.host.parentElement;
+    }
+    get template() {
+        return this.host.querySelector('template');
+    }
+    parentAttr(attribute) {
+        return this.parentElement?.attributes.getNamedItem(attribute)?.value;
+    }
+}
+ProductTemplateController.ERRORS = {
+    invalidParent: (tagName, validParents) => `The "${tagName}" component has to be the child of one of the following: ${validParents
+        .map((p) => `"${p.toLowerCase()}"`)
+        .join(', ')}.`,
+    missingTemplate: (tagName) => `The "${tagName}" component must contain a "template" element as a child.`,
+    emptyTemplate: (tagName) => `The "template" tag inside "${tagName}" cannot be empty.`,
+};
+ProductTemplateController.WARNINGS = {
+    scriptTag: 'Any "script" tags defined inside of "template" elements are not supported and will not be executed when the products are rendered.',
+    sectionMix: 'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',
+};
+function getTemplateElement(host) {
+    return host.querySelector('template:not([slot])');
+}
+function groupNodesByType(nodes) {
+    return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));
 }

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

@@ -1,5 +1,3 @@
-import './purify.js';
-
 function rectEquals(r1, r2) {
     return (r1.x === r2.x &&
         r1.y === r2.y &&

package/dist/atomic/components/dom-utils.js.map

@@ -1 +1 @@
-{"file":"dom-utils.js","mappings":";;SAGgB,UAAU,CAAC,EAAW,EAAE,EAAW;IACjD,QACE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,KAAK;QACrB,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,EACvB;AACJ,CAAC;SAEe,kBAAkB,CAAC,IAAgB;IACjD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC7B,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;SAC/B,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;SAkBe,OAAO,CACrB,OAAuB,EACvB,QAAgB;IAEhB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO,OAAsB,CAAC;KAC/B;IACD,IAAI,OAAO,CAAC,UAAU,YAAY,UAAU,EAAE;QAC5C,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/utils/dom-utils.ts"],"sourcesContent":["import {getTemplateNodeType} from '@/src/components/common/template-controller/template-utils';\nimport {aggregate} from '@/src/utils/utils';\n\nexport function rectEquals(r1: DOMRect, r2: DOMRect) {\n  return (\n    r1.x === r2.x &&\n    r1.y === r2.y &&\n    r1.width === r2.width &&\n    r1.height === r2.height\n  );\n}\n\nexport function parentNodeToString(node: ParentNode): string {\n  return Array.from(node.children)\n    .map((child) => child.outerHTML)\n    .join('');\n}\n\nexport function groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\nexport function closest<K extends keyof HTMLElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): HTMLElementTagNameMap[K] | null;\nexport function closest<K extends keyof SVGElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): SVGElementTagNameMap[K] | null;\nexport function closest<E extends Element = Element>(\n  element: Element | null,\n  selector: string\n): E | null;\nexport function closest(\n  element: Element | null,\n  selector: string\n): HTMLElement | null {\n  if (!element) {\n    return null;\n  }\n  if (element.matches(selector)) {\n    return element as HTMLElement;\n  }\n  if (element.parentNode instanceof ShadowRoot) {\n    return closest(element.parentNode.host, selector);\n  }\n  return closest(element.parentElement, selector);\n}\n"],"version":3}
+{"file":"dom-utils.js","mappings":"SAAgB,UAAU,CAAC,EAAW,EAAE,EAAW;IACjD,QACE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,KAAK;QACrB,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,EACvB;AACJ,CAAC;SAEe,kBAAkB,CAAC,IAAgB;IACjD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC7B,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;SAC/B,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;SAce,OAAO,CACrB,OAAuB,EACvB,QAAgB;IAEhB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO,OAAsB,CAAC;KAC/B;IACD,IAAI,OAAO,CAAC,UAAU,YAAY,UAAU,EAAE;QAC5C,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD;;;;","names":[],"sources":["src/utils/dom-utils.ts"],"sourcesContent":["export function rectEquals(r1: DOMRect, r2: DOMRect) {\n  return (\n    r1.x === r2.x &&\n    r1.y === r2.y &&\n    r1.width === r2.width &&\n    r1.height === r2.height\n  );\n}\n\nexport function parentNodeToString(node: ParentNode): string {\n  return Array.from(node.children)\n    .map((child) => child.outerHTML)\n    .join('');\n}\n\nexport function closest<K extends keyof HTMLElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): HTMLElementTagNameMap[K] | null;\nexport function closest<K extends keyof SVGElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): SVGElementTagNameMap[K] | null;\nexport function closest<E extends Element = Element>(\n  element: Element | null,\n  selector: string\n): E | null;\nexport function closest(\n  element: Element | null,\n  selector: string\n): HTMLElement | null {\n  if (!element) {\n    return null;\n  }\n  if (element.matches(selector)) {\n    return element as HTMLElement;\n  }\n  if (element.parentNode instanceof ShadowRoot) {\n    return closest(element.parentNode.host, selector);\n  }\n  return closest(element.parentElement, selector);\n}\n"],"version":3}

package/dist/atomic/components/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.35.0-pre.946549b45a",
+        version: "3.35.0-pre.960ef5c28d",
         headlessVersion,
     };
 }

package/dist/atomic/components/{stencil-result-template-common.js → result-template-common.js}

@@ -112,4 +112,4 @@ function makeDefinedConditions(ifDefined, ifNotDefined) {
 
 export { ResultTemplateCommon as R, makeDefinedConditions as a, makeMatchConditions as m };
 
-//# sourceMappingURL=stencil-result-template-common.js.map
+//# sourceMappingURL=result-template-common.js.map

package/dist/atomic/components/result-template-common.js.map

@@ -0,0 +1 @@
+{"file":"result-template-common.js","mappings":";;;;;;SA0BgB,mBAAmB,CAAC,IAAU;IAC5C,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE;QAC7B,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QACvB,OAAO,UAAU,CAAC;KACnB;IACD,IACE,aAAa,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,EAClD;QACA,OAAO,yBAAyB,CAAC;KAClC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAe;IACvC,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3E,CAAC;MAEY,oBAAoB;IAK/B,YAAY,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,GAAG,KAAK,GACQ;QARrB,oBAAe,GAA8B,EAAE,CAAC;QAC/C,uBAAkB,GAAe,OAAO,CAAC;QAQ/C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;KACjE;IAED,gBAAgB,CACd,IAAoB,EACpB,QAAgC,EAChC,YAAsB,EACtB,UAAU,GAAG,IAAI;QAEjB,MAAM,cAAc,GAAG,YAAY;aAChC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;aAC3B,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAE5C,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,CACN,IAAI,KAAK,CACP,QAAQ,OAAO,4DAA4D,YAAY;iBACpF,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC;iBAClC,IAAI,CAAC,IAAI,CAAC,GAAG,CACjB,CACF,CAAC;YACF,OAAO;SACR;QAED,IACE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,MAAM,EACxE;YACA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,YAAY,CACnE,uBAAuB,CACxB,EAAE,KAAmB,CAAC;SACxB;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CACjC,sBAAsB,CACvB,CAAC;QACF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CACN,IAAI,KAAK,CACP,QAAQ,OAAO,6DAA6D,CAC7E,CACF,CAAC;YACF,OAAO;SACR;QAED,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE;YAC7C,QAAQ,CACN,IAAI,KAAK,CAAC,8BAA8B,OAAO,oBAAoB,CAAC,CACrE,CAAC;YACF,OAAO;SACR;QAED,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE;YAC5C,OAAO,CAAC,IAAI,CACV,mIAAmI,EACnI,IAAI,CACL,CAAC;SACH;QAED,MAAM,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAC,GAAG,gBAAgB,CACjE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAC5B,CAAC;QACF,IAAI,YAAY,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,EAAE;YAC9C,OAAO,CAAC,IAAI,CACV,gJAAgJ,EAChJ,IAAI,EACJ,EAAC,YAAY,EAAE,UAAU,EAAC,CAC3B,CAAC;SACH;KACF;IAED,WAAW,CACT,UAAqC,EACrC,KAAY;QAEZ,IAAI,KAAK,EAAE;YACT,OAAO,IAAI,CAAC;SACb;QAED,OAAO;YACL,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;YACnD,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAQ;YAC/C,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAQ;YAC5D,QAAQ,EAAE,CAAC;SACZ,CAAC;KACH;IAED,aAAa,CAAC,KAAY;QACxB,IAAI,KAAK,EAAE;YACT,QACE,8BACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;IAED,6BAA6B;QAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,SAAS,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,GAAG,gCAAgC,IAAI,CAAC,kBAAkB,QAAQ,GAAG,EAAE,uBAAuB,CAAC;QACtK,OAAO,YAAY,CAAC;KACrB;IAED,sBAAsB,CAAC,IAAiB;QACtC,QACE,IAAI,CAAC,aAAa,CAAsB,uBAAuB,CAAC;YAChE,IAAI,CAAC,6BAA6B,EAAE,EACpC;KACH;CACF;AAED,SAAS,kBAAkB,CAAC,IAAiB;IAC3C,OAAO,IAAI,CAAC,aAAa,CAAsB,sBAAsB,CAAE,CAAC;AAC1E,CAAC;SAEe,mBAAmB,CACjC,SAAmC,EACnC,YAAsC;IAEtC,MAAM,UAAU,GAA8B,EAAE,CAAC;IACjD,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE;QAC7B,UAAU,CAAC,IAAI,CACb,sBAAsB,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAC/D,CAAC;KACH;IAED,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE;QAChC,UAAU,CAAC,IAAI,CACb,sBAAsB,CAAC,iBAAiB,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CACrE,CAAC;KACH;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;SAEe,qBAAqB,CACnC,SAAkB,EAClB,YAAqB;IAErB,MAAM,UAAU,GAA8B,EAAE,CAAC;IACjD,IAAI,SAAS,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;KACzE;IAED,IAAI,YAAY,EAAE;QAChB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,CAAC;KAC5E;IACD,OAAO,UAAU,CAAC;AACpB;;;;","names":[],"sources":["src/components/common/result-templates/result-template-common.tsx"],"sourcesContent":["import {\n  ResultTemplate,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {h} from '@stencil/core';\nimport {aggregate, isElementNode, isVisualNode} from '../../../utils/utils';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/item-layout-sections';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ResultTemplateCommonProps {\n  allowEmpty?: boolean;\n  host: HTMLDivElement;\n  validParents: string[];\n  setError: (error: Error) => void;\n}\n\ntype TemplateNodeType =\n  | 'section'\n  | 'metadata'\n  | 'table-column-definition'\n  | 'other';\n\nexport function getTemplateNodeType(node: Node): TemplateNodeType {\n  if (isResultSectionNode(node)) {\n    return 'section';\n  }\n  if (!isVisualNode(node)) {\n    return 'metadata';\n  }\n  if (\n    isElementNode(node) &&\n    node.tagName.toLowerCase() === tableElementTagName\n  ) {\n    return 'table-column-definition';\n  }\n  return 'other';\n}\n\nfunction groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\nexport class ResultTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ResultTemplateCondition[] = [];\n  private gridCellLinkTarget: ItemTarget = '_self';\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ResultTemplateCommonProps) {\n    this.host = host;\n    this.validateTemplate(host, setError, validParents, allowEmpty);\n  }\n\n  validateTemplate(\n    host: HTMLDivElement,\n    setError: (error: Error) => void,\n    validParents: string[],\n    allowEmpty = true\n  ) {\n    const hasValidParent = validParents\n      .map((p) => p.toUpperCase())\n      .includes(host.parentElement?.nodeName || '');\n    const tagName = host.nodeName.toLowerCase();\n\n    if (!hasValidParent) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to be the child of one of the following: ${validParents\n            .map((p) => `\"${p.toLowerCase()}\"`)\n            .join(', ')}.`\n        )\n      );\n      return;\n    }\n\n    if (\n      host.parentElement?.attributes.getNamedItem('display')?.value === 'grid'\n    ) {\n      this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem(\n        'grid-cell-link-target'\n      )?.value as ItemTarget;\n    }\n\n    const template = host.querySelector<HTMLTemplateElement>(\n      'template:not([slot])'\n    );\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to contain a \"template\" element as a child.`\n        )\n      );\n      return;\n    }\n\n    if (!allowEmpty && !template.innerHTML.trim()) {\n      setError(\n        new Error(`The \"template\" tag inside \"${tagName}\" cannot be empty.`)\n      );\n      return;\n    }\n\n    if (template.content.querySelector('script')) {\n      console.warn(\n        'Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the results are rendered.',\n        host\n      );\n    }\n\n    const {section: sectionNodes, other: otherNodes} = groupNodesByType(\n      template.content.childNodes\n    );\n    if (sectionNodes?.length && otherNodes?.length) {\n      console.warn(\n        'Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ResultTemplateCondition[],\n    error: Error\n  ): ResultTemplate<TemplateContent> | null {\n    if (error) {\n      return null;\n    }\n\n    return {\n      conditions: conditions.concat(this.matchConditions),\n      content: getTemplateElement(this.host).content!,\n      linkContent: this.getLinkTemplateElement(this.host).content!,\n      priority: 1,\n    };\n  }\n\n  renderIfError(error: Error) {\n    if (error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n\n  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-result-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-result-link>`;\n    return linkTemplate;\n  }\n\n  getLinkTemplateElement(host: HTMLElement) {\n    return (\n      host.querySelector<HTMLTemplateElement>('template[slot=\"link\"]') ??\n      this.getDefaultLinkTemplateElement()\n    );\n  }\n}\n\nfunction getTemplateElement(host: HTMLElement) {\n  return host.querySelector<HTMLTemplateElement>('template:not([slot])')!;\n}\n\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ResultTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ResultTemplateCondition[] {\n  const conditions: ResultTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n"],"version":3}

package/dist/atomic/components/table-element-utils.js.map

@@ -1 +1 @@
-{"file":"table-element-utils.js","mappings":"MAAa,mBAAmB,GAAG;;;;","names":[],"sources":["src/components/common/table-element-utils.ts"],"sourcesContent":["export const tableElementTagName = 'atomic-table-element';\n"],"version":3}
+{"file":"table-element-utils.js","mappings":"MAAa,mBAAmB,GAAG;;;;","names":[],"sources":["src/components/search/atomic-table-result/table-element-utils.ts"],"sourcesContent":["export const tableElementTagName = 'atomic-table-element';\n"],"version":3}

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

@@ -1,5 +1,3 @@
-import { getTemplateNodeType } from "../components/common/template-controller/template-utils";
-import { aggregate } from "./utils";
 export function rectEquals(r1, r2) {
     return (r1.x === r2.x &&
         r1.y === r2.y &&
@@ -11,9 +9,6 @@ export function parentNodeToString(node) {
         .map((child) => child.outerHTML)
         .join('');
 }
-export function groupNodesByType(nodes) {
-    return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));
-}
 export function closest(element, selector) {
     if (!element) {
         return null;

package/dist/atomic/index.esm.js

@@ -1,2 +1,2 @@
-import{c as o}from"./p-6ef684df.js";import{b as t}from"./p-1580513b.js";import{i as s}from"./p-201b58b3.js";export{e as elementHasNoQuery,a as elementHasQuery}from"./p-0a051b8d.js";export{r as resultContext}from"./p-3b52e039.js";export{i as initializeBindings}from"./p-03e01aef.js";export{b as bindLogDocumentOpenOnResult}from"./p-c3cb3e0c.js";export{M as MissingInterfaceParentError}from"./p-f983e811.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-dc3df5ce.js";import"./p-05de7ca3.js";import"@coveo/headless";class n extends Error{constructor(e,o){super(`The "${e}" element must be the child of an "${o}" element.`)}}const c="atomic/resolveResult";function m(e,s){return new Promise(((r,i)=>{const a=t(c,(e=>r(e)));e.dispatchEvent(a);if(!o(e,s)){i(new n(e.nodeName.toLowerCase(),s))}}))}function p(e){return m(e,"atomic-product")}function f(e){return s(e,"atomic-product")}const l=(e,t,s=u)=>{const r=o(t,u.join(", "));if(!r){throw new Error(`The "${t.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${s.join(", ")}`)}void h(r,t,e)};const u=["atomic-search-box","atomic-insight-search-box","atomic-commerce-search-box"];const d=e=>"updateComplete"in e&&e.updateComplete instanceof Promise;const h=async(e,o,s)=>{await customElements.whenDefined(e.nodeName.toLowerCase());if(d(e)){await e.updateComplete}else if("componentOnReady"in e){await e.componentOnReady()}o.dispatchEvent(t("atomic/searchBoxSuggestion/register",s))};export{l as dispatchSearchBoxSuggestionsEvent,p as fetchProductContext,f as productContext};
+import{c as o}from"./p-c9074946.js";import{b as t}from"./p-1580513b.js";import{i as s}from"./p-3dc06261.js";export{e as elementHasNoQuery,a as elementHasQuery}from"./p-0a051b8d.js";export{r as resultContext}from"./p-4080f740.js";export{i as initializeBindings}from"./p-ff2d324d.js";export{b as bindLogDocumentOpenOnResult}from"./p-c3cb3e0c.js";export{M as MissingInterfaceParentError}from"./p-cae02339.js";import"./p-dc3df5ce.js";import"./p-05de7ca3.js";import"@coveo/headless";class n extends Error{constructor(e,o){super(`The "${e}" element must be the child of an "${o}" element.`)}}const c="atomic/resolveResult";function m(e,s){return new Promise(((r,i)=>{const a=t(c,(e=>r(e)));e.dispatchEvent(a);if(!o(e,s)){i(new n(e.nodeName.toLowerCase(),s))}}))}function p(e){return m(e,"atomic-product")}function f(e){return s(e,"atomic-product")}const d=(e,t,s=l)=>{const r=o(t,l.join(", "));if(!r){throw new Error(`The "${t.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${s.join(", ")}`)}void h(r,t,e)};const l=["atomic-search-box","atomic-insight-search-box","atomic-commerce-search-box"];const u=e=>"updateComplete"in e&&e.updateComplete instanceof Promise;const h=async(e,o,s)=>{await customElements.whenDefined(e.nodeName.toLowerCase());if(u(e)){await e.updateComplete}else if("componentOnReady"in e){await e.componentOnReady()}o.dispatchEvent(t("atomic/searchBoxSuggestion/register",s))};export{d as dispatchSearchBoxSuggestionsEvent,p as fetchProductContext,f as productContext};
 //# sourceMappingURL=index.esm.js.map

package/dist/atomic/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["MissingParentError","Error","constructor","elementName","parentName","super","itemContextEventName","fetchItemContext","element","Promise","resolve","reject","event","buildCustomEvent","item","dispatchEvent","closest","nodeName","toLowerCase","fetchProductContext","productContext","itemContext","dispatchSearchBoxSuggestionsEvent","allowedSearchBoxElements","searchBoxElements","interfaceElement","join","dispatchSearchBoxSuggestionsEventEventually","isLitElementLoosely","candidate","updateComplete","async","customElements","whenDefined","componentOnReady"],"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","src/components/common/suggestions/suggestions-events.ts"],"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","import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n"],"mappings":"ohBAcaA,UAA2BC,MACtC,WAAAC,CAAYC,EAAqBC,GAC/BC,MACE,QAAQF,uCAAiDC,c,ECb/D,MAAME,EAAuB,uB,SAIbC,EAAoBC,EAAkBJ,GACpD,OAAO,IAAIK,SAAW,CAACC,EAASC,KAC9B,MAAMC,EAAQC,EACZP,GACCQ,GACQJ,EAAQI,KAGnBN,EAAQO,cAAcH,GAEtB,IAAKI,EAAQR,EAASJ,GAAa,CACjCO,EACE,IAAIX,EAAmBQ,EAAQS,SAASC,cAAed,G,IAI/D,C,SCXgBe,EAAuCX,GACrD,OAAOD,EAAoBC,EAAS,iBACtC,C,SCAgBY,EAAkCZ,GAChD,OAAOa,EAAeb,EAAS,iBACjC,C,MCDac,EAAoC,CAI/CV,EACAJ,EACAe,EAA0EC,KAE1E,MAAMC,EAAmBT,EAAQR,EAASgB,EAAkBE,KAAK,OACjE,IAAKD,EAAkB,CACrB,MAAM,IAAIxB,MACR,QAAQO,EAAQS,SAASC,6FAA6FK,EAAyBG,KAC7I,Q,MAIDC,EACHF,EACAjB,EACAI,EACD,EAGH,MAAMY,EAAoB,CACxB,oBACA,4BACA,8BAGF,MAAMI,EAAuBC,GAC3B,mBAAqBA,GACpBA,EAAyBC,0BAA0BrB,QAEtD,MAAMkB,EAA8CI,MAIlDN,EACAjB,EACAI,WAEMoB,eAAeC,YAAYR,EAAiBR,SAASC,eAC3D,GAAIU,EAAoBH,GAAmB,OACnCA,EAAiBK,c,MAClB,GAAI,qBAAsBL,EAAkB,OAC1CA,EAAwCS,kB,CAEjD1B,EAAQO,cACNF,EAAiB,sCAAuCD,GACzD,S","ignoreList":[]}
+{"version":3,"names":["MissingParentError","Error","constructor","elementName","parentName","super","itemContextEventName","fetchItemContext","element","Promise","resolve","reject","event","buildCustomEvent","item","dispatchEvent","closest","nodeName","toLowerCase","fetchProductContext","productContext","itemContext","dispatchSearchBoxSuggestionsEvent","allowedSearchBoxElements","searchBoxElements","interfaceElement","join","dispatchSearchBoxSuggestionsEventEventually","isLitElementLoosely","candidate","updateComplete","async","customElements","whenDefined","componentOnReady"],"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","src/components/common/suggestions/suggestions-events.ts"],"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","import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n"],"mappings":"oeAcaA,UAA2BC,MACtC,WAAAC,CAAYC,EAAqBC,GAC/BC,MACE,QAAQF,uCAAiDC,c,ECb/D,MAAME,EAAuB,uB,SAIbC,EAAoBC,EAAkBJ,GACpD,OAAO,IAAIK,SAAW,CAACC,EAASC,KAC9B,MAAMC,EAAQC,EACZP,GACCQ,GACQJ,EAAQI,KAGnBN,EAAQO,cAAcH,GAEtB,IAAKI,EAAQR,EAASJ,GAAa,CACjCO,EACE,IAAIX,EAAmBQ,EAAQS,SAASC,cAAed,G,IAI/D,C,SCXgBe,EAAuCX,GACrD,OAAOD,EAAoBC,EAAS,iBACtC,C,SCAgBY,EAAkCZ,GAChD,OAAOa,EAAeb,EAAS,iBACjC,C,MCDac,EAAoC,CAI/CV,EACAJ,EACAe,EAA0EC,KAE1E,MAAMC,EAAmBT,EAAQR,EAASgB,EAAkBE,KAAK,OACjE,IAAKD,EAAkB,CACrB,MAAM,IAAIxB,MACR,QAAQO,EAAQS,SAASC,6FAA6FK,EAAyBG,KAC7I,Q,MAIDC,EACHF,EACAjB,EACAI,EACD,EAGH,MAAMY,EAAoB,CACxB,oBACA,4BACA,8BAGF,MAAMI,EAAuBC,GAC3B,mBAAqBA,GACpBA,EAAyBC,0BAA0BrB,QAEtD,MAAMkB,EAA8CI,MAIlDN,EACAjB,EACAI,WAEMoB,eAAeC,YAAYR,EAAiBR,SAASC,eAC3D,GAAIU,EAAoBH,GAAmB,OACnCA,EAAiBK,c,MAClB,GAAI,qBAAsBL,EAAkB,OAC1CA,EAAwCS,kB,CAEjD1B,EAAQO,cACNF,EAAiB,sCAAuCD,GACzD,S","ignoreList":[]}