@coveo/atomic 3.28.0-pre.c28335485c → 3.28.0-pre.d7a2bdbfed

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-07T15:43:59",
+  "timestamp": "2025-07-02T16:47:39",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2830,6 +2830,71 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-commerce-no-products",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "alpha",
+          "text": "The `atomic-commerce-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well."
+        },
+        {
+          "name": "part",
+          "text": "no-results - The text indicating that no products were found for the search."
+        },
+        {
+          "name": "part",
+          "text": "search-tips - The search tips to help the user correct the query."
+        },
+        {
+          "name": "part",
+          "text": "highlight - The highlighted query."
+        },
+        {
+          "name": "part",
+          "text": "icon - The magnifying glass icon."
+        },
+        {
+          "name": "slot",
+          "text": "default - Any additional content slotted inside of its element will be displayed as well."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Any additional content slotted inside of its element will be displayed as well."
+        }
+      ],
+      "parts": [
+        {
+          "name": "highlight",
+          "docs": "The highlighted query."
+        },
+        {
+          "name": "icon",
+          "docs": "The magnifying glass icon."
+        },
+        {
+          "name": "no-results",
+          "docs": "The text indicating that no products were found for the search."
+        },
+        {
+          "name": "search-tips",
+          "docs": "The search tips to help the user correct the query."
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx",
       "encapsulation": "shadow",
@@ -3717,6 +3782,90 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/commerce/atomic-commerce-text/atomic-commerce-text.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-commerce-text",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "alpha",
+          "text": "The `atomic-commerce-text` component leverages the I18n translation module through the atomic-commerce-interface."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "count",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "count",
+          "reflectToAttr": true,
+          "docs": "The count value used for plurals.",
+          "docsTags": [
+            {
+              "name": "type",
+              "text": "{number}"
+            }
+          ],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "The string key value.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-product-children",
+        "atomic-product-text"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "atomic-product-children": [
+          "atomic-commerce-text"
+        ],
+        "atomic-product-text": [
+          "atomic-commerce-text"
+        ]
+      }
+    },
     {
       "filePath": "src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx",
       "encapsulation": "shadow",
@@ -6146,6 +6295,129 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/common/atomic-layout-section/atomic-layout-section.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-layout-section",
+      "docs": "The `atomic-layout-section` lets you identify various sections for the related `atomic-layout` component.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "maxWidth",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max-width",
+          "reflectToAttr": true,
+          "docs": "For column sections, the maximum horizontal space it should take.\nE.g. '300px'",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "minWidth",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "min-width",
+          "reflectToAttr": true,
+          "docs": "For column sections, the minimum horizontal space it should take.\nE.g. '300px'",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "section",
+          "type": "\"facets\" | \"horizontal-facets\" | \"main\" | \"pagination\" | \"products\" | \"results\" | \"search\" | \"status\"",
+          "complexType": {
+            "original": "Section",
+            "resolved": "\"facets\" | \"horizontal-facets\" | \"main\" | \"pagination\" | \"products\" | \"results\" | \"search\" | \"status\"",
+            "references": {
+              "Section": {
+                "location": "import",
+                "path": "./sections",
+                "id": "src/components/common/atomic-layout-section/sections.ts::Section"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "section",
+          "reflectToAttr": true,
+          "docs": "The name of the layout section.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "facets",
+              "type": "string"
+            },
+            {
+              "value": "horizontal-facets",
+              "type": "string"
+            },
+            {
+              "value": "main",
+              "type": "string"
+            },
+            {
+              "value": "pagination",
+              "type": "string"
+            },
+            {
+              "value": "products",
+              "type": "string"
+            },
+            {
+              "value": "results",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            },
+            {
+              "value": "status",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/search/atomic-load-more-results/atomic-load-more-results.tsx",
       "encapsulation": "shadow",
@@ -7467,8 +7739,14 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "atomic-commerce-text"
+      ],
+      "dependencyGraph": {
+        "atomic-product-children": [
+          "atomic-commerce-text"
+        ]
+      }
     },
     {
       "filePath": "src/components/commerce/atomic-product-description/atomic-product-description.tsx",
@@ -7541,8 +7819,8 @@
             "references": {
               "TruncateAfter": {
                 "location": "import",
-                "path": "../../common/expandable-text/stencil-expandable-text",
-                "id": "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter"
+                "path": "../../common/expandable-text/expandable-text",
+                "id": "src/components/common/expandable-text/expandable-text.tsx::TruncateAfter"
               }
             }
           },
@@ -7585,8 +7863,17 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "atomic-product-text"
+      ],
+      "dependencyGraph": {
+        "atomic-product-description": [
+          "atomic-product-text"
+        ],
+        "atomic-product-text": [
+          "atomic-commerce-text"
+        ]
+      }
     },
     {
       "filePath": "src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.tsx",
@@ -7632,8 +7919,8 @@
             "references": {
               "TruncateAfter": {
                 "location": "import",
-                "path": "../../common/expandable-text/stencil-expandable-text",
-                "id": "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter"
+                "path": "../../common/expandable-text/expandable-text",
+                "id": "src/components/common/expandable-text/expandable-text.tsx::TruncateAfter"
               }
             }
           },
@@ -7676,8 +7963,17 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "atomic-product-text"
+      ],
+      "dependencyGraph": {
+        "atomic-product-excerpt": [
+          "atomic-product-text"
+        ],
+        "atomic-product-text": [
+          "atomic-commerce-text"
+        ]
+      }
     },
     {
       "filePath": "src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx",
@@ -8054,8 +8350,17 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "atomic-product-text"
+      ],
+      "dependencyGraph": {
+        "atomic-product-link": [
+          "atomic-product-text"
+        ],
+        "atomic-product-text": [
+          "atomic-commerce-text"
+        ]
+      }
     },
     {
       "filePath": "src/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.tsx",
@@ -8763,6 +9068,116 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/commerce/atomic-product-text/atomic-product-text.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-product-text",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "alpha",
+          "text": "The `atomic-product-text` component renders the value of a string product field."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "default",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "default",
+          "reflectToAttr": true,
+          "docs": "The locale key for the text to display when the configured field has no value.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "field",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "field",
+          "reflectToAttr": true,
+          "docs": "The product field which the component should use.\nThis will look in the Product object first, and then in the product.additionalFields object for the fields.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "shouldHighlight",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "should-highlight",
+          "reflectToAttr": true,
+          "docs": "When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\nThis property only works for the product excerpt and the ec_name field.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-product-description",
+        "atomic-product-excerpt",
+        "atomic-product-link"
+      ],
+      "dependencies": [
+        "atomic-commerce-text"
+      ],
+      "dependencyGraph": {
+        "atomic-product-text": [
+          "atomic-commerce-text"
+        ],
+        "atomic-product-description": [
+          "atomic-product-text"
+        ],
+        "atomic-product-excerpt": [
+          "atomic-product-text"
+        ],
+        "atomic-product-link": [
+          "atomic-product-text"
+        ]
+      }
+    },
     {
       "filePath": "src/components/search/atomic-query-error/atomic-query-error.tsx",
       "encapsulation": "shadow",
@@ -19012,10 +19427,10 @@
       "docstring": "",
       "path": "src/components/commerce/atomic-product-children/select-child-product-event.ts"
     },
-    "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter": {
+    "src/components/common/expandable-text/expandable-text.tsx::TruncateAfter": {
       "declaration": "export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';",
       "docstring": "",
-      "path": "src/components/common/expandable-text/stencil-expandable-text.tsx"
+      "path": "src/components/common/expandable-text/expandable-text.tsx"
     },
     "src/components.d.ts::ItemDisplayImageSize": {
       "declaration": "any",
@@ -19052,6 +19467,11 @@
       "docstring": "",
       "path": "../headless/dist/definitions/commerce.index.d.ts"
     },
+    "src/components/common/atomic-layout-section/sections.ts::Section": {
+      "declaration": "export type Section =\n  | 'search'\n  | 'facets'\n  | 'main'\n  | 'status'\n  | 'results'\n  | 'horizontal-facets'\n  | 'products'\n  | 'pagination';",
+      "docstring": "",
+      "path": "src/components/common/atomic-layout-section/sections.ts"
+    },
     "src/components/common/layout/display-options.ts::ItemDisplayLayout": {
       "declaration": "export type ItemDisplayLayout = ItemDisplayBasicLayout | 'table';",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.28.0-pre.c28335485c",
+  "version": "3.28.0-pre.d7a2bdbfed",
   "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.5",
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.c28335485c",
+    "@coveo/headless": "3.27.1",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.1",
     "@stencil/core": "4.20.0",
@@ -161,7 +161,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.0.19",
-    "@coveo/headless": "3.27.2-pre.c28335485c",
+    "@coveo/headless": "3.27.1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js

@@ -1,95 +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 { bindStateToController } from "../../../decorators/bind-state.js";
-import { bindings } from "../../../decorators/bindings.js";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { AriaLiveRegionController } from "../../../utils/accessibility-utils.js";
-import { buildSearch, buildProductListing, } from '@coveo/headless/commerce';
-import { html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { renderNoItemsContainer } from '../../common/no-items/container.js';
-import { noItemsGuard } from '../../common/no-items/guard.js';
-import { renderMagnifyingGlass } from '../../common/no-items/magnifying-glass.js';
-import { renderNoItems } from '../../common/no-items/no-items.js';
-import { renderSearchTips } from '../../common/no-items/tips.js';
-import { getSummary } from '../../common/no-items/utils.js';
-import { errorGuard } from "../../../decorators/error-guard.js";
-import { bindingGuard } from "../../../decorators/binding-guard.js";
-/**
- * @alpha
- *
- * The `atomic-commerce-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well.
- *
- * @part no-results - The text indicating that no products were found for the search.
- * @part search-tips - The search tips to help the user correct the query.
- * @part highlight - The highlighted query.
- * @part icon - The magnifying glass icon.
- *
- * @slot default - Any additional content slotted inside of its element will be displayed as well.
- */
-let AtomicCommerceNoProducts = class AtomicCommerceNoProducts extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.ariaMessage = new AriaLiveRegionController(this, 'no-products');
-    }
-    initialize() {
-        const controller = this.bindings.interfaceElement.type === 'search'
-            ? buildSearch(this.bindings.engine)
-            : buildProductListing(this.bindings.engine);
-        this.summary = controller.summary();
-    }
-    render() {
-        const { bindings: { i18n }, } = this;
-        const query = 'query' in this.summaryState ? this.summaryState.query : '';
-        this.ariaMessage.message = getSummary(i18n, query, this.summary.state.hasProducts, 'no-products');
-        return html `${noItemsGuard({
-            isLoading: this.summaryState.isLoading,
-            firstSearchExecuted: this.summaryState.firstRequestExecuted,
-            hasResults: this.summaryState.hasProducts,
-        }, () => renderNoItemsContainer()(html `
-          ${renderMagnifyingGlass()} 
-          ${this.renderNoItems()}
-          ${this.renderSearchTips()}
-        `))}`;
-    }
-    renderNoItems() {
-        return renderNoItems({
-            props: {
-                query: 'query' in this.summaryState ? this.summaryState.query : '',
-                i18n: this.bindings.i18n,
-                i18nKey: 'no-products',
-            },
-        });
-    }
-    renderSearchTips() {
-        return renderSearchTips({
-            props: {
-                i18n: this.bindings.i18n,
-            },
-        });
-    }
-};
-__decorate([
-    state()
-], AtomicCommerceNoProducts.prototype, "bindings", void 0);
-__decorate([
-    bindStateToController('summary'),
-    state()
-], AtomicCommerceNoProducts.prototype, "summaryState", void 0);
-__decorate([
-    state()
-], AtomicCommerceNoProducts.prototype, "error", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicCommerceNoProducts.prototype, "render", null);
-AtomicCommerceNoProducts = __decorate([
-    customElement('atomic-commerce-no-products'),
-    bindings(),
-    withTailwindStyles
-], AtomicCommerceNoProducts);
-export { AtomicCommerceNoProducts };