@mmstack/primitives 20.0.2 → 20.0.3

package/fesm2022/mmstack-primitives.mjs

@@ -524,11 +524,11 @@ function mapArray(source, map, opt) {
  * }
  * ```
  */
-function mediaQuery(query, debugName) {
+function mediaQuery(query, debugName = 'mediaQuery') {
     if (isPlatformServer(inject(PLATFORM_ID)))
         return computed(() => false, { debugName });
     const mediaQueryList = window.matchMedia(query);
-    const state = signal(mediaQueryList.matches, ...(ngDevMode ? [{ debugName: "state", debugName }] : [{ debugName }]));
+    const state = signal(mediaQueryList.matches, { debugName: debugName });
     const handleChange = (event) => {
         state.set(event.matches);
     };
@@ -712,12 +712,12 @@ function mousePosition(opt) {
             x: 0,
             y: 0,
         }), {
-            debugName: opt?.debugName,
+            debugName: opt?.debugName ?? 'mousePosition',
         });
         base.unthrottled = base;
         return base;
     }
-    const { target = window, coordinateSpace = 'client', touch = false, debugName, throttle = 100, } = opt ?? {};
+    const { target = window, coordinateSpace = 'client', touch = false, debugName = 'mousePosition', throttle = 100, } = opt ?? {};
     const eventTarget = target instanceof ElementRef ? target.nativeElement : target;
     if (!eventTarget) {
         if (isDevMode())
@@ -778,7 +778,7 @@ const serverDate = new Date();
  * @param debugName Optional debug name for the signal.
  * @returns A `NetworkStatusSignal` instance.
  */
-function networkStatus(debugName) {
+function networkStatus(debugName = 'networkStatus') {
     if (isPlatformServer(inject(PLATFORM_ID))) {
         const sig = computed(() => true, {
             debugName,
@@ -845,7 +845,7 @@ function networkStatus(debugName) {
  * }
  * ```
  */
-function pageVisibility(debugName) {
+function pageVisibility(debugName = 'pageVisibility') {
     if (isPlatformServer(inject(PLATFORM_ID))) {
         return computed(() => 'visible', { debugName });
     }
@@ -907,12 +907,12 @@ function scrollPosition(opt) {
             x: 0,
             y: 0,
         }), {
-            debugName: opt?.debugName,
+            debugName: opt?.debugName ?? 'scrollPosition',
         });
         base.unthrottled = base;
         return base;
     }
-    const { target = window, throttle = 100, debugName } = opt || {};
+    const { target = window, throttle = 100, debugName = 'scrollPosition', } = opt || {};
     let element;
     let getScrollPosition;
     if (target instanceof Window) {
@@ -998,12 +998,12 @@ function windowSize(opt) {
         const base = computed(() => ({
             width: 1024,
             height: 768,
-        }), { debugName: opt?.debugName });
+        }), { debugName: opt?.debugName ?? 'windowSize' });
         base.unthrottled = base;
         return base;
     }
     const sizeSignal = throttled({ width: window.innerWidth, height: window.innerHeight }, {
-        debugName: opt?.debugName,
+        debugName: opt?.debugName ?? 'windowSize',
         equal: (a, b) => a.width === b.width && a.height === b.height,
         ms: opt?.throttle ?? 100,
     });