@coveo/atomic 3.61.5 → 3.63.0

package/dist/esm/components/common/interface/i18n.js

@@ -30,9 +30,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 i18next_http_backend(i18n.services, i18nBackendOptions(atomicInterface)).read(lng, i18nTranslationNamespace, (_error, data)=>{
             if (data) i18n.addResourceBundle(lng, i18nTranslationNamespace, data, true, false);

package/dist/esm/components/common/interface/interface-controller.js

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

package/dist/esm/components/common/pager/pager-fit-controller.js

@@ -0,0 +1,34 @@
+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);
+    }
+}
+export { PagerFitController };

package/dist/esm/components/insight/atomic-insight-pager/atomic-insight-pager.js

@@ -6,6 +6,7 @@ import { keyed } from "lit/directives/keyed.js";
 import { when } from "lit/directives/when.js";
 import { renderPageButtons, renderPagerNextButton, renderPagerPageButton, renderPagerPreviousButton } from "../../common/pager/pager-buttons.js";
 import { renderPagerNavigation } from "../../common/pager/pager-navigation.js";
+import { PagerFitController } from "../../common/pager/pager-fit-controller.js";
 import { getCurrentPagesRange } from "../../common/pager/pager-utils.js";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller.js";
 import { bindStateToController } from "../../../decorators/bind-state.js";
@@ -37,7 +38,7 @@ class AtomicInsightPager extends LitElement {
         });
     }
     render() {
-        const pagesRange = getCurrentPagesRange(this.pagerState.currentPage - 1, this.numberOfPages, this.pagerState.maxPage);
+        const pagesRange = getCurrentPagesRange(this.pagerState.currentPage - 1, this.pagerFit.getNumberOfPagesToDisplay(this.numberOfPages), this.pagerState.maxPage);
         return html`${when(this.pagerState.maxPage > 1, ()=>html`
         ${renderPagerNavigation({
                 props: {
@@ -106,7 +107,7 @@ class AtomicInsightPager extends LitElement {
         });
     }
     constructor(){
-        super(), this.numberOfPages = 5, this.ariaMessage = new AriaLiveRegionController(this, 'atomic-insight-pager');
+        super(), this.numberOfPages = 5, this.ariaMessage = new AriaLiveRegionController(this, 'atomic-insight-pager'), this.pagerFit = new PagerFitController(this);
         new ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), AtomicInsightPager.propsSchema);

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

@@ -4,13 +4,14 @@ import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { map } from "lit/directives/map.js";
 import { when } from "lit/directives/when.js";
+import { renderCategoryFacetActiveValue } from "../../common/facets/category-facet/active-value.js";
 import { renderCategoryFacetAllCategoryButton } from "../../common/facets/category-facet/all-categories-button.js";
 import { renderCategoryFacetChildrenAsTreeContainer } from "../../common/facets/category-facet/children-as-tree-container.js";
 import { renderCategoryFacetParentAsTreeContainer } from "../../common/facets/category-facet/parent-as-tree-container.js";
 import { renderCategoryFacetParentButton } from "../../common/facets/category-facet/parent-button.js";
-import { renderCategoryFacetParentValueLink } from "../../common/facets/category-facet/parent-value-link.js";
 import { renderCategoryFacetSearchResultsContainer } from "../../common/facets/category-facet/search-results-container.js";
 import { renderCategoryFacetSearchValue } from "../../common/facets/category-facet/search-value.js";
+import { renderCategoryFacetSelectedValue } from "../../common/facets/category-facet/selected-value.js";
 import { renderCategoryFacetTreeValueContainer } from "../../common/facets/category-facet/value-as-tree-container.js";
 import { renderCategoryFacetValueLink } from "../../common/facets/category-facet/value-link.js";
 import { parseDependsOn } from "../../common/facets/depends-on.js";
@@ -168,6 +169,21 @@ class AtomicCategoryFacet extends LitElement {
             }
         });
     }
+    renderSelectedValue() {
+        const activeValue = this.facetState.selectedValueAncestry.at(-1);
+        if (!activeValue) return nothing;
+        return renderCategoryFacetSelectedValue({
+            props: {
+                displayValue: 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 renderCategoryFacetTreeValueContainer()(html`
@@ -212,16 +228,12 @@ class AtomicCategoryFacet extends LitElement {
         const activeParent = valuesAsTrees[0];
         const activeParentDisplayValue = getFieldValueCaption(this.field, activeParent.value, this.bindings.i18n);
         return html`
-      ${renderCategoryFacetParentValueLink({
+      ${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);
@@ -244,7 +256,6 @@ class AtomicCategoryFacet extends LitElement {
                     this.focusTargets.activeValueFocus.focusAfterSearch();
                     this.facet.toggleSelect(facetValue);
                 },
-                isParent: false,
                 isSelected,
                 searchQuery: this.facetState.facetSearch.query,
                 isLeafValue: facetValue.isLeafValue,
@@ -326,7 +337,7 @@ class AtomicCategoryFacet extends LitElement {
         return renderFacetContainer()(html`
       ${this.renderHeader()}
       ${when(!this.isCollapsed, ()=>html`
-          ${this.renderSearchInput()}
+          ${this.renderSearchInput()} ${this.renderSelectedValue()}
           ${when(shouldDisplaySearchResults(facetSearch), ()=>html`
               ${when(facetSearch.values.length > 0, ()=>renderFacetValuesGroup({
                         props: {

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

@@ -7,6 +7,7 @@ import { when } from "lit/directives/when.js";
 import { createAppLoadedListener } from "../../common/interface/store.js";
 import { renderPageButtons, renderPagerNextButton, renderPagerPageButton, renderPagerPreviousButton } from "../../common/pager/pager-buttons.js";
 import { renderPagerNavigation } from "../../common/pager/pager-navigation.js";
+import { PagerFitController } from "../../common/pager/pager-fit-controller.js";
 import { getCurrentPagesRange } from "../../common/pager/pager-utils.js";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller.js";
 import { bindStateToController } from "../../../decorators/bind-state.js";
@@ -42,7 +43,7 @@ class AtomicPager extends InitializeBindingsMixin(LitElement) {
         });
     }
     render() {
-        const pagesRange = getCurrentPagesRange(this.pagerState.currentPage - 1, this.numberOfPages, this.pagerState.maxPage - 1);
+        const pagesRange = getCurrentPagesRange(this.pagerState.currentPage - 1, this.pagerFit.getNumberOfPagesToDisplay(this.numberOfPages), this.pagerState.maxPage - 1);
         return html`${when(this.pagerState.maxPage > 1 && this.isAppLoaded, ()=>html` ${renderPagerNavigation({
                 props: {
                     i18n: this.bindings.i18n
@@ -107,7 +108,7 @@ class AtomicPager extends InitializeBindingsMixin(LitElement) {
         });
     }
     constructor(){
-        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded, this.nextButtonIcon = arrow_right_rounded, this.ariaMessage = new AriaLiveRegionController(this, 'atomic-pager');
+        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded, this.nextButtonIcon = arrow_right_rounded, this.ariaMessage = new AriaLiveRegionController(this, 'atomic-pager'), this.pagerFit = new PagerFitController(this);
         new ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), AtomicPager.propsSchema);

package/dist/esm/components/search/atomic-result-date/atomic-result-date.js

@@ -2,7 +2,7 @@ import { Schema, StringValue } from "@coveo/bueno";
 import { ResultTemplatesHelpers } from "@coveo/headless";
 import dayjs from "dayjs";
 import calendar from "dayjs/plugin/calendar";
-import updateLocale from "dayjs/plugin/updateLocale";
+import localizedFormat from "dayjs/plugin/localizedFormat";
 import { LitElement, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
@@ -23,7 +23,7 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 dayjs.extend(calendar);
-dayjs.extend(updateLocale);
+dayjs.extend(localizedFormat);
 class AtomicResultDate extends LightDomMixin(LitElement) {
     initialize() {
         if (!this.result && this.resultController.item) {
@@ -51,19 +51,14 @@ class AtomicResultDate extends LightDomMixin(LitElement) {
             this.error = new Error(`Field "${this.field}" does not contain a valid date.`);
             return null;
         }
-        if (this.relativeTime) {
-            dayjs.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/esm/components/search/atomic-results-per-page/atomic-results-per-page.js

@@ -57,7 +57,7 @@ class AtomicResultsPerPage extends InitializeBindingsMixin(LitElement) {
         if (!this.searchStatusState) return html``;
         return html`
       ${when(!this.searchStatusState.hasError && this.isAppLoaded && this.searchStatusState.hasResults, ()=>html`
-          <div class="flex items-center">
+          <div class="flex flex-wrap items-center">
             ${renderLabel()(html`${this.label}`)}
             ${renderFieldsetGroup({
                 props: {

package/dist/esm/generated/dayjs-locales-data.js

@@ -1,20 +1,20 @@
 const locales = {
     af: ()=>import("dayjs/locale/af"),
     am: ()=>import("dayjs/locale/am"),
-    'ar-IQ': ()=>import("dayjs/locale/ar-iq"),
-    'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
-    'ar-KW': ()=>import("dayjs/locale/ar-kw"),
-    'ar-LY': ()=>import("dayjs/locale/ar-ly"),
-    'ar-MA': ()=>import("dayjs/locale/ar-ma"),
-    'ar-SA': ()=>import("dayjs/locale/ar-sa"),
-    'ar-TN': ()=>import("dayjs/locale/ar-tn"),
+    'ar-iq': ()=>import("dayjs/locale/ar-iq"),
+    'ar-dz': ()=>import("dayjs/locale/ar-dz"),
+    'ar-kw': ()=>import("dayjs/locale/ar-kw"),
+    'ar-ly': ()=>import("dayjs/locale/ar-ly"),
+    'ar-ma': ()=>import("dayjs/locale/ar-ma"),
+    'ar-sa': ()=>import("dayjs/locale/ar-sa"),
+    'ar-tn': ()=>import("dayjs/locale/ar-tn"),
     ar: ()=>import("dayjs/locale/ar"),
     az: ()=>import("dayjs/locale/az"),
     be: ()=>import("dayjs/locale/be"),
     bg: ()=>import("dayjs/locale/bg"),
     bi: ()=>import("dayjs/locale/bi"),
     bm: ()=>import("dayjs/locale/bm"),
-    'bn-BD': ()=>import("dayjs/locale/bn-bd"),
+    'bn-bd': ()=>import("dayjs/locale/bn-bd"),
     bn: ()=>import("dayjs/locale/bn"),
     bo: ()=>import("dayjs/locale/bo"),
     br: ()=>import("dayjs/locale/br"),
@@ -24,49 +24,49 @@ const locales = {
     cv: ()=>import("dayjs/locale/cv"),
     cy: ()=>import("dayjs/locale/cy"),
     da: ()=>import("dayjs/locale/da"),
-    'de-AT': ()=>import("dayjs/locale/de-at"),
-    'de-CH': ()=>import("dayjs/locale/de-ch"),
+    'de-at': ()=>import("dayjs/locale/de-at"),
+    'de-ch': ()=>import("dayjs/locale/de-ch"),
     de: ()=>import("dayjs/locale/de"),
     dv: ()=>import("dayjs/locale/dv"),
-    'en-AU': ()=>import("dayjs/locale/en-au"),
+    'en-au': ()=>import("dayjs/locale/en-au"),
     el: ()=>import("dayjs/locale/el"),
-    'en-GB': ()=>import("dayjs/locale/en-gb"),
-    'en-IE': ()=>import("dayjs/locale/en-ie"),
-    'en-IL': ()=>import("dayjs/locale/en-il"),
-    'en-IN': ()=>import("dayjs/locale/en-in"),
-    'en-NZ': ()=>import("dayjs/locale/en-nz"),
-    'en-SG': ()=>import("dayjs/locale/en-sg"),
-    'en-TT': ()=>import("dayjs/locale/en-tt"),
-    'en-CA': ()=>import("dayjs/locale/en-ca"),
+    'en-gb': ()=>import("dayjs/locale/en-gb"),
+    'en-ie': ()=>import("dayjs/locale/en-ie"),
+    'en-il': ()=>import("dayjs/locale/en-il"),
+    'en-in': ()=>import("dayjs/locale/en-in"),
+    'en-nz': ()=>import("dayjs/locale/en-nz"),
+    'en-sg': ()=>import("dayjs/locale/en-sg"),
+    'en-tt': ()=>import("dayjs/locale/en-tt"),
+    'en-ca': ()=>import("dayjs/locale/en-ca"),
     en: ()=>import("dayjs/locale/en"),
     eo: ()=>import("dayjs/locale/eo"),
-    'es-MX': ()=>import("dayjs/locale/es-mx"),
-    'es-PR': ()=>import("dayjs/locale/es-pr"),
-    'es-US': ()=>import("dayjs/locale/es-us"),
-    'es-DO': ()=>import("dayjs/locale/es-do"),
+    'es-mx': ()=>import("dayjs/locale/es-mx"),
+    'es-pr': ()=>import("dayjs/locale/es-pr"),
+    'es-us': ()=>import("dayjs/locale/es-us"),
+    'es-do': ()=>import("dayjs/locale/es-do"),
     et: ()=>import("dayjs/locale/et"),
     eu: ()=>import("dayjs/locale/eu"),
     fa: ()=>import("dayjs/locale/fa"),
     fi: ()=>import("dayjs/locale/fi"),
-    'fr-CA': ()=>import("dayjs/locale/fr-ca"),
-    'fr-CH': ()=>import("dayjs/locale/fr-ch"),
+    'fr-ca': ()=>import("dayjs/locale/fr-ca"),
+    'fr-ch': ()=>import("dayjs/locale/fr-ch"),
     fr: ()=>import("dayjs/locale/fr"),
     fo: ()=>import("dayjs/locale/fo"),
     fy: ()=>import("dayjs/locale/fy"),
     ga: ()=>import("dayjs/locale/ga"),
     gd: ()=>import("dayjs/locale/gd"),
     gl: ()=>import("dayjs/locale/gl"),
-    'gom-LATN': ()=>import("dayjs/locale/gom-latn"),
+    'gom-latn': ()=>import("dayjs/locale/gom-latn"),
     gu: ()=>import("dayjs/locale/gu"),
     he: ()=>import("dayjs/locale/he"),
     hi: ()=>import("dayjs/locale/hi"),
     hr: ()=>import("dayjs/locale/hr"),
     ht: ()=>import("dayjs/locale/ht"),
     hu: ()=>import("dayjs/locale/hu"),
-    'hy-AM': ()=>import("dayjs/locale/hy-am"),
+    'hy-am': ()=>import("dayjs/locale/hy-am"),
     id: ()=>import("dayjs/locale/id"),
     is: ()=>import("dayjs/locale/is"),
-    'it-CH': ()=>import("dayjs/locale/it-ch"),
+    'it-ch': ()=>import("dayjs/locale/it-ch"),
     it: ()=>import("dayjs/locale/it"),
     jv: ()=>import("dayjs/locale/jv"),
     ka: ()=>import("dayjs/locale/ka"),
@@ -86,7 +86,7 @@ const locales = {
     ml: ()=>import("dayjs/locale/ml"),
     mn: ()=>import("dayjs/locale/mn"),
     mr: ()=>import("dayjs/locale/mr"),
-    'ms-MY': ()=>import("dayjs/locale/ms-my"),
+    'ms-my': ()=>import("dayjs/locale/ms-my"),
     ms: ()=>import("dayjs/locale/ms"),
     mt: ()=>import("dayjs/locale/mt"),
     lo: ()=>import("dayjs/locale/lo"),
@@ -94,11 +94,11 @@ const locales = {
     nb: ()=>import("dayjs/locale/nb"),
     ne: ()=>import("dayjs/locale/ne"),
     nl: ()=>import("dayjs/locale/nl"),
-    'nl-BE': ()=>import("dayjs/locale/nl-be"),
+    'nl-be': ()=>import("dayjs/locale/nl-be"),
     nn: ()=>import("dayjs/locale/nn"),
-    'pa-IN': ()=>import("dayjs/locale/pa-in"),
+    'pa-in': ()=>import("dayjs/locale/pa-in"),
     pl: ()=>import("dayjs/locale/pl"),
-    'pt-BR': ()=>import("dayjs/locale/pt-br"),
+    'pt-br': ()=>import("dayjs/locale/pt-br"),
     pt: ()=>import("dayjs/locale/pt"),
     rn: ()=>import("dayjs/locale/rn"),
     ro: ()=>import("dayjs/locale/ro"),
@@ -110,12 +110,12 @@ const locales = {
     si: ()=>import("dayjs/locale/si"),
     sk: ()=>import("dayjs/locale/sk"),
     sl: ()=>import("dayjs/locale/sl"),
-    'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
+    'oc-lnc': ()=>import("dayjs/locale/oc-lnc"),
     sq: ()=>import("dayjs/locale/sq"),
-    'sr-CYRL': ()=>import("dayjs/locale/sr-cyrl"),
+    'sr-cyrl': ()=>import("dayjs/locale/sr-cyrl"),
     sr: ()=>import("dayjs/locale/sr"),
     ss: ()=>import("dayjs/locale/ss"),
-    'sv-FI': ()=>import("dayjs/locale/sv-fi"),
+    'sv-fi': ()=>import("dayjs/locale/sv-fi"),
     sv: ()=>import("dayjs/locale/sv"),
     sw: ()=>import("dayjs/locale/sw"),
     ta: ()=>import("dayjs/locale/ta"),
@@ -123,24 +123,24 @@ const locales = {
     tet: ()=>import("dayjs/locale/tet"),
     tg: ()=>import("dayjs/locale/tg"),
     th: ()=>import("dayjs/locale/th"),
-    'tl-PH': ()=>import("dayjs/locale/tl-ph"),
+    'tl-ph': ()=>import("dayjs/locale/tl-ph"),
     tlh: ()=>import("dayjs/locale/tlh"),
     tr: ()=>import("dayjs/locale/tr"),
     tzl: ()=>import("dayjs/locale/tzl"),
     tzm: ()=>import("dayjs/locale/tzm"),
-    'ug-CN': ()=>import("dayjs/locale/ug-cn"),
+    'ug-cn': ()=>import("dayjs/locale/ug-cn"),
     uk: ()=>import("dayjs/locale/uk"),
     tk: ()=>import("dayjs/locale/tk"),
     ur: ()=>import("dayjs/locale/ur"),
-    'uz-LATN': ()=>import("dayjs/locale/uz-latn"),
+    'uz-latn': ()=>import("dayjs/locale/uz-latn"),
     uz: ()=>import("dayjs/locale/uz"),
     vi: ()=>import("dayjs/locale/vi"),
-    'x-PSEUDO': ()=>import("dayjs/locale/x-pseudo"),
-    'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
+    'x-pseudo': ()=>import("dayjs/locale/x-pseudo"),
+    'tzm-latn': ()=>import("dayjs/locale/tzm-latn"),
     yo: ()=>import("dayjs/locale/yo"),
-    'zh-CN': ()=>import("dayjs/locale/zh-cn"),
-    'zh-HK': ()=>import("dayjs/locale/zh-hk"),
-    'zh-TW': ()=>import("dayjs/locale/zh-tw"),
+    'zh-cn': ()=>import("dayjs/locale/zh-cn"),
+    'zh-hk': ()=>import("dayjs/locale/zh-hk"),
+    'zh-tw': ()=>import("dayjs/locale/zh-tw"),
     zh: ()=>import("dayjs/locale/zh")
 };
 export { locales };

package/dist/esm/global/environment.js

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

package/dist/esm/utils/dayjs-locales.js

@@ -1,20 +1,34 @@
 import dayjs from "dayjs";
 import { locales } from "../generated/dayjs-locales-data.js";
 const warn = (language)=>console.warn(`Cannot load dayjs locale file for "${language}"`);
-const resolveLanguage = (languageInput)=>{
-    if (locales[languageInput]) return languageInput;
-    if (languageInput.includes('-')) {
-        const regionlessLanguage = languageInput.split('-')[0];
-        if (locales[regionlessLanguage]) return regionlessLanguage;
+const getCandidateLocales = (languageInput)=>{
+    try {
+        const { language, script, region } = new Intl.Locale(languageInput);
+        return [
+            languageInput,
+            ...region ? [
+                `${language}-${region}`
+            ] : [],
+            ...script ? [
+                `${language}-${script}`
+            ] : [],
+            language
+        ];
+    } catch  {
+        return [
+            languageInput,
+            languageInput.split('-')[0]
+        ];
     }
-    return languageInput;
 };
-function loadDayjsLocale(languageInput) {
+const resolveLanguage = (languageInput)=>getCandidateLocales(languageInput).map((locale)=>locale.toLowerCase()).find((locale)=>Object.hasOwn(locales, locale)) ?? languageInput;
+async function loadDayjsLocale(languageInput) {
     const language = resolveLanguage(languageInput);
     if (!locales[language]) return void warn(language);
     try {
-        locales[language]().then(()=>dayjs.locale(language));
-    } catch (_) {
+        await locales[language]();
+        dayjs.locale(language);
+    } catch  {
         warn(language);
     }
 }

package/dist/esm/utils/field-utils.js

@@ -2,7 +2,11 @@ function getFieldCaptionNamespace(field) {
     return `caption-${field}`;
 }
 function getFieldCaptions(field, i18n) {
-    return i18n.getResourceBundle(i18n.language, getFieldCaptionNamespace(field)) || {};
+    const namespace = getFieldCaptionNamespace(field);
+    return (i18n.languages ?? []).reduceRight((captions, language)=>({
+            ...captions,
+            ...i18n.getResourceBundle(language, namespace)
+        }), {});
 }
 function getFieldValueCaption(field, facetValue, i18n) {
     return i18n.t(facetValue, {

package/dist/esm/utils/locale-utils.js

@@ -0,0 +1,12 @@
+function withCountry(language, country) {
+    if (!country) return language;
+    try {
+        if (new Intl.Locale(language).region) return language;
+        return new Intl.Locale(language, {
+            region: country
+        }).toString();
+    } catch  {
+        return language;
+    }
+}
+export { withCountry };

package/dist/esm/versions.js

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