@fundamental-ngx/cdk 0.60.1-rc.9 → 0.60.2

package/fesm2022/fundamental-ngx-cdk-utils.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { INJECTOR, ElementRef, isDevMode, InjectionToken, EventEmitter, inject, NgZone, Input, Output, Directive, NgModule, DestroyRef, Injectable, signal, DOCUMENT, Optional, Inject, booleanAttribute, Renderer2, PLATFORM_ID, Self, SkipSelf, computed, ChangeDetectorRef, effect, ContentChildren, forwardRef, HostListener, HostBinding, Injector, ContentChild, QueryList, ViewContainerRef, TemplateRef, ViewChild, Component, NgModuleFactory, Pipe } from '@angular/core';
 import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, F7, hasModifierKey } from '@angular/cdk/keycodes';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, outputToObservable } from '@angular/core/rxjs-interop';
 import { Observable, NEVER, fromEvent, switchMap, map as map$1, Subject, BehaviorSubject, ReplaySubject, merge as merge$1, combineLatest, filter as filter$1, firstValueFrom, debounceTime, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, Subscription, isObservable, of, tap as tap$1, take as take$1 } from 'rxjs';
 import { map, first, distinctUntilChanged, startWith, takeUntil, filter, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, pairwise, shareReplay, delay } from 'rxjs/operators';
 import { coerceElement, coerceBooleanProperty, coerceNumberProperty, coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
@@ -247,43 +247,63 @@ function set(obj, path, value) {
 /**
  * Deep clones an object, handling functions and other non-cloneable values.
  * For objects with functions or class instances, it creates a new object and copies properties.
+ * Observables and class instances are copied by reference to avoid circular reference issues.
  * @param obj The object to clone
+ * @param seen WeakSet to track visited objects and prevent infinite recursion
  * @returns The cloned object
  */
-function cloneDeep(obj) {
+function cloneDeep(obj, seen = new WeakSet()) {
     // Handle primitives, null, and undefined
     if (obj == null || typeof obj !== 'object') {
         return obj;
     }
+    // Detect circular references FIRST
+    if (seen.has(obj)) {
+        return obj; // Return the object by reference if we've seen it before
+    }
     // Handle Date
     if (obj instanceof Date) {
         return new Date(obj.getTime());
     }
-    // Handle Array
-    if (Array.isArray(obj)) {
-        return obj.map((item) => cloneDeep(item));
-    }
     // Handle RegExp
     if (obj instanceof RegExp) {
         return new RegExp(obj.source, obj.flags);
     }
+    // Check if this is a plain object or array BEFORE processing
+    // If it's a class instance (like Observable), return by reference
+    const proto = Object.getPrototypeOf(obj);
+    const isPlainObject = proto === Object.prototype || proto === null;
+    const isArray = Array.isArray(obj);
+    // If it's not a plain object or array, and it's not one of the special types below,
+    // return by reference (handles Observables, class instances, etc.)
+    if (!isPlainObject && !isArray && !(obj instanceof Map) && !(obj instanceof Set)) {
+        return obj;
+    }
+    // Handle Array
+    if (isArray) {
+        seen.add(obj);
+        return obj.map((item) => cloneDeep(item, seen));
+    }
     // Handle Map
     if (obj instanceof Map) {
+        seen.add(obj);
         const clonedMap = new Map();
         obj.forEach((value, key) => {
-            clonedMap.set(cloneDeep(key), cloneDeep(value));
+            clonedMap.set(cloneDeep(key, seen), cloneDeep(value, seen));
         });
         return clonedMap;
     }
     // Handle Set
     if (obj instanceof Set) {
+        seen.add(obj);
         const clonedSet = new Set();
         obj.forEach((value) => {
-            clonedSet.add(cloneDeep(value));
+            clonedSet.add(cloneDeep(value, seen));
         });
         return clonedSet;
     }
-    // Handle plain objects
+    // Handle plain objects only
+    seen.add(obj);
     const clonedObj = {};
     for (const key in obj) {
         if (Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -293,7 +313,7 @@ function cloneDeep(obj) {
                 clonedObj[key] = value;
             }
             else {
-                clonedObj[key] = cloneDeep(value);
+                clonedObj[key] = cloneDeep(value, seen);
             }
         }
     }
@@ -350,7 +370,7 @@ function deepMergeInto(target, source) {
                 deepMergeInto(targetValue, sourceValue);
             }
             else {
-                // Clone plain objects
+                // Clone plain objects (cloneDeep handles class instances like Observables)
                 target[key] = cloneDeep(sourceValue);
             }
         }
@@ -382,6 +402,7 @@ function mergeWith(target, source, customizer) {
                     result[key] = mergeWith(targetValue, sourceValue, customizer);
                 }
                 else {
+                    // cloneDeep handles class instances like Observables
                     result[key] = cloneDeep(sourceValue);
                 }
             }
@@ -1197,7 +1218,9 @@ class KeyboardSupportService {
     /** @hidden */
     _refreshEscapeLogic(queryList) {
         const createEscapeListener = (listItem, onKeyCode, escapeDirection) => {
-            listItem.keyDown
+            // Convert OutputEmitterRef to observable
+            const keyDown$ = outputToObservable(listItem.keyDown);
+            keyDown$
                 .pipe(takeUntil(unsubscribe$), filter((event) => KeyUtil.isKeyCode(event, onKeyCode)), tap((event) => event.preventDefault()))
                 .subscribe(() => this.focusEscapeList.next(escapeDirection));
         };