@coveo/atomic 3.61.1 → 3.61.3

package/dist/cjs/components/common/atomic-result-placeholder/atomic-result-placeholder.cjs

@@ -59,32 +59,37 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
     `;
     }
     render() {
+        const displayClasses = (0, item_layout_utils_cjs_namespaceObject.getItemDisplayClasses)(this.display, this.density, this.imageSize);
         const classes = [
             'result-root',
             'placeholder',
             'with-sections',
             'animate-pulse',
-            ...(0, item_layout_utils_cjs_namespaceObject.getItemDisplayClasses)(this.display, this.density, this.imageSize)
+            ...displayClasses
+        ].join(' ').trim();
+        const sectionClasses = [
+            'with-sections',
+            ...displayClasses
         ].join(' ').trim();
         return (0, external_lit_namespaceObject.html)`
       <div class=${classes}>
-        <atomic-result-section-visual>
+        <atomic-result-section-visual class=${sectionClasses}>
           <div class=${placeholderClasses}></div>
         </atomic-result-section-visual>
-        <atomic-result-section-badges>
+        <atomic-result-section-badges class=${sectionClasses}>
           <div class="badge ${placeholderClasses}"></div>
         </atomic-result-section-badges>
-        <atomic-result-section-actions>
+        <atomic-result-section-actions class=${sectionClasses}>
           <div class="action ${placeholderClasses}"></div>
         </atomic-result-section-actions>
-        <atomic-result-section-title>
+        <atomic-result-section-title class=${sectionClasses}>
           <div class="title ${placeholderClasses}"></div>
         </atomic-result-section-title>
-        <atomic-result-section-excerpt>
+        <atomic-result-section-excerpt class=${sectionClasses}>
           ${this.renderExcerptLine('100%')} ${this.renderExcerptLine('95%')}
           ${this.renderExcerptLine('98%')}
         </atomic-result-section-excerpt>
-        <atomic-result-section-bottom-metadata>
+        <atomic-result-section-bottom-metadata class=${sectionClasses}>
           <div class="fields-placeholder">
             ${Array.from({
             length: 4
@@ -96,7 +101,7 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
     }
 }
 AtomicResultPlaceholder.styles = (0, external_lit_namespaceObject.css)`
-    @reference '../../common/template-system/legacy-template-system.css';
+    @reference '../../common/template-system/template-system.css';
 
     :host {
       @apply atomic-template-system;
@@ -108,6 +113,16 @@ AtomicResultPlaceholder.styles = (0, external_lit_namespaceObject.css)`
           }
         }
 
+        > atomic-result-section-excerpt {
+          @apply set-font-size-base;
+
+          @media (width >= theme(--breakpoint-desktop)) {
+            &.density-comfortable {
+              @apply set-font-size-lg;
+            }
+          }
+        }
+
         .badge {
           width: 14rem;
         }

package/dist/cjs/components/common/facets/facet-common.tw.css.cjs

@@ -42,6 +42,10 @@ const styles = (0, external_lit_namespaceObject.css)`
     }
   }
 
+  :host(:state(hidden)) {
+    display: none;
+  }
+
   :host(.popover-nested) {
     @apply min-w-2xs;
 

package/dist/cjs/components/common/facets/facet-visibility-controller.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+class FacetVisibilityController {
+    hostUpdate() {
+        if (this.isHidden()) this.internals.states.add('hidden');
+        else this.internals.states.delete('hidden');
+    }
+    constructor(host, isHidden){
+        this.isHidden = isHidden;
+        this.internals = host.attachInternals();
+        host.addController(this);
+    }
+}
+__webpack_require__.d(__webpack_exports__, {
+    FacetVisibilityController: ()=>FacetVisibilityController
+});
+exports.FacetVisibilityController = __webpack_exports__.FacetVisibilityController;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FacetVisibilityController"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/facets/timeframe-facet-common.cjs

@@ -108,22 +108,27 @@ class TimeframeFacetCommon {
         this.facetForDatePickerDependenciesManager?.stopWatching();
         this.filterDependenciesManager?.stopWatching();
     }
-    get isHidden() {
-        return !this.shouldRenderFacet || !this.enabled;
+    isHostHidden({ hasError, firstSearchExecuted }) {
+        return hasError || !this.enabled || firstSearchExecuted && this.facetInfo.isHidden();
     }
-    registerFacetToStore() {
-        const facetInfo = {
+    get facetInfo() {
+        return {
             label: ()=>this.props.bindings.i18n.t(this.props.label),
             facetId: this.facetId,
             element: this.props.host,
             isHidden: ()=>this.isHidden
         };
+    }
+    get isHidden() {
+        return !this.shouldRenderFacet || !this.enabled;
+    }
+    registerFacetToStore() {
         this.props.bindings.store.registerFacet('dateFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value)
         });
         (0, popover_type_cjs_namespaceObject.initializePopover)(this.props.host, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -220,14 +225,16 @@ class TimeframeFacetCommon {
     ></atomic-facet-date-input>`;
     }
     render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse }) {
-        if (hasError || !this.enabled) return external_lit_namespaceObject.nothing;
+        if (this.isHostHidden({
+            hasError,
+            firstSearchExecuted
+        })) return external_lit_namespaceObject.nothing;
         if (!firstSearchExecuted) return (0, facet_placeholder_cjs_namespaceObject.renderFacetPlaceholder)({
             props: {
                 numberOfValues: this.currentValues.length,
                 isCollapsed
             }
         });
-        if (!this.shouldRenderFacet) return external_lit_namespaceObject.nothing;
         return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`${this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}
       ${!isCollapsed ? (0, external_lit_namespaceObject.html)`${this.shouldRenderValues ? this.renderValues() : external_lit_namespaceObject.nothing}
             ${this.shouldRenderInput ? this.renderDateInput() : external_lit_namespaceObject.nothing}` : external_lit_namespaceObject.nothing}`);

package/dist/cjs/components/common/layout/item-layout-controller.cjs

@@ -30,13 +30,14 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     ItemLayoutController: ()=>ItemLayoutController
 });
+const external_item_layout_sections_cjs_namespaceObject = require("./item-layout-sections.cjs");
 const external_item_layout_utils_cjs_namespaceObject = require("./item-layout-utils.cjs");
 class ItemLayoutController {
     hostConnected() {
         this.createLayout();
     }
     hostUpdated() {
-        if (!this.options.classesOnly) this.applyLayoutClasses();
+        this.applyLayoutClasses();
     }
     getLayout() {
         return this.layout;
@@ -85,10 +86,14 @@ class ItemLayoutController {
     }
     addClassesToElements(root, classes) {
         if (0 === classes.length) return;
+        const config = this.getLayout();
+        const sectionClasses = config ? (0, external_item_layout_utils_cjs_namespaceObject.getItemLayoutClasses)(config) : [];
         const elements = root.querySelectorAll('*');
         elements.forEach((element)=>{
             const tagName = element.tagName.toLowerCase();
-            if (tagName.startsWith(`${this.options.elementPrefix}-`)) element.classList.add(...classes);
+            const isPrefixedChild = !this.options.classesOnly && tagName.startsWith(`${this.options.elementPrefix}-`);
+            if (isPrefixedChild) element.classList.add(...classes);
+            else if ((0, external_item_layout_sections_cjs_namespaceObject.isResultSectionNode)(element) && sectionClasses.length > 0) element.classList.add(...sectionClasses);
         });
     }
     observeAndApplyClasses(root, classes) {

package/dist/cjs/components/insight/atomic-insight-facet/atomic-insight-facet.cjs

@@ -53,6 +53,7 @@ const facet_show_more_less_cjs_namespaceObject = require("../../common/facets/fa
 const facet_value_cjs_namespaceObject = require("../../common/facets/facet-value/facet-value.cjs");
 const facet_values_group_cjs_namespaceObject = require("../../common/facets/facet-values-group/facet-values-group.cjs");
 const popover_type_cjs_namespaceObject = require("../../common/facets/popover/popover-type.cjs");
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const bind_state_cjs_namespaceObject = require("../../../decorators/bind-state.cjs");
 const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
 const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
@@ -245,6 +246,7 @@ class AtomicInsightFacet extends external_lit_namespaceObject.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.numberOfValues = 8, this.sortCriteria = 'automatic', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.enableExclusion = false, this.dependsOn = {}, this.valuesBeforeShowMore = new Set();
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

package/dist/cjs/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.cjs

@@ -55,6 +55,7 @@ const values_container_cjs_namespaceObject = require("../../common/facets/numeri
 const numeric_facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/numeric-facet-common.tw.css.cjs");
 var numeric_facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(numeric_facet_common_tw_css_cjs_namespaceObject);
 const popover_type_cjs_namespaceObject = require("../../common/facets/popover/popover-type.cjs");
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const format_common_cjs_namespaceObject = require("../../common/formats/format-common.cjs");
 const validate_props_controller_cjs_namespaceObject = require("../../common/validate-props-controller/validate-props-controller.cjs");
 const bind_state_cjs_namespaceObject = require("../../../decorators/bind-state.cjs");
@@ -77,6 +78,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicInsightNumericFacet extends external_lit_namespaceObject.LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         this.computeFacetId();
         this.initializeFacetForInput();
@@ -217,14 +226,8 @@ class AtomicInsightNumericFacet extends external_lit_namespaceObject.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)=>(0, formatter_cjs_namespaceObject.formatHumanReadable)({
                     facetValue: value,
                     logger: this.bindings.engine.logger,
@@ -235,7 +238,7 @@ class AtomicInsightNumericFacet extends external_lit_namespaceObject.LitElement
                 })
         });
         (0, popover_type_cjs_namespaceObject.initializePopover)(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -336,6 +339,7 @@ class AtomicInsightNumericFacet extends external_lit_namespaceObject.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 = format_common_cjs_namespaceObject.defaultNumberFormatter;
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.searchStatus && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput

package/dist/cjs/components/insight/atomic-insight-result/atomic-insight-result.cjs

@@ -152,21 +152,92 @@ AtomicInsightResult.propsSchema = new bueno_namespaceObject.Schema({
 });
 AtomicInsightResult.styles = (0, external_lit_namespaceObject.css)`
     @reference '../../../utils/tailwind.global.tw.css';
-    @import '../../common/template-system/legacy-template-system.css';
+    @import '../../common/template-system/template-system.css';
 
     :host {
       @apply atomic-template-system;
       @apply relative;
 
-      .with-sections:not(.child-result) {
+      .result-root.with-sections:not(.child-result) {
         padding-top: var(--atomic-layout-spacing-y);
         padding-bottom: var(--atomic-layout-spacing-y);
         padding-right: var(--atomic-layout-spacing-x);
         padding-left: var(--atomic-layout-spacing-x);
       }
+
+      .result-root.with-sections.display-list {
+        &.density-comfortable {
+          &.child-result:not(.last-child),
+          .placeholder {
+            margin-bottom: 1.75rem;
+          }
+        }
+        &.density-normal {
+          &.child-result:not(.last-child),
+          .placeholder {
+            margin-bottom: 1.5rem;
+          }
+        }
+        &.density-compact {
+          &.child-result:not(.last-child),
+          .placeholder {
+            margin-bottom: 1rem;
+          }
+        }
+
+        @media (width >= theme(--breakpoint-desktop)) {
+          &.density-normal,
+          &.density-compact {
+            atomic-result-section-children {
+              margin-top: 0;
+            }
+          }
+        }
+
+        @media not all and (width >= theme(--breakpoint-desktop)) {
+          atomic-result-section-children atomic-insight-result-children::part(children-root) {
+            margin: 1rem -1rem 0;
+            padding-right: 1rem;
+            padding-left: 1rem;
+          }
+
+          &.density-comfortable {
+            atomic-result-section-children atomic-insight-result-children::part(children-root) {
+              padding-top: 1.75rem;
+            }
+            atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
+              margin-top: 1.25rem;
+              margin-bottom: 1.25rem;
+            }
+          }
+          &.density-normal {
+            atomic-result-section-children atomic-insight-result-children::part(children-root) {
+              padding-top: 1.5rem;
+            }
+            atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
+              margin-top: 0.875rem;
+              margin-bottom: 0.875rem;
+            }
+          }
+          &.density-compact {
+            > atomic-result-section-excerpt {
+              margin-top: 0.75rem;
+              max-height: 1.25rem;
+              @apply line-clamp-1;
+            }
+            atomic-result-section-children atomic-insight-result-children::part(children-root) {
+              padding-top: 1rem;
+            }
+            atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
+              margin-top: 0.475rem;
+              margin-bottom: 0.475rem;
+            }
+          }
+        }
+      }
     }
 
-    :host(:hover) .with-sections {
+    :host(:hover) .result-root.with-sections {
       @apply bg-neutral-lighter;
     }
 
@@ -174,7 +245,7 @@ AtomicInsightResult.styles = (0, external_lit_namespaceObject.css)`
       @apply visible;
     }
 
-    :host(:first-of-type) .with-sections:not(.child-result) {
+    :host(:first-of-type) .result-root.with-sections:not(.child-result) {
       @apply pt-8;
     }
 

package/dist/cjs/components/insight/atomic-insight-timeframe-facet/atomic-insight-timeframe-facet.cjs

@@ -47,6 +47,7 @@ const when_js_namespaceObject = require("lit/directives/when.js");
 const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.cjs");
 const facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/facet-common.tw.css.cjs");
 var facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_common_tw_css_cjs_namespaceObject);
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_placeholder_cjs_namespaceObject = require("../../common/facets/facet-placeholder/facet-placeholder.cjs");
 const timeframe_facet_common_cjs_namespaceObject = require("../../common/facets/timeframe-facet-common.cjs");
 const validate_props_controller_cjs_namespaceObject = require("../../common/validate-props-controller/validate-props-controller.cjs");
@@ -68,6 +69,10 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicInsightTimeframeFacet extends external_lit_namespaceObject.LitElement {
+    get isHidden() {
+        if (!this.timeframeFacetCommon || !this.searchStatusState) return false;
+        return this.timeframeFacetCommon.isHostHidden(this.searchStatusState);
+    }
     get focusTarget() {
         if (!this.headerFocus) this.headerFocus = new accessibility_utils_cjs_namespaceObject.FocusTargetController(this, this.bindings);
         return this.headerFocus;
@@ -160,6 +165,7 @@ class AtomicInsightTimeframeFacet extends external_lit_namespaceObject.LitElemen
         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((0, insight_namespaceObject.loadDateFacetSetActions)(this.bindings.engine).deselectAllDateFacetValues(this.facetId));
         };
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>this.isHidden);
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 injectionDepth: this.injectionDepth,
                 headingLevel: this.headingLevel,

package/dist/cjs/components/recommendations/atomic-recs-result/atomic-recs-result.cjs

@@ -188,7 +188,7 @@ AtomicRecsResult.propsSchema = new bueno_namespaceObject.Schema({
     })
 });
 AtomicRecsResult.styles = (0, external_lit_namespaceObject.css)`
-    @import '../../common/template-system/legacy-template-system.css';
+    @import '../../common/template-system/template-system.css';
 
     :host {
       @apply atomic-template-system;

package/dist/cjs/components/search/atomic-category-facet/atomic-category-facet.cjs

@@ -57,6 +57,7 @@ const value_link_cjs_namespaceObject = require("../../common/facets/category-fac
 const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.cjs");
 const facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/facet-common.tw.css.cjs");
 var facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_common_tw_css_cjs_namespaceObject);
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_container_cjs_namespaceObject = require("../../common/facets/facet-container/facet-container.cjs");
 const facet_header_cjs_namespaceObject = require("../../common/facets/facet-header/facet-header.cjs");
 const facet_placeholder_cjs_namespaceObject = require("../../common/facets/facet-placeholder/facet-placeholder.cjs");
@@ -90,6 +91,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCategoryFacet extends external_lit_namespaceObject.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 = (0, headless_namespaceObject.buildSearchStatus)(this.bindings.engine);
@@ -119,15 +128,9 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
         (0, facet_search_aria_live_cjs_namespaceObject.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);
         (0, popover_type_cjs_namespaceObject.initializePopover)(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.facet.state.valuesAsTrees.length,
             numberOfActiveValues: ()=>this.facetState.hasActiveValues ? 1 : 0
         });
@@ -403,6 +406,7 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.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 accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

package/dist/cjs/components/search/atomic-color-facet/atomic-color-facet.cjs

@@ -48,6 +48,7 @@ const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.c
 const facet_common_cjs_namespaceObject = require("../../common/facets/facet-common.cjs");
 const facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/facet-common.tw.css.cjs");
 var facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_common_tw_css_cjs_namespaceObject);
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_container_cjs_namespaceObject = require("../../common/facets/facet-container/facet-container.cjs");
 const facet_header_cjs_namespaceObject = require("../../common/facets/facet-header/facet-header.cjs");
 const facet_placeholder_cjs_namespaceObject = require("../../common/facets/facet-placeholder/facet-placeholder.cjs");
@@ -353,6 +354,7 @@ class AtomicColorFacet extends external_lit_namespaceObject.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 facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

package/dist/cjs/components/search/atomic-facet/atomic-facet.cjs

@@ -70,6 +70,7 @@ const boolean_converter_cjs_namespaceObject = require("../../../converters/boole
 const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
 const facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/facet-common.tw.css.cjs");
 var facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_common_tw_css_cjs_namespaceObject);
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_search_tw_css_cjs_namespaceObject = require("../../common/facets/facet-search/facet-search.tw.css.cjs");
 var facet_search_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_search_tw_css_cjs_namespaceObject);
 const facet_value_box_tw_css_cjs_namespaceObject = require("../../common/facets/facet-value-box/facet-value-box.tw.css.cjs");
@@ -336,6 +337,7 @@ class AtomicFacet extends external_lit_namespaceObject.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 facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,

package/dist/cjs/components/search/atomic-numeric-facet/atomic-numeric-facet.cjs

@@ -46,6 +46,7 @@ const decorators_js_namespaceObject = require("lit/decorators.js");
 const when_js_namespaceObject = require("lit/directives/when.js");
 const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.cjs");
 const facet_common_cjs_namespaceObject = require("../../common/facets/facet-common.cjs");
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_container_cjs_namespaceObject = require("../../common/facets/facet-container/facet-container.cjs");
 const facet_header_cjs_namespaceObject = require("../../common/facets/facet-header/facet-header.cjs");
 const facet_placeholder_cjs_namespaceObject = require("../../common/facets/facet-placeholder/facet-placeholder.cjs");
@@ -78,6 +79,14 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicNumericFacet extends external_lit_namespaceObject.LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         this.validateTabs();
         this.initializeTabManager();
@@ -237,14 +246,8 @@ class AtomicNumericFacet extends external_lit_namespaceObject.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)=>(0, formatter_cjs_namespaceObject.formatHumanReadable)({
                     facetValue: value,
                     logger: this.bindings.engine.logger,
@@ -255,7 +258,7 @@ class AtomicNumericFacet extends external_lit_namespaceObject.LitElement {
                 })
         });
         (0, popover_type_cjs_namespaceObject.initializePopover)(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -356,6 +359,7 @@ class AtomicNumericFacet extends external_lit_namespaceObject.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 = format_common_cjs_namespaceObject.defaultNumberFormatter, this.conditionManagers = [];
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.searchStatus && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput

package/dist/cjs/components/search/atomic-rating-facet/atomic-rating-facet.cjs

@@ -50,6 +50,7 @@ const rating_cjs_namespaceObject = require("../../common/atomic-rating/rating.cj
 const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.cjs");
 const facet_common_tw_css_cjs_namespaceObject = require("../../common/facets/facet-common.tw.css.cjs");
 var facet_common_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(facet_common_tw_css_cjs_namespaceObject);
+const facet_visibility_controller_cjs_namespaceObject = require("../../common/facets/facet-visibility-controller.cjs");
 const facet_container_cjs_namespaceObject = require("../../common/facets/facet-container/facet-container.cjs");
 const facet_header_cjs_namespaceObject = require("../../common/facets/facet-header/facet-header.cjs");
 const facet_placeholder_cjs_namespaceObject = require("../../common/facets/facet-placeholder/facet-placeholder.cjs");
@@ -85,6 +86,14 @@ class AtomicRatingFacet extends external_lit_namespaceObject.LitElement {
         if (!this.headerFocus) this.headerFocus = new accessibility_utils_cjs_namespaceObject.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;
@@ -130,19 +139,13 @@ class AtomicRatingFacet extends external_lit_namespaceObject.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)
         });
         (0, popover_type_cjs_namespaceObject.initializePopover)(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.valuesToRender.length,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -269,6 +272,7 @@ class AtomicRatingFacet extends external_lit_namespaceObject.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.numberOfIntervals = 5, this.tabsIncluded = [], this.tabsExcluded = [], this.minValueInIndex = 1, this.displayValuesAs = 'checkbox', this.icon = star_cjs_default(), this.isCollapsed = false, this.headingLevel = 0, this.injectionDepth = 1000;
+        new facet_visibility_controller_cjs_namespaceObject.FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfIntervals: this.numberOfIntervals,