@internetarchive/collection-browser 4.8.1-webdev-9227.1 → 4.8.1-webdev-9227.3

package/dist/src/collection-browser.js

@@ -15,6 +15,7 @@ import { updateSelectedFacetBucket } from './utils/facet-utils';
 import chevronIcon from './assets/img/icons/chevron';
 import { srOnlyStyle } from './styles/sr-only';
 import { sha1 } from './utils/sha1';
+import { getLocale } from './utils/get-locale';
 import '@internetarchive/elements/ia-combo-box/ia-combo-box';
 import './empty-placeholder';
 import './tiles/tile-dispatcher';
@@ -608,13 +609,15 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             return nothing;
         const shouldShowSearching = this.searchResultsLoading || this.totalResults === undefined;
         const classes = classMap({ filtered: this.hasActiveFilters });
-        const resultsCount = this.totalResults?.toLocaleString();
-        const resultsLabel = this.totalResults === 1 ? 'Result' : 'Results';
+        const resultsCount = this.totalResults === undefined
+            ? undefined
+            : new Intl.NumberFormat(getLocale()).format(this.totalResults);
+        const resultsLabel = this.totalResults === 1 ? msg('Result') : msg('Results');
         // Added data-testid for Playwright testing
         return html `
       <div id="results-total" class=${classes} data-testid="results-total">
         <span id="big-results-count">
-          ${shouldShowSearching ? html `Searching&hellip;` : resultsCount}
+          ${shouldShowSearching ? msg('Searching…') : resultsCount}
         </span>
         <span id="big-results-label">
           ${shouldShowSearching ? nothing : resultsLabel}
@@ -663,7 +666,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         return html `<infinite-scroller
       class=${this.infiniteScrollerClasses}
       itemCount=${this.placeholderType ? 0 : nothing}
-      ariaLandmarkLabel="Search results"
+      ariaLandmarkLabel=${msg('Search results')}
       .estimatedCellHeight=${this.estimatedTileHeight}
       .minBufferMarginCells=${this.pageSize}
       .cellProvider=${this}
@@ -1269,7 +1272,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             'clear-filters-btn': true,
             mobile,
         });
-        const buttonText = mobile ? 'Clear all' : 'Clear all filters';
+        const buttonText = mobile ? msg('Clear all') : msg('Clear all filters');
         return html `
       <div class="clear-filters-btn-row">
         ${mobile