@memberjunction/ng-resource-permissions 5.22.0 → 5.24.0

package/dist/lib/available-resources.component.d.ts

@@ -3,8 +3,7 @@ import { EntityFieldInfo, UserInfo } from '@memberjunction/core';
 import { MJResourcePermissionEntity } from '@memberjunction/core-entities';
 import { ResourceData } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
-import { SelectionEvent } from '@progress/kendo-angular-grid';
-import { GridComponent } from '@progress/kendo-angular-grid';
+import { ColDef, GridReadyEvent, GetRowIdParams, RowSelectionOptions, SelectionChangedEvent, type Theme } from 'ag-grid-community';
 import * as i0 from "@angular/core";
 /**
  * This component displays a list of available resources for a user for a specific Resource Type.
@@ -20,10 +19,15 @@ export declare class AvailableResourcesComponent extends BaseAngularComponent im
     ExtraColumns: string;
     SelectedResources: ResourceData[];
     SelectionChanged: EventEmitter<ResourceData[]>;
-    gridRecordSelection: string[];
     gridExtraColumns: EntityFieldInfo[];
-    resourcesGrid: GridComponent;
-    onSelectionChange(e: SelectionEvent): void;
+    ColumnDefs: ColDef[];
+    DefaultColDef: ColDef;
+    RowSelectionConfig: RowSelectionOptions;
+    GridTheme: Theme;
+    private gridApi;
+    getRowId: (params: GetRowIdParams<ResourceData>) => string;
+    onGridReady(event: GridReadyEvent): void;
+    onSelectionChange(event: SelectionChangedEvent): void;
     resourcePermissions: MJResourcePermissionEntity[];
     resources: ResourceData[];
     ngAfterViewInit(): Promise<void>;
@@ -31,6 +35,8 @@ export declare class AvailableResourcesComponent extends BaseAngularComponent im
      * This method will refresh the contents of the component based on the current state of the component.
      */
     Refresh(): Promise<void>;
+    private buildColumnDefs;
+    private applyPreselection;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvailableResourcesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AvailableResourcesComponent, "mj-available-resources", never, { "User": { "alias": "User"; "required": false; }; "ResourceTypeID": { "alias": "ResourceTypeID"; "required": false; }; "ResourceExtraFilter": { "alias": "ResourceExtraFilter"; "required": false; }; "SelectionMode": { "alias": "SelectionMode"; "required": false; }; "ExtraColumns": { "alias": "ExtraColumns"; "required": false; }; "SelectedResources": { "alias": "SelectedResources"; "required": false; }; }, { "SelectionChanged": "SelectionChanged"; }, never, never, false, never>;
 }

package/dist/lib/available-resources.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"available-resources.component.d.ts","sourceRoot":"","sources":["../../src/lib/available-resources.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;AACjG,OAAO,EAAE,eAAe,EAAW,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAA4B,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;;AAE7D;;GAEG;AACH,qBAMa,2BAA6B,SAAQ,oBAAqB,YAAW,aAAa;IAClF,IAAI,EAAG,QAAQ,CAAC;IAChB,cAAc,EAAG,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEzD;;OAEG;IACM,YAAY,EAAE,MAAM,CAAM;IAE1B,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACtC,gBAAgB,+BAAsC;IAEzD,mBAAmB,EAAE,MAAM,EAAE,CAAM;IACnC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IAEpB,aAAa,EAAG,aAAa,CAAC;IACnD,iBAAiB,CAAC,CAAC,EAAE,cAAc;IAcnC,mBAAmB,EAAE,0BAA0B,EAAE,CAAM;IACvD,SAAS,EAAE,YAAY,EAAE,CAAM;IAChC,eAAe;IAIrB;;OAEG;IACU,OAAO;yCAzCX,2BAA2B;2CAA3B,2BAA2B;CA8FvC"}
+{"version":3,"file":"available-resources.component.d.ts","sourceRoot":"","sources":["../../src/lib/available-resources.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,eAAe,EAAW,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAA4B,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACL,MAAM,EACN,cAAc,EAEd,cAAc,EAGd,mBAAmB,EACnB,qBAAqB,EAGrB,KAAK,KAAK,EACX,MAAM,mBAAmB,CAAC;;AAK3B;;GAEG;AACH,qBAMa,2BAA6B,SAAQ,oBAAqB,YAAW,aAAa;IAClF,IAAI,EAAG,QAAQ,CAAC;IAChB,cAAc,EAAG,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEzD;;OAEG;IACM,YAAY,EAAE,MAAM,CAAM;IAE1B,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACtC,gBAAgB,+BAAsC;IAEzD,gBAAgB,EAAE,eAAe,EAAE,CAAM;IAGzC,UAAU,EAAE,MAAM,EAAE,CAAM;IAC1B,aAAa,EAAE,MAAM,CAI1B;IACK,kBAAkB,EAAE,mBAAmB,CAI5C;IACK,SAAS,EAAE,KAAK,CAA6C;IACpE,OAAO,CAAC,OAAO,CAAwB;IAEhC,QAAQ,GAAI,QAAQ,cAAc,CAAC,YAAY,CAAC,KAAG,MAAM,CAE9D;IAEK,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKxC,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAWrD,mBAAmB,EAAE,0BAA0B,EAAE,CAAM;IACvD,SAAS,EAAE,YAAY,EAAE,CAAM;IAChC,eAAe;IAIrB;;OAEG;IACU,OAAO;IAmEpB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,iBAAiB;yCAhJhB,2BAA2B;2CAA3B,2BAA2B;CA2JvC"}

package/dist/lib/available-resources.component.js

@@ -1,45 +1,23 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { RunView } from '@memberjunction/core';
 import { ResourcePermissionEngine } from '@memberjunction/core-entities';
 import { UUIDsEqual } from '@memberjunction/global';
 import { ResourceData } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ModuleRegistry, AllCommunityModule, themeAlpine, colorSchemeVariable } from 'ag-grid-community';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-grid";
-const _c0 = ["resourcesGrid"];
-const _c1 = a0 => ({ mode: a0 });
-function AvailableResourcesComponent_Conditional_1_For_4_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const dataItem_r3 = ctx.$implicit;
-    const col_r4 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", dataItem_r3.Configuration[col_r4.Name], " ");
-} }
-function AvailableResourcesComponent_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-grid-column", 5);
-    i0.ɵɵtemplate(1, AvailableResourcesComponent_Conditional_1_For_4_ng_template_1_Template, 1, 1, "ng-template", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r4 = ctx.$implicit;
-    i0.ɵɵproperty("title", col_r4.DisplayNameOrName);
-} }
+import * as i1 from "ag-grid-angular";
 function AvailableResourcesComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-grid", 3, 0);
-    i0.ɵɵlistener("selectionChange", function AvailableResourcesComponent_Conditional_1_Template_kendo_grid_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
-    i0.ɵɵtwoWayListener("selectedKeysChange", function AvailableResourcesComponent_Conditional_1_Template_kendo_grid_selectedKeysChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.gridRecordSelection, $event) || (ctx_r1.gridRecordSelection = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelement(2, "kendo-grid-column", 4);
-    i0.ɵɵrepeaterCreate(3, AvailableResourcesComponent_Conditional_1_For_4_Template, 2, 1, "kendo-grid-column", 5, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "ag-grid-angular", 2);
+    i0.ɵɵlistener("selectionChanged", function AvailableResourcesComponent_Conditional_1_Template_ag_grid_angular_selectionChanged_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); })("gridReady", function AvailableResourcesComponent_Conditional_1_Template_ag_grid_angular_gridReady_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onGridReady($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("data", ctx_r1.resources)("selectable", i0.ɵɵpureFunction1(4, _c1, ctx_r1.SelectionMode.toLowerCase() === "Single" ? "single" : "multiple"));
-    i0.ɵɵtwoWayProperty("selectedKeys", ctx_r1.gridRecordSelection);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("width", 225);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.gridExtraColumns);
+    i0.ɵɵproperty("theme", ctx_r1.GridTheme)("rowData", ctx_r1.resources)("columnDefs", ctx_r1.ColumnDefs)("defaultColDef", ctx_r1.DefaultColDef)("rowSelection", ctx_r1.RowSelectionConfig)("getRowId", ctx_r1.getRowId);
 } }
+// Register AG Grid modules
+ModuleRegistry.registerModules([AllCommunityModule]);
 /**
  * This component displays a list of available resources for a user for a specific Resource Type.
  */
@@ -54,16 +32,33 @@ export class AvailableResourcesComponent extends BaseAngularComponent {
     ExtraColumns = "";
     SelectedResources = [];
     SelectionChanged = new EventEmitter();
-    gridRecordSelection = [];
     gridExtraColumns = [];
-    resourcesGrid;
-    onSelectionChange(e) {
+    // AG Grid configuration
+    ColumnDefs = [];
+    DefaultColDef = {
+        sortable: true,
+        resizable: true,
+        filter: false
+    };
+    RowSelectionConfig = {
+        mode: 'singleRow',
+        checkboxes: false,
+        enableClickSelection: true
+    };
+    GridTheme = themeAlpine.withPart(colorSchemeVariable);
+    gridApi = null;
+    getRowId = (params) => {
+        return params.data.ResourceRecordID;
+    };
+    onGridReady(event) {
+        this.gridApi = event.api;
+        this.applyPreselection();
+    }
+    onSelectionChange(event) {
+        const selectedRows = event.api.getSelectedRows();
         this.SelectedResources.splice(0, this.SelectedResources.length); // empty the array
-        this.gridRecordSelection.forEach((item) => {
-            const resourceMatch = this.resources.find((r) => UUIDsEqual(r.ResourceRecordID, item));
-            if (resourceMatch) {
-                this.SelectedResources.push(resourceMatch);
-            }
+        selectedRows.forEach((item) => {
+            this.SelectedResources.push(item);
         });
         // now bubble up the event
         this.SelectionChanged.emit(this.SelectedResources);
@@ -105,6 +100,8 @@ export class AvailableResourcesComponent extends BaseAngularComponent {
                         this.gridExtraColumns.push(field);
                 });
             }
+            // Build column definitions after we know the extra columns
+            this.buildColumnDefs();
             const extraFilter = this.ResourceExtraFilter ? ` AND (${this.ResourceExtraFilter})` : '';
             const result = await rv.RunView({
                 EntityName: entity.Name,
@@ -123,26 +120,53 @@ export class AvailableResourcesComponent extends BaseAngularComponent {
                     Configuration: r // pass the whole resource record into configuration so it is accessible as desired
                 });
             });
+            // Update selection mode based on input
+            this.RowSelectionConfig = {
+                mode: this.SelectionMode.toLowerCase() === 'single' ? 'singleRow' : 'multiRow',
+                checkboxes: false,
+                enableClickSelection: true
+            };
+            // Re-apply preselection after data loads
+            this.applyPreselection();
         }
     }
+    buildColumnDefs() {
+        const cols = [
+            { field: 'Name', headerName: 'Name', width: 225 }
+        ];
+        for (const col of this.gridExtraColumns) {
+            cols.push({
+                headerName: col.DisplayNameOrName,
+                valueGetter: (params) => {
+                    return params.data?.Configuration?.[col.Name] ?? '';
+                }
+            });
+        }
+        this.ColumnDefs = cols;
+    }
+    applyPreselection() {
+        if (!this.gridApi || this.SelectedResources.length === 0)
+            return;
+        this.gridApi.forEachNode((node) => {
+            const isSelected = this.SelectedResources.some((r) => UUIDsEqual(r.ResourceRecordID, node.data?.ResourceRecordID));
+            if (isSelected) {
+                node.setSelected(true);
+            }
+        });
+    }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAvailableResourcesComponent_BaseFactory; return function AvailableResourcesComponent_Factory(__ngFactoryType__) { return (ɵAvailableResourcesComponent_BaseFactory || (ɵAvailableResourcesComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AvailableResourcesComponent)))(__ngFactoryType__ || AvailableResourcesComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AvailableResourcesComponent, selectors: [["mj-available-resources"]], viewQuery: function AvailableResourcesComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourcesGrid = _t.first);
-        } }, inputs: { User: "User", ResourceTypeID: "ResourceTypeID", ResourceExtraFilter: "ResourceExtraFilter", SelectionMode: "SelectionMode", ExtraColumns: "ExtraColumns", SelectedResources: "SelectedResources" }, outputs: { SelectionChanged: "SelectionChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["resourcesGrid", ""], [1, "container"], ["kendoGridSelectBy", "ResourceRecordID", 2, "width", "100%", "max-height", "400px", 3, "data", "selectable", "selectedKeys"], ["kendoGridSelectBy", "ResourceRecordID", 2, "width", "100%", "max-height", "400px", 3, "selectionChange", "selectedKeysChange", "data", "selectable", "selectedKeys"], ["field", "Name", "title", "Name", 3, "width"], [3, "title"], ["kendoGridCellTemplate", ""]], template: function AvailableResourcesComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵconditionalCreate(1, AvailableResourcesComponent_Conditional_1_Template, 5, 6, "kendo-grid", 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AvailableResourcesComponent, selectors: [["mj-available-resources"]], inputs: { User: "User", ResourceTypeID: "ResourceTypeID", ResourceExtraFilter: "ResourceExtraFilter", SelectionMode: "SelectionMode", ExtraColumns: "ExtraColumns", SelectedResources: "SelectedResources" }, outputs: { SelectionChanged: "SelectionChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "container"], [1, "resources-grid", 2, "width", "100%", "height", "400px", 3, "theme", "rowData", "columnDefs", "defaultColDef", "rowSelection", "getRowId"], [1, "resources-grid", 2, "width", "100%", "height", "400px", 3, "selectionChanged", "gridReady", "theme", "rowData", "columnDefs", "defaultColDef", "rowSelection", "getRowId"]], template: function AvailableResourcesComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, AvailableResourcesComponent_Conditional_1_Template, 1, 6, "ag-grid-angular", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.User ? 1 : -1);
-        } }, dependencies: [i1.GridComponent, i1.SelectionDirective, i1.ColumnComponent, i1.CellTemplateDirective], styles: ["\n\n.container[_ngcontent-%COMP%] {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nh3[_ngcontent-%COMP%] {\n  margin-bottom: var(--mj-space-4);\n  font-size: var(--mj-text-2xl);\n  color: var(--mj-text-primary);\n}\n\n\n\nkendo-grid[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n  background-color: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nkendo-grid-header[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nkendo-grid[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  color: var(--mj-text-primary);\n}\n\nkendo-grid[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-default);\n}"] });
+        } }, dependencies: [i1.AgGridAngular], styles: ["\n\n.container[_ngcontent-%COMP%] {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nh3[_ngcontent-%COMP%] {\n  margin-bottom: var(--mj-space-4);\n  font-size: var(--mj-text-2xl);\n  color: var(--mj-text-primary);\n}\n\n\n\n.resources-grid[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AvailableResourcesComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-available-resources', template: "<div class=\"container\">\n    @if (User) {\n        <kendo-grid\n            #resourcesGrid\n            [data]=\"resources\"\n            [selectable]=\"{ mode: SelectionMode.toLowerCase() === 'Single' ? 'single' : 'multiple' }\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            style=\"width: 100%; max-height: 400px;\"\n            kendoGridSelectBy=\"ResourceRecordID\"\n            [(selectedKeys)]=\"gridRecordSelection\"\n          >\n            <kendo-grid-column field=\"Name\" title=\"Name\" [width]=\"225\">\n            </kendo-grid-column>\n\n            @for (col of gridExtraColumns; track col) {\n                <kendo-grid-column [title]=\"col.DisplayNameOrName\">\n                    <ng-template kendoGridCellTemplate let-dataItem>\n                        {{ dataItem.Configuration[col.Name] }} \n                    </ng-template>\n                </kendo-grid-column>\n            }\n        </kendo-grid>    \n    }\n  </div>\n  ", styles: ["/* Container styling */\n.container {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nh3 {\n  margin-bottom: var(--mj-space-4);\n  font-size: var(--mj-text-2xl);\n  color: var(--mj-text-primary);\n}\n\n/* Grid styling */\nkendo-grid {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n  background-color: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nkendo-grid-header {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nkendo-grid td {\n  padding: var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  cursor: pointer;\n  color: var(--mj-text-primary);\n}\n\nkendo-grid th {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-default);\n}"] }]
+        args: [{ standalone: false, selector: 'mj-available-resources', template: "<div class=\"container\">\n    @if (User) {\n        <ag-grid-angular\n            class=\"resources-grid\"\n            [theme]=\"GridTheme\"\n            [rowData]=\"resources\"\n            [columnDefs]=\"ColumnDefs\"\n            [defaultColDef]=\"DefaultColDef\"\n            [rowSelection]=\"RowSelectionConfig\"\n            [getRowId]=\"getRowId\"\n            (selectionChanged)=\"onSelectionChange($event)\"\n            (gridReady)=\"onGridReady($event)\"\n            style=\"width: 100%; height: 400px;\">\n        </ag-grid-angular>\n    }\n  </div>\n", styles: ["/* Container styling */\n.container {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\nh3 {\n  margin-bottom: var(--mj-space-4);\n  font-size: var(--mj-text-2xl);\n  color: var(--mj-text-primary);\n}\n\n/* AG Grid wrapper */\n.resources-grid {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}\n"] }]
     }], null, { User: [{
             type: Input
         }], ResourceTypeID: [{
@@ -157,9 +181,6 @@ export class AvailableResourcesComponent extends BaseAngularComponent {
             type: Input
         }], SelectionChanged: [{
             type: Output
-        }], resourcesGrid: [{
-            type: ViewChild,
-            args: ['resourcesGrid']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AvailableResourcesComponent, { className: "AvailableResourcesComponent", filePath: "src/lib/available-resources.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AvailableResourcesComponent, { className: "AvailableResourcesComponent", filePath: "src/lib/available-resources.component.ts", lineNumber: 33 }); })();
 //# sourceMappingURL=available-resources.component.js.map

package/dist/lib/available-resources.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"available-resources.component.js","sourceRoot":"","sources":["../../src/lib/available-resources.component.ts","../../src/lib/available-resources.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { EntityFieldInfo, RunView, UserInfo } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { SelectionEvent } from '@progress/kendo-angular-grid';\nimport { GridComponent } from '@progress/kendo-angular-grid';\n\n/**\n * This component displays a list of available resources for a user for a specific Resource Type.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-available-resources',\n  templateUrl: './available-resources.component.html',\n  styleUrls: ['./available-resources.component.css']\n})\nexport class AvailableResourcesComponent  extends BaseAngularComponent implements AfterViewInit {\n    @Input() User!: UserInfo;\n    @Input() ResourceTypeID!: string;\n    @Input() ResourceExtraFilter?: string;\n    @Input() SelectionMode: 'Single' | 'Multiple' = 'Single';\n\n    /**\n     * Optional, comma-delimited list of field names to provide extra columns here to display in the grid. These columns will be displayed after the Name of the resource\n     */\n    @Input() ExtraColumns: string = \"\";\n\n    @Input() SelectedResources: ResourceData[] = [];\n    @Output() SelectionChanged = new EventEmitter<ResourceData[]>();\n\n    public gridRecordSelection: string[] = [];\n    public gridExtraColumns: EntityFieldInfo[] = [];\n\n    @ViewChild('resourcesGrid') resourcesGrid!: GridComponent;\n    public onSelectionChange(e: SelectionEvent) {\n        this.SelectedResources.splice(0, this.SelectedResources.length); // empty the array\n\n        this.gridRecordSelection.forEach((item) => {\n            const resourceMatch = this.resources.find((r) => UUIDsEqual(r.ResourceRecordID, item));\n            if (resourceMatch) {\n                this.SelectedResources.push(resourceMatch);\n            }\n        });\n\n        // now bubble up the event\n        this.SelectionChanged.emit(this.SelectedResources);\n    }\n\n    public resourcePermissions: MJResourcePermissionEntity[] = [];\n    public resources: ResourceData[] = [];\n    async ngAfterViewInit() {\n        await this.Refresh();\n    }\n\n    /**\n     * This method will refresh the contents of the component based on the current state of the component.  \n     */\n    public async Refresh() {\n        if (!this.User) {\n            throw new Error('User is a required property for the AvailableResourcesDialogComponent');\n        }\n\n        // now we can get the permissions for the specified resource\n        this.resourcePermissions = ResourcePermissionEngine.Instance.GetUserAvailableResources(this.User, this.ResourceTypeID);\n        if (this.resourcePermissions.length === 0) {\n            this.resources = [];\n        }\n        else {\n            const rt = ResourcePermissionEngine.Instance.ResourceTypes.find(rt => UUIDsEqual(rt.ID, this.ResourceTypeID));\n            if (!rt || !rt.EntityID)\n                throw new Error(`Resource Type ${this.ResourceTypeID} not found`);\n\n            const p = this.ProviderToUse;\n            const entity = p.Entities.find(e => UUIDsEqual(e.ID, rt.EntityID));\n            if (!entity || !entity.NameField)\n                throw new Error(`Entity ${rt.EntityID} not found, or no Name field defined`);\n            const rv = new RunView(this.RunViewToUse);\n            const nameField = entity.NameField;\n            if (this.ExtraColumns && this.ExtraColumns.length > 0) {\n                /// split the comma delim string and for each item find it in the EntityFields collection\n                const extraColumns = this.ExtraColumns.split(',');\n                this.gridExtraColumns = [];\n                extraColumns.forEach((ec) => {\n                    const field = entity.Fields.find((f) => f.Name.trim().toLowerCase() === ec.trim().toLowerCase());\n                    if (field) \n                        this.gridExtraColumns.push(field);\n                });\n            }\n\n            const extraFilter = this.ResourceExtraFilter ? ` AND (${this.ResourceExtraFilter})` : '';\n            const result = await rv.RunView({\n                EntityName: entity.Name,\n                ExtraFilter: `(ID in (${this.resourcePermissions.map((r) => `'${r.ResourceRecordID}'`).join(',')})${extraFilter})`,\n                OrderBy: nameField.Name\n            })\n            if (!result || !result.Success)\n                throw new Error(`Error running view for entity ${entity.Name}`);\n\n            // only return rows where we have a record in result.Results\n            this.resources = result.Results.map((r) => {\n                return new ResourceData({\n                    ResourceRecordID: r.ID,\n                    Name: r[nameField.Name],\n                    ResourceTypeID: this.ResourceTypeID,\n                    ResourceType: rt.Name,\n                    Configuration: r // pass the whole resource record into configuration so it is accessible as desired\n                });\n            });\n        }\n    }\n}\n","<div class=\"container\">\n    @if (User) {\n        <kendo-grid\n            #resourcesGrid\n            [data]=\"resources\"\n            [selectable]=\"{ mode: SelectionMode.toLowerCase() === 'Single' ? 'single' : 'multiple' }\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            style=\"width: 100%; max-height: 400px;\"\n            kendoGridSelectBy=\"ResourceRecordID\"\n            [(selectedKeys)]=\"gridRecordSelection\"\n          >\n            <kendo-grid-column field=\"Name\" title=\"Name\" [width]=\"225\">\n            </kendo-grid-column>\n\n            @for (col of gridExtraColumns; track col) {\n                <kendo-grid-column [title]=\"col.DisplayNameOrName\">\n                    <ng-template kendoGridCellTemplate let-dataItem>\n                        {{ dataItem.Configuration[col.Name] }} \n                    </ng-template>\n                </kendo-grid-column>\n            }\n        </kendo-grid>    \n    }\n  </div>\n  "]}
+{"version":3,"file":"available-resources.component.js","sourceRoot":"","sources":["../../src/lib/available-resources.component.ts","../../src/lib/available-resources.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { EntityFieldInfo, RunView, UserInfo } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n  ColDef,\n  GridReadyEvent,\n  GridApi,\n  GetRowIdParams,\n  ModuleRegistry,\n  AllCommunityModule,\n  RowSelectionOptions,\n  SelectionChangedEvent,\n  themeAlpine,\n  colorSchemeVariable,\n  type Theme\n} from 'ag-grid-community';\n\n// Register AG Grid modules\nModuleRegistry.registerModules([AllCommunityModule]);\n\n/**\n * This component displays a list of available resources for a user for a specific Resource Type.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-available-resources',\n  templateUrl: './available-resources.component.html',\n  styleUrls: ['./available-resources.component.css']\n})\nexport class AvailableResourcesComponent  extends BaseAngularComponent implements AfterViewInit {\n    @Input() User!: UserInfo;\n    @Input() ResourceTypeID!: string;\n    @Input() ResourceExtraFilter?: string;\n    @Input() SelectionMode: 'Single' | 'Multiple' = 'Single';\n\n    /**\n     * Optional, comma-delimited list of field names to provide extra columns here to display in the grid. These columns will be displayed after the Name of the resource\n     */\n    @Input() ExtraColumns: string = \"\";\n\n    @Input() SelectedResources: ResourceData[] = [];\n    @Output() SelectionChanged = new EventEmitter<ResourceData[]>();\n\n    public gridExtraColumns: EntityFieldInfo[] = [];\n\n    // AG Grid configuration\n    public ColumnDefs: ColDef[] = [];\n    public DefaultColDef: ColDef = {\n        sortable: true,\n        resizable: true,\n        filter: false\n    };\n    public RowSelectionConfig: RowSelectionOptions = {\n        mode: 'singleRow',\n        checkboxes: false,\n        enableClickSelection: true\n    };\n    public GridTheme: Theme = themeAlpine.withPart(colorSchemeVariable);\n    private gridApi: GridApi | null = null;\n\n    public getRowId = (params: GetRowIdParams<ResourceData>): string => {\n        return params.data.ResourceRecordID;\n    };\n\n    public onGridReady(event: GridReadyEvent): void {\n        this.gridApi = event.api;\n        this.applyPreselection();\n    }\n\n    public onSelectionChange(event: SelectionChangedEvent): void {\n        const selectedRows = event.api.getSelectedRows() as ResourceData[];\n        this.SelectedResources.splice(0, this.SelectedResources.length); // empty the array\n        selectedRows.forEach((item) => {\n            this.SelectedResources.push(item);\n        });\n\n        // now bubble up the event\n        this.SelectionChanged.emit(this.SelectedResources);\n    }\n\n    public resourcePermissions: MJResourcePermissionEntity[] = [];\n    public resources: ResourceData[] = [];\n    async ngAfterViewInit() {\n        await this.Refresh();\n    }\n\n    /**\n     * This method will refresh the contents of the component based on the current state of the component.\n     */\n    public async Refresh() {\n        if (!this.User) {\n            throw new Error('User is a required property for the AvailableResourcesDialogComponent');\n        }\n\n        // now we can get the permissions for the specified resource\n        this.resourcePermissions = ResourcePermissionEngine.Instance.GetUserAvailableResources(this.User, this.ResourceTypeID);\n        if (this.resourcePermissions.length === 0) {\n            this.resources = [];\n        }\n        else {\n            const rt = ResourcePermissionEngine.Instance.ResourceTypes.find(rt => UUIDsEqual(rt.ID, this.ResourceTypeID));\n            if (!rt || !rt.EntityID)\n                throw new Error(`Resource Type ${this.ResourceTypeID} not found`);\n\n            const p = this.ProviderToUse;\n            const entity = p.Entities.find(e => UUIDsEqual(e.ID, rt.EntityID));\n            if (!entity || !entity.NameField)\n                throw new Error(`Entity ${rt.EntityID} not found, or no Name field defined`);\n            const rv = new RunView(this.RunViewToUse);\n            const nameField = entity.NameField;\n            if (this.ExtraColumns && this.ExtraColumns.length > 0) {\n                /// split the comma delim string and for each item find it in the EntityFields collection\n                const extraColumns = this.ExtraColumns.split(',');\n                this.gridExtraColumns = [];\n                extraColumns.forEach((ec) => {\n                    const field = entity.Fields.find((f) => f.Name.trim().toLowerCase() === ec.trim().toLowerCase());\n                    if (field)\n                        this.gridExtraColumns.push(field);\n                });\n            }\n\n            // Build column definitions after we know the extra columns\n            this.buildColumnDefs();\n\n            const extraFilter = this.ResourceExtraFilter ? ` AND (${this.ResourceExtraFilter})` : '';\n            const result = await rv.RunView({\n                EntityName: entity.Name,\n                ExtraFilter: `(ID in (${this.resourcePermissions.map((r) => `'${r.ResourceRecordID}'`).join(',')})${extraFilter})`,\n                OrderBy: nameField.Name\n            })\n            if (!result || !result.Success)\n                throw new Error(`Error running view for entity ${entity.Name}`);\n\n            // only return rows where we have a record in result.Results\n            this.resources = result.Results.map((r) => {\n                return new ResourceData({\n                    ResourceRecordID: r.ID,\n                    Name: r[nameField.Name],\n                    ResourceTypeID: this.ResourceTypeID,\n                    ResourceType: rt.Name,\n                    Configuration: r // pass the whole resource record into configuration so it is accessible as desired\n                });\n            });\n\n            // Update selection mode based on input\n            this.RowSelectionConfig = {\n                mode: this.SelectionMode.toLowerCase() === 'single' ? 'singleRow' : 'multiRow',\n                checkboxes: false,\n                enableClickSelection: true\n            };\n\n            // Re-apply preselection after data loads\n            this.applyPreselection();\n        }\n    }\n\n    private buildColumnDefs(): void {\n        const cols: ColDef[] = [\n            { field: 'Name', headerName: 'Name', width: 225 }\n        ];\n\n        for (const col of this.gridExtraColumns) {\n            cols.push({\n                headerName: col.DisplayNameOrName,\n                valueGetter: (params) => {\n                    return params.data?.Configuration?.[col.Name] ?? '';\n                }\n            });\n        }\n\n        this.ColumnDefs = cols;\n    }\n\n    private applyPreselection(): void {\n        if (!this.gridApi || this.SelectedResources.length === 0) return;\n        this.gridApi.forEachNode((node) => {\n            const isSelected = this.SelectedResources.some(\n                (r) => UUIDsEqual(r.ResourceRecordID, node.data?.ResourceRecordID)\n            );\n            if (isSelected) {\n                node.setSelected(true);\n            }\n        });\n    }\n}\n","<div class=\"container\">\n    @if (User) {\n        <ag-grid-angular\n            class=\"resources-grid\"\n            [theme]=\"GridTheme\"\n            [rowData]=\"resources\"\n            [columnDefs]=\"ColumnDefs\"\n            [defaultColDef]=\"DefaultColDef\"\n            [rowSelection]=\"RowSelectionConfig\"\n            [getRowId]=\"getRowId\"\n            (selectionChanged)=\"onSelectionChange($event)\"\n            (gridReady)=\"onGridReady($event)\"\n            style=\"width: 100%; height: 400px;\">\n        </ag-grid-angular>\n    }\n  </div>\n"]}

package/dist/lib/request-access.component.js

@@ -5,7 +5,7 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-buttons";
+import * as i2 from "@memberjunction/ng-ui-components";
 function RequestResourceAccessComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " You do not have access to this resource. Click the button below to request access.");
@@ -107,7 +107,7 @@ export class RequestResourceAccessComponent extends BaseAngularComponent {
         }
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵRequestResourceAccessComponent_BaseFactory; return function RequestResourceAccessComponent_Factory(__ngFactoryType__) { return (ɵRequestResourceAccessComponent_BaseFactory || (ɵRequestResourceAccessComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RequestResourceAccessComponent)))(__ngFactoryType__ || RequestResourceAccessComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RequestResourceAccessComponent, selectors: [["mj-request-resource-access"]], inputs: { ResourceType: "ResourceType", ResourceName: "ResourceName", ResourceRecordID: "ResourceRecordID", PermissionLevel: "PermissionLevel", ShowPermissionLevelDropdown: "ShowPermissionLevelDropdown" }, outputs: { AccessRequested: "AccessRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 5, consts: [[1, "request-access-container"], [1, "request-icon"], [1, "fas", "fa-lock"], [1, "request-info"], [1, "request-actions"], ["for", "permissionLevel"], [3, "ngModelChange", "ngModel"], ["value", "View"], ["value", "Edit"], ["value", "Owner"], ["kendoButton", "", 1, "request-button", 3, "click"], [1, "fas", "fa-paper-plane"]], template: function RequestResourceAccessComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RequestResourceAccessComponent, selectors: [["mj-request-resource-access"]], inputs: { ResourceType: "ResourceType", ResourceName: "ResourceName", ResourceRecordID: "ResourceRecordID", PermissionLevel: "PermissionLevel", ShowPermissionLevelDropdown: "ShowPermissionLevelDropdown" }, outputs: { AccessRequested: "AccessRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 5, consts: [[1, "request-access-container"], [1, "request-icon"], [1, "fas", "fa-lock"], [1, "request-info"], [1, "request-actions"], ["for", "permissionLevel"], [3, "ngModelChange", "ngModel"], ["value", "View"], ["value", "Edit"], ["value", "Owner"], ["mjButton", "", 1, "request-button", 3, "click"], [1, "fas", "fa-paper-plane"]], template: function RequestResourceAccessComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵelement(2, "i", 2);
             i0.ɵɵelementEnd();
@@ -131,11 +131,11 @@ export class RequestResourceAccessComponent extends BaseAngularComponent {
             i0.ɵɵconditional(ctx.ShowPermissionLevelDropdown && !ctx.AfterRequest ? 10 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.AfterRequest ? 11 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.ButtonComponent], styles: [".request-access-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-5);\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-width: 400px;\n  margin: var(--mj-space-2-5);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.request-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  \n\n  color: var(--mj-status-warning);\n  margin-bottom: var(--mj-space-2-5);\n}\n\n.request-info[_ngcontent-%COMP%] {\n  text-align: center;\n  margin-bottom: var(--mj-space-5);\n}\n\n.request-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-2xl);\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.request-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-base);\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-2);\n}\n\n.request-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n}\n\n.request-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: var(--mj-space-2-5) var(--mj-space-5);\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  font-size: var(--mj-text-base);\n  cursor: pointer;\n  transition: var(--mj-transition-base);\n  font-family: var(--mj-font-family);\n}\n\n.request-button[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-status-success-text);\n}\n\n.request-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: var(--mj-space-2);\n}\n\n@media (max-width: 600px) {\n  .request-access-container[_ngcontent-%COMP%] {\n    padding: var(--mj-space-4);\n    max-width: 90%;\n  }\n\n  .request-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xl);\n  }\n\n  .request-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n  }\n\n  .request-button[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    padding: var(--mj-space-2) var(--mj-space-4);\n  }\n}"] });
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective], styles: [".request-access-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-5);\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-width: 400px;\n  margin: var(--mj-space-2-5);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.request-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  \n\n  color: var(--mj-status-warning);\n  margin-bottom: var(--mj-space-2-5);\n}\n\n.request-info[_ngcontent-%COMP%] {\n  text-align: center;\n  margin-bottom: var(--mj-space-5);\n}\n\n.request-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-2xl);\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.request-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-base);\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-2);\n}\n\n.request-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n}\n\n.request-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: var(--mj-space-2-5) var(--mj-space-5);\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  font-size: var(--mj-text-base);\n  cursor: pointer;\n  transition: var(--mj-transition-base);\n  font-family: var(--mj-font-family);\n}\n\n.request-button[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-status-success-text);\n}\n\n.request-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: var(--mj-space-2);\n}\n\n@media (max-width: 600px) {\n  .request-access-container[_ngcontent-%COMP%] {\n    padding: var(--mj-space-4);\n    max-width: 90%;\n  }\n\n  .request-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xl);\n  }\n\n  .request-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n  }\n\n  .request-button[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    padding: var(--mj-space-2) var(--mj-space-4);\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RequestResourceAccessComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-request-resource-access', template: "<div class=\"request-access-container\">\n    <div class=\"request-icon\">\n      <i class=\"fas fa-lock\"></i>\n    </div>\n    <div class=\"request-info\">\n      <h3>Request Access</h3>\n      <h5>{{ResourceType ? ResourceType : 'Resource'}}{{ResourceName ? ': ' + ResourceName : ''}}</h5>\n      @if (!AfterRequest){\n        <p> You do not have access to this resource. Click the button below to request access.</p>\n      }\n      @else {\n        <h3>Your request has been submitted</h3>\n        <p> You will be notified when your request has been processed.</p>\n      }\n      @if(ShowPermissionLevelDropdown && !AfterRequest) {\n        <span>\n            <label for=\"permissionLevel\">Permission Level:</label>\n            <select [(ngModel)] = \"PermissionLevel\">\n                <option value=\"View\">View</option>\n                <option value=\"Edit\">Edit</option>\n                <option value=\"Owner\">Owner</option>    \n            </select>\n        </span>  \n      }\n    </div>\n    @if (!AfterRequest) {\n        <div class=\"request-actions\">\n            <button kendoButton class=\"request-button\" (click)=\"requestAccess()\">\n              <i class=\"fas fa-paper-plane\"></i> Request Access\n            </button>\n        </div>      \n    }\n</div>\n", styles: [".request-access-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-5);\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-width: 400px;\n  margin: var(--mj-space-2-5);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.request-icon {\n  font-size: 48px;\n  /* Consider a token for icon size if available, or keep generic */\n  color: var(--mj-status-warning);\n  margin-bottom: var(--mj-space-2-5);\n}\n\n.request-info {\n  text-align: center;\n  margin-bottom: var(--mj-space-5);\n}\n\n.request-info h3 {\n  font-size: var(--mj-text-2xl);\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.request-info p {\n  font-size: var(--mj-text-base);\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-2);\n}\n\n.request-actions {\n  display: flex;\n  justify-content: center;\n}\n\n.request-button {\n  display: flex;\n  align-items: center;\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: var(--mj-space-2-5) var(--mj-space-5);\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  font-size: var(--mj-text-base);\n  cursor: pointer;\n  transition: var(--mj-transition-base);\n  font-family: var(--mj-font-family);\n}\n\n.request-button:hover {\n  background-color: var(--mj-status-success-text);\n}\n\n.request-button i {\n  margin-right: var(--mj-space-2);\n}\n\n@media (max-width: 600px) {\n  .request-access-container {\n    padding: var(--mj-space-4);\n    max-width: 90%;\n  }\n\n  .request-info h3 {\n    font-size: var(--mj-text-xl);\n  }\n\n  .request-info p {\n    font-size: var(--mj-text-sm);\n  }\n\n  .request-button {\n    font-size: var(--mj-text-sm);\n    padding: var(--mj-space-2) var(--mj-space-4);\n  }\n}"] }]
+        args: [{ standalone: false, selector: 'mj-request-resource-access', template: "<div class=\"request-access-container\">\n    <div class=\"request-icon\">\n      <i class=\"fas fa-lock\"></i>\n    </div>\n    <div class=\"request-info\">\n      <h3>Request Access</h3>\n      <h5>{{ResourceType ? ResourceType : 'Resource'}}{{ResourceName ? ': ' + ResourceName : ''}}</h5>\n      @if (!AfterRequest){\n        <p> You do not have access to this resource. Click the button below to request access.</p>\n      }\n      @else {\n        <h3>Your request has been submitted</h3>\n        <p> You will be notified when your request has been processed.</p>\n      }\n      @if(ShowPermissionLevelDropdown && !AfterRequest) {\n        <span>\n            <label for=\"permissionLevel\">Permission Level:</label>\n            <select [(ngModel)] = \"PermissionLevel\">\n                <option value=\"View\">View</option>\n                <option value=\"Edit\">Edit</option>\n                <option value=\"Owner\">Owner</option>    \n            </select>\n        </span>  \n      }\n    </div>\n    @if (!AfterRequest) {\n        <div class=\"request-actions\">\n            <button mjButton class=\"request-button\" (click)=\"requestAccess()\">\n              <i class=\"fas fa-paper-plane\"></i> Request Access\n            </button>\n        </div>      \n    }\n</div>\n", styles: [".request-access-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-5);\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-width: 400px;\n  margin: var(--mj-space-2-5);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.request-icon {\n  font-size: 48px;\n  /* Consider a token for icon size if available, or keep generic */\n  color: var(--mj-status-warning);\n  margin-bottom: var(--mj-space-2-5);\n}\n\n.request-info {\n  text-align: center;\n  margin-bottom: var(--mj-space-5);\n}\n\n.request-info h3 {\n  font-size: var(--mj-text-2xl);\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.request-info p {\n  font-size: var(--mj-text-base);\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-2);\n}\n\n.request-actions {\n  display: flex;\n  justify-content: center;\n}\n\n.request-button {\n  display: flex;\n  align-items: center;\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: var(--mj-space-2-5) var(--mj-space-5);\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  font-size: var(--mj-text-base);\n  cursor: pointer;\n  transition: var(--mj-transition-base);\n  font-family: var(--mj-font-family);\n}\n\n.request-button:hover {\n  background-color: var(--mj-status-success-text);\n}\n\n.request-button i {\n  margin-right: var(--mj-space-2);\n}\n\n@media (max-width: 600px) {\n  .request-access-container {\n    padding: var(--mj-space-4);\n    max-width: 90%;\n  }\n\n  .request-info h3 {\n    font-size: var(--mj-text-xl);\n  }\n\n  .request-info p {\n    font-size: var(--mj-text-sm);\n  }\n\n  .request-button {\n    font-size: var(--mj-text-sm);\n    padding: var(--mj-space-2) var(--mj-space-4);\n  }\n}"] }]
     }], null, { ResourceType: [{
             type: Input
         }], ResourceName: [{

package/dist/lib/request-access.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-access.component.js","sourceRoot":"","sources":["../../src/lib/request-access.component.ts","../../src/lib/request-access.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { LogError, Metadata } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity, MJResourceTypeEntity } from '@memberjunction/core-entities';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\n/**\n * Use this component to display to the user the ability to request access to a resource they do not own and do not currently have permission to access\n */\n@Component({\n  standalone: false,\n  selector: 'mj-request-resource-access',\n  templateUrl: './request-access.component.html',\n  styleUrls: ['./request-access.component.css']\n})\nexport class RequestResourceAccessComponent  extends BaseAngularComponent implements OnInit {\n    /**\n     * The name of the resource type that the user is requesting access to\n     */\n    @Input() ResourceType!: string;\n\n    /**\n     * Optional, the name of the resource that the user is requesting access to that will be displayed to the user\n     */\n    @Input() ResourceName: string=\"\";\n    /**\n     * The resource record ID that the user is requesting access to\n     */\n    @Input() ResourceRecordID!: string;\n\n    /** \n     * The default value for the permission level\n     */\n    @Input() PermissionLevel: 'View' | 'Edit' | 'Owner' = 'View';\n\n    /**\n     * Turn this off to not show the user the permission level drop down which would result in the default value for the PermissionLevel being requested.\n     */\n    @Input() ShowPermissionLevelDropdown: boolean = true;\n\n    @Output() AccessRequested = new EventEmitter<MJResourcePermissionEntity>();\n\n    /**\n     * The resource type object that the user is requesting access to for all info on the resource type\n     */\n    public ResourceTypeObject!: MJResourceTypeEntity;\n    public AfterRequest: boolean = false;\n\n    async ngOnInit() {\n        const rt = ResourcePermissionEngine.Instance.ResourceTypes.find(x => x.Name.trim().toLowerCase() === this.ResourceType.trim().toLowerCase());        \n        if (rt) \n            this.ResourceTypeObject = rt;\n        else\n            throw new Error(`Resource Type ${this.ResourceType} not found`);\n    }\n\n    public async requestAccess() {\n        const p = this.ProviderToUse;\n        const permission = await p.GetEntityObject<MJResourcePermissionEntity>(\"MJ: Resource Permissions\", p.CurrentUser);\n        permission.ResourceTypeID = this.ResourceTypeObject.ID;\n        permission.ResourceRecordID = this.ResourceRecordID;\n        permission.Status = 'Requested';\n        permission.Type = 'User';\n        permission.UserID = p.CurrentUser.ID; \n        permission.PermissionLevel = this.PermissionLevel;\n        if (await permission.Save()) {\n            // worked, fire the event. \n            // NOTE - the notification creatd to notify the resource owner happens in the MJResourcePermissionEntity sub-class not here in the UI\n            this.AccessRequested.emit(permission);\n            this.AfterRequest = true;\n        }\n        else {\n            //failed\n            LogError(`Failed to request access to ${this.ResourceType} record ${this.ResourceRecordID}`, undefined, permission.LatestResult);\n            MJNotificationService.Instance.CreateSimpleNotification(`Failed to request access to ${this.ResourceType} record ${this.ResourceName} (${this.ResourceRecordID})`, 'error', 5000);\n        }\n    }\n}","<div class=\"request-access-container\">\n    <div class=\"request-icon\">\n      <i class=\"fas fa-lock\"></i>\n    </div>\n    <div class=\"request-info\">\n      <h3>Request Access</h3>\n      <h5>{{ResourceType ? ResourceType : 'Resource'}}{{ResourceName ? ': ' + ResourceName : ''}}</h5>\n      @if (!AfterRequest){\n        <p> You do not have access to this resource. Click the button below to request access.</p>\n      }\n      @else {\n        <h3>Your request has been submitted</h3>\n        <p> You will be notified when your request has been processed.</p>\n      }\n      @if(ShowPermissionLevelDropdown && !AfterRequest) {\n        <span>\n            <label for=\"permissionLevel\">Permission Level:</label>\n            <select [(ngModel)] = \"PermissionLevel\">\n                <option value=\"View\">View</option>\n                <option value=\"Edit\">Edit</option>\n                <option value=\"Owner\">Owner</option>    \n            </select>\n        </span>  \n      }\n    </div>\n    @if (!AfterRequest) {\n        <div class=\"request-actions\">\n            <button kendoButton class=\"request-button\" (click)=\"requestAccess()\">\n              <i class=\"fas fa-paper-plane\"></i> Request Access\n            </button>\n        </div>      \n    }\n</div>\n"]}
+{"version":3,"file":"request-access.component.js","sourceRoot":"","sources":["../../src/lib/request-access.component.ts","../../src/lib/request-access.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { LogError, Metadata } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity, MJResourceTypeEntity } from '@memberjunction/core-entities';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\n/**\n * Use this component to display to the user the ability to request access to a resource they do not own and do not currently have permission to access\n */\n@Component({\n  standalone: false,\n  selector: 'mj-request-resource-access',\n  templateUrl: './request-access.component.html',\n  styleUrls: ['./request-access.component.css']\n})\nexport class RequestResourceAccessComponent  extends BaseAngularComponent implements OnInit {\n    /**\n     * The name of the resource type that the user is requesting access to\n     */\n    @Input() ResourceType!: string;\n\n    /**\n     * Optional, the name of the resource that the user is requesting access to that will be displayed to the user\n     */\n    @Input() ResourceName: string=\"\";\n    /**\n     * The resource record ID that the user is requesting access to\n     */\n    @Input() ResourceRecordID!: string;\n\n    /** \n     * The default value for the permission level\n     */\n    @Input() PermissionLevel: 'View' | 'Edit' | 'Owner' = 'View';\n\n    /**\n     * Turn this off to not show the user the permission level drop down which would result in the default value for the PermissionLevel being requested.\n     */\n    @Input() ShowPermissionLevelDropdown: boolean = true;\n\n    @Output() AccessRequested = new EventEmitter<MJResourcePermissionEntity>();\n\n    /**\n     * The resource type object that the user is requesting access to for all info on the resource type\n     */\n    public ResourceTypeObject!: MJResourceTypeEntity;\n    public AfterRequest: boolean = false;\n\n    async ngOnInit() {\n        const rt = ResourcePermissionEngine.Instance.ResourceTypes.find(x => x.Name.trim().toLowerCase() === this.ResourceType.trim().toLowerCase());        \n        if (rt) \n            this.ResourceTypeObject = rt;\n        else\n            throw new Error(`Resource Type ${this.ResourceType} not found`);\n    }\n\n    public async requestAccess() {\n        const p = this.ProviderToUse;\n        const permission = await p.GetEntityObject<MJResourcePermissionEntity>(\"MJ: Resource Permissions\", p.CurrentUser);\n        permission.ResourceTypeID = this.ResourceTypeObject.ID;\n        permission.ResourceRecordID = this.ResourceRecordID;\n        permission.Status = 'Requested';\n        permission.Type = 'User';\n        permission.UserID = p.CurrentUser.ID; \n        permission.PermissionLevel = this.PermissionLevel;\n        if (await permission.Save()) {\n            // worked, fire the event. \n            // NOTE - the notification creatd to notify the resource owner happens in the MJResourcePermissionEntity sub-class not here in the UI\n            this.AccessRequested.emit(permission);\n            this.AfterRequest = true;\n        }\n        else {\n            //failed\n            LogError(`Failed to request access to ${this.ResourceType} record ${this.ResourceRecordID}`, undefined, permission.LatestResult);\n            MJNotificationService.Instance.CreateSimpleNotification(`Failed to request access to ${this.ResourceType} record ${this.ResourceName} (${this.ResourceRecordID})`, 'error', 5000);\n        }\n    }\n}","<div class=\"request-access-container\">\n    <div class=\"request-icon\">\n      <i class=\"fas fa-lock\"></i>\n    </div>\n    <div class=\"request-info\">\n      <h3>Request Access</h3>\n      <h5>{{ResourceType ? ResourceType : 'Resource'}}{{ResourceName ? ': ' + ResourceName : ''}}</h5>\n      @if (!AfterRequest){\n        <p> You do not have access to this resource. Click the button below to request access.</p>\n      }\n      @else {\n        <h3>Your request has been submitted</h3>\n        <p> You will be notified when your request has been processed.</p>\n      }\n      @if(ShowPermissionLevelDropdown && !AfterRequest) {\n        <span>\n            <label for=\"permissionLevel\">Permission Level:</label>\n            <select [(ngModel)] = \"PermissionLevel\">\n                <option value=\"View\">View</option>\n                <option value=\"Edit\">Edit</option>\n                <option value=\"Owner\">Owner</option>    \n            </select>\n        </span>  \n      }\n    </div>\n    @if (!AfterRequest) {\n        <div class=\"request-actions\">\n            <button mjButton class=\"request-button\" (click)=\"requestAccess()\">\n              <i class=\"fas fa-paper-plane\"></i> Request Access\n            </button>\n        </div>      \n    }\n</div>\n"]}

package/dist/lib/resource-permissions.component.js

@@ -6,9 +6,8 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-buttons";
-import * as i3 from "@progress/kendo-angular-dropdowns";
-import * as i4 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-ui-components";
 function ResourcePermissionsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-loading", 1);
 } if (rf & 2) {
@@ -23,22 +22,22 @@ function ResourcePermissionsComponent_Conditional_2_Template(rf, ctx) { if (rf &
 } }
 function ResourcePermissionsComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 13);
-    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_4_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedUser, $event) || (ctx_r1.SelectedUser = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "mj-dropdown", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_4_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedUser, $event) || (ctx_r1.SelectedUser = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("data", ctx_r1.AllUsers);
+    i0.ɵɵproperty("Data", ctx_r1.AllUsers);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedUser);
 } }
 function ResourcePermissionsComponent_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 14);
-    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedRole, $event) || (ctx_r1.SelectedRole = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "mj-dropdown", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_5_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedRole, $event) || (ctx_r1.SelectedRole = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("data", ctx_r1.AllRoles);
+    i0.ɵɵproperty("Data", ctx_r1.AllRoles);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedRole);
 } }
 function ResourcePermissionsComponent_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
@@ -49,12 +48,12 @@ function ResourcePermissionsComponent_Conditional_4_Conditional_6_Template(rf, c
 } }
 function ResourcePermissionsComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_7_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedPermissionLevel, $event) || (ctx_r1.SelectedPermissionLevel = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "mj-dropdown", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Conditional_7_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedPermissionLevel, $event) || (ctx_r1.SelectedPermissionLevel = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("data", ctx_r1.PermissionLevels);
+    i0.ɵɵproperty("Data", ctx_r1.PermissionLevels);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedPermissionLevel);
 } }
 function ResourcePermissionsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
@@ -62,11 +61,11 @@ function ResourcePermissionsComponent_Conditional_4_Template(rf, ctx) { if (rf &
     i0.ɵɵelementStart(0, "div", 4)(1, "span", 7);
     i0.ɵɵtext(2, "Add Permission");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedType, $event) || (ctx_r1.SelectedType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "mj-dropdown", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_Conditional_4_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedType, $event) || (ctx_r1.SelectedType = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ResourcePermissionsComponent_Conditional_4_Conditional_4_Template, 1, 2, "kendo-dropdownlist", 9)(5, ResourcePermissionsComponent_Conditional_4_Conditional_5_Template, 1, 2, "kendo-dropdownlist", 10)(6, ResourcePermissionsComponent_Conditional_4_Conditional_6_Template, 1, 1);
-    i0.ɵɵconditionalCreate(7, ResourcePermissionsComponent_Conditional_4_Conditional_7_Template, 1, 2, "kendo-dropdownlist", 11);
+    i0.ɵɵconditionalCreate(4, ResourcePermissionsComponent_Conditional_4_Conditional_4_Template, 1, 2, "mj-dropdown", 9)(5, ResourcePermissionsComponent_Conditional_4_Conditional_5_Template, 1, 2, "mj-dropdown", 10)(6, ResourcePermissionsComponent_Conditional_4_Conditional_6_Template, 1, 1);
+    i0.ɵɵconditionalCreate(7, ResourcePermissionsComponent_Conditional_4_Conditional_7_Template, 1, 2, "mj-dropdown", 11);
     i0.ɵɵelementStart(8, "button", 12);
     i0.ɵɵlistener("click", function ResourcePermissionsComponent_Conditional_4_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addPermission()); });
     i0.ɵɵtext(9, "Add");
@@ -74,7 +73,7 @@ function ResourcePermissionsComponent_Conditional_4_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r1.PermissionTypes);
+    i0.ɵɵproperty("Data", ctx_r1.PermissionTypes);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedType);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.SelectedType === "User" ? 4 : ctx_r1.SelectedType === "Role" ? 5 : 6);
@@ -95,14 +94,14 @@ function ResourcePermissionsComponent_Conditional_13_Template(rf, ctx) { if (rf
 } }
 function ResourcePermissionsComponent_For_16_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 16);
-    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_For_16_Conditional_5_Conditional_1_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const p_r8 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(p_r8.PermissionLevel, $event) || (p_r8.PermissionLevel = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "mj-dropdown", 16);
+    i0.ɵɵtwoWayListener("ngModelChange", function ResourcePermissionsComponent_For_16_Conditional_5_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const p_r8 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(p_r8.PermissionLevel, $event) || (p_r8.PermissionLevel = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const p_r8 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵtwoWayProperty("ngModel", p_r8.PermissionLevel);
-    i0.ɵɵproperty("data", ctx_r1.PermissionLevels);
+    i0.ɵɵproperty("Data", ctx_r1.PermissionLevels);
 } }
 function ResourcePermissionsComponent_For_16_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -112,7 +111,7 @@ function ResourcePermissionsComponent_For_16_Conditional_5_Conditional_2_Templat
 } }
 function ResourcePermissionsComponent_For_16_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td");
-    i0.ɵɵconditionalCreate(1, ResourcePermissionsComponent_For_16_Conditional_5_Conditional_1_Template, 1, 2, "kendo-dropdownlist", 15)(2, ResourcePermissionsComponent_For_16_Conditional_5_Conditional_2_Template, 1, 1);
+    i0.ɵɵconditionalCreate(1, ResourcePermissionsComponent_For_16_Conditional_5_Conditional_1_Template, 1, 2, "mj-dropdown", 15)(2, ResourcePermissionsComponent_For_16_Conditional_5_Conditional_2_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -363,7 +362,7 @@ export class ResourcePermissionsComponent extends BaseAngularComponent {
         return ResourcePermissionEngine.GetProviderInstance(this.ProviderToUse, ResourcePermissionEngine);
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵResourcePermissionsComponent_BaseFactory; return function ResourcePermissionsComponent_Factory(__ngFactoryType__) { return (ɵResourcePermissionsComponent_BaseFactory || (ɵResourcePermissionsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ResourcePermissionsComponent)))(__ngFactoryType__ || ResourcePermissionsComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourcePermissionsComponent, selectors: [["mj-resource-permissions"]], inputs: { ResourceTypeID: "ResourceTypeID", ResourceRecordID: "ResourceRecordID", ShowSaveButton: "ShowSaveButton", ShowPermissionLevels: "ShowPermissionLevels", ShowUserErrorMessages: "ShowUserErrorMessages", AllowAddPermissions: "AllowAddPermissions", AllowEditPermissions: "AllowEditPermissions", AllowDeletePermissions: "AllowDeletePermissions", PermissionLevels: "PermissionLevels", PermissionTypes: "PermissionTypes", ExcludedRoleNames: "ExcludedRoleNames", ExcludedUserEmails: "ExcludedUserEmails" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 5, consts: [[1, "container"], ["size", "medium", 3, "showText"], ["kendoButton", ""], [1, "table-container"], [1, "add-permission-section"], [1, "resource-table"], ["kendoButton", "", 3, "click"], [1, "add-permission-label"], [2, "width", "100px", 3, "ngModelChange", "data", "ngModel"], ["textField", "Name", "valueField", "ID", 2, "width", "225px", 3, "data", "ngModel"], ["textField", "Name", "valueField", "ID", 2, "width", "150px", 3, "data", "ngModel"], [2, "width", "100px", 3, "data", "ngModel"], ["kendoButton", "", 3, "click", "disabled", "title"], ["textField", "Name", "valueField", "ID", 2, "width", "225px", 3, "ngModelChange", "data", "ngModel"], ["textField", "Name", "valueField", "ID", 2, "width", "150px", 3, "ngModelChange", "data", "ngModel"], [2, "width", "100px", 3, "ngModel", "data"], [2, "width", "100px", 3, "ngModelChange", "ngModel", "data"], [1, "fa-solid", "fa-trash-can"]], template: function ResourcePermissionsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourcePermissionsComponent, selectors: [["mj-resource-permissions"]], inputs: { ResourceTypeID: "ResourceTypeID", ResourceRecordID: "ResourceRecordID", ShowSaveButton: "ShowSaveButton", ShowPermissionLevels: "ShowPermissionLevels", ShowUserErrorMessages: "ShowUserErrorMessages", AllowAddPermissions: "AllowAddPermissions", AllowEditPermissions: "AllowEditPermissions", AllowDeletePermissions: "AllowDeletePermissions", PermissionLevels: "PermissionLevels", PermissionTypes: "PermissionTypes", ExcludedRoleNames: "ExcludedRoleNames", ExcludedUserEmails: "ExcludedUserEmails" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 5, consts: [[1, "container"], ["size", "medium", 3, "showText"], ["mjButton", ""], [1, "table-container"], [1, "add-permission-section"], [1, "resource-table"], ["mjButton", "", 3, "click"], [1, "add-permission-label"], [2, "width", "100px", 3, "ngModelChange", "Data", "ngModel"], ["TextField", "Name", "ValueField", "ID", 2, "width", "225px", 3, "Data", "ngModel"], ["TextField", "Name", "ValueField", "ID", 2, "width", "150px", 3, "Data", "ngModel"], [2, "width", "100px", 3, "Data", "ngModel"], ["mjButton", "", 3, "click", "disabled", "title"], ["TextField", "Name", "ValueField", "ID", 2, "width", "225px", 3, "ngModelChange", "Data", "ngModel"], ["TextField", "Name", "ValueField", "ID", 2, "width", "150px", 3, "ngModelChange", "Data", "ngModel"], [2, "width", "100px", 3, "ngModel", "Data"], [2, "width", "100px", 3, "ngModelChange", "ngModel", "Data"], [1, "fa-solid", "fa-trash-can"]], template: function ResourcePermissionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, ResourcePermissionsComponent_Conditional_1_Template, 1, 1, "mj-loading", 1);
             i0.ɵɵconditionalCreate(2, ResourcePermissionsComponent_Conditional_2_Template, 2, 0, "button", 2);
@@ -394,11 +393,11 @@ export class ResourcePermissionsComponent extends BaseAngularComponent {
             i0.ɵɵconditional(ctx.AllowDeletePermissions ? 13 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵrepeater(ctx.resourcePermissions);
-        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.ButtonComponent, i3.DropDownListComponent, i4.LoadingComponent], styles: ["\n\n.container[_ngcontent-%COMP%] {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n\n\n.table-container[_ngcontent-%COMP%] {\n  max-height: 400px;\n  \n\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n\n\n.resource-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.resource-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.resource-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.resource-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: var(--mj-space-3);\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  color: var(--mj-text-primary);\n}\n\n.resource-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n}\n\n.resource-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even) {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.resource-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-hover);\n}\n\n\n\nbutton.k-button[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  border: none;\n  padding: var(--mj-space-1) var(--mj-space-2-5);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  font-family: var(--mj-font-family);\n}\n\nbutton.k-button[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-status-error-text);\n}\n\n.add-permission-label[_ngcontent-%COMP%] {\n  margin-left: var(--mj-space-1);\n  margin-right: var(--mj-space-1);\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-primary);\n}\n\n.add-permission-section[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-2-5);\n  margin-bottom: var(--mj-space-2-5);\n}"] });
+        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.MJButtonDirective, i3.MJDropdownComponent], styles: ["\n\n.container[_ngcontent-%COMP%] {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n\n\n.table-container[_ngcontent-%COMP%] {\n  max-height: 400px;\n  \n\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n\n\n.resource-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.resource-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.resource-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.resource-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: var(--mj-space-3);\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  color: var(--mj-text-primary);\n}\n\n.resource-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n}\n\n.resource-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even) {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.resource-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-hover);\n}\n\n\n\nbutton.k-button[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  border: none;\n  padding: var(--mj-space-1) var(--mj-space-2-5);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  font-family: var(--mj-font-family);\n}\n\nbutton.k-button[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-status-error-text);\n}\n\n.add-permission-label[_ngcontent-%COMP%] {\n  margin-left: var(--mj-space-1);\n  margin-right: var(--mj-space-1);\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-primary);\n}\n\n.add-permission-section[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-2-5);\n  margin-bottom: var(--mj-space-2-5);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourcePermissionsComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-resource-permissions', template: "<div class=\"container\">\n  @if(_Loading) {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n  @if(ShowSaveButton) {\n    <button kendoButton (click)=\"SavePermissions()\">Save</button>\n  }\n  <div class=\"table-container\">\n    @if(AllowAddPermissions) {\n      <div class=\"add-permission-section\">\n        <span class=\"add-permission-label\">Add Permission</span>\n        <kendo-dropdownlist \n          [data]=\"PermissionTypes\"\n          [(ngModel)]=\"SelectedType\"\n          style=\"width: 100px;\">\n        </kendo-dropdownlist>\n        @if (SelectedType === 'User') {\n          <kendo-dropdownlist \n            [data]=\"AllUsers\"\n            [(ngModel)]=\"SelectedUser\"\n            textField=\"Name\"\n            valueField=\"ID\"\n            style=\"width: 225px;\">\n          </kendo-dropdownlist>\n        }\n        @else if (SelectedType === 'Role') {\n          <kendo-dropdownlist \n            [data]=\"AllRoles\"\n            [(ngModel)]=\"SelectedRole\"\n            textField=\"Name\"\n            valueField=\"ID\"\n            style=\"width: 150px;\">\n          </kendo-dropdownlist>\n        }\n        @else {\n          SelectedType: {{ SelectedType }}\n        }\n        @if (ShowPermissionLevels) {\n          <kendo-dropdownlist \n            [data]=\"PermissionLevels\"\n            [(ngModel)]=\"SelectedPermissionLevel\"\n            style=\"width: 100px;\">\n          </kendo-dropdownlist>\n        }\n        <button kendoButton (click)=\"addPermission()\" [disabled]=\"permissionAlreadyExists()\" [title]=\"permissionAlreadyExists() ? 'This combination of Type/User/Role already exists below' : ''\" >Add</button>\n      </div>\n    }\n    <table class=\"resource-table\">\n      <thead>\n        <tr>\n          <th>Type</th>\n          <th>Name</th>\n          @if (ShowPermissionLevels) {\n            <th>Level</th>\n          }\n          @if(AllowDeletePermissions) {\n            <th>Actions</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (p of resourcePermissions; track p) {\n          <tr>\n            <td>{{ p.Type }}</td>\n            <td>{{ p.Type === 'User' ? p.User : p.Role }}</td>\n            @if (ShowPermissionLevels) {\n              <td>\n                @if (AllowEditPermissions) {\n                  <kendo-dropdownlist \n                    [(ngModel)]=\"p.PermissionLevel\"\n                    [data]=\"PermissionLevels\"\n                    style=\"width: 100px;\">\n                  </kendo-dropdownlist>\n                }\n                @else {\n                  {{ p.PermissionLevel }}\n                }\n              </td>\n            }\n            @if(AllowDeletePermissions) {\n              <td>\n                <button kendoButton (click)=\"deletePermission(p)\"><span class=\"fa-solid fa-trash-can\"></span></button>\n              </td>\n            }\n          </tr>  \n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["/* Container styling */\n.container {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n/* Table container for vertical scrolling */\n.table-container {\n  max-height: 400px;\n  /* Adjust as needed */\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n/* Table styling */\n.resource-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.resource-table thead {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.resource-table th,\n.resource-table td {\n  padding: var(--mj-space-3);\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  color: var(--mj-text-primary);\n}\n\n.resource-table th {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n}\n\n.resource-table tbody tr:nth-child(even) {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.resource-table tbody tr:hover {\n  background-color: var(--mj-bg-surface-hover);\n}\n\n/* Button styling */\nbutton.k-button {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  border: none;\n  padding: var(--mj-space-1) var(--mj-space-2-5);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  font-family: var(--mj-font-family);\n}\n\nbutton.k-button:hover {\n  background-color: var(--mj-status-error-text);\n}\n\n.add-permission-label {\n  margin-left: var(--mj-space-1);\n  margin-right: var(--mj-space-1);\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-primary);\n}\n\n.add-permission-section {\n  margin-top: var(--mj-space-2-5);\n  margin-bottom: var(--mj-space-2-5);\n}"] }]
+        args: [{ standalone: false, selector: 'mj-resource-permissions', template: "<div class=\"container\">\n  @if(_Loading) {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n  @if(ShowSaveButton) {\n    <button mjButton (click)=\"SavePermissions()\">Save</button>\n  }\n  <div class=\"table-container\">\n    @if(AllowAddPermissions) {\n      <div class=\"add-permission-section\">\n        <span class=\"add-permission-label\">Add Permission</span>\n        <mj-dropdown\n          [Data]=\"PermissionTypes\"\n          [(ngModel)]=\"SelectedType\"\n          style=\"width: 100px;\">\n        </mj-dropdown>\n        @if (SelectedType === 'User') {\n          <mj-dropdown\n            [Data]=\"AllUsers\"\n            [(ngModel)]=\"SelectedUser\"\n            TextField=\"Name\"\n            ValueField=\"ID\"\n            style=\"width: 225px;\">\n          </mj-dropdown>\n        }\n        @else if (SelectedType === 'Role') {\n          <mj-dropdown\n            [Data]=\"AllRoles\"\n            [(ngModel)]=\"SelectedRole\"\n            TextField=\"Name\"\n            ValueField=\"ID\"\n            style=\"width: 150px;\">\n          </mj-dropdown>\n        }\n        @else {\n          SelectedType: {{ SelectedType }}\n        }\n        @if (ShowPermissionLevels) {\n          <mj-dropdown\n            [Data]=\"PermissionLevels\"\n            [(ngModel)]=\"SelectedPermissionLevel\"\n            style=\"width: 100px;\">\n          </mj-dropdown>\n        }\n        <button mjButton (click)=\"addPermission()\" [disabled]=\"permissionAlreadyExists()\" [title]=\"permissionAlreadyExists() ? 'This combination of Type/User/Role already exists below' : ''\" >Add</button>\n      </div>\n    }\n    <table class=\"resource-table\">\n      <thead>\n        <tr>\n          <th>Type</th>\n          <th>Name</th>\n          @if (ShowPermissionLevels) {\n            <th>Level</th>\n          }\n          @if(AllowDeletePermissions) {\n            <th>Actions</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (p of resourcePermissions; track p) {\n          <tr>\n            <td>{{ p.Type }}</td>\n            <td>{{ p.Type === 'User' ? p.User : p.Role }}</td>\n            @if (ShowPermissionLevels) {\n              <td>\n                @if (AllowEditPermissions) {\n                  <mj-dropdown\n                    [(ngModel)]=\"p.PermissionLevel\"\n                    [Data]=\"PermissionLevels\"\n                    style=\"width: 100px;\">\n                  </mj-dropdown>\n                }\n                @else {\n                  {{ p.PermissionLevel }}\n                }\n              </td>\n            }\n            @if(AllowDeletePermissions) {\n              <td>\n                <button mjButton (click)=\"deletePermission(p)\"><span class=\"fa-solid fa-trash-can\"></span></button>\n              </td>\n            }\n          </tr>  \n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", styles: ["/* Container styling */\n.container {\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n/* Table container for vertical scrolling */\n.table-container {\n  max-height: 400px;\n  /* Adjust as needed */\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n/* Table styling */\n.resource-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.resource-table thead {\n  background-color: var(--mj-bg-surface-elevated);\n  font-weight: var(--mj-font-bold);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.resource-table th,\n.resource-table td {\n  padding: var(--mj-space-3);\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  color: var(--mj-text-primary);\n}\n\n.resource-table th {\n  background-color: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n}\n\n.resource-table tbody tr:nth-child(even) {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.resource-table tbody tr:hover {\n  background-color: var(--mj-bg-surface-hover);\n}\n\n/* Button styling */\nbutton.k-button {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  border: none;\n  padding: var(--mj-space-1) var(--mj-space-2-5);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  font-family: var(--mj-font-family);\n}\n\nbutton.k-button:hover {\n  background-color: var(--mj-status-error-text);\n}\n\n.add-permission-label {\n  margin-left: var(--mj-space-1);\n  margin-right: var(--mj-space-1);\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-primary);\n}\n\n.add-permission-section {\n  margin-top: var(--mj-space-2-5);\n  margin-bottom: var(--mj-space-2-5);\n}"] }]
     }], null, { ResourceTypeID: [{
             type: Input
         }], ResourceRecordID: [{

package/dist/lib/resource-permissions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-permissions.component.js","sourceRoot":"","sources":["../../src/lib/resource-permissions.component.ts","../../src/lib/resource-permissions.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, Input } from '@angular/core';\nimport { IMetadataProvider, IRunViewProvider, LogError, Metadata, RoleInfo, RunView } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity, MJUserEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\n/**\n * Visual component used to display and manage permissions for a resource. You can wrap this in a dialog or display anywhere else within\n * an Angular application or component.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-resource-permissions',\n  templateUrl: './resource-permissions.component.html',\n  styleUrls: ['./resource-permissions.component.css']\n})\nexport class ResourcePermissionsComponent extends BaseAngularComponent implements AfterViewInit {\n  /**\n   * Required: the ID of the resource type record for the specified resource that the permissions are being set for.\n   */\n  @Input() ResourceTypeID!: string;\n  /**\n   * Required: the record ID of the resource that the permissions are being set for.\n   */ \n  @Input() ResourceRecordID!: string;\n  /**\n   * If set to true, the component will show a Save button to the user and persist the changes to the \n   * database when the user clicks the Save button. By default this is off to allow users of the component\n   * to wrap the component as desired, and handle the save themselves.\n   */\n  @Input() ShowSaveButton: boolean = false;\n  /**\n   * If set to true, the component will show the permission levels to the user. By default this is on. If you have \n   * a Resource Type or run-time use case where levels are not relevant, you can turn this off.\n   */\n  @Input() ShowPermissionLevels: boolean = true;\n  /**\n   * By default, this component will not show any error messages to the user. \n   * If you want to show error messages to the user, set this to true. The component will always throw exceptions when error occur internally.\n   */\n  @Input() ShowUserErrorMessages: boolean = false;\n  /**\n   * Allows you to determine if the user is able to add new permissions for the resource.\n   */\n  @Input() AllowAddPermissions: boolean = true;\n  /**\n   * Allows you to determine if the user is able to edit existing permissions for the resource.\n   */\n  @Input() AllowEditPermissions: boolean = true;\n  /**\n   * Allows you to determine if the user is able to delete existing permissions for the resource.\n   */\n  @Input() AllowDeletePermissions: boolean = true;\n\n  /**\n   * List of possible permission levels that can be set for the resource. An array of strings, defaults to ['View', 'Edit', 'Owner']\n   */\n  @Input() PermissionLevels = ['View', 'Edit', 'Owner']; // these are the possible permission levels\n\n  /**\n   * Specifies the types of permissions the UI will allow settings for. An array of strings, defaults to ['User', 'Role']\n   */\n  @Input() PermissionTypes = ['User', 'Role'];\n\n  /**\n   * This optional input allows you to exclude certain roles from the list of roles that can be selected for permissions. If existing permissions have been created with roles that are in this list they will still be displayed, \n   * but the user will not be able to add new permissions with these roles. This is an array of strings with the NAMES of the roles.\n   */\n  @Input() ExcludedRoleNames: string[] = [];\n\n  /**\n   * This optional input allows you to exclude certain users from the list of users that can be selected for permissions. If existing permissions have been created with users that are in this list they will still be displayed, \n   * but the user will not be able to add new permissions with these users. This is an array of strings with EMAILS.\n   */\n  @Input() ExcludedUserEmails: string[] = [];\n\n  public AllUsers: MJUserEntity[] = [];\n  public AllRoles: RoleInfo[] = [];\n\n  public SelectedUser: MJUserEntity | null = null;\n  public SelectedRole: RoleInfo | null = null;\n  public SelectedType: 'User' | 'Role' = 'Role';\n  public SelectedPermissionLevel: 'View' | 'Edit' | 'Owner' = 'View';\n\n  public _Loading: boolean = false;\n\n  public async UpdateResourceRecordID(ResourceRecordID: string) {\n    this.ResourceRecordID = ResourceRecordID;\n    // now go through all of our permissions and update the ResourceRecordID\n    for (const permission of this.resourcePermissions) {\n      permission.ResourceRecordID = ResourceRecordID\n    }\n  }\n\n  public resourcePermissions: MJResourcePermissionEntity[] = [];\n  async ngAfterViewInit() {\n    if (!this.ResourceTypeID || !this.ResourceRecordID) {\n      throw new Error('ResourceTypeID and ResourceRecordID must be set');\n    }\n\n    this._Loading = true;\n    // load up the current permissions for the specified ResourceTypeID and ResourceRecordID\n    const engine = this.GetEngine();\n    await engine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);\n    // now we can get the permissions for the specified resource\n    const allResourcePermissions = engine.GetResourcePermissions(this.ResourceTypeID, this.ResourceRecordID);\n    this.resourcePermissions = allResourcePermissions.filter((p) => p.Status === 'Approved'); // only include approved permissions in the UI, we don't show requested, rejected, revoked permissions here, just suppress them.\n    \n    const p = this.ProviderToUse;\n    const rv = new RunView(<IRunViewProvider><any>p)\n    const result = await rv.RunView<MJUserEntity>({\n      EntityName: \"MJ: Users\",\n      ResultType: \"entity_object\",\n      OrderBy: \"Name\",\n      ExtraFilter: \"IsActive=1\"\n    });\n    // filter out any users that are in the ExcludedUserEmails list\n    this.AllUsers = result.Results.filter((u) => !this.ExcludedUserEmails.includes(u.Email));\n    // filter out any roles that are in the ExcludedRoleNames list\n    this.AllRoles = p.Roles.filter((r) => !this.ExcludedRoleNames.includes(r.Name));\n\n    if (this.AllUsers.length > 0)\n      this.SelectedUser = this.AllUsers[0];\n    if (this.AllRoles.length > 0)\n      this.SelectedRole = this.AllRoles[0];\n\n    this._Loading = false;\n  }\n\n  private _pendingDeletes: MJResourcePermissionEntity[] = [];\n  public deletePermission(permission: MJResourcePermissionEntity) {\n    this._pendingDeletes.push(permission);\n    this.resourcePermissions = this.resourcePermissions.filter((p) => p !== permission);\n  }\n\n  private _pendingAdds: MJResourcePermissionEntity[] = [];\n  public async addPermission() {\n    const p = this.ProviderToUse;\n    const permission = await p.GetEntityObject<MJResourcePermissionEntity>(\"MJ: Resource Permissions\", p.CurrentUser);\n    permission.ResourceTypeID = this.ResourceTypeID;\n    permission.ResourceRecordID = this.ResourceRecordID;\n    permission.Type = this.SelectedType;\n    permission.Status = 'Approved';\n    permission.PermissionLevel = this.SelectedPermissionLevel;\n    if (this.SelectedType === 'User' && this.SelectedUser) {\n      permission.UserID = this.SelectedUser.ID;\n      permission.Set(\"User\", this.SelectedUser.Name);// set the virtual field for display purposes\n    }\n    else if (this.SelectedType === 'Role' && this.SelectedRole) { \n      permission.RoleID = this.SelectedRole.ID;\n      permission.Set(\"Role\", this.SelectedRole.Name); // set the virtual field for display purposes\n    }\n    else {\n      LogError('Invalid permission type or missing user/role');\n      return;\n    }\n    this.resourcePermissions.push(permission);\n  }\n\n  public permissionAlreadyExists(): boolean {\n    // check to see if the selection that the user currently has in place for the combination of TYPE + either USER or ROLE already exists\n    // in our list of permissions\n    for (const permission of this.resourcePermissions) {\n      if (permission.Type === this.SelectedType) {\n        if (this.SelectedType === 'User' && UUIDsEqual(permission.UserID, this.SelectedUser?.ID)) {\n          return true;\n        }\n        else if (this.SelectedType === 'Role' && UUIDsEqual(permission.RoleID, this.SelectedRole?.ID)) {\n          return true;\n        }\n      }\n    }\n\n    // if we get here, then the permission does not already exist\n    return false;\n  }\n\n  public async SavePermissions(): Promise<boolean> {\n    // first delete any permissions that were marked for deletion\n    this._Loading = true;\n    const p = this.ProviderToUse;\n    const tg = await p.CreateTransactionGroup();\n    for (const permission of this._pendingDeletes) {\n      if (permission.IsSaved) {\n        // only delete records previously saved, sometimes a user adds a new permission and deletes it before saving it\n        permission.TransactionGroup = tg;\n        if (!await permission.Delete()) { // we use await here because the promise will resolve before the actual save occurs --- the internals will not call the network until tg.Submit() below\n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error deleting permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);\n          return false;\n        }  \n      }      \n    }\n\n    // next add new permissions by saving them in the transaction group\n    for (const permission of this._pendingAdds) {\n      if (this._pendingDeletes.includes(permission)) {\n        // don't save a permission record that is new, if it was also marked for deletion\n        permission.TransactionGroup = tg;\n        if (!await permission.Save()) { \n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error saving permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);          \n          return false;\n        }\n      }\n    }\n\n    // now save the existing permissions\n    for (const permission of this.resourcePermissions) {\n      // make sure not in the delete array\n      if (!this._pendingDeletes.includes(permission)) {\n        permission.TransactionGroup = tg;\n        if (!await permission.Save()) {  \n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error saving permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);\n          return false;\n        }\n      }\n    }\n\n    // now save the changes\n    if (await tg.Submit()) {\n      this._Loading = false;\n      this._pendingDeletes = [];\n      this._pendingAdds = [];\n      const engine = this.GetEngine();\n      await engine.RefreshAllItems(); // refresh the permissions cache\n      return true;\n    }\n    else {\n      // we had an error, show the user via SharedService\n      this._Loading = false;\n      if (this.ShowUserErrorMessages)\n        MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', );\n  \n      LogError('Error saving permissions in the transaction group');\n      return false;\n    }\n  }\n\n  protected GetEngine(): ResourcePermissionEngine {\n    return <ResourcePermissionEngine>ResourcePermissionEngine.GetProviderInstance(this.ProviderToUse, ResourcePermissionEngine);\n  }\n}\n","<div class=\"container\">\n  @if(_Loading) {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n  @if(ShowSaveButton) {\n    <button kendoButton (click)=\"SavePermissions()\">Save</button>\n  }\n  <div class=\"table-container\">\n    @if(AllowAddPermissions) {\n      <div class=\"add-permission-section\">\n        <span class=\"add-permission-label\">Add Permission</span>\n        <kendo-dropdownlist \n          [data]=\"PermissionTypes\"\n          [(ngModel)]=\"SelectedType\"\n          style=\"width: 100px;\">\n        </kendo-dropdownlist>\n        @if (SelectedType === 'User') {\n          <kendo-dropdownlist \n            [data]=\"AllUsers\"\n            [(ngModel)]=\"SelectedUser\"\n            textField=\"Name\"\n            valueField=\"ID\"\n            style=\"width: 225px;\">\n          </kendo-dropdownlist>\n        }\n        @else if (SelectedType === 'Role') {\n          <kendo-dropdownlist \n            [data]=\"AllRoles\"\n            [(ngModel)]=\"SelectedRole\"\n            textField=\"Name\"\n            valueField=\"ID\"\n            style=\"width: 150px;\">\n          </kendo-dropdownlist>\n        }\n        @else {\n          SelectedType: {{ SelectedType }}\n        }\n        @if (ShowPermissionLevels) {\n          <kendo-dropdownlist \n            [data]=\"PermissionLevels\"\n            [(ngModel)]=\"SelectedPermissionLevel\"\n            style=\"width: 100px;\">\n          </kendo-dropdownlist>\n        }\n        <button kendoButton (click)=\"addPermission()\" [disabled]=\"permissionAlreadyExists()\" [title]=\"permissionAlreadyExists() ? 'This combination of Type/User/Role already exists below' : ''\" >Add</button>\n      </div>\n    }\n    <table class=\"resource-table\">\n      <thead>\n        <tr>\n          <th>Type</th>\n          <th>Name</th>\n          @if (ShowPermissionLevels) {\n            <th>Level</th>\n          }\n          @if(AllowDeletePermissions) {\n            <th>Actions</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (p of resourcePermissions; track p) {\n          <tr>\n            <td>{{ p.Type }}</td>\n            <td>{{ p.Type === 'User' ? p.User : p.Role }}</td>\n            @if (ShowPermissionLevels) {\n              <td>\n                @if (AllowEditPermissions) {\n                  <kendo-dropdownlist \n                    [(ngModel)]=\"p.PermissionLevel\"\n                    [data]=\"PermissionLevels\"\n                    style=\"width: 100px;\">\n                  </kendo-dropdownlist>\n                }\n                @else {\n                  {{ p.PermissionLevel }}\n                }\n              </td>\n            }\n            @if(AllowDeletePermissions) {\n              <td>\n                <button kendoButton (click)=\"deletePermission(p)\"><span class=\"fa-solid fa-trash-can\"></span></button>\n              </td>\n            }\n          </tr>  \n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n"]}
+{"version":3,"file":"resource-permissions.component.js","sourceRoot":"","sources":["../../src/lib/resource-permissions.component.ts","../../src/lib/resource-permissions.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, Input } from '@angular/core';\nimport { IMetadataProvider, IRunViewProvider, LogError, Metadata, RoleInfo, RunView } from '@memberjunction/core';\nimport { ResourcePermissionEngine, MJResourcePermissionEntity, MJUserEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\n/**\n * Visual component used to display and manage permissions for a resource. You can wrap this in a dialog or display anywhere else within\n * an Angular application or component.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-resource-permissions',\n  templateUrl: './resource-permissions.component.html',\n  styleUrls: ['./resource-permissions.component.css']\n})\nexport class ResourcePermissionsComponent extends BaseAngularComponent implements AfterViewInit {\n  /**\n   * Required: the ID of the resource type record for the specified resource that the permissions are being set for.\n   */\n  @Input() ResourceTypeID!: string;\n  /**\n   * Required: the record ID of the resource that the permissions are being set for.\n   */ \n  @Input() ResourceRecordID!: string;\n  /**\n   * If set to true, the component will show a Save button to the user and persist the changes to the \n   * database when the user clicks the Save button. By default this is off to allow users of the component\n   * to wrap the component as desired, and handle the save themselves.\n   */\n  @Input() ShowSaveButton: boolean = false;\n  /**\n   * If set to true, the component will show the permission levels to the user. By default this is on. If you have \n   * a Resource Type or run-time use case where levels are not relevant, you can turn this off.\n   */\n  @Input() ShowPermissionLevels: boolean = true;\n  /**\n   * By default, this component will not show any error messages to the user. \n   * If you want to show error messages to the user, set this to true. The component will always throw exceptions when error occur internally.\n   */\n  @Input() ShowUserErrorMessages: boolean = false;\n  /**\n   * Allows you to determine if the user is able to add new permissions for the resource.\n   */\n  @Input() AllowAddPermissions: boolean = true;\n  /**\n   * Allows you to determine if the user is able to edit existing permissions for the resource.\n   */\n  @Input() AllowEditPermissions: boolean = true;\n  /**\n   * Allows you to determine if the user is able to delete existing permissions for the resource.\n   */\n  @Input() AllowDeletePermissions: boolean = true;\n\n  /**\n   * List of possible permission levels that can be set for the resource. An array of strings, defaults to ['View', 'Edit', 'Owner']\n   */\n  @Input() PermissionLevels = ['View', 'Edit', 'Owner']; // these are the possible permission levels\n\n  /**\n   * Specifies the types of permissions the UI will allow settings for. An array of strings, defaults to ['User', 'Role']\n   */\n  @Input() PermissionTypes = ['User', 'Role'];\n\n  /**\n   * This optional input allows you to exclude certain roles from the list of roles that can be selected for permissions. If existing permissions have been created with roles that are in this list they will still be displayed, \n   * but the user will not be able to add new permissions with these roles. This is an array of strings with the NAMES of the roles.\n   */\n  @Input() ExcludedRoleNames: string[] = [];\n\n  /**\n   * This optional input allows you to exclude certain users from the list of users that can be selected for permissions. If existing permissions have been created with users that are in this list they will still be displayed, \n   * but the user will not be able to add new permissions with these users. This is an array of strings with EMAILS.\n   */\n  @Input() ExcludedUserEmails: string[] = [];\n\n  public AllUsers: MJUserEntity[] = [];\n  public AllRoles: RoleInfo[] = [];\n\n  public SelectedUser: MJUserEntity | null = null;\n  public SelectedRole: RoleInfo | null = null;\n  public SelectedType: 'User' | 'Role' = 'Role';\n  public SelectedPermissionLevel: 'View' | 'Edit' | 'Owner' = 'View';\n\n  public _Loading: boolean = false;\n\n  public async UpdateResourceRecordID(ResourceRecordID: string) {\n    this.ResourceRecordID = ResourceRecordID;\n    // now go through all of our permissions and update the ResourceRecordID\n    for (const permission of this.resourcePermissions) {\n      permission.ResourceRecordID = ResourceRecordID\n    }\n  }\n\n  public resourcePermissions: MJResourcePermissionEntity[] = [];\n  async ngAfterViewInit() {\n    if (!this.ResourceTypeID || !this.ResourceRecordID) {\n      throw new Error('ResourceTypeID and ResourceRecordID must be set');\n    }\n\n    this._Loading = true;\n    // load up the current permissions for the specified ResourceTypeID and ResourceRecordID\n    const engine = this.GetEngine();\n    await engine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);\n    // now we can get the permissions for the specified resource\n    const allResourcePermissions = engine.GetResourcePermissions(this.ResourceTypeID, this.ResourceRecordID);\n    this.resourcePermissions = allResourcePermissions.filter((p) => p.Status === 'Approved'); // only include approved permissions in the UI, we don't show requested, rejected, revoked permissions here, just suppress them.\n    \n    const p = this.ProviderToUse;\n    const rv = new RunView(<IRunViewProvider><any>p)\n    const result = await rv.RunView<MJUserEntity>({\n      EntityName: \"MJ: Users\",\n      ResultType: \"entity_object\",\n      OrderBy: \"Name\",\n      ExtraFilter: \"IsActive=1\"\n    });\n    // filter out any users that are in the ExcludedUserEmails list\n    this.AllUsers = result.Results.filter((u) => !this.ExcludedUserEmails.includes(u.Email));\n    // filter out any roles that are in the ExcludedRoleNames list\n    this.AllRoles = p.Roles.filter((r) => !this.ExcludedRoleNames.includes(r.Name));\n\n    if (this.AllUsers.length > 0)\n      this.SelectedUser = this.AllUsers[0];\n    if (this.AllRoles.length > 0)\n      this.SelectedRole = this.AllRoles[0];\n\n    this._Loading = false;\n  }\n\n  private _pendingDeletes: MJResourcePermissionEntity[] = [];\n  public deletePermission(permission: MJResourcePermissionEntity) {\n    this._pendingDeletes.push(permission);\n    this.resourcePermissions = this.resourcePermissions.filter((p) => p !== permission);\n  }\n\n  private _pendingAdds: MJResourcePermissionEntity[] = [];\n  public async addPermission() {\n    const p = this.ProviderToUse;\n    const permission = await p.GetEntityObject<MJResourcePermissionEntity>(\"MJ: Resource Permissions\", p.CurrentUser);\n    permission.ResourceTypeID = this.ResourceTypeID;\n    permission.ResourceRecordID = this.ResourceRecordID;\n    permission.Type = this.SelectedType;\n    permission.Status = 'Approved';\n    permission.PermissionLevel = this.SelectedPermissionLevel;\n    if (this.SelectedType === 'User' && this.SelectedUser) {\n      permission.UserID = this.SelectedUser.ID;\n      permission.Set(\"User\", this.SelectedUser.Name);// set the virtual field for display purposes\n    }\n    else if (this.SelectedType === 'Role' && this.SelectedRole) { \n      permission.RoleID = this.SelectedRole.ID;\n      permission.Set(\"Role\", this.SelectedRole.Name); // set the virtual field for display purposes\n    }\n    else {\n      LogError('Invalid permission type or missing user/role');\n      return;\n    }\n    this.resourcePermissions.push(permission);\n  }\n\n  public permissionAlreadyExists(): boolean {\n    // check to see if the selection that the user currently has in place for the combination of TYPE + either USER or ROLE already exists\n    // in our list of permissions\n    for (const permission of this.resourcePermissions) {\n      if (permission.Type === this.SelectedType) {\n        if (this.SelectedType === 'User' && UUIDsEqual(permission.UserID, this.SelectedUser?.ID)) {\n          return true;\n        }\n        else if (this.SelectedType === 'Role' && UUIDsEqual(permission.RoleID, this.SelectedRole?.ID)) {\n          return true;\n        }\n      }\n    }\n\n    // if we get here, then the permission does not already exist\n    return false;\n  }\n\n  public async SavePermissions(): Promise<boolean> {\n    // first delete any permissions that were marked for deletion\n    this._Loading = true;\n    const p = this.ProviderToUse;\n    const tg = await p.CreateTransactionGroup();\n    for (const permission of this._pendingDeletes) {\n      if (permission.IsSaved) {\n        // only delete records previously saved, sometimes a user adds a new permission and deletes it before saving it\n        permission.TransactionGroup = tg;\n        if (!await permission.Delete()) { // we use await here because the promise will resolve before the actual save occurs --- the internals will not call the network until tg.Submit() below\n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error deleting permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);\n          return false;\n        }  \n      }      \n    }\n\n    // next add new permissions by saving them in the transaction group\n    for (const permission of this._pendingAdds) {\n      if (this._pendingDeletes.includes(permission)) {\n        // don't save a permission record that is new, if it was also marked for deletion\n        permission.TransactionGroup = tg;\n        if (!await permission.Save()) { \n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error saving permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);          \n          return false;\n        }\n      }\n    }\n\n    // now save the existing permissions\n    for (const permission of this.resourcePermissions) {\n      // make sure not in the delete array\n      if (!this._pendingDeletes.includes(permission)) {\n        permission.TransactionGroup = tg;\n        if (!await permission.Save()) {  \n          // validation errors come back here\n          if (this.ShowUserErrorMessages)\n            MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', 2500);\n\n          LogError('Error saving permission record in the transaction group: ' + permission.LatestResult.CompleteMessage);\n          return false;\n        }\n      }\n    }\n\n    // now save the changes\n    if (await tg.Submit()) {\n      this._Loading = false;\n      this._pendingDeletes = [];\n      this._pendingAdds = [];\n      const engine = this.GetEngine();\n      await engine.RefreshAllItems(); // refresh the permissions cache\n      return true;\n    }\n    else {\n      // we had an error, show the user via SharedService\n      this._Loading = false;\n      if (this.ShowUserErrorMessages)\n        MJNotificationService.Instance.CreateSimpleNotification('Error saving permissions', 'error', );\n  \n      LogError('Error saving permissions in the transaction group');\n      return false;\n    }\n  }\n\n  protected GetEngine(): ResourcePermissionEngine {\n    return <ResourcePermissionEngine>ResourcePermissionEngine.GetProviderInstance(this.ProviderToUse, ResourcePermissionEngine);\n  }\n}\n","<div class=\"container\">\n  @if(_Loading) {\n    <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n  }\n  @if(ShowSaveButton) {\n    <button mjButton (click)=\"SavePermissions()\">Save</button>\n  }\n  <div class=\"table-container\">\n    @if(AllowAddPermissions) {\n      <div class=\"add-permission-section\">\n        <span class=\"add-permission-label\">Add Permission</span>\n        <mj-dropdown\n          [Data]=\"PermissionTypes\"\n          [(ngModel)]=\"SelectedType\"\n          style=\"width: 100px;\">\n        </mj-dropdown>\n        @if (SelectedType === 'User') {\n          <mj-dropdown\n            [Data]=\"AllUsers\"\n            [(ngModel)]=\"SelectedUser\"\n            TextField=\"Name\"\n            ValueField=\"ID\"\n            style=\"width: 225px;\">\n          </mj-dropdown>\n        }\n        @else if (SelectedType === 'Role') {\n          <mj-dropdown\n            [Data]=\"AllRoles\"\n            [(ngModel)]=\"SelectedRole\"\n            TextField=\"Name\"\n            ValueField=\"ID\"\n            style=\"width: 150px;\">\n          </mj-dropdown>\n        }\n        @else {\n          SelectedType: {{ SelectedType }}\n        }\n        @if (ShowPermissionLevels) {\n          <mj-dropdown\n            [Data]=\"PermissionLevels\"\n            [(ngModel)]=\"SelectedPermissionLevel\"\n            style=\"width: 100px;\">\n          </mj-dropdown>\n        }\n        <button mjButton (click)=\"addPermission()\" [disabled]=\"permissionAlreadyExists()\" [title]=\"permissionAlreadyExists() ? 'This combination of Type/User/Role already exists below' : ''\" >Add</button>\n      </div>\n    }\n    <table class=\"resource-table\">\n      <thead>\n        <tr>\n          <th>Type</th>\n          <th>Name</th>\n          @if (ShowPermissionLevels) {\n            <th>Level</th>\n          }\n          @if(AllowDeletePermissions) {\n            <th>Actions</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (p of resourcePermissions; track p) {\n          <tr>\n            <td>{{ p.Type }}</td>\n            <td>{{ p.Type === 'User' ? p.User : p.Role }}</td>\n            @if (ShowPermissionLevels) {\n              <td>\n                @if (AllowEditPermissions) {\n                  <mj-dropdown\n                    [(ngModel)]=\"p.PermissionLevel\"\n                    [Data]=\"PermissionLevels\"\n                    style=\"width: 100px;\">\n                  </mj-dropdown>\n                }\n                @else {\n                  {{ p.PermissionLevel }}\n                }\n              </td>\n            }\n            @if(AllowDeletePermissions) {\n              <td>\n                <button mjButton (click)=\"deletePermission(p)\"><span class=\"fa-solid fa-trash-can\"></span></button>\n              </td>\n            }\n          </tr>  \n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n"]}

package/dist/module.d.ts

@@ -3,21 +3,15 @@ import * as i1 from "./lib/resource-permissions.component";
 import * as i2 from "./lib/available-resources.component";
 import * as i3 from "./lib/request-access.component";
 import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-grid";
+import * as i5 from "ag-grid-angular";
 import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-dialog";
-import * as i8 from "@progress/kendo-angular-excel-export";
-import * as i9 from "@memberjunction/ng-container-directives";
-import * as i10 from "@progress/kendo-angular-buttons";
-import * as i11 from "@progress/kendo-angular-dropdowns";
-import * as i12 from "@progress/kendo-angular-indicators";
-import * as i13 from "@progress/kendo-angular-listview";
-import * as i14 from "@progress/kendo-angular-layout";
-import * as i15 from "@memberjunction/ng-generic-dialog";
-import * as i16 from "@memberjunction/ng-shared-generic";
+import * as i7 from "@memberjunction/ng-container-directives";
+import * as i8 from "@memberjunction/ng-generic-dialog";
+import * as i9 from "@memberjunction/ng-shared-generic";
+import * as i10 from "@memberjunction/ng-ui-components";
 export declare class ResourcePermissionsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ResourcePermissionsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ResourcePermissionsModule, [typeof i1.ResourcePermissionsComponent, typeof i2.AvailableResourcesComponent, typeof i3.RequestResourceAccessComponent], [typeof i4.CommonModule, typeof i5.GridModule, typeof i6.FormsModule, typeof i7.DialogsModule, typeof i8.ExcelExportModule, typeof i9.ContainerDirectivesModule, typeof i10.ButtonsModule, typeof i11.DropDownsModule, typeof i12.IndicatorsModule, typeof i13.ListViewModule, typeof i14.LayoutModule, typeof i15.GenericDialogModule, typeof i16.SharedGenericModule], [typeof i1.ResourcePermissionsComponent, typeof i2.AvailableResourcesComponent, typeof i3.RequestResourceAccessComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ResourcePermissionsModule, [typeof i1.ResourcePermissionsComponent, typeof i2.AvailableResourcesComponent, typeof i3.RequestResourceAccessComponent], [typeof i4.CommonModule, typeof i5.AgGridModule, typeof i6.FormsModule, typeof i7.ContainerDirectivesModule, typeof i8.GenericDialogModule, typeof i9.SharedGenericModule, typeof i10.MJButtonDirective, typeof i10.MJDropdownComponent], [typeof i1.ResourcePermissionsComponent, typeof i2.AvailableResourcesComponent, typeof i3.RequestResourceAccessComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ResourcePermissionsModule>;
 }
 //# 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":";;;;;;;;;;;;;;;;;AAsBA,qBA2Ba,yBAAyB;yCAAzB,yBAAyB;0CAAzB,yBAAyB;0CAAzB,yBAAyB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;AAcA,qBAsBa,yBAAyB;yCAAzB,yBAAyB;0CAAzB,yBAAyB;0CAAzB,yBAAyB;CAAI"}

package/dist/module.js

@@ -1,38 +1,25 @@
 import { NgModule } from '@angular/core';
 import { ResourcePermissionsComponent } from './lib/resource-permissions.component';
 import { CommonModule } from '@angular/common';
-// Kendo UI Angular imports
-import { GridModule } from '@progress/kendo-angular-grid';
-import { ListViewModule } from '@progress/kendo-angular-listview';
-import { LayoutModule } from '@progress/kendo-angular-layout';
-import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
-import { DialogsModule } from "@progress/kendo-angular-dialog";
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { AgGridModule } from 'ag-grid-angular';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 import { FormsModule } from '@angular/forms';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { IndicatorsModule } from '@progress/kendo-angular-indicators';
 import { AvailableResourcesComponent } from './lib/available-resources.component';
 import { GenericDialogModule } from '@memberjunction/ng-generic-dialog';
 import { RequestResourceAccessComponent } from './lib/request-access.component';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { MJButtonDirective, MJDropdownComponent } from '@memberjunction/ng-ui-components';
 import * as i0 from "@angular/core";
 export class ResourcePermissionsModule {
     static ɵfac = function ResourcePermissionsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ResourcePermissionsModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ResourcePermissionsModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            GridModule,
+            AgGridModule,
             FormsModule,
-            DialogsModule,
-            ExcelExportModule,
             ContainerDirectivesModule,
-            ButtonsModule,
-            DropDownsModule,
-            IndicatorsModule,
-            ListViewModule,
-            LayoutModule,
             GenericDialogModule,
-            SharedGenericModule] });
+            SharedGenericModule,
+            MJDropdownComponent] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourcePermissionsModule, [{
         type: NgModule,
@@ -44,18 +31,13 @@ export class ResourcePermissionsModule {
                 ],
                 imports: [
                     CommonModule,
-                    GridModule,
+                    AgGridModule,
                     FormsModule,
-                    DialogsModule,
-                    ExcelExportModule,
                     ContainerDirectivesModule,
-                    ButtonsModule,
-                    DropDownsModule,
-                    IndicatorsModule,
-                    ListViewModule,
-                    LayoutModule,
                     GenericDialogModule,
-                    SharedGenericModule
+                    SharedGenericModule,
+                    MJButtonDirective,
+                    MJDropdownComponent
                 ],
                 exports: [
                     ResourcePermissionsComponent,
@@ -67,18 +49,13 @@ export class ResourcePermissionsModule {
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ResourcePermissionsModule, { declarations: [ResourcePermissionsComponent,
         AvailableResourcesComponent,
         RequestResourceAccessComponent], imports: [CommonModule,
-        GridModule,
+        AgGridModule,
         FormsModule,
-        DialogsModule,
-        ExcelExportModule,
         ContainerDirectivesModule,
-        ButtonsModule,
-        DropDownsModule,
-        IndicatorsModule,
-        ListViewModule,
-        LayoutModule,
         GenericDialogModule,
-        SharedGenericModule], exports: [ResourcePermissionsComponent,
+        SharedGenericModule,
+        MJButtonDirective,
+        MJDropdownComponent], exports: [ResourcePermissionsComponent,
         AvailableResourcesComponent,
         RequestResourceAccessComponent] }); })();
 //# 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,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,2BAA2B;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;;AA6BxE,MAAM,OAAO,yBAAyB;mHAAzB,yBAAyB;4DAAzB,yBAAyB;gEApBlC,YAAY;YACZ,UAAU;YACV,WAAW;YACX,aAAa;YACb,iBAAiB;YACjB,yBAAyB;YACzB,aAAa;YACb,eAAe;YACf,gBAAgB;YAChB,cAAc;YACd,YAAY;YACZ,mBAAmB;YACnB,mBAAmB;;iFAQV,yBAAyB;cA3BrC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;oBAC5B,2BAA2B;oBAC3B,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,UAAU;oBACV,WAAW;oBACX,aAAa;oBACb,iBAAiB;oBACjB,yBAAyB;oBACzB,aAAa;oBACb,eAAe;oBACf,gBAAgB;oBAChB,cAAc;oBACd,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,4BAA4B;oBAC5B,2BAA2B;oBAC3B,8BAA8B;iBAC/B;aACF;;wFACY,yBAAyB,mBAzBlC,4BAA4B;QAC5B,2BAA2B;QAC3B,8BAA8B,aAG9B,YAAY;QACZ,UAAU;QACV,WAAW;QACX,aAAa;QACb,iBAAiB;QACjB,yBAAyB;QACzB,aAAa;QACb,eAAe;QACf,gBAAgB;QAChB,cAAc;QACd,YAAY;QACZ,mBAAmB;QACnB,mBAAmB,aAGnB,4BAA4B;QAC5B,2BAA2B;QAC3B,8BAA8B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ResourcePermissionsComponent } from './lib/resource-permissions.component';\nimport { CommonModule } from '@angular/common';\n\n// Kendo UI Angular imports\nimport { GridModule } from '@progress/kendo-angular-grid';\nimport { ListViewModule } from '@progress/kendo-angular-listview';\nimport { LayoutModule } from '@progress/kendo-angular-layout';\n\nimport { ExcelExportModule } from '@progress/kendo-angular-excel-export';\nimport { DialogsModule } from \"@progress/kendo-angular-dialog\";\nimport { ButtonsModule } from '@progress/kendo-angular-buttons'; \n\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { FormsModule } from '@angular/forms';\nimport { DropDownsModule } from '@progress/kendo-angular-dropdowns';\nimport { IndicatorsModule } from '@progress/kendo-angular-indicators';\nimport { AvailableResourcesComponent } from './lib/available-resources.component';\nimport { GenericDialogModule } from '@memberjunction/ng-generic-dialog';\nimport { RequestResourceAccessComponent } from './lib/request-access.component';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\n\n@NgModule({\n  declarations: [\n    ResourcePermissionsComponent,\n    AvailableResourcesComponent,\n    RequestResourceAccessComponent\n  ],\n  imports: [\n    CommonModule,\n    GridModule,\n    FormsModule,\n    DialogsModule,\n    ExcelExportModule,\n    ContainerDirectivesModule,\n    ButtonsModule,\n    DropDownsModule,\n    IndicatorsModule,\n    ListViewModule,\n    LayoutModule,\n    GenericDialogModule,\n    SharedGenericModule\n  ],\n  exports: [\n    ResourcePermissionsComponent,\n    AvailableResourcesComponent,\n    RequestResourceAccessComponent\n  ]\n})\nexport class ResourcePermissionsModule { }"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAwB1F,MAAM,OAAO,yBAAyB;mHAAzB,yBAAyB;4DAAzB,yBAAyB;gEAflC,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,yBAAyB;YACzB,mBAAmB;YACnB,mBAAmB;YAEnB,mBAAmB;;iFAQV,yBAAyB;cAtBrC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;oBAC5B,2BAA2B;oBAC3B,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,WAAW;oBACX,yBAAyB;oBACzB,mBAAmB;oBACnB,mBAAmB;oBACnB,iBAAiB;oBACjB,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,4BAA4B;oBAC5B,2BAA2B;oBAC3B,8BAA8B;iBAC/B;aACF;;wFACY,yBAAyB,mBApBlC,4BAA4B;QAC5B,2BAA2B;QAC3B,8BAA8B,aAG9B,YAAY;QACZ,YAAY;QACZ,WAAW;QACX,yBAAyB;QACzB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB,aAGnB,4BAA4B;QAC5B,2BAA2B;QAC3B,8BAA8B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ResourcePermissionsComponent } from './lib/resource-permissions.component';\nimport { CommonModule } from '@angular/common';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';\nimport { FormsModule } from '@angular/forms';\nimport { AvailableResourcesComponent } from './lib/available-resources.component';\nimport { GenericDialogModule } from '@memberjunction/ng-generic-dialog';\nimport { RequestResourceAccessComponent } from './lib/request-access.component';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { MJButtonDirective, MJDropdownComponent } from '@memberjunction/ng-ui-components';\n\n@NgModule({\n  declarations: [\n    ResourcePermissionsComponent,\n    AvailableResourcesComponent,\n    RequestResourceAccessComponent\n  ],\n  imports: [\n    CommonModule,\n    AgGridModule,\n    FormsModule,\n    ContainerDirectivesModule,\n    GenericDialogModule,\n    SharedGenericModule,\n    MJButtonDirective,\n    MJDropdownComponent\n  ],\n  exports: [\n    ResourcePermissionsComponent,\n    AvailableResourcesComponent,\n    RequestResourceAccessComponent\n  ]\n})\nexport class ResourcePermissionsModule { }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-resource-permissions",
-  "version": "5.22.0",
+  "version": "5.24.0",
   "description": "MemberJunction: Generic Angular components for displaying/editing permissions for a resource",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -27,22 +27,17 @@
     "@angular/router": "21.1.3"
   },
   "dependencies": {
-    "@memberjunction/core": "5.22.0",
-    "@memberjunction/core-entities": "5.22.0",
-    "@memberjunction/global": "5.22.0",
-    "@memberjunction/ng-base-types": "5.22.0",
-    "@memberjunction/ng-container-directives": "5.22.0",
-    "@memberjunction/ng-generic-dialog": "5.22.0",
-    "@memberjunction/ng-notifications": "5.22.0",
-    "@memberjunction/ng-shared-generic": "5.22.0",
-    "@progress/kendo-angular-buttons": "22.0.1",
-    "@progress/kendo-angular-dialog": "22.0.1",
-    "@progress/kendo-angular-dropdowns": "22.0.1",
-    "@progress/kendo-angular-excel-export": "22.0.1",
-    "@progress/kendo-angular-grid": "22.0.1",
-    "@progress/kendo-angular-indicators": "22.0.1",
-    "@progress/kendo-angular-layout": "22.0.1",
-    "@progress/kendo-angular-listview": "22.0.1",
+    "@memberjunction/core": "5.24.0",
+    "@memberjunction/core-entities": "5.24.0",
+    "@memberjunction/global": "5.24.0",
+    "@memberjunction/ng-base-types": "5.24.0",
+    "@memberjunction/ng-container-directives": "5.24.0",
+    "@memberjunction/ng-generic-dialog": "5.24.0",
+    "@memberjunction/ng-notifications": "5.24.0",
+    "@memberjunction/ng-shared-generic": "5.24.0",
+    "@memberjunction/ng-ui-components": "5.24.0",
+    "ag-grid-angular": "^35.0.1",
+    "ag-grid-community": "^35.0.1",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,