@memberjunction/ng-dashboards 5.34.1 → 5.36.0

package/dist/Permissions/user-access-resource.component.js

@@ -14,9 +14,9 @@ import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-ui-components";
 import * as i3 from "@memberjunction/ng-shared-generic";
 const _forTrack0 = ($index, $item) => $item.ID;
-function PermissionsUserAccessResourceComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "i", 17);
+function PermissionsUserAccessResourceComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 11);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -25,8 +25,8 @@ function PermissionsUserAccessResourceComponent_Conditional_12_Template(rf, ctx)
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
 } }
-function PermissionsUserAccessResourceComponent_For_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 13);
+function PermissionsUserAccessResourceComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -35,9 +35,9 @@ function PermissionsUserAccessResourceComponent_For_18_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2("", user_r2.Name, "", user_r2.Email ? " \u2014 " + user_r2.Email : "");
 } }
-function PermissionsUserAccessResourceComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "i", 18);
+function PermissionsUserAccessResourceComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 12);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -46,25 +46,25 @@ function PermissionsUserAccessResourceComponent_Conditional_19_Template(rf, ctx)
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.SelectedUserRoles.join(", "));
 } }
-function PermissionsUserAccessResourceComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 15);
+function PermissionsUserAccessResourceComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 9);
 } }
-function PermissionsUserAccessResourceComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 19);
+function PermissionsUserAccessResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 13);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Select a user above to see their access report.");
     i0.ɵɵelementEnd()();
 } }
-function PermissionsUserAccessResourceComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 20);
+function PermissionsUserAccessResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 14);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "This user has no permissions granted in any domain.");
     i0.ɵɵelementEnd()();
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 35);
+function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -72,8 +72,8 @@ function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(row_r5.ResourceID);
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
+function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 31);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -81,19 +81,19 @@ function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(action_r6);
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 33)(2, "span", 34);
+function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 27)(2, "span", 28);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_Conditional_4_Template, 2, 1, "span", 35);
+    i0.ɵɵconditionalCreate(4, PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_Conditional_4_Template, 2, 1, "span", 29);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "td");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td")(8, "div", 36);
-    i0.ɵɵrepeaterCreate(9, PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_For_10_Template, 2, 1, "span", 37, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(7, "td")(8, "div", 30);
+    i0.ɵɵrepeaterCreate(9, PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_For_10_Template, 2, 1, "span", 31, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "td")(12, "span", 38);
+    i0.ɵɵelementStart(11, "td")(12, "span", 32);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -111,8 +111,8 @@ function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", row_r5.Effect, " ");
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31)(1, "table", 32)(2, "thead")(3, "tr")(4, "th");
+function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25)(1, "table", 26)(2, "thead")(3, "tr")(4, "th");
     i0.ɵɵtext(5, "Resource");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "th");
@@ -125,28 +125,28 @@ function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional
     i0.ɵɵtext(11, "Effect");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(12, "tbody");
-    i0.ɵɵrepeaterCreate(13, PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_For_14_Template, 14, 8, "tr", null, i0.ɵɵcomponentInstance().TrackByPermission, true);
+    i0.ɵɵrepeaterCreate(13, PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_For_14_Template, 14, 8, "tr", null, i0.ɵɵcomponentInstance().TrackByPermission, true);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const group_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(13);
     i0.ɵɵrepeater(group_r4.Rows);
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Template(rf, ctx) { if (rf & 1) {
+function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24)(1, "button", 25);
-    i0.ɵɵlistener("click", function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Template_button_click_1_listener() { const group_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r4)); });
-    i0.ɵɵelementStart(2, "div", 26);
-    i0.ɵɵelement(3, "i", 27);
-    i0.ɵɵelementStart(4, "span", 28);
+    i0.ɵɵelementStart(0, "div", 18)(1, "button", 19);
+    i0.ɵɵlistener("click", function PermissionsUserAccessResourceComponent_Conditional_16_For_9_Template_button_click_1_listener() { const group_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r4)); });
+    i0.ɵɵelementStart(2, "div", 20);
+    i0.ɵɵelement(3, "i", 21);
+    i0.ɵɵelementStart(4, "span", 22);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 29);
+    i0.ɵɵelementStart(6, "span", 23);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(8, "i", 30);
+    i0.ɵɵelement(8, "i", 24);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, PermissionsUserAccessResourceComponent_Conditional_23_For_9_Conditional_9_Template, 15, 0, "div", 31);
+    i0.ɵɵconditionalCreate(9, PermissionsUserAccessResourceComponent_Conditional_16_For_9_Conditional_9_Template, 15, 0, "div", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r4 = ctx.$implicit;
@@ -162,8 +162,8 @@ function PermissionsUserAccessResourceComponent_Conditional_23_For_9_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(group_r4.Expanded ? 9 : -1);
 } }
-function PermissionsUserAccessResourceComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "strong");
+function PermissionsUserAccessResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "strong");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -172,8 +172,8 @@ function PermissionsUserAccessResourceComponent_Conditional_23_Template(rf, ctx)
     i0.ɵɵelementEnd();
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 22);
-    i0.ɵɵrepeaterCreate(8, PermissionsUserAccessResourceComponent_Conditional_23_For_9_Template, 10, 9, "div", 23, i0.ɵɵcomponentInstance().TrackByDomain, true);
+    i0.ɵɵelementStart(7, "div", 16);
+    i0.ɵɵrepeaterCreate(8, PermissionsUserAccessResourceComponent_Conditional_16_For_9_Template, 10, 9, "div", 17, i0.ɵɵcomponentInstance().TrackByDomain, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -286,48 +286,37 @@ let PermissionsUserAccessResourceComponent = class PermissionsUserAccessResource
         return this.DomainGroups.reduce((sum, g) => sum + g.Count, 0);
     }
     static ɵfac = function PermissionsUserAccessResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PermissionsUserAccessResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PermissionsUserAccessResourceComponent, selectors: [["mj-permissions-user-access-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 8, consts: [[1, "permissions-container"], [1, "header"], [1, "header-left"], [1, "fa-solid", "fa-user", "header-icon"], [1, "header-title"], [1, "header-actions"], ["mjButton", "", "variant", "secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-arrows-rotate"], [1, "description"], [1, "message", "error-message"], [1, "selector-row"], ["for", "user-select", 1, "selector-label"], ["id", "user-select", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["title", "Roles assigned to this user", 1, "roles-badge"], ["text", "Loading permissions...", "size", "medium"], [1, "empty-state"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-user-tag"], [1, "fa-solid", "fa-user-slash"], [1, "fa-solid", "fa-folder-open"], [1, "total-summary"], [1, "domain-groups"], [1, "domain-group", 3, "expanded"], [1, "domain-group"], ["type", "button", 1, "domain-header", 3, "click"], [1, "domain-header-left"], [1, "domain-icon"], [1, "domain-name"], [1, "domain-count"], [1, "fa-solid", "fa-chevron-down", "toggle-icon"], [1, "domain-body"], [1, "perms-table"], [1, "resource-cell"], [1, "resource-name"], [1, "resource-id"], [1, "action-chips"], [1, "action-chip"], [1, "effect-badge"]], template: function PermissionsUserAccessResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵelement(3, "i", 3);
-            i0.ɵɵelementStart(4, "h2", 4);
-            i0.ɵɵtext(5, "User Access Report");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 5)(7, "button", 6);
-            i0.ɵɵlistener("click", function PermissionsUserAccessResourceComponent_Template_button_click_7_listener() { return ctx.loadUsers(); });
-            i0.ɵɵelement(8, "i", 7);
-            i0.ɵɵtext(9, " Refresh ");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PermissionsUserAccessResourceComponent, selectors: [["mj-permissions-user-access-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 7, consts: [["Title", "User Access Report", "Icon", "fa-solid fa-user", "Subtitle", "See every resource a user can access across all registered permission domains"], ["actions", ""], [3, "Clicked", "Loading", "Disabled"], [1, "message", "error-message"], [1, "selector-row"], ["for", "user-select", 1, "selector-label"], ["id", "user-select", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["title", "Roles assigned to this user", 1, "roles-badge"], ["text", "Loading permissions...", "size", "medium"], [1, "empty-state"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-user-tag"], [1, "fa-solid", "fa-user-slash"], [1, "fa-solid", "fa-folder-open"], [1, "total-summary"], [1, "domain-groups"], [1, "domain-group", 3, "expanded"], [1, "domain-group"], ["type", "button", 1, "domain-header", 3, "click"], [1, "domain-header-left"], [1, "domain-icon"], [1, "domain-name"], [1, "domain-count"], [1, "fa-solid", "fa-chevron-down", "toggle-icon"], [1, "domain-body"], [1, "perms-table"], [1, "resource-cell"], [1, "resource-name"], [1, "resource-id"], [1, "action-chips"], [1, "action-chip"], [1, "effect-badge"]], template: function PermissionsUserAccessResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1)(3, "mj-refresh-button", 2);
+            i0.ɵɵlistener("Clicked", function PermissionsUserAccessResourceComponent_Template_mj_refresh_button_Clicked_3_listener() { return ctx.loadUsers(); });
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(10, "p", 8);
-            i0.ɵɵtext(11, " Select a user to see every resource they can access across all registered permission domains. ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(12, PermissionsUserAccessResourceComponent_Conditional_12_Template, 4, 1, "div", 9);
-            i0.ɵɵelementStart(13, "div", 10)(14, "label", 11);
-            i0.ɵɵtext(15, "User:");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "select", 12);
-            i0.ɵɵlistener("ngModelChange", function PermissionsUserAccessResourceComponent_Template_select_ngModelChange_16_listener($event) { return ctx.OnUserChanged($event); });
-            i0.ɵɵrepeaterCreate(17, PermissionsUserAccessResourceComponent_For_18_Template, 2, 3, "option", 13, _forTrack0);
+            i0.ɵɵelementStart(4, "mj-page-body");
+            i0.ɵɵconditionalCreate(5, PermissionsUserAccessResourceComponent_Conditional_5_Template, 4, 1, "div", 3);
+            i0.ɵɵelementStart(6, "div", 4)(7, "label", 5);
+            i0.ɵɵtext(8, "User:");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(19, PermissionsUserAccessResourceComponent_Conditional_19_Template, 4, 1, "div", 14);
+            i0.ɵɵelementStart(9, "select", 6);
+            i0.ɵɵlistener("ngModelChange", function PermissionsUserAccessResourceComponent_Template_select_ngModelChange_9_listener($event) { return ctx.OnUserChanged($event); });
+            i0.ɵɵrepeaterCreate(10, PermissionsUserAccessResourceComponent_For_11_Template, 2, 3, "option", 7, _forTrack0);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(20, PermissionsUserAccessResourceComponent_Conditional_20_Template, 1, 0, "mj-loading", 15)(21, PermissionsUserAccessResourceComponent_Conditional_21_Template, 4, 0, "div", 16)(22, PermissionsUserAccessResourceComponent_Conditional_22_Template, 4, 0, "div", 16)(23, PermissionsUserAccessResourceComponent_Conditional_23_Template, 10, 4);
+            i0.ɵɵconditionalCreate(12, PermissionsUserAccessResourceComponent_Conditional_12_Template, 4, 1, "div", 8);
             i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(13, PermissionsUserAccessResourceComponent_Conditional_13_Template, 1, 0, "mj-loading", 9)(14, PermissionsUserAccessResourceComponent_Conditional_14_Template, 4, 0, "div", 10)(15, PermissionsUserAccessResourceComponent_Conditional_15_Template, 4, 0, "div", 10)(16, PermissionsUserAccessResourceComponent_Conditional_16_Template, 10, 4);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵproperty("disabled", ctx.IsLoadingUsers || ctx.IsLoadingPermissions);
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("fa-spin", ctx.IsLoadingUsers);
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.ErrorMessage ? 12 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Loading", ctx.IsLoadingUsers)("Disabled", ctx.IsLoadingPermissions);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ErrorMessage ? 5 : -1);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngModel", ctx.SelectedUserId)("disabled", ctx.IsLoadingUsers || ctx.IsLoadingPermissions);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.Users);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.SelectedUserRoles.length > 0 ? 19 : -1);
+            i0.ɵɵconditional(ctx.SelectedUserRoles.length > 0 ? 12 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoadingPermissions ? 20 : !ctx.SelectedUserId ? 21 : ctx.DomainGroups.length === 0 ? 22 : 23);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i3.LoadingComponent], styles: [".permissions-container[_ngcontent-%COMP%] {\n  padding: 24px;\n  max-width: 1080px;\n  margin: 0 auto;\n  height: 100%;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n\n\n\n.header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n  font-size: 24px;\n  color: var(--mj-brand-primary);\n}\n\n.header-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 22px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.description[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  margin-bottom: 20px;\n  line-height: 1.5;\n}\n\n\n\n.tab-bar[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.tab[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  padding: 10px 16px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n.tab-active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.selector-row.wrap[_ngcontent-%COMP%] {\n  flex-wrap: wrap;\n}\n\n.mj-input.mono[_ngcontent-%COMP%] {\n  font-family: var(--mj-font-mono, monospace);\n  min-width: 300px;\n}\n\n.muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n.message[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.error-message[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n}\n\n\n\n.user-selector-row[_ngcontent-%COMP%], \n.selector-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.user-selector-label[_ngcontent-%COMP%], \n.selector-label[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n#user-select[_ngcontent-%COMP%], \n#domain-select[_ngcontent-%COMP%] {\n  min-width: 320px;\n  flex: 0 1 auto;\n}\n\n.roles-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 48px 16px;\n  color: var(--mj-text-muted);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n.total-summary[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  margin-bottom: 12px;\n}\n\n.total-summary[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n\n\n.domain-groups[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.domain-group[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.domain-header[_ngcontent-%COMP%] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n  font: inherit;\n}\n\n.domain-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.domain-header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.domain-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.domain-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.domain-count[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 8px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n  transition: transform 0.15s ease;\n  color: var(--mj-text-muted);\n}\n\n.toggle-icon.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.domain-body[_ngcontent-%COMP%] {\n  padding: 0;\n  background: var(--mj-bg-surface);\n  overflow-x: auto;\n}\n\n\n\n.perms-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.perms-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.perms-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.perms-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 0.5px;\n}\n\n.perms-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n.perms-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.resource-cell[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.resource-name[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.resource-id[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  font-family: var(--mj-font-mono, monospace);\n}\n\n\n\n.action-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.action-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n\n\n.effect-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.effect-allow[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n\n.effect-deny[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n}"] });
+            i0.ɵɵconditional(ctx.IsLoadingPermissions ? 13 : !ctx.SelectedUserId ? 14 : ctx.DomainGroups.length === 0 ? 15 : 16);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJRefreshButtonComponent, i3.LoadingComponent], styles: ["\n\n.tab-bar[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.tab[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  padding: 10px 16px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n.tab-active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.selector-row.wrap[_ngcontent-%COMP%] {\n  flex-wrap: wrap;\n}\n\n.mj-input.mono[_ngcontent-%COMP%] {\n  font-family: var(--mj-font-mono, monospace);\n  min-width: 300px;\n}\n\n.muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n.message[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.error-message[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n}\n\n\n\n.user-selector-row[_ngcontent-%COMP%], \n.selector-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.user-selector-label[_ngcontent-%COMP%], \n.selector-label[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n#user-select[_ngcontent-%COMP%], \n#domain-select[_ngcontent-%COMP%] {\n  min-width: 320px;\n  flex: 0 1 auto;\n}\n\n.roles-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 48px 16px;\n  color: var(--mj-text-muted);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n.total-summary[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  margin-bottom: 12px;\n}\n\n.total-summary[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n\n\n.domain-groups[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.domain-group[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.domain-header[_ngcontent-%COMP%] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n  font: inherit;\n}\n\n.domain-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.domain-header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.domain-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.domain-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.domain-count[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 8px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n  transition: transform 0.15s ease;\n  color: var(--mj-text-muted);\n}\n\n.toggle-icon.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.domain-body[_ngcontent-%COMP%] {\n  padding: 0;\n  background: var(--mj-bg-surface);\n  overflow-x: auto;\n}\n\n\n\n.perms-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.perms-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.perms-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.perms-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 0.5px;\n}\n\n.perms-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n.perms-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.resource-cell[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.resource-name[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.resource-id[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  font-family: var(--mj-font-mono, monospace);\n}\n\n\n\n.action-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.action-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n\n\n.effect-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.effect-allow[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n\n.effect-deny[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n}"] });
 };
 PermissionsUserAccessResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'PermissionsUserAccessResource')
@@ -335,7 +324,7 @@ PermissionsUserAccessResourceComponent = __decorate([
 export { PermissionsUserAccessResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PermissionsUserAccessResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-permissions-user-access-resource', template: "<div class=\"permissions-container\">\n  <div class=\"header\">\n    <div class=\"header-left\">\n      <i class=\"fa-solid fa-user header-icon\"></i>\n      <h2 class=\"header-title\">User Access Report</h2>\n    </div>\n    <div class=\"header-actions\">\n      <button mjButton variant=\"secondary\" (click)=\"loadUsers()\" [disabled]=\"IsLoadingUsers || IsLoadingPermissions\">\n        <i class=\"fa-solid fa-arrows-rotate\" [class.fa-spin]=\"IsLoadingUsers\"></i> Refresh\n      </button>\n    </div>\n  </div>\n\n  <p class=\"description\">\n    Select a user to see every resource they can access across all registered permission domains.\n  </p>\n\n  @if (ErrorMessage) {\n    <div class=\"message error-message\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      <span>{{ ErrorMessage }}</span>\n    </div>\n  }\n\n  <div class=\"selector-row\">\n    <label class=\"selector-label\" for=\"user-select\">User:</label>\n    <select\n      id=\"user-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedUserId\"\n      (ngModelChange)=\"OnUserChanged($event)\"\n      [disabled]=\"IsLoadingUsers || IsLoadingPermissions\"\n    >\n      @for (user of Users; track user.ID) {\n        <option [ngValue]=\"user.ID\">{{ user.Name }}{{ user.Email ? ' \u2014 ' + user.Email : '' }}</option>\n      }\n    </select>\n\n    @if (SelectedUserRoles.length > 0) {\n      <div class=\"roles-badge\" title=\"Roles assigned to this user\">\n        <i class=\"fa-solid fa-user-tag\"></i>\n        <span>{{ SelectedUserRoles.join(', ') }}</span>\n      </div>\n    }\n  </div>\n\n  @if (IsLoadingPermissions) {\n    <mj-loading text=\"Loading permissions...\" size=\"medium\"></mj-loading>\n  } @else if (!SelectedUserId) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>Select a user above to see their access report.</p>\n    </div>\n  } @else if (DomainGroups.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-folder-open\"></i>\n      <p>This user has no permissions granted in any domain.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ TotalCount }}</strong> permission{{ TotalCount === 1 ? '' : 's' }} across\n      <strong>{{ DomainGroups.length }}</strong> domain{{ DomainGroups.length === 1 ? '' : 's' }}\n    </div>\n\n    <div class=\"domain-groups\">\n      @for (group of DomainGroups; track TrackByDomain($index, group)) {\n        <div class=\"domain-group\" [class.expanded]=\"group.Expanded\">\n          <button type=\"button\" class=\"domain-header\" (click)=\"ToggleGroup(group)\">\n            <div class=\"domain-header-left\">\n              <i [class]=\"group.Icon\" class=\"domain-icon\"></i>\n              <span class=\"domain-name\">{{ group.DomainName }}</span>\n              <span class=\"domain-count\">{{ group.Count }}</span>\n            </div>\n            <i class=\"fa-solid fa-chevron-down toggle-icon\" [class.rotated]=\"group.Expanded\"></i>\n          </button>\n\n          @if (group.Expanded) {\n            <div class=\"domain-body\">\n              <table class=\"perms-table\">\n                <thead>\n                  <tr>\n                    <th>Resource</th>\n                    <th>Type</th>\n                    <th>Actions</th>\n                    <th>Effect</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of group.Rows; track TrackByPermission($index, row)) {\n                    <tr>\n                      <td class=\"resource-cell\">\n                        <span class=\"resource-name\">{{ row.ResourceName || row.ResourceID || '\u2014' }}</span>\n                        @if (row.ResourceID && row.ResourceName && row.ResourceName !== row.ResourceID) {\n                          <span class=\"resource-id\">{{ row.ResourceID }}</span>\n                        }\n                      </td>\n                      <td>{{ row.ResourceType }}</td>\n                      <td>\n                        <div class=\"action-chips\">\n                          @for (action of row.Actions; track action) {\n                            <span class=\"action-chip\">{{ action }}</span>\n                          }\n                        </div>\n                      </td>\n                      <td>\n                        <span class=\"effect-badge\" [class.effect-allow]=\"row.Effect === 'Allow'\" [class.effect-deny]=\"row.Effect === 'Deny'\">\n                          {{ row.Effect }}\n                        </span>\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".permissions-container {\n  padding: 24px;\n  max-width: 1080px;\n  margin: 0 auto;\n  height: 100%;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n\n/* Header */\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.header-icon {\n  font-size: 24px;\n  color: var(--mj-brand-primary);\n}\n\n.header-title {\n  margin: 0;\n  font-size: 22px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.description {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  margin-bottom: 20px;\n  line-height: 1.5;\n}\n\n/* Tab bar */\n.tab-bar {\n  display: flex;\n  gap: 4px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.tab {\n  background: transparent;\n  border: none;\n  padding: 10px 16px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tab:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n.tab-active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.selector-row.wrap {\n  flex-wrap: wrap;\n}\n\n.mj-input.mono {\n  font-family: var(--mj-font-mono, monospace);\n  min-width: 300px;\n}\n\n.muted {\n  color: var(--mj-text-muted);\n}\n\n/* Messages */\n.message {\n  padding: 10px 14px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.error-message {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n}\n\n/* User selector (legacy name kept for User Access tab, plus generic selector-row for Resource tab) */\n.user-selector-row,\n.selector-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.user-selector-label,\n.selector-label {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n#user-select,\n#domain-select {\n  min-width: 320px;\n  flex: 0 1 auto;\n}\n\n.roles-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* Empty state */\n.empty-state {\n  text-align: center;\n  padding: 48px 16px;\n  color: var(--mj-text-muted);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state i {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.total-summary {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  margin-bottom: 12px;\n}\n\n.total-summary strong {\n  color: var(--mj-text-primary);\n}\n\n/* Domain groups */\n.domain-groups {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.domain-group {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.domain-header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n  font: inherit;\n}\n\n.domain-header:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.domain-header-left {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.domain-icon {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.domain-name {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.domain-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 8px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.toggle-icon {\n  transition: transform 0.15s ease;\n  color: var(--mj-text-muted);\n}\n\n.toggle-icon.rotated {\n  transform: rotate(180deg);\n}\n\n.domain-body {\n  padding: 0;\n  background: var(--mj-bg-surface);\n  overflow-x: auto;\n}\n\n/* Permissions table */\n.perms-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.perms-table th,\n.perms-table td {\n  padding: 8px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.perms-table th {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 0.5px;\n}\n\n.perms-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.perms-table tbody tr:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.resource-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.resource-name {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.resource-id {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  font-family: var(--mj-font-mono, monospace);\n}\n\n/* Action chips */\n.action-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.action-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n/* Effect badge */\n.effect-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.effect-allow {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n\n.effect-deny {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-permissions-user-access-resource', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"User Access Report\"\n    Icon=\"fa-solid fa-user\"\n    Subtitle=\"See every resource a user can access across all registered permission domains\">\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoadingUsers\" [Disabled]=\"IsLoadingPermissions\" (Clicked)=\"loadUsers()\"></mj-refresh-button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body>\n\n  @if (ErrorMessage) {\n    <div class=\"message error-message\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      <span>{{ ErrorMessage }}</span>\n    </div>\n  }\n\n  <div class=\"selector-row\">\n    <label class=\"selector-label\" for=\"user-select\">User:</label>\n    <select\n      id=\"user-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedUserId\"\n      (ngModelChange)=\"OnUserChanged($event)\"\n      [disabled]=\"IsLoadingUsers || IsLoadingPermissions\"\n    >\n      @for (user of Users; track user.ID) {\n        <option [ngValue]=\"user.ID\">{{ user.Name }}{{ user.Email ? ' \u2014 ' + user.Email : '' }}</option>\n      }\n    </select>\n\n    @if (SelectedUserRoles.length > 0) {\n      <div class=\"roles-badge\" title=\"Roles assigned to this user\">\n        <i class=\"fa-solid fa-user-tag\"></i>\n        <span>{{ SelectedUserRoles.join(', ') }}</span>\n      </div>\n    }\n  </div>\n\n  @if (IsLoadingPermissions) {\n    <mj-loading text=\"Loading permissions...\" size=\"medium\"></mj-loading>\n  } @else if (!SelectedUserId) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>Select a user above to see their access report.</p>\n    </div>\n  } @else if (DomainGroups.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-folder-open\"></i>\n      <p>This user has no permissions granted in any domain.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ TotalCount }}</strong> permission{{ TotalCount === 1 ? '' : 's' }} across\n      <strong>{{ DomainGroups.length }}</strong> domain{{ DomainGroups.length === 1 ? '' : 's' }}\n    </div>\n\n    <div class=\"domain-groups\">\n      @for (group of DomainGroups; track TrackByDomain($index, group)) {\n        <div class=\"domain-group\" [class.expanded]=\"group.Expanded\">\n          <button type=\"button\" class=\"domain-header\" (click)=\"ToggleGroup(group)\">\n            <div class=\"domain-header-left\">\n              <i [class]=\"group.Icon\" class=\"domain-icon\"></i>\n              <span class=\"domain-name\">{{ group.DomainName }}</span>\n              <span class=\"domain-count\">{{ group.Count }}</span>\n            </div>\n            <i class=\"fa-solid fa-chevron-down toggle-icon\" [class.rotated]=\"group.Expanded\"></i>\n          </button>\n\n          @if (group.Expanded) {\n            <div class=\"domain-body\">\n              <table class=\"perms-table\">\n                <thead>\n                  <tr>\n                    <th>Resource</th>\n                    <th>Type</th>\n                    <th>Actions</th>\n                    <th>Effect</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of group.Rows; track TrackByPermission($index, row)) {\n                    <tr>\n                      <td class=\"resource-cell\">\n                        <span class=\"resource-name\">{{ row.ResourceName || row.ResourceID || '\u2014' }}</span>\n                        @if (row.ResourceID && row.ResourceName && row.ResourceName !== row.ResourceID) {\n                          <span class=\"resource-id\">{{ row.ResourceID }}</span>\n                        }\n                      </td>\n                      <td>{{ row.ResourceType }}</td>\n                      <td>\n                        <div class=\"action-chips\">\n                          @for (action of row.Actions; track action) {\n                            <span class=\"action-chip\">{{ action }}</span>\n                          }\n                        </div>\n                      </td>\n                      <td>\n                        <span class=\"effect-badge\" [class.effect-allow]=\"row.Effect === 'Allow'\" [class.effect-deny]=\"row.Effect === 'Deny'\">\n                          {{ row.Effect }}\n                        </span>\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Tab bar */\n.tab-bar {\n  display: flex;\n  gap: 4px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.tab {\n  background: transparent;\n  border: none;\n  padding: 10px 16px;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tab:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n.tab-active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.selector-row.wrap {\n  flex-wrap: wrap;\n}\n\n.mj-input.mono {\n  font-family: var(--mj-font-mono, monospace);\n  min-width: 300px;\n}\n\n.muted {\n  color: var(--mj-text-muted);\n}\n\n/* Messages */\n.message {\n  padding: 10px 14px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.error-message {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n}\n\n/* User selector (legacy name kept for User Access tab, plus generic selector-row for Resource tab) */\n.user-selector-row,\n.selector-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.user-selector-label,\n.selector-label {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n#user-select,\n#domain-select {\n  min-width: 320px;\n  flex: 0 1 auto;\n}\n\n.roles-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* Empty state */\n.empty-state {\n  text-align: center;\n  padding: 48px 16px;\n  color: var(--mj-text-muted);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state i {\n  font-size: 32px;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.total-summary {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  margin-bottom: 12px;\n}\n\n.total-summary strong {\n  color: var(--mj-text-primary);\n}\n\n/* Domain groups */\n.domain-groups {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.domain-group {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.domain-header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n  font: inherit;\n}\n\n.domain-header:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.domain-header-left {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.domain-icon {\n  color: var(--mj-brand-primary);\n  font-size: 16px;\n}\n\n.domain-name {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.domain-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 8px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.toggle-icon {\n  transition: transform 0.15s ease;\n  color: var(--mj-text-muted);\n}\n\n.toggle-icon.rotated {\n  transform: rotate(180deg);\n}\n\n.domain-body {\n  padding: 0;\n  background: var(--mj-bg-surface);\n  overflow-x: auto;\n}\n\n/* Permissions table */\n.perms-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.perms-table th,\n.perms-table td {\n  padding: 8px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.perms-table th {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 0.5px;\n}\n\n.perms-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.perms-table tbody tr:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.resource-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.resource-name {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.resource-id {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  font-family: var(--mj-font-mono, monospace);\n}\n\n/* Action chips */\n.action-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.action-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n/* Effect badge */\n.effect-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.effect-allow {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n\n.effect-deny {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PermissionsUserAccessResourceComponent, { className: "PermissionsUserAccessResourceComponent", filePath: "src/Permissions/user-access-resource.component.ts", lineNumber: 27 }); })();
 /** Tree-shaking prevention — referenced from `public-api.ts`. */

package/dist/Permissions/user-access-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-access-resource.component.js","sourceRoot":"","sources":["../../src/Permissions/user-access-resource.component.ts","../../src/Permissions/user-access-resource.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\nimport { Metadata, NormalizedPermission, PermissionAction } from '@memberjunction/core';\nimport { PermissionEngine, ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\nimport {\n    PermissionsDomainGroup,\n    PermissionsUserOption,\n    groupPermissionsByDomain,\n    loadPermissionsUsers,\n    resolvePermissionsUser,\n} from './permissions-shared';\n\n/**\n * User Access Report resource — one of three tabs in the Permissions admin application.\n * Lets an admin pick any user and see every resource that user has access to across\n * every registered permission domain. Powered by `PermissionEngine.GetAllUserPermissions`.\n */\n@RegisterClass(BaseResourceComponent, 'PermissionsUserAccessResource')\n@Component({\n    standalone: false,\n    selector: 'mj-permissions-user-access-resource',\n    templateUrl: './user-access-resource.component.html',\n    styleUrls: ['./permissions-resource.component.css'],\n})\nexport class PermissionsUserAccessResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    Users: PermissionsUserOption[] = [];\n    SelectedUserId: string | null = null;\n    SelectedUserRoles: string[] = [];\n    DomainGroups: PermissionsDomainGroup[] = [];\n    IsLoadingUsers = true;\n    IsLoadingPermissions = false;\n    ErrorMessage: string | null = null;\n\n    constructor(private cdr: ChangeDetectorRef) {\n        super();\n    }\n\n    override async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'User Access Report';\n    }\n\n    override async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-user';\n    }\n\n    override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        await this.loadUsers();\n        this.NotifyLoadComplete();\n    }\n\n    override ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    async loadUsers(): Promise<void> {\n        this.IsLoadingUsers = true;\n        this.ErrorMessage = null;\n        try {\n            this.Users = await loadPermissionsUsers();\n            const md = this.ProviderToUse;\n            this.SelectedUserId = md.CurrentUser?.ID ?? null;\n            if (this.SelectedUserId) {\n                await this.loadPermissionsForSelectedUser();\n            }\n        } catch (e) {\n            this.ErrorMessage = `Error loading users: ${e instanceof Error ? e.message : String(e)}`;\n        }\n        this.IsLoadingUsers = false;\n        this.cdr.detectChanges();\n    }\n\n    async OnUserChanged(userId: string): Promise<void> {\n        this.SelectedUserId = userId;\n        await this.loadPermissionsForSelectedUser();\n    }\n\n    private async loadPermissionsForSelectedUser(): Promise<void> {\n        this.IsLoadingPermissions = true;\n        this.ErrorMessage = null;\n        this.cdr.detectChanges();\n\n        try {\n            const user = await resolvePermissionsUser(this.SelectedUserId!, this.Users);\n            if (!user) {\n                this.ErrorMessage = 'Could not load roles for the selected user.';\n                this.DomainGroups = [];\n                this.IsLoadingPermissions = false;\n                this.cdr.detectChanges();\n                return;\n            }\n\n            this.SelectedUserRoles = (user.UserRoles ?? []).map((ur) => ur.Role).filter((n): n is string => !!n);\n            const rows = await PermissionEngine.Instance.GetAllUserPermissions(user);\n            const orderMap = new Map<string, number>();\n            for (const d of PermissionEngine.Instance.Domains) {\n                orderMap.set(d.Name, d.DisplayOrder ?? 999);\n            }\n            this.DomainGroups = groupPermissionsByDomain(rows, orderMap);\n        } catch (e) {\n            this.ErrorMessage = `Error loading permissions: ${e instanceof Error ? e.message : String(e)}`;\n            this.DomainGroups = [];\n        }\n\n        this.IsLoadingPermissions = false;\n        this.cdr.detectChanges();\n    }\n\n    ToggleGroup(group: PermissionsDomainGroup): void {\n        group.Expanded = !group.Expanded;\n        this.cdr.detectChanges();\n    }\n\n    TrackByDomain(_index: number, group: PermissionsDomainGroup): string {\n        return group.DomainName;\n    }\n\n    TrackByPermission(_index: number, row: NormalizedPermission): string {\n        return row.SourceRecordID ?? `${row.DomainName}|${row.ResourceType}|${row.ResourceID ?? ''}|${row.GranteeID ?? ''}`;\n    }\n\n    ActionsLabel(actions: PermissionAction[]): string {\n        return actions.join(', ');\n    }\n\n    get TotalCount(): number {\n        return this.DomainGroups.reduce((sum, g) => sum + g.Count, 0);\n    }\n}\n\n/** Tree-shaking prevention — referenced from `public-api.ts`. */\nexport function LoadPermissionsUserAccessResource(): void {\n    // intentionally empty\n}\n","<div class=\"permissions-container\">\n  <div class=\"header\">\n    <div class=\"header-left\">\n      <i class=\"fa-solid fa-user header-icon\"></i>\n      <h2 class=\"header-title\">User Access Report</h2>\n    </div>\n    <div class=\"header-actions\">\n      <button mjButton variant=\"secondary\" (click)=\"loadUsers()\" [disabled]=\"IsLoadingUsers || IsLoadingPermissions\">\n        <i class=\"fa-solid fa-arrows-rotate\" [class.fa-spin]=\"IsLoadingUsers\"></i> Refresh\n      </button>\n    </div>\n  </div>\n\n  <p class=\"description\">\n    Select a user to see every resource they can access across all registered permission domains.\n  </p>\n\n  @if (ErrorMessage) {\n    <div class=\"message error-message\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      <span>{{ ErrorMessage }}</span>\n    </div>\n  }\n\n  <div class=\"selector-row\">\n    <label class=\"selector-label\" for=\"user-select\">User:</label>\n    <select\n      id=\"user-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedUserId\"\n      (ngModelChange)=\"OnUserChanged($event)\"\n      [disabled]=\"IsLoadingUsers || IsLoadingPermissions\"\n    >\n      @for (user of Users; track user.ID) {\n        <option [ngValue]=\"user.ID\">{{ user.Name }}{{ user.Email ? ' — ' + user.Email : '' }}</option>\n      }\n    </select>\n\n    @if (SelectedUserRoles.length > 0) {\n      <div class=\"roles-badge\" title=\"Roles assigned to this user\">\n        <i class=\"fa-solid fa-user-tag\"></i>\n        <span>{{ SelectedUserRoles.join(', ') }}</span>\n      </div>\n    }\n  </div>\n\n  @if (IsLoadingPermissions) {\n    <mj-loading text=\"Loading permissions...\" size=\"medium\"></mj-loading>\n  } @else if (!SelectedUserId) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>Select a user above to see their access report.</p>\n    </div>\n  } @else if (DomainGroups.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-folder-open\"></i>\n      <p>This user has no permissions granted in any domain.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ TotalCount }}</strong> permission{{ TotalCount === 1 ? '' : 's' }} across\n      <strong>{{ DomainGroups.length }}</strong> domain{{ DomainGroups.length === 1 ? '' : 's' }}\n    </div>\n\n    <div class=\"domain-groups\">\n      @for (group of DomainGroups; track TrackByDomain($index, group)) {\n        <div class=\"domain-group\" [class.expanded]=\"group.Expanded\">\n          <button type=\"button\" class=\"domain-header\" (click)=\"ToggleGroup(group)\">\n            <div class=\"domain-header-left\">\n              <i [class]=\"group.Icon\" class=\"domain-icon\"></i>\n              <span class=\"domain-name\">{{ group.DomainName }}</span>\n              <span class=\"domain-count\">{{ group.Count }}</span>\n            </div>\n            <i class=\"fa-solid fa-chevron-down toggle-icon\" [class.rotated]=\"group.Expanded\"></i>\n          </button>\n\n          @if (group.Expanded) {\n            <div class=\"domain-body\">\n              <table class=\"perms-table\">\n                <thead>\n                  <tr>\n                    <th>Resource</th>\n                    <th>Type</th>\n                    <th>Actions</th>\n                    <th>Effect</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of group.Rows; track TrackByPermission($index, row)) {\n                    <tr>\n                      <td class=\"resource-cell\">\n                        <span class=\"resource-name\">{{ row.ResourceName || row.ResourceID || '—' }}</span>\n                        @if (row.ResourceID && row.ResourceName && row.ResourceName !== row.ResourceID) {\n                          <span class=\"resource-id\">{{ row.ResourceID }}</span>\n                        }\n                      </td>\n                      <td>{{ row.ResourceType }}</td>\n                      <td>\n                        <div class=\"action-chips\">\n                          @for (action of row.Actions; track action) {\n                            <span class=\"action-chip\">{{ action }}</span>\n                          }\n                        </div>\n                      </td>\n                      <td>\n                        <span class=\"effect-badge\" [class.effect-allow]=\"row.Effect === 'Allow'\" [class.effect-deny]=\"row.Effect === 'Deny'\">\n                          {{ row.Effect }}\n                        </span>\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n"]}
+{"version":3,"file":"user-access-resource.component.js","sourceRoot":"","sources":["../../src/Permissions/user-access-resource.component.ts","../../src/Permissions/user-access-resource.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAqB,SAAS,EAAqB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAgB,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAGH,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,GACzB,MAAM,sBAAsB,CAAC;;;;;;;ICC1B,8BAAmC;IACjC,wBAA8C;IAC9C,4BAAM;IAAA,YAAkB;IAC1B,AAD0B,iBAAO,EAC3B;;;IADE,eAAkB;IAAlB,yCAAkB;;;IActB,iCAA4B;IAAA,YAAyD;IAAA,iBAAS;;;IAAtF,oCAAmB;IAAC,cAAyD;IAAzD,4FAAyD;;;IAKvF,8BAA6D;IAC3D,wBAAoC;IACpC,4BAAM;IAAA,YAAkC;IAC1C,AAD0C,iBAAO,EAC3C;;;IADE,eAAkC;IAAlC,yDAAkC;;;IAM5C,gCAAqE;;;IAErE,+BAAyB;IACvB,wBAAsC;IACtC,yBAAG;IAAA,+DAA+C;IACpD,AADoD,iBAAI,EAClD;;;IAEN,+BAAyB;IACvB,wBAAuC;IACvC,yBAAG;IAAA,mEAAmD;IACxD,AADwD,iBAAI,EACtD;;;IAoCgB,gCAA0B;IAAA,YAAoB;IAAA,iBAAO;;;IAA3B,cAAoB;IAApB,uCAAoB;;;IAO5C,gCAA0B;IAAA,YAAY;IAAA,iBAAO;;;IAAnB,cAAY;IAAZ,+BAAY;;;IAT1C,AADF,AADF,0BAAI,aACwB,eACI;IAAA,YAA+C;IAAA,iBAAO;IAClF,oJAAiF;IAGnF,iBAAK;IACL,0BAAI;IAAA,YAAsB;IAAA,iBAAK;IAE7B,AADF,0BAAI,cACwB;IACxB,wKAEC;IAEL,AADE,iBAAM,EACH;IAEH,AADF,2BAAI,gBACmH;IACnH,aACF;IAEJ,AADE,AADE,iBAAO,EACJ,EACF;;;IAlB2B,eAA+C;IAA/C,0EAA+C;IAC3E,cAEC;IAFD,gHAEC;IAEC,eAAsB;IAAtB,yCAAsB;IAGtB,eAEC;IAFD,6BAEC;IAIwB,eAA6C;IAAC,AAA9C,yDAA6C,yCAA4C;IAClH,cACF;IADE,8CACF;;;IA1BJ,AADF,AADF,AADF,AADF,+BAAyB,gBACI,YAClB,SACD,SACE;IAAA,wBAAQ;IAAA,iBAAK;IACjB,0BAAI;IAAA,oBAAI;IAAA,iBAAK;IACb,0BAAI;IAAA,uBAAO;IAAA,iBAAK;IAChB,2BAAI;IAAA,uBAAM;IAEd,AADE,AADY,iBAAK,EACZ,EACC;IACR,8BAAO;IACL,uLAsBC;IAGP,AADE,AADE,iBAAQ,EACF,EACJ;;;IAzBA,gBAsBC;IAtBD,4BAsBC;;;;IA3CT,AADF,+BAA4D,iBACe;IAA7B,6OAAS,4BAAkB,KAAC;IACtE,+BAAgC;IAC9B,wBAAgD;IAChD,gCAA0B;IAAA,YAAsB;IAAA,iBAAO;IACvD,gCAA2B;IAAA,YAAiB;IAC9C,AAD8C,iBAAO,EAC/C;IACN,wBAAqF;IACvF,iBAAS;IAET,+HAAsB;IAuCxB,iBAAM;;;IAjDoB,6CAAiC;IAGlD,eAAoB;IAApB,4BAAoB;IACG,eAAsB;IAAtB,yCAAsB;IACrB,eAAiB;IAAjB,oCAAiB;IAEE,cAAgC;IAAhC,4CAAgC;IAGlF,cAsCC;IAtCD,4CAsCC;;;IAtDL,AADF,+BAA2B,aACjB;IAAA,YAAgB;IAAA,iBAAS;IAAC,YAClC;IAAA,8BAAQ;IAAA,YAAyB;IAAA,iBAAS;IAAC,YAC7C;IAAA,iBAAM;IAEN,+BAA2B;IACzB,4JAmDC;IACH,iBAAM;;;IAzDI,eAAgB;IAAhB,uCAAgB;IAAU,cAClC;IADkC,oFAClC;IAAQ,eAAyB;IAAzB,gDAAyB;IAAU,cAC7C;IAD6C,kFAC7C;IAGE,eAmDC;IAnDD,kCAmDC;;ADjGP;;;;GAIG;AAQI,IAAM,sCAAsC,GAA5C,MAAM,sCAAuC,SAAQ,qBAAqB;IASzD;IARpB,KAAK,GAA4B,EAAE,CAAC;IACpC,cAAc,GAAkB,IAAI,CAAC;IACrC,iBAAiB,GAAa,EAAE,CAAC;IACjC,YAAY,GAA6B,EAAE,CAAC;IAC5C,cAAc,GAAG,IAAI,CAAC;IACtB,oBAAoB,GAAG,KAAK,CAAC;IAC7B,YAAY,GAAkB,IAAI,CAAC;IAEnC,YAAoB,GAAsB;QACtC,KAAK,EAAE,CAAC;QADQ,QAAG,GAAH,GAAG,CAAmB;IAE1C,CAAC;IAEQ,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QACrD,OAAO,oBAAoB,CAAC;IAChC,CAAC;IAEQ,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QACnD,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAEQ,KAAK,CAAC,QAAQ;QACnB,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEQ,WAAW;QAChB,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,SAAS;QACX,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC;YACD,IAAI,CAAC,KAAK,GAAG,MAAM,oBAAoB,EAAE,CAAC;YAC1C,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,IAAI,IAAI,CAAC;YACjD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,MAAM,IAAI,CAAC,8BAA8B,EAAE,CAAC;YAChD,CAAC;QACL,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,IAAI,CAAC,YAAY,GAAG,wBAAwB,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,MAAc;QAC9B,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAC7B,MAAM,IAAI,CAAC,8BAA8B,EAAE,CAAC;IAChD,CAAC;IAEO,KAAK,CAAC,8BAA8B;QACxC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,IAAI,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,sBAAsB,CAAC,IAAI,CAAC,cAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5E,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,IAAI,CAAC,YAAY,GAAG,6CAA6C,CAAC;gBAClE,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAClC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;gBACzB,OAAO;YACX,CAAC;YAED,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrG,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;YACzE,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAkB,CAAC;YAC3C,KAAK,MAAM,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBAChD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,IAAI,GAAG,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,wBAAwB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACjE,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,IAAI,CAAC,YAAY,GAAG,8BAA8B,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/F,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,WAAW,CAAC,KAA6B;QACrC,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,MAAc,EAAE,KAA6B;QACvD,OAAO,KAAK,CAAC,UAAU,CAAC;IAC5B,CAAC;IAED,iBAAiB,CAAC,MAAc,EAAE,GAAyB;QACvD,OAAO,GAAG,CAAC,cAAc,IAAI,GAAG,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,UAAU,IAAI,EAAE,IAAI,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC;IACxH,CAAC;IAED,YAAY,CAAC,OAA2B;QACpC,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAClE,CAAC;gIAvGQ,sCAAsC;6DAAtC,sCAAsC;YCpB7C,AADF,AAJF,AADF,sCAAgB,wBAI6E,aAC5E,2BAC6F;YAAxB,kIAAW,eAAW,IAAC;YAE3G,AADE,AAD0G,iBAAoB,EACxH,EACS;YAEjB,oCAAc;YAEd,wGAAoB;YAQlB,AADF,8BAA0B,eACwB;YAAA,qBAAK;YAAA,iBAAQ;YAC7D,iCAMC;YAFC,yIAAiB,yBAAqB,IAAC;YAGvC,8GAEC;YACH,iBAAS;YAET,0GAAoC;YAMtC,iBAAM;YAcJ,AALA,AALA,AAFF,iHAA4B,qFAEE,qFAKU,2EAK/B;YA8DX,AADE,iBAAe,EACA;;YA7GQ,eAA0B;YAAC,AAA3B,4CAA0B,sCAAkC;YAMnF,eAKC;YALD,2CAKC;YAOG,eAA0B;YAE1B,AAFA,4CAA0B,4DAEyB;YAEnD,cAEC;YAFD,wBAEC;YAGH,eAKC;YALD,4DAKC;YAGH,cAwEC;YAxED,oHAwEC;;;ADvFU,sCAAsC;IAPlD,aAAa,CAAC,qBAAqB,EAAE,+BAA+B,CAAC;GAOzD,sCAAsC,CAwGlD;;iFAxGY,sCAAsC;cANlD,SAAS;6BACM,KAAK,YACP,qCAAqC;;kFAItC,sCAAsC;AA0GnD,iEAAiE;AACjE,MAAM,UAAU,iCAAiC;IAC7C,sBAAsB;AAC1B,CAAC","sourcesContent":["import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\nimport { Metadata, NormalizedPermission, PermissionAction } from '@memberjunction/core';\nimport { PermissionEngine, ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\nimport {\n    PermissionsDomainGroup,\n    PermissionsUserOption,\n    groupPermissionsByDomain,\n    loadPermissionsUsers,\n    resolvePermissionsUser,\n} from './permissions-shared';\n\n/**\n * User Access Report resource — one of three tabs in the Permissions admin application.\n * Lets an admin pick any user and see every resource that user has access to across\n * every registered permission domain. Powered by `PermissionEngine.GetAllUserPermissions`.\n */\n@RegisterClass(BaseResourceComponent, 'PermissionsUserAccessResource')\n@Component({\n    standalone: false,\n    selector: 'mj-permissions-user-access-resource',\n    templateUrl: './user-access-resource.component.html',\n    styleUrls: ['./permissions-resource.component.css'],\n})\nexport class PermissionsUserAccessResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    Users: PermissionsUserOption[] = [];\n    SelectedUserId: string | null = null;\n    SelectedUserRoles: string[] = [];\n    DomainGroups: PermissionsDomainGroup[] = [];\n    IsLoadingUsers = true;\n    IsLoadingPermissions = false;\n    ErrorMessage: string | null = null;\n\n    constructor(private cdr: ChangeDetectorRef) {\n        super();\n    }\n\n    override async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'User Access Report';\n    }\n\n    override async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-user';\n    }\n\n    override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        await this.loadUsers();\n        this.NotifyLoadComplete();\n    }\n\n    override ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    async loadUsers(): Promise<void> {\n        this.IsLoadingUsers = true;\n        this.ErrorMessage = null;\n        try {\n            this.Users = await loadPermissionsUsers();\n            const md = this.ProviderToUse;\n            this.SelectedUserId = md.CurrentUser?.ID ?? null;\n            if (this.SelectedUserId) {\n                await this.loadPermissionsForSelectedUser();\n            }\n        } catch (e) {\n            this.ErrorMessage = `Error loading users: ${e instanceof Error ? e.message : String(e)}`;\n        }\n        this.IsLoadingUsers = false;\n        this.cdr.detectChanges();\n    }\n\n    async OnUserChanged(userId: string): Promise<void> {\n        this.SelectedUserId = userId;\n        await this.loadPermissionsForSelectedUser();\n    }\n\n    private async loadPermissionsForSelectedUser(): Promise<void> {\n        this.IsLoadingPermissions = true;\n        this.ErrorMessage = null;\n        this.cdr.detectChanges();\n\n        try {\n            const user = await resolvePermissionsUser(this.SelectedUserId!, this.Users);\n            if (!user) {\n                this.ErrorMessage = 'Could not load roles for the selected user.';\n                this.DomainGroups = [];\n                this.IsLoadingPermissions = false;\n                this.cdr.detectChanges();\n                return;\n            }\n\n            this.SelectedUserRoles = (user.UserRoles ?? []).map((ur) => ur.Role).filter((n): n is string => !!n);\n            const rows = await PermissionEngine.Instance.GetAllUserPermissions(user);\n            const orderMap = new Map<string, number>();\n            for (const d of PermissionEngine.Instance.Domains) {\n                orderMap.set(d.Name, d.DisplayOrder ?? 999);\n            }\n            this.DomainGroups = groupPermissionsByDomain(rows, orderMap);\n        } catch (e) {\n            this.ErrorMessage = `Error loading permissions: ${e instanceof Error ? e.message : String(e)}`;\n            this.DomainGroups = [];\n        }\n\n        this.IsLoadingPermissions = false;\n        this.cdr.detectChanges();\n    }\n\n    ToggleGroup(group: PermissionsDomainGroup): void {\n        group.Expanded = !group.Expanded;\n        this.cdr.detectChanges();\n    }\n\n    TrackByDomain(_index: number, group: PermissionsDomainGroup): string {\n        return group.DomainName;\n    }\n\n    TrackByPermission(_index: number, row: NormalizedPermission): string {\n        return row.SourceRecordID ?? `${row.DomainName}|${row.ResourceType}|${row.ResourceID ?? ''}|${row.GranteeID ?? ''}`;\n    }\n\n    ActionsLabel(actions: PermissionAction[]): string {\n        return actions.join(', ');\n    }\n\n    get TotalCount(): number {\n        return this.DomainGroups.reduce((sum, g) => sum + g.Count, 0);\n    }\n}\n\n/** Tree-shaking prevention — referenced from `public-api.ts`. */\nexport function LoadPermissionsUserAccessResource(): void {\n    // intentionally empty\n}\n","<mj-page-layout>\n  <mj-page-header\n    Title=\"User Access Report\"\n    Icon=\"fa-solid fa-user\"\n    Subtitle=\"See every resource a user can access across all registered permission domains\">\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoadingUsers\" [Disabled]=\"IsLoadingPermissions\" (Clicked)=\"loadUsers()\"></mj-refresh-button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body>\n\n  @if (ErrorMessage) {\n    <div class=\"message error-message\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      <span>{{ ErrorMessage }}</span>\n    </div>\n  }\n\n  <div class=\"selector-row\">\n    <label class=\"selector-label\" for=\"user-select\">User:</label>\n    <select\n      id=\"user-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedUserId\"\n      (ngModelChange)=\"OnUserChanged($event)\"\n      [disabled]=\"IsLoadingUsers || IsLoadingPermissions\"\n    >\n      @for (user of Users; track user.ID) {\n        <option [ngValue]=\"user.ID\">{{ user.Name }}{{ user.Email ? ' — ' + user.Email : '' }}</option>\n      }\n    </select>\n\n    @if (SelectedUserRoles.length > 0) {\n      <div class=\"roles-badge\" title=\"Roles assigned to this user\">\n        <i class=\"fa-solid fa-user-tag\"></i>\n        <span>{{ SelectedUserRoles.join(', ') }}</span>\n      </div>\n    }\n  </div>\n\n  @if (IsLoadingPermissions) {\n    <mj-loading text=\"Loading permissions...\" size=\"medium\"></mj-loading>\n  } @else if (!SelectedUserId) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>Select a user above to see their access report.</p>\n    </div>\n  } @else if (DomainGroups.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-folder-open\"></i>\n      <p>This user has no permissions granted in any domain.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ TotalCount }}</strong> permission{{ TotalCount === 1 ? '' : 's' }} across\n      <strong>{{ DomainGroups.length }}</strong> domain{{ DomainGroups.length === 1 ? '' : 's' }}\n    </div>\n\n    <div class=\"domain-groups\">\n      @for (group of DomainGroups; track TrackByDomain($index, group)) {\n        <div class=\"domain-group\" [class.expanded]=\"group.Expanded\">\n          <button type=\"button\" class=\"domain-header\" (click)=\"ToggleGroup(group)\">\n            <div class=\"domain-header-left\">\n              <i [class]=\"group.Icon\" class=\"domain-icon\"></i>\n              <span class=\"domain-name\">{{ group.DomainName }}</span>\n              <span class=\"domain-count\">{{ group.Count }}</span>\n            </div>\n            <i class=\"fa-solid fa-chevron-down toggle-icon\" [class.rotated]=\"group.Expanded\"></i>\n          </button>\n\n          @if (group.Expanded) {\n            <div class=\"domain-body\">\n              <table class=\"perms-table\">\n                <thead>\n                  <tr>\n                    <th>Resource</th>\n                    <th>Type</th>\n                    <th>Actions</th>\n                    <th>Effect</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of group.Rows; track TrackByPermission($index, row)) {\n                    <tr>\n                      <td class=\"resource-cell\">\n                        <span class=\"resource-name\">{{ row.ResourceName || row.ResourceID || '—' }}</span>\n                        @if (row.ResourceID && row.ResourceName && row.ResourceName !== row.ResourceID) {\n                          <span class=\"resource-id\">{{ row.ResourceID }}</span>\n                        }\n                      </td>\n                      <td>{{ row.ResourceType }}</td>\n                      <td>\n                        <div class=\"action-chips\">\n                          @for (action of row.Actions; track action) {\n                            <span class=\"action-chip\">{{ action }}</span>\n                          }\n                        </div>\n                      </td>\n                      <td>\n                        <span class=\"effect-badge\" [class.effect-allow]=\"row.Effect === 'Allow'\" [class.effect-deny]=\"row.Effect === 'Deny'\">\n                          {{ row.Effect }}\n                        </span>\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n  </mj-page-body>\n</mj-page-layout>\n"]}