@mmstack/primitives 20.0.1 → 20.0.2

package/fesm2022/mmstack-primitives.mjs

@@ -101,7 +101,7 @@ function debounced(initial, opt) {
  */
 function debounce(source, opt) {
     const ms = opt?.ms ?? 0;
-    const trigger = signal(false);
+    const trigger = signal(false, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
     let timeout;
     try {
         const destroyRef = opt?.destroyRef ?? inject(DestroyRef, { optional: true });
@@ -349,7 +349,7 @@ function elementVisibility(target = inject(ElementRef), opt) {
         const base = computed(() => undefined, {
             debugName: opt?.debugName,
         });
-        base.visible = computed(() => false);
+        base.visible = computed(() => false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
         return base;
     }
     const state = signal(undefined, {
@@ -386,7 +386,7 @@ function elementVisibility(target = inject(ElementRef), opt) {
         if (!s)
             return false;
         return s.isIntersecting;
-    });
+    }, ...(ngDevMode ? [{ debugName: "visible" }] : []));
     return base;
 }
 
@@ -451,7 +451,7 @@ function elementVisibility(target = inject(ElementRef), opt) {
  */
 function mapArray(source, map, opt) {
     const data = isSignal(source) ? source : computed(source);
-    const len = computed(() => data().length);
+    const len = computed(() => data().length, ...(ngDevMode ? [{ debugName: "len" }] : []));
     return linkedSignal({
         source: () => len(),
         computation: (len, prev) => {
@@ -460,7 +460,13 @@ function mapArray(source, map, opt) {
             if (len === prev.value.length)
                 return prev.value;
             if (len < prev.value.length) {
-                return prev.value.slice(0, len);
+                const slice = prev.value.slice(0, len);
+                if (opt?.onDestroy) {
+                    for (let i = len; i < prev.value.length; i++) {
+                        opt.onDestroy?.(prev.value[i]);
+                    }
+                }
+                return slice;
             }
             else {
                 const next = [...prev.value];
@@ -522,7 +528,7 @@ function mediaQuery(query, debugName) {
     if (isPlatformServer(inject(PLATFORM_ID)))
         return computed(() => false, { debugName });
     const mediaQueryList = window.matchMedia(query);
-    const state = signal(mediaQueryList.matches, { debugName });
+    const state = signal(mediaQueryList.matches, ...(ngDevMode ? [{ debugName: "state", debugName }] : [{ debugName }]));
     const handleChange = (event) => {
         state.set(event.matches);
     };
@@ -632,7 +638,7 @@ function throttled(initial, opt) {
  */
 function throttle(source, opt) {
     const ms = opt?.ms ?? 0;
-    const trigger = signal(false);
+    const trigger = signal(false, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
     let timeout;
     try {
         const destroyRef = opt?.destroyRef ?? inject(DestroyRef, { optional: true });
@@ -777,13 +783,13 @@ function networkStatus(debugName) {
         const sig = computed(() => true, {
             debugName,
         });
-        sig.since = computed(() => serverDate);
+        sig.since = computed(() => serverDate, ...(ngDevMode ? [{ debugName: "since" }] : []));
         return sig;
     }
-    const state = signal(navigator.onLine, {
-        debugName,
-    });
-    const since = signal(new Date());
+    const state = signal(navigator.onLine, ...(ngDevMode ? [{ debugName: "state", debugName }] : [{
+            debugName,
+        }]));
+    const since = signal(new Date(), ...(ngDevMode ? [{ debugName: "since" }] : []));
     const goOnline = () => {
         state.set(true);
         since.set(new Date());
@@ -843,7 +849,7 @@ function pageVisibility(debugName) {
     if (isPlatformServer(inject(PLATFORM_ID))) {
         return computed(() => 'visible', { debugName });
     }
-    const visibility = signal(document.visibilityState, { debugName });
+    const visibility = signal(document.visibilityState, ...(ngDevMode ? [{ debugName: "visibility", debugName }] : [{ debugName }]));
     const onVisibilityChange = () => visibility.set(document.visibilityState);
     document.addEventListener('visibilitychange', onVisibilityChange);
     inject(DestroyRef).onDestroy(() => document.removeEventListener('visibilitychange', onVisibilityChange));
@@ -1139,16 +1145,23 @@ function stored(fallback, { key, store: providedStore, serialize = JSON.stringif
         equal,
     };
     const initialKey = untracked(keySig);
-    const internal = signal(getValue(initialKey), {
-        ...opt,
-        equal: (a, b) => {
-            if (a === null && b === null)
-                return true;
-            if (a === null || b === null)
-                return false;
-            return equal(a, b);
-        },
-    });
+    const internal = signal(getValue(initialKey), ...(ngDevMode ? [{ debugName: "internal", ...opt,
+            equal: (a, b) => {
+                if (a === null && b === null)
+                    return true;
+                if (a === null || b === null)
+                    return false;
+                return equal(a, b);
+            } }] : [{
+            ...opt,
+            equal: (a, b) => {
+                if (a === null && b === null)
+                    return true;
+                if (a === null || b === null)
+                    return false;
+                return equal(a, b);
+            },
+        }]));
     let prevKey = initialKey;
     if (onKeyChange === 'store') {
         effect(() => {
@@ -1417,9 +1430,9 @@ function withHistory(source, opt) {
         history.set([]);
         redoArray.set([]);
     };
-    internal.canUndo = computed(() => history().length > 0);
-    internal.canRedo = computed(() => redoArray().length > 0);
-    internal.canClear = computed(() => internal.canUndo() || internal.canRedo());
+    internal.canUndo = computed(() => history().length > 0, ...(ngDevMode ? [{ debugName: "canUndo" }] : []));
+    internal.canRedo = computed(() => redoArray().length > 0, ...(ngDevMode ? [{ debugName: "canRedo" }] : []));
+    internal.canClear = computed(() => internal.canUndo() || internal.canRedo(), ...(ngDevMode ? [{ debugName: "canClear" }] : []));
     return internal;
 }