@memberjunction/ng-entity-permissions 0.9.2

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

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { EntityInfo } from '@memberjunction/core';
+import { EntityPermissionChangedEvent } from '../grid/entity-permissions-grid.component';
+import * as i0 from "@angular/core";
+export declare class EntityPermissionsSelectorWithGridComponent implements OnInit {
+    EntityName: string;
+    BottomMargin: number;
+    PermissionChanged: EventEmitter<EntityPermissionChangedEvent>;
+    CurrentEntity: EntityInfo | undefined;
+    private _md;
+    entityList: EntityInfo[];
+    ngOnInit(): void;
+    handlePermissionChanged(event: EntityPermissionChangedEvent): void;
+    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>;
+}

package/dist/lib/entity-selector-with-grid/entity-selector-with-grid.component.js

@@ -0,0 +1,61 @@
+import { Component, Output, EventEmitter, Input } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-container-directives";
+import * as i3 from "@progress/kendo-angular-dropdowns";
+import * as i4 from "../grid/entity-permissions-grid.component";
+function EntityPermissionsSelectorWithGridComponent_mj_entity_permissions_grid_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-permissions-grid", 3);
+    i0.ɵɵlistener("PermissionChanged", function EntityPermissionsSelectorWithGridComponent_mj_entity_permissions_grid_2_Template_mj_entity_permissions_grid_PermissionChanged_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handlePermissionChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("EntityName", ctx_r0.CurrentEntity.Name);
+} }
+export class EntityPermissionsSelectorWithGridComponent {
+    constructor() {
+        this.BottomMargin = 0;
+        this.PermissionChanged = new EventEmitter();
+        this.entityList = [];
+    }
+    ngOnInit() {
+        var _a;
+        this._md = new Metadata();
+        this.entityList = this._md.Entities.sort((a, b) => a.Name.localeCompare(b.Name));
+        if (((_a = this.entityList) === null || _a === void 0 ? void 0 : _a.length) > 0)
+            this.CurrentEntity = this.entityList[0];
+    }
+    handlePermissionChanged(event) {
+        // bubble up the event to our container component
+        this.PermissionChanged.emit(event);
+    }
+}
+EntityPermissionsSelectorWithGridComponent.ɵfac = function EntityPermissionsSelectorWithGridComponent_Factory(t) { return new (t || EntityPermissionsSelectorWithGridComponent)(); };
+EntityPermissionsSelectorWithGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityPermissionsSelectorWithGridComponent, selectors: [["mj-entity-permissions-selector-with-grid"]], inputs: { EntityName: "EntityName", BottomMargin: "BottomMargin", CurrentEntity: "CurrentEntity" }, outputs: { PermissionChanged: "PermissionChanged" }, decls: 3, vars: 3, consts: [["mjFillContainer", ""], ["textField", "Name", "valueField", "Name", "placeholder", "Select an entity...", 1, "entity-selector", 3, "data", "value", "valueChange"], ["class", "inner-grid", 3, "EntityName", "PermissionChanged", 4, "ngIf"], [1, "inner-grid", 3, "EntityName", "PermissionChanged"]], template: function EntityPermissionsSelectorWithGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "kendo-dropdownlist", 1);
+        i0.ɵɵtwoWayListener("valueChange", function EntityPermissionsSelectorWithGridComponent_Template_kendo_dropdownlist_valueChange_1_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.CurrentEntity, $event) || (ctx.CurrentEntity = $event); return $event; });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(2, EntityPermissionsSelectorWithGridComponent_mj_entity_permissions_grid_2_Template, 1, 1, "mj-entity-permissions-grid", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("data", ctx.entityList);
+        i0.ɵɵtwoWayProperty("value", ctx.CurrentEntity);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.CurrentEntity);
+    } }, dependencies: [i1.NgIf, i2.FillContainer, i3.DropDownListComponent, i4.EntityPermissionsGridComponent], styles: [".entity-selector[_ngcontent-%COMP%] {\r\n    min-width: 200px;\r\n    max-width: 500px;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionsSelectorWithGridComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-permissions-selector-with-grid', template: "<div mjFillContainer>\r\n    <kendo-dropdownlist\r\n        [data]=\"entityList\"\r\n        textField=\"Name\"\r\n        valueField=\"Name\"\r\n        placeholder=\"Select an entity...\"\r\n        class=\"entity-selector\"\r\n        [(value)]=\"CurrentEntity\"\r\n    >\r\n    </kendo-dropdownlist>\r\n    <mj-entity-permissions-grid class=\"inner-grid\" *ngIf=\"CurrentEntity\" [EntityName]=\"CurrentEntity.Name\" (PermissionChanged)=\"handlePermissionChanged($event)\"></mj-entity-permissions-grid>\r\n</div>\r\n ", styles: [".entity-selector {\r\n    min-width: 200px;\r\n    max-width: 500px;\r\n}"] }]
+    }], null, { EntityName: [{
+            type: Input
+        }], BottomMargin: [{
+            type: Input
+        }], PermissionChanged: [{
+            type: Output
+        }], CurrentEntity: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityPermissionsSelectorWithGridComponent, { className: "EntityPermissionsSelectorWithGridComponent", filePath: "src\\lib\\entity-selector-with-grid\\entity-selector-with-grid.component.ts", lineNumber: 13 }); })();

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

@@ -0,0 +1,30 @@
+import { EventEmitter, OnInit, SimpleChanges, OnChanges } from '@angular/core';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import { EntityPermissionEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export type EntityPermissionChangedEvent = {
+    EntityName: string;
+    RoleName: string;
+    PermissionTypeChanged: 'Read' | 'Create' | 'Update' | 'Delete';
+    Value: boolean;
+    Cancel: boolean;
+};
+export declare class EntityPermissionsGridComponent implements OnInit, OnChanges {
+    EntityName: string;
+    BottomMargin: number;
+    PermissionChanged: EventEmitter<EntityPermissionChangedEvent>;
+    permissions: EntityPermissionEntity[];
+    gridHeight: number;
+    isLoading: boolean;
+    kendoSVGIcon: typeof kendoSVGIcon;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    Refresh(): Promise<void>;
+    savePermissions(): Promise<void>;
+    get NumDirtyPermissions(): number;
+    protected IsPermissionReallyDirty(p: EntityPermissionEntity): boolean;
+    flipPermission(event: MouseEvent, 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>;
+}

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

@@ -0,0 +1,239 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Output, EventEmitter, Input } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+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";
+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");
+    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);
+    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)); });
+    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.ɵɵ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.ɵɵ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.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const permission_r6 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(permission_r6.RoleName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanRead);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanUpdate);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.CanCreate);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.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");
+    i0.ɵɵtext(6, "Read");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Update");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th");
+    i0.ɵɵtext(10, "Create");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th");
+    i0.ɵɵtext(12, "Delete");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "tbody");
+    i0.ɵɵtemplate(14, EntityPermissionsGridComponent_table_3_tr_14_Template, 11, 5, "tr", 6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(14);
+    i0.ɵɵproperty("ngForOf", ctx_r2.permissions);
+} }
+export class EntityPermissionsGridComponent {
+    constructor() {
+        this.BottomMargin = 0;
+        this.PermissionChanged = new EventEmitter();
+        this.permissions = [];
+        this.gridHeight = 750;
+        this.isLoading = false;
+        this.kendoSVGIcon = kendoSVGIcon;
+    }
+    ngOnInit() {
+        this.Refresh();
+    }
+    ngOnChanges(changes) {
+        if (changes.EntityName && !changes.EntityName.isFirstChange()) {
+            // If EntityName has changed and it's not the first change (initialization)
+            this.Refresh();
+        }
+    }
+    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;
+                    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;
+                        existingPermissions.push(p);
+                    }
+                    this.permissions = existingPermissions.sort((a, b) => a.RoleName.localeCompare(b.RoleName));
+                }
+                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();
+        });
+    }
+    get NumDirtyPermissions() {
+        return this.permissions.filter(p => this.IsPermissionReallyDirty(p)).length;
+    }
+    IsPermissionReallyDirty(p) {
+        if (!p.Dirty)
+            return false;
+        else if (p.ID > 0)
+            return true;
+        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
+    }
+    flipPermission(event, permission, type, flipPermission) {
+        if (flipPermission) {
+            switch (type) {
+                case 'Read':
+                    permission.CanRead = !permission.CanRead;
+                    break;
+                case 'Create':
+                    permission.CanCreate = !permission.CanCreate;
+                    break;
+                case 'Update':
+                    permission.CanUpdate = !permission.CanUpdate;
+                    break;
+                case 'Delete':
+                    permission.CanDelete = !permission.CanDelete;
+                    break;
+            }
+        }
+        // always fire the event
+        const value = type === 'Read' ? permission.CanRead : type === 'Create' ? permission.CanCreate : type === 'Update' ? permission.CanUpdate : permission.CanDelete;
+        this.PermissionChanged.emit({
+            EntityName: this.EntityName,
+            RoleName: permission.RoleName,
+            PermissionTypeChanged: type,
+            Value: value,
+            Cancel: false
+        });
+        if (!flipPermission)
+            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) {
+        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.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.isLoading);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.NumDirtyPermissions > 0);
+        i0.ɵɵadvance();
+        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}"] });
+(() => { (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: [{
+            type: Input
+        }], BottomMargin: [{
+            type: Input
+        }], PermissionChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityPermissionsGridComponent, { className: "EntityPermissionsGridComponent", filePath: "src\\lib\\grid\\entity-permissions-grid.component.ts", lineNumber: 21 }); })();

package/dist/lib/module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./grid/entity-permissions-grid.component";
+import * as i2 from "./entity-selector-with-grid/entity-selector-with-grid.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-grid";
+import * as i5 from "@angular/forms";
+import * as i6 from "@progress/kendo-angular-dialog";
+import * as i7 from "@progress/kendo-angular-excel-export";
+import * as i8 from "@memberjunction/ng-compare-records";
+import * as i9 from "@memberjunction/ng-container-directives";
+import * as i10 from "@progress/kendo-angular-buttons";
+import * as i11 from "@progress/kendo-angular-icons";
+import * as i12 from "@progress/kendo-angular-dropdowns";
+export declare class EntityPermissionsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityPermissionsModule, never>;
+    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>;
+}

package/dist/lib/module.js

@@ -0,0 +1,66 @@
+import { NgModule } from '@angular/core';
+import { EntityPermissionsGridComponent } from './grid/entity-permissions-grid.component';
+import { CommonModule } from '@angular/common';
+// Kendo UI Angular imports
+import { GridModule } from '@progress/kendo-angular-grid';
+import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
+import { DialogsModule } from "@progress/kendo-angular-dialog";
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { CompareRecordsModule } from '@memberjunction/ng-compare-records';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
+import { FormsModule } from '@angular/forms';
+import { EntityPermissionsSelectorWithGridComponent } from './entity-selector-with-grid/entity-selector-with-grid.component';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import * as i0 from "@angular/core";
+export class EntityPermissionsModule {
+}
+EntityPermissionsModule.ɵfac = function EntityPermissionsModule_Factory(t) { return new (t || EntityPermissionsModule)(); };
+EntityPermissionsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: EntityPermissionsModule });
+EntityPermissionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        GridModule,
+        FormsModule,
+        DialogsModule,
+        ExcelExportModule,
+        CompareRecordsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        IconsModule,
+        DropDownsModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionsModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    EntityPermissionsGridComponent,
+                    EntityPermissionsSelectorWithGridComponent
+                ],
+                imports: [
+                    CommonModule,
+                    GridModule,
+                    FormsModule,
+                    DialogsModule,
+                    ExcelExportModule,
+                    CompareRecordsModule,
+                    ContainerDirectivesModule,
+                    ButtonsModule,
+                    IconsModule,
+                    DropDownsModule
+                ],
+                exports: [
+                    EntityPermissionsGridComponent,
+                    EntityPermissionsSelectorWithGridComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EntityPermissionsModule, { declarations: [EntityPermissionsGridComponent,
+        EntityPermissionsSelectorWithGridComponent], imports: [CommonModule,
+        GridModule,
+        FormsModule,
+        DialogsModule,
+        ExcelExportModule,
+        CompareRecordsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        IconsModule,
+        DropDownsModule], exports: [EntityPermissionsGridComponent,
+        EntityPermissionsSelectorWithGridComponent] }); })();

package/dist/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/entity-selector-with-grid/entity-selector-with-grid.component';
+export * from './lib/grid/entity-permissions-grid.component';
+export * from './lib/module';

package/dist/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface
+ */
+export * from './lib/entity-selector-with-grid/entity-selector-with-grid.component';
+export * from './lib/grid/entity-permissions-grid.component';
+export * from './lib/module';

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@memberjunction/ng-entity-permissions",
+  "version": "0.9.2",
+  "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",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "ngc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "~17.2.2",
+    "@angular/compiler-cli": "~17.2.2"
+  },
+  "peerDependencies": {
+    "@angular/common": "~17.2.2",
+    "@angular/core": "~17.2.2",
+    "@angular/forms": "~17.2.2",
+    "@angular/router": "~17.2.2"
+  },
+  "dependencies": {
+    "@memberjunction/core-entities": "^0.9.156",
+    "@memberjunction/global": "^0.9.153",
+    "@memberjunction/core": "^0.9.172",
+    "@memberjunction/ng-container-directives": "^0.9.136",
+    "@memberjunction/ng-shared": "^0.9.25",
+    "@progress/kendo-angular-dropdowns": "~15.1.0",
+    "@progress/kendo-angular-grid": "~15.1.0",
+    "@progress/kendo-angular-buttons": "~15.1.0",
+    "@progress/kendo-angular-dialog": "~15.1.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}