@memberjunction/ng-generic-dialog 5.21.0 → 5.23.0

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

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  *      Your content goes in here
  *   </div>
  *   <div custom-actions>
- *     <button kendoButton (click)="customOkClick()" themeColor="primary">Custom OK</button>
- *     <button kendoButton (click)="customCancelClick()">Custom Cancel</button>
- *     <button kendoButton (click)="additionalAction()">Additional Action</button>
+ *     <button mjButton variant="primary" (click)="customOkClick()">Custom OK</button>
+ *     <button mjButton (click)="customCancelClick()">Custom Cancel</button>
+ *     <button mjButton (click)="additionalAction()">Additional Action</button>
  *   </div>
  * </mj-generic-dialog>
  */

package/dist/lib/dialog.component.js

@@ -1,7 +1,6 @@
 import { Component, Output, EventEmitter, Input, ContentChild } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@progress/kendo-angular-buttons";
+import * as i1 from "@memberjunction/ng-ui-components";
 const _c0 = ["custom-actions"];
 const _c1 = ["*", [["", "custom-actions", ""]]];
 const _c2 = ["*", "[custom-actions]"];
@@ -34,10 +33,10 @@ function GenericDialogComponent_Conditional_0_Conditional_6_Template(rf, ctx) {
 } }
 function GenericDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 1);
-    i0.ɵɵlistener("close", function GenericDialogComponent_Conditional_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.HandleCancelClick()); });
+    i0.ɵɵelementStart(0, "mj-dialog", 1);
+    i0.ɵɵlistener("Close", function GenericDialogComponent_Conditional_0_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.HandleCancelClick()); });
     i0.ɵɵprojection(1);
-    i0.ɵɵelementStart(2, "kendo-dialog-actions");
+    i0.ɵɵelementStart(2, "mj-dialog-actions");
     i0.ɵɵconditionalCreate(3, GenericDialogComponent_Conditional_0_Conditional_3_Template, 2, 1, "button", 2);
     i0.ɵɵconditionalCreate(4, GenericDialogComponent_Conditional_0_Conditional_4_Template, 2, 1, "button", 3);
     i0.ɵɵprojection(5, 1);
@@ -45,7 +44,7 @@ function GenericDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", ctx_r1.DialogWidth)("height", ctx_r1.DialogHeight)("title", ctx_r1.DialogTitle);
+    i0.ɵɵproperty("Visible", true)("Width", ctx_r1.DialogWidth)("Height", ctx_r1.DialogHeight)("Title", ctx_r1.DialogTitle);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.ShowOKButton ? 3 : -1);
     i0.ɵɵadvance();
@@ -63,9 +62,9 @@ function GenericDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
  *      Your content goes in here
  *   </div>
  *   <div custom-actions>
- *     <button kendoButton (click)="customOkClick()" themeColor="primary">Custom OK</button>
- *     <button kendoButton (click)="customCancelClick()">Custom Cancel</button>
- *     <button kendoButton (click)="additionalAction()">Additional Action</button>
+ *     <button mjButton variant="primary" (click)="customOkClick()">Custom OK</button>
+ *     <button mjButton (click)="customCancelClick()">Custom Cancel</button>
+ *     <button mjButton (click)="additionalAction()">Additional Action</button>
  *   </div>
  * </mj-generic-dialog>
  */
@@ -157,16 +156,16 @@ export class GenericDialogComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customActions = _t.first);
-        } }, inputs: { DialogTitle: "DialogTitle", DialogWidth: "DialogWidth", DialogHeight: "DialogHeight", ShowOKButton: "ShowOKButton", OKButtonText: "OKButtonText", CancelButtonText: "CancelButtonText", ShowCancelButton: "ShowCancelButton", DialogVisible: "DialogVisible" }, outputs: { DialogClosed: "DialogClosed", RefreshData: "RefreshData" }, standalone: false, ngContentSelectors: _c2, decls: 1, vars: 1, consts: [[3, "width", "height", "title"], [3, "close", "width", "height", "title"], ["kendoButton", "", "themeColor", "primary"], ["kendoButton", ""], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"]], template: function GenericDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { DialogTitle: "DialogTitle", DialogWidth: "DialogWidth", DialogHeight: "DialogHeight", ShowOKButton: "ShowOKButton", OKButtonText: "OKButtonText", CancelButtonText: "CancelButtonText", ShowCancelButton: "ShowCancelButton", DialogVisible: "DialogVisible" }, outputs: { DialogClosed: "DialogClosed", RefreshData: "RefreshData" }, standalone: false, ngContentSelectors: _c2, decls: 1, vars: 1, consts: [[3, "Visible", "Width", "Height", "Title"], [3, "Close", "Visible", "Width", "Height", "Title"], ["mjButton", "", "variant", "primary"], ["mjButton", ""], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", 3, "click"]], template: function GenericDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c1);
-            i0.ɵɵconditionalCreate(0, GenericDialogComponent_Conditional_0_Template, 7, 6, "kendo-dialog", 0);
+            i0.ɵɵconditionalCreate(0, GenericDialogComponent_Conditional_0_Template, 7, 7, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
-        } }, dependencies: [i1.DialogComponent, i1.DialogActionsComponent, i2.ButtonComponent], encapsulation: 2 });
+        } }, dependencies: [i1.MJButtonDirective, i1.MJDialogComponent, i1.MJDialogActionsComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-generic-dialog', template: "@if (DialogVisible) {\n    <kendo-dialog\n        [width]=\"DialogWidth\"\n        [height]=\"DialogHeight\"\n        [title]=\"DialogTitle\"        \n        (close)=\"HandleCancelClick()\"\n    >\n        <ng-content></ng-content>\n        <kendo-dialog-actions>\n            @if(ShowOKButton) {\n                <button kendoButton (click)=\"HandleOKClick()\" themeColor=\"primary\">{{OKButtonText}}</button>\n            }\n            @if(ShowCancelButton) {\n                <button kendoButton (click)=\"HandleCancelClick()\">{{CancelButtonText}}</button>\n            }\n\n            <!-- Named slot for custom actions/buttons -->\n            <ng-content select=\"[custom-actions]\"></ng-content>\n\n            @if(!ShowOKButton && !ShowCancelButton && !HasCustomActions) {\n                <span>No actions available - enable built-in actions or add custom actions</span>\n            }\n        </kendo-dialog-actions>    \n    </kendo-dialog>    \n}" }]
+        args: [{ standalone: false, selector: 'mj-generic-dialog', template: "@if (DialogVisible) {\n    <mj-dialog\n        [Visible]=\"true\"\n        [Width]=\"DialogWidth\"\n        [Height]=\"DialogHeight\"\n        [Title]=\"DialogTitle\"\n        (Close)=\"HandleCancelClick()\"\n    >\n        <ng-content></ng-content>\n        <mj-dialog-actions>\n            @if(ShowOKButton) {\n                <button mjButton variant=\"primary\" (click)=\"HandleOKClick()\">{{OKButtonText}}</button>\n            }\n            @if(ShowCancelButton) {\n                <button mjButton (click)=\"HandleCancelClick()\">{{CancelButtonText}}</button>\n            }\n\n            <!-- Named slot for custom actions/buttons -->\n            <ng-content select=\"[custom-actions]\"></ng-content>\n\n            @if(!ShowOKButton && !ShowCancelButton && !HasCustomActions) {\n                <span>No actions available - enable built-in actions or add custom actions</span>\n            }\n        </mj-dialog-actions>\n    </mj-dialog>\n}\n" }]
     }], () => [{ type: i0.ChangeDetectorRef }], { DialogTitle: [{
             type: Input
         }], DialogWidth: [{

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Output, EventEmitter, Input, ChangeDetectorRef, ElementRef, ContentChild, AfterContentInit } from '@angular/core';\n\n/**\n * Generic base dialog component that can be used as a base for other dialogs by using this component as shown here in any other Angular component.\n * The custom-actions slot shown below is entirely optional, if you don't need anything beyond OK/Cancel, you can leave this out entirely. You can also turn off the\n * built-in OK and Cancel buttons using the ShowOKButton and ShowCancelButton properties.\n * \n * <mj-generic-dialog DialogTitle=\"Your Dialog Title\" [DialogVisible]=\"YourVisibleStateVariable\" (DialogClosed)=\"YourDialogClosedEventHandler($event)\">\n *   <div>\n *      Your content goes in here\n *   </div>\n *   <div custom-actions>\n *     <button kendoButton (click)=\"customOkClick()\" themeColor=\"primary\">Custom OK</button>\n *     <button kendoButton (click)=\"customCancelClick()\">Custom Cancel</button>\n *     <button kendoButton (click)=\"additionalAction()\">Additional Action</button>\n *   </div>\n * </mj-generic-dialog>\n */\n@Component({\n  standalone: false,\n  selector: 'mj-generic-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.css']\n})\nexport class GenericDialogComponent implements AfterContentInit {\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  /**\n   * Dialog title\n   */\n  @Input() DialogTitle: string = 'Default Title';\n  /**\n   * Optional, width of the dialog in pixels or percentage \n   */\n  @Input() DialogWidth: string = '700px';\n  /**\n   * Optional, height of the dialog in pixels or percentage \n   */\n  @Input() DialogHeight: string = '450px';\n\n  /**\n   * Ability to turn off the built-in OK button if it is not desired\n   */\n  @Input() ShowOKButton: boolean = true;\n\n  /**\n   * Text displayed on the OK button, defaults to \"OK\" if not provided\n   */\n  @Input() OKButtonText: string = \"OK\";\n\n  /**\n   * Text displayed on the Cancel button, defaults to \"Cancel\" if not provided\n   */\n  @Input() CancelButtonText: string = \"Cancel\";\n\n  /**\n   * Ability to turn off the built-in Cancel button if it is not desired\n   */\n  @Input() ShowCancelButton: boolean = true;\n\n  /**\n   * Determines if the dialog is visible or not, bind this to a variable in your containing component that is changed to true when you want the dialog shown. When the user closes the dialog this property will \n   * be set to false automatically.\n   */\n  @Input() get DialogVisible(): boolean {\n    return this._dialogVisible;\n  }\n  set DialogVisible(value: boolean) {\n    if (value !== this._dialogVisible && value) {\n      // showing the dialog when it wasn't shown, refresh the data\n      this.RefreshData.emit();\n    }\n    this._dialogVisible = value;\n    this.cdr.detectChanges(); // Ensure visibility updates immediately\n  }\n  private _dialogVisible: boolean = false;\n\n\n  /**\n   * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button\n   */\n  @Output() DialogClosed = new EventEmitter<boolean>();\n\n  /**\n   * This event is fired during the component lifecycle if the dialog wants the user of the dialog to refresh the data provided within its content.\n   */\n  @Output() RefreshData = new EventEmitter<void>();\n\n  /**\n   * Internal event handler for the Cancel button, you can call this method directly if you want to simulate the user clicking on the Cancel button\n   */\n  public HandleCancelClick() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(false);\n  }\n\n  /**\n   * Internal event handler for the OK button, you can call this method directly if you want to simulate the user clicking on the OK button\n   */\n  public HandleOKClick() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(true);\n  }\n\n  private _hasCustomActions: boolean = false;\n  /**\n   * Returns true if the dialog has custom actions defined in the custom-actions slot\n   */\n  public get HasCustomActions(): boolean {\n    return this._hasCustomActions;\n  }\n\n  @ContentChild('custom-actions', { static: false }) customActions!: ElementRef;\n\n  ngAfterContentInit() {\n      this._hasCustomActions = !!this.customActions;\n  }\n}\n","@if (DialogVisible) {\n    <kendo-dialog\n        [width]=\"DialogWidth\"\n        [height]=\"DialogHeight\"\n        [title]=\"DialogTitle\"        \n        (close)=\"HandleCancelClick()\"\n    >\n        <ng-content></ng-content>\n        <kendo-dialog-actions>\n            @if(ShowOKButton) {\n                <button kendoButton (click)=\"HandleOKClick()\" themeColor=\"primary\">{{OKButtonText}}</button>\n            }\n            @if(ShowCancelButton) {\n                <button kendoButton (click)=\"HandleCancelClick()\">{{CancelButtonText}}</button>\n            }\n\n            <!-- Named slot for custom actions/buttons -->\n            <ng-content select=\"[custom-actions]\"></ng-content>\n\n            @if(!ShowOKButton && !ShowCancelButton && !HasCustomActions) {\n                <span>No actions available - enable built-in actions or add custom actions</span>\n            }\n        </kendo-dialog-actions>    \n    </kendo-dialog>    \n}"]}
+{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAiC,YAAY,EAAoB,MAAM,eAAe,CAAC;;;;;;;;ICWtH,iCAA6D;IAA1B,yMAAS,sBAAe,KAAC;IAAC,YAAgB;IAAA,iBAAS;;;IAAzB,cAAgB;IAAhB,yCAAgB;;;;IAG7E,iCAA+C;IAA9B,yMAAS,0BAAmB,KAAC;IAAC,YAAoB;IAAA,iBAAS;;;IAA7B,cAAoB;IAApB,6CAAoB;;;IAOnE,4BAAM;IAAA,oFAAoE;IAAA,iBAAO;;;;IApB7F,oCAMC;IADG,6LAAS,0BAAmB,KAAC;IAE7B,kBAAyB;IACzB,yCAAmB;IACf,yGAAmB;IAGnB,yGAAuB;IAKvB,qBAAmD;IAEnD,oGAA8D;IAItE,AADI,iBAAoB,EACZ;;;IAnBR,AADA,AADA,AADA,8BAAgB,6BACK,+BACE,6BACF;IAKjB,eAEC;IAFD,8CAEC;IACD,cAEC;IAFD,kDAEC;IAKD,eAEC;IAFD,uGAEC;;ADpBb;;;;;;;;;;;;;;;GAeG;AAOH,MAAM,OAAO,sBAAsB;IACb;IAApB,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAG,CAAC;IAE9C;;OAEG;IACM,WAAW,GAAW,eAAe,CAAC;IAC/C;;OAEG;IACM,WAAW,GAAW,OAAO,CAAC;IACvC;;OAEG;IACM,YAAY,GAAW,OAAO,CAAC;IAExC;;OAEG;IACM,YAAY,GAAY,IAAI,CAAC;IAEtC;;OAEG;IACM,YAAY,GAAW,IAAI,CAAC;IAErC;;OAEG;IACM,gBAAgB,GAAW,QAAQ,CAAC;IAE7C;;OAEG;IACM,gBAAgB,GAAY,IAAI,CAAC;IAE1C;;;OAGG;IACH,IAAa,aAAa;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,KAAK,EAAE,CAAC;YAC3C,4DAA4D;YAC5D,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,wCAAwC;IACpE,CAAC;IACO,cAAc,GAAY,KAAK,CAAC;IAGxC;;OAEG;IACO,YAAY,GAAG,IAAI,YAAY,EAAW,CAAC;IAErD;;OAEG;IACO,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEjD;;OAEG;IACI,iBAAiB;QACtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,aAAa;QAClB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAEO,iBAAiB,GAAY,KAAK,CAAC;IAC3C;;OAEG;IACH,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAEkD,aAAa,CAAc;IAE9E,kBAAkB;QACd,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IAClD,CAAC;gHA5FU,sBAAsB;6DAAtB,sBAAsB;;;;;;;YCxBnC,8FAAqB;;YAArB,4CAyBC;;;iFDDY,sBAAsB;cANlC,SAAS;6BACI,KAAK,YACP,mBAAmB;;kBAU5B,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAKL,KAAK;;kBAML,KAAK;;kBAiBL,MAAM;;kBAKN,MAAM;;kBA0BN,YAAY;mBAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;kFAxFtC,sBAAsB","sourcesContent":["import { Component, Output, EventEmitter, Input, ChangeDetectorRef, ElementRef, ContentChild, AfterContentInit } from '@angular/core';\n\n/**\n * Generic base dialog component that can be used as a base for other dialogs by using this component as shown here in any other Angular component.\n * The custom-actions slot shown below is entirely optional, if you don't need anything beyond OK/Cancel, you can leave this out entirely. You can also turn off the\n * built-in OK and Cancel buttons using the ShowOKButton and ShowCancelButton properties.\n * \n * <mj-generic-dialog DialogTitle=\"Your Dialog Title\" [DialogVisible]=\"YourVisibleStateVariable\" (DialogClosed)=\"YourDialogClosedEventHandler($event)\">\n *   <div>\n *      Your content goes in here\n *   </div>\n *   <div custom-actions>\n *     <button mjButton variant=\"primary\" (click)=\"customOkClick()\">Custom OK</button>\n *     <button mjButton (click)=\"customCancelClick()\">Custom Cancel</button>\n *     <button mjButton (click)=\"additionalAction()\">Additional Action</button>\n *   </div>\n * </mj-generic-dialog>\n */\n@Component({\n  standalone: false,\n  selector: 'mj-generic-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.css']\n})\nexport class GenericDialogComponent implements AfterContentInit {\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  /**\n   * Dialog title\n   */\n  @Input() DialogTitle: string = 'Default Title';\n  /**\n   * Optional, width of the dialog in pixels or percentage \n   */\n  @Input() DialogWidth: string = '700px';\n  /**\n   * Optional, height of the dialog in pixels or percentage \n   */\n  @Input() DialogHeight: string = '450px';\n\n  /**\n   * Ability to turn off the built-in OK button if it is not desired\n   */\n  @Input() ShowOKButton: boolean = true;\n\n  /**\n   * Text displayed on the OK button, defaults to \"OK\" if not provided\n   */\n  @Input() OKButtonText: string = \"OK\";\n\n  /**\n   * Text displayed on the Cancel button, defaults to \"Cancel\" if not provided\n   */\n  @Input() CancelButtonText: string = \"Cancel\";\n\n  /**\n   * Ability to turn off the built-in Cancel button if it is not desired\n   */\n  @Input() ShowCancelButton: boolean = true;\n\n  /**\n   * Determines if the dialog is visible or not, bind this to a variable in your containing component that is changed to true when you want the dialog shown. When the user closes the dialog this property will \n   * be set to false automatically.\n   */\n  @Input() get DialogVisible(): boolean {\n    return this._dialogVisible;\n  }\n  set DialogVisible(value: boolean) {\n    if (value !== this._dialogVisible && value) {\n      // showing the dialog when it wasn't shown, refresh the data\n      this.RefreshData.emit();\n    }\n    this._dialogVisible = value;\n    this.cdr.detectChanges(); // Ensure visibility updates immediately\n  }\n  private _dialogVisible: boolean = false;\n\n\n  /**\n   * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button\n   */\n  @Output() DialogClosed = new EventEmitter<boolean>();\n\n  /**\n   * This event is fired during the component lifecycle if the dialog wants the user of the dialog to refresh the data provided within its content.\n   */\n  @Output() RefreshData = new EventEmitter<void>();\n\n  /**\n   * Internal event handler for the Cancel button, you can call this method directly if you want to simulate the user clicking on the Cancel button\n   */\n  public HandleCancelClick() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(false);\n  }\n\n  /**\n   * Internal event handler for the OK button, you can call this method directly if you want to simulate the user clicking on the OK button\n   */\n  public HandleOKClick() {\n    this.DialogVisible = false;\n    this.DialogClosed.emit(true);\n  }\n\n  private _hasCustomActions: boolean = false;\n  /**\n   * Returns true if the dialog has custom actions defined in the custom-actions slot\n   */\n  public get HasCustomActions(): boolean {\n    return this._hasCustomActions;\n  }\n\n  @ContentChild('custom-actions', { static: false }) customActions!: ElementRef;\n\n  ngAfterContentInit() {\n      this._hasCustomActions = !!this.customActions;\n  }\n}\n","@if (DialogVisible) {\n    <mj-dialog\n        [Visible]=\"true\"\n        [Width]=\"DialogWidth\"\n        [Height]=\"DialogHeight\"\n        [Title]=\"DialogTitle\"\n        (Close)=\"HandleCancelClick()\"\n    >\n        <ng-content></ng-content>\n        <mj-dialog-actions>\n            @if(ShowOKButton) {\n                <button mjButton variant=\"primary\" (click)=\"HandleOKClick()\">{{OKButtonText}}</button>\n            }\n            @if(ShowCancelButton) {\n                <button mjButton (click)=\"HandleCancelClick()\">{{CancelButtonText}}</button>\n            }\n\n            <!-- Named slot for custom actions/buttons -->\n            <ng-content select=\"[custom-actions]\"></ng-content>\n\n            @if(!ShowOKButton && !ShowCancelButton && !HasCustomActions) {\n                <span>No actions available - enable built-in actions or add custom actions</span>\n            }\n        </mj-dialog-actions>\n    </mj-dialog>\n}\n"]}

package/dist/module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./lib/dialog.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "@progress/kendo-angular-buttons";
+import * as i3 from "@memberjunction/ng-ui-components";
 export declare class GenericDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericDialogModule, [typeof i1.GenericDialogComponent], [typeof i2.CommonModule, typeof i3.DialogsModule, typeof i4.ButtonsModule], [typeof i1.GenericDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericDialogModule, [typeof i1.GenericDialogComponent], [typeof i2.CommonModule, typeof i3.MJButtonDirective, typeof i3.MJDialogComponent, typeof i3.MJDialogActionsComponent], [typeof i1.GenericDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GenericDialogModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;AASA,qBAaa,mBAAmB;yCAAnB,mBAAmB;0CAAnB,mBAAmB;0CAAnB,mBAAmB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;AAQA,qBAca,mBAAmB;yCAAnB,mBAAmB;0CAAnB,mBAAmB;0CAAnB,mBAAmB;CAAI"}

package/dist/module.js

@@ -1,16 +1,15 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-// Kendo UI Angular imports
-import { DialogsModule } from "@progress/kendo-angular-dialog";
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
+// MJ UI Components
+import { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';
 import { GenericDialogComponent } from './lib/dialog.component';
 import * as i0 from "@angular/core";
 export class GenericDialogModule {
     static ɵfac = function GenericDialogModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GenericDialogModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: GenericDialogModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            DialogsModule,
-            ButtonsModule] });
+            MJDialogComponent,
+            MJDialogActionsComponent] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericDialogModule, [{
         type: NgModule,
@@ -20,8 +19,9 @@ export class GenericDialogModule {
                 ],
                 imports: [
                     CommonModule,
-                    DialogsModule,
-                    ButtonsModule,
+                    MJButtonDirective,
+                    MJDialogComponent,
+                    MJDialogActionsComponent,
                 ],
                 exports: [
                     GenericDialogComponent
@@ -29,6 +29,7 @@ export class GenericDialogModule {
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(GenericDialogModule, { declarations: [GenericDialogComponent], imports: [CommonModule,
-        DialogsModule,
-        ButtonsModule], exports: [GenericDialogComponent] }); })();
+        MJButtonDirective,
+        MJDialogComponent,
+        MJDialogActionsComponent], exports: [GenericDialogComponent] }); })();
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;;AAehE,MAAM,OAAO,mBAAmB;6GAAnB,mBAAmB;4DAAnB,mBAAmB;gEAR5B,YAAY;YACZ,aAAa;YACb,aAAa;;iFAMJ,mBAAmB;cAb/B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;aACF;;wFACY,mBAAmB,mBAX5B,sBAAsB,aAGtB,YAAY;QACZ,aAAa;QACb,aAAa,aAGb,sBAAsB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// Kendo UI Angular imports\nimport { DialogsModule } from \"@progress/kendo-angular-dialog\";\nimport { ButtonsModule } from '@progress/kendo-angular-buttons'; \n\nimport { GenericDialogComponent } from './lib/dialog.component';\n \n@NgModule({\n  declarations: [\n    GenericDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    DialogsModule,\n    ButtonsModule,\n  ],\n  exports: [\n    GenericDialogComponent\n  ]\n})\nexport class GenericDialogModule { }"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAElH,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;;AAgBhE,MAAM,OAAO,mBAAmB;6GAAnB,mBAAmB;4DAAnB,mBAAmB;gEAT5B,YAAY;YAEZ,iBAAiB;YACjB,wBAAwB;;iFAMf,mBAAmB;cAd/B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,iBAAiB;oBACjB,iBAAiB;oBACjB,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;aACF;;wFACY,mBAAmB,mBAZ5B,sBAAsB,aAGtB,YAAY;QACZ,iBAAiB;QACjB,iBAAiB;QACjB,wBAAwB,aAGxB,sBAAsB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// MJ UI Components\nimport { MJButtonDirective, MJDialogComponent, MJDialogActionsComponent } from '@memberjunction/ng-ui-components';\n\nimport { GenericDialogComponent } from './lib/dialog.component';\n\n@NgModule({\n  declarations: [\n    GenericDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    MJButtonDirective,\n    MJDialogComponent,\n    MJDialogActionsComponent,\n  ],\n  exports: [\n    GenericDialogComponent\n  ]\n})\nexport class GenericDialogModule { }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-generic-dialog",
-  "version": "5.21.0",
+  "version": "5.23.0",
   "description": "MemberJunction: Angular component for a generic dialog",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -22,11 +22,10 @@
   },
   "peerDependencies": {
     "@angular/common": "21.1.3",
-    "@angular/core": "21.1.3",
-    "@progress/kendo-angular-buttons": "22.0.1",
-    "@progress/kendo-angular-dialog": "22.0.1"
+    "@angular/core": "21.1.3"
   },
   "dependencies": {
+    "@memberjunction/ng-ui-components": "5.23.0",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,