@microsoft/fast-html 1.0.0-alpha.35 → 1.0.0-alpha.36

package/dist/dts/components/utilities.d.ts

@@ -173,12 +173,19 @@ export declare function getChildrenMap(previousString: string | null): ChildrenM
  * @returns True if the objects are deeply equal, false otherwise
  */
 export declare function deepEqual(obj1: any, obj2: any): boolean;
+/**
+ * Checks if a value is a plain object (not an array, null, or other type).
+ *
+ * @param value - The value to check
+ * @returns True if the value is a plain object, false otherwise
+ */
+export declare function isPlainObject(value: any): value is Record<string, any>;
 /**
  * Deeply merges the source object into the target object.
  *
  * @param target - The target object to merge into
  * @param source - The source object to merge from
- * @returns void
+ * @returns boolean indicating whether changes were made
  */
-export declare function deepMerge(target: any, source: any): void;
+export declare function deepMerge(target: any, source: any): boolean;
 export {};

package/dist/esm/components/utilities.js

@@ -1092,15 +1092,25 @@ export function deepEqual(obj1, obj2) {
     }
     return true;
 }
+/**
+ * Checks if a value is a plain object (not an array, null, or other type).
+ *
+ * @param value - The value to check
+ * @returns True if the value is a plain object, false otherwise
+ */
+export function isPlainObject(value) {
+    return !!value && typeof value === "object" && !Array.isArray(value);
+}
 /**
  * Deeply merges the source object into the target object.
  *
  * @param target - The target object to merge into
  * @param source - The source object to merge from
- * @returns void
+ * @returns boolean indicating whether changes were made
  */
 export function deepMerge(target, source) {
     const hasOwn = Object.prototype.hasOwnProperty;
+    let hasChanges = false;
     for (const key in source) {
         if (!hasOwn.call(source, key)) {
             continue;
@@ -1113,10 +1123,10 @@ export function deepMerge(target, source) {
         if (deepEqual(targetValue, sourceValue)) {
             continue;
         }
-        const isSourceArray = Array.isArray(sourceValue);
-        if (isSourceArray) {
+        hasChanges = true;
+        if (Array.isArray(sourceValue)) {
             const isTargetArray = Array.isArray(targetValue);
-            const clonedItems = sourceValue.map((item) => item && typeof item === "object" ? { ...item } : item);
+            const clonedItems = sourceValue.map((item) => isPlainObject(item) ? { ...item } : item);
             if (isTargetArray) {
                 // Use splice to maintain observable array tracking
                 targetValue.splice(0, targetValue.length, ...clonedItems);
@@ -1127,15 +1137,20 @@ export function deepMerge(target, source) {
             }
             continue;
         }
-        if (sourceValue && typeof sourceValue === "object") {
-            if (!targetValue ||
-                typeof targetValue !== "object" ||
-                Array.isArray(targetValue)) {
-                target[key] = {};
+        if (isPlainObject(sourceValue)) {
+            const targetIsObject = isPlainObject(targetValue);
+            const nextTarget = targetIsObject ? { ...targetValue } : {};
+            const nestedChanged = deepMerge(nextTarget, sourceValue);
+            if (!targetIsObject) {
+                target[key] = nextTarget;
+                continue;
+            }
+            if (nestedChanged) {
+                target[key] = nextTarget;
             }
-            deepMerge(target[key], sourceValue);
             continue;
         }
         target[key] = sourceValue;
     }
+    return hasChanges;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/fast-html",
-  "version": "1.0.0-alpha.35",
+  "version": "1.0.0-alpha.36",
   "type": "module",
   "author": {
     "name": "Microsoft",