@memberjunction/ng-deep-diff 2.66.0 → 2.68.0

package/README.md

@@ -0,0 +1,192 @@
+# @memberjunction/ng-deep-diff
+
+Angular component for visualizing deep object differences using the non-visual functionality from the @memberjunction/global package.
+
+## Installation
+
+```bash
+npm install @memberjunction/ng-deep-diff
+```
+
+## Usage
+
+### Import the Module
+
+```typescript
+import { DeepDiffModule } from '@memberjunction/ng-deep-diff';
+
+@NgModule({
+  imports: [
+    DeepDiffModule,
+    // ... other imports
+  ]
+})
+export class YourModule { }
+```
+
+### Basic Component Usage
+
+```html
+<mj-deep-diff
+  [oldValue]="originalData"
+  [newValue]="modifiedData"
+  [title]="'Data Comparison'"
+  [showSummary]="true"
+  [showUnchanged]="false">
+</mj-deep-diff>
+```
+
+### Dialog Usage
+
+```html
+<mj-deep-diff-dialog
+  [(visible)]="showDiffDialog"
+  [oldValue]="originalData"
+  [newValue]="modifiedData"
+  [title]="'Compare Changes'"
+  [width]="'90%'"
+  [height]="'80vh'">
+</mj-deep-diff-dialog>
+```
+
+## Component Properties
+
+### DeepDiffComponent
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `oldValue` | `any` | - | The original value to compare |
+| `newValue` | `any` | - | The new value to compare against |
+| `title` | `string` | `'Deep Diff Analysis'` | Title displayed in the header |
+| `showSummary` | `boolean` | `true` | Whether to show summary statistics |
+| `showUnchanged` | `boolean` | `false` | Whether to show unchanged properties |
+| `expandAll` | `boolean` | `false` | Whether to expand all nodes by default |
+| `maxDepth` | `number` | `10` | Maximum depth to traverse in nested objects |
+| `maxStringLength` | `number` | `100` | Maximum string length before truncation |
+| `truncateValues` | `boolean` | `true` | Whether to truncate long values |
+| `treatNullAsUndefined` | `boolean` | `false` | Whether to treat null values as equivalent to undefined |
+
+### DeepDiffDialogComponent
+
+All properties from DeepDiffComponent, plus:
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `visible` | `boolean` | `false` | Controls dialog visibility |
+| `width` | `string` | `'80%'` | Dialog width |
+| `height` | `string` | `'80vh'` | Dialog height |
+
+## Features
+
+- **Hierarchical Display**: Nested objects and arrays are displayed in an expandable tree structure
+- **Change Type Filtering**: Filter by added, removed, modified, or unchanged items
+- **Text Search**: Search through paths and descriptions
+- **Copy Functionality**: Copy paths and values to clipboard
+- **Export**: Export diff results as JSON
+- **Responsive Design**: Works on desktop and mobile devices
+- **Performance**: Handles large objects with configurable depth limits
+- **Null Handling**: Optional treatment of null as undefined for API compatibility
+
+## Examples
+
+### Basic Comparison
+
+```typescript
+export class MyComponent {
+  originalData = {
+    name: 'John Doe',
+    age: 30,
+    email: 'john@example.com'
+  };
+
+  modifiedData = {
+    name: 'John Doe',
+    age: 31,
+    email: 'john.doe@example.com',
+    phone: '+1234567890'
+  };
+}
+```
+
+```html
+<mj-deep-diff
+  [oldValue]="originalData"
+  [newValue]="modifiedData">
+</mj-deep-diff>
+```
+
+### API Response Comparison with Null Handling
+
+```typescript
+export class ApiComponent {
+  // API responses often use null and undefined interchangeably
+  apiResponse1 = {
+    id: 123,
+    name: null,
+    description: 'Product',
+    price: 99.99
+  };
+
+  apiResponse2 = {
+    id: 123,
+    name: 'Updated Product',
+    description: null,
+    price: 89.99
+  };
+}
+```
+
+```html
+<mj-deep-diff
+  [oldValue]="apiResponse1"
+  [newValue]="apiResponse2"
+  [treatNullAsUndefined]="true"
+  [showSummary]="true">
+</mj-deep-diff>
+```
+
+### Dialog with Custom Configuration
+
+```typescript
+export class ConfigComponent {
+  showComparison = false;
+  
+  compareVersions() {
+    this.showComparison = true;
+  }
+}
+```
+
+```html
+<button (click)="compareVersions()">Compare Versions</button>
+
+<mj-deep-diff-dialog
+  [(visible)]="showComparison"
+  [oldValue]="version1"
+  [newValue]="version2"
+  [title]="'Version Comparison'"
+  [expandAll]="true"
+  [maxDepth]="5"
+  [width]="'95%'"
+  [height]="'90vh'">
+</mj-deep-diff-dialog>
+```
+
+## Styling
+
+The component uses CSS classes that can be customized:
+
+- `.diff-added` - Added items (green)
+- `.diff-removed` - Removed items (red)
+- `.diff-modified` - Modified items (blue)
+- `.diff-unchanged` - Unchanged items (gray)
+
+## Dependencies
+
+- `@memberjunction/global` - Provides the core DeepDiffer functionality
+- `@angular/common`
+- `@angular/core`
+
+## License
+
+See the main MemberJunction repository for license information.

package/dist/lib/deep-diff-dialog.component.d.ts

@@ -12,6 +12,7 @@ export declare class DeepDiffDialogComponent {
     expandAll: boolean;
     maxDepth: number;
     maxStringLength: number;
+    treatNullAsUndefined: boolean;
     visible: boolean;
     width: string;
     height: string;
@@ -23,6 +24,6 @@ export declare class DeepDiffDialogComponent {
     closeDialog(): void;
     toggleMaximize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeepDiffDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DeepDiffDialogComponent, "mj-deep-diff-dialog", never, { "oldValue": { "alias": "oldValue"; "required": false; }; "newValue": { "alias": "newValue"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "showUnchanged": { "alias": "showUnchanged"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "maxDepth": { "alias": "maxDepth"; "required": false; }; "maxStringLength": { "alias": "maxStringLength"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "visibleChange": "visibleChange"; "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeepDiffDialogComponent, "mj-deep-diff-dialog", never, { "oldValue": { "alias": "oldValue"; "required": false; }; "newValue": { "alias": "newValue"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "showUnchanged": { "alias": "showUnchanged"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "maxDepth": { "alias": "maxDepth"; "required": false; }; "maxStringLength": { "alias": "maxStringLength"; "required": false; }; "treatNullAsUndefined": { "alias": "treatNullAsUndefined"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "visibleChange": "visibleChange"; "close": "close"; }, never, never, false, never>;
 }
 //# sourceMappingURL=deep-diff-dialog.component.d.ts.map

package/dist/lib/deep-diff-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deep-diff-dialog.component.d.ts","sourceRoot":"","sources":["../../src/lib/deep-diff-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;;AAEvE;;GAEG;AACH,qBAKa,uBAAuB;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAwB;IACrC,WAAW,EAAE,OAAO,CAAQ;IAC5B,aAAa,EAAE,OAAO,CAAS;IAC/B,SAAS,EAAE,OAAO,CAAS;IAC3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAO;IAC9B,OAAO,EAAE,OAAO,CAAS;IACzB,KAAK,EAAE,MAAM,CAAS;IACtB,MAAM,EAAE,MAAM,CAAU;IAEvB,aAAa,wBAA+B;IAC5C,KAAK,qBAA4B;IAEpC,WAAW,EAAE,OAAO,CAAS;IAEpC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,WAAW,IAAI,IAAI;IAMnB,cAAc,IAAI,IAAI;yCAhCX,uBAAuB;2CAAvB,uBAAuB;CAmCnC"}
+{"version":3,"file":"deep-diff-dialog.component.d.ts","sourceRoot":"","sources":["../../src/lib/deep-diff-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;;AAEvE;;GAEG;AACH,qBAKa,uBAAuB;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAwB;IACrC,WAAW,EAAE,OAAO,CAAQ;IAC5B,aAAa,EAAE,OAAO,CAAS;IAC/B,SAAS,EAAE,OAAO,CAAS;IAC3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAO;IAC9B,oBAAoB,EAAE,OAAO,CAAS;IACtC,OAAO,EAAE,OAAO,CAAS;IACzB,KAAK,EAAE,MAAM,CAAS;IACtB,MAAM,EAAE,MAAM,CAAU;IAEvB,aAAa,wBAA+B;IAC5C,KAAK,qBAA4B;IAEpC,WAAW,EAAE,OAAO,CAAS;IAEpC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,WAAW,IAAI,IAAI;IAMnB,cAAc,IAAI,IAAI;yCAjCX,uBAAuB;2CAAvB,uBAAuB;CAoCnC"}

package/dist/lib/deep-diff-dialog.component.js

@@ -33,7 +33,7 @@ function DeepDiffDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵclassProp("fa-window-maximize", !ctx_r1.isMaximized)("fa-window-restore", ctx_r1.isMaximized);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("oldValue", ctx_r1.oldValue)("newValue", ctx_r1.newValue)("title", "")("showSummary", ctx_r1.showSummary)("showUnchanged", ctx_r1.showUnchanged)("expandAll", ctx_r1.expandAll)("maxDepth", ctx_r1.maxDepth)("maxStringLength", ctx_r1.maxStringLength);
+    i0.ɵɵproperty("oldValue", ctx_r1.oldValue)("newValue", ctx_r1.newValue)("title", "")("showSummary", ctx_r1.showSummary)("showUnchanged", ctx_r1.showUnchanged)("expandAll", ctx_r1.expandAll)("maxDepth", ctx_r1.maxDepth)("maxStringLength", ctx_r1.maxStringLength)("treatNullAsUndefined", ctx_r1.treatNullAsUndefined);
 } }
 /**
  * Dialog wrapper component for the deep diff viewer
@@ -47,6 +47,7 @@ export class DeepDiffDialogComponent {
     expandAll = false;
     maxDepth = 10;
     maxStringLength = 100;
+    treatNullAsUndefined = false;
     visible = false;
     width = '80%';
     height = '80vh';
@@ -68,15 +69,15 @@ export class DeepDiffDialogComponent {
         this.isMaximized = !this.isMaximized;
     }
     static ɵfac = function DeepDiffDialogComponent_Factory(t) { return new (t || DeepDiffDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeepDiffDialogComponent, selectors: [["mj-deep-diff-dialog"]], inputs: { oldValue: "oldValue", newValue: "newValue", title: "title", showSummary: "showSummary", showUnchanged: "showUnchanged", expandAll: "expandAll", maxDepth: "maxDepth", maxStringLength: "maxStringLength", visible: "visible", width: "width", height: "height" }, outputs: { visibleChange: "visibleChange", close: "close" }, decls: 1, vars: 1, consts: [[1, "dialog-overlay"], [1, "dialog-overlay", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-header"], [1, "dialog-title"], [1, "fa-solid", "fa-code-branch"], [1, "dialog-actions"], [1, "dialog-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Close", 1, "dialog-btn", "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [3, "oldValue", "newValue", "title", "showSummary", "showUnchanged", "expandAll", "maxDepth", "maxStringLength"]], template: function DeepDiffDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, DeepDiffDialogComponent_Conditional_0_Template, 13, 18, "div", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeepDiffDialogComponent, selectors: [["mj-deep-diff-dialog"]], inputs: { oldValue: "oldValue", newValue: "newValue", title: "title", showSummary: "showSummary", showUnchanged: "showUnchanged", expandAll: "expandAll", maxDepth: "maxDepth", maxStringLength: "maxStringLength", treatNullAsUndefined: "treatNullAsUndefined", visible: "visible", width: "width", height: "height" }, outputs: { visibleChange: "visibleChange", close: "close" }, decls: 1, vars: 1, consts: [[1, "dialog-overlay"], [1, "dialog-overlay", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-header"], [1, "dialog-title"], [1, "fa-solid", "fa-code-branch"], [1, "dialog-actions"], [1, "dialog-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Close", 1, "dialog-btn", "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [3, "oldValue", "newValue", "title", "showSummary", "showUnchanged", "expandAll", "maxDepth", "maxStringLength", "treatNullAsUndefined"]], template: function DeepDiffDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DeepDiffDialogComponent_Conditional_0_Template, 13, 19, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [i1.DeepDiffComponent], styles: ["\n\n.dialog-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n\n\n.dialog-container[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  max-width: 95vw;\n  max-height: 95vh;\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_slideIn 0.3s ease-out;\n  transition: all 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n  from {\n    transform: translateY(-20px) scale(0.95);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n  flex-shrink: 0;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3498db;\n}\n\n.dialog-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.dialog-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.dialog-btn[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.dialog-btn.close-btn[_ngcontent-%COMP%]:hover {\n  background: #dc3545;\n  border-color: #dc3545;\n  color: white;\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  background: #f8f9fa;\n}\n\n.dialog-content[_ngcontent-%COMP%]   mj-deep-diff[_ngcontent-%COMP%] {\n  height: 100%;\n  display: block;\n}\n\n\n\n@media (max-width: 768px) {\n  .dialog-container[_ngcontent-%COMP%] {\n    width: 95vw !important;\n    height: 95vh !important;\n    margin: 2.5vh 2.5vw;\n  }\n  \n  .dialog-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n  \n  .dialog-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n  \n  .dialog-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeepDiffDialogComponent, [{
         type: Component,
-        args: [{ selector: 'mj-deep-diff-dialog', template: "@if (visible) {\n  <div class=\"dialog-overlay\" (click)=\"closeDialog()\">\n    <div \n      class=\"dialog-container\" \n      [style.width]=\"dialogWidth\" \n      [style.height]=\"dialogHeight\"\n      (click)=\"$event.stopPropagation()\">\n      \n      <!-- Dialog Header -->\n      <div class=\"dialog-header\">\n        <h2 class=\"dialog-title\">\n          <i class=\"fa-solid fa-code-branch\"></i>\n          {{ title }}\n        </h2>\n        <div class=\"dialog-actions\">\n          <button class=\"dialog-btn\" (click)=\"toggleMaximize()\" [title]=\"isMaximized ? 'Restore' : 'Maximize'\">\n            <i class=\"fa-solid\" [class.fa-window-maximize]=\"!isMaximized\" [class.fa-window-restore]=\"isMaximized\"></i>\n          </button>\n          <button class=\"dialog-btn close-btn\" (click)=\"closeDialog()\" title=\"Close\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n      </div>\n      \n      <!-- Dialog Content -->\n      <div class=\"dialog-content\">\n        <mj-deep-diff\n          [oldValue]=\"oldValue\"\n          [newValue]=\"newValue\"\n          [title]=\"''\"\n          [showSummary]=\"showSummary\"\n          [showUnchanged]=\"showUnchanged\"\n          [expandAll]=\"expandAll\"\n          [maxDepth]=\"maxDepth\"\n          [maxStringLength]=\"maxStringLength\">\n        </mj-deep-diff>\n      </div>\n    </div>\n  </div>\n}", styles: ["/* Dialog Overlay */\n.dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Dialog Container */\n.dialog-container {\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  max-width: 95vw;\n  max-height: 95vh;\n  overflow: hidden;\n  animation: slideIn 0.3s ease-out;\n  transition: all 0.3s ease;\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateY(-20px) scale(0.95);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n  flex-shrink: 0;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title i {\n  color: #3498db;\n}\n\n.dialog-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.dialog-btn {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.dialog-btn:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.dialog-btn.close-btn:hover {\n  background: #dc3545;\n  border-color: #dc3545;\n  color: white;\n}\n\n/* Dialog Content */\n.dialog-content {\n  flex: 1;\n  overflow: hidden;\n  background: #f8f9fa;\n}\n\n.dialog-content mj-deep-diff {\n  height: 100%;\n  display: block;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .dialog-container {\n    width: 95vw !important;\n    height: 95vh !important;\n    margin: 2.5vh 2.5vw;\n  }\n  \n  .dialog-header {\n    padding: 16px;\n  }\n  \n  .dialog-title {\n    font-size: 18px;\n  }\n  \n  .dialog-btn {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n}"] }]
+        args: [{ selector: 'mj-deep-diff-dialog', template: "@if (visible) {\n  <div class=\"dialog-overlay\" (click)=\"closeDialog()\">\n    <div \n      class=\"dialog-container\" \n      [style.width]=\"dialogWidth\" \n      [style.height]=\"dialogHeight\"\n      (click)=\"$event.stopPropagation()\">\n      \n      <!-- Dialog Header -->\n      <div class=\"dialog-header\">\n        <h2 class=\"dialog-title\">\n          <i class=\"fa-solid fa-code-branch\"></i>\n          {{ title }}\n        </h2>\n        <div class=\"dialog-actions\">\n          <button class=\"dialog-btn\" (click)=\"toggleMaximize()\" [title]=\"isMaximized ? 'Restore' : 'Maximize'\">\n            <i class=\"fa-solid\" [class.fa-window-maximize]=\"!isMaximized\" [class.fa-window-restore]=\"isMaximized\"></i>\n          </button>\n          <button class=\"dialog-btn close-btn\" (click)=\"closeDialog()\" title=\"Close\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n      </div>\n      \n      <!-- Dialog Content -->\n      <div class=\"dialog-content\">\n        <mj-deep-diff\n          [oldValue]=\"oldValue\"\n          [newValue]=\"newValue\"\n          [title]=\"''\"\n          [showSummary]=\"showSummary\"\n          [showUnchanged]=\"showUnchanged\"\n          [expandAll]=\"expandAll\"\n          [maxDepth]=\"maxDepth\"\n          [maxStringLength]=\"maxStringLength\"\n          [treatNullAsUndefined]=\"treatNullAsUndefined\">\n        </mj-deep-diff>\n      </div>\n    </div>\n  </div>\n}", styles: ["/* Dialog Overlay */\n.dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Dialog Container */\n.dialog-container {\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  max-width: 95vw;\n  max-height: 95vh;\n  overflow: hidden;\n  animation: slideIn 0.3s ease-out;\n  transition: all 0.3s ease;\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateY(-20px) scale(0.95);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n  flex-shrink: 0;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title i {\n  color: #3498db;\n}\n\n.dialog-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.dialog-btn {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.dialog-btn:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.dialog-btn.close-btn:hover {\n  background: #dc3545;\n  border-color: #dc3545;\n  color: white;\n}\n\n/* Dialog Content */\n.dialog-content {\n  flex: 1;\n  overflow: hidden;\n  background: #f8f9fa;\n}\n\n.dialog-content mj-deep-diff {\n  height: 100%;\n  display: block;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .dialog-container {\n    width: 95vw !important;\n    height: 95vh !important;\n    margin: 2.5vh 2.5vw;\n  }\n  \n  .dialog-header {\n    padding: 16px;\n  }\n  \n  .dialog-title {\n    font-size: 18px;\n  }\n  \n  .dialog-btn {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n}"] }]
     }], null, { oldValue: [{
             type: Input
         }], newValue: [{
@@ -93,6 +94,8 @@ export class DeepDiffDialogComponent {
             type: Input
         }], maxStringLength: [{
             type: Input
+        }], treatNullAsUndefined: [{
+            type: Input
         }], visible: [{
             type: Input
         }], width: [{

package/dist/lib/deep-diff-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"deep-diff-dialog.component.js","sourceRoot":"","sources":["../../src/lib/deep-diff-dialog.component.ts","../../src/lib/deep-diff-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;ICCrE,8BAAoD;IAAxB,wLAAS,oBAAa,KAAC;IACjD,8BAIqC;IAAnC,2JAAS,wBAAwB,KAAC;IAIhC,AADF,8BAA2B,YACA;IACvB,uBAAuC;IACvC,YACF;IAAA,iBAAK;IAEH,AADF,8BAA4B,gBAC2E;IAA1E,2LAAS,uBAAgB,KAAC;IACnD,uBAA0G;IAC5G,iBAAS;IACT,iCAA2E;IAAtC,2LAAS,oBAAa,KAAC;IAC1D,yBAAiC;IAGvC,AADE,AADE,iBAAS,EACL,EACF;IAGN,gCAA4B;IAC1B,oCASe;IAGrB,AADE,AADE,iBAAM,EACF,EACF;;;IAlCF,cAA2B;IAC3B,AADA,2CAA2B,+BACE;IAOzB,eACF;IADE,6CACF;IAEwD,eAA8C;IAA9C,mEAA8C;IAC9E,cAAyC;IAAC,AAA1C,yDAAyC,yCAAwC;IAWvG,eAAqB;IAOrB,AADA,AADA,AADA,AADA,AADA,AADA,AADA,0CAAqB,6BACA,aACT,mCACe,uCACI,+BACR,6BACF,2CACc;;ADhC7C;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IACzB,QAAQ,CAAM;IACd,QAAQ,CAAM;IACd,KAAK,GAAW,oBAAoB,CAAC;IACrC,WAAW,GAAY,IAAI,CAAC;IAC5B,aAAa,GAAY,KAAK,CAAC;IAC/B,SAAS,GAAY,KAAK,CAAC;IAC3B,QAAQ,GAAW,EAAE,CAAC;IACtB,eAAe,GAAW,GAAG,CAAC;IAC9B,OAAO,GAAY,KAAK,CAAC;IACzB,KAAK,GAAW,KAAK,CAAC;IACtB,MAAM,GAAW,MAAM,CAAC;IAEvB,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;IAC5C,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpC,WAAW,GAAY,KAAK,CAAC;IAEpC,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAChD,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;iFAlCU,uBAAuB;6DAAvB,uBAAuB;YCVpC,kFAAe;;YAAf,sCAuCC;;;iFD7BY,uBAAuB;cALnC,SAAS;2BACE,qBAAqB;gBAKtB,QAAQ;kBAAhB,KAAK;YACG,QAAQ;kBAAhB,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,WAAW;kBAAnB,KAAK;YACG,aAAa;kBAArB,KAAK;YACG,SAAS;kBAAjB,KAAK;YACG,QAAQ;kBAAhB,KAAK;YACG,eAAe;kBAAvB,KAAK;YACG,OAAO;kBAAf,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,MAAM;kBAAd,KAAK;YAEI,aAAa;kBAAtB,MAAM;YACG,KAAK;kBAAd,MAAM;;kFAdI,uBAAuB"}
+{"version":3,"file":"deep-diff-dialog.component.js","sourceRoot":"","sources":["../../src/lib/deep-diff-dialog.component.ts","../../src/lib/deep-diff-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;ICCrE,8BAAoD;IAAxB,wLAAS,oBAAa,KAAC;IACjD,8BAIqC;IAAnC,2JAAS,wBAAwB,KAAC;IAIhC,AADF,8BAA2B,YACA;IACvB,uBAAuC;IACvC,YACF;IAAA,iBAAK;IAEH,AADF,8BAA4B,gBAC2E;IAA1E,2LAAS,uBAAgB,KAAC;IACnD,uBAA0G;IAC5G,iBAAS;IACT,iCAA2E;IAAtC,2LAAS,oBAAa,KAAC;IAC1D,yBAAiC;IAGvC,AADE,AADE,iBAAS,EACL,EACF;IAGN,gCAA4B;IAC1B,oCAUe;IAGrB,AADE,AADE,iBAAM,EACF,EACF;;;IAnCF,cAA2B;IAC3B,AADA,2CAA2B,+BACE;IAOzB,eACF;IADE,6CACF;IAEwD,eAA8C;IAA9C,mEAA8C;IAC9E,cAAyC;IAAC,AAA1C,yDAAyC,yCAAwC;IAWvG,eAAqB;IAQrB,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,0CAAqB,6BACA,aACT,mCACe,uCACI,+BACR,6BACF,2CACc,qDACU;;ADjCvD;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IACzB,QAAQ,CAAM;IACd,QAAQ,CAAM;IACd,KAAK,GAAW,oBAAoB,CAAC;IACrC,WAAW,GAAY,IAAI,CAAC;IAC5B,aAAa,GAAY,KAAK,CAAC;IAC/B,SAAS,GAAY,KAAK,CAAC;IAC3B,QAAQ,GAAW,EAAE,CAAC;IACtB,eAAe,GAAW,GAAG,CAAC;IAC9B,oBAAoB,GAAY,KAAK,CAAC;IACtC,OAAO,GAAY,KAAK,CAAC;IACzB,KAAK,GAAW,KAAK,CAAC;IACtB,MAAM,GAAW,MAAM,CAAC;IAEvB,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;IAC5C,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpC,WAAW,GAAY,KAAK,CAAC;IAEpC,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAChD,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;iFAnCU,uBAAuB;6DAAvB,uBAAuB;YCVpC,kFAAe;;YAAf,sCAwCC;;;iFD9BY,uBAAuB;cALnC,SAAS;2BACE,qBAAqB;gBAKtB,QAAQ;kBAAhB,KAAK;YACG,QAAQ;kBAAhB,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,WAAW;kBAAnB,KAAK;YACG,aAAa;kBAArB,KAAK;YACG,SAAS;kBAAjB,KAAK;YACG,QAAQ;kBAAhB,KAAK;YACG,eAAe;kBAAvB,KAAK;YACG,oBAAoB;kBAA5B,KAAK;YACG,OAAO;kBAAf,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,MAAM;kBAAd,KAAK;YAEI,aAAa;kBAAtB,MAAM;YACG,KAAK;kBAAd,MAAM;;kFAfI,uBAAuB"}

package/dist/lib/deep-diff.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { OnInit, ChangeDetectorRef } from '@angular/core';
 import { DeepDiffResult, DiffChangeType, DiffChange } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 export interface DeepDiffItem extends DiffChange {
@@ -7,24 +7,40 @@ export interface DeepDiffItem extends DiffChange {
     children: DeepDiffItem[];
     parentPath: string;
 }
-export declare class DeepDiffComponent implements OnInit, OnChanges {
+export declare class DeepDiffComponent implements OnInit {
     private cdr;
-    oldValue: any;
-    newValue: any;
+    private _oldValue;
+    private _newValue;
+    private _showUnchanged;
+    private _maxDepth;
+    private _maxStringLength;
+    private _treatNullAsUndefined;
+    get oldValue(): any;
+    set oldValue(value: any);
+    get newValue(): any;
+    set newValue(value: any);
+    get showUnchanged(): boolean;
+    set showUnchanged(value: boolean);
+    get maxDepth(): number;
+    set maxDepth(value: number);
+    get maxStringLength(): number;
+    set maxStringLength(value: number);
+    get treatNullAsUndefined(): boolean;
+    set treatNullAsUndefined(value: boolean);
     title: string;
     showSummary: boolean;
-    showUnchanged: boolean;
     expandAll: boolean;
-    maxDepth: number;
-    maxStringLength: number;
+    truncateValues: boolean;
     diffResult: DeepDiffResult | null;
     diffItems: DeepDiffItem[];
     filter: string;
     filterType: 'all' | 'added' | 'removed' | 'modified' | 'unchanged';
+    expandedValuesMap: {
+        [key: string]: boolean;
+    };
     private differ;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     private updateDifferConfig;
     private generateDiff;
     private buildHierarchicalItems;
@@ -34,10 +50,15 @@ export declare class DeepDiffComponent implements OnInit, OnChanges {
     get filteredItems(): DeepDiffItem[];
     getIcon(type: DiffChangeType): string;
     getTypeClass(type: DiffChangeType): string;
-    formatValue(value: any): string;
+    formatValue(value: any, path: string): string;
+    isValueTruncated(value: any, path: string): boolean;
+    toggleValueExpansion(path: string, event: Event): void;
+    private getObjectSize;
     copyToClipboard(text: string): void;
+    isExpanded(path: string): boolean;
+    copyValueToClipboard(value: any, event: Event): void;
     exportDiff(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeepDiffComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DeepDiffComponent, "mj-deep-diff", never, { "oldValue": { "alias": "oldValue"; "required": false; }; "newValue": { "alias": "newValue"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "showUnchanged": { "alias": "showUnchanged"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "maxDepth": { "alias": "maxDepth"; "required": false; }; "maxStringLength": { "alias": "maxStringLength"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeepDiffComponent, "mj-deep-diff", never, { "oldValue": { "alias": "oldValue"; "required": false; }; "newValue": { "alias": "newValue"; "required": false; }; "showUnchanged": { "alias": "showUnchanged"; "required": false; }; "maxDepth": { "alias": "maxDepth"; "required": false; }; "maxStringLength": { "alias": "maxStringLength"; "required": false; }; "treatNullAsUndefined": { "alias": "treatNullAsUndefined"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "truncateValues": { "alias": "truncateValues"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=deep-diff.component.d.ts.map

package/dist/lib/deep-diff.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deep-diff.component.d.ts","sourceRoot":"","sources":["../../src/lib/deep-diff.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtG,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;AAEhG,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBAKa,iBAAkB,YAAW,MAAM,EAAE,SAAS;IAiB7C,OAAO,CAAC,GAAG;IAhBd,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAwB;IACrC,WAAW,EAAE,OAAO,CAAQ;IAC5B,aAAa,EAAE,OAAO,CAAS;IAC/B,SAAS,EAAE,OAAO,CAAS;IAC3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAO;IAEvC,UAAU,EAAE,cAAc,GAAG,IAAI,CAAQ;IACzC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,MAAM,EAAE,MAAM,CAAM;IACpB,UAAU,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAS;IAE3E,OAAO,CAAC,MAAM,CAAa;gBAEP,GAAG,EAAE,iBAAiB;IAQ1C,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAQzC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,sBAAsB;IAqC9B,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAKpC,cAAc,IAAI,IAAI;IAatB,gBAAgB,IAAI,IAAI;IAaxB,IAAI,aAAa,IAAI,YAAY,EAAE,CAiClC;IAED,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAUrC,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAU1C,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM;IAmB/B,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMnC,UAAU,IAAI,IAAI;yCAhNP,iBAAiB;2CAAjB,iBAAiB;CA4N7B"}
+{"version":3,"file":"deep-diff.component.d.ts","sourceRoot":"","sources":["../../src/lib/deep-diff.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,iBAAiB,EAA2B,MAAM,eAAe,CAAC;AACrG,OAAO,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;AAEhG,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBAMa,iBAAkB,YAAW,MAAM;IA+ElC,OAAO,CAAC,GAAG;IA9EvB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,qBAAqB,CAAkB;IAE/C,IACI,QAAQ,IAAI,GAAG,CAElB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,GAAG,EAGtB;IAED,IACI,QAAQ,IAAI,GAAG,CAElB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,GAAG,EAGtB;IAED,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAI/B;IAED,IACI,QAAQ,IAAI,MAAM,CAErB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAIzB;IAED,IACI,eAAe,IAAI,MAAM,CAE5B;IACD,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAIhC;IAED,IACI,oBAAoB,IAAI,OAAO,CAElC;IACD,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAItC;IAEQ,KAAK,EAAE,MAAM,CAAwB;IACrC,WAAW,EAAE,OAAO,CAAQ;IAC5B,SAAS,EAAE,OAAO,CAAS;IAC3B,cAAc,EAAE,OAAO,CAAQ;IAExC,UAAU,EAAE,cAAc,GAAG,IAAI,CAAQ;IACzC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,MAAM,EAAE,MAAM,CAAM;IACpB,UAAU,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAS;IAC3E,iBAAiB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAM;IAEnD,OAAO,CAAC,MAAM,CAAa;gBAEP,GAAG,EAAE,iBAAiB;IAS1C,QAAQ,IAAI,IAAI;IAKhB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,sBAAsB;IAqC9B,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAKpC,cAAc,IAAI,IAAI;IAatB,gBAAgB,IAAI,IAAI;IAaxB,IAAI,aAAa,IAAI,YAAY,EAAE,CAiClC;IAED,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAUrC,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAU1C,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM;IA+B7C,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO;IAqBnD,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAatD,OAAO,CAAC,aAAa;IAOrB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMnC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIjC,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAuBpD,UAAU,IAAI,IAAI;yCAzVP,iBAAiB;2CAAjB,iBAAiB;CAqW7B"}

package/dist/lib/deep-diff.component.js

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
 import { DeepDiffer, DiffChangeType } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -101,52 +101,139 @@ function DeepDiffComponent_ng_template_34_Conditional_2_Template(rf, ctx) { if (
 function DeepDiffComponent_ng_template_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 42);
 } }
+function DeepDiffComponent_ng_template_34_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_11_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r8); const item_r6 = i0.ɵɵnextContext(2).item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleValueExpansion(item_r6.path + "_old", $event)); });
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext(2).item;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.isExpanded(item_r6.path + "_old") ? "Collapse" : "Expand");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isExpanded(item_r6.path + "_old") ? "fa-compress-alt" : "fa-expand-alt");
+} }
+function DeepDiffComponent_ng_template_34_Conditional_11_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_11_Conditional_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r9); const item_r6 = i0.ɵɵnextContext(2).item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleValueExpansion(item_r6.path + "_new", $event)); });
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext(2).item;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.isExpanded(item_r6.path + "_new") ? "Collapse" : "Expand");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isExpanded(item_r6.path + "_new") ? "fa-compress-alt" : "fa-expand-alt");
+} }
 function DeepDiffComponent_ng_template_34_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 48)(1, "div", 51)(2, "span", 52);
     i0.ɵɵtext(3, "Old:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "code", 53);
     i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 54)(7, "span", 52);
-    i0.ɵɵtext(8, "New:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "code", 53);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(6, "button", 54);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_11_Template_button_click_6_listener($event) { i0.ɵɵrestoreView(_r7); const item_r6 = i0.ɵɵnextContext().item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyValueToClipboard(item_r6.oldValue, $event)); });
+    i0.ɵɵelement(7, "i", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DeepDiffComponent_ng_template_34_Conditional_11_Conditional_8_Template, 2, 2, "button", 55);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 56)(10, "span", 52);
+    i0.ɵɵtext(11, "New:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "code", 53);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 54);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_11_Template_button_click_14_listener($event) { i0.ɵɵrestoreView(_r7); const item_r6 = i0.ɵɵnextContext().item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyValueToClipboard(item_r6.newValue, $event)); });
+    i0.ɵɵelement(15, "i", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(16, DeepDiffComponent_ng_template_34_Conditional_11_Conditional_16_Template, 2, 2, "button", 55);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = i0.ɵɵnextContext().item;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.oldValue));
+    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.oldValue, item_r6.path + "_old"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isValueTruncated(item_r6.oldValue, item_r6.path + "_old") || ctx_r1.isExpanded(item_r6.path + "_old") ? 8 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.newValue));
+    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.newValue, item_r6.path + "_new"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isValueTruncated(item_r6.newValue, item_r6.path + "_new") || ctx_r1.isExpanded(item_r6.path + "_new") ? 16 : -1);
+} }
+function DeepDiffComponent_ng_template_34_Conditional_12_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_12_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r11); const item_r6 = i0.ɵɵnextContext(2).item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleValueExpansion(item_r6.path, $event)); });
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext(2).item;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.isExpanded(item_r6.path) ? "Collapse" : "Expand");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isExpanded(item_r6.path) ? "fa-compress-alt" : "fa-expand-alt");
 } }
 function DeepDiffComponent_ng_template_34_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48)(1, "div", 54)(2, "span", 52);
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48)(1, "div", 56)(2, "span", 52);
     i0.ɵɵtext(3, "Value:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "code", 53);
     i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 54);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_12_Template_button_click_6_listener($event) { i0.ɵɵrestoreView(_r10); const item_r6 = i0.ɵɵnextContext().item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyValueToClipboard(item_r6.newValue, $event)); });
+    i0.ɵɵelement(7, "i", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DeepDiffComponent_ng_template_34_Conditional_12_Conditional_8_Template, 2, 2, "button", 55);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = i0.ɵɵnextContext().item;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.newValue));
+    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.newValue, item_r6.path));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isValueTruncated(item_r6.newValue, item_r6.path) || ctx_r1.isExpanded(item_r6.path) ? 8 : -1);
+} }
+function DeepDiffComponent_ng_template_34_Conditional_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_13_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const item_r6 = i0.ɵɵnextContext(2).item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleValueExpansion(item_r6.path, $event)); });
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext(2).item;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.isExpanded(item_r6.path) ? "Collapse" : "Expand");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.isExpanded(item_r6.path) ? "fa-compress-alt" : "fa-expand-alt");
 } }
 function DeepDiffComponent_ng_template_34_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 48)(1, "div", 51)(2, "span", 52);
     i0.ɵɵtext(3, "Value:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "code", 53);
     i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 54);
+    i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Conditional_13_Template_button_click_6_listener($event) { i0.ɵɵrestoreView(_r12); const item_r6 = i0.ɵɵnextContext().item; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyValueToClipboard(item_r6.oldValue, $event)); });
+    i0.ɵɵelement(7, "i", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DeepDiffComponent_ng_template_34_Conditional_13_Conditional_8_Template, 2, 2, "button", 55);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = i0.ɵɵnextContext().item;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.oldValue));
+    i0.ɵɵtextInterpolate(ctx_r1.formatValue(item_r6.oldValue, item_r6.path));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isValueTruncated(item_r6.oldValue, item_r6.path) || ctx_r1.isExpanded(item_r6.path) ? 8 : -1);
 } }
 function DeepDiffComponent_ng_template_34_Conditional_14_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -154,11 +241,11 @@ function DeepDiffComponent_ng_template_34_Conditional_14_For_2_ng_container_0_Te
 function DeepDiffComponent_ng_template_34_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, DeepDiffComponent_ng_template_34_Conditional_14_For_2_ng_container_0_Template, 1, 0, "ng-container", 38);
 } if (rf & 2) {
-    const child_r7 = ctx.$implicit;
-    const level_r8 = i0.ɵɵnextContext(2).level;
+    const child_r14 = ctx.$implicit;
+    const level_r15 = i0.ɵɵnextContext(2).level;
     i0.ɵɵnextContext();
     const diffItem_r4 = i0.ɵɵreference(35);
-    i0.ɵɵproperty("ngTemplateOutlet", diffItem_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r7, level_r8 + 1));
+    i0.ɵɵproperty("ngTemplateOutlet", diffItem_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r14, level_r15 + 1));
 } }
 function DeepDiffComponent_ng_template_34_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 49);
@@ -185,14 +272,14 @@ function DeepDiffComponent_ng_template_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function DeepDiffComponent_ng_template_34_Template_button_click_9_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).item; const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.copyToClipboard(item_r6.path); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelement(10, "i", 47);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(11, DeepDiffComponent_ng_template_34_Conditional_11_Template, 11, 2, "div", 48)(12, DeepDiffComponent_ng_template_34_Conditional_12_Template, 6, 1, "div", 48)(13, DeepDiffComponent_ng_template_34_Conditional_13_Template, 6, 1, "div", 48)(14, DeepDiffComponent_ng_template_34_Conditional_14_Template, 3, 0, "div", 49);
+    i0.ɵɵtemplate(11, DeepDiffComponent_ng_template_34_Conditional_11_Template, 17, 4, "div", 48)(12, DeepDiffComponent_ng_template_34_Conditional_12_Template, 9, 2, "div", 48)(13, DeepDiffComponent_ng_template_34_Conditional_13_Template, 9, 2, "div", 48)(14, DeepDiffComponent_ng_template_34_Conditional_14_Template, 3, 0, "div", 49);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r6 = ctx.item;
-    const level_r8 = ctx.level;
+    const level_r15 = ctx.level;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.getTypeClass(item_r6.type));
-    i0.ɵɵstyleProp("padding-left", level_r8 * 24, "px");
+    i0.ɵɵstyleProp("padding-left", level_r15 * 24, "px");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(item_r6.children.length > 0 ? 2 : 3);
     i0.ɵɵadvance(2);
@@ -208,42 +295,86 @@ function DeepDiffComponent_ng_template_34_Template(rf, ctx) { if (rf & 1) {
 } }
 export class DeepDiffComponent {
     cdr;
-    oldValue;
-    newValue;
+    _oldValue;
+    _newValue;
+    _showUnchanged = false;
+    _maxDepth = 10;
+    _maxStringLength = 100;
+    _treatNullAsUndefined = false;
+    get oldValue() {
+        return this._oldValue;
+    }
+    set oldValue(value) {
+        this._oldValue = value;
+        this.generateDiff();
+    }
+    get newValue() {
+        return this._newValue;
+    }
+    set newValue(value) {
+        this._newValue = value;
+        this.generateDiff();
+    }
+    get showUnchanged() {
+        return this._showUnchanged;
+    }
+    set showUnchanged(value) {
+        this._showUnchanged = value;
+        this.updateDifferConfig();
+        this.generateDiff();
+    }
+    get maxDepth() {
+        return this._maxDepth;
+    }
+    set maxDepth(value) {
+        this._maxDepth = value;
+        this.updateDifferConfig();
+        this.generateDiff();
+    }
+    get maxStringLength() {
+        return this._maxStringLength;
+    }
+    set maxStringLength(value) {
+        this._maxStringLength = value;
+        this.updateDifferConfig();
+        this.generateDiff();
+    }
+    get treatNullAsUndefined() {
+        return this._treatNullAsUndefined;
+    }
+    set treatNullAsUndefined(value) {
+        this._treatNullAsUndefined = value;
+        this.updateDifferConfig();
+        this.generateDiff();
+    }
     title = 'Deep Diff Analysis';
     showSummary = true;
-    showUnchanged = false;
     expandAll = false;
-    maxDepth = 10;
-    maxStringLength = 100;
+    truncateValues = true;
     diffResult = null;
     diffItems = [];
     filter = '';
     filterType = 'all';
+    expandedValuesMap = {};
     differ;
     constructor(cdr) {
         this.cdr = cdr;
         this.differ = new DeepDiffer({
             includeUnchanged: false,
             maxDepth: this.maxDepth,
-            maxStringLength: this.maxStringLength
+            maxStringLength: this.maxStringLength,
+            treatNullAsUndefined: this.treatNullAsUndefined
         });
     }
     ngOnInit() {
         this.generateDiff();
     }
-    ngOnChanges(changes) {
-        if (changes['oldValue'] || changes['newValue'] || changes['showUnchanged'] ||
-            changes['maxDepth'] || changes['maxStringLength']) {
-            this.updateDifferConfig();
-            this.generateDiff();
-        }
-    }
     updateDifferConfig() {
         this.differ.updateConfig({
             includeUnchanged: this.showUnchanged,
             maxDepth: this.maxDepth,
-            maxStringLength: this.maxStringLength
+            maxStringLength: this.maxStringLength,
+            treatNullAsUndefined: this.treatNullAsUndefined
         });
     }
     generateDiff() {
@@ -366,20 +497,28 @@ export class DeepDiffComponent {
             default: return '';
         }
     }
-    formatValue(value) {
+    formatValue(value, path) {
         if (value === undefined)
             return 'undefined';
         if (value === null)
             return 'null';
+        const isExpanded = !!this.expandedValuesMap[path];
+        const shouldTruncate = this.truncateValues && !isExpanded;
         if (typeof value === 'string') {
-            return value.length > this.maxStringLength ?
-                `"${value.substring(0, this.maxStringLength)}..."` :
-                `"${value}"`;
+            if (shouldTruncate && value.length > this.maxStringLength) {
+                return `"${value.substring(0, this.maxStringLength)}..."`;
+            }
+            return `"${value}"`;
         }
         if (typeof value === 'object') {
             try {
                 const json = JSON.stringify(value, null, 2);
-                return json.length > 200 ? json.substring(0, 200) + '...' : json;
+                if (shouldTruncate && json.length > 200) {
+                    // Show a preview for objects
+                    const preview = JSON.stringify(value).substring(0, 50);
+                    return `${preview}... (${this.getObjectSize(value)} properties)`;
+                }
+                return json;
             }
             catch {
                 return String(value);
@@ -387,11 +526,72 @@ export class DeepDiffComponent {
         }
         return String(value);
     }
+    isValueTruncated(value, path) {
+        if (!this.truncateValues || this.expandedValuesMap[path]) {
+            return false;
+        }
+        if (typeof value === 'string') {
+            return value.length > this.maxStringLength;
+        }
+        if (typeof value === 'object' && value !== null) {
+            try {
+                const json = JSON.stringify(value, null, 2);
+                return json.length > 200;
+            }
+            catch {
+                return false;
+            }
+        }
+        return false;
+    }
+    toggleValueExpansion(path, event) {
+        event.stopPropagation();
+        // Create a new object to trigger change detection
+        this.expandedValuesMap = {
+            ...this.expandedValuesMap,
+            [path]: !this.expandedValuesMap[path]
+        };
+        // Force change detection
+        this.cdr.markForCheck();
+    }
+    getObjectSize(obj) {
+        if (Array.isArray(obj)) {
+            return obj.length;
+        }
+        return Object.keys(obj).length;
+    }
     copyToClipboard(text) {
         navigator.clipboard.writeText(text).then(() => {
             // Could add a toast notification here
         });
     }
+    isExpanded(path) {
+        return !!this.expandedValuesMap[path];
+    }
+    copyValueToClipboard(value, event) {
+        event.stopPropagation();
+        let textToCopy;
+        if (value === undefined) {
+            textToCopy = 'undefined';
+        }
+        else if (value === null) {
+            textToCopy = 'null';
+        }
+        else if (typeof value === 'object') {
+            try {
+                textToCopy = JSON.stringify(value, null, 2);
+            }
+            catch {
+                textToCopy = String(value);
+            }
+        }
+        else {
+            textToCopy = String(value);
+        }
+        navigator.clipboard.writeText(textToCopy).then(() => {
+            // Could add a toast notification here
+        });
+    }
     exportDiff() {
         if (!this.diffResult)
             return;
@@ -404,7 +604,7 @@ export class DeepDiffComponent {
         URL.revokeObjectURL(url);
     }
     static ɵfac = function DeepDiffComponent_Factory(t) { return new (t || DeepDiffComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeepDiffComponent, selectors: [["mj-deep-diff"]], inputs: { oldValue: "oldValue", newValue: "newValue", title: "title", showSummary: "showSummary", showUnchanged: "showUnchanged", expandAll: "expandAll", maxDepth: "maxDepth", maxStringLength: "maxStringLength" }, features: [i0.ɵɵNgOnChangesFeature], decls: 36, vars: 13, consts: [["diffItem", ""], [1, "deep-diff-container"], [1, "diff-header"], [1, "header-content"], [1, "diff-title"], [1, "fa-solid", "fa-code-branch"], [1, "header-actions"], ["title", "Expand All", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-expand"], ["title", "Collapse All", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-compress"], ["title", "Export Diff", 1, "btn-icon", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "diff-summary"], [1, "diff-filters"], [1, "filter-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Filter by path or description...", 1, "filter-input", 3, "ngModelChange", "ngModel"], [1, "filter-types"], [1, "filter-btn", 3, "click"], [1, "filter-btn", "added", 3, "click"], [1, "fa-solid", "fa-plus-circle"], [1, "filter-btn", "removed", 3, "click"], [1, "fa-solid", "fa-minus-circle"], [1, "filter-btn", "modified", 3, "click"], [1, "fa-solid", "fa-edit"], [1, "diff-content"], [1, "empty-state"], [1, "diff-tree"], [1, "summary-item", "added"], [1, "count"], [1, "label"], [1, "summary-item", "removed"], [1, "summary-item", "modified"], [1, "summary-item", "unchanged"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-code-compare", "fa-3x"], [1, "fa-solid", "fa-filter", "fa-3x"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "diff-item"], [1, "item-header", 3, "click"], [1, "fa-solid", "fa-chevron-right", "expand-icon", 3, "expanded"], [1, "expand-spacer"], [1, "fa-solid", "type-icon", 3, "ngClass"], [1, "item-path"], [1, "item-description"], ["title", "Copy path", 1, "btn-copy", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "value-details"], [1, "item-children"], [1, "fa-solid", "fa-chevron-right", "expand-icon"], [1, "value-row", "old"], [1, "value-label"], [1, "value-content"], [1, "value-row", "new"]], template: function DeepDiffComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeepDiffComponent, selectors: [["mj-deep-diff"]], inputs: { oldValue: "oldValue", newValue: "newValue", showUnchanged: "showUnchanged", maxDepth: "maxDepth", maxStringLength: "maxStringLength", treatNullAsUndefined: "treatNullAsUndefined", title: "title", showSummary: "showSummary", expandAll: "expandAll", truncateValues: "truncateValues" }, decls: 36, vars: 13, consts: [["diffItem", ""], [1, "deep-diff-container"], [1, "diff-header"], [1, "header-content"], [1, "diff-title"], [1, "fa-solid", "fa-code-branch"], [1, "header-actions"], ["title", "Expand All", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-expand"], ["title", "Collapse All", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-compress"], ["title", "Export Diff", 1, "btn-icon", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "diff-summary"], [1, "diff-filters"], [1, "filter-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Filter by path or description...", 1, "filter-input", 3, "ngModelChange", "ngModel"], [1, "filter-types"], [1, "filter-btn", 3, "click"], [1, "filter-btn", "added", 3, "click"], [1, "fa-solid", "fa-plus-circle"], [1, "filter-btn", "removed", 3, "click"], [1, "fa-solid", "fa-minus-circle"], [1, "filter-btn", "modified", 3, "click"], [1, "fa-solid", "fa-edit"], [1, "diff-content"], [1, "empty-state"], [1, "diff-tree"], [1, "summary-item", "added"], [1, "count"], [1, "label"], [1, "summary-item", "removed"], [1, "summary-item", "modified"], [1, "summary-item", "unchanged"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-code-compare", "fa-3x"], [1, "fa-solid", "fa-filter", "fa-3x"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "diff-item"], [1, "item-header", 3, "click"], [1, "fa-solid", "fa-chevron-right", "expand-icon", 3, "expanded"], [1, "expand-spacer"], [1, "fa-solid", "type-icon", 3, "ngClass"], [1, "item-path"], [1, "item-description"], ["title", "Copy path", 1, "btn-copy", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "value-details"], [1, "item-children"], [1, "fa-solid", "fa-chevron-right", "expand-icon"], [1, "value-row", "old"], [1, "value-label"], [1, "value-content"], ["title", "Copy value", 1, "btn-copy", 3, "click"], [1, "btn-expand-value", 3, "title"], [1, "value-row", "new"], [1, "btn-expand-value", 3, "click", "title"], [1, "fa-solid", 3, "ngClass"]], template: function DeepDiffComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "h2", 4);
             i0.ɵɵelement(4, "i", 5);
@@ -471,27 +671,31 @@ export class DeepDiffComponent {
             i0.ɵɵclassProp("active", ctx.filterType === "modified");
             i0.ɵɵadvance(4);
             i0.ɵɵconditional(!ctx.diffResult ? 31 : ctx.filteredItems.length === 0 ? 32 : 33);
-        } }, dependencies: [i1.NgClass, i1.NgTemplateOutlet, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], styles: ["\n\n.deep-diff-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n\n\n.diff-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  padding: 20px;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.diff-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.diff-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3498db;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.btn-icon[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n\n\n.diff-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: white;\n  border-radius: 20px;\n  font-size: 14px;\n  border: 1px solid #e9ecef;\n  transition: all 0.2s ease;\n}\n\n.summary-item[_ngcontent-%COMP%]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.summary-item[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.summary-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n.summary-item.added[_ngcontent-%COMP%] {\n  border-color: #d4edda;\n  background: #f4fdf6;\n}\n\n.summary-item.added[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.added[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #28a745;\n}\n\n.summary-item.removed[_ngcontent-%COMP%] {\n  border-color: #f8d7da;\n  background: #fef5f6;\n}\n\n.summary-item.removed[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.removed[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.summary-item.modified[_ngcontent-%COMP%] {\n  border-color: #cce5ff;\n  background: #f0f7ff;\n}\n\n.summary-item.modified[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.modified[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #007bff;\n}\n\n.summary-item.unchanged[_ngcontent-%COMP%] {\n  border-color: #e2e3e5;\n  background: #f8f9fa;\n}\n\n.summary-item.unchanged[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.unchanged[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n\n\n\n.diff-filters[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.filter-search[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 250px;\n  position: relative;\n}\n\n.filter-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.filter-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 8px 12px 8px 36px;\n  border: 1px solid #dee2e6;\n  border-radius: 8px;\n  font-size: 14px;\n  transition: all 0.2s ease;\n}\n\n.filter-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #3498db;\n  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n}\n\n.filter-types[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 6px 14px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: #3498db;\n  color: white;\n  border-color: #3498db;\n}\n\n.filter-btn.added.active[_ngcontent-%COMP%] {\n  background: #28a745;\n  border-color: #28a745;\n}\n\n.filter-btn.removed.active[_ngcontent-%COMP%] {\n  background: #dc3545;\n  border-color: #dc3545;\n}\n\n.filter-btn.modified.active[_ngcontent-%COMP%] {\n  background: #007bff;\n  border-color: #007bff;\n}\n\n\n\n.diff-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  background: white;\n  padding: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  opacity: 0.2;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n}\n\n\n\n.diff-tree[_ngcontent-%COMP%] {\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 13px;\n}\n\n.diff-item[_ngcontent-%COMP%] {\n  margin-bottom: 2px;\n  transition: all 0.2s ease;\n}\n\n.item-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n\n.item-header[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n  transition: transform 0.2s ease;\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.expand-icon.expanded[_ngcontent-%COMP%] {\n  transform: rotate(90deg);\n}\n\n.expand-spacer[_ngcontent-%COMP%] {\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.type-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.item-path[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #2c3e50;\n  margin-right: 8px;\n  word-break: break-word;\n}\n\n.item-description[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 12px;\n  flex: 1;\n}\n\n.btn-copy[_ngcontent-%COMP%] {\n  opacity: 0;\n  background: none;\n  border: none;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.item-header[_ngcontent-%COMP%]:hover   .btn-copy[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.btn-copy[_ngcontent-%COMP%]:hover {\n  background: #e9ecef;\n  color: #495057;\n}\n\n\n\n.diff-item.added[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #28a745;\n}\n\n.diff-item.removed[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.diff-item.modified[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #007bff;\n}\n\n.diff-item.unchanged[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n\n\n\n.value-details[_ngcontent-%COMP%] {\n  margin: 8px 0 0 44px;\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n}\n\n.value-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 8px;\n  align-items: flex-start;\n}\n\n.value-row[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.value-label[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #495057;\n  min-width: 40px;\n  font-size: 12px;\n  padding-top: 2px;\n}\n\n.value-content[_ngcontent-%COMP%] {\n  flex: 1;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #2c3e50;\n  background: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  border: 1px solid #dee2e6;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.value-row.old[_ngcontent-%COMP%]   .value-content[_ngcontent-%COMP%] {\n  background: #fef5f6;\n  border-color: #f8d7da;\n  color: #721c24;\n}\n\n.value-row.new[_ngcontent-%COMP%]   .value-content[_ngcontent-%COMP%] {\n  background: #f4fdf6;\n  border-color: #d4edda;\n  color: #155724;\n}\n\n\n\n.item-children[_ngcontent-%COMP%] {\n  margin-top: 2px;\n  position: relative;\n}\n\n.item-children[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: #e9ecef;\n}\n\n\n\n@media (max-width: 768px) {\n  .diff-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .diff-filters[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-search[_ngcontent-%COMP%] {\n    min-width: 100%;\n  }\n\n  .filter-types[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n\n  .value-details[_ngcontent-%COMP%] {\n    margin-left: 20px;\n  }\n}"] });
+        } }, dependencies: [i1.NgClass, i1.NgTemplateOutlet, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], styles: ["\n\n.deep-diff-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n\n\n.diff-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  padding: 20px;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.diff-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.diff-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3498db;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.btn-icon[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n\n\n.diff-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: white;\n  border-radius: 20px;\n  font-size: 14px;\n  border: 1px solid #e9ecef;\n  transition: all 0.2s ease;\n}\n\n.summary-item[_ngcontent-%COMP%]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.summary-item[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.summary-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n.summary-item.added[_ngcontent-%COMP%] {\n  border-color: #d4edda;\n  background: #f4fdf6;\n}\n\n.summary-item.added[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.added[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #28a745;\n}\n\n.summary-item.removed[_ngcontent-%COMP%] {\n  border-color: #f8d7da;\n  background: #fef5f6;\n}\n\n.summary-item.removed[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.removed[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.summary-item.modified[_ngcontent-%COMP%] {\n  border-color: #cce5ff;\n  background: #f0f7ff;\n}\n\n.summary-item.modified[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.modified[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #007bff;\n}\n\n.summary-item.unchanged[_ngcontent-%COMP%] {\n  border-color: #e2e3e5;\n  background: #f8f9fa;\n}\n\n.summary-item.unchanged[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.summary-item.unchanged[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n\n\n\n.diff-filters[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.filter-search[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 250px;\n  position: relative;\n}\n\n.filter-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.filter-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 8px 12px 8px 36px;\n  border: 1px solid #dee2e6;\n  border-radius: 8px;\n  font-size: 14px;\n  transition: all 0.2s ease;\n}\n\n.filter-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #3498db;\n  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n}\n\n.filter-types[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 6px 14px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: #3498db;\n  color: white;\n  border-color: #3498db;\n}\n\n.filter-btn.added.active[_ngcontent-%COMP%] {\n  background: #28a745;\n  border-color: #28a745;\n}\n\n.filter-btn.removed.active[_ngcontent-%COMP%] {\n  background: #dc3545;\n  border-color: #dc3545;\n}\n\n.filter-btn.modified.active[_ngcontent-%COMP%] {\n  background: #007bff;\n  border-color: #007bff;\n}\n\n\n\n.diff-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  background: white;\n  padding: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  opacity: 0.2;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n}\n\n\n\n.diff-tree[_ngcontent-%COMP%] {\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 13px;\n}\n\n.diff-item[_ngcontent-%COMP%] {\n  margin-bottom: 2px;\n  transition: all 0.2s ease;\n}\n\n.item-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n\n.item-header[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n  transition: transform 0.2s ease;\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.expand-icon.expanded[_ngcontent-%COMP%] {\n  transform: rotate(90deg);\n}\n\n.expand-spacer[_ngcontent-%COMP%] {\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.type-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.item-path[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #2c3e50;\n  margin-right: 8px;\n  word-break: break-word;\n}\n\n.item-description[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 12px;\n  flex: 1;\n}\n\n.btn-copy[_ngcontent-%COMP%] {\n  opacity: 0;\n  background: none;\n  border: none;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.item-header[_ngcontent-%COMP%]:hover   .btn-copy[_ngcontent-%COMP%], \n.value-row[_ngcontent-%COMP%]:hover   .btn-copy[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.btn-copy[_ngcontent-%COMP%]:hover {\n  background: #e9ecef;\n  color: #495057;\n}\n\n\n\n.value-row[_ngcontent-%COMP%]   .btn-copy[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  margin-left: 8px;\n}\n\n\n\n.diff-item.added[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #28a745;\n}\n\n.diff-item.removed[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.diff-item.modified[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #007bff;\n}\n\n.diff-item.unchanged[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n\n\n\n.value-details[_ngcontent-%COMP%] {\n  margin: 8px 0 0 44px;\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n}\n\n.value-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 8px;\n  align-items: flex-start;\n  position: relative;\n}\n\n.value-row[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.value-label[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #495057;\n  min-width: 40px;\n  font-size: 12px;\n  padding-top: 2px;\n}\n\n.value-content[_ngcontent-%COMP%] {\n  flex: 1;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #2c3e50;\n  background: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  border: 1px solid #dee2e6;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.value-row.old[_ngcontent-%COMP%]   .value-content[_ngcontent-%COMP%] {\n  background: #fef5f6;\n  border-color: #f8d7da;\n  color: #721c24;\n}\n\n.value-row.new[_ngcontent-%COMP%]   .value-content[_ngcontent-%COMP%] {\n  background: #f4fdf6;\n  border-color: #d4edda;\n  color: #155724;\n}\n\n\n\n.btn-expand-value[_ngcontent-%COMP%] {\n  background: none;\n  border: 1px solid #dee2e6;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 11px;\n  flex-shrink: 0;\n  margin-left: 8px;\n}\n\n.btn-expand-value[_ngcontent-%COMP%]:hover {\n  background: #e9ecef;\n  color: #495057;\n  border-color: #adb5bd;\n}\n\n.btn-expand-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.item-children[_ngcontent-%COMP%] {\n  margin-top: 2px;\n  position: relative;\n}\n\n.item-children[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: #e9ecef;\n}\n\n\n\n@media (max-width: 768px) {\n  .diff-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .diff-filters[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-search[_ngcontent-%COMP%] {\n    min-width: 100%;\n  }\n\n  .filter-types[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n\n  .value-details[_ngcontent-%COMP%] {\n    margin-left: 20px;\n  }\n}"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeepDiffComponent, [{
         type: Component,
-        args: [{ selector: 'mj-deep-diff', template: "<div class=\"deep-diff-container\">\n  <!-- Header -->\n  <div class=\"diff-header\">\n    <div class=\"header-content\">\n      <h2 class=\"diff-title\">\n        <i class=\"fa-solid fa-code-branch\"></i>\n        {{ title }}\n      </h2>\n      <div class=\"header-actions\">\n        <button class=\"btn-icon\" (click)=\"expandAllItems()\" title=\"Expand All\">\n          <i class=\"fa-solid fa-expand\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"collapseAllItems()\" title=\"Collapse All\">\n          <i class=\"fa-solid fa-compress\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"exportDiff()\" title=\"Export Diff\" [disabled]=\"!diffResult\">\n          <i class=\"fa-solid fa-download\"></i>\n        </button>\n      </div>\n    </div>\n\n    <!-- Summary -->\n    @if (showSummary && diffResult) {\n      <div class=\"diff-summary\">\n        <div class=\"summary-item added\">\n          <i class=\"fa-solid fa-plus-circle\"></i>\n          <span class=\"count\">{{ diffResult.summary.added }}</span>\n          <span class=\"label\">Added</span>\n        </div>\n        <div class=\"summary-item removed\">\n          <i class=\"fa-solid fa-minus-circle\"></i>\n          <span class=\"count\">{{ diffResult.summary.removed }}</span>\n          <span class=\"label\">Removed</span>\n        </div>\n        <div class=\"summary-item modified\">\n          <i class=\"fa-solid fa-edit\"></i>\n          <span class=\"count\">{{ diffResult.summary.modified }}</span>\n          <span class=\"label\">Modified</span>\n        </div>\n        @if (showUnchanged) {\n          <div class=\"summary-item unchanged\">\n            <i class=\"fa-solid fa-check-circle\"></i>\n            <span class=\"count\">{{ diffResult.summary.unchanged }}</span>\n            <span class=\"label\">Unchanged</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Filters -->\n  <div class=\"diff-filters\">\n    <div class=\"filter-search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input \n        type=\"text\" \n        [(ngModel)]=\"filter\" \n        placeholder=\"Filter by path or description...\"\n        class=\"filter-input\">\n    </div>\n    <div class=\"filter-types\">\n      <button \n        class=\"filter-btn\"\n        [class.active]=\"filterType === 'all'\"\n        (click)=\"filterType = 'all'\">\n        All Changes\n      </button>\n      <button \n        class=\"filter-btn added\"\n        [class.active]=\"filterType === 'added'\"\n        (click)=\"filterType = 'added'\">\n        <i class=\"fa-solid fa-plus-circle\"></i>\n        Added\n      </button>\n      <button \n        class=\"filter-btn removed\"\n        [class.active]=\"filterType === 'removed'\"\n        (click)=\"filterType = 'removed'\">\n        <i class=\"fa-solid fa-minus-circle\"></i>\n        Removed\n      </button>\n      <button \n        class=\"filter-btn modified\"\n        [class.active]=\"filterType === 'modified'\"\n        (click)=\"filterType = 'modified'\">\n        <i class=\"fa-solid fa-edit\"></i>\n        Modified\n      </button>\n    </div>\n  </div>\n\n  <!-- Diff Content -->\n  <div class=\"diff-content\">\n    @if (!diffResult) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-code-compare fa-3x\"></i>\n        <p>No data to compare</p>\n      </div>\n    } @else if (filteredItems.length === 0) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-filter fa-3x\"></i>\n        <p>No changes match your filter criteria</p>\n      </div>\n    } @else {\n      <div class=\"diff-tree\">\n        @for (item of filteredItems; track item.path) {\n          <ng-container *ngTemplateOutlet=\"diffItem; context: { item: item, level: 0 }\"></ng-container>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Recursive Template for Diff Items -->\n<ng-template #diffItem let-item=\"item\" let-level=\"level\">\n  <div class=\"diff-item\" [class]=\"getTypeClass(item.type)\" [style.padding-left.px]=\"level * 24\">\n    <div class=\"item-header\" (click)=\"toggleItem(item)\">\n      @if (item.children.length > 0) {\n        <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"item.isExpanded\"></i>\n      } @else {\n        <span class=\"expand-spacer\"></span>\n      }\n      \n      <i class=\"fa-solid type-icon\" [ngClass]=\"getIcon(item.type)\"></i>\n      \n      <span class=\"item-path\">{{ item.path }}</span>\n      \n      <span class=\"item-description\">{{ item.description }}</span>\n      \n      <button class=\"btn-copy\" (click)=\"copyToClipboard(item.path); $event.stopPropagation()\" title=\"Copy path\">\n        <i class=\"fa-solid fa-copy\"></i>\n      </button>\n    </div>\n\n    <!-- Value Details -->\n    @if (item.type === 'modified') {\n      <div class=\"value-details\">\n        <div class=\"value-row old\">\n          <span class=\"value-label\">Old:</span>\n          <code class=\"value-content\">{{ formatValue(item.oldValue) }}</code>\n        </div>\n        <div class=\"value-row new\">\n          <span class=\"value-label\">New:</span>\n          <code class=\"value-content\">{{ formatValue(item.newValue) }}</code>\n        </div>\n      </div>\n    } @else if (item.type === 'added') {\n      <div class=\"value-details\">\n        <div class=\"value-row new\">\n          <span class=\"value-label\">Value:</span>\n          <code class=\"value-content\">{{ formatValue(item.newValue) }}</code>\n        </div>\n      </div>\n    } @else if (item.type === 'removed') {\n      <div class=\"value-details\">\n        <div class=\"value-row old\">\n          <span class=\"value-label\">Value:</span>\n          <code class=\"value-content\">{{ formatValue(item.oldValue) }}</code>\n        </div>\n      </div>\n    }\n\n    <!-- Children -->\n    @if (item.isExpanded && item.children.length > 0) {\n      <div class=\"item-children\">\n        @for (child of item.children; track child.path) {\n          <ng-container *ngTemplateOutlet=\"diffItem; context: { item: child, level: level + 1 }\"></ng-container>\n        }\n      </div>\n    }\n  </div>\n</ng-template>", styles: ["/* Deep Diff Component Styles */\n.deep-diff-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n/* Header */\n.diff-header {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  padding: 20px;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.diff-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.diff-title i {\n  color: #3498db;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.btn-icon:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.btn-icon:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Summary */\n.diff-summary {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.summary-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: white;\n  border-radius: 20px;\n  font-size: 14px;\n  border: 1px solid #e9ecef;\n  transition: all 0.2s ease;\n}\n\n.summary-item:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.summary-item i {\n  font-size: 16px;\n}\n\n.summary-item .count {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.summary-item .label {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n.summary-item.added {\n  border-color: #d4edda;\n  background: #f4fdf6;\n}\n\n.summary-item.added i,\n.summary-item.added .count {\n  color: #28a745;\n}\n\n.summary-item.removed {\n  border-color: #f8d7da;\n  background: #fef5f6;\n}\n\n.summary-item.removed i,\n.summary-item.removed .count {\n  color: #dc3545;\n}\n\n.summary-item.modified {\n  border-color: #cce5ff;\n  background: #f0f7ff;\n}\n\n.summary-item.modified i,\n.summary-item.modified .count {\n  color: #007bff;\n}\n\n.summary-item.unchanged {\n  border-color: #e2e3e5;\n  background: #f8f9fa;\n}\n\n.summary-item.unchanged i,\n.summary-item.unchanged .count {\n  color: #6c757d;\n}\n\n/* Filters */\n.diff-filters {\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.filter-search {\n  flex: 1;\n  min-width: 250px;\n  position: relative;\n}\n\n.filter-search i {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.filter-input {\n  width: 100%;\n  padding: 8px 12px 8px 36px;\n  border: 1px solid #dee2e6;\n  border-radius: 8px;\n  font-size: 14px;\n  transition: all 0.2s ease;\n}\n\n.filter-input:focus {\n  outline: none;\n  border-color: #3498db;\n  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n}\n\n.filter-types {\n  display: flex;\n  gap: 8px;\n}\n\n.filter-btn {\n  padding: 6px 14px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n}\n\n.filter-btn.active {\n  background: #3498db;\n  color: white;\n  border-color: #3498db;\n}\n\n.filter-btn.added.active {\n  background: #28a745;\n  border-color: #28a745;\n}\n\n.filter-btn.removed.active {\n  background: #dc3545;\n  border-color: #dc3545;\n}\n\n.filter-btn.modified.active {\n  background: #007bff;\n  border-color: #007bff;\n}\n\n/* Content Area */\n.diff-content {\n  flex: 1;\n  overflow-y: auto;\n  background: white;\n  padding: 16px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.empty-state i {\n  opacity: 0.2;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 16px;\n}\n\n/* Diff Tree */\n.diff-tree {\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 13px;\n}\n\n.diff-item {\n  margin-bottom: 2px;\n  transition: all 0.2s ease;\n}\n\n.item-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n\n.item-header:hover {\n  background: #f8f9fa;\n}\n\n.expand-icon {\n  font-size: 10px;\n  color: #6c757d;\n  transition: transform 0.2s ease;\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.expand-icon.expanded {\n  transform: rotate(90deg);\n}\n\n.expand-spacer {\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.type-icon {\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.item-path {\n  font-weight: 600;\n  color: #2c3e50;\n  margin-right: 8px;\n  word-break: break-word;\n}\n\n.item-description {\n  color: #6c757d;\n  font-size: 12px;\n  flex: 1;\n}\n\n.btn-copy {\n  opacity: 0;\n  background: none;\n  border: none;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.item-header:hover .btn-copy {\n  opacity: 1;\n}\n\n.btn-copy:hover {\n  background: #e9ecef;\n  color: #495057;\n}\n\n/* Type-specific styling */\n.diff-item.added .type-icon {\n  color: #28a745;\n}\n\n.diff-item.removed .type-icon {\n  color: #dc3545;\n}\n\n.diff-item.modified .type-icon {\n  color: #007bff;\n}\n\n.diff-item.unchanged .type-icon {\n  color: #6c757d;\n}\n\n/* Value Details */\n.value-details {\n  margin: 8px 0 0 44px;\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n}\n\n.value-row {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 8px;\n  align-items: flex-start;\n}\n\n.value-row:last-child {\n  margin-bottom: 0;\n}\n\n.value-label {\n  font-weight: 600;\n  color: #495057;\n  min-width: 40px;\n  font-size: 12px;\n  padding-top: 2px;\n}\n\n.value-content {\n  flex: 1;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #2c3e50;\n  background: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  border: 1px solid #dee2e6;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.value-row.old .value-content {\n  background: #fef5f6;\n  border-color: #f8d7da;\n  color: #721c24;\n}\n\n.value-row.new .value-content {\n  background: #f4fdf6;\n  border-color: #d4edda;\n  color: #155724;\n}\n\n/* Children */\n.item-children {\n  margin-top: 2px;\n  position: relative;\n}\n\n.item-children::before {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: #e9ecef;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .diff-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .diff-filters {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-search {\n    min-width: 100%;\n  }\n\n  .filter-types {\n    flex-wrap: wrap;\n  }\n\n  .value-details {\n    margin-left: 20px;\n  }\n}"] }]
+        args: [{ selector: 'mj-deep-diff', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"deep-diff-container\">\n  <!-- Header -->\n  <div class=\"diff-header\">\n    <div class=\"header-content\">\n      <h2 class=\"diff-title\">\n        <i class=\"fa-solid fa-code-branch\"></i>\n        {{ title }}\n      </h2>\n      <div class=\"header-actions\">\n        <button class=\"btn-icon\" (click)=\"expandAllItems()\" title=\"Expand All\">\n          <i class=\"fa-solid fa-expand\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"collapseAllItems()\" title=\"Collapse All\">\n          <i class=\"fa-solid fa-compress\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"exportDiff()\" title=\"Export Diff\" [disabled]=\"!diffResult\">\n          <i class=\"fa-solid fa-download\"></i>\n        </button>\n      </div>\n    </div>\n\n    <!-- Summary -->\n    @if (showSummary && diffResult) {\n      <div class=\"diff-summary\">\n        <div class=\"summary-item added\">\n          <i class=\"fa-solid fa-plus-circle\"></i>\n          <span class=\"count\">{{ diffResult.summary.added }}</span>\n          <span class=\"label\">Added</span>\n        </div>\n        <div class=\"summary-item removed\">\n          <i class=\"fa-solid fa-minus-circle\"></i>\n          <span class=\"count\">{{ diffResult.summary.removed }}</span>\n          <span class=\"label\">Removed</span>\n        </div>\n        <div class=\"summary-item modified\">\n          <i class=\"fa-solid fa-edit\"></i>\n          <span class=\"count\">{{ diffResult.summary.modified }}</span>\n          <span class=\"label\">Modified</span>\n        </div>\n        @if (showUnchanged) {\n          <div class=\"summary-item unchanged\">\n            <i class=\"fa-solid fa-check-circle\"></i>\n            <span class=\"count\">{{ diffResult.summary.unchanged }}</span>\n            <span class=\"label\">Unchanged</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Filters -->\n  <div class=\"diff-filters\">\n    <div class=\"filter-search\">\n      <i class=\"fa-solid fa-search\"></i>\n      <input \n        type=\"text\" \n        [(ngModel)]=\"filter\" \n        placeholder=\"Filter by path or description...\"\n        class=\"filter-input\">\n    </div>\n    <div class=\"filter-types\">\n      <button \n        class=\"filter-btn\"\n        [class.active]=\"filterType === 'all'\"\n        (click)=\"filterType = 'all'\">\n        All Changes\n      </button>\n      <button \n        class=\"filter-btn added\"\n        [class.active]=\"filterType === 'added'\"\n        (click)=\"filterType = 'added'\">\n        <i class=\"fa-solid fa-plus-circle\"></i>\n        Added\n      </button>\n      <button \n        class=\"filter-btn removed\"\n        [class.active]=\"filterType === 'removed'\"\n        (click)=\"filterType = 'removed'\">\n        <i class=\"fa-solid fa-minus-circle\"></i>\n        Removed\n      </button>\n      <button \n        class=\"filter-btn modified\"\n        [class.active]=\"filterType === 'modified'\"\n        (click)=\"filterType = 'modified'\">\n        <i class=\"fa-solid fa-edit\"></i>\n        Modified\n      </button>\n    </div>\n  </div>\n\n  <!-- Diff Content -->\n  <div class=\"diff-content\">\n    @if (!diffResult) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-code-compare fa-3x\"></i>\n        <p>No data to compare</p>\n      </div>\n    } @else if (filteredItems.length === 0) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-filter fa-3x\"></i>\n        <p>No changes match your filter criteria</p>\n      </div>\n    } @else {\n      <div class=\"diff-tree\">\n        @for (item of filteredItems; track item.path) {\n          <ng-container *ngTemplateOutlet=\"diffItem; context: { item: item, level: 0 }\"></ng-container>\n        }\n      </div>\n    }\n  </div>\n</div>\n\n<!-- Recursive Template for Diff Items -->\n<ng-template #diffItem let-item=\"item\" let-level=\"level\">\n  <div class=\"diff-item\" [class]=\"getTypeClass(item.type)\" [style.padding-left.px]=\"level * 24\">\n    <div class=\"item-header\" (click)=\"toggleItem(item)\">\n      @if (item.children.length > 0) {\n        <i class=\"fa-solid fa-chevron-right expand-icon\" [class.expanded]=\"item.isExpanded\"></i>\n      } @else {\n        <span class=\"expand-spacer\"></span>\n      }\n      \n      <i class=\"fa-solid type-icon\" [ngClass]=\"getIcon(item.type)\"></i>\n      \n      <span class=\"item-path\">{{ item.path }}</span>\n      \n      <span class=\"item-description\">{{ item.description }}</span>\n      \n      <button class=\"btn-copy\" (click)=\"copyToClipboard(item.path); $event.stopPropagation()\" title=\"Copy path\">\n        <i class=\"fa-solid fa-copy\"></i>\n      </button>\n    </div>\n\n    <!-- Value Details -->\n    @if (item.type === 'modified') {\n      <div class=\"value-details\">\n        <div class=\"value-row old\">\n          <span class=\"value-label\">Old:</span>\n          <code class=\"value-content\">{{ formatValue(item.oldValue, item.path + '_old') }}</code>\n          <button class=\"btn-copy\" (click)=\"copyValueToClipboard(item.oldValue, $event)\" title=\"Copy value\">\n            <i class=\"fa-solid fa-copy\"></i>\n          </button>\n          @if (isValueTruncated(item.oldValue, item.path + '_old') || isExpanded(item.path + '_old')) {\n            <button class=\"btn-expand-value\" \n                    (click)=\"toggleValueExpansion(item.path + '_old', $event)\" \n                    title=\"{{ isExpanded(item.path + '_old') ? 'Collapse' : 'Expand' }}\">\n              <i class=\"fa-solid\" \n                 [ngClass]=\"isExpanded(item.path + '_old') ? 'fa-compress-alt' : 'fa-expand-alt'\"></i>\n            </button>\n          }\n        </div>\n        <div class=\"value-row new\">\n          <span class=\"value-label\">New:</span>\n          <code class=\"value-content\">{{ formatValue(item.newValue, item.path + '_new') }}</code>\n          <button class=\"btn-copy\" (click)=\"copyValueToClipboard(item.newValue, $event)\" title=\"Copy value\">\n            <i class=\"fa-solid fa-copy\"></i>\n          </button>\n          @if (isValueTruncated(item.newValue, item.path + '_new') || isExpanded(item.path + '_new')) {\n            <button class=\"btn-expand-value\" \n                    (click)=\"toggleValueExpansion(item.path + '_new', $event)\"\n                    title=\"{{ isExpanded(item.path + '_new') ? 'Collapse' : 'Expand' }}\">\n              <i class=\"fa-solid\" \n                 [ngClass]=\"isExpanded(item.path + '_new') ? 'fa-compress-alt' : 'fa-expand-alt'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n    } @else if (item.type === 'added') {\n      <div class=\"value-details\">\n        <div class=\"value-row new\">\n          <span class=\"value-label\">Value:</span>\n          <code class=\"value-content\">{{ formatValue(item.newValue, item.path) }}</code>\n          <button class=\"btn-copy\" (click)=\"copyValueToClipboard(item.newValue, $event)\" title=\"Copy value\">\n            <i class=\"fa-solid fa-copy\"></i>\n          </button>\n          @if (isValueTruncated(item.newValue, item.path) || isExpanded(item.path)) {\n            <button class=\"btn-expand-value\" \n                    (click)=\"toggleValueExpansion(item.path, $event)\"\n                    title=\"{{ isExpanded(item.path) ? 'Collapse' : 'Expand' }}\">\n              <i class=\"fa-solid\" \n                 [ngClass]=\"isExpanded(item.path) ? 'fa-compress-alt' : 'fa-expand-alt'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n    } @else if (item.type === 'removed') {\n      <div class=\"value-details\">\n        <div class=\"value-row old\">\n          <span class=\"value-label\">Value:</span>\n          <code class=\"value-content\">{{ formatValue(item.oldValue, item.path) }}</code>\n          <button class=\"btn-copy\" (click)=\"copyValueToClipboard(item.oldValue, $event)\" title=\"Copy value\">\n            <i class=\"fa-solid fa-copy\"></i>\n          </button>\n          @if (isValueTruncated(item.oldValue, item.path) || isExpanded(item.path)) {\n            <button class=\"btn-expand-value\" \n                    (click)=\"toggleValueExpansion(item.path, $event)\"\n                    title=\"{{ isExpanded(item.path) ? 'Collapse' : 'Expand' }}\">\n              <i class=\"fa-solid\" \n                 [ngClass]=\"isExpanded(item.path) ? 'fa-compress-alt' : 'fa-expand-alt'\"></i>\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Children -->\n    @if (item.isExpanded && item.children.length > 0) {\n      <div class=\"item-children\">\n        @for (child of item.children; track child.path) {\n          <ng-container *ngTemplateOutlet=\"diffItem; context: { item: child, level: level + 1 }\"></ng-container>\n        }\n      </div>\n    }\n  </div>\n</ng-template>", styles: ["/* Deep Diff Component Styles */\n.deep-diff-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n/* Header */\n.diff-header {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  padding: 20px;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.diff-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.diff-title i {\n  color: #3498db;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.btn-icon:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.btn-icon:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Summary */\n.diff-summary {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.summary-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: white;\n  border-radius: 20px;\n  font-size: 14px;\n  border: 1px solid #e9ecef;\n  transition: all 0.2s ease;\n}\n\n.summary-item:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.summary-item i {\n  font-size: 16px;\n}\n\n.summary-item .count {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.summary-item .label {\n  color: #6c757d;\n  font-size: 13px;\n}\n\n.summary-item.added {\n  border-color: #d4edda;\n  background: #f4fdf6;\n}\n\n.summary-item.added i,\n.summary-item.added .count {\n  color: #28a745;\n}\n\n.summary-item.removed {\n  border-color: #f8d7da;\n  background: #fef5f6;\n}\n\n.summary-item.removed i,\n.summary-item.removed .count {\n  color: #dc3545;\n}\n\n.summary-item.modified {\n  border-color: #cce5ff;\n  background: #f0f7ff;\n}\n\n.summary-item.modified i,\n.summary-item.modified .count {\n  color: #007bff;\n}\n\n.summary-item.unchanged {\n  border-color: #e2e3e5;\n  background: #f8f9fa;\n}\n\n.summary-item.unchanged i,\n.summary-item.unchanged .count {\n  color: #6c757d;\n}\n\n/* Filters */\n.diff-filters {\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.filter-search {\n  flex: 1;\n  min-width: 250px;\n  position: relative;\n}\n\n.filter-search i {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #6c757d;\n  font-size: 14px;\n}\n\n.filter-input {\n  width: 100%;\n  padding: 8px 12px 8px 36px;\n  border: 1px solid #dee2e6;\n  border-radius: 8px;\n  font-size: 14px;\n  transition: all 0.2s ease;\n}\n\n.filter-input:focus {\n  outline: none;\n  border-color: #3498db;\n  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n}\n\n.filter-types {\n  display: flex;\n  gap: 8px;\n}\n\n.filter-btn {\n  padding: 6px 14px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n}\n\n.filter-btn.active {\n  background: #3498db;\n  color: white;\n  border-color: #3498db;\n}\n\n.filter-btn.added.active {\n  background: #28a745;\n  border-color: #28a745;\n}\n\n.filter-btn.removed.active {\n  background: #dc3545;\n  border-color: #dc3545;\n}\n\n.filter-btn.modified.active {\n  background: #007bff;\n  border-color: #007bff;\n}\n\n/* Content Area */\n.diff-content {\n  flex: 1;\n  overflow-y: auto;\n  background: white;\n  padding: 16px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.empty-state i {\n  opacity: 0.2;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 16px;\n}\n\n/* Diff Tree */\n.diff-tree {\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 13px;\n}\n\n.diff-item {\n  margin-bottom: 2px;\n  transition: all 0.2s ease;\n}\n\n.item-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n\n.item-header:hover {\n  background: #f8f9fa;\n}\n\n.expand-icon {\n  font-size: 10px;\n  color: #6c757d;\n  transition: transform 0.2s ease;\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.expand-icon.expanded {\n  transform: rotate(90deg);\n}\n\n.expand-spacer {\n  width: 12px;\n  flex-shrink: 0;\n}\n\n.type-icon {\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.item-path {\n  font-weight: 600;\n  color: #2c3e50;\n  margin-right: 8px;\n  word-break: break-word;\n}\n\n.item-description {\n  color: #6c757d;\n  font-size: 12px;\n  flex: 1;\n}\n\n.btn-copy {\n  opacity: 0;\n  background: none;\n  border: none;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 12px;\n}\n\n.item-header:hover .btn-copy,\n.value-row:hover .btn-copy {\n  opacity: 1;\n}\n\n.btn-copy:hover {\n  background: #e9ecef;\n  color: #495057;\n}\n\n/* Value row copy button */\n.value-row .btn-copy {\n  flex-shrink: 0;\n  margin-left: 8px;\n}\n\n/* Type-specific styling */\n.diff-item.added .type-icon {\n  color: #28a745;\n}\n\n.diff-item.removed .type-icon {\n  color: #dc3545;\n}\n\n.diff-item.modified .type-icon {\n  color: #007bff;\n}\n\n.diff-item.unchanged .type-icon {\n  color: #6c757d;\n}\n\n/* Value Details */\n.value-details {\n  margin: 8px 0 0 44px;\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n}\n\n.value-row {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 8px;\n  align-items: flex-start;\n  position: relative;\n}\n\n.value-row:last-child {\n  margin-bottom: 0;\n}\n\n.value-label {\n  font-weight: 600;\n  color: #495057;\n  min-width: 40px;\n  font-size: 12px;\n  padding-top: 2px;\n}\n\n.value-content {\n  flex: 1;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #2c3e50;\n  background: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  border: 1px solid #dee2e6;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.value-row.old .value-content {\n  background: #fef5f6;\n  border-color: #f8d7da;\n  color: #721c24;\n}\n\n.value-row.new .value-content {\n  background: #f4fdf6;\n  border-color: #d4edda;\n  color: #155724;\n}\n\n/* Expand/Collapse Value Button */\n.btn-expand-value {\n  background: none;\n  border: 1px solid #dee2e6;\n  color: #6c757d;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  font-size: 11px;\n  flex-shrink: 0;\n  margin-left: 8px;\n}\n\n.btn-expand-value:hover {\n  background: #e9ecef;\n  color: #495057;\n  border-color: #adb5bd;\n}\n\n.btn-expand-value i {\n  font-size: 10px;\n}\n\n/* Children */\n.item-children {\n  margin-top: 2px;\n  position: relative;\n}\n\n.item-children::before {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: #e9ecef;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .diff-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .diff-filters {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-search {\n    min-width: 100%;\n  }\n\n  .filter-types {\n    flex-wrap: wrap;\n  }\n\n  .value-details {\n    margin-left: 20px;\n  }\n}"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { oldValue: [{
             type: Input
         }], newValue: [{
             type: Input
+        }], showUnchanged: [{
+            type: Input
+        }], maxDepth: [{
+            type: Input
+        }], maxStringLength: [{
+            type: Input
+        }], treatNullAsUndefined: [{
+            type: Input
         }], title: [{
             type: Input
         }], showSummary: [{
             type: Input
-        }], showUnchanged: [{
-            type: Input
         }], expandAll: [{
             type: Input
-        }], maxDepth: [{
-            type: Input
-        }], maxStringLength: [{
+        }], truncateValues: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeepDiffComponent, { className: "DeepDiffComponent", filePath: "src/lib/deep-diff.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeepDiffComponent, { className: "DeepDiffComponent", filePath: "src/lib/deep-diff.component.ts", lineNumber: 17 }); })();
 //# sourceMappingURL=deep-diff.component.js.map

package/dist/lib/deep-diff.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"deep-diff.component.js","sourceRoot":"","sources":["../../src/lib/deep-diff.component.ts","../../src/lib/deep-diff.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"deep-diff.component.js","sourceRoot":"","sources":["../../src/lib/deep-diff.component.ts","../../src/lib/deep-diff.component.html"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-deep-diff",
-  "version": "2.66.0",
+  "version": "2.68.0",
   "description": "MemberJunction: Generic Angular component to display the differences between two objects, using the non-visual functionality from the @memberjunction/global package",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -23,8 +23,8 @@
     "@angular/core": "18.0.2"
   },
   "dependencies": {
-    "@memberjunction/core": "2.66.0",
-    "@memberjunction/global": "2.66.0",
+    "@memberjunction/core": "2.68.0",
+    "@memberjunction/global": "2.68.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false