@coveo/atomic 3.31.2-pre.1c8be76f9e → 3.31.2-pre.220482c28a

package/dist/types/components.d.ts

@@ -1584,6 +1584,31 @@ export namespace Components {
      */
     interface AtomicPopover {
     }
+    /**
+     * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
+     * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
+     * @alpha 
+     */
+    interface AtomicProductFieldCondition {
+        /**
+          * Verifies whether the specified fields are defined.
+         */
+        "ifDefined"?: string;
+        /**
+          * Verifies whether the specified fields are not defined.
+         */
+        "ifNotDefined"?: string;
+        /**
+          * Verifies whether the specified fields match the specified values.
+          * @type {Record<string, string[]>}
+         */
+        "mustMatch": Record<string, string[]>;
+        /**
+          * Verifies whether the specified fields do not match the specified values.
+          * @type {Record<string, string[]>}
+         */
+        "mustNotMatch": Record<string, string[]>;
+    }
     /**
      * The `atomic-product-image` component renders an image from a product field.
      * @alpha 
@@ -4055,6 +4080,17 @@ declare global {
         prototype: HTMLAtomicPopoverElement;
         new (): HTMLAtomicPopoverElement;
     };
+    /**
+     * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
+     * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
+     * @alpha 
+     */
+    interface HTMLAtomicProductFieldConditionElement extends Components.AtomicProductFieldCondition, HTMLStencilElement {
+    }
+    var HTMLAtomicProductFieldConditionElement: {
+        prototype: HTMLAtomicProductFieldConditionElement;
+        new (): HTMLAtomicProductFieldConditionElement;
+    };
     /**
      * The `atomic-product-image` component renders an image from a product field.
      * @alpha 
@@ -5144,6 +5180,7 @@ declare global {
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
         "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
+        "atomic-product-field-condition": HTMLAtomicProductFieldConditionElement;
         "atomic-product-image": HTMLAtomicProductImageElement;
         "atomic-product-rating": HTMLAtomicProductRatingElement;
         "atomic-product-section-actions": HTMLAtomicProductSectionActionsElement;
@@ -6700,6 +6737,31 @@ declare namespace LocalJSX {
      */
     interface AtomicPopover {
     }
+    /**
+     * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
+     * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
+     * @alpha 
+     */
+    interface AtomicProductFieldCondition {
+        /**
+          * Verifies whether the specified fields are defined.
+         */
+        "ifDefined"?: string;
+        /**
+          * Verifies whether the specified fields are not defined.
+         */
+        "ifNotDefined"?: string;
+        /**
+          * Verifies whether the specified fields match the specified values.
+          * @type {Record<string, string[]>}
+         */
+        "mustMatch"?: Record<string, string[]>;
+        /**
+          * Verifies whether the specified fields do not match the specified values.
+          * @type {Record<string, string[]>}
+         */
+        "mustNotMatch"?: Record<string, string[]>;
+    }
     /**
      * The `atomic-product-image` component renders an image from a product field.
      * @alpha 
@@ -8314,6 +8376,7 @@ declare namespace LocalJSX {
         "atomic-numeric-range": AtomicNumericRange;
         "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
+        "atomic-product-field-condition": AtomicProductFieldCondition;
         "atomic-product-image": AtomicProductImage;
         "atomic-product-rating": AtomicProductRating;
         "atomic-product-section-actions": AtomicProductSectionActions;
@@ -8626,6 +8689,12 @@ declare module "@stencil/core" {
              * The `atomic-popover` component displays any facet as a popover menu.
              */
             "atomic-popover": LocalJSX.AtomicPopover & JSXBase.HTMLAttributes<HTMLAtomicPopoverElement>;
+            /**
+             * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.
+             * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
+             * @alpha 
+             */
+            "atomic-product-field-condition": LocalJSX.AtomicProductFieldCondition & JSXBase.HTMLAttributes<HTMLAtomicProductFieldConditionElement>;
             /**
              * The `atomic-product-image` component renders an image from a product field.
              * @alpha 

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-31T16:54:54",
+  "timestamp": "2025-07-31T14:48:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -6562,6 +6562,139 @@
         ]
       }
     },
+    {
+      "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-image/atomic-product-image.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.31.2-pre.1c8be76f9e",
+  "version": "3.31.2-pre.220482c28a",
   "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.1c8be76f9e",
+    "@coveo/headless": "3.27.8-pre.220482c28a",
     "@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.1c8be76f9e",
+    "@coveo/headless": "3.27.8-pre.220482c28a",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

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

@@ -1,70 +0,0 @@
-var __decorate = (this && this.__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;
-};
-import { html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { bindings } from "../../../decorators/bindings";
-import { createProductContextController } from "../../../decorators/commerce/product-template-decorators";
-import { errorGuard } from "../../../decorators/error-guard";
-import { mapProperty } from "../../../utils/props-utils";
-import { makeDefinedConditions, makeMatchConditions, } from '../../common/product-template/product-template-common';
-/**
- * The `atomic-product-field-condition` component renders its children only when all of the conditions specified through its props are satisfied.
- * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
- *
- * @slot default - The content to render if the conditions are met.
- *
- * @alpha
- */
-let AtomicProductFieldCondition = class AtomicProductFieldCondition extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.productController = createProductContextController(this);
-    }
-    createRenderRoot() {
-        return this;
-    }
-    initialize() { }
-    get conditions() {
-        return [
-            ...makeDefinedConditions(this.ifDefined, this.ifNotDefined),
-            ...makeMatchConditions(this.mustMatch, this.mustNotMatch),
-        ];
-    }
-    render() {
-        const product = this.productController.item;
-        if (!product || !this.conditions.every((condition) => condition(product))) {
-            this.remove();
-        }
-        return html `<slot></slot>`;
-    }
-};
-__decorate([
-    state()
-], AtomicProductFieldCondition.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicProductFieldCondition.prototype, "error", void 0);
-__decorate([
-    property({ type: String, attribute: 'if-defined' })
-], AtomicProductFieldCondition.prototype, "ifDefined", void 0);
-__decorate([
-    property({ type: String, attribute: 'if-not-defined' })
-], AtomicProductFieldCondition.prototype, "ifNotDefined", void 0);
-__decorate([
-    mapProperty({ splitValues: true, attributePrefix: 'must-match' })
-], AtomicProductFieldCondition.prototype, "mustMatch", void 0);
-__decorate([
-    mapProperty({ splitValues: true, attributePrefix: 'must-not-match' })
-], AtomicProductFieldCondition.prototype, "mustNotMatch", void 0);
-__decorate([
-    errorGuard()
-], AtomicProductFieldCondition.prototype, "render", null);
-AtomicProductFieldCondition = __decorate([
-    customElement('atomic-product-field-condition'),
-    bindings()
-], AtomicProductFieldCondition);
-export { AtomicProductFieldCondition };