@coveo/atomic 3.59.4 → 3.59.5

package/dist/esm/components/search/atomic-did-you-mean/atomic-did-you-mean.js

@@ -10,9 +10,41 @@ 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 { HiddenStateController } from "../../../utils/hidden-state-controller.js";
 import { renderAutoCorrection } from "../../common/query-correction/auto-correction.js";
 import { renderCorrection } from "../../common/query-correction/correction.js";
 import { renderTriggerCorrection } from "../../common/query-correction/trigger-correction.js";
+function _check_private_redeclaration(obj, privateCollection) {
+    if (privateCollection.has(obj)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _class_apply_descriptor_get(receiver, descriptor) {
+    if (descriptor.get) return descriptor.get.call(receiver);
+    return descriptor.value;
+}
+function _class_apply_descriptor_set(receiver, descriptor, value) {
+    if (descriptor.set) descriptor.set.call(receiver, value);
+    else {
+        if (!descriptor.writable) throw new TypeError("attempted to set read only private field");
+        descriptor.value = value;
+    }
+}
+function _class_extract_field_descriptor(receiver, privateMap, action) {
+    if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
+    return privateMap.get(receiver);
+}
+function _class_private_field_get(receiver, privateMap) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
+    return _class_apply_descriptor_get(receiver, descriptor);
+}
+function _class_private_field_init(obj, privateMap, value) {
+    _check_private_redeclaration(obj, privateMap);
+    privateMap.set(obj, value);
+}
+function _class_private_field_set(receiver, privateMap, value) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
+    _class_apply_descriptor_set(receiver, descriptor, value);
+    return value;
+}
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -22,6 +54,7 @@ function _ts_decorate(decorators, target, key, desc) {
 function _ts_metadata(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
 }
+var _hiddenState = /*#__PURE__*/ new WeakMap();
 class AtomicDidYouMean extends LitElement {
     initialize() {
         this.didYouMean = buildDidYouMean(this.bindings.engine, {
@@ -65,10 +98,14 @@ class AtomicDidYouMean extends LitElement {
     }
     render() {
         const hasCorrection = this.didYouMeanState.hasQueryCorrection || this.queryTriggerState.wasQueryModified;
+        _class_private_field_get(this, _hiddenState).isEmpty = !hasCorrection;
         return html`${when(hasCorrection, ()=>this.content)}`;
     }
     constructor(){
-        super(), this.automaticallyCorrectQuery = true, this.queryCorrectionMode = 'next';
+        super(), _class_private_field_init(this, _hiddenState, {
+            writable: true,
+            value: void 0
+        }), _class_private_field_set(this, _hiddenState, new HiddenStateController(this)), this.automaticallyCorrectQuery = true, this.queryCorrectionMode = 'next';
         new ValidatePropsController(this, ()=>({
                 queryCorrectionMode: this.queryCorrectionMode
             }), AtomicDidYouMean.propsSchema, false);

package/dist/esm/components/search/atomic-notifications/atomic-notifications.js

@@ -13,7 +13,39 @@ import { errorGuard } from "../../../decorators/error-guard.js";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
 import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin.js";
 import { AriaLiveRegionController } from "../../../utils/accessibility-utils.js";
+import { HiddenStateController } from "../../../utils/hidden-state-controller.js";
 import info from "../../../images/info.js";
+function _check_private_redeclaration(obj, privateCollection) {
+    if (privateCollection.has(obj)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _class_apply_descriptor_get(receiver, descriptor) {
+    if (descriptor.get) return descriptor.get.call(receiver);
+    return descriptor.value;
+}
+function _class_apply_descriptor_set(receiver, descriptor, value) {
+    if (descriptor.set) descriptor.set.call(receiver, value);
+    else {
+        if (!descriptor.writable) throw new TypeError("attempted to set read only private field");
+        descriptor.value = value;
+    }
+}
+function _class_extract_field_descriptor(receiver, privateMap, action) {
+    if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
+    return privateMap.get(receiver);
+}
+function _class_private_field_get(receiver, privateMap) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
+    return _class_apply_descriptor_get(receiver, descriptor);
+}
+function _class_private_field_init(obj, privateMap, value) {
+    _check_private_redeclaration(obj, privateMap);
+    privateMap.set(obj, value);
+}
+function _class_private_field_set(receiver, privateMap, value) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
+    _class_apply_descriptor_set(receiver, descriptor, value);
+    return value;
+}
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -23,6 +55,7 @@ function _ts_decorate(decorators, target, key, desc) {
 function _ts_metadata(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
 }
+var _hiddenState = /*#__PURE__*/ new WeakMap();
 class AtomicNotifications extends InitializeBindingsMixin(LitElement) {
     initialize() {
         this.notifyTrigger = buildNotifyTrigger(this.bindings.engine);
@@ -62,6 +95,7 @@ class AtomicNotifications extends InitializeBindingsMixin(LitElement) {
     `;
     }
     render() {
+        _class_private_field_get(this, _hiddenState).isEmpty = !this.notifications.length;
         if (!this.notifications.length) return nothing;
         this.ariaMessage.message = this.generateAriaMessage();
         return html`
@@ -75,7 +109,10 @@ class AtomicNotifications extends InitializeBindingsMixin(LitElement) {
     `;
     }
     constructor(){
-        super(), this.headingLevel = 0, this.ariaMessage = new AriaLiveRegionController(this, 'notifications');
+        super(), _class_private_field_init(this, _hiddenState, {
+            writable: true,
+            value: void 0
+        }), this.headingLevel = 0, this.ariaMessage = new AriaLiveRegionController(this, 'notifications'), _class_private_field_set(this, _hiddenState, new HiddenStateController(this));
         new ValidatePropsController(this, ()=>({
                 headingLevel: this.headingLevel
             }), AtomicNotifications.schema, false);

package/dist/esm/components/search/atomic-numeric-facet/atomic-numeric-facet.js

@@ -54,7 +54,7 @@ class AtomicNumericFacet extends LitElement {
     disconnectedCallback() {
         super.disconnectedCallback();
         if (!this.isConnected) {
-            this.filterDependenciesManager?.stopWatching();
+            this.conditionManagers.forEach((manager)=>manager.stopWatching());
             this.removeNumberFormatListener?.();
             this.removeNumberInputApplyListener?.();
             this.unsubscribeFacetForRange?.();
@@ -167,6 +167,7 @@ class AtomicNumericFacet extends LitElement {
         this.unsubscribeFacetForRange = this.facetForRange.subscribe(()=>{
             this.facetState = this.facetForRange.state;
         });
+        this.conditionManagers.push(this.initializeDependenciesManager(this.facetState.facetId));
         return this.facetForRange;
     }
     initializeFilter() {
@@ -181,8 +182,8 @@ class AtomicNumericFacet extends LitElement {
                 }
             }
         });
-        this.filterDependenciesManager = this.initializeDependenciesManager(this.filter.state.facetId);
         this.filterState = this.filter.state;
+        this.conditionManagers.push(this.initializeDependenciesManager(this.filterState.facetId));
         this.unsubscribeFilter = this.filter.subscribe(()=>{
             this.filterState = this.filter.state;
         });
@@ -312,7 +313,7 @@ class AtomicNumericFacet extends LitElement {
             ${when(this.shouldRenderInput, ()=>this.renderInput())}`)}`))}`;
     }
     constructor(){
-        super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.sortCriteria = 'ascending', this.rangeAlgorithm = 'equiprobable', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.manualRanges = [], this.formatter = defaultNumberFormatter;
+        super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.sortCriteria = 'ascending', this.rangeAlgorithm = 'equiprobable', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.manualRanges = [], this.formatter = defaultNumberFormatter, this.conditionManagers = [];
         new ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput

package/dist/esm/components/search/atomic-pager/atomic-pager.js

@@ -107,7 +107,7 @@ class AtomicPager extends InitializeBindingsMixin(LitElement) {
     }
     announcePageLoaded() {
         this.ariaMessage.message = this.bindings.i18n.t('pager-page-loaded', {
-            pageNumber: this.pagerState.currentPage
+            page: this.pagerState.currentPage
         });
     }
     constructor(){

package/dist/esm/components/search/atomic-refine-modal/atomic-refine-modal.js

@@ -15,10 +15,42 @@ import { bindings } from "../../../decorators/bindings.js";
 import { errorGuard } from "../../../decorators/error-guard.js";
 import { watch } from "../../../decorators/watch.js";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { HiddenStateController } from "../../../utils/hidden-state-controller.js";
 import { shouldDisplayOnCurrentTab } from "../../../utils/tab-utils.js";
 import { sortByDocumentPosition } from "../../../utils/utils.js";
 import { collapseFacetsAfter, sortFacetVisibility, triageFacetsByParents } from "../../common/facets/facet-common.js";
 import "../atomic-automatic-facet-generator/atomic-automatic-facet-generator.js";
+function _check_private_redeclaration(obj, privateCollection) {
+    if (privateCollection.has(obj)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _class_apply_descriptor_get(receiver, descriptor) {
+    if (descriptor.get) return descriptor.get.call(receiver);
+    return descriptor.value;
+}
+function _class_apply_descriptor_set(receiver, descriptor, value) {
+    if (descriptor.set) descriptor.set.call(receiver, value);
+    else {
+        if (!descriptor.writable) throw new TypeError("attempted to set read only private field");
+        descriptor.value = value;
+    }
+}
+function _class_extract_field_descriptor(receiver, privateMap, action) {
+    if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
+    return privateMap.get(receiver);
+}
+function _class_private_field_get(receiver, privateMap) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
+    return _class_apply_descriptor_get(receiver, descriptor);
+}
+function _class_private_field_init(obj, privateMap, value) {
+    _check_private_redeclaration(obj, privateMap);
+    privateMap.set(obj, value);
+}
+function _class_private_field_set(receiver, privateMap, value) {
+    var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
+    _class_apply_descriptor_set(receiver, descriptor, value);
+    return value;
+}
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -28,6 +60,7 @@ function _ts_decorate(decorators, target, key, desc) {
 function _ts_metadata(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
 }
+var _hiddenState = /*#__PURE__*/ new WeakMap();
 class AtomicRefineModal extends LitElement {
     initialize() {
         this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);
@@ -152,6 +185,7 @@ class AtomicRefineModal extends LitElement {
         }) : nothing);
     }
     render() {
+        _class_private_field_get(this, _hiddenState).isEmpty = !this.isOpen;
         return html`${renderRefineModal({
             props: {
                 i18n: this.bindings.i18n,
@@ -170,7 +204,10 @@ class AtomicRefineModal extends LitElement {
       `))}`;
     }
     constructor(...args){
-        super(...args), this.isOpen = false, this.collapseFacetsAfter = 0, this.onSelectSortOption = (e)=>{
+        super(...args), _class_private_field_init(this, _hiddenState, {
+            writable: true,
+            value: void 0
+        }), this.isOpen = false, this.collapseFacetsAfter = 0, _class_private_field_set(this, _hiddenState, new HiddenStateController(this)), this.onSelectSortOption = (e)=>{
             const select = e.composedPath()[0];
             const option = this.options.find((option)=>option.expression === select.value);
             option && this.sort.sortBy(option.criteria);

package/dist/esm/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.59.4",
+        version: "3.59.5",
         headlessVersion
     };
 }

package/dist/esm/utils/hidden-state-controller.js

@@ -4,13 +4,14 @@ const lightSheet = new CSSStyleSheet();
 lightSheet.replaceSync(':state(empty) { display: none }');
 class HiddenStateController {
     hostConnected() {
+        if (!this.internals) return;
         const root = this.host.shadowRoot;
         if (root) {
-            if (!root.adoptedStyleSheets.includes(shadowSheet)) root.adoptedStyleSheets.push(shadowSheet);
-        } else {
-            const parentRoot = this.host.getRootNode();
-            if (!parentRoot.adoptedStyleSheets.includes(lightSheet)) parentRoot.adoptedStyleSheets.push(lightSheet);
+            if (shadowSheet && !root.adoptedStyleSheets.includes(shadowSheet)) root.adoptedStyleSheets.push(shadowSheet);
+            return;
         }
+        const parent = this.host.getRootNode();
+        if (lightSheet && (parent instanceof Document || parent instanceof ShadowRoot) && !parent.adoptedStyleSheets.includes(lightSheet)) parent.adoptedStyleSheets.push(lightSheet);
     }
     set isEmpty(value) {
         if (value) this.internals.states.add('empty');

package/dist/esm/versions.js

@@ -1,3 +1,3 @@
-const atomicVersion = "3.59.4";
+const atomicVersion = "3.59.5";
 export { version as headlessVersion } from "@coveo/headless/package.json";
 export { atomicVersion };

package/dist/types/components/search/atomic-breadbox/atomic-breadbox.d.ts

@@ -16,8 +16,11 @@ import type { InitializableComponent } from '../../../decorators/types';
  * @part show-less - The button to display less breadcrumbs.
  * @part label - The "Filters" label.
  * @part clear - The button to clear all filters.
+ *
+ * @cssState empty - Hides the element when there are no breadcrumbs to display.
  */
 export declare class AtomicBreadbox extends LitElement implements InitializableComponent<Bindings> {
+    #private;
     static styles: CSSResultGroup;
     private static readonly propsSchema;
     private resizeObserver?;

package/dist/types/components/search/atomic-did-you-mean/atomic-did-you-mean.d.ts

@@ -13,8 +13,11 @@ import type { Bindings } from '../atomic-search-interface/atomic-search-interfac
  * @part correction-btn - The button used to manually correct a query.
  * @part undo-btn - The button used to undo a query changed by a query trigger.
  * @part highlight - The query highlights.
+ *
+ * @cssState empty - Hides the element when there is no query correction to display.
  */
 export declare class AtomicDidYouMean extends LitElement implements InitializableComponent<Bindings> {
+    #private;
     private static readonly propsSchema;
     bindings: Bindings;
     didYouMean: DidYouMean;

package/dist/types/components/search/atomic-notifications/atomic-notifications.d.ts

@@ -12,8 +12,11 @@ declare const AtomicNotifications_base: typeof LitElement;
  * @part notification - The wrapper around a single notification.
  * @part icon - The icon of the notification.
  * @part text - The text of the notification.
+ *
+ * @cssState empty - Hides the element when there are no notifications to display.
  */
 export declare class AtomicNotifications extends AtomicNotifications_base implements InitializableComponent<Bindings> {
+    #private;
     private static readonly schema;
     bindings: Bindings;
     error: Error;

package/dist/types/components/search/atomic-numeric-facet/atomic-numeric-facet.d.ts

@@ -150,7 +150,7 @@ export declare class AtomicNumericFacet extends LitElement implements Initializa
     private manualRanges;
     private formatter;
     constructor();
-    private filterDependenciesManager?;
+    private conditionManagers;
     private headerFocus?;
     private removeNumberFormatListener?;
     private removeNumberInputApplyListener?;

package/dist/types/components/search/atomic-refine-modal/atomic-refine-modal.d.ts

@@ -36,8 +36,11 @@ import '../atomic-automatic-facet-generator/atomic-automatic-facet-generator';
  * @part backdrop - The transparent backdrop hiding the content behind the modal.
  *
  * @cssprop --atomic-refine-modal-facet-margin - The margin between facets in the refine modal. Default is `20px`.
+ *
+ * @cssState empty - Hides the element when the modal is closed.
  */
 export declare class AtomicRefineModal extends LitElement implements InitializableComponent<Bindings> {
+    #private;
     static styles: CSSResultGroup;
     bindings: Bindings;
     error: Error;

package/dist/types/utils/hidden-state-controller.d.ts

@@ -0,0 +1,15 @@
+import type { LitElement, ReactiveController } from 'lit';
+/**
+ * A reactive controller that manages the `:state(empty)` custom state on a host element
+ * using `ElementInternals`. When `isEmpty` is `true`, the host is hidden via `display: none`.
+ *
+ * @cssState empty - Hides the host element when it has no content to display.
+ */
+export declare class HiddenStateController implements ReactiveController {
+    private host;
+    private internals;
+    constructor(host: LitElement);
+    hostConnected(): void;
+    set isEmpty(value: boolean);
+    get isEmpty(): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.59.4",
+  "version": "3.59.5",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "license": "Apache-2.0",