@coveo/atomic 3.31.2-pre.ebf2a83c47 → 3.31.2-pre.f527c8a944

package/docs/atomic-docs.json

@@ -1,42 +1,11 @@
 {
-  "timestamp": "2025-07-30T18:51:54",
+  "timestamp": "2025-07-31T13:41:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
     "typescriptVersion": "5.5.3"
   },
   "components": [
-    {
-      "filePath": "src/components/search/atomic-search-interface/atomic-aria-live.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-aria-live",
-      "docs": "The `atomic-aria-live` component notifies screen readers of changes in the search interface.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [
-        {
-          "event": "atomic/accessibility/findAriaLive",
-          "target": "document",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-interface"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-interface": [
-          "atomic-aria-live"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/facets/atomic-automatic-facet/atomic-automatic-facet.tsx",
       "encapsulation": "shadow",
@@ -6593,124 +6562,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-description/atomic-product-description.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-description",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-description` component renders the description of a product."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "field",
-          "type": "\"ec_description\" | \"ec_shortdesc\"",
-          "complexType": {
-            "original": "'ec_description' | 'ec_shortdesc'",
-            "resolved": "\"ec_description\" | \"ec_shortdesc\"",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "field",
-          "reflectToAttr": false,
-          "docs": "The name of the description field to use.",
-          "docsTags": [],
-          "default": "'ec_shortdesc'",
-          "values": [
-            {
-              "value": "ec_description",
-              "type": "string"
-            },
-            {
-              "value": "ec_shortdesc",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "isCollapsible",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "is-collapsible",
-          "reflectToAttr": false,
-          "docs": "Whether the description should be collapsible after being expanded.",
-          "docsTags": [],
-          "default": "true",
-          "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 description 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",
@@ -15060,12 +14911,10 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "atomic-aria-live",
         "atomic-relevance-inspector"
       ],
       "dependencyGraph": {
         "atomic-search-interface": [
-          "atomic-aria-live",
           "atomic-relevance-inspector"
         ],
         "atomic-relevance-inspector": [
@@ -17809,11 +17658,6 @@
       "docstring": "",
       "path": "src/components/common/item-list/stencil-item-list-common.tsx"
     },
-    "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter": {
-      "declaration": "export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';",
-      "docstring": "",
-      "path": "src/components/common/expandable-text/stencil-expandable-text.tsx"
-    },
     "src/components.d.ts::ItemDisplayImageSize": {
       "declaration": "any",
       "docstring": "",

package/package.json

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

package/dist/atomic/components/atomic-aria-live.d.ts

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

package/dist/atomic/components/atomic-aria-live.js

@@ -1,8 +0,0 @@
-import { A as AtomicAriaLive$1, d as defineCustomElement$1 } from './atomic-aria-live2.js';
-
-const AtomicAriaLive = AtomicAriaLive$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicAriaLive, defineCustomElement };
-
-//# sourceMappingURL=atomic-aria-live.js.map

package/dist/atomic/components/atomic-aria-live.js.map

@@ -1 +0,0 @@
-{"file":"atomic-aria-live.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-aria-live2.js

@@ -1,87 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { b as buildDebouncedQueue } from './debounce-utils.js';
-import { r as randomID } from './utils.js';
-
-const AtomicAriaLive = /*@__PURE__*/ proxyCustomElement(class AtomicAriaLive extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.regions = {};
-        this.messagesQueue = buildDebouncedQueue({ delay: 500 });
-        this.regions = {};
-    }
-    onFindAriaLive({ detail: args }) {
-        if (!args.element || !this.isInSearchInterface) {
-            args.element = this.host;
-        }
-    }
-    get isInSearchInterface() {
-        let element = this.host;
-        while (element) {
-            if (element.tagName === 'ATOMIC-SEARCH-INTERFACE') {
-                return true;
-            }
-            element = element.parentElement;
-        }
-        return false;
-    }
-    connectedCallback() {
-        this.id = randomID('atomic-aria-live-');
-    }
-    /**
-     * @internal
-     */
-    async updateMessage(region, message, assertive) {
-        const updateRegion = () => (this.regions = { ...this.regions, [region]: { assertive, message } });
-        if (message) {
-            this.messagesQueue.enqueue(updateRegion, region);
-        }
-        else {
-            this.messagesQueue.cancelActionIfQueued(region);
-            updateRegion();
-        }
-    }
-    /**
-     * @internal
-     */
-    async registerRegion(region, assertive) {
-        if (region in this.regions) {
-            return;
-        }
-        this.regions = { ...this.regions, [region]: { assertive, message: '' } };
-    }
-    disconnectedCallback() {
-        this.messagesQueue.clear();
-    }
-    render() {
-        return (h(Host, { key: '5351e58c1abf430a4c9086b313690cdc7b5fc848', style: {
-                position: 'absolute',
-                display: 'block',
-                height: '0',
-                overflow: 'hidden',
-                margin: '0',
-            } }, Object.entries(this.regions).map(([regionName, { assertive, message }]) => (h("div", { key: regionName, id: `${this.id}-${regionName}`, "aria-live": assertive ? 'assertive' : 'polite', role: "status" }, message)))));
-    }
-    get host() { return this; }
-}, [0, "atomic-aria-live", {
-        "regions": [32],
-        "updateMessage": [64],
-        "registerRegion": [64]
-    }, [[4, "atomic/accessibility/findAriaLive", "onFindAriaLive"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-aria-live"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-aria-live":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicAriaLive);
-            }
-            break;
-    } });
-}
-
-export { AtomicAriaLive as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-aria-live2.js.map

package/dist/atomic/components/atomic-aria-live2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-aria-live2.js","mappings":";;;;MAsBa,cAAc;;;;QAER,YAAO,GAAsB,EAAE,CAAC;QAEzC,kBAAa,GAAG,mBAAmB,CAAC,EAAC,KAAK,EAAE,GAAG,EAAC,CAAC,CAAC;uBAFZ,EAAE;;IAMtC,cAAc,CAAC,EAAC,MAAM,EAAE,IAAI,EAAqC;QACzE,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC9C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;SAC1B;KACF;IAED,IAAY,mBAAmB;QAC7B,IAAI,OAAO,GAAmB,IAAI,CAAC,IAAI,CAAC;QACxC,OAAO,OAAO,EAAE;YACd,IAAI,OAAO,CAAC,OAAO,KAAK,yBAAyB,EAAE;gBACjD,OAAO,IAAI,CAAC;aACb;YACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;SACjC;QACD,OAAO,KAAK,CAAC;KACd;IAED,iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KACzC;;;;IAMM,MAAM,aAAa,CACxB,MAAc,EACd,OAAe,EACf,SAAkB;QAElB,MAAM,YAAY,GAAG,OAClB,IAAI,CAAC,OAAO,GAAG,EAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,GAAG,EAAC,SAAS,EAAE,OAAO,EAAC,EAAC,CAAC,CAAC;QAErE,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;SAClD;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAChD,YAAY,EAAE,CAAC;SAChB;KACF;;;;IAMM,MAAM,cAAc,CAAC,MAAc,EAAE,SAAkB;QAC5D,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;SACR;QACD,IAAI,CAAC,OAAO,GAAG,EAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,GAAG,EAAC,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,EAAC,CAAC;KACtE;IAEM,oBAAoB;QACzB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KAC5B;IAEM,MAAM;QACX,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,GAAG;gBACX,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,GAAG;aACZ,IAEA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAC/B,CAAC,CAAC,UAAU,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,CAAC,MACjC,WACE,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,UAAU,EAAE,eACnB,SAAS,GAAG,WAAW,GAAG,QAAQ,EAC7C,IAAI,EAAC,QAAQ,IAEZ,OAAO,CACJ,CACP,CACF,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/atomic-search-interface/atomic-aria-live.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  State,\n  Element,\n  Method,\n  Listen,\n  Host,\n} from '@stencil/core';\nimport {buildDebouncedQueue} from '../../../utils/debounce-utils';\nimport {FindAriaLiveEventArgs} from '../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../utils/utils';\n\ntype Regions = {[regionName: string]: {assertive: boolean; message: string}};\n\n/**\n * The `atomic-aria-live` component notifies screen readers of changes in the search interface.\n */\n@Component({\n  tag: 'atomic-aria-live',\n  shadow: false,\n})\nexport class AtomicAriaLive {\n  @Element() private host!: HTMLAtomicAriaLiveElement;\n  @State() private regions: Readonly<Regions> = {};\n\n  private messagesQueue = buildDebouncedQueue({delay: 500});\n  private id!: string;\n\n  @Listen('atomic/accessibility/findAriaLive', {target: 'document'})\n  protected onFindAriaLive({detail: args}: CustomEvent<FindAriaLiveEventArgs>) {\n    if (!args.element || !this.isInSearchInterface) {\n      args.element = this.host;\n    }\n  }\n\n  private get isInSearchInterface() {\n    let element: Element | null = this.host;\n    while (element) {\n      if (element.tagName === 'ATOMIC-SEARCH-INTERFACE') {\n        return true;\n      }\n      element = element.parentElement;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    this.id = randomID('atomic-aria-live-');\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  public async updateMessage(\n    region: string,\n    message: string,\n    assertive: boolean\n  ) {\n    const updateRegion = () =>\n      (this.regions = {...this.regions, [region]: {assertive, message}});\n\n    if (message) {\n      this.messagesQueue.enqueue(updateRegion, region);\n    } else {\n      this.messagesQueue.cancelActionIfQueued(region);\n      updateRegion();\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  public async registerRegion(region: string, assertive: boolean) {\n    if (region in this.regions) {\n      return;\n    }\n    this.regions = {...this.regions, [region]: {assertive, message: ''}};\n  }\n\n  public disconnectedCallback() {\n    this.messagesQueue.clear();\n  }\n\n  public render() {\n    return (\n      <Host\n        style={{\n          position: 'absolute',\n          display: 'block',\n          height: '0',\n          overflow: 'hidden',\n          margin: '0',\n        }}\n      >\n        {Object.entries(this.regions).map(\n          ([regionName, {assertive, message}]) => (\n            <div\n              key={regionName}\n              id={`${this.id}-${regionName}`}\n              aria-live={assertive ? 'assertive' : 'polite'}\n              role=\"status\"\n            >\n              {message}\n            </div>\n          )\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

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

@@ -1,153 +0,0 @@
-import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { Schema, StringValue } from '@coveo/bueno';
-import { I as InitializeBindings, H as Hidden } from './initialization-utils.js';
-import { M as MinusIcon, P as PlusIcon } from './plus.js';
-import { B as Button } from './stencil-button.js';
-import { P as ProductContext } from './stencil-product-template-decorators.js';
-
-const getLineClampClass = (truncateAfter) => {
-    const lineClampMap = {
-        none: 'line-clamp-none',
-        1: 'line-clamp-1',
-        2: 'line-clamp-2',
-        3: 'line-clamp-3',
-        4: 'line-clamp-4',
-    };
-    return lineClampMap[truncateAfter] || 'line-clamp-2';
-};
-const renderShowHideButton = (isExpanded, isTruncated, isCollapsible, onToggleExpand, showMoreLabel, showLessLabel) => {
-    let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';
-    if (!isTruncated && !isExpanded) {
-        buttonClass += ' invisible';
-    }
-    else if (!isCollapsible && !isTruncated && isExpanded) {
-        buttonClass += ' hidden';
-    }
-    const label = isExpanded ? showLessLabel : showMoreLabel;
-    return (h(Button, { style: "text-primary", class: buttonClass, title: label, onClick: onToggleExpand },
-        h("atomic-icon", { icon: isExpanded ? MinusIcon : PlusIcon, class: "mx-1 w-2 align-baseline" }),
-        label));
-};
-const ExpandableText = ({ isExpanded, isTruncated, truncateAfter, onToggleExpand, showMoreLabel, showLessLabel, isCollapsible = false, }, children) => {
-    return (h("div", { class: "flex flex-col items-start" },
-        h("div", { part: "expandable-text", class: `expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}` }, children),
-        renderShowHideButton(isExpanded, isTruncated, isCollapsible, onToggleExpand, showMoreLabel, showLessLabel)));
-};
-
-const atomicProductDescriptionCss = "/*! 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 AtomicProductDescriptionStyle0 = atomicProductDescriptionCss;
-
-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 AtomicProductDescription$1 = /*@__PURE__*/ proxyCustomElement(class AtomicProductDescription extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.isExpanded = false;
-        this.isTruncated = false;
-        /**
-         * The number of lines after which the product description should be truncated. A value of "none" will disable truncation.
-         */
-        this.truncateAfter = '2';
-        /**
-         * The name of the description field to use.
-         */
-        this.field = 'ec_shortdesc';
-        /**
-         * Whether the description should be collapsible after being expanded.
-         */
-        this.isCollapsible = true;
-        this.isExpanded = false;
-        this.isTruncated = false;
-        this.truncateAfter = '2';
-        this.field = 'ec_shortdesc';
-        this.isCollapsible = true;
-        this.resizeObserver = new ResizeObserver(() => {
-            if (this.descriptionText &&
-                this.descriptionText.scrollHeight > this.descriptionText.clientHeight) {
-                this.isTruncated = true;
-            }
-            else {
-                this.isTruncated = false;
-            }
-        });
-        this.validateProps();
-    }
-    validateProps() {
-        new Schema({
-            truncateAfter: new StringValue({
-                constrainTo: ['none', '1', '2', '3', '4'],
-            }),
-            field: new StringValue({
-                constrainTo: ['ec_shortdesc', 'ec_description'],
-            }),
-        }).validate({
-            truncateAfter: this.truncateAfter,
-            field: this.field,
-        });
-    }
-    componentDidLoad() {
-        this.descriptionText = this.hostElement.querySelector('.expandable-text');
-        if (this.descriptionText) {
-            this.resizeObserver.observe(this.descriptionText);
-        }
-    }
-    onToggleExpand(e) {
-        if (e) {
-            e.stopPropagation();
-        }
-        this.isExpanded = !this.isExpanded;
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-    }
-    render() {
-        const productDescription = this.product[this.field] ?? null;
-        if (!productDescription) {
-            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: this.field })));
-    }
-    get hostElement() { return this; }
-    static get style() { return AtomicProductDescriptionStyle0; }
-}, [0, "atomic-product-description", {
-        "truncateAfter": [1, "truncate-after"],
-        "field": [1],
-        "isCollapsible": [4, "is-collapsible"],
-        "isExpanded": [32],
-        "isTruncated": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicProductDescription$1.prototype, "bindings", void 0);
-__decorate([
-    ProductContext()
-], AtomicProductDescription$1.prototype, "product", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-product-description"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-product-description":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicProductDescription$1);
-            }
-            break;
-    } });
-}
-
-const AtomicProductDescription = AtomicProductDescription$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicProductDescription, defineCustomElement };
-
-//# sourceMappingURL=atomic-product-description.js.map

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

@@ -1 +0,0 @@
-{"file":"atomic-product-description.js","mappings":"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","names":["AtomicProductDescription"],"sources":["src/components/common/expandable-text/stencil-expandable-text.tsx","src/components/commerce/atomic-product-description/atomic-product-description.pcss?tag=atomic-product-description","src/components/commerce/atomic-product-description/atomic-product-description.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport MinusIcon from '../../../images/minus.svg';\nimport PlusIcon from '../../../images/plus.svg';\nimport {Button} from '../stencil-button';\n\nexport type TruncateAfter = 'none' | '1' | '2' | '3' | '4';\n\ninterface ExpandableTextProps {\n  isExpanded: boolean;\n  isTruncated: boolean;\n  isCollapsible?: boolean;\n  truncateAfter: TruncateAfter;\n  onToggleExpand: (e: MouseEvent | undefined) => void;\n  showMoreLabel: string;\n  showLessLabel: string;\n}\n\nconst getLineClampClass = (truncateAfter: TruncateAfter) => {\n  const lineClampMap: Record<TruncateAfter, string> = {\n    none: 'line-clamp-none',\n    1: 'line-clamp-1',\n    2: 'line-clamp-2',\n    3: 'line-clamp-3',\n    4: 'line-clamp-4',\n  };\n  return lineClampMap[truncateAfter] || 'line-clamp-2';\n};\n\nconst renderShowHideButton = (\n  isExpanded: boolean,\n  isTruncated: boolean,\n  isCollapsible: boolean,\n  onToggleExpand: (e?: MouseEvent) => void,\n  showMoreLabel: string,\n  showLessLabel: string\n) => {\n  let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';\n  if (!isTruncated && !isExpanded) {\n    buttonClass += ' invisible';\n  } else if (!isCollapsible && !isTruncated && isExpanded) {\n    buttonClass += ' hidden';\n  }\n\n  const label = isExpanded ? showLessLabel : showMoreLabel;\n\n  return (\n    <Button\n      style=\"text-primary\"\n      class={buttonClass}\n      title={label}\n      onClick={onToggleExpand}\n    >\n      <atomic-icon\n        icon={isExpanded ? MinusIcon : PlusIcon}\n        class=\"mx-1 w-2 align-baseline\"\n      ></atomic-icon>\n      {label}\n    </Button>\n  );\n};\n\nexport const ExpandableText: FunctionalComponent<ExpandableTextProps> = (\n  {\n    isExpanded,\n    isTruncated,\n    truncateAfter,\n    onToggleExpand,\n    showMoreLabel,\n    showLessLabel,\n    isCollapsible = false,\n  },\n  children\n) => {\n  return (\n    <div class=\"flex flex-col items-start\">\n      <div\n        part=\"expandable-text\"\n        class={`expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}`}\n      >\n        {children}\n      </div>\n      {renderShowHideButton(\n        isExpanded,\n        isTruncated,\n        isCollapsible,\n        onToggleExpand,\n        showMoreLabel,\n        showLessLabel\n      )}\n    </div>\n  );\n};\n","@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-description` component renders the description of a product.\n */\n@Component({\n  tag: 'atomic-product-description',\n  styleUrl: 'atomic-product-description.pcss',\n  shadow: false,\n})\nexport class AtomicProductDescription\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 descriptionText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * The name of the description field to use.\n   */\n  @Prop() public field: 'ec_description' | 'ec_shortdesc' = 'ec_shortdesc';\n\n  /**\n   * Whether the description should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = true;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.descriptionText &&\n        this.descriptionText.scrollHeight > this.descriptionText.clientHeight\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      field: new StringValue({\n        constrainTo: ['ec_shortdesc', 'ec_description'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n      field: this.field,\n    });\n  }\n\n  componentDidLoad() {\n    this.descriptionText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.descriptionText) {\n      this.resizeObserver.observe(this.descriptionText);\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 productDescription = this.product[this.field] ?? null;\n\n    if (!productDescription) {\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={this.field}></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/plus.js

@@ -1,10 +0,0 @@
-const MinusIcon = `<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m64 208h384v96h-384z"/></svg>`;
-
-const PlusIcon = `<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-  <path d="M496 208H304V16h-96v192H16v96h192v192h96V304h192"/>
-</svg>
-`;
-
-export { MinusIcon as M, PlusIcon as P };
-
-//# sourceMappingURL=plus.js.map

package/dist/atomic/components/plus.js.map

@@ -1 +0,0 @@
-{"file":"plus.js","mappings":";;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}