@coveo/atomic 3.62.0 → 3.64.0

package/dist/cjs/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.cjs

@@ -79,6 +79,7 @@ class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
         this.adaptBreadcrumbs();
     }
     disconnectedCallback() {
+        super.disconnectedCallback();
         this.resizeObserver?.disconnect();
     }
     get breadcrumbs() {

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

@@ -85,7 +85,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicCommerceCategoryFacet extends external_lit_namespaceObject.LitElement {
     initialize() {
         this.validateFacet();
-        this.facet && (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.displayName, (msg)=>{
+        this.facet && (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.displayName, (msg)=>{
             this.facetSearchAriaMessage.message = msg;
         }, this.bindings.i18n);
     }

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

@@ -242,7 +242,7 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
         if (!this.headerFocus) this.headerFocus = new accessibility_utils_cjs_namespaceObject.FocusTargetController(this, this.bindings);
     }
     initAriaLive() {
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.displayName, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.displayName, (msg)=>{
             this.ariaLiveRegion.message = msg;
         }, this.bindings.i18n);
     }

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

@@ -58,6 +58,7 @@ const children_update_complete_mixin_cjs_namespaceObject = require("../../../mix
 const init_queue_cjs_namespaceObject = require("../../../utils/init-queue.cjs");
 const initialization_common_utils_cjs_namespaceObject = require("../../../utils/initialization-common-utils.cjs");
 const local_storage_utils_cjs_namespaceObject = require("../../../utils/local-storage-utils.cjs");
+const locale_utils_cjs_namespaceObject = require("../../../utils/locale-utils.cjs");
 const external_analytics_config_cjs_namespaceObject = require("./analytics-config.cjs");
 const external_store_cjs_namespaceObject = require("./store.cjs");
 function _ts_decorate(decorators, target, key, desc) {
@@ -114,7 +115,7 @@ class AtomicCommerceInterface extends (0, children_update_complete_mixin_cjs_nam
     }
     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({
@@ -139,7 +140,11 @@ class AtomicCommerceInterface extends (0, children_update_complete_mixin_cjs_nam
         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 `initialize` or `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));
+    }
+    toggleLocalizeWithCountry() {
+        if (!this.context) return;
+        this.interfaceController.onLanguageChange(this.getLocale(this.context.state.language, this.context.state.country));
     }
     updateIconAssetsPath() {
         this.store.state.iconAssetsPath = this.iconAssetsPath;
@@ -180,7 +185,10 @@ class AtomicCommerceInterface extends (0, children_update_complete_mixin_cjs_nam
     }
     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;
     }
     initRequestStatus() {
         this.searchOrListing = 'product-listing' === this.type ? (0, commerce_namespaceObject.buildProductListing)(this.engine) : (0, commerce_namespaceObject.buildSearch)(this.engine);
@@ -244,7 +252,7 @@ class AtomicCommerceInterface extends (0, children_update_complete_mixin_cjs_nam
         this.bindings.engine.logger.info(`History pushState #${newFragment}`);
     }
     constructor(){
-        super(), this.bindings = {}, this.unsubscribeUrlManager = ()=>{}, this.unsubscribeSummary = ()=>{}, this.initialized = false, this.interfaceController = new interface_controller_cjs_namespaceObject.InterfaceController(this, 'CoveoAtomic', commerce_namespaceObject.VERSION), this.type = 'search', this.analytics = true, this.reflectStateInUrl = true, this.disableStateReflectionInUrl = false, this.scrollContainer = 'atomic-commerce-interface', this.languageAssetsPath = './lang', this.iconAssetsPath = './assets', this.handleInitialization = (event)=>{
+        super(), this.bindings = {}, this.unsubscribeUrlManager = ()=>{}, this.unsubscribeSummary = ()=>{}, this.initialized = false, this.interfaceController = new interface_controller_cjs_namespaceObject.InterfaceController(this, 'CoveoAtomic', commerce_namespaceObject.VERSION), this.type = 'search', this.analytics = true, this.localizeWithCountry = false, this.reflectStateInUrl = true, this.disableStateReflectionInUrl = false, this.scrollContainer = 'atomic-commerce-interface', this.languageAssetsPath = './lang', this.iconAssetsPath = './assets', this.handleInitialization = (event)=>{
             this.interfaceController.onComponentInitializing(event);
         }, this.onHashChange = ()=>{
             this.urlManager.synchronize(this.fragment);
@@ -314,6 +322,13 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", String)
 ], AtomicCommerceInterface.prototype, "language", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: Boolean,
+        attribute: 'localize-with-country',
+        reflect: true
+    })
+], AtomicCommerceInterface.prototype, "localizeWithCountry", void 0);
 _ts_decorate([
     (0, decorators_js_namespaceObject.property)({
         type: Object,
@@ -369,6 +384,12 @@ _ts_decorate([
     _ts_metadata("design:paramtypes", []),
     _ts_metadata("design:returntype", void 0)
 ], AtomicCommerceInterface.prototype, "updateLanguage", null);
+_ts_decorate([
+    (0, watch_cjs_namespaceObject.watch)('localizeWithCountry'),
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", []),
+    _ts_metadata("design:returntype", void 0)
+], AtomicCommerceInterface.prototype, "toggleLocalizeWithCountry", null);
 _ts_decorate([
     (0, watch_cjs_namespaceObject.watch)('iconAssetsPath'),
     _ts_metadata("design:type", Function),

package/dist/cjs/components/commerce/atomic-commerce-pager/atomic-commerce-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");
@@ -81,7 +82,7 @@ class AtomicCommercePager extends external_lit_namespaceObject.LitElement {
         });
     }
     render() {
-        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.page, this.numberOfPages, this.pagerState.totalPages - 1);
+        const pagesRange = (0, pager_utils_cjs_namespaceObject.getCurrentPagesRange)(this.pagerState.page, this.pagerFit.getNumberOfPagesToDisplay(this.numberOfPages), this.pagerState.totalPages - 1);
         return (0, external_lit_namespaceObject.html)`
       ${(0, when_js_namespaceObject.when)(this.pagerState.totalPages > 1 && this.isAppLoaded, ()=>(0, external_lit_namespaceObject.html)`
           ${(0, pager_navigation_cjs_namespaceObject.renderPagerNavigation)({
@@ -152,7 +153,7 @@ class AtomicCommercePager extends external_lit_namespaceObject.LitElement {
         });
     }
     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
             }), AtomicCommercePager.propsSchema);

package/dist/cjs/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.cjs

@@ -80,7 +80,7 @@ class AtomicCommerceProductsPerPage extends external_lit_namespaceObject.LitElem
     render() {
         return (0, external_lit_namespaceObject.html)`
       ${(0, when_js_namespaceObject.when)(!this.summaryState.hasError && this.summaryState.hasProducts && this.isAppLoaded, ()=>(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: {

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/commerce/atomic-product-field-condition/atomic-product-field-condition.cjs

@@ -51,10 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicProductFieldCondition extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {}
     get conditions() {
-        return [
-            ...(0, template_utils_cjs_namespaceObject.makeDefinedConditions)(this.ifDefined, this.ifNotDefined, commerce_namespaceObject.ProductTemplatesHelpers),
-            ...(0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, commerce_namespaceObject.ProductTemplatesHelpers)
-        ];
+        return (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, commerce_namespaceObject.ProductTemplatesHelpers);
     }
     render() {
         const product = this.productController.item;

package/dist/cjs/components/commerce/atomic-product-template/atomic-product-template.cjs

@@ -51,7 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicProductTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.productTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, commerce_namespaceObject.ProductTemplatesHelpers);
+        this.productTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, commerce_namespaceObject.ProductTemplatesHelpers);
     }
     async getTemplate() {
         return this.productTemplateController.getTemplate(this.conditions);
@@ -82,6 +82,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicProductTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicProductTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicProductTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

package/dist/cjs/components/common/facets/facet-search/facet-search-aria-live.cjs

@@ -31,15 +31,28 @@ __webpack_require__.d(__webpack_exports__, {
     announceFacetSearchResultsWithAriaLive: ()=>announceFacetSearchResultsWithAriaLive
 });
 const external_facet_search_utils_cjs_namespaceObject = require("./facet-search-utils.cjs");
-function announceFacetSearchResultsWithAriaLive(facet, label, setAriaLive, i18n) {
+function announceFacetSearchResultsWithAriaLive(host, facet, label, setAriaLive, i18n) {
     let prevState = facet.state.facetSearch;
-    facet.subscribe(()=>{
-        const nextState = facet.state.facetSearch;
-        if ((0, external_facet_search_utils_cjs_namespaceObject.shouldUpdateFacetSearchComponent)(nextState, prevState) && nextState.query) setAriaLive(i18n.t('facet-search-results-count', {
-            count: nextState.values.length,
-            label
-        }));
-        prevState = nextState;
+    let unsubscribe;
+    host.addController({
+        hostConnected () {
+            if (unsubscribe) return;
+            let subscribing = true;
+            unsubscribe = facet.subscribe(()=>{
+                const nextState = facet.state.facetSearch;
+                if (!subscribing && (0, external_facet_search_utils_cjs_namespaceObject.shouldUpdateFacetSearchComponent)(nextState, prevState) && nextState.query) setAriaLive(i18n.t('facet-search-results-count', {
+                    count: nextState.values.length,
+                    label
+                }));
+                prevState = nextState;
+            });
+            subscribing = false;
+        },
+        hostDisconnected () {
+            if (host.isConnected) return;
+            unsubscribe?.();
+            unsubscribe = void 0;
+        }
     });
 }
 exports.announceFacetSearchResultsWithAriaLive = __webpack_exports__.announceFacetSearchResultsWithAriaLive;

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/common/query-error/icon.cjs

@@ -37,43 +37,24 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    loadQueryErrorIcon: ()=>loadQueryErrorIcon,
     renderQueryErrorIcon: ()=>renderQueryErrorIcon
 });
 const external_lit_namespaceObject = require("lit");
-const cannot_access_cjs_namespaceObject = require("../../../images/cannot-access.cjs");
-var cannot_access_cjs_default = /*#__PURE__*/ __webpack_require__.n(cannot_access_cjs_namespaceObject);
-const indexing_cjs_namespaceObject = require("../../../images/indexing.cjs");
-var indexing_cjs_default = /*#__PURE__*/ __webpack_require__.n(indexing_cjs_namespaceObject);
+const until_js_namespaceObject = require("lit/directives/until.js");
 const no_connection_cjs_namespaceObject = require("../../../images/no-connection.cjs");
 var no_connection_cjs_default = /*#__PURE__*/ __webpack_require__.n(no_connection_cjs_namespaceObject);
-const search_inactive_cjs_namespaceObject = require("../../../images/search-inactive.cjs");
-var search_inactive_cjs_default = /*#__PURE__*/ __webpack_require__.n(search_inactive_cjs_namespaceObject);
-const something_wrong_cjs_namespaceObject = require("../../../images/something-wrong.cjs");
-var something_wrong_cjs_default = /*#__PURE__*/ __webpack_require__.n(something_wrong_cjs_namespaceObject);
 require("../atomic-icon/atomic-icon.cjs");
-const renderQueryErrorIcon = ({ props })=>{
-    const getIconFromErrorType = ()=>{
-        switch(props.errorType){
-            case 'Disconnected':
-                return no_connection_cjs_default();
-            case 'NoEndpointsException':
-                return indexing_cjs_default();
-            case 'InvalidTokenException':
-                return cannot_access_cjs_default();
-            case 'OrganizationIsPausedException':
-                return search_inactive_cjs_default();
-            default:
-                return something_wrong_cjs_default();
-        }
-    };
-    return (0, external_lit_namespaceObject.html)`<atomic-icon
+const loadQueryErrorIcon = (errorType, loadIcons = ()=>import("./icons.cjs"))=>'Disconnected' === errorType ? no_connection_cjs_default() : loadIcons().then(({ getQueryErrorIcon })=>getQueryErrorIcon(errorType)).catch(()=>'');
+const renderQueryErrorIcon = ({ props })=>(0, external_lit_namespaceObject.html)`<atomic-icon
     part="icon"
-    icon=${getIconFromErrorType()}
+    icon=${(0, until_js_namespaceObject.until)(loadQueryErrorIcon(props.errorType), '')}
     class="w-1/2 max-w-lg"
   ></atomic-icon>`;
-};
+exports.loadQueryErrorIcon = __webpack_exports__.loadQueryErrorIcon;
 exports.renderQueryErrorIcon = __webpack_exports__.renderQueryErrorIcon;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "loadQueryErrorIcon",
     "renderQueryErrorIcon"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/components/common/query-error/icons.cjs

@@ -0,0 +1,68 @@
+"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__, {
+    getQueryErrorIcon: ()=>getQueryErrorIcon
+});
+const cannot_access_cjs_namespaceObject = require("../../../images/cannot-access.cjs");
+var cannot_access_cjs_default = /*#__PURE__*/ __webpack_require__.n(cannot_access_cjs_namespaceObject);
+const indexing_cjs_namespaceObject = require("../../../images/indexing.cjs");
+var indexing_cjs_default = /*#__PURE__*/ __webpack_require__.n(indexing_cjs_namespaceObject);
+const search_inactive_cjs_namespaceObject = require("../../../images/search-inactive.cjs");
+var search_inactive_cjs_default = /*#__PURE__*/ __webpack_require__.n(search_inactive_cjs_namespaceObject);
+const something_wrong_cjs_namespaceObject = require("../../../images/something-wrong.cjs");
+var something_wrong_cjs_default = /*#__PURE__*/ __webpack_require__.n(something_wrong_cjs_namespaceObject);
+function getQueryErrorIcon(errorType) {
+    switch(errorType){
+        case 'NoEndpointsException':
+            return indexing_cjs_default();
+        case 'InvalidTokenException':
+            return cannot_access_cjs_default();
+        case 'OrganizationIsPausedException':
+            return search_inactive_cjs_default();
+        default:
+            return something_wrong_cjs_default();
+    }
+}
+exports.getQueryErrorIcon = __webpack_exports__.getQueryErrorIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getQueryErrorIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/template-controller/template-utils.cjs

@@ -29,6 +29,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     makeDefinedConditions: ()=>makeDefinedConditions,
+    makeFieldConditions: ()=>makeFieldConditions,
     makeMatchConditions: ()=>makeMatchConditions
 });
 const set_cjs_namespaceObject = require("../../../utils/set.cjs");
@@ -63,10 +64,18 @@ function makeDefinedConditions(ifDefined, ifNotDefined, helpers) {
     }
     return conditions;
 }
+function makeFieldConditions({ ifDefined, ifNotDefined, mustMatch, mustNotMatch }, helpers) {
+    return [
+        ...makeDefinedConditions(ifDefined, ifNotDefined, helpers),
+        ...makeMatchConditions(mustMatch, mustNotMatch, helpers)
+    ];
+}
 exports.makeDefinedConditions = __webpack_exports__.makeDefinedConditions;
+exports.makeFieldConditions = __webpack_exports__.makeFieldConditions;
 exports.makeMatchConditions = __webpack_exports__.makeMatchConditions;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "makeDefinedConditions",
+    "makeFieldConditions",
     "makeMatchConditions"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

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

@@ -213,7 +213,7 @@ class AtomicInsightFacet extends external_lit_namespaceObject.LitElement {
     }
     initAriaLive() {
         this.facetSearchAriaLiveController = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.label, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.label, (msg)=>{
             this.facetSearchAriaLiveController.message = msg;
         }, this.bindings.i18n);
     }

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/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.cjs

@@ -51,11 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicInsightResultChildrenTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.conditions = [
-            ...this.conditions,
-            ...(0, template_utils_cjs_namespaceObject.makeDefinedConditions)(this.ifDefined, this.ifNotDefined, insight_namespaceObject.ResultTemplatesHelpers)
-        ];
-        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, insight_namespaceObject.ResultTemplatesHelpers);
+        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, insight_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;