@coveo/atomic 3.29.1 → 3.29.2-pre.b571e53927

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-16T16:47:15",
+  "timestamp": "2025-07-16T22:45:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2736,9 +2736,7 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [
-        "atomic-commerce-refine-modal"
-      ],
+      "dependents": [],
       "dependencies": [
         "atomic-commerce-facet",
         "atomic-commerce-numeric-facet",
@@ -2757,9 +2755,6 @@
         ],
         "atomic-commerce-timeframe-facet": [
           "atomic-facet-date-input"
-        ],
-        "atomic-commerce-refine-modal": [
-          "atomic-commerce-facets"
         ]
       }
     },
@@ -2996,325 +2991,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-commerce-refine-modal",
-      "docs": "The `atomic-commerce-refine-modal` is automatically created as a child of the `atomic-commerce-search-interface` when the `atomic-commerce-refine-toggle` is initialized.\n\nWhen the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "container - The modal's outermost container."
-        },
-        {
-          "name": "part",
-          "text": "header-wrapper - The wrapper around the header."
-        },
-        {
-          "name": "part",
-          "text": "header - The header of the modal, containing the title."
-        },
-        {
-          "name": "part",
-          "text": "title - The title of the modal."
-        },
-        {
-          "name": "part",
-          "text": "close-button - The button in the header that closes the modal."
-        },
-        {
-          "name": "part",
-          "text": "close-icon - The icon of the close button."
-        },
-        {
-          "name": "part",
-          "text": "header-ruler - The horizontal ruler underneath the header."
-        },
-        {
-          "name": "part",
-          "text": "body-wrapper - The wrapper around the body."
-        },
-        {
-          "name": "part",
-          "text": "body - The body of the modal, between the header and the footer."
-        },
-        {
-          "name": "part",
-          "text": "content - The wrapper around the content inside the body of the modal."
-        },
-        {
-          "name": "part",
-          "text": "section-title - The title for each section."
-        },
-        {
-          "name": "part",
-          "text": "section-sort-title - The title for the sort section."
-        },
-        {
-          "name": "part",
-          "text": "section-filters-title - The title for the filters section."
-        },
-        {
-          "name": "part",
-          "text": "select-wrapper - The wrapper around the select element, used to position the icon."
-        },
-        {
-          "name": "part",
-          "text": "select - The `<select>` element of the dropdown list."
-        },
-        {
-          "name": "part",
-          "text": "select-icon-wrapper - The wrapper around the sort icon that's used to align it."
-        },
-        {
-          "name": "part",
-          "text": "select-icon - The select dropdown's sort icon."
-        },
-        {
-          "name": "part",
-          "text": "filter-section - The section containing facets and the \"filters\" title."
-        },
-        {
-          "name": "part",
-          "text": "filter-clear-all - The button that resets all actively selected facet values."
-        },
-        {
-          "name": "part",
-          "text": "footer-wrapper - The wrapper with a shadow or background color around the footer."
-        },
-        {
-          "name": "part",
-          "text": "footer - The footer of the modal."
-        },
-        {
-          "name": "part",
-          "text": "footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results."
-        },
-        {
-          "name": "part",
-          "text": "footer-button - The button in the footer that closes the modal."
-        },
-        {
-          "name": "part",
-          "text": "footer-button-text - The text inside the button in the footer that closes the modal."
-        },
-        {
-          "name": "part",
-          "text": "footer-button-count - The count inside the button in the footer that closes the modal."
-        },
-        {
-          "name": "alpha"
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "collapseFacetsAfter",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "collapse-facets-after",
-          "reflectToAttr": true,
-          "docs": "The number of expanded facets inside the refine modal.\nRemaining facets are automatically collapsed.\n\nUsing the value `0` collapses all facets.",
-          "docsTags": [],
-          "default": "0",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "isOpen",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "is-open",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "openButton",
-          "type": "HTMLElement | undefined",
-          "complexType": {
-            "original": "HTMLElement",
-            "resolved": "HTMLElement | undefined",
-            "references": {
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            }
-          },
-          "mutable": true,
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "HTMLElement"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "body",
-          "docs": "The body of the modal, between the header and the footer."
-        },
-        {
-          "name": "body-wrapper",
-          "docs": "The wrapper around the body."
-        },
-        {
-          "name": "close-button",
-          "docs": "The button in the header that closes the modal."
-        },
-        {
-          "name": "close-icon",
-          "docs": "The icon of the close button."
-        },
-        {
-          "name": "container",
-          "docs": "The modal's outermost container."
-        },
-        {
-          "name": "content",
-          "docs": "The wrapper around the content inside the body of the modal."
-        },
-        {
-          "name": "filter-clear-all",
-          "docs": "The button that resets all actively selected facet values."
-        },
-        {
-          "name": "filter-section",
-          "docs": "The section containing facets and the \"filters\" title."
-        },
-        {
-          "name": "footer",
-          "docs": "The footer of the modal."
-        },
-        {
-          "name": "footer-button",
-          "docs": "The button in the footer that closes the modal."
-        },
-        {
-          "name": "footer-button-count",
-          "docs": "The count inside the button in the footer that closes the modal."
-        },
-        {
-          "name": "footer-button-text",
-          "docs": "The text inside the button in the footer that closes the modal."
-        },
-        {
-          "name": "footer-content",
-          "docs": "The wrapper around the content inside the footer of the modal, containing the button to view results."
-        },
-        {
-          "name": "footer-wrapper",
-          "docs": "The wrapper with a shadow or background color around the footer."
-        },
-        {
-          "name": "header",
-          "docs": "The header of the modal, containing the title."
-        },
-        {
-          "name": "header-ruler",
-          "docs": "The horizontal ruler underneath the header."
-        },
-        {
-          "name": "header-wrapper",
-          "docs": "The wrapper around the header."
-        },
-        {
-          "name": "section-filters-title",
-          "docs": "The title for the filters section."
-        },
-        {
-          "name": "section-sort-title",
-          "docs": "The title for the sort section."
-        },
-        {
-          "name": "section-title",
-          "docs": "The title for each section."
-        },
-        {
-          "name": "select",
-          "docs": "The `<select>` element of the dropdown list."
-        },
-        {
-          "name": "select-icon",
-          "docs": "The select dropdown's sort icon."
-        },
-        {
-          "name": "select-icon-wrapper",
-          "docs": "The wrapper around the sort icon that's used to align it."
-        },
-        {
-          "name": "select-wrapper",
-          "docs": "The wrapper around the select element, used to position the icon."
-        },
-        {
-          "name": "title",
-          "docs": "The title of the modal."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [
-        "atomic-commerce-facets",
-        "atomic-modal"
-      ],
-      "dependencyGraph": {
-        "atomic-commerce-refine-modal": [
-          "atomic-commerce-facets",
-          "atomic-modal"
-        ],
-        "atomic-commerce-facets": [
-          "atomic-commerce-facet",
-          "atomic-commerce-numeric-facet",
-          "atomic-commerce-timeframe-facet",
-          "atomic-commerce-category-facet"
-        ],
-        "atomic-commerce-numeric-facet": [
-          "atomic-commerce-facet-number-input"
-        ],
-        "atomic-commerce-timeframe-facet": [
-          "atomic-facet-date-input"
-        ],
-        "atomic-modal": [
-          "atomic-focus-trap"
-        ]
-      }
-    },
     {
       "filePath": "src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.29.1",
+  "version": "3.29.2-pre.b571e53927",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {

package/dist/atomic/components/atomic-commerce-facets2.js

@@ -1,164 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { Schema, NumberValue } from '@coveo/bueno';
-import { buildProductListing, buildSearch } from '@coveo/headless/commerce';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';
-import { F as FacetPlaceholder } from './facet-placeholder.js';
-import { c as createAppLoadedListener } from './store.js';
-import { d as defineCustomElement$6 } from './atomic-commerce-category-facet2.js';
-import { d as defineCustomElement$5 } from './atomic-commerce-facet2.js';
-import { d as defineCustomElement$4 } from './atomic-commerce-facet-number-input2.js';
-import { d as defineCustomElement$3 } from './atomic-commerce-numeric-facet2.js';
-import { d as defineCustomElement$2 } from './atomic-commerce-timeframe-facet2.js';
-import { d as defineCustomElement$1 } from './facet-date-input.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 AtomicCommerceFacets = /*@__PURE__*/ proxyCustomElement(class AtomicCommerceFacets extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * The maximum number of facets to expand.
-         * Remaining facets are automatically collapsed.
-         *
-         * Using the value `0` collapses all facets.
-         * Using the value `-1` disables the feature and keeps all facets expanded.
-         */
-        this.collapseFacetsAfter = 4;
-        this.isAppLoaded = false;
-        this.collapseFacetsAfter = 4;
-        this.facetGeneratorState = undefined;
-        this.error = undefined;
-        this.isAppLoaded = false;
-    }
-    initialize() {
-        this.validateProps();
-        const { engine } = this.bindings;
-        const controller = this.controllerBuilder(engine);
-        this.facetGenerator = controller.facetGenerator();
-        this.summary = controller.summary();
-        createAppLoadedListener(this.bindings.store, (isAppLoaded) => {
-            this.isAppLoaded = isAppLoaded;
-        });
-    }
-    isProductListing() {
-        return this.bindings.interfaceElement.type === 'product-listing';
-    }
-    get controllerBuilder() {
-        return this.isProductListing() ? buildProductListing : buildSearch;
-    }
-    validateProps() {
-        new Schema({
-            collapseFacetAfter: new NumberValue({ min: -1, required: true }),
-        }).validate({
-            collapseFacetAfter: this.collapseFacetsAfter,
-        });
-    }
-    shouldCollapseFacet(index) {
-        if (this.collapseFacetsAfter === -1) {
-            return false;
-        }
-        return this.collapseFacetsAfter
-            ? index + 1 > this.collapseFacetsAfter
-            : true;
-    }
-    render() {
-        if (!this.isAppLoaded) {
-            return [...Array.from({ length: this.collapseFacetsAfter })].map(() => (h(FacetPlaceholder, { isCollapsed: false, numberOfValues: 8 })));
-        }
-        return (h(Fragment, null, this.facetGenerator.facets.map((facet, index) => {
-            if (facet.state.values.length === 0) {
-                return;
-            }
-            const props = () => ({
-                isCollapsed: this.shouldCollapseFacet(index),
-                summary: this.summary,
-                facet: facet,
-                field: facet.state.field,
-                key: facet.state.facetId,
-            });
-            switch (facet.state.type) {
-                case 'regular':
-                    return (h("atomic-commerce-facet", { ...props() }));
-                case 'numericalRange':
-                    return (h("atomic-commerce-numeric-facet", { ...props() }));
-                case 'dateRange':
-                    return (h("atomic-commerce-timeframe-facet", { ...props() }));
-                case 'hierarchical':
-                    return (h("atomic-commerce-category-facet", { ...props() }));
-                default: {
-                    // TODO COMHUB-291 support location facet
-                    this.bindings.engine.logger.warn('Unexpected facet type.');
-                    return;
-                }
-            }
-        })));
-    }
-    get host() { return this; }
-}, [0, "atomic-commerce-facets", {
-        "collapseFacetsAfter": [514, "collapse-facets-after"],
-        "facetGeneratorState": [32],
-        "error": [32],
-        "isAppLoaded": [32]
-    }]);
-__decorate([
-    InitializeBindings()
-], AtomicCommerceFacets.prototype, "bindings", void 0);
-__decorate([
-    BindStateToController('facetGenerator')
-], AtomicCommerceFacets.prototype, "facetGeneratorState", void 0);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-commerce-facets", "atomic-commerce-category-facet", "atomic-commerce-facet", "atomic-commerce-facet-number-input", "atomic-commerce-numeric-facet", "atomic-commerce-timeframe-facet", "atomic-facet-date-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-commerce-facets":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicCommerceFacets);
-            }
-            break;
-        case "atomic-commerce-category-facet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "atomic-commerce-facet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "atomic-commerce-facet-number-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "atomic-commerce-numeric-facet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "atomic-commerce-timeframe-facet":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "atomic-facet-date-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AtomicCommerceFacets as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-commerce-facets2.js.map

package/dist/atomic/components/atomic-commerce-facets2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-commerce-facets2.js","mappings":"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","names":[],"sources":["src/components/commerce/facets/atomic-commerce-facets/atomic-commerce-facets.tsx"],"sourcesContent":["import {NumberValue, Schema} from '@coveo/bueno';\nimport {\n  RegularFacet,\n  CategoryFacet,\n  DateFacet,\n  NumericFacet,\n  FacetGeneratorState,\n  buildProductListing,\n  buildSearch,\n  FacetGenerator,\n  Summary,\n  SearchSummaryState,\n  ProductListingSummaryState,\n} from '@coveo/headless/commerce';\nimport {Component, h, Element, State, Prop, Fragment} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * The `atomic-commerce-facets` component automatically renders commerce facets based on the Commerce API response.\n * Unlike regular facets, which require explicit definition and request in the query, the `atomic-commerce-facets` component dynamically generates facets.\n *\n * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-facets',\n  shadow: false,\n})\nexport class AtomicCommerceFacets implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetGenerator!: FacetGenerator;\n  public summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  @Element() host!: HTMLElement;\n\n  /**\n   * The maximum number of facets to expand.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   * Using the value `-1` disables the feature and keeps all facets expanded.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 4;\n\n  @BindStateToController('facetGenerator')\n  @State()\n  public facetGeneratorState!: FacetGeneratorState;\n\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  public initialize() {\n    this.validateProps();\n    const {engine} = this.bindings;\n    const controller = this.controllerBuilder(engine);\n    this.facetGenerator = controller.facetGenerator();\n    this.summary = controller.summary();\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private isProductListing() {\n    return this.bindings.interfaceElement.type === 'product-listing';\n  }\n\n  private get controllerBuilder() {\n    return this.isProductListing() ? buildProductListing : buildSearch;\n  }\n\n  private validateProps() {\n    new Schema({\n      collapseFacetAfter: new NumberValue({min: -1, required: true}),\n    }).validate({\n      collapseFacetAfter: this.collapseFacetsAfter,\n    });\n  }\n\n  private shouldCollapseFacet(index: number): boolean {\n    if (this.collapseFacetsAfter === -1) {\n      return false;\n    }\n    return this.collapseFacetsAfter\n      ? index + 1 > this.collapseFacetsAfter\n      : true;\n  }\n\n  public render() {\n    if (!this.isAppLoaded) {\n      return [...Array.from({length: this.collapseFacetsAfter})].map(() => (\n        <FacetPlaceholder isCollapsed={false} numberOfValues={8} />\n      ));\n    }\n    return (\n      <Fragment>\n        {this.facetGenerator.facets.map((facet, index) => {\n          if (facet.state.values.length === 0) {\n            return;\n          }\n\n          const props = <T,>() => ({\n            isCollapsed: this.shouldCollapseFacet(index),\n            summary: this.summary,\n            facet: facet as T,\n            field: facet.state.field,\n            key: facet.state.facetId,\n          });\n\n          switch (facet.state.type) {\n            case 'regular':\n              return (\n                <atomic-commerce-facet\n                  {...props<RegularFacet>()}\n                ></atomic-commerce-facet>\n              );\n            case 'numericalRange':\n              return (\n                <atomic-commerce-numeric-facet\n                  {...props<NumericFacet>()}\n                ></atomic-commerce-numeric-facet>\n              );\n            case 'dateRange':\n              return (\n                <atomic-commerce-timeframe-facet\n                  {...props<DateFacet>()}\n                ></atomic-commerce-timeframe-facet>\n              );\n            case 'hierarchical':\n              return (\n                <atomic-commerce-category-facet\n                  {...props<CategoryFacet>()}\n                ></atomic-commerce-category-facet>\n              );\n            default: {\n              // TODO COMHUB-291 support location facet\n              this.bindings.engine.logger.warn('Unexpected facet type.');\n              return;\n            }\n          }\n        })}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-commerce-refine-modal.d.ts

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