@nanahoshi/mona-ui 0.23.2 → 0.24.0

package/fesm2022/nanahoshi-mona-ui-multi-select.mjs

@@ -6,7 +6,7 @@ import { none } from '@mirei/ts-collections';
 import { ChipComponent } from '@nanahoshi/mona-ui/chip';
 import * as i1 from '@nanahoshi/mona-ui/dropdowns';
 import { DropdownService, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, dropdownPopupThemeVariants, DropdownNoDataTemplateDirective, DropdownPrefixTemplateDirective, DropdownLiveRegionDirective, DropdownDataInputToken, DROPDOWN_POPUP_INPUT_TOKEN, DropdownDataHandlerDirective, DropdownListPopupHandlerDirective } from '@nanahoshi/mona-ui/dropdowns';
-import { MonaI18nService } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService } from '@nanahoshi/mona-ui/i18n';
 import { themeControlSurfaceClasses, createElementControlId, restoreOverlayScroll, rxFromResize } from '@nanahoshi/mona-ui/internal';
 import { IndicatorIconComponent } from '@nanahoshi/mona-ui/internal/indicator-icon';
 import { ListService, ListComponent, ListGroupHeaderTemplateDirective, ListItemTemplateDirective, ListFooterTemplateDirective, ListHeaderTemplateDirective, ListNoDataTemplateDirective } from '@nanahoshi/mona-ui/internal/list';
@@ -25,9 +25,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }] });
 
+// Generated from i18n/catalogs/en-US.messages.json by scripts/generate-locale-catalogs.ts. Do not edit.
+// Edit the JSON file and run `npm run generate:locale-catalogs`.
+function localizeNumber(value, options) {
+    return formatNumber(value, "en-US", options);
+}
 const MULTI_SELECT_DEFAULT_MESSAGES = {
     clear: "Clear",
-    itemsCount: (count) => `+ ${count} ${count === 1 ? "item" : "items"}`
+    itemsCount: (count) => count === 1 ? `+ ${localizeNumber(count)} item` : `+ ${localizeNumber(count)} items`
 };
 
 class MultiSelectService {

package/fesm2022/nanahoshi-mona-ui-notification.mjs

@@ -73,6 +73,8 @@ const notificationTextThemeVariants = cva(`
         text-sm text-foreground
     `);
 
+// Generated from i18n/catalogs/en-US.messages.json by scripts/generate-locale-catalogs.ts. Do not edit.
+// Edit the JSON file and run `npm run generate:locale-catalogs`.
 const NOTIFICATION_DEFAULT_MESSAGES = {
     close: "Close",
     error: "Error",
@@ -260,9 +262,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
 class NotificationService {
     #appRef;
     #document;
+    #pendingTimeouts;
     constructor() {
         this.#appRef = inject(ApplicationRef);
         this.#document = inject(DOCUMENT$1);
+        this.#pendingTimeouts = new Set();
         this.notificationContainerMap = new Map();
         this.notificationContainerSubscriptions = {
             bottom: null,
@@ -273,6 +277,12 @@ class NotificationService {
             topright: null
         };
         this.initialize();
+        // The ApplicationRef is destroyed with the same injector, so a timeout firing afterwards would detach
+        // views from a destroyed ApplicationRef.
+        inject(DestroyRef).onDestroy(() => {
+            this.#pendingTimeouts.forEach(handle => window.clearTimeout(handle));
+            this.#pendingTimeouts.clear();
+        });
     }
     hide(id) {
         const notificationData = this.getNotificationDataById(id);
@@ -326,7 +336,7 @@ class NotificationService {
         host.appendChild(notificationContainerComponent.location.nativeElement);
         this.#appRef.attachView(notificationContainerComponent.hostView);
         notificationContainerComponent.changeDetectorRef.detectChanges();
-        window.setTimeout(() => {
+        this.scheduleTimeout(() => {
             containerSubject.next(notificationContainerComponent);
         });
         return containerSubject;
@@ -427,7 +437,7 @@ class NotificationService {
             container.componentRef = null;
             container.subscription = undefined;
             this.notificationContainerSubscriptions[position] = null;
-            window.setTimeout(() => {
+            this.scheduleTimeout(() => {
                 if (componentRefToDestroy) {
                     this.#appRef.detachView(componentRefToDestroy.hostView);
                     componentRefToDestroy.destroy();
@@ -435,6 +445,13 @@ class NotificationService {
             }, 300);
         }
     }
+    scheduleTimeout(callback, delay) {
+        const handle = window.setTimeout(() => {
+            this.#pendingTimeouts.delete(handle);
+            callback();
+        }, delay);
+        this.#pendingTimeouts.add(handle);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NotificationService, providedIn: "root" }); }
 }