@coveo/atomic 3.31.2-pre.250e2f6259 → 3.31.2-pre.25fd3f0b2d

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-31T16:01:09",
+  "timestamp": "2025-07-31T23:08:21",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -6562,139 +6562,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-field-condition",
-      "docs": "The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\nThe condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).",
-      "docsTags": [
-        {
-          "name": "alpha"
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "ifDefined",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "if-defined",
-          "reflectToAttr": true,
-          "docs": "Verifies whether the specified fields are defined.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "ifNotDefined",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "if-not-defined",
-          "reflectToAttr": true,
-          "docs": "Verifies whether the specified fields are not defined.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "mustMatch",
-          "type": "{ [x: string]: string[]; }",
-          "complexType": {
-            "original": "Record<string, string[]>",
-            "resolved": "{ [x: string]: string[]; }",
-            "references": {
-              "Record": {
-                "location": "global",
-                "id": "global::Record"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Verifies whether the specified fields match the specified values.",
-          "docsTags": [
-            {
-              "name": "type",
-              "text": "{Record<string, string[]>}"
-            }
-          ],
-          "default": "{}",
-          "values": [
-            {
-              "type": "{ [x: string]: string[]; }"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "mustNotMatch",
-          "type": "{ [x: string]: string[]; }",
-          "complexType": {
-            "original": "Record<string, string[]>",
-            "resolved": "{ [x: string]: string[]; }",
-            "references": {
-              "Record": {
-                "location": "global",
-                "id": "global::Record"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Verifies whether the specified fields do not match the specified values.",
-          "docsTags": [
-            {
-              "name": "type",
-              "text": "{Record<string, string[]>}"
-            }
-          ],
-          "default": "{}",
-          "values": [
-            {
-              "type": "{ [x: string]: string[]; }"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/atomic-product-rating/atomic-product-rating.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.2-pre.250e2f6259",
+  "version": "3.31.2-pre.25fd3f0b2d",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -72,7 +72,7 @@
   "dependencies": {
     "@lit/context": "1.1.6",
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.8-pre.250e2f6259",
+    "@coveo/headless": "3.27.8-pre.25fd3f0b2d",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -158,7 +158,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.24",
-    "@coveo/headless": "3.27.8-pre.250e2f6259",
+    "@coveo/headless": "3.27.8-pre.25fd3f0b2d",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-product-field-condition.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicProductFieldCondition extends Components.AtomicProductFieldCondition, HTMLElement {}
-export const AtomicProductFieldCondition: {
-    prototype: AtomicProductFieldCondition;
-    new (): AtomicProductFieldCondition;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-product-field-condition.js

@@ -1,131 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { M as MapProp } from './props-utils.js';
-import './purify.js';
-import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
-import { P as ProductContext } from './stencil-product-template-decorators.js';
-
-// TODO: Replace by Set.prototype.intersection in July 2025
-function intersection(setA, setB) {
-    const result = new Set();
-    for (const elem of setA) {
-        if (setB.has(elem)) {
-            result.add(elem);
-        }
-    }
-    return result;
-}
-
-function makeMatchConditions(mustMatch, mustNotMatch) {
-    const conditions = [];
-    for (const field in mustMatch) {
-        if (mustNotMatch[field]) {
-            const mustNotMatchValues = new Set(mustNotMatch[field]);
-            const mustMatchValues = new Set(mustMatch[field]);
-            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];
-            }
-        }
-        conditions.push(ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));
-    }
-    for (const field in mustNotMatch) {
-        conditions.push(ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));
-    }
-    return conditions;
-}
-
-function makeDefinedConditions(ifDefined, ifNotDefined) {
-    const conditions = [];
-    if (ifDefined) {
-        const fieldNames = ifDefined.split(',');
-        conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));
-    }
-    if (ifNotDefined) {
-        const fieldNames = ifNotDefined.split(',');
-        conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
-    }
-    return conditions;
-}
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicProductFieldCondition$1 = /*@__PURE__*/ proxyCustomElement(class AtomicProductFieldCondition extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Verifies whether the specified fields match the specified values.
-         * @type {Record<string, string[]>}
-         */
-        this.mustMatch = {};
-        /**
-         * Verifies whether the specified fields do not match the specified values.
-         * @type {Record<string, string[]>}
-         */
-        this.mustNotMatch = {};
-        this.conditions = [];
-        this.shouldBeRemoved = false;
-        this.ifDefined = undefined;
-        this.ifNotDefined = undefined;
-        this.mustMatch = {};
-        this.mustNotMatch = {};
-    }
-    componentWillLoad() {
-        this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);
-        this.conditions.push(...makeMatchConditions(this.mustMatch, this.mustNotMatch));
-    }
-    render() {
-        if (!this.conditions.every((condition) => condition(this.product))) {
-            this.shouldBeRemoved = true;
-            return '';
-        }
-        return h("slot", null);
-    }
-    componentDidLoad() {
-        this.shouldBeRemoved && this.host.remove();
-    }
-    get host() { return this; }
-}, [4, "atomic-product-field-condition", {
-        "ifDefined": [513, "if-defined"],
-        "ifNotDefined": [513, "if-not-defined"],
-        "mustMatch": [16],
-        "mustNotMatch": [16]
-    }]);
-__decorate([
-    MapProp({ splitValues: true })
-], AtomicProductFieldCondition$1.prototype, "mustMatch", void 0);
-__decorate([
-    MapProp({ splitValues: true })
-], AtomicProductFieldCondition$1.prototype, "mustNotMatch", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductFieldCondition$1.prototype, "product", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-product-field-condition"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-product-field-condition":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicProductFieldCondition$1);
-            }
-            break;
-    } });
-}
-
-const AtomicProductFieldCondition = AtomicProductFieldCondition$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicProductFieldCondition, defineCustomElement };
-
-//# sourceMappingURL=atomic-product-field-condition.js.map

package/dist/atomic/components/atomic-product-field-condition.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-field-condition.js","mappings":"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","names":["AtomicProductFieldCondition"],"sources":["src/utils/set.ts","src/components/common/product-template/product-template-common.ts","src/components/common/product-template/stencil-product-template-common.tsx","src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx"],"sourcesContent":["// TODO: Replace by Set.prototype.intersection in July 2025\nexport function intersection<T>(setA: Set<T>, setB: Set<T>): Set<T> {\n  const result = new Set<T>();\n  for (const elem of setA) {\n    if (setB.has(elem)) {\n      result.add(elem);\n    }\n  }\n  return result;\n}\n","import {\n  type ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {intersection} from '../../../utils/set';\nimport {isElementNode, isVisualNode} from '../../../utils/utils';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {isResultSectionNode} from '../layout/sections';\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\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    if (mustNotMatch[field]) {\n      const mustNotMatchValues = new Set(mustNotMatch[field]);\n      const mustMatchValues = new Set(mustMatch[field]);\n      const commonValues = intersection(mustNotMatchValues, mustMatchValues);\n      if (commonValues.size > 0) {\n        console.error(\n          `Conflicting match conditions for field ${field}, the template will be ignored.`,\n          commonValues\n        );\n        return [() => false];\n      }\n    }\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {\n  ProductTemplate,\n  ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/sections';\n\nexport {makeMatchConditions} from './product-template-common';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ProductTemplateCommonProps {\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\n/**\n * @deprecated Use `ProductTemplateController` Reactive controller instead.\n */\nexport class ProductTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ProductTemplateCondition[] = [];\n  private gridCellLinkTarget?: ItemTarget;\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ProductTemplateCommonProps) {\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('template');\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component must 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 products 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        'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ProductTemplateCondition[],\n    error: Error\n  ): ProductTemplate<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  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-product-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 makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {Product, ProductTemplateCondition} from '@coveo/headless/commerce';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../utils/props-utils';\nimport {\n  makeDefinedConditions,\n  makeMatchConditions,\n} from '../../common/product-template/stencil-product-template-common';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).\n * @alpha\n */\n@Component({\n  tag: 'atomic-product-field-condition',\n  shadow: false,\n})\nexport class AtomicProductFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ProductTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ProductContext() private product!: Product;\n\n  public componentWillLoad() {\n    this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.product))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"version":3}

package/dist/atomic/components/stencil-product-template-decorators.js

@@ -1,37 +0,0 @@
-import { I as ItemContext, i as itemContext } from './stencil-item-decorators.js';
-
-/**
- * A [StencilJS property decorator](https://stenciljs.com/) to be used for product template components.
- * This allows the Stencil component to fetch the current product from its rendered parent, the `atomic-product` component.
- *
- * Example:
- * ```
- * @ProductContext() private product!: Product;
- * ```
- *
- * 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 `createProductContextController` from \@/src/decorators/commerce/product-template-decorators.ts
- */
-function ProductContext(opts = { folded: false }) {
-    return ItemContext({ parentName: 'atomic-product', folded: opts.folded });
-}
-/**
- * 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');
-}
-
-export { ProductContext as P, productContext as p };
-
-//# sourceMappingURL=stencil-product-template-decorators.js.map

package/dist/atomic/components/stencil-product-template-decorators.js.map

@@ -1 +0,0 @@
-{"file":"stencil-product-template-decorators.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;AASD;;;;;;;;;;;;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/atomic/p-a0b3c6e2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,g as i}from"./p-dc3df5ce.js";import{M as e}from"./p-86428057.js";import"./p-f284897c.js";import{ProductTemplatesHelpers as s}from"@coveo/headless/commerce";import{P as n}from"./p-fe23d27e.js";import"@coveo/bueno";import"./p-bc96b8f6.js";import"./p-0462f723.js";import"./p-3dc06261.js";import"./p-c9074946.js";import"./p-1580513b.js";function r(t,o){const i=new Set;for(const e of t){if(o.has(e)){i.add(e)}}return i}function c(t,o){const i=[];for(const e in t){if(o[e]){const i=new Set(o[e]);const s=new Set(t[e]);const n=r(i,s);if(n.size>0){console.error(`Conflicting match conditions for field ${e}, the template will be ignored.`,n);return[()=>false]}}i.push(s.fieldMustMatch(e,t[e]))}for(const t in o){i.push(s.fieldMustNotMatch(t,o[t]))}return i}function f(t,o){const i=[];if(t){const o=t.split(",");i.push(s.fieldsMustBeDefined(o))}if(o){const t=o.split(",");i.push(s.fieldsMustNotBeDefined(t))}return i}var p=undefined&&undefined.__decorate||function(t,o,i,e){var s=arguments.length,n=s<3?o:e===null?e=Object.getOwnPropertyDescriptor(o,i):e,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,o,i,e);else for(var c=t.length-1;c>=0;c--)if(r=t[c])n=(s<3?r(n):s>3?r(o,i,n):r(o,i))||n;return s>3&&n&&Object.defineProperty(o,i,n),n};const u=class{constructor(o){t(this,o);this.mustMatch={};this.mustNotMatch={};this.conditions=[];this.shouldBeRemoved=false;this.ifDefined=undefined;this.ifNotDefined=undefined;this.mustMatch={};this.mustNotMatch={}}componentWillLoad(){this.conditions=f(this.ifDefined,this.ifNotDefined);this.conditions.push(...c(this.mustMatch,this.mustNotMatch))}render(){if(!this.conditions.every((t=>t(this.product)))){this.shouldBeRemoved=true;return""}return o("slot",null)}componentDidLoad(){this.shouldBeRemoved&&this.host.remove()}get host(){return i(this)}};p([e({splitValues:true})],u.prototype,"mustMatch",void 0);p([e({splitValues:true})],u.prototype,"mustNotMatch",void 0);p([n()],u.prototype,"product",void 0);export{u as atomic_product_field_condition};
-//# sourceMappingURL=p-a0b3c6e2.entry.js.map

package/dist/atomic/p-a0b3c6e2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["intersection","setA","setB","result","Set","elem","has","add","makeMatchConditions","mustMatch","mustNotMatch","conditions","field","mustNotMatchValues","mustMatchValues","commonValues","size","console","error","push","ProductTemplatesHelpers","fieldMustMatch","fieldMustNotMatch","makeDefinedConditions","ifDefined","ifNotDefined","fieldNames","split","fieldsMustBeDefined","fieldsMustNotBeDefined","AtomicProductFieldCondition","this","shouldBeRemoved","componentWillLoad","render","every","condition","product","h","componentDidLoad","host","remove","__decorate","MapProp","splitValues","ProductContext"],"sources":["src/utils/set.ts","src/components/common/product-template/product-template-common.ts","src/components/common/product-template/stencil-product-template-common.tsx","src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx"],"sourcesContent":["// TODO: Replace by Set.prototype.intersection in July 2025\nexport function intersection<T>(setA: Set<T>, setB: Set<T>): Set<T> {\n  const result = new Set<T>();\n  for (const elem of setA) {\n    if (setB.has(elem)) {\n      result.add(elem);\n    }\n  }\n  return result;\n}\n","import {\n  type ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {intersection} from '../../../utils/set';\nimport {isElementNode, isVisualNode} from '../../../utils/utils';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {isResultSectionNode} from '../layout/sections';\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\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    if (mustNotMatch[field]) {\n      const mustNotMatchValues = new Set(mustNotMatch[field]);\n      const mustMatchValues = new Set(mustMatch[field]);\n      const commonValues = intersection(mustNotMatchValues, mustMatchValues);\n      if (commonValues.size > 0) {\n        console.error(\n          `Conflicting match conditions for field ${field}, the template will be ignored.`,\n          commonValues\n        );\n        return [() => false];\n      }\n    }\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {\n  ProductTemplate,\n  ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/sections';\n\nexport {makeMatchConditions} from './product-template-common';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ProductTemplateCommonProps {\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\n/**\n * @deprecated Use `ProductTemplateController` Reactive controller instead.\n */\nexport class ProductTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ProductTemplateCondition[] = [];\n  private gridCellLinkTarget?: ItemTarget;\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ProductTemplateCommonProps) {\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('template');\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component must 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 products 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        'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ProductTemplateCondition[],\n    error: Error\n  ): ProductTemplate<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  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-product-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 makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {Product, ProductTemplateCondition} from '@coveo/headless/commerce';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../utils/props-utils';\nimport {\n  makeDefinedConditions,\n  makeMatchConditions,\n} from '../../common/product-template/stencil-product-template-common';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).\n * @alpha\n */\n@Component({\n  tag: 'atomic-product-field-condition',\n  shadow: false,\n})\nexport class AtomicProductFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ProductTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ProductContext() private product!: Product;\n\n  public componentWillLoad() {\n    this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.product))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"mappings":"2WACgBA,EAAgBC,EAAcC,GAC5C,MAAMC,EAAS,IAAIC,IACnB,IAAK,MAAMC,KAAQJ,EAAM,CACvB,GAAIC,EAAKI,IAAID,GAAO,CAClBF,EAAOI,IAAIF,E,EAGf,OAAOF,CACT,C,SCsBgBK,EACdC,EACAC,GAEA,MAAMC,EAAyC,GAC/C,IAAK,MAAMC,KAASH,EAAW,CAC7B,GAAIC,EAAaE,GAAQ,CACvB,MAAMC,EAAqB,IAAIT,IAAIM,EAAaE,IAChD,MAAME,EAAkB,IAAIV,IAAIK,EAAUG,IAC1C,MAAMG,EAAef,EAAaa,EAAoBC,GACtD,GAAIC,EAAaC,KAAO,EAAG,CACzBC,QAAQC,MACN,0CAA0CN,mCAC1CG,GAEF,MAAO,CAAC,IAAM,M,EAGlBJ,EAAWQ,KACTC,EAAwBC,eAAeT,EAAOH,EAAUG,I,CAI5D,IAAK,MAAMA,KAASF,EAAc,CAChCC,EAAWQ,KACTC,EAAwBE,kBAAkBV,EAAOF,EAAaE,I,CAGlE,OAAOD,CACT,C,SCoHgBY,EACdC,EACAC,GAEA,MAAMd,EAAyC,GAC/C,GAAIa,EAAW,CACb,MAAME,EAAaF,EAAUG,MAAM,KACnChB,EAAWQ,KAAKC,EAAwBQ,oBAAoBF,G,CAG9D,GAAID,EAAc,CAChB,MAAMC,EAAaD,EAAaE,MAAM,KACtChB,EAAWQ,KAAKC,EAAwBS,uBAAuBH,G,CAEjE,OAAOf,CACT,C,iXC7KamB,EAA2B,M,yBAgBAC,KAAAtB,UACpC,GAMoCsB,KAAArB,aACpC,GAEMqB,KAAApB,WAAyC,GACzCoB,KAAAC,gBAAkB,M,oEAVxB,G,kBAOA,E,CAOK,iBAAAC,GACLF,KAAKpB,WAAaY,EAAsBQ,KAAKP,UAAWO,KAAKN,cAC7DM,KAAKpB,WAAWQ,QACXX,EAAoBuB,KAAKtB,UAAWsB,KAAKrB,c,CAIzC,MAAAwB,GACL,IAAKH,KAAKpB,WAAWwB,OAAOC,GAAcA,EAAUL,KAAKM,WAAW,CAClEN,KAAKC,gBAAkB,KACvB,MAAO,E,CAGT,OAAOM,EAAA,Y,CAGF,gBAAAC,GACLR,KAAKC,iBAAmBD,KAAKS,KAAKC,Q,6BAhCEC,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,gCAOOF,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,mCAMLF,EAAA,CAAzBG,K","ignoreList":[]}

package/dist/cjs/atomic-product-field-condition.cjs.entry.js

@@ -1,119 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-757bc886.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-require('./purify-85b542e2.js');
-const commerce = require('@coveo/headless/commerce');
-const stencilProductTemplateDecorators = require('./stencil-product-template-decorators-1edee0eb.js');
-require('@coveo/bueno');
-require('./utils-7153ae6b.js');
-require('./_commonjsHelpers-b3309d7b.js');
-require('./stencil-item-decorators-43a96f33.js');
-require('./dom-utils-d4790328.js');
-require('./event-utils-9bfcf3c5.js');
-
-// TODO: Replace by Set.prototype.intersection in July 2025
-function intersection(setA, setB) {
-    const result = new Set();
-    for (const elem of setA) {
-        if (setB.has(elem)) {
-            result.add(elem);
-        }
-    }
-    return result;
-}
-
-function makeMatchConditions(mustMatch, mustNotMatch) {
-    const conditions = [];
-    for (const field in mustMatch) {
-        if (mustNotMatch[field]) {
-            const mustNotMatchValues = new Set(mustNotMatch[field]);
-            const mustMatchValues = new Set(mustMatch[field]);
-            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];
-            }
-        }
-        conditions.push(commerce.ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));
-    }
-    for (const field in mustNotMatch) {
-        conditions.push(commerce.ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));
-    }
-    return conditions;
-}
-
-function makeDefinedConditions(ifDefined, ifNotDefined) {
-    const conditions = [];
-    if (ifDefined) {
-        const fieldNames = ifDefined.split(',');
-        conditions.push(commerce.ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));
-    }
-    if (ifNotDefined) {
-        const fieldNames = ifNotDefined.split(',');
-        conditions.push(commerce.ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));
-    }
-    return conditions;
-}
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicProductFieldCondition = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Verifies whether the specified fields match the specified values.
-         * @type {Record<string, string[]>}
-         */
-        this.mustMatch = {};
-        /**
-         * Verifies whether the specified fields do not match the specified values.
-         * @type {Record<string, string[]>}
-         */
-        this.mustNotMatch = {};
-        this.conditions = [];
-        this.shouldBeRemoved = false;
-        this.ifDefined = undefined;
-        this.ifNotDefined = undefined;
-        this.mustMatch = {};
-        this.mustNotMatch = {};
-    }
-    componentWillLoad() {
-        this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);
-        this.conditions.push(...makeMatchConditions(this.mustMatch, this.mustNotMatch));
-    }
-    render() {
-        if (!this.conditions.every((condition) => condition(this.product))) {
-            this.shouldBeRemoved = true;
-            return '';
-        }
-        return index.h("slot", null);
-    }
-    componentDidLoad() {
-        this.shouldBeRemoved && this.host.remove();
-    }
-    get host() { return index.getElement(this); }
-};
-__decorate([
-    propsUtils.MapProp({ splitValues: true })
-], AtomicProductFieldCondition.prototype, "mustMatch", void 0);
-__decorate([
-    propsUtils.MapProp({ splitValues: true })
-], AtomicProductFieldCondition.prototype, "mustNotMatch", void 0);
-__decorate([
-    stencilProductTemplateDecorators.ProductContext()
-], AtomicProductFieldCondition.prototype, "product", void 0);
-
-exports.atomic_product_field_condition = AtomicProductFieldCondition;
-
-//# sourceMappingURL=atomic-product-field-condition.cjs.entry.js.map

package/dist/cjs/atomic-product-field-condition.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-field-condition.entry.cjs.js","mappings":"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","names":["ProductTemplatesHelpers","h","MapProp","ProductContext"],"sources":["src/utils/set.ts","src/components/common/product-template/product-template-common.ts","src/components/common/product-template/stencil-product-template-common.tsx","src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx"],"sourcesContent":["// TODO: Replace by Set.prototype.intersection in July 2025\nexport function intersection<T>(setA: Set<T>, setB: Set<T>): Set<T> {\n  const result = new Set<T>();\n  for (const elem of setA) {\n    if (setB.has(elem)) {\n      result.add(elem);\n    }\n  }\n  return result;\n}\n","import {\n  type ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {intersection} from '../../../utils/set';\nimport {isElementNode, isVisualNode} from '../../../utils/utils';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {isResultSectionNode} from '../layout/sections';\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\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    if (mustNotMatch[field]) {\n      const mustNotMatchValues = new Set(mustNotMatch[field]);\n      const mustMatchValues = new Set(mustMatch[field]);\n      const commonValues = intersection(mustNotMatchValues, mustMatchValues);\n      if (commonValues.size > 0) {\n        console.error(\n          `Conflicting match conditions for field ${field}, the template will be ignored.`,\n          commonValues\n        );\n        return [() => false];\n      }\n    }\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {\n  ProductTemplate,\n  ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/sections';\n\nexport {makeMatchConditions} from './product-template-common';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ProductTemplateCommonProps {\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\n/**\n * @deprecated Use `ProductTemplateController` Reactive controller instead.\n */\nexport class ProductTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ProductTemplateCondition[] = [];\n  private gridCellLinkTarget?: ItemTarget;\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ProductTemplateCommonProps) {\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('template');\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component must 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 products 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        'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ProductTemplateCondition[],\n    error: Error\n  ): ProductTemplate<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  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-product-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 makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {Product, ProductTemplateCondition} from '@coveo/headless/commerce';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../utils/props-utils';\nimport {\n  makeDefinedConditions,\n  makeMatchConditions,\n} from '../../common/product-template/stencil-product-template-common';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).\n * @alpha\n */\n@Component({\n  tag: 'atomic-product-field-condition',\n  shadow: false,\n})\nexport class AtomicProductFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ProductTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ProductContext() private product!: Product;\n\n  public componentWillLoad() {\n    this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.product))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"version":3}