@coveo/atomic 3.32.2-pre.1ab0f91cdc → 3.32.2-pre.71dd71287c

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-11T13:58:01",
+  "timestamp": "2025-08-11T14:31:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -11180,6 +11180,125 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/search/atomic-results-per-page/atomic-results-per-page.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-results-per-page",
+      "docs": "The `atomic-results-per-page` component determines how many results to display per page.",
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "label - The \"Results per page\" label."
+        },
+        {
+          "name": "part",
+          "text": "buttons - The list of buttons."
+        },
+        {
+          "name": "part",
+          "text": "button - The result per page button."
+        },
+        {
+          "name": "part",
+          "text": "active-button - The active result per page button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "choicesDisplayed",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "choices-displayed",
+          "reflectToAttr": true,
+          "docs": "A list of choices for the number of results to display per page, separated by commas.",
+          "docsTags": [],
+          "default": "'10,25,50,100'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "initialChoice",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "initial-choice",
+          "reflectToAttr": true,
+          "docs": "The initial selection for the number of result per page. This should be part of the `choicesDisplayed` option. By default, this is set to the first value in `choicesDisplayed`.",
+          "docsTags": [
+            {
+              "name": "type",
+              "text": "{number}"
+            }
+          ],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "atomic/scrollToTop",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "active-button",
+          "docs": "The active result per page button."
+        },
+        {
+          "name": "button",
+          "docs": "The result per page button."
+        },
+        {
+          "name": "buttons",
+          "docs": "The list of buttons."
+        },
+        {
+          "name": "label",
+          "docs": "The \"Results per page\" label."
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/search/atomic-search-box/atomic-search-box.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.32.2-pre.1ab0f91cdc",
+  "version": "3.32.2-pre.71dd71287c",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.0",
-    "@coveo/headless": "3.28.1",
+    "@coveo/headless": "3.28.2-pre.71dd71287c",
     "@lit/context": "1.1.6",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
@@ -169,7 +169,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.0",
-    "@coveo/headless": "3.28.1",
+    "@coveo/headless": "3.28.2-pre.71dd71287c",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/components/search/atomic-results-per-page/atomic-results-per-page.js

@@ -1,137 +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 { buildResultsPerPage, buildSearchStatus, } from '@coveo/headless';
-import { html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { renderFieldsetGroup } from "../../common/fieldset-group.js";
-import { createAppLoadedListener } from "../../common/interface/store.js";
-import { renderChoices } from "../../common/items-per-page/choices.js";
-import { ChoiceIsNaNError, InitialChoiceNotInChoicesError, } from "../../common/items-per-page/error.js";
-import { renderLabel } from "../../common/items-per-page/label.js";
-import { convertChoicesToNumbers, validateInitialChoice, } from "../../common/items-per-page/validate.js";
-import { renderPagerGuard } from "../../common/pager/pager-guard.js";
-import { bindStateToController } from "../../../decorators/bind-state.js";
-import { bindingGuard } from "../../../decorators/binding-guard.js";
-import { bindings } from "../../../decorators/bindings.js";
-import { errorGuard } from "../../../decorators/error-guard.js";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin.js";
-import { randomID } from "../../../utils/utils.js";
-/**
- * The `atomic-results-per-page` component determines how many results to display per page.
- *
- * @part label - The "Results per page" label.
- * @part buttons - The list of buttons.
- * @part button - The result per page button.
- * @part active-button - The active result per page button.
- */
-let AtomicResultsPerPage = class AtomicResultsPerPage extends InitializeBindingsMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.radioGroupName = randomID('atomic-results-per-page-');
-        this.isAppLoaded = false;
-        /**
-         * A list of choices for the number of results to display per page, separated by commas.
-         */
-        this.choicesDisplayed = '10,25,50,100';
-    }
-    initialize() {
-        try {
-            this.choices = convertChoicesToNumbers(this.choicesDisplayed);
-            this.initialChoice = this.initialChoice ?? this.choices[0];
-            validateInitialChoice(this.initialChoice, this.choices);
-        }
-        catch (error) {
-            if (error instanceof ChoiceIsNaNError ||
-                error instanceof InitialChoiceNotInChoicesError) {
-                this.bindings.engine.logger.error(error.message, this);
-                throw error;
-            }
-        }
-        this.searchStatus = buildSearchStatus(this.bindings.engine);
-        this.resultPerPage = buildResultsPerPage(this.bindings.engine, {
-            initialState: { numberOfResults: this.initialChoice },
-        });
-        createAppLoadedListener(this.bindings.store, (isAppLoaded) => {
-            this.isAppLoaded = isAppLoaded;
-        });
-    }
-    scrollToTopEvent() {
-        this.dispatchEvent(new CustomEvent('atomic/scrollToTop', {
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    get label() {
-        return this.bindings.i18n.t('results-per-page');
-    }
-    render() {
-        return html `
-      ${renderPagerGuard({
-            props: {
-                hasError: this.searchStatusState.hasError,
-                hasItems: this.searchStatusState.hasResults,
-                isAppLoaded: this.isAppLoaded,
-            },
-        })(html `
-        <div class="flex items-center" role="toolbar" aria-label=${this.label}>
-          ${renderLabel()(html `${this.label}`)}
-          ${renderFieldsetGroup({
-            props: {
-                label: this.label,
-            },
-        })(renderChoices({
-            props: {
-                label: this.label,
-                groupName: this.radioGroupName,
-                pageSize: this.resultPerPageState.numberOfResults,
-                choices: this.choices,
-                lang: this.bindings.i18n.language,
-                scrollToTopEvent: () => this.scrollToTopEvent(),
-                setItemSize: (size) => this.resultPerPage.set(size),
-                focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(),
-                focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult(),
-            },
-        }))}
-        </div>
-      `)}
-    `;
-    }
-};
-__decorate([
-    state()
-], AtomicResultsPerPage.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicResultsPerPage.prototype, "error", void 0);
-__decorate([
-    state(),
-    bindStateToController('resultPerPage')
-], AtomicResultsPerPage.prototype, "resultPerPageState", void 0);
-__decorate([
-    bindStateToController('searchStatus'),
-    state()
-], AtomicResultsPerPage.prototype, "searchStatusState", void 0);
-__decorate([
-    state()
-], AtomicResultsPerPage.prototype, "isAppLoaded", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'choices-displayed' })
-], AtomicResultsPerPage.prototype, "choicesDisplayed", void 0);
-__decorate([
-    property({ type: Number, reflect: true, attribute: 'initial-choice' })
-], AtomicResultsPerPage.prototype, "initialChoice", void 0);
-__decorate([
-    bindingGuard(),
-    errorGuard()
-], AtomicResultsPerPage.prototype, "render", null);
-AtomicResultsPerPage = __decorate([
-    customElement('atomic-results-per-page'),
-    bindings(),
-    withTailwindStyles
-], AtomicResultsPerPage);
-export { AtomicResultsPerPage };

package/dist/atomic/components/components/search/atomic-search-interface/interfaces.js

@@ -1 +0,0 @@
-export {};

package/dist/atomic/p-05ab5909.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a}from"./p-dc3df5ce.js";import{B as i}from"./p-b389ea6d.js";import"./p-1580513b.js";import"./p-21ab6f55.js";const s="[part='input-form']{display:grid;grid-template-areas:'label-start label-end .'\n    'input-start input-end apply-button';grid-template-columns:1fr 1fr auto}[part='label-start']{grid-area:label-start}[part='label-end']{grid-area:label-end}[part='input-start']{grid-area:input-start}[part='input-end']{grid-area:input-end}[part='input-apply-button']{grid-area:apply-button}";const n=s;const r=class{constructor(a){t(this,a);this.applyInput=e(this,"atomic/numberInputApply",7);this.start=undefined;this.end=undefined;this.bindings=undefined;this.type=undefined;this.filter=undefined;this.filterState=undefined;this.label=undefined}connectedCallback(){this.start=this.filterState.range?.start;this.end=this.filterState.range?.end}apply(){if(!this.startRef.validity.valid||!this.endRef.validity.valid){return}this.applyInput.emit();this.filter.setRange({start:this.start,end:this.end})}render(){const t=this.bindings.i18n.t(this.label);const e=this.bindings.i18n.t("min");const s=this.bindings.i18n.t("max");const n=this.bindings.i18n.t("number-input-minimum",{label:t});const r=this.bindings.i18n.t("number-input-maximum",{label:t});const p=this.bindings.i18n.t("apply");const d=this.bindings.i18n.t("number-input-apply",{label:t});const l="p-2.5 input-primary placeholder-neutral-dark min-w-0 mr-1";const u="text-neutral-dark text-sm";const c=this.type==="integer"?"1":"any";return a("form",{key:"cb496200417a7ae923ed216a520d31d6a413b2e8",class:"mt-4 gap-y-0.5 px-2",part:"input-form",onSubmit:t=>{t.preventDefault();this.apply();return false}},a("label",{key:"1e48ce21159e66f154cb46bb3a83d0d973e54cd0",part:"label-start",class:u,htmlFor:`${this.filterState.facetId}_start`},e),a("input",{key:"9a2421c00463cd2f5c361553d94353a193bf2734",part:"input-start",id:`${this.filterState.facetId}_start`,type:"number",step:c,ref:t=>this.startRef=t,class:l,"aria-label":n,required:true,min:Number.MIN_SAFE_INTEGER,max:this.end,value:this.filterState.range?.start,onInput:t=>this.start=t.target.valueAsNumber}),a("label",{key:"075914740e743b2e26818d902cc903a2610b913b",part:"label-end",class:u,htmlFor:`${this.filterState.facetId}_end`},s),a("input",{key:"726e7ddaf3144b7e2d0f78e18c7d2f657d29a1dc",part:"input-end",id:`${this.filterState.facetId}_end`,type:"number",step:c,ref:t=>this.endRef=t,class:l,"aria-label":r,required:true,min:this.start,max:Number.MAX_SAFE_INTEGER,value:this.filterState.range?.end,onInput:t=>this.end=t.target.valueAsNumber}),a(i,{key:"3bc6b01792661d0ca214cba22d1a00a5acd2f003",style:"outline-primary",type:"submit",part:"input-apply-button",class:"flex-none truncate p-2.5",ariaLabel:d,text:p}))}};r.style=n;export{r as atomic_facet_number_input};
-//# sourceMappingURL=p-05ab5909.entry.js.map