@memberjunction/ng-entity-permissions 0.9.3 → 0.9.6

package/dist/lib/entity-selector-with-grid/entity-selector-with-grid.component.d.ts

@@ -14,3 +14,4 @@ export declare class EntityPermissionsSelectorWithGridComponent implements OnIni
     static ɵfac: i0.ɵɵFactoryDeclaration<EntityPermissionsSelectorWithGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EntityPermissionsSelectorWithGridComponent, "mj-entity-permissions-selector-with-grid", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "BottomMargin": { "alias": "BottomMargin"; "required": false; }; "CurrentEntity": { "alias": "CurrentEntity"; "required": false; }; }, { "PermissionChanged": "PermissionChanged"; }, never, never, false, never>;
 }
+//# sourceMappingURL=entity-selector-with-grid.component.d.ts.map

package/dist/lib/entity-selector-with-grid/entity-selector-with-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-selector-with-grid.component.d.ts","sourceRoot":"","sources":["../../../src/lib/entity-selector-with-grid/entity-selector-with-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAY,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;;AAIzF,qBAKa,0CAA2C,YAAW,MAAM;IAC9D,UAAU,EAAG,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAK;IAExB,iBAAiB,6CAAoD;IAEtE,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC;IAE/C,OAAO,CAAC,GAAG,CAAuB;IAC3B,UAAU,EAAE,UAAU,EAAE,CAAM;IAC9B,QAAQ,IAAI,IAAI;IAOhB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B;yCAjBvD,0CAA0C;2CAA1C,0CAA0C;CAuBtD"}

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

@@ -10,7 +10,9 @@ export type EntityPermissionChangedEvent = {
     Cancel: boolean;
 };
 export declare class EntityPermissionsGridComponent implements OnInit, OnChanges {
+    Mode: 'Entity' | 'Role';
     EntityName: string;
+    RoleName: string;
     BottomMargin: number;
     PermissionChanged: EventEmitter<EntityPermissionChangedEvent>;
     permissions: EntityPermissionEntity[];
@@ -20,11 +22,17 @@ export declare class EntityPermissionsGridComponent implements OnInit, OnChanges
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ValidateInputs(): void;
     Refresh(): Promise<void>;
     savePermissions(): Promise<void>;
+    cancelEdit(): Promise<void>;
     get NumDirtyPermissions(): number;
     protected IsPermissionReallyDirty(p: EntityPermissionEntity): boolean;
-    flipPermission(event: MouseEvent, permission: EntityPermissionEntity, type: 'Read' | 'Create' | 'Update' | 'Delete', flipPermission: boolean): void;
+    flipAllPermissions(type: 'Read' | 'Create' | 'Update' | 'Delete'): void;
+    revertRow(event: MouseEvent, permission: EntityPermissionEntity): void;
+    flipRow(permission: EntityPermissionEntity): void;
+    flipPermission(event: MouseEvent | undefined, permission: EntityPermissionEntity, type: 'Read' | 'Create' | 'Update' | 'Delete', flipPermission: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntityPermissionsGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntityPermissionsGridComponent, "mj-entity-permissions-grid", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "BottomMargin": { "alias": "BottomMargin"; "required": false; }; }, { "PermissionChanged": "PermissionChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityPermissionsGridComponent, "mj-entity-permissions-grid", never, { "Mode": { "alias": "Mode"; "required": false; }; "EntityName": { "alias": "EntityName"; "required": false; }; "RoleName": { "alias": "RoleName"; "required": false; }; "BottomMargin": { "alias": "BottomMargin"; "required": false; }; }, { "PermissionChanged": "PermissionChanged"; }, never, never, false, never>;
 }
+//# sourceMappingURL=entity-permissions-grid.component.d.ts.map

package/dist/lib/grid/entity-permissions-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-permissions-grid.component.d.ts","sourceRoot":"","sources":["../../../src/lib/grid/entity-permissions-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,EAAS,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGzG,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAGvE,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,qBAAqB,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC9D,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,qBAKa,8BAA+B,YAAW,MAAM,EAAE,SAAS;IAC7D,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAY;IACnC,UAAU,EAAG,MAAM,CAAC;IACpB,QAAQ,EAAG,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAK;IAExB,iBAAiB,6CAAoD;IAExE,WAAW,EAAE,sBAAsB,EAAE,CAAM;IAC3C,UAAU,EAAE,MAAM,CAAO;IACzB,SAAS,EAAE,OAAO,CAAS;IAG3B,YAAY,sBAAe;;IAKlC,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa;IAOlC,cAAc;IAMR,OAAO;IAyFA,eAAe;IAkBf,UAAU;IAWvB,IAAW,mBAAmB,IAAI,MAAM,CAEvC;IAED,SAAS,CAAC,uBAAuB,CAAC,CAAC,EAAE,sBAAsB,GAAG,OAAO;IAS9D,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAoDhE,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,sBAAsB;IAO/D,OAAO,CAAC,UAAU,EAAE,sBAAsB;IA0B1C,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,EAAE,UAAU,EAAE,sBAAsB,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,cAAc,EAAE,OAAO;yCA3PpJ,8BAA8B;2CAA9B,8BAA8B;CAyR1C"}

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

@@ -15,86 +15,133 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-container-directives";
 import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-icons";
 function EntityPermissionsGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1, "Loading permissions...");
     i0.ɵɵelementEnd();
 } }
-function EntityPermissionsGridComponent_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.savePermissions()); });
-    i0.ɵɵtext(1, "Save");
+function EntityPermissionsGridComponent_table_6_th_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1, "Role");
     i0.ɵɵelementEnd();
 } }
-function EntityPermissionsGridComponent_table_3_tr_14_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr")(1, "td");
-    i0.ɵɵtext(2);
+function EntityPermissionsGridComponent_table_6_th_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 7);
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_td_click_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.flipPermission($event, permission_r6, "Read", true)); });
-    i0.ɵɵelementStart(4, "input", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_ngModelChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.CanRead, $event) || (permission_r6.CanRead = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.flipPermission($event, permission_r6, "Read", false)); });
+} }
+function EntityPermissionsGridComponent_table_6_tr_14_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", permission_r5.RoleName, " ");
+} }
+function EntityPermissionsGridComponent_table_6_tr_14_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", permission_r5.Entity, " ");
+} }
+function EntityPermissionsGridComponent_table_6_tr_14_kendo_svgicon_4_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-svgicon", 11);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_kendo_svgicon_4_Template_kendo_svgicon_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const permission_r5 = i0.ɵɵnextContext().$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.revertRow($event, permission_r5)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("icon", ctx_r8.kendoSVGIcon("arrowRotateCcwSmallIcon"));
+} }
+function EntityPermissionsGridComponent_table_6_tr_14_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 7)(1, "td", 8);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_td_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.flipRow(permission_r5)); });
+    i0.ɵɵtemplate(2, EntityPermissionsGridComponent_table_6_tr_14_span_2_Template, 2, 1, "span", 1)(3, EntityPermissionsGridComponent_table_6_tr_14_span_3_Template, 2, 1, "span", 1)(4, EntityPermissionsGridComponent_table_6_tr_14_kendo_svgicon_4_Template, 1, 1, "kendo-svgicon", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_td_click_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.flipPermission($event, permission_r5, "Read", true)); });
+    i0.ɵɵelementStart(6, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_ngModelChange_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r5.CanRead, $event) || (permission_r5.CanRead = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_click_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.flipPermission($event, permission_r5, "Read", false)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "td", 7);
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_td_click_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.flipPermission($event, permission_r6, "Update", true)); });
-    i0.ɵɵelementStart(6, "input", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_ngModelChange_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.CanUpdate, $event) || (permission_r6.CanUpdate = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_click_6_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r13 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r13.flipPermission($event, permission_r6, "Update", false)); });
+    i0.ɵɵelementStart(7, "td", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_td_click_7_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.flipPermission($event, permission_r5, "Create", true)); });
+    i0.ɵɵelementStart(8, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_ngModelChange_8_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r5.CanCreate, $event) || (permission_r5.CanCreate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_click_8_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.flipPermission($event, permission_r5, "Create", false)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "td", 7);
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_td_click_7_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.flipPermission($event, permission_r6, "Create", true)); });
-    i0.ɵɵelementStart(8, "input", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_ngModelChange_8_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.CanCreate, $event) || (permission_r6.CanCreate = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_click_8_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.flipPermission($event, permission_r6, "Create", false)); });
+    i0.ɵɵelementStart(9, "td", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_td_click_9_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.flipPermission($event, permission_r5, "Update", true)); });
+    i0.ɵɵelementStart(10, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_ngModelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r5.CanUpdate, $event) || (permission_r5.CanUpdate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_click_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.flipPermission($event, permission_r5, "Update", false)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "td", 7);
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_td_click_9_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.flipPermission($event, permission_r6, "Delete", true)); });
-    i0.ɵɵelementStart(10, "input", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_ngModelChange_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.CanDelete, $event) || (permission_r6.CanDelete = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_3_tr_14_Template_input_click_10_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r8); const permission_r6 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.flipPermission($event, permission_r6, "Delete", false)); });
+    i0.ɵɵelementStart(11, "td", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_td_click_11_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.flipPermission($event, permission_r5, "Delete", true)); });
+    i0.ɵɵelementStart(12, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_ngModelChange_12_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(permission_r5.CanDelete, $event) || (permission_r5.CanDelete = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_tr_14_Template_input_click_12_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const permission_r5 = restoredCtx.$implicit; const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.flipPermission($event, permission_r5, "Delete", false)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const permission_r6 = ctx.$implicit;
+    const permission_r5 = ctx.$implicit;
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r4.IsPermissionReallyDirty(permission_r5) ? "dirty-row" : "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(permission_r6.RoleName);
+    i0.ɵɵproperty("ngIf", ctx_r4.Mode === "Entity");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r4.Mode === "Role");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r4.IsPermissionReallyDirty(permission_r5));
     i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanRead);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r5.CanRead);
     i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanUpdate);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r5.CanCreate);
     i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanCreate);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r5.CanUpdate);
     i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanDelete);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r5.CanDelete);
 } }
-function EntityPermissionsGridComponent_table_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 5)(1, "thead")(2, "tr")(3, "th");
-    i0.ɵɵtext(4, "Role");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "th");
+function EntityPermissionsGridComponent_table_6_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "table", 4)(1, "thead")(2, "tr");
+    i0.ɵɵtemplate(3, EntityPermissionsGridComponent_table_6_th_3_Template, 2, 0, "th", 1)(4, EntityPermissionsGridComponent_table_6_th_4_Template, 2, 0, "th", 1);
+    i0.ɵɵelementStart(5, "th", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.flipAllPermissions("Read")); });
     i0.ɵɵtext(6, "Read");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "th");
-    i0.ɵɵtext(8, "Update");
+    i0.ɵɵelementStart(7, "th", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_Template_th_click_7_listener() { i0.ɵɵrestoreView(_r29); const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.flipAllPermissions("Create")); });
+    i0.ɵɵtext(8, "Create");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "th");
-    i0.ɵɵtext(10, "Create");
+    i0.ɵɵelementStart(9, "th", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r29); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.flipAllPermissions("Update")); });
+    i0.ɵɵtext(10, "Update");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "th");
+    i0.ɵɵelementStart(11, "th", 5);
+    i0.ɵɵlistener("click", function EntityPermissionsGridComponent_table_6_Template_th_click_11_listener() { i0.ɵɵrestoreView(_r29); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.flipAllPermissions("Delete")); });
     i0.ɵɵtext(12, "Delete");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "tbody");
-    i0.ɵɵtemplate(14, EntityPermissionsGridComponent_table_3_tr_14_Template, 11, 5, "tr", 6);
+    i0.ɵɵtemplate(14, EntityPermissionsGridComponent_table_6_tr_14_Template, 13, 8, "tr", 6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(14);
-    i0.ɵɵproperty("ngForOf", ctx_r2.permissions);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.Mode === "Entity");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.Mode === "Role");
+    i0.ɵɵadvance(10);
+    i0.ɵɵproperty("ngForOf", ctx_r1.permissions);
 } }
 export class EntityPermissionsGridComponent {
     constructor() {
+        this.Mode = 'Entity';
         this.BottomMargin = 0;
         this.PermissionChanged = new EventEmitter();
         this.permissions = [];
@@ -111,65 +158,127 @@ export class EntityPermissionsGridComponent {
             this.Refresh();
         }
     }
+    ValidateInputs() {
+        if (this.Mode === 'Entity' && (!this.EntityName || this.EntityName.length === 0))
+            throw new Error("EntityName is required when Mode is 'Entity'");
+        if (this.Mode === 'Role' && (!this.RoleName || this.RoleName.length === 0))
+            throw new Error("RoleName is required when Mode is 'Role'");
+    }
     Refresh() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.EntityName && this.EntityName.length > 0) {
-                const startTime = new Date().getTime();
-                this.isLoading = true;
-                const md = new Metadata();
-                const e = md.Entities.find(e => e.Name === this.EntityName);
-                if (!e)
-                    throw new Error("Entity not found: " + this.EntityName);
-                const rv = new RunView();
-                const result = yield rv.RunView({
-                    EntityName: 'Entity Permissions',
-                    ExtraFilter: 'EntityID=' + e.ID,
-                    OrderBy: 'RoleName ASC',
-                    ResultType: 'entity_object'
-                });
-                if (result.Success) {
-                    // we have all of the saved permissions now
-                    // the post-process we need to do now is to see if there are any roles that don't have any existing permissions and if so, we need to create 
-                    // new permission records for them. We won't actually consider those "Dirty" and save those unless the user actually selects one or more
-                    // to turn on, we are just doing this to make the grid easy to manage from the user perspective.
-                    const existingPermissions = result.Results;
-                    const roles = md.Roles;
+            this.ValidateInputs();
+            const startTime = new Date().getTime();
+            this.isLoading = true;
+            const md = new Metadata();
+            const entity = md.Entities.find(e => e.Name === this.EntityName);
+            if (this.Mode === 'Entity' && !entity)
+                throw new Error("Entity not found: " + this.EntityName);
+            const r = md.Roles.find(r => r.Name === this.RoleName);
+            if (this.Mode === 'Role' && !r)
+                throw new Error("Role not found: " + this.RoleName);
+            const rv = new RunView();
+            const filter = this.Mode === 'Entity' ? 'EntityID=' + entity.ID : `RoleName='${r === null || r === void 0 ? void 0 : r.Name}'`;
+            const result = yield rv.RunView({
+                EntityName: 'Entity Permissions',
+                ExtraFilter: filter,
+                OrderBy: 'RoleName ASC, Entity ASC',
+                ResultType: 'entity_object'
+            });
+            if (result.Success) {
+                // we have all of the saved permissions now
+                // the post-process we need to do now is to see if there are any roles that don't have any existing permissions and if so, we need to create 
+                // new permission records for them. We won't actually consider those "Dirty" and save those unless the user actually selects one or more
+                // to turn on, we are just doing this to make the grid easy to manage from the user perspective.
+                const existingPermissions = result.Results;
+                const roles = md.Roles;
+                if (this.Mode === 'Entity') {
                     const rolesWithNoPermissions = roles.filter(r => !existingPermissions.some(p => p.RoleName === r.Name));
                     for (const r of rolesWithNoPermissions) {
                         const p = yield md.GetEntityObject('Entity Permissions');
-                        p.NewRecord();
-                        p.EntityID = e.ID;
-                        p.RoleName = r.Name;
-                        p.CanRead = false;
-                        p.CanCreate = false;
-                        p.CanUpdate = false;
-                        p.CanDelete = false;
+                        // p.NewRecord();
+                        // p.EntityID = e!.ID;
+                        // p.RoleName = r.Name;
+                        // p.CanRead = false;
+                        // p.CanCreate = false;
+                        // p.CanUpdate = false;
+                        // p.CanDelete = false;
+                        p.LoadFromData({
+                            ID: null,
+                            Entity: entity.Name,
+                            EntityID: entity.ID,
+                            RoleName: r.Name,
+                            CanRead: false,
+                            CanCreate: false,
+                            CanUpdate: false,
+                            CanDelete: false
+                        });
                         existingPermissions.push(p);
                     }
                     this.permissions = existingPermissions.sort((a, b) => a.RoleName.localeCompare(b.RoleName));
                 }
-                else {
-                    throw new Error("Error loading entity permissions: " + result.ErrorMessage);
+                else if (this.Mode === 'Role') {
+                    // for the mode of Role, that means we want to show all entities and their permissions for the given role
+                    const entitiesWithNoPermissions = md.Entities.filter(e => !existingPermissions.some(p => p.EntityID === e.ID));
+                    for (const e of entitiesWithNoPermissions) {
+                        const p = yield md.GetEntityObject('Entity Permissions');
+                        // p.NewRecord();
+                        // p.EntityID = e.ID;
+                        // p.Set('Entity', e.Name); // this is a virtual field (not in the database, but we need it for the grid to display properly)
+                        // p.RoleName = r!.Name;
+                        // p.CanRead = false;
+                        // p.CanCreate = false;
+                        // p.CanUpdate = false;
+                        // p.CanDelete = false;
+                        p.LoadFromData({
+                            ID: null,
+                            Entity: e.Name,
+                            EntityID: e.ID,
+                            RoleName: r.Name,
+                            CanRead: false,
+                            CanCreate: false,
+                            CanUpdate: false,
+                            CanDelete: false
+                        });
+                        existingPermissions.push(p);
+                    }
+                    this.permissions = existingPermissions.sort((a, b) => a.Entity.localeCompare(b.Entity));
                 }
-                this.isLoading = false;
             }
+            else {
+                throw new Error("Error loading entity permissions: " + result.ErrorMessage);
+            }
+            this.isLoading = false;
         });
     }
     savePermissions() {
         return __awaiter(this, void 0, void 0, function* () {
-            // iterate through each permisison and for the ones that are dirty, add to transaction group then commit at once
-            const md = new Metadata();
-            const tg = yield md.CreateTransactionGroup();
-            let itemCount = 0;
-            this.permissions.forEach(p => {
-                if (this.IsPermissionReallyDirty(p)) {
-                    p.TransactionGroup = tg;
-                    itemCount++;
-                    p.Save(); // don't await since we are using a tg
-                }
-            });
-            if (itemCount > 0)
-                yield tg.Submit();
+            if (this.NumDirtyPermissions > 0) {
+                // iterate through each permisison and for the ones that are dirty, add to transaction group then commit at once
+                const md = new Metadata();
+                const tg = yield md.CreateTransactionGroup();
+                let itemCount = 0;
+                this.permissions.forEach(p => {
+                    if (this.IsPermissionReallyDirty(p)) {
+                        p.TransactionGroup = tg;
+                        itemCount++;
+                        p.Save(); // don't await since we are using a tg
+                    }
+                });
+                if (itemCount > 0)
+                    yield tg.Submit();
+            }
+        });
+    }
+    cancelEdit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.NumDirtyPermissions > 0) {
+                // go through and revert each permission that is REALLY dirty
+                this.permissions.forEach(p => {
+                    if (this.IsPermissionReallyDirty(p)) {
+                        p.Revert();
+                    }
+                });
+            }
         });
     }
     get NumDirtyPermissions() {
@@ -183,6 +292,83 @@ export class EntityPermissionsGridComponent {
         else
             return p.CanRead || p.CanCreate || p.CanUpdate || p.CanDelete; // if we have a new record, only consider it dirty if at least one permission is true
     }
+    flipAllPermissions(type) {
+        // first, figure out what we have the majority of, if we have more ON, then we will flip to OFF, otherwise we will flip to ON
+        let onCount = 0;
+        let offCount = 0;
+        this.permissions.forEach(p => {
+            if (type === 'Read') {
+                if (p.CanRead)
+                    onCount++;
+                else
+                    offCount++;
+            }
+            else if (type === 'Create') {
+                if (p.CanCreate)
+                    onCount++;
+                else
+                    offCount++;
+            }
+            else if (type === 'Update') {
+                if (p.CanUpdate)
+                    onCount++;
+                else
+                    offCount++;
+            }
+            else if (type === 'Delete') {
+                if (p.CanDelete)
+                    onCount++;
+                else
+                    offCount++;
+            }
+        });
+        const value = offCount > onCount;
+        // now set the permission for each permission record
+        for (const p of this.permissions) {
+            switch (type) {
+                case 'Read':
+                    p.CanRead = value;
+                    break;
+                case 'Create':
+                    p.CanCreate = value;
+                    break;
+                case 'Update':
+                    p.CanUpdate = value;
+                    break;
+                case 'Delete':
+                    p.CanDelete = value;
+                    break;
+            }
+            this.flipPermission(undefined, p, type, false); // call this function but tell it to NOT actually flip the permission, just to fire the event
+        }
+    }
+    revertRow(event, permission) {
+        if (this.IsPermissionReallyDirty(permission)) {
+            permission.Revert();
+            event.stopPropagation(); // don't bubble up to the parent row because that will do something else...
+        }
+    }
+    flipRow(permission) {
+        // if 2 or more are on, flip all to off, otherwise flip all to on
+        const onCount = (permission.CanRead ? 1 : 0) + (permission.CanCreate ? 1 : 0) + (permission.CanUpdate ? 1 : 0) + (permission.CanDelete ? 1 : 0);
+        const newValue = onCount < 2;
+        if (permission.CanRead !== newValue) {
+            permission.CanRead = newValue;
+            this.flipPermission(undefined, permission, 'Read', false); // fire the event but don't actually flip the permission
+        }
+        if (permission.CanCreate !== newValue) {
+            permission.CanCreate = newValue;
+            this.flipPermission(undefined, permission, 'Create', false); // fire the event but don't actually flip the permission
+        }
+        if (permission.CanUpdate !== newValue) {
+            permission.CanUpdate = newValue;
+            this.flipPermission(undefined, permission, 'Update', false); // fire the event but don't actually flip the permission
+        }
+        if (permission.CanDelete !== newValue) {
+            permission.CanDelete = newValue;
+            this.flipPermission(undefined, permission, 'Delete', false); // fire the event but don't actually flip the permission
+        }
+    }
     flipPermission(event, permission, type, flipPermission) {
         if (flipPermission) {
             switch (type) {
@@ -209,27 +395,42 @@ export class EntityPermissionsGridComponent {
             Value: value,
             Cancel: false
         });
-        if (!flipPermission)
+        if (!flipPermission && event)
             event.stopPropagation();
     }
 }
 EntityPermissionsGridComponent.ɵfac = function EntityPermissionsGridComponent_Factory(t) { return new (t || EntityPermissionsGridComponent)(); };
-EntityPermissionsGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityPermissionsGridComponent, selectors: [["mj-entity-permissions-grid"]], inputs: { EntityName: "EntityName", BottomMargin: "BottomMargin" }, outputs: { PermissionChanged: "PermissionChanged" }, features: [i0.ɵɵNgOnChangesFeature], decls: 4, vars: 3, consts: [["mjFillContainer", ""], [4, "ngIf"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["class", "grid", 4, "ngIf"], ["kendoButton", "", 3, "click"], [1, "grid"], [4, "ngFor", "ngForOf"], [3, "click"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange", "click"]], template: function EntityPermissionsGridComponent_Template(rf, ctx) { if (rf & 1) {
+EntityPermissionsGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityPermissionsGridComponent, selectors: [["mj-entity-permissions-grid"]], inputs: { Mode: "Mode", EntityName: "EntityName", RoleName: "RoleName", BottomMargin: "BottomMargin" }, outputs: { PermissionChanged: "PermissionChanged" }, features: [i0.ɵɵNgOnChangesFeature], decls: 7, vars: 4, consts: [["mjFillContainer", ""], [4, "ngIf"], ["kendoButton", "", 3, "disabled", "click"], ["class", "grid", 4, "ngIf"], [1, "grid"], [3, "click"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "ngClass"], [1, "permission-left-col", 3, "click"], [3, "icon", "click", 4, "ngIf"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange", "click"], [3, "icon", "click"]], template: function EntityPermissionsGridComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityPermissionsGridComponent_div_1_Template, 2, 0, "div", 1)(2, EntityPermissionsGridComponent_button_2_Template, 2, 0, "button", 2)(3, EntityPermissionsGridComponent_table_3_Template, 15, 1, "table", 3);
+        i0.ɵɵtemplate(1, EntityPermissionsGridComponent_div_1_Template, 2, 0, "div", 1);
+        i0.ɵɵelementStart(2, "button", 2);
+        i0.ɵɵlistener("click", function EntityPermissionsGridComponent_Template_button_click_2_listener() { return ctx.savePermissions(); });
+        i0.ɵɵtext(3, "Save");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "button", 2);
+        i0.ɵɵlistener("click", function EntityPermissionsGridComponent_Template_button_click_4_listener() { return ctx.cancelEdit(); });
+        i0.ɵɵtext(5, "Cancel");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(6, EntityPermissionsGridComponent_table_6_Template, 15, 3, "table", 3);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.isLoading);
         i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.NumDirtyPermissions > 0);
-        i0.ɵɵadvance();
+        i0.ɵɵproperty("disabled", ctx.NumDirtyPermissions === 0);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("disabled", ctx.NumDirtyPermissions === 0);
+        i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !ctx.isLoading);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.FillContainer, i4.ButtonComponent], styles: ["\n\r\ntable[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse; \n\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n}\r\n \r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\r\n    background-color: #f2f2f2; \n\r\n    color: black; \n\r\n    font-weight: bold; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\r\n    border: 1px solid gray; \n\r\n    height: 36px; \n\r\n    text-align: center;\r\n    padding: 0 8px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:first-child, table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {\r\n    width: 150px; \n\r\n    text-align: left;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:not(:first-child), table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child) {\r\n    width: 100px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(odd) {\r\n    background-color: white; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even) {\r\n    background-color: #e7f4ff; \n\r\n}"] });
+    } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.FillContainer, i4.ButtonComponent, i5.SVGIconComponent], styles: ["\n\r\ntable[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse; \n\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    width: 125px;\r\n}\r\n \r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\r\n    background-color: #f2f2f2; \n\r\n    color: black; \n\r\n    font-weight: bold; \n\r\n    cursor: pointer;\r\n}\r\n\r\n.permission-left-col[_ngcontent-%COMP%] {\r\n    cursor: pointer;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\r\n    border: 1px solid gray; \n\r\n    height: 36px; \n\r\n    text-align: center;\r\n    padding: 0 8px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:first-child, table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {\r\n    min-width: 150px; \n\r\n    text-align: left;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:not(:first-child), table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child) {\r\n    width: 100px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(odd) {\r\n    background-color: white; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even) {\r\n    background-color: #e7f4ff; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%]   tr.dirty-row[_ngcontent-%COMP%] {\r\n    font-style: italic;\r\n    background-color: #ffcccc;\r\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionsGridComponent, [{
         type: Component,
-        args: [{ selector: 'mj-entity-permissions-grid', template: "<div mjFillContainer>\r\n    <!-- We are going to do a simple custom grid here because Kendo Grid is way too much for this and doesn't show checkboxes even when not editing, this is cleaner and simpler -->\r\n    <!-- Assuming your component's selector is 'app-permissions-grid' -->\r\n    <div *ngIf=\"isLoading\">Loading permissions...</div>\r\n    <button *ngIf=\"NumDirtyPermissions > 0\" kendoButton (click)=\"savePermissions()\">Save</button>\r\n    <table *ngIf=\"!isLoading\" class=\"grid\">\r\n        <thead>\r\n            <tr>\r\n            <th>Role</th>\r\n            <th>Read</th>\r\n            <th>Update</th>\r\n            <th>Create</th>\r\n            <th>Delete</th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr *ngFor=\"let permission of permissions\">\r\n                <td>{{ permission.RoleName }}</td>\r\n                <td (click)=\"flipPermission($event, permission, 'Read', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanRead\" (click)=\"flipPermission($event, permission, 'Read', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Update', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanUpdate\" (click)=\"flipPermission($event, permission, 'Update', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Create', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanCreate\" (click)=\"flipPermission($event, permission, 'Create', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Delete', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanDelete\" (click)=\"flipPermission($event, permission, 'Delete', false)\">\r\n                </td>\r\n                </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n ", styles: ["/* Style for the whole table */\r\ntable {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse; /* Ensures border collapse for a cleaner look */\r\n}\r\n\r\nbutton {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n}\r\n \r\ntable th {\r\n    background-color: #f2f2f2; /* Light gray background for headers */\r\n    color: black; /* Black text color for headers */\r\n    font-weight: bold; /* Bold font weight for headers */\r\n}\r\n\r\n/* Style for all table cells */\r\ntable th, table td {\r\n    border: 1px solid gray; /* Gray border for cells */\r\n    height: 36px; /* Fixed height for all rows */\r\n    text-align: center;\r\n    padding: 0 8px; /* Add some padding inside cells */\r\n}\r\n\r\n/* Specific styles for the first column */\r\ntable th:first-child, table td:first-child {\r\n    width: 150px; /* Set width for the first column */\r\n    text-align: left;\r\n}\r\n\r\n/* Specific styles for the \"Can\" columns */\r\ntable th:not(:first-child), table td:not(:first-child) {\r\n    width: 100px; /* Set width for \"Can\" columns */\r\n}\r\n\r\n/* Alternating row background colors */\r\ntable tr:nth-child(odd) {\r\n    background-color: white; /* Light color for odd rows */\r\n}\r\n\r\ntable tr:nth-child(even) {\r\n    background-color: #e7f4ff; /* Light blue for even rows */\r\n}\r\n"] }]
-    }], () => [], { EntityName: [{
+        args: [{ selector: 'mj-entity-permissions-grid', template: "<div mjFillContainer>\r\n    <div *ngIf=\"isLoading\">Loading permissions...</div>\r\n    <button [disabled]=\"NumDirtyPermissions === 0\" kendoButton (click)=\"savePermissions()\">Save</button>\r\n    <button [disabled]=\"NumDirtyPermissions === 0\" kendoButton (click)=\"cancelEdit()\">Cancel</button>\r\n    <table *ngIf=\"!isLoading\" class=\"grid\">\r\n        <thead>\r\n            <tr>\r\n            <th *ngIf=\"this.Mode==='Entity'\">Role</th>\r\n            <th *ngIf=\"this.Mode==='Role'\">Entity</th>\r\n            <th (click)=\"flipAllPermissions('Read')\">Read</th>\r\n            <th (click)=\"flipAllPermissions('Create')\">Create</th>\r\n            <th (click)=\"flipAllPermissions('Update')\">Update</th>\r\n            <th (click)=\"flipAllPermissions('Delete')\">Delete</th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr *ngFor=\"let permission of permissions\" [ngClass]=\"IsPermissionReallyDirty(permission) ? 'dirty-row' : ''\">\r\n                <td class=\"permission-left-col\" (click)=\"flipRow(permission)\">\r\n                    <span *ngIf=\"this.Mode==='Entity'\">\r\n                        {{ permission.RoleName }}\r\n                    </span>\r\n                    <span *ngIf=\"this.Mode==='Role'\">\r\n                        {{ permission.Entity }}\r\n                    </span>\r\n                    <kendo-svgicon  *ngIf=\"IsPermissionReallyDirty(permission)\" \r\n                                    [icon]=\"kendoSVGIcon('arrowRotateCcwSmallIcon')\" \r\n                                    (click)=\"revertRow($event, permission)\"></kendo-svgicon></td>\r\n                <td (click)=\"flipPermission($event, permission, 'Read', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanRead\" (click)=\"flipPermission($event, permission, 'Read', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Create', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanCreate\" (click)=\"flipPermission($event, permission, 'Create', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Update', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanUpdate\" (click)=\"flipPermission($event, permission, 'Update', false)\">\r\n                </td>\r\n                <td (click)=\"flipPermission($event, permission, 'Delete', true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanDelete\" (click)=\"flipPermission($event, permission, 'Delete', false)\">\r\n                </td>\r\n                </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n ", styles: ["/* Style for the whole table */\r\ntable {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse; /* Ensures border collapse for a cleaner look */\r\n}\r\n\r\nbutton {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    width: 125px;\r\n}\r\n \r\ntable th {\r\n    background-color: #f2f2f2; /* Light gray background for headers */\r\n    color: black; /* Black text color for headers */\r\n    font-weight: bold; /* Bold font weight for headers */\r\n    cursor: pointer;\r\n}\r\n\r\n.permission-left-col {\r\n    cursor: pointer;\r\n}\r\n\r\n/* Style for all table cells */\r\ntable th, table td {\r\n    border: 1px solid gray; /* Gray border for cells */\r\n    height: 36px; /* Fixed height for all rows */\r\n    text-align: center;\r\n    padding: 0 8px; /* Add some padding inside cells */\r\n}\r\n\r\n/* Specific styles for the first column */\r\ntable th:first-child, table td:first-child {\r\n    min-width: 150px; /* Set width for the first column */\r\n    text-align: left;\r\n}\r\n\r\n/* Specific styles for the \"Can\" columns */\r\ntable th:not(:first-child), table td:not(:first-child) {\r\n    width: 100px; /* Set width for \"Can\" columns */\r\n}\r\n\r\n/* Alternating row background colors */\r\ntable tr:nth-child(odd) {\r\n    background-color: white; /* Light color for odd rows */\r\n}\r\n\r\ntable tr:nth-child(even) {\r\n    background-color: #e7f4ff; /* Light blue for even rows */\r\n}\r\n\r\ntable tr.dirty-row {\r\n    font-style: italic;\r\n    background-color: #ffcccc;\r\n}\r\n\r\n"] }]
+    }], () => [], { Mode: [{
+            type: Input
+        }], EntityName: [{
+            type: Input
+        }], RoleName: [{
             type: Input
         }], BottomMargin: [{
             type: Input

package/dist/lib/module.d.ts

@@ -16,3 +16,4 @@ export declare class EntityPermissionsModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<EntityPermissionsModule, [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent], [typeof i3.CommonModule, typeof i4.GridModule, typeof i5.FormsModule, typeof i6.DialogsModule, typeof i7.ExcelExportModule, typeof i8.CompareRecordsModule, typeof i9.ContainerDirectivesModule, typeof i10.ButtonsModule, typeof i11.IconsModule, typeof i12.DropDownsModule], [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntityPermissionsModule>;
 }
+//# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAiBA,qBAsBa,uBAAuB;yCAAvB,uBAAuB;0CAAvB,uBAAuB;0CAAvB,uBAAuB;CAAI"}

package/dist/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/entity-selector-with-grid/entity-selector-with-grid.component';
 export * from './lib/grid/entity-permissions-grid.component';
 export * from './lib/module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,qEAAqE,CAAA;AACnF,cAAc,8CAA8C,CAAA;AAC5D,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-entity-permissions",
-  "version": "0.9.3",
+  "version": "0.9.6",
   "description": "MemberJunction: Angular components for displaying/editing permissions for an entity, and related components.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,11 +25,11 @@
     "@angular/router": "~17.2.2"
   },
   "dependencies": {
-    "@memberjunction/core-entities": "^0.9.157",
-    "@memberjunction/global": "^0.9.153",
-    "@memberjunction/core": "^0.9.172",
-    "@memberjunction/ng-container-directives": "^0.9.136",
-    "@memberjunction/ng-shared": "^0.9.26",
+    "@memberjunction/core-entities": "^0.9.159",
+    "@memberjunction/global": "^0.9.155",
+    "@memberjunction/core": "^0.9.174",
+    "@memberjunction/ng-container-directives": "^0.9.138",
+    "@memberjunction/ng-shared": "^0.9.28",
     "@progress/kendo-angular-dropdowns": "~15.1.0",
     "@progress/kendo-angular-grid": "~15.1.0",
     "@progress/kendo-angular-buttons": "~15.1.0",