@coveo/atomic 3.30.1-pre.6f8efc1feb → 3.30.1-pre.7d5a246bc8

package/dist/types/components.d.ts

@@ -1595,19 +1595,6 @@ export namespace Components {
          */
         "truncateAfter": TruncateAfter;
     }
-    /**
-     * @alpha The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.
-     */
-    interface AtomicProductExcerpt {
-        /**
-          * Whether the excerpt should be collapsible after being expanded.
-         */
-        "isCollapsible": boolean;
-        /**
-          * The number of lines after which the product excerpt should be truncated. A value of "none" will disable truncation.
-         */
-        "truncateAfter": TruncateAfter;
-    }
     /**
      * 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`).
@@ -1691,21 +1678,6 @@ export namespace Components {
          */
         "maxValuesToDisplay": number;
     }
-    /**
-     * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field.
-     * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.
-     */
-    interface AtomicProductNumericFieldValue {
-        /**
-          * The field that the component should use. The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first.
-         */
-        "field": string;
-    }
-    /**
-     * @alpha The `atomic-product-price` component renders the price of a product.
-     */
-    interface AtomicProductPrice {
-    }
     /**
      * The `atomic-product-rating` element renders a star rating.
      * @alpha 
@@ -4163,15 +4135,6 @@ declare global {
         prototype: HTMLAtomicProductDescriptionElement;
         new (): HTMLAtomicProductDescriptionElement;
     };
-    /**
-     * @alpha The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.
-     */
-    interface HTMLAtomicProductExcerptElement extends Components.AtomicProductExcerpt, HTMLStencilElement {
-    }
-    var HTMLAtomicProductExcerptElement: {
-        prototype: HTMLAtomicProductExcerptElement;
-        new (): HTMLAtomicProductExcerptElement;
-    };
     /**
      * 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`).
@@ -4211,25 +4174,6 @@ declare global {
         prototype: HTMLAtomicProductMultiValueTextElement;
         new (): HTMLAtomicProductMultiValueTextElement;
     };
-    /**
-     * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field.
-     * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.
-     */
-    interface HTMLAtomicProductNumericFieldValueElement extends Components.AtomicProductNumericFieldValue, HTMLStencilElement {
-    }
-    var HTMLAtomicProductNumericFieldValueElement: {
-        prototype: HTMLAtomicProductNumericFieldValueElement;
-        new (): HTMLAtomicProductNumericFieldValueElement;
-    };
-    /**
-     * @alpha The `atomic-product-price` component renders the price of a product.
-     */
-    interface HTMLAtomicProductPriceElement extends Components.AtomicProductPrice, HTMLStencilElement {
-    }
-    var HTMLAtomicProductPriceElement: {
-        prototype: HTMLAtomicProductPriceElement;
-        new (): HTMLAtomicProductPriceElement;
-    };
     /**
      * The `atomic-product-rating` element renders a star rating.
      * @alpha 
@@ -5311,13 +5255,10 @@ declare global {
         "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
         "atomic-product-description": HTMLAtomicProductDescriptionElement;
-        "atomic-product-excerpt": HTMLAtomicProductExcerptElement;
         "atomic-product-field-condition": HTMLAtomicProductFieldConditionElement;
         "atomic-product-image": HTMLAtomicProductImageElement;
         "atomic-product-link": HTMLAtomicProductLinkElement;
         "atomic-product-multi-value-text": HTMLAtomicProductMultiValueTextElement;
-        "atomic-product-numeric-field-value": HTMLAtomicProductNumericFieldValueElement;
-        "atomic-product-price": HTMLAtomicProductPriceElement;
         "atomic-product-rating": HTMLAtomicProductRatingElement;
         "atomic-product-section-actions": HTMLAtomicProductSectionActionsElement;
         "atomic-product-section-badges": HTMLAtomicProductSectionBadgesElement;
@@ -6880,19 +6821,6 @@ declare namespace LocalJSX {
          */
         "truncateAfter"?: TruncateAfter;
     }
-    /**
-     * @alpha The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.
-     */
-    interface AtomicProductExcerpt {
-        /**
-          * Whether the excerpt should be collapsible after being expanded.
-         */
-        "isCollapsible"?: boolean;
-        /**
-          * The number of lines after which the product excerpt should be truncated. A value of "none" will disable truncation.
-         */
-        "truncateAfter"?: TruncateAfter;
-    }
     /**
      * 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`).
@@ -6963,21 +6891,6 @@ declare namespace LocalJSX {
          */
         "maxValuesToDisplay"?: number;
     }
-    /**
-     * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field.
-     * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.
-     */
-    interface AtomicProductNumericFieldValue {
-        /**
-          * The field that the component should use. The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first.
-         */
-        "field": string;
-    }
-    /**
-     * @alpha The `atomic-product-price` component renders the price of a product.
-     */
-    interface AtomicProductPrice {
-    }
     /**
      * The `atomic-product-rating` element renders a star rating.
      * @alpha 
@@ -8575,13 +8488,10 @@ declare namespace LocalJSX {
         "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
         "atomic-product-description": AtomicProductDescription;
-        "atomic-product-excerpt": AtomicProductExcerpt;
         "atomic-product-field-condition": AtomicProductFieldCondition;
         "atomic-product-image": AtomicProductImage;
         "atomic-product-link": AtomicProductLink;
         "atomic-product-multi-value-text": AtomicProductMultiValueText;
-        "atomic-product-numeric-field-value": AtomicProductNumericFieldValue;
-        "atomic-product-price": AtomicProductPrice;
         "atomic-product-rating": AtomicProductRating;
         "atomic-product-section-actions": AtomicProductSectionActions;
         "atomic-product-section-badges": AtomicProductSectionBadges;
@@ -8901,10 +8811,6 @@ declare module "@stencil/core" {
              * @alpha The `atomic-product-description` component renders the description of a product.
              */
             "atomic-product-description": LocalJSX.AtomicProductDescription & JSXBase.HTMLAttributes<HTMLAtomicProductDescriptionElement>;
-            /**
-             * @alpha The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.
-             */
-            "atomic-product-excerpt": LocalJSX.AtomicProductExcerpt & JSXBase.HTMLAttributes<HTMLAtomicProductExcerptElement>;
             /**
              * 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`).
@@ -8924,15 +8830,6 @@ declare module "@stencil/core" {
              * @alpha The `atomic-product-multi-value-text` component renders the values of a multi-value string field.
              */
             "atomic-product-multi-value-text": LocalJSX.AtomicProductMultiValueText & JSXBase.HTMLAttributes<HTMLAtomicProductMultiValueTextElement>;
-            /**
-             * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field.
-             * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.
-             */
-            "atomic-product-numeric-field-value": LocalJSX.AtomicProductNumericFieldValue & JSXBase.HTMLAttributes<HTMLAtomicProductNumericFieldValueElement>;
-            /**
-             * @alpha The `atomic-product-price` component renders the price of a product.
-             */
-            "atomic-product-price": LocalJSX.AtomicProductPrice & JSXBase.HTMLAttributes<HTMLAtomicProductPriceElement>;
             /**
              * The `atomic-product-rating` element renders a star rating.
              * @alpha 

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-23T22:11:31",
+  "timestamp": "2025-07-24T21:27:03",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -6680,97 +6680,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-excerpt",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-excerpt` component renders the excerpt of a product generated at query time."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "isCollapsible",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "is-collapsible",
-          "reflectToAttr": false,
-          "docs": "Whether the excerpt should be collapsible after being expanded.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "truncateAfter",
-          "type": "\"1\" | \"2\" | \"3\" | \"4\" | \"none\"",
-          "complexType": {
-            "original": "TruncateAfter",
-            "resolved": "\"1\" | \"2\" | \"3\" | \"4\" | \"none\"",
-            "references": {
-              "TruncateAfter": {
-                "location": "import",
-                "path": "../../common/expandable-text/stencil-expandable-text",
-                "id": "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "truncate-after",
-          "reflectToAttr": false,
-          "docs": "The number of lines after which the product excerpt should be truncated. A value of \"none\" will disable truncation.",
-          "docsTags": [],
-          "default": "'2'",
-          "values": [
-            {
-              "value": "1",
-              "type": "string"
-            },
-            {
-              "value": "2",
-              "type": "string"
-            },
-            {
-              "value": "3",
-              "type": "string"
-            },
-            {
-              "value": "4",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/atomic-product-field-condition/atomic-product-field-condition.tsx",
       "encapsulation": "none",
@@ -7283,80 +7192,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-numeric-field-value",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-numeric-field-value` component renders the value of a number product field.\n\nThe number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "field",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "field",
-          "reflectToAttr": true,
-          "docs": "The field that the component should use.\nThe component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [
-        {
-          "event": "atomic/numberFormat",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/commerce/atomic-product-price/atomic-product-price.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-price",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-price` component renders the price of a product."
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "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.30.1-pre.6f8efc1feb",
+  "version": "3.30.1-pre.7d5a246bc8",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -71,8 +71,8 @@
   },
   "dependencies": {
     "@lit/context": "1.1.6",
-    "@coveo/bueno": "1.0.23-pre.6f8efc1feb",
-    "@coveo/headless": "3.27.6-pre.6f8efc1feb",
+    "@coveo/bueno": "1.0.23-pre.7d5a246bc8",
+    "@coveo/headless": "3.27.6-pre.7d5a246bc8",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -157,8 +157,8 @@
     "wait-on": "8.0.3"
   },
   "peerDependencies": {
-    "@coveo/bueno": "1.0.23-pre.6f8efc1feb",
-    "@coveo/headless": "3.27.6-pre.6f8efc1feb",
+    "@coveo/bueno": "1.0.23-pre.7d5a246bc8",
+    "@coveo/headless": "3.27.6-pre.7d5a246bc8",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-product-excerpt.d.ts

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

package/dist/atomic/components/atomic-product-excerpt.js

@@ -1,113 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { Schema, StringValue } from '@coveo/bueno';
-import { I as InitializeBindings, H as Hidden } from './initialization-utils.js';
-import { E as ExpandableText } from './stencil-expandable-text.js';
-import { P as ProductContext } from './stencil-product-template-decorators.js';
-
-const atomicProductExcerptCss = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.expandable-text{line-height:var(--line-height)}.min-lines-1{min-height:calc(var(--line-height) * 1)}.min-lines-2{min-height:calc(var(--line-height) * 2)}.min-lines-3{min-height:calc(var(--line-height) * 3)}.min-lines-4{min-height:calc(var(--line-height) * 4)}";
-const AtomicProductExcerptStyle0 = atomicProductExcerptCss;
-
-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 AtomicProductExcerpt$1 = /*@__PURE__*/ proxyCustomElement(class AtomicProductExcerpt extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.isExpanded = false;
-        this.isTruncated = false;
-        /**
-         * The number of lines after which the product excerpt should be truncated. A value of "none" will disable truncation.
-         */
-        this.truncateAfter = '2';
-        /**
-         * Whether the excerpt should be collapsible after being expanded.
-         */
-        this.isCollapsible = false;
-        this.isExpanded = false;
-        this.isTruncated = false;
-        this.truncateAfter = '2';
-        this.isCollapsible = false;
-        this.resizeObserver = new ResizeObserver(() => {
-            if (this.excerptText &&
-                this.excerptText.scrollHeight > this.excerptText.offsetHeight) {
-                this.isTruncated = true;
-            }
-            else {
-                this.isTruncated = false;
-            }
-        });
-        this.validateProps();
-    }
-    validateProps() {
-        new Schema({
-            truncateAfter: new StringValue({
-                constrainTo: ['none', '1', '2', '3', '4'],
-            }),
-        }).validate({
-            truncateAfter: this.truncateAfter,
-        });
-    }
-    componentDidLoad() {
-        this.excerptText = this.hostElement.querySelector('.expandable-text');
-        if (this.excerptText) {
-            this.resizeObserver.observe(this.excerptText);
-        }
-    }
-    onToggleExpand(e) {
-        if (e) {
-            e.stopPropagation();
-        }
-        this.isExpanded = !this.isExpanded;
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-    }
-    render() {
-        const productExcerpt = this.product['excerpt'] ?? null;
-        if (!productExcerpt) {
-            return h(Hidden, null);
-        }
-        return (h(ExpandableText, { isExpanded: this.isExpanded, isTruncated: this.isTruncated, truncateAfter: this.truncateAfter, onToggleExpand: (e) => this.onToggleExpand(e), showMoreLabel: this.bindings.i18n.t('show-more'), showLessLabel: this.bindings.i18n.t('show-less'), isCollapsible: this.isCollapsible }, h("atomic-product-text", { field: "excerpt" })));
-    }
-    get hostElement() { return this; }
-    static get style() { return AtomicProductExcerptStyle0; }
-}, [0, "atomic-product-excerpt", {
-        "truncateAfter": [1, "truncate-after"],
-        "isCollapsible": [4, "is-collapsible"],
-        "isExpanded": [32],
-        "isTruncated": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicProductExcerpt$1.prototype, "bindings", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductExcerpt$1.prototype, "product", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-product-excerpt"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-product-excerpt":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicProductExcerpt$1);
-            }
-            break;
-    } });
-}
-
-const AtomicProductExcerpt = AtomicProductExcerpt$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicProductExcerpt, defineCustomElement };
-
-//# sourceMappingURL=atomic-product-excerpt.js.map

package/dist/atomic/components/atomic-product-excerpt.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-excerpt.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,wUAAwU,CAAC;AACzW,mCAAe,uBAAuB;;;;;;;;;;;;MCuBzBA,sBAAoB;IA0B/B;;;QAhBiB,eAAU,GAAG,KAAK,CAAC;QACnB,gBAAW,GAAG,KAAK,CAAC;;;;QAQtB,kBAAa,GAAkB,GAAG,CAAC;;;;QAKnC,kBAAa,GAAG,KAAK,CAAC;0BAdP,KAAK;2BACJ,KAAK;6BAQU,GAAG;6BAKlB,KAAK;QAGlC,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;YACvC,IACE,IAAI,CAAC,WAAW;gBAChB,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,EAC7D;gBACA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;iBAAM;gBACL,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;aAC1B;SACF,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,aAAa;QACnB,IAAI,MAAM,CAAC;YACT,aAAa,EAAE,IAAI,WAAW,CAAC;gBAC7B,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;aAC1C,CAAC;SACH,CAAC,CAAC,QAAQ,CAAC;YACV,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;KACJ;IAED,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAC/C,kBAAkB,CACD,CAAC;QACpB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC/C;KACF;IAEO,cAAc,CAAC,CAAc;QACnC,IAAI,CAAC,EAAE;YACL,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;QAED,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;KACpC;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;KAClC;IAEM,MAAM;QACX,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC;QAEvD,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,EAAC,MAAM,OAAG,CAAC;SACnB;QAED,QACE,EAAC,cAAc,IACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,cAAc,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAC7C,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAChD,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAChD,aAAa,EAAE,IAAI,CAAC,aAAa,IAEjC,2BAAqB,KAAK,EAAC,SAAS,GAAuB,CAC5C,EACjB;KACH;;;;;;;;;AAxF4B;IAA5B,kBAAkB,EAAE;wDAAoC;AAC/B;IAAzB,cAAc,EAAE;uDAA2B;;;;;;;;;;;;;;;;;;;;","names":["AtomicProductExcerpt"],"sources":["src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.pcss?tag=atomic-product-excerpt","src/components/commerce/atomic-product-excerpt/atomic-product-excerpt.tsx"],"sourcesContent":["@import '../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../common/expandable-text/stencil-expandable-text';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-excerpt` component renders the excerpt of a product generated at query time.\n */\n@Component({\n  tag: 'atomic-product-excerpt',\n  styleUrl: 'atomic-product-excerpt.pcss',\n  shadow: false,\n})\nexport class AtomicProductExcerpt\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private excerptText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product excerpt should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * Whether the excerpt should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = false;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.excerptText &&\n        this.excerptText.scrollHeight > this.excerptText.offsetHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n    });\n  }\n\n  componentDidLoad() {\n    this.excerptText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.excerptText) {\n      this.resizeObserver.observe(this.excerptText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productExcerpt = this.product['excerpt'] ?? null;\n\n    if (!productExcerpt) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field=\"excerpt\"></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-product-numeric-field-value.d.ts

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

package/dist/atomic/components/atomic-product-numeric-field-value.js

@@ -1,90 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { I as InitializeBindings } from './initialization-utils.js';
-import { b as defaultNumberFormatter } from './format-common.js';
-import { p as parseValue } from './product-utils.js';
-import { P as ProductContext } from './stencil-product-template-decorators.js';
-
-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 AtomicProductNumericFieldValue$1 = /*@__PURE__*/ proxyCustomElement(class AtomicProductNumericFieldValue extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.formatter = defaultNumberFormatter;
-        this.valueToDisplay = null;
-        this.error = undefined;
-        this.field = undefined;
-        this.formatter = defaultNumberFormatter;
-        this.valueToDisplay = null;
-    }
-    setFormat(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.formatter = event.detail;
-    }
-    formatValue(value) {
-        try {
-            return this.formatter(value, this.bindings.i18n.languages);
-        }
-        catch (error) {
-            this.error = error;
-            return value.toString();
-        }
-    }
-    updateValueToDisplay() {
-        const value = parseValue(this.product, this.field);
-        if (value !== null) {
-            this.valueToDisplay = this.formatValue(value);
-        }
-    }
-    componentWillRender() {
-        this.updateValueToDisplay();
-    }
-    render() {
-        if (this.valueToDisplay === null) {
-            this.host.remove();
-            return;
-        }
-        return this.valueToDisplay;
-    }
-    get host() { return this; }
-}, [0, "atomic-product-numeric-field-value", {
-        "field": [513],
-        "error": [32],
-        "formatter": [32],
-        "valueToDisplay": [32]
-    }, [[0, "atomic/numberFormat", "setFormat"]]]);
-__decorate([
-    InitializeBindings()
-], AtomicProductNumericFieldValue$1.prototype, "bindings", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductNumericFieldValue$1.prototype, "product", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-product-numeric-field-value"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-product-numeric-field-value":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicProductNumericFieldValue$1);
-            }
-            break;
-    } });
-}
-
-const AtomicProductNumericFieldValue = AtomicProductNumericFieldValue$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicProductNumericFieldValue, defineCustomElement };
-
-//# sourceMappingURL=atomic-product-numeric-field-value.js.map

package/dist/atomic/components/atomic-product-numeric-field-value.js.map

@@ -1 +0,0 @@
-{"file":"atomic-product-numeric-field-value.js","mappings":";;;;;;;;;;;;;;;;MAqBaA,gCAA8B;;;;QAchC,cAAS,GAAoB,sBAAsB,CAAC;QAEpD,mBAAc,GAAkB,IAAI,CAAC;;;yBAFR,sBAAsB;8BAEnB,IAAI;;IAGtC,SAAS,CAAC,KAAmC;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAC/B;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAqB,CAAC,CAAC;SACxE;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;YAC5B,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;SACzB;KACF;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC/C;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;;;;;;;;AAlD4B;IAA5B,kBAAkB,EAAE;kEAAoC;AAC/B;IAAzB,cAAc,EAAE;iEAA2B;;;;;;;;;;;;;;;;;;;;","names":["AtomicProductNumericFieldValue"],"sources":["src/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx"],"sourcesContent":["import {Product} from '@coveo/headless/commerce';\nimport {Component, Prop, Element, State, Listen} from '@stencil/core';\nimport {InitializeBindings} from '../../../utils/initialization-utils';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../common/formats/format-common';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {parseValue} from '../product-template-component-utils/product-utils';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-numeric-field-value` component renders the value of a number product field.\n *\n * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.\n */\n@Component({\n  tag: 'atomic-product-numeric-field-value',\n  shadow: false,\n})\nexport class AtomicProductNumericFieldValue {\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first.\n   */\n  @Prop({reflect: true}) field!: string;\n\n  @State() formatter: NumberFormatter = defaultNumberFormatter;\n\n  @State() valueToDisplay: string | null = null;\n\n  @Listen('atomic/numberFormat')\n  public setFormat(event: CustomEvent<NumberFormatter>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.formatter = event.detail;\n  }\n\n  private formatValue(value: number) {\n    try {\n      return this.formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private updateValueToDisplay() {\n    const value = parseValue(this.product, this.field);\n    if (value !== null) {\n      this.valueToDisplay = this.formatValue(value);\n    }\n  }\n\n  componentWillRender() {\n    this.updateValueToDisplay();\n  }\n\n  public render() {\n    if (this.valueToDisplay === null) {\n      this.host.remove();\n      return;\n    }\n    return this.valueToDisplay;\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-product-price.d.ts

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