@coveo/atomic 3.64.0 → 3.65.0

package/dist/cjs/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.cjs

@@ -30,11 +30,15 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicCommerceSearchBox: ()=>AtomicCommerceSearchBox
 });
+const bueno_namespaceObject = require("@coveo/bueno");
 const commerce_namespaceObject = require("@coveo/headless/commerce");
 const external_lit_namespaceObject = require("lit");
 const decorators_js_namespaceObject = require("lit/decorators.js");
 const class_map_js_namespaceObject = require("lit/directives/class-map.js");
 const ref_js_namespaceObject = require("lit/directives/ref.js");
+const when_js_namespaceObject = require("lit/directives/when.js");
+const button_cjs_namespaceObject = require("../../common/button.cjs");
+const validate_props_controller_cjs_namespaceObject = require("../../common/validate-props-controller/validate-props-controller.cjs");
 const boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
 const bind_state_cjs_namespaceObject = require("../../../decorators/bind-state.cjs");
 const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
@@ -258,7 +262,7 @@ class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
                 }
                 break;
             case 'Tab':
-                this.suggestionManager.clearSuggestions();
+                if ('bottom' !== this.clearRecentButtonPosition || !this.clearRecentQueriesElement) this.suggestionManager.clearSuggestions();
                 break;
             default:
                 if (this.suggestionManager.keyboardActiveDescendant) this.suggestionManager.updateKeyboardActiveDescendant();
@@ -323,11 +327,59 @@ class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
             }
         })}`;
     }
+    get clearRecentQueriesElement() {
+        const { leftSuggestionElements, rightSuggestionElements } = this.suggestionManager;
+        return [
+            leftSuggestionElements,
+            rightSuggestionElements
+        ].flatMap((elements)=>elements.slice(0, -1)).find((element)=>'recent-query-clear' === element.key);
+    }
+    renderRecentQueriesTitle() {
+        return (0, external_lit_namespaceObject.html)`<div
+      part="recent-query-title"
+      class="text-neutral-dark flex min-h-10 items-center px-4 font-bold"
+      @mousedown=${(e)=>e.preventDefault()}
+    >
+      ${this.bindings.i18n.t('recent-searches')}
+    </div>`;
+    }
+    renderClearRecentQueriesButton(element) {
+        const deselectSuggestion = ()=>{
+            this.suggestionManager.updateKeyboardActiveDescendant();
+            this.suggestionManager.updateActiveDescendant();
+        };
+        return (0, external_lit_namespaceObject.html)`<div
+      class="border-neutral flex border-t"
+      @mousedown=${(e)=>e.preventDefault()}
+      @mouseenter=${deselectSuggestion}
+      @focusin=${deselectSuggestion}
+      @keydown=${(e)=>{
+            if ('Escape' !== e.key) return;
+            this.textAreaRef.value?.focus();
+            this.isExpanded = false;
+            this.suggestionManager.clearSuggestions();
+        }}
+    >
+      ${(0, button_cjs_namespaceObject.renderButton)({
+            props: {
+                style: 'text-primary',
+                text: this.bindings.i18n.t('clear-recent-searches'),
+                part: 'recent-query-clear-button',
+                class: 'focus-visible:ring-ring-primary flex min-h-12 w-full items-center justify-center rounded-none px-4 focus-visible:ring-2 focus-visible:ring-inset',
+                onClick: (e)=>{
+                    element.onSelect?.(e);
+                    this.textAreaRef.value?.focus();
+                }
+            }
+        })(external_lit_namespaceObject.nothing)}
+    </div>`;
+    }
     renderSuggestions() {
         const part = `suggestions-wrapper ${this.suggestionManager.isDoubleList ? 'suggestions-double-list' : 'suggestions-single-list'}`;
         const isVisible = this.suggestionManager.hasSuggestions && this.isExpanded && !this.isSearchDisabledForEndUser;
         const classes = {
             'bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border': true,
+            'overflow-hidden': 'bottom' === this.clearRecentButtonPosition,
             hidden: !isVisible
         };
         return (0, external_lit_namespaceObject.html)`<div
@@ -338,25 +390,43 @@ class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
       aria-label=${this.bindings.i18n.t(this.suggestionManager.isDoubleList ? 'search-suggestions-double-list' : 'search-suggestions-single-list')}
       aria-activedescendant=${this.suggestionManager.activeDescendant}
     >
-      ${this.renderPanel('left', this.suggestionManager.leftSuggestionElements, (el)=>{
-            this.suggestionManager.leftPanel = el;
-        }, ()=>this.suggestionManager.leftPanel)}
-      ${this.renderPanel('right', this.suggestionManager.rightSuggestionElements, (el)=>{
-            this.suggestionManager.rightPanel = el;
-        }, ()=>this.suggestionManager.rightPanel)}
+      ${this.renderPanel('left', this.suggestionManager.leftSuggestionElements, this.setLeftPanel, ()=>this.suggestionManager.leftPanel)}
+      ${this.renderPanel('right', this.suggestionManager.rightSuggestionElements, this.setRightPanel, ()=>this.suggestionManager.rightPanel)}
     </div>`;
     }
     renderPanel(side, elements, setRef, getRef) {
-        if (!elements.length) return null;
+        let listElements = elements;
+        let isListNested = false;
+        let recentQueriesTitle;
+        let clearRecentQueriesButton;
+        switch(this.clearRecentButtonPosition){
+            case 'bottom':
+                {
+                    isListNested = true;
+                    const clearElement = this.clearRecentQueriesElement;
+                    if (clearElement && elements.includes(clearElement)) {
+                        listElements = elements.filter((element)=>element !== clearElement);
+                        clearRecentQueriesButton = this.renderClearRecentQueriesButton(clearElement);
+                        if (elements[0] === clearElement) recentQueriesTitle = this.renderRecentQueriesTitle();
+                    }
+                    break;
+                }
+        }
+        if (!listElements.length) return null;
+        const suggestions = listElements.map((suggestion, index)=>this.renderSuggestion(suggestion, index, listElements.length - 1, side));
         return (0, external_lit_namespaceObject.html)`<div
       part="suggestions suggestions-${side}"
-      ${(0, ref_js_namespaceObject.ref)(setRef)}
+      ${(0, ref_js_namespaceObject.ref)(isListNested ? void 0 : setRef)}
       class="flex grow basis-1/2 flex-col"
       @mousedown=${(e)=>{
             if (e.target === getRef()) e.preventDefault();
         }}
     >
-      ${elements.map((suggestion, index)=>this.renderSuggestion(suggestion, index, elements.length - 1, side))}
+      ${recentQueriesTitle}
+      ${(0, when_js_namespaceObject.when)(isListNested, ()=>(0, external_lit_namespaceObject.html)`<div class="flex grow flex-col" ${(0, ref_js_namespaceObject.ref)(setRef)}>
+            ${suggestions}
+          </div>`, ()=>suggestions)}
+      ${clearRecentQueriesButton}
     </div>`;
     }
     renderSuggestion(item, index, lastIndex, side) {
@@ -422,10 +492,25 @@ class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
     announceClearSearchBoxToScreenReader() {
         this.searchBoxAriaMessage.message = this.bindings.i18n.t('search-box-cleared');
     }
-    constructor(...args){
-        super(...args), this.isExpanded = false, this.textAreaRef = (0, ref_js_namespaceObject.createRef)(), this.searchBoxSuggestionEventsQueue = [], this.searchBoxAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-box'), this.suggestionsAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-suggestions', true), this.numberOfQueries = 8, this.suggestionTimeout = 400, this.suggestionDelay = 0, this.disableSearch = false, this.minimumQueryLength = 0, this.clearFilters = true, this.updateBreakpoints = (0, utils_cjs_namespaceObject.once)(()=>(0, replace_breakpoint_utils_cjs_namespaceObject.updateBreakpoints)(this));
+    constructor(){
+        super(), this.isExpanded = false, this.textAreaRef = (0, ref_js_namespaceObject.createRef)(), this.setLeftPanel = (el)=>{
+            this.suggestionManager.leftPanel = el;
+        }, this.setRightPanel = (el)=>{
+            this.suggestionManager.rightPanel = el;
+        }, this.searchBoxSuggestionEventsQueue = [], this.searchBoxAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-box'), this.suggestionsAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-suggestions', true), this.numberOfQueries = 8, this.suggestionTimeout = 400, this.suggestionDelay = 0, this.disableSearch = false, this.minimumQueryLength = 0, this.clearFilters = true, this.clearRecentButtonPosition = 'top', this.updateBreakpoints = (0, utils_cjs_namespaceObject.once)(()=>(0, replace_breakpoint_utils_cjs_namespaceObject.updateBreakpoints)(this));
+        new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
+                clearRecentButtonPosition: this.clearRecentButtonPosition
+            }), AtomicCommerceSearchBox.propsSchema);
     }
 }
+AtomicCommerceSearchBox.propsSchema = new bueno_namespaceObject.Schema({
+    clearRecentButtonPosition: new bueno_namespaceObject.StringValue({
+        constrainTo: [
+            'top',
+            'bottom'
+        ]
+    })
+});
 AtomicCommerceSearchBox.shadowRootOptions = {
     ...external_lit_namespaceObject.LitElement.shadowRootOptions,
     delegatesFocus: true
@@ -499,6 +584,14 @@ _ts_decorate([
         converter: boolean_converter_cjs_namespaceObject.booleanConverter
     })
 ], AtomicCommerceSearchBox.prototype, "clearFilters", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'clear-recent-button-position',
+        reflect: true
+    }),
+    _ts_metadata("design:type", String)
+], AtomicCommerceSearchBox.prototype, "clearRecentButtonPosition", void 0);
 _ts_decorate([
     (0, watch_cjs_namespaceObject.watch)('redirectionUrl'),
     _ts_metadata("design:type", Function),
@@ -515,7 +608,9 @@ _ts_decorate([
 AtomicCommerceSearchBox = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-commerce-search-box'),
     (0, bindings_cjs_namespaceObject.bindings)(),
-    with_tailwind_styles_cjs_namespaceObject.withTailwindStyles
+    with_tailwind_styles_cjs_namespaceObject.withTailwindStyles,
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [])
 ], AtomicCommerceSearchBox);
 exports.AtomicCommerceSearchBox = __webpack_exports__.AtomicCommerceSearchBox;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/components/commerce/product-list/product-template-provider.cjs

@@ -33,6 +33,8 @@ __webpack_require__.d(__webpack_exports__, {
 const commerce_namespaceObject = require("@coveo/headless/commerce");
 const template_provider_cjs_namespaceObject = require("../../common/template-provider/template-provider.cjs");
 require("../atomic-product-template/atomic-product-template.cjs");
+require("../atomic-product-section-name/atomic-product-section-name.cjs");
+require("../atomic-product-section-visual/atomic-product-section-visual.cjs");
 class ProductTemplateProvider extends template_provider_cjs_namespaceObject.TemplateProvider {
     makeDefaultTemplate() {
         const content = document.createDocumentFragment();

package/dist/cjs/components/common/atomic-focus-trap/atomic-focus-trap.cjs

@@ -60,6 +60,10 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         if (element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || 'atomic-aria-live' === element.tagName.toLowerCase()) return;
         element.setAttribute('aria-hidden', 'true');
         this.hiddenElements.push(element);
+        if (!element.hasAttribute('inert')) {
+            element.setAttribute('inert', '');
+            this.inertElements.push(element);
+        }
     }
     showAll() {
         let el = this.hiddenElements.pop();
@@ -67,6 +71,11 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
             el.removeAttribute('aria-hidden');
             el = this.hiddenElements.pop();
         }
+        let inertElement = this.inertElements.pop();
+        while(inertElement){
+            inertElement.removeAttribute('inert');
+            inertElement = this.inertElements.pop();
+        }
     }
     hideSiblingsRecursively(element) {
         const parent = (0, utils_cjs_namespaceObject.getParent)(element);
@@ -100,6 +109,7 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         this.showSelf();
         if (!isInitialLoad) {
             await (0, utils_cjs_namespaceObject.defer)();
+            if (!this.active) return;
             (0, accessibility_utils_cjs_namespaceObject.getFirstFocusableDescendant)(this)?.focus();
         }
         this.hideSiblingsRecursively(this);
@@ -113,7 +123,7 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         return this.container ?? this;
     }
     constructor(...args){
-        super(...args), this.active = false, this.shouldHideSelf = true, this.scope = document.body, this.hiddenElements = [], this.onFocusChanged = (e)=>{
+        super(...args), this.active = false, this.shouldHideSelf = true, this.scope = document.body, this.hiddenElements = [], this.inertElements = [], this.onFocusChanged = (e)=>{
             if (!e.target || !this.active) return;
             const focusedElement = (0, utils_cjs_namespaceObject.getFocusedElement)();
             if (focusedElement && (0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement)) return;

package/dist/cjs/components/common/atomic-layout-section/layout.cjs

@@ -96,11 +96,15 @@ function buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName,
        }
     }`;
     };
-    const horizontalFacets = ()=>`${mediaQuerySelector} {
-      ${layoutSelector} ${(0, external_atomic_layout_section_utils_cjs_namespaceObject.sectionSelector)('horizontal-facets')} > atomic-popover:not(.atomic-hidden) {
+    const horizontalFacets = ()=>{
+        const horizontalFacetsSelector = `${layoutSelector} ${(0, external_atomic_layout_section_utils_cjs_namespaceObject.sectionSelector)('horizontal-facets')}`;
+        return `${mediaQuerySelector} {
+      ${horizontalFacetsSelector} > atomic-popover:not(.atomic-hidden),
+      ${horizontalFacetsSelector} > atomic-facet-manager > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }`;
+    };
     return [
         display,
         search,

package/dist/cjs/components/common/atomic-modal/atomic-modal.cjs

@@ -44,6 +44,7 @@ const bindings_mixin_cjs_namespaceObject = require("../../../mixins/bindings-mix
 const event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
 const replace_breakpoint_utils_cjs_namespaceObject = require("../../../utils/replace-breakpoint-utils.cjs");
 const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
+require("../atomic-focus-trap/atomic-focus-trap.cjs");
 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);
@@ -84,7 +85,7 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
               role="dialog"
               aria-modal=${this.isOpen ? 'true' : 'false'}
               aria-labelledby=${this.headerId}
-              .source=${this.source}
+              .source=${this.source ?? this.focusedElementBeforeOpen}
               .container=${this.container ?? this}
               ${(0, ref_js_namespaceObject.ref)(this.focusTrap)}
               .scope=${this.scope ?? this.bindings?.interfaceElement ?? document.body}
@@ -128,6 +129,8 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
     }
     async handleModalOpen() {
         const executionId = this.createExecutionTracker();
+        const focusedElement = (0, utils_cjs_namespaceObject.getFocusedElement)();
+        this.focusedElementBeforeOpen = focusedElement instanceof HTMLElement && !(0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement) ? focusedElement : void 0;
         if (!this.shouldRender) {
             this.shouldRender = true;
             await this.updateComplete;
@@ -345,6 +348,10 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", "u" < typeof HTMLElement ? Object : HTMLElement)
 ], AtomicModal.prototype, "source", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)(),
+    _ts_metadata("design:type", "u" < typeof HTMLElement ? Object : HTMLElement)
+], AtomicModal.prototype, "focusedElementBeforeOpen", void 0);
 _ts_decorate([
     (0, error_guard_cjs_namespaceObject.errorGuard)(),
     _ts_metadata("design:type", Function),

package/dist/cjs/components/common/atomic-tab-popover/atomic-tab-popover.cjs

@@ -51,6 +51,7 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const arrow_bottom_rounded_cjs_namespaceObject = require("../../../images/arrow-bottom-rounded.cjs");
 var arrow_bottom_rounded_cjs_default = /*#__PURE__*/ __webpack_require__.n(arrow_bottom_rounded_cjs_namespaceObject);
+require("../atomic-icon/atomic-icon.cjs");
 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);

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

@@ -63,9 +63,22 @@ function isAutomaticFacetGenerator(element) {
 function isPseudoFacet(el) {
     return 'facetId' in el;
 }
+function isPopover(element) {
+    return 'ATOMIC-POPOVER' === element.tagName;
+}
+function isFacetNestedInPopover(facet) {
+    return !!facet.parentElement && isPopover(facet.parentElement);
+}
+function getFacetElementToReorder(facet) {
+    return isFacetNestedInPopover(facet) ? facet.parentElement : facet;
+}
 function getFacetsInChildren(parent) {
-    const facets = Array.from(parent.children).filter((child)=>isPseudoFacet(child));
-    return facets;
+    return Array.from(parent.children).flatMap((child)=>{
+        if (isPseudoFacet(child)) return [
+            child
+        ];
+        return isPopover(child) ? Array.from(child.children).filter(isPseudoFacet) : [];
+    });
 }
 function getAutomaticFacetGenerator(parent) {
     return Array.from(parent.children).find(isAutomaticFacetGenerator);
@@ -90,27 +103,33 @@ function triageFacetsByParents(facets, ...parents) {
 __webpack_require__.d(__webpack_exports__, {
     collapseFacetsAfter: ()=>collapseFacetsAfter,
     getAutomaticFacetGenerator: ()=>getAutomaticFacetGenerator,
+    getFacetElementToReorder: ()=>getFacetElementToReorder,
     getFacetsInChildren: ()=>getFacetsInChildren,
     getFirstNewFacetValueIndex: ()=>getFirstNewFacetValueIndex,
     isAutomaticFacetGenerator: ()=>isAutomaticFacetGenerator,
+    isFacetNestedInPopover: ()=>isFacetNestedInPopover,
     shouldDisplayInputForFacetRange: ()=>shouldDisplayInputForFacetRange,
     sortFacetVisibility: ()=>sortFacetVisibility,
     triageFacetsByParents: ()=>triageFacetsByParents
 });
 exports.collapseFacetsAfter = __webpack_exports__.collapseFacetsAfter;
 exports.getAutomaticFacetGenerator = __webpack_exports__.getAutomaticFacetGenerator;
+exports.getFacetElementToReorder = __webpack_exports__.getFacetElementToReorder;
 exports.getFacetsInChildren = __webpack_exports__.getFacetsInChildren;
 exports.getFirstNewFacetValueIndex = __webpack_exports__.getFirstNewFacetValueIndex;
 exports.isAutomaticFacetGenerator = __webpack_exports__.isAutomaticFacetGenerator;
+exports.isFacetNestedInPopover = __webpack_exports__.isFacetNestedInPopover;
 exports.shouldDisplayInputForFacetRange = __webpack_exports__.shouldDisplayInputForFacetRange;
 exports.sortFacetVisibility = __webpack_exports__.sortFacetVisibility;
 exports.triageFacetsByParents = __webpack_exports__.triageFacetsByParents;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "collapseFacetsAfter",
     "getAutomaticFacetGenerator",
+    "getFacetElementToReorder",
     "getFacetsInChildren",
     "getFirstNewFacetValueIndex",
     "isAutomaticFacetGenerator",
+    "isFacetNestedInPopover",
     "shouldDisplayInputForFacetRange",
     "sortFacetVisibility",
     "triageFacetsByParents"

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

@@ -188,8 +188,8 @@ class TimeframeFacetCommon {
                 label: this.props.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
         return (0, facet_header_cjs_namespaceObject.renderFacetHeader)({

package/dist/cjs/components/common/generated-answer/generated-content/markdown-utils.cjs

@@ -33,6 +33,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_marked_namespaceObject = require("marked");
 const utils_cjs_namespaceObject = require("../../../../utils/utils.cjs");
+require("../../atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.cjs");
 const toInlinePlainText = (textWithHtml)=>{
     const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');
     const withCollapsedWhitespaces = withoutHtmlTags.replace(/\s{2,}/g, ' ');

package/dist/cjs/components/common/item-list/result-template-provider.cjs

@@ -32,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const headless_namespaceObject = require("@coveo/headless");
 const template_provider_cjs_namespaceObject = require("../template-provider/template-provider.cjs");
+require("../../search/atomic-result-link/atomic-result-link.cjs");
 class ResultTemplateProvider extends template_provider_cjs_namespaceObject.TemplateProvider {
     makeDefaultTemplate() {
         const content = document.createDocumentFragment();

package/dist/cjs/components/common/result-templates/result-template-controller.cjs

@@ -31,6 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
     ResultTemplateController: ()=>ResultTemplateController
 });
 const base_template_controller_cjs_namespaceObject = require("../template-controller/base-template-controller.cjs");
+require("../../search/atomic-result-link/atomic-result-link.cjs");
 class ResultTemplateController extends base_template_controller_cjs_namespaceObject.BaseTemplateController {
     getTemplate(conditions) {
         const baseTemplate = this.getBaseTemplate(conditions);

package/dist/cjs/components/common/suggestions/suggestion-manager.cjs

@@ -100,11 +100,13 @@ class SuggestionManager {
             const panelHasActiveDescendant = this.previousActiveDescendantElement && panel.contains(this.previousActiveDescendantElement);
             const newValue = panelHasActiveDescendant ? this.previousActiveDescendantElement : panel.firstElementChild;
             this.updateDescendants(newValue.id);
+            this.updateKeyboardActiveDescendant(newValue.id);
         }
     }
     clearSuggestions() {
         this.clearSuggestionElements();
         this.updateActiveDescendant();
+        this.updateKeyboardActiveDescendant();
     }
     async focusNextValue() {
         if (!this.hasSuggestions || !this.nextOrFirstValue) return;
@@ -153,6 +155,7 @@ class SuggestionManager {
     }
     async executeQuerySuggestion() {
         this.updateActiveDescendant();
+        this.updateKeyboardActiveDescendant();
         const settled = await Promise.allSettled(this.suggestions.map((suggestion)=>(0, promise_utils_cjs_namespaceObject.promiseTimeout)(suggestion.onInput ? suggestion.onInput() : Promise.resolve(), this.ownerSearchBoxProps.getSuggestionTimeout())));
         const fulfilledSuggestions = [];
         settled.forEach((prom, j)=>{

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

@@ -155,8 +155,8 @@ class AtomicInsightFacet extends external_lit_namespaceObject.LitElement {
                 label: this.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3 ${'box' === this.displayValuesAs ? 'box-container' : ''}" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderValues() {
         const firstNewValueIndex = (0, facet_common_cjs_namespaceObject.getFirstNewFacetValueIndex)(this.facet.state.values, this.valuesBeforeShowMore);

package/dist/cjs/components/insight/atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.cjs

@@ -50,6 +50,7 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const attach_cjs_namespaceObject = require("../../../images/attach.cjs");
 var attach_cjs_default = /*#__PURE__*/ __webpack_require__.n(attach_cjs_namespaceObject);
+require("../../common/atomic-icon/atomic-icon.cjs");
 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);

package/dist/cjs/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.cjs

@@ -53,6 +53,7 @@ var flag_cjs_default = /*#__PURE__*/ __webpack_require__.n(flag_cjs_namespaceObj
 const three_dots_cjs_namespaceObject = require("../../../images/three-dots.cjs");
 var three_dots_cjs_default = /*#__PURE__*/ __webpack_require__.n(three_dots_cjs_namespaceObject);
 const external_user_action_cjs_namespaceObject = require("./user-action.cjs");
+require("../../common/atomic-icon/atomic-icon.cjs");
 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);

package/dist/cjs/components/insight/atomic-insight-user-actions-session/user-action.cjs

@@ -52,6 +52,7 @@ const quickview_cjs_namespaceObject = require("../../../images/quickview.cjs");
 var quickview_cjs_default = /*#__PURE__*/ __webpack_require__.n(quickview_cjs_namespaceObject);
 const search_cjs_namespaceObject = require("../../../images/search.cjs");
 var search_cjs_default = /*#__PURE__*/ __webpack_require__.n(search_cjs_namespaceObject);
+require("../../common/atomic-icon/atomic-icon.cjs");
 const icons = {
     SEARCH: search_cjs_default(),
     CLICK: document_cjs_default(),

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

@@ -77,9 +77,13 @@ class AtomicFacetManager extends (0, children_update_complete_mixin_cjs_namespac
             const sortedFacets = this.sortFacetsUsingManager(facets, this.facetManager);
             const { visibleFacets, invisibleFacets } = (0, facet_common_cjs_namespaceObject.sortFacetVisibility)(sortedFacets, this.bindings.store.getAllFacets());
             const generator = (0, facet_common_cjs_namespaceObject.getAutomaticFacetGenerator)(this);
-            (0, facet_common_cjs_namespaceObject.collapseFacetsAfter)(visibleFacets, this.collapseFacetsAfter);
-            generator?.updateCollapseFacetsDependingOnFacetsVisibility?.(this.collapseFacetsAfter, visibleFacets.length);
-            this.append(...visibleFacets, ...invisibleFacets, ...generator ? [
+            const collapsibleFacets = visibleFacets.filter((facet)=>!(0, facet_common_cjs_namespaceObject.isFacetNestedInPopover)(facet));
+            (0, facet_common_cjs_namespaceObject.collapseFacetsAfter)(collapsibleFacets, this.collapseFacetsAfter);
+            generator?.updateCollapseFacetsDependingOnFacetsVisibility?.(this.collapseFacetsAfter, collapsibleFacets.length);
+            this.append(...[
+                ...visibleFacets,
+                ...invisibleFacets
+            ].map((facet)=>(0, facet_common_cjs_namespaceObject.getFacetElementToReorder)(facet)), ...generator ? [
                 generator
             ] : []);
         };

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

@@ -104,9 +104,8 @@ class AtomicPopover extends external_lit_namespaceObject.LitElement {
         .active=${this.isOpen}
         .shouldHideSelf=${false}
       >
-        ${this.renderPopover()}
+        ${this.renderPopover()} ${(0, when_js_namespaceObject.when)(this.isOpen, ()=>this.renderBackdrop())}
       </atomic-focus-trap>
-      ${(0, when_js_namespaceObject.when)(this.isOpen, ()=>this.renderBackdrop())}
     `;
     }
     updated() {

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

@@ -239,8 +239,8 @@ class AtomicRatingRangeFacet extends external_lit_namespaceObject.LitElement {
                 label: this.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderValues() {
         return this.renderValuesContainer(this.valuesToRender.map((value)=>this.renderValue(value, ()=>this.facet.toggleSingleSelect(value))));
@@ -257,8 +257,7 @@ class AtomicRatingRangeFacet extends external_lit_namespaceObject.LitElement {
                 }
             });
             if (!this.valuesToRender.length) return external_lit_namespaceObject.nothing;
-            return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`${this.renderHeader()}
-      ${(0, when_js_namespaceObject.when)(!this.isCollapsed, ()=>this.renderValues())}`);
+            return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`${this.renderHeader()} ${(0, when_js_namespaceObject.when)(!this.isCollapsed, ()=>this.renderValues())}`);
         })}`;
     }
     constructor(){