@coveo/atomic 3.61.2 → 3.61.3

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

@@ -13,6 +13,7 @@ import { renderNumericFacetValue } from "../../common/facets/numeric-facet/value
 import { renderNumericFacetValuesGroup } from "../../common/facets/numeric-facet/values-container.js";
 import numeric_facet_common_tw_css from "../../common/facets/numeric-facet-common.tw.css.js";
 import { initializePopover } from "../../common/facets/popover/popover-type.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { defaultNumberFormatter } from "../../common/formats/format-common.js";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller.js";
 import { bindStateToController } from "../../../decorators/bind-state.js";
@@ -35,6 +36,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicInsightNumericFacet extends LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         this.computeFacetId();
         this.initializeFacetForInput();
@@ -175,14 +184,8 @@ class AtomicInsightNumericFacet extends LitElement {
         });
     }
     registerFacetToStore() {
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>formatHumanReadable({
                     facetValue: value,
                     logger: this.bindings.engine.logger,
@@ -193,7 +196,7 @@ class AtomicInsightNumericFacet extends LitElement {
                 })
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -294,6 +297,7 @@ class AtomicInsightNumericFacet extends LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', 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;
+        new FacetVisibilityController(this, ()=>!!this.searchStatus && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput

package/dist/esm/components/insight/atomic-insight-timeframe-facet/atomic-insight-timeframe-facet.js

@@ -5,6 +5,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
 import { TimeframeFacetCommon } from "../../common/facets/timeframe-facet-common.js";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller.js";
@@ -26,6 +27,10 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicInsightTimeframeFacet extends LitElement {
+    get isHidden() {
+        if (!this.timeframeFacetCommon || !this.searchStatusState) return false;
+        return this.timeframeFacetCommon.isHostHidden(this.searchStatusState);
+    }
     get focusTarget() {
         if (!this.headerFocus) this.headerFocus = new FocusTargetController(this, this.bindings);
         return this.headerFocus;
@@ -118,6 +123,7 @@ class AtomicInsightTimeframeFacet extends LitElement {
         super(), this.label = 'no-label', this.field = 'date', this.withDatePicker = false, this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.sortCriteria = 'descending', this.handleDateInputApply = ()=>{
             if (this.facetId) this.bindings.engine.dispatch(loadDateFacetSetActions(this.bindings.engine).deselectAllDateFacetValues(this.facetId));
         };
+        new FacetVisibilityController(this, ()=>this.isHidden);
         new ValidatePropsController(this, ()=>({
                 injectionDepth: this.injectionDepth,
                 headingLevel: this.headingLevel,

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

@@ -15,6 +15,7 @@ import { renderCategoryFacetTreeValueContainer } from "../../common/facets/categ
 import { renderCategoryFacetValueLink } from "../../common/facets/category-facet/value-link.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetContainer } from "../../common/facets/facet-container/facet-container.js";
 import { renderFacetHeader } from "../../common/facets/facet-header/facet-header.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
@@ -47,6 +48,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCategoryFacet extends LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This could lead to unexpected behaviors.');
         this.searchStatus = buildSearchStatus(this.bindings.engine);
@@ -76,15 +85,9 @@ class AtomicCategoryFacet extends LitElement {
         announceFacetSearchResultsWithAriaLive(this.facet, this.label, (msg)=>{
             this.facetSearchAriaMessage.message = msg;
         }, this.bindings.i18n);
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
-        this.bindings.store.registerFacet('categoryFacets', facetInfo);
+        this.bindings.store.registerFacet('categoryFacets', this.facetInfo);
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.facet.state.valuesAsTrees.length,
             numberOfActiveValues: ()=>this.facetState.hasActiveValues ? 1 : 0
         });
@@ -360,6 +363,7 @@ class AtomicCategoryFacet extends LitElement {
     }
     constructor(){
         super(), this.resultIndexToFocusOnShowMore = 0, this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = false, this.sortCriteria = 'occurrences', this.delimitingCharacter = ';', this.basePath = [], this.filterByBasePath = true, this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.facetSearchAriaMessage = new AriaLiveRegionController(this, 'facet-search');
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

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

@@ -6,6 +6,7 @@ import { when } from "lit/directives/when.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import { getFirstNewFacetValueIndex } from "../../common/facets/facet-common.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetContainer } from "../../common/facets/facet-container/facet-container.js";
 import { renderFacetHeader } from "../../common/facets/facet-header/facet-header.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
@@ -309,6 +310,7 @@ class AtomicColorFacet extends LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = true, this.sortCriteria = 'automatic', this.resultsMustMatch = 'atLeastOneValue', this.displayValuesAs = 'box', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.allowedValues = [], this.customSort = [], this.valuesBeforeShowMore = new Set();
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

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

@@ -28,6 +28,7 @@ import { arrayConverter } from "../../../converters/array-converter.js";
 import { booleanConverter } from "../../../converters/boolean-converter.js";
 import { bindings } from "../../../decorators/bindings.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import facet_search_tw_css from "../../common/facets/facet-search/facet-search.tw.css.js";
 import facet_value_box_tw_css from "../../common/facets/facet-value-box/facet-value-box.tw.css.js";
 import facet_value_checkbox_tw_css from "../../common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.js";
@@ -290,6 +291,7 @@ class AtomicFacet extends LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = true, this.sortCriteria = 'automatic', this.resultsMustMatch = 'atLeastOneValue', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.enableExclusion = false, this.injectionDepth = 1000, this.allowedValues = [], this.customSort = [], this.valuesBeforeShowMore = new Set();
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

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

@@ -5,6 +5,7 @@ import { customElement, property, state as decorators_js_state } from "lit/decor
 import { when } from "lit/directives/when.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import { shouldDisplayInputForFacetRange } from "../../common/facets/facet-common.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetContainer } from "../../common/facets/facet-container/facet-container.js";
 import { renderFacetHeader } from "../../common/facets/facet-header/facet-header.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
@@ -36,6 +37,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicNumericFacet extends LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         this.validateTabs();
         this.initializeTabManager();
@@ -195,14 +204,8 @@ class AtomicNumericFacet extends LitElement {
         });
     }
     registerFacetToStore() {
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>formatHumanReadable({
                     facetValue: value,
                     logger: this.bindings.engine.logger,
@@ -213,7 +216,7 @@ class AtomicNumericFacet extends LitElement {
                 })
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -314,6 +317,7 @@ class AtomicNumericFacet extends LitElement {
     }
     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, this.conditionManagers = [];
+        new FacetVisibilityController(this, ()=>!!this.searchStatus && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput

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

@@ -7,6 +7,7 @@ import atomic_rating_tw_css from "../../common/atomic-rating/atomic-rating.tw.cs
 import { renderRating } from "../../common/atomic-rating/rating.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetContainer } from "../../common/facets/facet-container/facet-container.js";
 import { renderFacetHeader } from "../../common/facets/facet-header/facet-header.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
@@ -40,6 +41,14 @@ class AtomicRatingFacet extends LitElement {
         if (!this.headerFocus) this.headerFocus = new FocusTargetController(this, this.bindings);
         return this.headerFocus;
     }
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     connectedCallback() {
         super.connectedCallback();
         if (void 0 === this.maxValueInIndex) this.maxValueInIndex = this.numberOfIntervals;
@@ -85,19 +94,13 @@ class AtomicRatingFacet extends LitElement {
             options
         });
         this.facetId = this.facet.state.facetId;
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value),
             content: (value)=>this.ratingContent(value)
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.valuesToRender.length,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -224,6 +227,7 @@ class AtomicRatingFacet extends LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.numberOfIntervals = 5, this.tabsIncluded = [], this.tabsExcluded = [], this.minValueInIndex = 1, this.displayValuesAs = 'checkbox', this.icon = star, this.isCollapsed = false, this.headingLevel = 0, this.injectionDepth = 1000;
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfIntervals: this.numberOfIntervals,

package/dist/esm/components/search/atomic-rating-range-facet/atomic-rating-range-facet.js

@@ -7,6 +7,7 @@ import atomic_rating_tw_css from "../../common/atomic-rating/atomic-rating.tw.cs
 import { renderRating } from "../../common/atomic-rating/rating.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetContainer } from "../../common/facets/facet-container/facet-container.js";
 import { renderFacetHeader } from "../../common/facets/facet-header/facet-header.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
@@ -35,6 +36,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicRatingRangeFacet extends LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     connectedCallback() {
         super.connectedCallback();
         if (void 0 === this.maxValueInIndex) this.maxValueInIndex = this.numberOfIntervals;
@@ -83,19 +92,13 @@ class AtomicRatingRangeFacet extends LitElement {
             options
         });
         this.facetId = this.facet.state.facetId;
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value),
             content: (value)=>this.ratingContent(value)
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.valuesToRender.length,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -215,6 +218,7 @@ class AtomicRatingRangeFacet extends LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfIntervals = 5, this.minValueInIndex = 1, this.icon = star, this.isCollapsed = false, this.headingLevel = 0, this.injectionDepth = 1000;
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfIntervals: this.numberOfIntervals,

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

@@ -103,8 +103,10 @@ class AtomicRefineModal extends LitElement {
         const visibleFacetsClone = this.cloneFacets(visibleFacets);
         const invisibleFacetsClone = this.cloneFacets(invisibleFacets);
         collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);
-        divSlot.append(...visibleFacetsClone);
-        divSlot.append(...invisibleFacetsClone);
+        const clonesByFacet = new Map();
+        visibleFacets.forEach((facet, index)=>clonesByFacet.set(facet, visibleFacetsClone[index]));
+        invisibleFacets.forEach((facet, index)=>clonesByFacet.set(facet, invisibleFacetsClone[index]));
+        divSlot.append(...sortedFacets.map((facet)=>clonesByFacet.get(facet)));
         const generator = this.makeAutomaticFacetGenerator();
         if (generator) {
             generator.updateCollapseFacetsDependingOnFacetsVisibility(this.collapseFacetsAfter, visibleFacets.length);

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

@@ -5,6 +5,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
 import facet_common_tw_css from "../../common/facets/facet-common.tw.css.js";
+import { FacetVisibilityController } from "../../common/facets/facet-visibility-controller.js";
 import { renderFacetPlaceholder } from "../../common/facets/facet-placeholder/facet-placeholder.js";
 import { TimeframeFacetCommon } from "../../common/facets/timeframe-facet-common.js";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller.js";
@@ -27,6 +28,10 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicTimeframeFacet extends LitElement {
+    get isHidden() {
+        if (!this.timeframeFacetCommon || !this.searchStatusState) return false;
+        return this.timeframeFacetCommon.isHostHidden(this.searchStatusState);
+    }
     get focusTarget() {
         if (!this.headerFocus) this.headerFocus = new FocusTargetController(this, this.bindings);
         return this.headerFocus;
@@ -135,6 +140,7 @@ class AtomicTimeframeFacet extends LitElement {
         super(), this.label = 'no-label', this.field = 'date', this.tabsIncluded = [], this.tabsExcluded = [], this.withDatePicker = false, this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.sortCriteria = 'descending', this.handleDateInputApply = ()=>{
             if (this.facetId) this.bindings.engine.dispatch(loadDateFacetSetActions(this.bindings.engine).deselectAllDateFacetValues(this.facetId));
         };
+        new FacetVisibilityController(this, ()=>this.isHidden);
         new ValidatePropsController(this, ()=>({
                 injectionDepth: this.injectionDepth,
                 headingLevel: this.headingLevel,

package/dist/esm/global/environment.js

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

package/dist/esm/versions.js

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

package/dist/types/components/common/facets/facet-visibility-controller.d.ts

@@ -0,0 +1,7 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class FacetVisibilityController implements ReactiveController {
+    private readonly isHidden;
+    private readonly internals;
+    constructor(host: ReactiveControllerHost & HTMLElement, isHidden: () => boolean);
+    hostUpdate(): void;
+}

package/dist/types/components/common/facets/timeframe-facet-common.d.ts

@@ -61,6 +61,8 @@ export declare class TimeframeFacetCommon {
     private get hasInputRange();
     get currentValues(): DateRangeRequest[];
     disconnectedCallback(): void;
+    isHostHidden({ hasError, firstSearchExecuted, }: Pick<SearchStatusState, 'hasError' | 'firstSearchExecuted'>): boolean;
+    private get facetInfo();
     private get isHidden();
     private registerFacetToStore;
     private getManualTimeframes;

package/dist/types/components/insight/atomic-insight-facet/atomic-insight-facet.d.ts

@@ -7,6 +7,8 @@ import '../../common/atomic-facet-placeholder/atomic-facet-placeholder';
  * The `atomic-insight-facet` component displays a facet of the results for the current query in an Insight interface.
  * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (for example, number of occurrences).
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  * @part label-button - The button that displays the label and allows to expand/collapse the facet.

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

@@ -9,6 +9,8 @@ import '../../common/atomic-numeric-range/atomic-numeric-range';
  * The `atomic-insight-numeric-facet` component displays a facet of the results for the current query as numeric ranges.
  * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  * @part label-button - The button that displays the label and allows to expand/collapse the facet.
@@ -134,6 +136,7 @@ export declare class AtomicInsightNumericFacet extends LitElement implements Ini
     private unsubscribeFacetForRange?;
     private unsubscribeFacetForInput?;
     private unsubscribeFilter?;
+    private get facetInfo();
     constructor();
     initialize(): void;
     connectedCallback(): void;

package/dist/types/components/insight/atomic-insight-timeframe-facet/atomic-insight-timeframe-facet.d.ts

@@ -5,6 +5,8 @@ import type { InitializableComponent } from '../../../decorators/types';
 /**
  * The `atomic-insight-timeframe-facet` component displays a facet of results for the current query as date intervals.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @slot default - The atomic-timeframe components defining the timeframes to display.
  *
  * @part facet - The wrapper for the entire facet.
@@ -96,6 +98,7 @@ export declare class AtomicInsightTimeframeFacet extends LitElement implements I
     private headerFocus?;
     private timeframeFacetCommon?;
     constructor();
+    private get isHidden();
     private get focusTarget();
     initialize(): void;
     disconnectedCallback(): void;

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

@@ -5,6 +5,8 @@ import type { InitializableComponent } from '../../../decorators/types';
 /**
  * The `atomic-category-facet` component displays a facet of values in a browsable, hierarchical fashion.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  *
@@ -163,6 +165,7 @@ export declare class AtomicCategoryFacet extends LitElement implements Initializ
     private headerFocus?;
     private activeValueFocus?;
     private facetSearchAriaMessage;
+    private get facetInfo();
     constructor();
     initialize(): void;
     disconnectedCallback(): void;

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

@@ -5,6 +5,8 @@ import type { InitializableComponent } from '../../../decorators/types';
 /**
  * The `atomic-color-facet` component displays facet values as color boxes or checkboxes with color indicators.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  *

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

@@ -7,6 +7,8 @@ import '../../common/atomic-facet-placeholder/atomic-facet-placeholder';
  * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (for example, number of occurrences).
  * An `atomic-facet` displays a facet of the results for the current query.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  *

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

@@ -9,6 +9,8 @@ import '../../common/atomic-numeric-range/atomic-numeric-range';
  * The `atomic-numeric-facet` component displays a facet of the results for the current query as numeric ranges.
  * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  * @part label-button - The button that displays the label and allows to expand/collapse the facet.
@@ -149,6 +151,7 @@ export declare class AtomicNumericFacet extends LitElement implements Initializa
     tabManager: TabManager;
     private manualRanges;
     private formatter;
+    private get facetInfo();
     constructor();
     private conditionManagers;
     private headerFocus?;

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

@@ -7,6 +7,8 @@ import type { InitializableComponent } from '../../../decorators/types';
  * An `atomic-rating-facet` displays a facet of the results for the current query as ratings.
  * It only supports numeric fields.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  *
@@ -135,6 +137,7 @@ export declare class AtomicRatingFacet extends LitElement implements Initializab
     dependsOn: Record<string, string>;
     private headerFocus?;
     private get focusTarget();
+    private get facetInfo();
     constructor();
     connectedCallback(): void;
     private get _filterFacetCount();

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

@@ -7,6 +7,8 @@ import type { InitializableComponent } from '../../../decorators/types';
  * An `atomic-rating-range-facet` displays a facet of the results for the current query as ratings.
  * It only supports numeric fields.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @part facet - The wrapper for the entire facet.
  * @part placeholder - The placeholder shown before the first search is executed.
  *
@@ -136,6 +138,7 @@ export declare class AtomicRatingRangeFacet extends LitElement implements Initia
      * ```
      */
     dependsOn: Record<string, string>;
+    private get facetInfo();
     constructor();
     connectedCallback(): void;
     private get _filterFacetCount();

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

@@ -5,6 +5,8 @@ import type { InitializableComponent } from '../../../decorators/types';
 /**
  * The `atomic-timeframe-facet` component displays a facet of results for the current query as date intervals.
  *
+ * @cssState hidden - Applied when the facet is hidden.
+ *
  * @slot default - The atomic-timeframe components defining the timeframes to display.
  *
  * @part facet - The wrapper for the entire facet.
@@ -138,6 +140,7 @@ export declare class AtomicTimeframeFacet extends LitElement implements Initiali
     private headerFocus?;
     private timeframeFacetCommon?;
     constructor();
+    private get isHidden();
     private get focusTarget();
     initialize(): void;
     disconnectedCallback(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.61.2",
+  "version": "3.61.3",
   "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",
@@ -55,9 +55,9 @@
     "./custom-elements-manifest": "./custom-elements.json"
   },
   "dependencies": {
-    "@coveo/atomic-legacy": "0.1.3",
+    "@coveo/atomic-legacy": "0.1.4",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.55.4",
+    "@coveo/headless": "3.56.0",
     "@coveo/relay-event-types": "20.5.1",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
@@ -119,7 +119,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.55.4",
+    "@coveo/headless": "^3.56.0",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {