@coveo/atomic 3.61.5 → 3.63.0

package/dist/cjs/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.cjs

@@ -52,6 +52,7 @@ const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/wi
 const children_update_complete_mixin_cjs_namespaceObject = require("../../../mixins/children-update-complete-mixin.cjs");
 const init_queue_cjs_namespaceObject = require("../../../utils/init-queue.cjs");
 const initialization_common_utils_cjs_namespaceObject = require("../../../utils/initialization-common-utils.cjs");
+const locale_utils_cjs_namespaceObject = require("../../../utils/locale-utils.cjs");
 const bindings_context_cjs_namespaceObject = require("../../common/context/bindings-context.cjs");
 const analytics_config_cjs_namespaceObject = require("../../common/interface/analytics-config.cjs");
 const interface_controller_cjs_namespaceObject = require("../../common/interface/interface-controller.cjs");
@@ -82,7 +83,7 @@ class AtomicCommerceRecommendationInterface extends (0, children_update_complete
     }
     updateLocale(language, country, currency) {
         if (!this.interfaceController.engineIsCreated(this.engine) || !this.context) return;
-        language && this.interfaceController.onLanguageChange(language);
+        if (language || country && this.localizeWithCountry) this.interfaceController.onLanguageChange(this.getLocale(language || this.context.state.language, country || this.context.state.country));
         if (this.isNewLocale(language, country, currency)) {
             const { setContext } = (0, commerce_namespaceObject.loadContextActions)(this.engine);
             this.engine.dispatch(setContext({
@@ -105,11 +106,15 @@ class AtomicCommerceRecommendationInterface extends (0, children_update_complete
     updateIconAssetsPath() {
         this.store.state.iconAssetsPath = this.iconAssetsPath;
     }
+    toggleLocalizeWithCountry() {
+        if (!this.context) return;
+        this.interfaceController.onLanguageChange(this.getLocale(this.context.state.language, this.context.state.country));
+    }
     async updateLanguage() {
         if (!this.interfaceController.engineIsCreated(this.engine) || !this.language || !this.context) return;
         this.engine.logger.warn('The `language` property will be removed in the next major version of Atomic (v4). Rather than using this property, set the initial language through the engine configuration when calling `initializeWithEngine`, and update the language as needed using the `updateLocale` method.');
         this.context.setLanguage(this.language);
-        return this.interfaceController.onLanguageChange();
+        return this.interfaceController.onLanguageChange(this.getLocale(this.language, this.context.state.country));
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -150,14 +155,17 @@ class AtomicCommerceRecommendationInterface extends (0, children_update_complete
     }
     initLanguage() {
         if (!this.context || this.language) return;
-        this.interfaceController.onLanguageChange(this.context.state.language);
+        this.interfaceController.onLanguageChange(this.getLocale(this.context.state.language, this.context.state.country));
+    }
+    getLocale(language, country) {
+        return this.localizeWithCountry ? (0, locale_utils_cjs_namespaceObject.withCountry)(language, country) : language;
     }
     isNewLocale(language, country, currency) {
         if (!this.context) return false;
         return language && language !== this.context.state.language || country && country !== this.context.state.country || currency && currency !== this.context.state.currency;
     }
     constructor(){
-        super(), this.bindings = {}, this.interfaceController = new interface_controller_cjs_namespaceObject.InterfaceController(this, 'CoveoAtomic', commerce_namespaceObject.VERSION), this.scrollContainer = 'atomic-commerce-recommendation-interface', this.languageAssetsPath = './lang', this.iconAssetsPath = './assets', this.analytics = true, this.handleInitialization = (event)=>{
+        super(), this.bindings = {}, this.interfaceController = new interface_controller_cjs_namespaceObject.InterfaceController(this, 'CoveoAtomic', commerce_namespaceObject.VERSION), this.scrollContainer = 'atomic-commerce-recommendation-interface', this.languageAssetsPath = './lang', this.iconAssetsPath = './assets', this.localizeWithCountry = false, this.analytics = true, this.handleInitialization = (event)=>{
             this.interfaceController.onComponentInitializing(event);
         };
         this.store = (0, external_store_cjs_namespaceObject.createCommerceRecommendationStore)();
@@ -234,6 +242,13 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", String)
 ], AtomicCommerceRecommendationInterface.prototype, "language", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: Boolean,
+        attribute: 'localize-with-country',
+        reflect: true
+    })
+], AtomicCommerceRecommendationInterface.prototype, "localizeWithCountry", void 0);
 _ts_decorate([
     (0, decorators_js_namespaceObject.property)({
         type: Boolean,
@@ -254,6 +269,12 @@ _ts_decorate([
     _ts_metadata("design:paramtypes", []),
     _ts_metadata("design:returntype", void 0)
 ], AtomicCommerceRecommendationInterface.prototype, "updateIconAssetsPath", null);
+_ts_decorate([
+    (0, watch_cjs_namespaceObject.watch)('localizeWithCountry'),
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", []),
+    _ts_metadata("design:returntype", void 0)
+], AtomicCommerceRecommendationInterface.prototype, "toggleLocalizeWithCountry", null);
 _ts_decorate([
     (0, watch_cjs_namespaceObject.watch)('language'),
     _ts_metadata("design:type", Function),

package/dist/cjs/components/common/facets/category-facet/active-value.cjs

@@ -0,0 +1,69 @@
+"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__);
+__webpack_require__.d(__webpack_exports__, {
+    renderCategoryFacetActiveValue: ()=>renderCategoryFacetActiveValue
+});
+const external_lit_namespaceObject = require("lit");
+const keyed_js_namespaceObject = require("lit/directives/keyed.js");
+const ref_js_namespaceObject = require("lit/directives/ref.js");
+const facet_value_label_highlight_cjs_namespaceObject = require("../facet-value-label-highlight/facet-value-label-highlight.cjs");
+const renderCategoryFacetActiveValue = ({ props: { displayValue, numberOfResults, i18n, searchQuery, isLeafValue, setRef } })=>(children)=>{
+        const count = numberOfResults.toLocaleString(i18n.language);
+        return (0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(displayValue, (0, external_lit_namespaceObject.html)`<li class="contents">
+        <span
+          part="active-parent ${isLeafValue ? 'leaf-value' : 'node-value'}"
+          class="text-primary flex w-full items-center truncate px-2 py-2.5 text-left"
+          aria-current="true"
+          tabindex="-1"
+          ${(0, ref_js_namespaceObject.ref)(setRef)}
+        >
+          ${(0, facet_value_label_highlight_cjs_namespaceObject.renderFacetValueLabelHighlight)({
+            props: {
+                displayValue,
+                searchQuery,
+                isSelected: true
+            }
+        })}
+          <span part="value-count" class="value-count">
+            ${i18n.t('between-parentheses', {
+            text: count
+        })}
+          </span>
+        </span>
+        ${children}
+      </li>`)}`;
+    };
+exports.renderCategoryFacetActiveValue = __webpack_exports__.renderCategoryFacetActiveValue;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "renderCategoryFacetActiveValue"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/facets/category-facet/selected-value.cjs

@@ -0,0 +1,78 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__);
+__webpack_require__.d(__webpack_exports__, {
+    renderCategoryFacetSelectedValue: ()=>renderCategoryFacetSelectedValue
+});
+const external_lit_namespaceObject = require("lit");
+const close_cjs_namespaceObject = require("../../../../images/close.cjs");
+var close_cjs_default = /*#__PURE__*/ __webpack_require__.n(close_cjs_namespaceObject);
+require("../../atomic-icon/atomic-icon.cjs");
+const external_button_cjs_namespaceObject = require("../../button.cjs");
+const renderCategoryFacetSelectedValue = ({ props: { displayValue, label, i18n, onClearFilters } })=>(0, external_lit_namespaceObject.html)`<div part="selected-value" class="mt-3 flex items-center justify-between gap-2">
+    <span
+      part="selected-value-pill"
+      title=${displayValue}
+      class="bg-neutral-light truncate rounded-md px-2 py-1 text-sm"
+      >${displayValue}</span
+    >
+    ${(0, external_button_cjs_namespaceObject.renderButton)({
+        props: {
+            part: 'selected-value-clear-button',
+            style: 'text-primary',
+            class: 'flex shrink-0 items-center p-1 text-sm',
+            ariaLabel: i18n.t('clear-filters-for-facet', {
+                count: 1,
+                label: i18n.t(label)
+            }),
+            onClick: onClearFilters
+        }
+    })((0, external_lit_namespaceObject.html)`<atomic-icon
+          part="selected-value-clear-button-icon"
+          class="mr-1 h-2 w-2"
+          .icon=${close_cjs_default()}
+        ></atomic-icon>
+        <span>${i18n.t('clear')}</span>`)}
+  </div>`;
+exports.renderCategoryFacetSelectedValue = __webpack_exports__.renderCategoryFacetSelectedValue;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "renderCategoryFacetSelectedValue"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/facets/category-facet/value-link.cjs

@@ -33,12 +33,11 @@ __webpack_require__.d(__webpack_exports__, {
 const external_lit_namespaceObject = require("lit");
 const facet_value_label_highlight_cjs_namespaceObject = require("../facet-value-label-highlight/facet-value-label-highlight.cjs");
 const facet_value_link_cjs_namespaceObject = require("../facet-value-link/facet-value-link.cjs");
-const renderCategoryFacetValueLink = ({ props: { displayValue, numberOfResults, i18n, onClick, isParent, isSelected, searchQuery, isLeafValue, setRef } })=>(children)=>{
-        const partNames = [];
-        if (isParent) partNames.push('active-parent');
-        else partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);
-        if (isLeafValue) partNames.push('leaf-value');
-        else partNames.push('node-value');
+const renderCategoryFacetValueLink = ({ props: { displayValue, numberOfResults, i18n, onClick, isSelected, searchQuery, isLeafValue, setRef } })=>(children)=>{
+        const partNames = [
+            `value-link${isSelected ? ' value-link-selected' : ''}`,
+            isLeafValue ? 'leaf-value' : 'node-value'
+        ];
         return (0, external_lit_namespaceObject.html)`${(0, facet_value_link_cjs_namespaceObject.renderFacetValueLink)({
             props: {
                 displayValue,

package/dist/cjs/components/common/interface/i18n.cjs

@@ -76,9 +76,13 @@ function i18nBackendOptions(atomicInterface) {
         }
     };
 }
-function loadTranslations(atomicInterface, language) {
+async function loadTranslations(atomicInterface, language) {
+    const { languageUtils } = atomicInterface.i18n.services;
+    const languages = languageUtils.toResolveHierarchy(languageUtils.formatLanguageCode(language), false);
+    await Promise.all(languages.filter(isI18nLocaleAvailable).map((lng)=>loadTranslationBundle(atomicInterface, lng)));
+}
+function loadTranslationBundle(atomicInterface, lng) {
     const { i18n } = atomicInterface;
-    const lng = language.split('-')[0];
     return new Promise((resolve)=>{
         new (external_i18next_http_backend_default())(i18n.services, i18nBackendOptions(atomicInterface)).read(lng, i18nTranslationNamespace, (_error, data)=>{
             if (data) i18n.addResourceBundle(lng, i18nTranslationNamespace, data, true, false);

package/dist/cjs/components/common/interface/interface-controller.cjs

@@ -53,8 +53,10 @@ class InterfaceController {
         this.host.updateIconAssetsPath();
         initEngine();
         if (this.host.registerFieldsToInclude) this.host.registerFieldsToInclude();
-        (0, dayjs_locales_cjs_namespaceObject.loadDayjsLocale)(this.host.language || 'en');
-        await this.i18nPromise;
+        await Promise.all([
+            this.i18nPromise,
+            (0, dayjs_locales_cjs_namespaceObject.loadDayjsLocale)(this.host.language || 'en')
+        ]);
         this.initComponents();
     }
     onAnalyticsChange() {
@@ -67,8 +69,10 @@ class InterfaceController {
         const language = newLanguage ?? this.host.language;
         const languageWithFallback = language ?? 'en';
         const { i18n } = this.host;
-        (0, dayjs_locales_cjs_namespaceObject.loadDayjsLocale)(languageWithFallback);
-        (0, external_i18n_cjs_namespaceObject.loadTranslations)(this.host, languageWithFallback).then(()=>{
+        Promise.all([
+            (0, dayjs_locales_cjs_namespaceObject.loadDayjsLocale)(languageWithFallback),
+            (0, external_i18n_cjs_namespaceObject.loadTranslations)(this.host, languageWithFallback)
+        ]).then(()=>{
             i18n.changeLanguage(language);
         });
     }

package/dist/cjs/components/common/pager/pager-fit-controller.cjs

@@ -0,0 +1,72 @@
+"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 PagerFitController {
+    hostConnected() {
+        this.resizeObserver = new ResizeObserver(()=>requestAnimationFrame(()=>this.reset()));
+        this.resizeObserver.observe(document.documentElement);
+        if (this.host.parentElement) this.resizeObserver.observe(this.host.parentElement);
+    }
+    hostDisconnected() {
+        this.resizeObserver?.disconnect();
+    }
+    hostUpdated() {
+        const root = this.host.shadowRoot;
+        const previousButton = root?.querySelector('[part="previous-button"]');
+        const nextButton = root?.querySelector('[part="next-button"]');
+        const pageButtonCount = root?.querySelectorAll('[part~="page-button"]').length ?? 0;
+        const isWrapping = !!previousButton && !!nextButton && nextButton.offsetTop > previousButton.offsetTop;
+        if (isWrapping && pageButtonCount > 1) {
+            this.maxPages = pageButtonCount - 1;
+            queueMicrotask(()=>this.host.requestUpdate());
+        }
+    }
+    getNumberOfPagesToDisplay(numberOfPages) {
+        return Math.min(numberOfPages, this.maxPages);
+    }
+    reset() {
+        this.maxPages = 1 / 0;
+        this.host.requestUpdate();
+    }
+    constructor(host){
+        this.host = host;
+        this.maxPages = 1 / 0;
+        host.addController(this);
+    }
+}
+__webpack_require__.d(__webpack_exports__, {
+    PagerFitController: ()=>PagerFitController
+});
+exports.PagerFitController = __webpack_exports__.PagerFitController;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PagerFitController"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -47,6 +47,7 @@ const keyed_js_namespaceObject = require("lit/directives/keyed.js");
 const when_js_namespaceObject = require("lit/directives/when.js");
 const pager_buttons_cjs_namespaceObject = require("../../common/pager/pager-buttons.cjs");
 const pager_navigation_cjs_namespaceObject = require("../../common/pager/pager-navigation.cjs");
+const pager_fit_controller_cjs_namespaceObject = require("../../common/pager/pager-fit-controller.cjs");
 const pager_utils_cjs_namespaceObject = require("../../common/pager/pager-utils.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");
@@ -80,7 +81,7 @@ class AtomicInsightPager extends external_lit_namespaceObject.LitElement {
         });
     }
     render() {
-        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.currentPage - 1, this.numberOfPages, this.pagerState.maxPage);
+        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.currentPage - 1, this.pagerFit.getNumberOfPagesToDisplay(this.numberOfPages), this.pagerState.maxPage);
         return (0, external_lit_namespaceObject.html)`${(0, when_js_namespaceObject.when)(this.pagerState.maxPage > 1, ()=>(0, external_lit_namespaceObject.html)`
         ${(0, pager_navigation_cjs_namespaceObject.renderPagerNavigation)({
                 props: {
@@ -149,7 +150,7 @@ class AtomicInsightPager extends external_lit_namespaceObject.LitElement {
         });
     }
     constructor(){
-        super(), this.numberOfPages = 5, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-insight-pager');
+        super(), this.numberOfPages = 5, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-insight-pager'), this.pagerFit = new pager_fit_controller_cjs_namespaceObject.PagerFitController(this);
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), AtomicInsightPager.propsSchema);

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

@@ -45,13 +45,14 @@ const external_lit_namespaceObject = require("lit");
 const decorators_js_namespaceObject = require("lit/decorators.js");
 const map_js_namespaceObject = require("lit/directives/map.js");
 const when_js_namespaceObject = require("lit/directives/when.js");
+const active_value_cjs_namespaceObject = require("../../common/facets/category-facet/active-value.cjs");
 const all_categories_button_cjs_namespaceObject = require("../../common/facets/category-facet/all-categories-button.cjs");
 const children_as_tree_container_cjs_namespaceObject = require("../../common/facets/category-facet/children-as-tree-container.cjs");
 const parent_as_tree_container_cjs_namespaceObject = require("../../common/facets/category-facet/parent-as-tree-container.cjs");
 const parent_button_cjs_namespaceObject = require("../../common/facets/category-facet/parent-button.cjs");
-const parent_value_link_cjs_namespaceObject = require("../../common/facets/category-facet/parent-value-link.cjs");
 const search_results_container_cjs_namespaceObject = require("../../common/facets/category-facet/search-results-container.cjs");
 const search_value_cjs_namespaceObject = require("../../common/facets/category-facet/search-value.cjs");
+const selected_value_cjs_namespaceObject = require("../../common/facets/category-facet/selected-value.cjs");
 const value_as_tree_container_cjs_namespaceObject = require("../../common/facets/category-facet/value-as-tree-container.cjs");
 const value_link_cjs_namespaceObject = require("../../common/facets/category-facet/value-link.cjs");
 const depends_on_cjs_namespaceObject = require("../../common/facets/depends-on.cjs");
@@ -211,6 +212,21 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
             }
         });
     }
+    renderSelectedValue() {
+        const activeValue = this.facetState.selectedValueAncestry.at(-1);
+        if (!activeValue) return external_lit_namespaceObject.nothing;
+        return (0, selected_value_cjs_namespaceObject.renderCategoryFacetSelectedValue)({
+            props: {
+                displayValue: (0, field_utils_cjs_namespaceObject.getFieldValueCaption)(this.field, activeValue.value, this.bindings.i18n),
+                label: this.label,
+                i18n: this.bindings.i18n,
+                onClearFilters: ()=>{
+                    this.focusTargets.activeValueFocus.focusAfterSearch();
+                    this.facet.deselectAll();
+                }
+            }
+        });
+    }
     renderValuesTree(valuesAsTrees, isRoot) {
         if (!this.hasParents) return this.renderChildren();
         if (isRoot) return (0, value_as_tree_container_cjs_namespaceObject.renderCategoryFacetTreeValueContainer)()((0, external_lit_namespaceObject.html)`
@@ -255,16 +271,12 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
         const activeParent = valuesAsTrees[0];
         const activeParentDisplayValue = (0, field_utils_cjs_namespaceObject.getFieldValueCaption)(this.field, activeParent.value, this.bindings.i18n);
         return (0, external_lit_namespaceObject.html)`
-      ${(0, parent_value_link_cjs_namespaceObject.renderCategoryFacetParentValueLink)({
+      ${(0, active_value_cjs_namespaceObject.renderCategoryFacetActiveValue)({
             props: {
                 displayValue: activeParentDisplayValue,
                 numberOfResults: activeParent.numberOfResults,
                 i18n: this.bindings.i18n,
                 isLeafValue: activeParent.isLeafValue,
-                onClick: ()=>{
-                    this.focusTargets.activeValueFocus.focusAfterSearch();
-                    this.facet.deselectAll();
-                },
                 searchQuery: this.facetState.facetSearch.query,
                 setRef: (el)=>{
                     this.focusTargets.activeValueFocus.setTarget(el);
@@ -287,7 +299,6 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
                     this.focusTargets.activeValueFocus.focusAfterSearch();
                     this.facet.toggleSelect(facetValue);
                 },
-                isParent: false,
                 isSelected,
                 searchQuery: this.facetState.facetSearch.query,
                 isLeafValue: facetValue.isLeafValue,
@@ -369,7 +380,7 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
         return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`
       ${this.renderHeader()}
       ${(0, when_js_namespaceObject.when)(!this.isCollapsed, ()=>(0, external_lit_namespaceObject.html)`
-          ${this.renderSearchInput()}
+          ${this.renderSearchInput()} ${this.renderSelectedValue()}
           ${(0, when_js_namespaceObject.when)((0, facet_search_utils_cjs_namespaceObject.shouldDisplaySearchResults)(facetSearch), ()=>(0, external_lit_namespaceObject.html)`
               ${(0, when_js_namespaceObject.when)(facetSearch.values.length > 0, ()=>(0, facet_values_group_cjs_namespaceObject.renderFacetValuesGroup)({
                         props: {

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

@@ -48,6 +48,7 @@ const when_js_namespaceObject = require("lit/directives/when.js");
 const store_cjs_namespaceObject = require("../../common/interface/store.cjs");
 const pager_buttons_cjs_namespaceObject = require("../../common/pager/pager-buttons.cjs");
 const pager_navigation_cjs_namespaceObject = require("../../common/pager/pager-navigation.cjs");
+const pager_fit_controller_cjs_namespaceObject = require("../../common/pager/pager-fit-controller.cjs");
 const pager_utils_cjs_namespaceObject = require("../../common/pager/pager-utils.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");
@@ -85,7 +86,7 @@ class AtomicPager extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
         });
     }
     render() {
-        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.currentPage - 1, this.numberOfPages, this.pagerState.maxPage - 1);
+        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.currentPage - 1, this.pagerFit.getNumberOfPagesToDisplay(this.numberOfPages), this.pagerState.maxPage - 1);
         return (0, external_lit_namespaceObject.html)`${(0, when_js_namespaceObject.when)(this.pagerState.maxPage > 1 && this.isAppLoaded, ()=>(0, external_lit_namespaceObject.html)` ${(0, pager_navigation_cjs_namespaceObject.renderPagerNavigation)({
                 props: {
                     i18n: this.bindings.i18n
@@ -150,7 +151,7 @@ class AtomicPager extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
         });
     }
     constructor(){
-        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded_cjs_default(), this.nextButtonIcon = arrow_right_rounded_cjs_default(), this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-pager');
+        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded_cjs_default(), this.nextButtonIcon = arrow_right_rounded_cjs_default(), this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-pager'), this.pagerFit = new pager_fit_controller_cjs_namespaceObject.PagerFitController(this);
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), AtomicPager.propsSchema);

package/dist/cjs/components/search/atomic-result-date/atomic-result-date.cjs

@@ -45,8 +45,8 @@ const external_dayjs_namespaceObject = require("dayjs");
 var external_dayjs_default = /*#__PURE__*/ __webpack_require__.n(external_dayjs_namespaceObject);
 const calendar_namespaceObject = require("dayjs/plugin/calendar");
 var calendar_default = /*#__PURE__*/ __webpack_require__.n(calendar_namespaceObject);
-const updateLocale_namespaceObject = require("dayjs/plugin/updateLocale");
-var updateLocale_default = /*#__PURE__*/ __webpack_require__.n(updateLocale_namespaceObject);
+const localizedFormat_namespaceObject = require("dayjs/plugin/localizedFormat");
+var localizedFormat_default = /*#__PURE__*/ __webpack_require__.n(localizedFormat_namespaceObject);
 const external_lit_namespaceObject = require("lit");
 const decorators_js_namespaceObject = require("lit/decorators.js");
 const when_js_namespaceObject = require("lit/directives/when.js");
@@ -67,7 +67,7 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 external_dayjs_default().extend(calendar_default());
-external_dayjs_default().extend(updateLocale_default());
+external_dayjs_default().extend(localizedFormat_default());
 class AtomicResultDate extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {
         if (!this.result && this.resultController.item) {
@@ -95,19 +95,14 @@ class AtomicResultDate extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(
             this.error = new Error(`Field "${this.field}" does not contain a valid date.`);
             return null;
         }
-        if (this.relativeTime) {
-            external_dayjs_default().updateLocale(this.bindings.interfaceElement.language, {
-                calendar: {
-                    sameDay: this.bindings.i18n.t('calendar-same-day'),
-                    nextDay: this.bindings.i18n.t('calendar-next-day'),
-                    nextWeek: this.bindings.i18n.t('calendar-next-week'),
-                    lastDay: this.bindings.i18n.t('calendar-last-day'),
-                    lastWeek: this.bindings.i18n.t('calendar-last-week'),
-                    sameElse: this.format
-                }
-            });
-            return parsedValue.calendar();
-        }
+        if (this.relativeTime) return parsedValue.calendar(null, {
+            sameDay: this.bindings.i18n.t('calendar-same-day'),
+            nextDay: this.bindings.i18n.t('calendar-next-day'),
+            nextWeek: this.bindings.i18n.t('calendar-next-week'),
+            lastDay: this.bindings.i18n.t('calendar-last-day'),
+            lastWeek: this.bindings.i18n.t('calendar-last-week'),
+            sameElse: this.format
+        });
         return parsedValue.format(this.format);
     }
     constructor(){

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

@@ -89,7 +89,7 @@ class AtomicResultsPerPage extends (0, bindings_mixin_cjs_namespaceObject.Initia
         if (!this.searchStatusState) return (0, external_lit_namespaceObject.html)``;
         return (0, external_lit_namespaceObject.html)`
       ${(0, when_js_namespaceObject.when)(!this.searchStatusState.hasError && this.isAppLoaded && this.searchStatusState.hasResults, ()=>(0, external_lit_namespaceObject.html)`
-          <div class="flex items-center">
+          <div class="flex flex-wrap items-center">
             ${(0, label_cjs_namespaceObject.renderLabel)()((0, external_lit_namespaceObject.html)`${this.label}`)}
             ${(0, fieldset_group_cjs_namespaceObject.renderFieldsetGroup)({
                 props: {