@memberjunction/ng-entity-viewer 4.4.0 → 5.0.0

package/dist/lib/confirm-dialog/confirm-dialog.component.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Style variants for the confirm button
+ */
+export type ConfirmButtonStyle = 'primary' | 'danger';
+/**
+ * ConfirmDialogComponent - Generic reusable confirmation dialog
+ *
+ * Used for:
+ * - Delete view confirmation
+ * - Filter mode switch warning (data loss)
+ * - Revert unsaved changes
+ * - Any action requiring user confirmation
+ *
+ * Follows the same @if backdrop + .dialog-panel.open pattern as AggregateSetupDialogComponent.
+ *
+ * @example
+ * ```html
+ * <mj-ev-confirm-dialog
+ *   [IsOpen]="showDeleteConfirm"
+ *   Title="Delete View"
+ *   Message="Are you sure you want to delete this view?"
+ *   DetailMessage="This action cannot be undone."
+ *   ConfirmText="Delete"
+ *   ConfirmStyle="danger"
+ *   Icon="fa-solid fa-trash"
+ *   (Confirmed)="onDeleteConfirmed()"
+ *   (Cancelled)="showDeleteConfirm = false">
+ * </mj-ev-confirm-dialog>
+ * ```
+ */
+export declare class ConfirmDialogComponent {
+    /**
+     * Whether the dialog is open
+     */
+    IsOpen: boolean;
+    /**
+     * Dialog title
+     */
+    Title: string;
+    /**
+     * Primary message to display
+     */
+    Message: string;
+    /**
+     * Optional secondary detail message (shown smaller, below primary)
+     */
+    DetailMessage: string;
+    /**
+     * Text for the confirm button
+     * @default 'Confirm'
+     */
+    ConfirmText: string;
+    /**
+     * Text for the cancel button
+     * @default 'Cancel'
+     */
+    CancelText: string;
+    /**
+     * Style variant for the confirm button
+     * 'primary' = blue, 'danger' = red
+     * @default 'primary'
+     */
+    ConfirmStyle: ConfirmButtonStyle;
+    /**
+     * Font Awesome icon class for the dialog header
+     * @default 'fa-solid fa-circle-question'
+     */
+    Icon: string;
+    /**
+     * Emitted when user clicks the confirm button
+     */
+    Confirmed: EventEmitter<void>;
+    /**
+     * Emitted when user clicks cancel or backdrop
+     */
+    Cancelled: EventEmitter<void>;
+    OnConfirm(): void;
+    OnCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "mj-ev-confirm-dialog", never, { "IsOpen": { "alias": "IsOpen"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "Message": { "alias": "Message"; "required": false; }; "DetailMessage": { "alias": "DetailMessage"; "required": false; }; "ConfirmText": { "alias": "ConfirmText"; "required": false; }; "CancelText": { "alias": "CancelText"; "required": false; }; "ConfirmStyle": { "alias": "ConfirmStyle"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; }, { "Confirmed": "Confirmed"; "Cancelled": "Cancelled"; }, never, never, false, never>;
+}
+//# sourceMappingURL=confirm-dialog.component.d.ts.map

package/dist/lib/confirm-dialog/confirm-dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/confirm-dialog/confirm-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;;AAEvE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAMa,sBAAsB;IACjC;;OAEG;IACM,MAAM,EAAE,OAAO,CAAS;IAEjC;;OAEG;IACM,KAAK,EAAE,MAAM,CAAa;IAEnC;;OAEG;IACM,OAAO,EAAE,MAAM,CAAmB;IAE3C;;OAEG;IACM,aAAa,EAAE,MAAM,CAAM;IAEpC;;;OAGG;IACM,WAAW,EAAE,MAAM,CAAa;IAEzC;;;OAGG;IACM,UAAU,EAAE,MAAM,CAAY;IAEvC;;;;OAIG;IACM,YAAY,EAAE,kBAAkB,CAAa;IAEtD;;;OAGG;IACM,IAAI,EAAE,MAAM,CAAiC;IAEtD;;OAEG;IACO,SAAS,qBAA4B;IAE/C;;OAEG;IACO,SAAS,qBAA4B;IAE/C,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCA5DL,sBAAsB;2CAAtB,sBAAsB;CA+DlC"}

package/dist/lib/confirm-dialog/confirm-dialog.component.js

@@ -0,0 +1,166 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+function ConfirmDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵlistener("click", function ConfirmDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelementEnd();
+} }
+function ConfirmDialogComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.DetailMessage);
+} }
+/**
+ * ConfirmDialogComponent - Generic reusable confirmation dialog
+ *
+ * Used for:
+ * - Delete view confirmation
+ * - Filter mode switch warning (data loss)
+ * - Revert unsaved changes
+ * - Any action requiring user confirmation
+ *
+ * Follows the same @if backdrop + .dialog-panel.open pattern as AggregateSetupDialogComponent.
+ *
+ * @example
+ * ```html
+ * <mj-ev-confirm-dialog
+ *   [IsOpen]="showDeleteConfirm"
+ *   Title="Delete View"
+ *   Message="Are you sure you want to delete this view?"
+ *   DetailMessage="This action cannot be undone."
+ *   ConfirmText="Delete"
+ *   ConfirmStyle="danger"
+ *   Icon="fa-solid fa-trash"
+ *   (Confirmed)="onDeleteConfirmed()"
+ *   (Cancelled)="showDeleteConfirm = false">
+ * </mj-ev-confirm-dialog>
+ * ```
+ */
+export class ConfirmDialogComponent {
+    /**
+     * Whether the dialog is open
+     */
+    IsOpen = false;
+    /**
+     * Dialog title
+     */
+    Title = 'Confirm';
+    /**
+     * Primary message to display
+     */
+    Message = 'Are you sure?';
+    /**
+     * Optional secondary detail message (shown smaller, below primary)
+     */
+    DetailMessage = '';
+    /**
+     * Text for the confirm button
+     * @default 'Confirm'
+     */
+    ConfirmText = 'Confirm';
+    /**
+     * Text for the cancel button
+     * @default 'Cancel'
+     */
+    CancelText = 'Cancel';
+    /**
+     * Style variant for the confirm button
+     * 'primary' = blue, 'danger' = red
+     * @default 'primary'
+     */
+    ConfirmStyle = 'primary';
+    /**
+     * Font Awesome icon class for the dialog header
+     * @default 'fa-solid fa-circle-question'
+     */
+    Icon = 'fa-solid fa-circle-question';
+    /**
+     * Emitted when user clicks the confirm button
+     */
+    Confirmed = new EventEmitter();
+    /**
+     * Emitted when user clicks cancel or backdrop
+     */
+    Cancelled = new EventEmitter();
+    OnConfirm() {
+        this.Confirmed.emit();
+    }
+    OnCancel() {
+        this.Cancelled.emit();
+    }
+    static ɵfac = function ConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["mj-ev-confirm-dialog"]], inputs: { IsOpen: "IsOpen", Title: "Title", Message: "Message", DetailMessage: "DetailMessage", ConfirmText: "ConfirmText", CancelText: "CancelText", ConfirmStyle: "ConfirmStyle", Icon: "Icon" }, outputs: { Confirmed: "Confirmed", Cancelled: "Cancelled" }, standalone: false, decls: 18, vars: 14, consts: [[1, "dialog-backdrop"], [1, "dialog-panel"], [1, "dialog-header"], [1, "header-title"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [1, "message"], [1, "detail-message"], [1, "dialog-footer"], [1, "btn", "btn-confirm", 3, "click"], [1, "btn", "btn-cancel", 3, "click"], [1, "dialog-backdrop", 3, "click"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ConfirmDialogComponent_Conditional_0_Template, 1, 0, "div", 0);
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i");
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "button", 4);
+            i0.ɵɵlistener("click", function ConfirmDialogComponent_Template_button_click_7_listener() { return ctx.OnCancel(); });
+            i0.ɵɵelement(8, "i", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "div", 6)(10, "p", 7);
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, ConfirmDialogComponent_Conditional_12_Template, 2, 1, "p", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
+            i0.ɵɵlistener("click", function ConfirmDialogComponent_Template_button_click_14_listener() { return ctx.OnConfirm(); });
+            i0.ɵɵtext(15);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "button", 11);
+            i0.ɵɵlistener("click", function ConfirmDialogComponent_Template_button_click_16_listener() { return ctx.OnCancel(); });
+            i0.ɵɵtext(17);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("open", ctx.IsOpen);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassMap(ctx.Icon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.Title);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Message);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.DetailMessage ? 12 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("btn-primary", ctx.ConfirmStyle === "primary")("btn-danger", ctx.ConfirmStyle === "danger");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.ConfirmText, " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.CancelText, " ");
+        } }, styles: ["\n\n.dialog-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.dialog-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 420px;\n  max-width: calc(100vw - 40px);\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open[_ngcontent-%COMP%] {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f8fafc;\n  border-radius: 16px 16px 0 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n  font-size: 18px;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: #6b7280;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n.message[_ngcontent-%COMP%] {\n  font-size: 15px;\n  color: #374151;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.detail-message[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 12px 0 0 0;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 24px;\n  border-top: 1px solid #e5e7eb;\n  background: #f8fafc;\n  border-radius: 0 0 16px 16px;\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n  padding: 9px 20px;\n  border: none;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.btn-confirm.btn-primary[_ngcontent-%COMP%] {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-confirm.btn-primary[_ngcontent-%COMP%]:hover {\n  background: #2563eb;\n}\n\n.btn-confirm.btn-danger[_ngcontent-%COMP%] {\n  background: #ef4444;\n  color: white;\n}\n\n.btn-confirm.btn-danger[_ngcontent-%COMP%]:hover {\n  background: #dc2626;\n}\n\n.btn-cancel[_ngcontent-%COMP%] {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.btn-cancel[_ngcontent-%COMP%]:hover {\n  background: #e5e7eb;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-ev-confirm-dialog', template: "<!-- Dialog Backdrop -->\n@if (IsOpen) {\n  <div class=\"dialog-backdrop\" (click)=\"OnCancel()\"></div>\n}\n\n<!-- Dialog Panel -->\n<div class=\"dialog-panel\" [class.open]=\"IsOpen\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <div class=\"header-title\">\n      <i [class]=\"Icon\"></i>\n      <span>{{ Title }}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"OnCancel()\" title=\"Close\">\n      <i class=\"fa-solid fa-times\"></i>\n    </button>\n  </div>\n\n  <!-- Content -->\n  <div class=\"dialog-content\">\n    <p class=\"message\">{{ Message }}</p>\n    @if (DetailMessage) {\n      <p class=\"detail-message\">{{ DetailMessage }}</p>\n    }\n  </div>\n\n  <!-- Footer -->\n  <div class=\"dialog-footer\">\n    <button\n      class=\"btn btn-confirm\"\n      [class.btn-primary]=\"ConfirmStyle === 'primary'\"\n      [class.btn-danger]=\"ConfirmStyle === 'danger'\"\n      (click)=\"OnConfirm()\">\n      {{ ConfirmText }}\n    </button>\n    <button class=\"btn btn-cancel\" (click)=\"OnCancel()\">\n      {{ CancelText }}\n    </button>\n  </div>\n</div>\n", styles: ["/* Dialog Backdrop */\n.dialog-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Dialog Panel */\n.dialog-panel {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 420px;\n  max-width: calc(100vw - 40px);\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #f8fafc;\n  border-radius: 16px 16px 0 0;\n}\n\n.header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.header-title i {\n  color: #3b82f6;\n  font-size: 18px;\n}\n\n.close-btn {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: #6b7280;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n/* Dialog Content */\n.dialog-content {\n  padding: 24px;\n}\n\n.message {\n  font-size: 15px;\n  color: #374151;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.detail-message {\n  font-size: 13px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 12px 0 0 0;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 24px;\n  border-top: 1px solid #e5e7eb;\n  background: #f8fafc;\n  border-radius: 0 0 16px 16px;\n}\n\n/* Buttons */\n.btn {\n  padding: 9px 20px;\n  border: none;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.btn-confirm.btn-primary {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-confirm.btn-primary:hover {\n  background: #2563eb;\n}\n\n.btn-confirm.btn-danger {\n  background: #ef4444;\n  color: white;\n}\n\n.btn-confirm.btn-danger:hover {\n  background: #dc2626;\n}\n\n.btn-cancel {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.btn-cancel:hover {\n  background: #e5e7eb;\n}\n"] }]
+    }], null, { IsOpen: [{
+            type: Input
+        }], Title: [{
+            type: Input
+        }], Message: [{
+            type: Input
+        }], DetailMessage: [{
+            type: Input
+        }], ConfirmText: [{
+            type: Input
+        }], CancelText: [{
+            type: Input
+        }], ConfirmStyle: [{
+            type: Input
+        }], Icon: [{
+            type: Input
+        }], Confirmed: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "src/lib/confirm-dialog/confirm-dialog.component.ts", lineNumber: 40 }); })();
+//# sourceMappingURL=confirm-dialog.component.js.map

package/dist/lib/confirm-dialog/confirm-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.component.js","sourceRoot":"","sources":["../../../src/lib/confirm-dialog/confirm-dialog.component.ts","../../../src/lib/confirm-dialog/confirm-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;ICErE,+BAAkD;IAArB,uLAAS,iBAAU,KAAC;IAAC,iBAAM;;;IAoBpD,4BAA0B;IAAA,YAAmB;IAAA,iBAAI;;;IAAvB,cAAmB;IAAnB,0CAAmB;;ADfnD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAOH,MAAM,OAAO,sBAAsB;IACjC;;OAEG;IACM,MAAM,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACM,KAAK,GAAW,SAAS,CAAC;IAEnC;;OAEG;IACM,OAAO,GAAW,eAAe,CAAC;IAE3C;;OAEG;IACM,aAAa,GAAW,EAAE,CAAC;IAEpC;;;OAGG;IACM,WAAW,GAAW,SAAS,CAAC;IAEzC;;;OAGG;IACM,UAAU,GAAW,QAAQ,CAAC;IAEvC;;;;OAIG;IACM,YAAY,GAAuB,SAAS,CAAC;IAEtD;;;OAGG;IACM,IAAI,GAAW,6BAA6B,CAAC;IAEtD;;OAEG;IACO,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE/C;;OAEG;IACO,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE/C,SAAS;QACP,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;gHA9DU,sBAAsB;6DAAtB,sBAAsB;YCtCnC,wFAAc;YAQV,AADF,AAFF,8BAAgD,aAEnB,aACC;YACxB,oBAAsB;YACtB,4BAAM;YAAA,YAAW;YACnB,AADmB,iBAAO,EACpB;YACN,iCAA6D;YAAnC,mGAAS,cAAU,IAAC;YAC5C,uBAAiC;YAErC,AADE,iBAAS,EACL;YAIJ,AADF,8BAA4B,YACP;YAAA,aAAa;YAAA,iBAAI;YACpC,wFAAqB;YAGvB,iBAAM;YAIJ,AADF,+BAA2B,kBAKD;YAAtB,oGAAS,eAAW,IAAC;YACrB,aACF;YAAA,iBAAS;YACT,mCAAoD;YAArB,oGAAS,cAAU,IAAC;YACjD,aACF;YAEJ,AADE,AADE,iBAAS,EACL,EACF;;YAtCN,qCAEC;YAGyB,cAAqB;YAArB,kCAAqB;YAItC,eAAc;YAAd,uBAAc;YACX,eAAW;YAAX,+BAAW;YASA,eAAa;YAAb,iCAAa;YAChC,cAEC;YAFD,6CAEC;YAOC,eAAgD;YAChD,AADA,6DAAgD,6CACF;YAE9C,cACF;YADE,gDACF;YAEE,eACF;YADE,+CACF;;;iFDES,sBAAsB;cANlC,SAAS;6BACI,KAAK,YACP,sBAAsB;;kBAQ/B,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAML,KAAK;;kBAML,KAAK;;kBAOL,KAAK;;kBAML,KAAK;;kBAKL,MAAM;;kBAKN,MAAM;;kFAtDI,sBAAsB"}

package/dist/lib/duplicate-view-dialog/duplicate-view-dialog.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { ViewConfigSummary } from '../types';
+import * as i0 from "@angular/core";
+/**
+ * Event emitted when user confirms the duplicate action
+ */
+export interface DuplicateViewEvent {
+    /** The user-chosen name for the copy */
+    Name: string;
+}
+/**
+ * DuplicateViewDialogComponent - Modal for duplicating a view with a custom name
+ *
+ * Shows the source view name, allows renaming the copy, and displays
+ * a metadata summary (filters, columns, sorts) of what will be duplicated.
+ *
+ * @example
+ * ```html
+ * <mj-duplicate-view-dialog
+ *   [IsOpen]="showDuplicateDialog"
+ *   [SourceViewName]="viewToDuplicate?.Name"
+ *   [Summary]="duplicateSummary"
+ *   (Duplicate)="onDuplicateConfirmed($event)"
+ *   (Cancel)="showDuplicateDialog = false">
+ * </mj-duplicate-view-dialog>
+ * ```
+ */
+export declare class DuplicateViewDialogComponent implements OnChanges {
+    private cdr;
+    IsOpen: boolean;
+    SourceViewName: string;
+    Summary: ViewConfigSummary | null;
+    Duplicate: EventEmitter<DuplicateViewEvent>;
+    Cancel: EventEmitter<void>;
+    NewName: string;
+    NameTouched: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    OnDuplicate(): void;
+    OnCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DuplicateViewDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DuplicateViewDialogComponent, "mj-duplicate-view-dialog", never, { "IsOpen": { "alias": "IsOpen"; "required": false; }; "SourceViewName": { "alias": "SourceViewName"; "required": false; }; "Summary": { "alias": "Summary"; "required": false; }; }, { "Duplicate": "Duplicate"; "Cancel": "Cancel"; }, never, never, false, never>;
+}
+//# sourceMappingURL=duplicate-view-dialog.component.d.ts.map

package/dist/lib/duplicate-view-dialog/duplicate-view-dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duplicate-view-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/duplicate-view-dialog/duplicate-view-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;;AAE7C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAMa,4BAA6B,YAAW,SAAS;IAWhD,OAAO,CAAC,GAAG;IAVd,MAAM,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,MAAM,CAAM;IAC5B,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAExC,SAAS,mCAA0C;IACnD,MAAM,qBAA4B;IAErC,OAAO,EAAE,MAAM,CAAM;IACrB,WAAW,EAAE,OAAO,CAAS;gBAEhB,GAAG,EAAE,iBAAiB;IAE1C,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAQzC,WAAW,IAAI,IAAI;IAKnB,QAAQ,IAAI,IAAI;yCA1BL,4BAA4B;2CAA5B,4BAA4B;CA6BxC"}

package/dist/lib/duplicate-view-dialog/duplicate-view-dialog.component.js

@@ -0,0 +1,182 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+function DuplicateViewDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵlistener("click", function DuplicateViewDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelementEnd();
+} }
+function DuplicateViewDialogComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 13);
+    i0.ɵɵtext(1, "Name is required");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateViewDialogComponent_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.Summary.FilterCount, " filter", ctx_r1.Summary.FilterCount !== 1 ? "s" : "", " ");
+} }
+function DuplicateViewDialogComponent_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.Summary.SortCount, " sort", ctx_r1.Summary.SortCount !== 1 ? "s" : "", " ");
+} }
+function DuplicateViewDialogComponent_Conditional_20_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.Summary.AggregateCount, " aggregate", ctx_r1.Summary.AggregateCount !== 1 ? "s" : "", " ");
+} }
+function DuplicateViewDialogComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵconditionalCreate(1, DuplicateViewDialogComponent_Conditional_20_Conditional_1_Template, 3, 2, "span", 19);
+    i0.ɵɵelementStart(2, "span", 19);
+    i0.ɵɵelement(3, "i", 20);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, DuplicateViewDialogComponent_Conditional_20_Conditional_5_Template, 3, 2, "span", 19);
+    i0.ɵɵconditionalCreate(6, DuplicateViewDialogComponent_Conditional_20_Conditional_6_Template, 3, 2, "span", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Summary.FilterCount > 0 ? 1 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.Summary.ColumnCount, " column", ctx_r1.Summary.ColumnCount !== 1 ? "s" : "", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Summary.SortCount > 0 ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Summary.AggregateCount > 0 ? 6 : -1);
+} }
+/**
+ * DuplicateViewDialogComponent - Modal for duplicating a view with a custom name
+ *
+ * Shows the source view name, allows renaming the copy, and displays
+ * a metadata summary (filters, columns, sorts) of what will be duplicated.
+ *
+ * @example
+ * ```html
+ * <mj-duplicate-view-dialog
+ *   [IsOpen]="showDuplicateDialog"
+ *   [SourceViewName]="viewToDuplicate?.Name"
+ *   [Summary]="duplicateSummary"
+ *   (Duplicate)="onDuplicateConfirmed($event)"
+ *   (Cancel)="showDuplicateDialog = false">
+ * </mj-duplicate-view-dialog>
+ * ```
+ */
+export class DuplicateViewDialogComponent {
+    cdr;
+    IsOpen = false;
+    SourceViewName = '';
+    Summary = null;
+    Duplicate = new EventEmitter();
+    Cancel = new EventEmitter();
+    NewName = '';
+    NameTouched = false;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnChanges(changes) {
+        if (changes['IsOpen'] && this.IsOpen) {
+            this.NewName = this.SourceViewName ? `${this.SourceViewName} (Copy)` : '';
+            this.NameTouched = false;
+            this.cdr.detectChanges();
+        }
+    }
+    OnDuplicate() {
+        if (!this.NewName.trim())
+            return;
+        this.Duplicate.emit({ Name: this.NewName.trim() });
+    }
+    OnCancel() {
+        this.Cancel.emit();
+    }
+    static ɵfac = function DuplicateViewDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DuplicateViewDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateViewDialogComponent, selectors: [["mj-duplicate-view-dialog"]], inputs: { IsOpen: "IsOpen", SourceViewName: "SourceViewName", Summary: "Summary" }, outputs: { Duplicate: "Duplicate", Cancel: "Cancel" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 10, consts: [[1, "dialog-backdrop"], [1, "dialog-panel"], [1, "dialog-header"], [1, "icon-circle"], [1, "fa-regular", "fa-copy"], [1, "header-title"], ["title", "Close", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-body"], [1, "intro-text"], [1, "form-group"], ["for", "duplicateName"], ["id", "duplicateName", "type", "text", 1, "form-input", 3, "ngModelChange", "blur", "keydown.enter", "ngModel"], [1, "validation-error"], [1, "meta-summary"], [1, "dialog-footer"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "btn", "btn-cancel", 3, "click"], [1, "dialog-backdrop", 3, "click"], [1, "meta-item"], [1, "fa-solid", "fa-table-columns"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-arrow-down-short-wide"], [1, "fa-solid", "fa-chart-simple"]], template: function DuplicateViewDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, DuplicateViewDialogComponent_Conditional_0_Template, 1, 0, "div", 0);
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "span", 5);
+            i0.ɵɵtext(6, "Duplicate View");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "button", 6);
+            i0.ɵɵlistener("click", function DuplicateViewDialogComponent_Template_button_click_7_listener() { return ctx.OnCancel(); });
+            i0.ɵɵelement(8, "i", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "div", 8)(10, "p", 9);
+            i0.ɵɵtext(11, " Creating a copy of ");
+            i0.ɵɵelementStart(12, "strong");
+            i0.ɵɵtext(13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(14, " with all its columns, filters, and sorting. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "div", 10)(16, "label", 11);
+            i0.ɵɵtext(17, "New View Name");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "input", 12);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateViewDialogComponent_Template_input_ngModelChange_18_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.NewName, $event) || (ctx.NewName = $event); return $event; });
+            i0.ɵɵlistener("blur", function DuplicateViewDialogComponent_Template_input_blur_18_listener() { return ctx.NameTouched = true; })("keydown.enter", function DuplicateViewDialogComponent_Template_input_keydown_enter_18_listener() { return ctx.OnDuplicate(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(19, DuplicateViewDialogComponent_Conditional_19_Template, 2, 0, "span", 13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(20, DuplicateViewDialogComponent_Conditional_20_Template, 7, 5, "div", 14);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "div", 15)(22, "button", 16);
+            i0.ɵɵlistener("click", function DuplicateViewDialogComponent_Template_button_click_22_listener() { return ctx.OnDuplicate(); });
+            i0.ɵɵelement(23, "i", 4);
+            i0.ɵɵtext(24, " Duplicate ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "button", 17);
+            i0.ɵɵlistener("click", function DuplicateViewDialogComponent_Template_button_click_25_listener() { return ctx.OnCancel(); });
+            i0.ɵɵtext(26, " Cancel ");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("open", ctx.IsOpen);
+            i0.ɵɵadvance(12);
+            i0.ɵɵtextInterpolate1("\"", ctx.SourceViewName, "\"");
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassProp("invalid", ctx.NameTouched && !ctx.NewName.trim());
+            i0.ɵɵtwoWayProperty("ngModel", ctx.NewName);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.NameTouched && !ctx.NewName.trim() ? 19 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Summary ? 20 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", !ctx.NewName.trim());
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n.dialog-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.dialog-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 420px;\n  max-width: calc(100vw - 40px);\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open[_ngcontent-%COMP%] {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 20px 24px 0;\n}\n\n.icon-circle[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  background: #eff6ff;\n  color: #3b82f6;\n  flex-shrink: 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: #6b7280;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: auto;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n\n\n.dialog-body[_ngcontent-%COMP%] {\n  padding: 20px 24px;\n}\n\n.intro-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0 0 16px 0;\n}\n\n.intro-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: #374151;\n}\n\n\n\n.form-group[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 16px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: #6b7280;\n}\n\n.form-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  color: #1f2937;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  box-sizing: border-box;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.form-input.invalid[_ngcontent-%COMP%] {\n  border-color: #ef4444;\n}\n\n.validation-error[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #ef4444;\n}\n\n\n\n.meta-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  padding: 10px 14px;\n  font-size: 12px;\n  color: #6b7280;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n  font-size: 11px;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 24px 20px;\n  border-top: 1px solid #e5e7eb;\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #2563eb;\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  background: #93c5fd;\n  cursor: not-allowed;\n}\n\n.btn-cancel[_ngcontent-%COMP%] {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.btn-cancel[_ngcontent-%COMP%]:hover {\n  background: #e5e7eb;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateViewDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-duplicate-view-dialog', template: "<!-- Dialog Backdrop -->\n@if (IsOpen) {\n  <div class=\"dialog-backdrop\" (click)=\"OnCancel()\"></div>\n}\n\n<!-- Dialog Panel -->\n<div class=\"dialog-panel\" [class.open]=\"IsOpen\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <div class=\"icon-circle\">\n      <i class=\"fa-regular fa-copy\"></i>\n    </div>\n    <span class=\"header-title\">Duplicate View</span>\n    <button class=\"close-btn\" (click)=\"OnCancel()\" title=\"Close\">\n      <i class=\"fa-solid fa-times\"></i>\n    </button>\n  </div>\n\n  <!-- Body -->\n  <div class=\"dialog-body\">\n    <p class=\"intro-text\">\n      Creating a copy of <strong>\"{{ SourceViewName }}\"</strong> with all its columns, filters, and sorting.\n    </p>\n\n    <!-- New Name Input -->\n    <div class=\"form-group\">\n      <label for=\"duplicateName\">New View Name</label>\n      <input\n        id=\"duplicateName\"\n        type=\"text\"\n        class=\"form-input\"\n        [class.invalid]=\"NameTouched && !NewName.trim()\"\n        [(ngModel)]=\"NewName\"\n        (blur)=\"NameTouched = true\"\n        (keydown.enter)=\"OnDuplicate()\"\n      />\n      @if (NameTouched && !NewName.trim()) {\n        <span class=\"validation-error\">Name is required</span>\n      }\n    </div>\n\n    <!-- Metadata Summary -->\n    @if (Summary) {\n      <div class=\"meta-summary\">\n        @if (Summary.FilterCount > 0) {\n          <span class=\"meta-item\">\n            <i class=\"fa-solid fa-filter\"></i>\n            {{ Summary.FilterCount }} filter{{ Summary.FilterCount !== 1 ? 's' : '' }}\n          </span>\n        }\n        <span class=\"meta-item\">\n          <i class=\"fa-solid fa-table-columns\"></i>\n          {{ Summary.ColumnCount }} column{{ Summary.ColumnCount !== 1 ? 's' : '' }}\n        </span>\n        @if (Summary.SortCount > 0) {\n          <span class=\"meta-item\">\n            <i class=\"fa-solid fa-arrow-down-short-wide\"></i>\n            {{ Summary.SortCount }} sort{{ Summary.SortCount !== 1 ? 's' : '' }}\n          </span>\n        }\n        @if (Summary.AggregateCount > 0) {\n          <span class=\"meta-item\">\n            <i class=\"fa-solid fa-chart-simple\"></i>\n            {{ Summary.AggregateCount }} aggregate{{ Summary.AggregateCount !== 1 ? 's' : '' }}\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Footer -->\n  <div class=\"dialog-footer\">\n    <button\n      class=\"btn btn-primary\"\n      (click)=\"OnDuplicate()\"\n      [disabled]=\"!NewName.trim()\">\n      <i class=\"fa-regular fa-copy\"></i>\n      Duplicate\n    </button>\n    <button class=\"btn btn-cancel\" (click)=\"OnCancel()\">\n      Cancel\n    </button>\n  </div>\n</div>\n", styles: ["/* Dialog Backdrop */\n.dialog-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Dialog Panel */\n.dialog-panel {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 420px;\n  max-width: calc(100vw - 40px);\n  background: white;\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 20px 24px 0;\n}\n\n.icon-circle {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  background: #eff6ff;\n  color: #3b82f6;\n  flex-shrink: 0;\n}\n\n.header-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.close-btn {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: #6b7280;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: auto;\n}\n\n.close-btn:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n/* Dialog Body */\n.dialog-body {\n  padding: 20px 24px;\n}\n\n.intro-text {\n  font-size: 14px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0 0 16px 0;\n}\n\n.intro-text strong {\n  color: #374151;\n}\n\n/* Form Group */\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 16px;\n}\n\n.form-group label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #6b7280;\n}\n\n.form-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  color: #1f2937;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  box-sizing: border-box;\n}\n\n.form-input:focus {\n  outline: none;\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.form-input.invalid {\n  border-color: #ef4444;\n}\n\n.validation-error {\n  font-size: 12px;\n  color: #ef4444;\n}\n\n/* Metadata Summary */\n.meta-summary {\n  display: flex;\n  gap: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  padding: 10px 14px;\n  font-size: 12px;\n  color: #6b7280;\n}\n\n.meta-item {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.meta-item i {\n  color: #3b82f6;\n  font-size: 11px;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 24px 20px;\n  border-top: 1px solid #e5e7eb;\n}\n\n/* Buttons */\n.btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.btn-primary {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: #2563eb;\n}\n\n.btn-primary:disabled {\n  background: #93c5fd;\n  cursor: not-allowed;\n}\n\n.btn-cancel {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.btn-cancel:hover {\n  background: #e5e7eb;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { IsOpen: [{
+            type: Input
+        }], SourceViewName: [{
+            type: Input
+        }], Summary: [{
+            type: Input
+        }], Duplicate: [{
+            type: Output
+        }], Cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateViewDialogComponent, { className: "DuplicateViewDialogComponent", filePath: "src/lib/duplicate-view-dialog/duplicate-view-dialog.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=duplicate-view-dialog.component.js.map

package/dist/lib/duplicate-view-dialog/duplicate-view-dialog.component.js.map

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

package/dist/lib/entity-data-grid/entity-data-grid.component.d.ts

@@ -681,7 +681,7 @@ export declare class EntityDataGridComponent implements OnInit, OnDestroy {
     private generateColumnsFromMetadata;
     /**
      * Determines if a field should be shown by default when no saved view exists.
-     * This logic is aligned with UserViewEntity.SetDefaultsFromEntity() to ensure
+     * This logic is aligned with MJUserViewEntity.SetDefaultsFromEntity() to ensure
      * consistent column visibility between initial load and saved views.
      */
     private shouldShowField;

package/dist/lib/entity-data-grid/entity-data-grid.component.js

@@ -2063,7 +2063,7 @@ export class EntityDataGridComponent {
     }
     /**
      * Determines if a field should be shown by default when no saved view exists.
-     * This logic is aligned with UserViewEntity.SetDefaultsFromEntity() to ensure
+     * This logic is aligned with MJUserViewEntity.SetDefaultsFromEntity() to ensure
      * consistent column visibility between initial load and saved views.
      */
     shouldShowField(field) {
@@ -2075,7 +2075,7 @@ export class EntityDataGridComponent {
             return false;
         }
         // Only show fields explicitly marked as DefaultInView
-        // This aligns with UserViewEntity.SetDefaultsFromEntity() behavior
+        // This aligns with MJUserViewEntity.SetDefaultsFromEntity() behavior
         // ensuring users see the same columns before and after saving a view
         return field.DefaultInView === true;
     }