@memberjunction/ng-dashboards 5.34.0 → 5.35.0

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

@@ -14,9 +14,9 @@ import * as i2 from "@memberjunction/ng-ui-components";
 import * as i3 from "@memberjunction/ng-shared-generic";
 import * as i4 from "@angular/common";
 const _forTrack0 = ($index, $item) => $item.ID;
-function PermissionsResourceAccessResourceComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "i", 18);
+function PermissionsResourceAccessResourceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 13);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -25,8 +25,8 @@ function PermissionsResourceAccessResourceComponent_Conditional_8_Template(rf, c
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
 } }
-function PermissionsResourceAccessResourceComponent_For_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 10);
+function PermissionsResourceAccessResourceComponent_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 5);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -35,27 +35,27 @@ function PermissionsResourceAccessResourceComponent_For_14_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(d_r2.Name);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 19);
+function PermissionsResourceAccessResourceComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 14);
     i0.ɵɵtext(1, " Looking up... ");
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 20);
+function PermissionsResourceAccessResourceComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 15);
     i0.ɵɵtext(1, " Lookup ");
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 16);
+function PermissionsResourceAccessResourceComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 11);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 21);
+function PermissionsResourceAccessResourceComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Pick a domain and enter a resource type + ID, then press Lookup to see who has access.");
     i0.ɵɵelementEnd()();
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 22);
+function PermissionsResourceAccessResourceComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 17);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No grantees found for ");
     i0.ɵɵelementStart(4, "strong");
@@ -68,8 +68,8 @@ function PermissionsResourceAccessResourceComponent_Conditional_26_Template(rf,
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r0.LastQueryLabel);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 28);
+function PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -77,8 +77,8 @@ function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Condit
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(row_r3.GranteeID);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_For_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function PermissionsResourceAccessResourceComponent_Conditional_22_For_22_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -86,7 +86,7 @@ function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_For_10
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(action_r4);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
@@ -96,28 +96,28 @@ function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Condit
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, row_r3.ExpiresAt, "short"));
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 32);
+function PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 27);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 26)(2, "span", 27);
+function PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 21)(2, "span", 22);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_4_Template, 2, 1, "span", 28);
+    i0.ɵɵconditionalCreate(4, PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_4_Template, 2, 1, "span", 23);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "td");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td")(8, "div", 29);
-    i0.ɵɵrepeaterCreate(9, PermissionsResourceAccessResourceComponent_Conditional_27_For_22_For_10_Template, 2, 1, "span", 30, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(7, "td")(8, "div", 24);
+    i0.ɵɵrepeaterCreate(9, PermissionsResourceAccessResourceComponent_Conditional_22_For_22_For_10_Template, 2, 1, "span", 25, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "td")(12, "span", 31);
+    i0.ɵɵelementStart(11, "td")(12, "span", 26);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(14, "td");
-    i0.ɵɵconditionalCreate(15, PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_15_Template, 3, 4, "span")(16, PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Conditional_16_Template, 2, 0, "span", 32);
+    i0.ɵɵconditionalCreate(15, PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_15_Template, 3, 4, "span")(16, PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Conditional_16_Template, 2, 0, "span", 27);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const row_r3 = ctx.$implicit;
@@ -136,15 +136,15 @@ function PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Templa
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(row_r3.ExpiresAt ? 15 : 16);
 } }
-function PermissionsResourceAccessResourceComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "strong");
+function PermissionsResourceAccessResourceComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "strong");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementStart(4, "strong");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 24)(7, "table", 25)(8, "thead")(9, "tr")(10, "th");
+    i0.ɵɵelementStart(6, "div", 19)(7, "table", 20)(8, "thead")(9, "tr")(10, "th");
     i0.ɵɵtext(11, "Grantee");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "th");
@@ -160,7 +160,7 @@ function PermissionsResourceAccessResourceComponent_Conditional_27_Template(rf,
     i0.ɵɵtext(19, "Expires");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(20, "tbody");
-    i0.ɵɵrepeaterCreate(21, PermissionsResourceAccessResourceComponent_Conditional_27_For_22_Template, 17, 9, "tr", null, i0.ɵɵcomponentInstance().TrackByResourceRow, true);
+    i0.ɵɵrepeaterCreate(21, PermissionsResourceAccessResourceComponent_Conditional_22_For_22_Template, 17, 9, "tr", null, i0.ɵɵcomponentInstance().TrackByResourceRow, true);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -270,44 +270,39 @@ let PermissionsResourceAccessResourceComponent = class PermissionsResourceAccess
         return row.SourceRecordID ?? `${row.GranteeType}|${row.GranteeID ?? ''}`;
     }
     static ɵfac = function PermissionsResourceAccessResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PermissionsResourceAccessResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PermissionsResourceAccessResourceComponent, selectors: [["mj-permissions-resource-access-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 28, vars: 14, consts: [[1, "permissions-container"], [1, "header"], [1, "header-left"], [1, "fa-solid", "fa-cube", "header-icon"], [1, "header-title"], [1, "description"], [1, "message", "error-message"], [1, "selector-row", "wrap"], ["for", "domain-select", 1, "selector-label"], ["id", "domain-select", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["for", "rtype-input", 1, "selector-label"], ["id", "rtype-input", "Placeholder", "Select or type a resource type", 3, "ngModelChange", "Data", "ValuePrimitive", "Filterable", "AllowCustom", "Disabled", "ngModel"], ["for", "rid-input", 1, "selector-label"], ["id", "rid-input", "placeholder", "UUID or record ID", 1, "mj-input", "mono", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["text", "Looking up grantees...", "size", "medium"], [1, "empty-state"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-cube"], [1, "fa-solid", "fa-user-slash"], [1, "total-summary"], [1, "domain-body"], [1, "perms-table"], [1, "resource-cell"], [1, "resource-name"], [1, "resource-id"], [1, "action-chips"], [1, "action-chip"], [1, "effect-badge"], [1, "muted"]], template: function PermissionsResourceAccessResourceComponent_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, "Resource Access Report");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(6, "p", 5);
-            i0.ɵɵtext(7, " Look up every grantee for a specific resource. Pick a permission domain, supply the resource type and the resource's ID, then press Lookup. ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(8, PermissionsResourceAccessResourceComponent_Conditional_8_Template, 4, 1, "div", 6);
-            i0.ɵɵelementStart(9, "div", 7)(10, "label", 8);
-            i0.ɵɵtext(11, "Domain:");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PermissionsResourceAccessResourceComponent, selectors: [["mj-permissions-resource-access-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 23, vars: 14, consts: [["Title", "Resource Access Report", "Icon", "fa-solid fa-cube", "Subtitle", "Look up every grantee for a specific resource"], [1, "message", "error-message"], [1, "selector-row", "wrap"], ["for", "domain-select", 1, "selector-label"], ["id", "domain-select", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["for", "rtype-input", 1, "selector-label"], ["id", "rtype-input", "Placeholder", "Select or type a resource type", 3, "ngModelChange", "Data", "ValuePrimitive", "Filterable", "AllowCustom", "Disabled", "ngModel"], ["for", "rid-input", 1, "selector-label"], ["id", "rid-input", "placeholder", "UUID or record ID", 1, "mj-input", "mono", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["text", "Looking up grantees...", "size", "medium"], [1, "empty-state"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-cube"], [1, "fa-solid", "fa-user-slash"], [1, "total-summary"], [1, "domain-body"], [1, "perms-table"], [1, "resource-cell"], [1, "resource-name"], [1, "resource-id"], [1, "action-chips"], [1, "action-chip"], [1, "effect-badge"], [1, "muted"]], template: function PermissionsResourceAccessResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout");
+            i0.ɵɵelement(1, "mj-page-header", 0);
+            i0.ɵɵelementStart(2, "mj-page-body");
+            i0.ɵɵconditionalCreate(3, PermissionsResourceAccessResourceComponent_Conditional_3_Template, 4, 1, "div", 1);
+            i0.ɵɵelementStart(4, "div", 2)(5, "label", 3);
+            i0.ɵɵtext(6, "Domain:");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "select", 9);
-            i0.ɵɵlistener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_select_ngModelChange_12_listener($event) { return ctx.OnDomainChanged($event); });
-            i0.ɵɵrepeaterCreate(13, PermissionsResourceAccessResourceComponent_For_14_Template, 2, 2, "option", 10, _forTrack0);
+            i0.ɵɵelementStart(7, "select", 4);
+            i0.ɵɵlistener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_select_ngModelChange_7_listener($event) { return ctx.OnDomainChanged($event); });
+            i0.ɵɵrepeaterCreate(8, PermissionsResourceAccessResourceComponent_For_9_Template, 2, 2, "option", 5, _forTrack0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "label", 11);
-            i0.ɵɵtext(16, "Resource Type:");
+            i0.ɵɵelementStart(10, "label", 6);
+            i0.ɵɵtext(11, "Resource Type:");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "mj-combobox", 12);
-            i0.ɵɵtwoWayListener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_mj_combobox_ngModelChange_17_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ResourceTypeInput, $event) || (ctx.ResourceTypeInput = $event); return $event; });
+            i0.ɵɵelementStart(12, "mj-combobox", 7);
+            i0.ɵɵtwoWayListener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_mj_combobox_ngModelChange_12_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ResourceTypeInput, $event) || (ctx.ResourceTypeInput = $event); return $event; });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "label", 13);
-            i0.ɵɵtext(19, "Resource ID:");
+            i0.ɵɵelementStart(13, "label", 8);
+            i0.ɵɵtext(14, "Resource ID:");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "input", 14);
-            i0.ɵɵtwoWayListener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_input_ngModelChange_20_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ResourceIdInput, $event) || (ctx.ResourceIdInput = $event); return $event; });
+            i0.ɵɵelementStart(15, "input", 9);
+            i0.ɵɵtwoWayListener("ngModelChange", function PermissionsResourceAccessResourceComponent_Template_input_ngModelChange_15_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ResourceIdInput, $event) || (ctx.ResourceIdInput = $event); return $event; });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "button", 15);
-            i0.ɵɵlistener("click", function PermissionsResourceAccessResourceComponent_Template_button_click_21_listener() { return ctx.OnLookupResource(); });
-            i0.ɵɵconditionalCreate(22, PermissionsResourceAccessResourceComponent_Conditional_22_Template, 2, 0)(23, PermissionsResourceAccessResourceComponent_Conditional_23_Template, 2, 0);
+            i0.ɵɵelementStart(16, "button", 10);
+            i0.ɵɵlistener("click", function PermissionsResourceAccessResourceComponent_Template_button_click_16_listener() { return ctx.OnLookupResource(); });
+            i0.ɵɵconditionalCreate(17, PermissionsResourceAccessResourceComponent_Conditional_17_Template, 2, 0)(18, PermissionsResourceAccessResourceComponent_Conditional_18_Template, 2, 0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(19, PermissionsResourceAccessResourceComponent_Conditional_19_Template, 1, 0, "mj-loading", 11)(20, PermissionsResourceAccessResourceComponent_Conditional_20_Template, 4, 0, "div", 12)(21, PermissionsResourceAccessResourceComponent_Conditional_21_Template, 7, 1, "div", 12)(22, PermissionsResourceAccessResourceComponent_Conditional_22_Template, 23, 3);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(24, PermissionsResourceAccessResourceComponent_Conditional_24_Template, 1, 0, "mj-loading", 16)(25, PermissionsResourceAccessResourceComponent_Conditional_25_Template, 4, 0, "div", 17)(26, PermissionsResourceAccessResourceComponent_Conditional_26_Template, 7, 1, "div", 17)(27, PermissionsResourceAccessResourceComponent_Conditional_27_Template, 23, 3);
-            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(8);
-            i0.ɵɵconditional(ctx.ErrorMessage ? 8 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.ErrorMessage ? 3 : -1);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngModel", ctx.SelectedDomainName)("disabled", ctx.IsLoading);
             i0.ɵɵadvance();
@@ -321,10 +316,10 @@ let PermissionsResourceAccessResourceComponent = class PermissionsResourceAccess
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.IsLoading);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 22 : 23);
+            i0.ɵɵconditional(ctx.IsLoading ? 17 : 18);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.IsLoading ? 24 : !ctx.LastQueryLabel ? 25 : ctx.ResourceAccessRows.length === 0 ? 26 : 27);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i2.MJComboboxComponent, i3.LoadingComponent, i4.DatePipe], 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.IsLoading ? 19 : !ctx.LastQueryLabel ? 20 : ctx.ResourceAccessRows.length === 0 ? 21 : 22);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i2.MJComboboxComponent, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i3.LoadingComponent, i4.DatePipe], 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}"] });
 };
 PermissionsResourceAccessResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'PermissionsResourceAccessResource')
@@ -332,7 +327,7 @@ PermissionsResourceAccessResourceComponent = __decorate([
 export { PermissionsResourceAccessResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PermissionsResourceAccessResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-permissions-resource-access-resource', template: "<div class=\"permissions-container\">\n  <div class=\"header\">\n    <div class=\"header-left\">\n      <i class=\"fa-solid fa-cube header-icon\"></i>\n      <h2 class=\"header-title\">Resource Access Report</h2>\n    </div>\n  </div>\n\n  <p class=\"description\">\n    Look up every grantee for a specific resource. Pick a permission domain, supply the resource\n    type and the resource's ID, then press Lookup.\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 wrap\">\n    <label class=\"selector-label\" for=\"domain-select\">Domain:</label>\n    <select\n      id=\"domain-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedDomainName\"\n      (ngModelChange)=\"OnDomainChanged($event)\"\n      [disabled]=\"IsLoading\"\n    >\n      @for (d of Domains; track d.ID) {\n        <option [ngValue]=\"d.Name\">{{ d.Name }}</option>\n      }\n    </select>\n\n    <label class=\"selector-label\" for=\"rtype-input\">Resource Type:</label>\n    <mj-combobox\n      id=\"rtype-input\"\n      [Data]=\"ResourceTypes\"\n      [ValuePrimitive]=\"true\"\n      [Filterable]=\"true\"\n      [AllowCustom]=\"true\"\n      Placeholder=\"Select or type a resource type\"\n      [Disabled]=\"IsLoading || !SelectedDomainName\"\n      [(ngModel)]=\"ResourceTypeInput\">\n    </mj-combobox>\n\n    <label class=\"selector-label\" for=\"rid-input\">Resource ID:</label>\n    <input\n      id=\"rid-input\"\n      class=\"mj-input mono\"\n      placeholder=\"UUID or record ID\"\n      [(ngModel)]=\"ResourceIdInput\"\n      [disabled]=\"IsLoading\"\n    />\n\n    <button\n      mjButton\n      variant=\"primary\"\n      (click)=\"OnLookupResource()\"\n      [disabled]=\"IsLoading\"\n    >\n      @if (IsLoading) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i> Looking up...\n      } @else {\n        <i class=\"fa-solid fa-magnifying-glass\"></i> Lookup\n      }\n    </button>\n  </div>\n\n  @if (IsLoading) {\n    <mj-loading text=\"Looking up grantees...\" size=\"medium\"></mj-loading>\n  } @else if (!LastQueryLabel) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-cube\"></i>\n      <p>Pick a domain and enter a resource type + ID, then press Lookup to see who has access.</p>\n    </div>\n  } @else if (ResourceAccessRows.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>No grantees found for <strong>{{ LastQueryLabel }}</strong>.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ ResourceAccessRows.length }}</strong> grantee{{ ResourceAccessRows.length === 1 ? '' : 's' }}\n      on <strong>{{ LastQueryLabel }}</strong>\n    </div>\n\n    <div class=\"domain-body\">\n      <table class=\"perms-table\">\n        <thead>\n          <tr>\n            <th>Grantee</th>\n            <th>Type</th>\n            <th>Actions</th>\n            <th>Effect</th>\n            <th>Expires</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of ResourceAccessRows; track TrackByResourceRow($index, row)) {\n            <tr>\n              <td class=\"resource-cell\">\n                <span class=\"resource-name\">{{ row.GranteeName || row.GranteeID || row.GranteeType }}</span>\n                @if (row.GranteeID && row.GranteeName && row.GranteeName !== row.GranteeID) {\n                  <span class=\"resource-id\">{{ row.GranteeID }}</span>\n                }\n              </td>\n              <td>{{ row.GranteeType }}</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              <td>\n                @if (row.ExpiresAt) {\n                  <span>{{ row.ExpiresAt | date:'short' }}</span>\n                } @else {\n                  <span class=\"muted\">\u2014</span>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\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-resource-access-resource', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Resource Access Report\"\n    Icon=\"fa-solid fa-cube\"\n    Subtitle=\"Look up every grantee for a specific resource\">\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 wrap\">\n    <label class=\"selector-label\" for=\"domain-select\">Domain:</label>\n    <select\n      id=\"domain-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedDomainName\"\n      (ngModelChange)=\"OnDomainChanged($event)\"\n      [disabled]=\"IsLoading\"\n    >\n      @for (d of Domains; track d.ID) {\n        <option [ngValue]=\"d.Name\">{{ d.Name }}</option>\n      }\n    </select>\n\n    <label class=\"selector-label\" for=\"rtype-input\">Resource Type:</label>\n    <mj-combobox\n      id=\"rtype-input\"\n      [Data]=\"ResourceTypes\"\n      [ValuePrimitive]=\"true\"\n      [Filterable]=\"true\"\n      [AllowCustom]=\"true\"\n      Placeholder=\"Select or type a resource type\"\n      [Disabled]=\"IsLoading || !SelectedDomainName\"\n      [(ngModel)]=\"ResourceTypeInput\">\n    </mj-combobox>\n\n    <label class=\"selector-label\" for=\"rid-input\">Resource ID:</label>\n    <input\n      id=\"rid-input\"\n      class=\"mj-input mono\"\n      placeholder=\"UUID or record ID\"\n      [(ngModel)]=\"ResourceIdInput\"\n      [disabled]=\"IsLoading\"\n    />\n\n    <button\n      mjButton\n      variant=\"primary\"\n      (click)=\"OnLookupResource()\"\n      [disabled]=\"IsLoading\"\n    >\n      @if (IsLoading) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i> Looking up...\n      } @else {\n        <i class=\"fa-solid fa-magnifying-glass\"></i> Lookup\n      }\n    </button>\n  </div>\n\n  @if (IsLoading) {\n    <mj-loading text=\"Looking up grantees...\" size=\"medium\"></mj-loading>\n  } @else if (!LastQueryLabel) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-cube\"></i>\n      <p>Pick a domain and enter a resource type + ID, then press Lookup to see who has access.</p>\n    </div>\n  } @else if (ResourceAccessRows.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>No grantees found for <strong>{{ LastQueryLabel }}</strong>.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ ResourceAccessRows.length }}</strong> grantee{{ ResourceAccessRows.length === 1 ? '' : 's' }}\n      on <strong>{{ LastQueryLabel }}</strong>\n    </div>\n\n    <div class=\"domain-body\">\n      <table class=\"perms-table\">\n        <thead>\n          <tr>\n            <th>Grantee</th>\n            <th>Type</th>\n            <th>Actions</th>\n            <th>Effect</th>\n            <th>Expires</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of ResourceAccessRows; track TrackByResourceRow($index, row)) {\n            <tr>\n              <td class=\"resource-cell\">\n                <span class=\"resource-name\">{{ row.GranteeName || row.GranteeID || row.GranteeType }}</span>\n                @if (row.GranteeID && row.GranteeName && row.GranteeName !== row.GranteeID) {\n                  <span class=\"resource-id\">{{ row.GranteeID }}</span>\n                }\n              </td>\n              <td>{{ row.GranteeType }}</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              <td>\n                @if (row.ExpiresAt) {\n                  <span>{{ row.ExpiresAt | date:'short' }}</span>\n                } @else {\n                  <span class=\"muted\">\u2014</span>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\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(PermissionsResourceAccessResourceComponent, { className: "PermissionsResourceAccessResourceComponent", filePath: "src/Permissions/resource-access-resource.component.ts", lineNumber: 20 }); })();
 /** Tree-shaking prevention — referenced from `public-api.ts`. */

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

@@ -1 +1 @@
-{"version":3,"file":"resource-access-resource.component.js","sourceRoot":"","sources":["../../src/Permissions/resource-access-resource.component.ts","../../src/Permissions/resource-access-resource.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\nimport { NormalizedPermission } from '@memberjunction/core';\nimport { MJPermissionDomainEntity, PermissionEngine, ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n/**\n * Resource Access Report resource — one of three tabs in the Permissions admin application.\n * Given a (domain, resource type, resource ID) triple, lists every grantee on that resource\n * with their effective actions, effect (Allow/Deny), and optional expiration.\n * Powered by `PermissionEngine.GetResourcePermissions`.\n */\n@RegisterClass(BaseResourceComponent, 'PermissionsResourceAccessResource')\n@Component({\n    standalone: false,\n    selector: 'mj-permissions-resource-access-resource',\n    templateUrl: './resource-access-resource.component.html',\n    styleUrls: ['./permissions-resource.component.css'],\n})\nexport class PermissionsResourceAccessResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    Domains: MJPermissionDomainEntity[] = [];\n    SelectedDomainName: string | null = null;\n    /** Auto-populated whenever the selected domain changes. Empty = adapter doesn't enumerate its types. */\n    ResourceTypes: string[] = [];\n    ResourceTypeInput = '';\n    ResourceIdInput = '';\n    ResourceAccessRows: NormalizedPermission[] = [];\n    IsLoading = false;\n    LastQueryLabel: string | null = null;\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 'Resource Access Report';\n    }\n\n    override async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-cube';\n    }\n\n    override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        this.Domains = PermissionEngine.Instance.Domains;\n        if (this.Domains.length > 0) {\n            this.SelectedDomainName = this.Domains[0].Name;\n            this.loadResourceTypesForDomain(this.SelectedDomainName);\n        }\n        this.NotifyLoadComplete();\n    }\n\n    override ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    async OnLookupResource(): Promise<void> {\n        if (!this.SelectedDomainName) {\n            this.ErrorMessage = 'Pick a permission domain first.';\n            return;\n        }\n        if (!this.ResourceTypeInput.trim() || !this.ResourceIdInput.trim()) {\n            this.ErrorMessage = 'Resource type and resource ID are both required.';\n            return;\n        }\n\n        this.ErrorMessage = null;\n        this.IsLoading = true;\n        this.ResourceAccessRows = [];\n        this.LastQueryLabel = null;\n        this.cdr.detectChanges();\n\n        try {\n            const rows = await PermissionEngine.Instance.GetResourcePermissions(\n                this.SelectedDomainName,\n                this.ResourceTypeInput.trim(),\n                this.ResourceIdInput.trim()\n            );\n            this.ResourceAccessRows = rows.sort((a, b) =>\n                (a.GranteeName ?? '').localeCompare(b.GranteeName ?? '')\n            );\n            this.LastQueryLabel = `${this.SelectedDomainName} / ${this.ResourceTypeInput.trim()} / ${this.ResourceIdInput.trim()}`;\n        } catch (e) {\n            this.ErrorMessage = `Error looking up resource: ${e instanceof Error ? e.message : String(e)}`;\n        }\n\n        this.IsLoading = false;\n        this.cdr.detectChanges();\n    }\n\n    OnDomainChanged(domainName: string): void {\n        this.SelectedDomainName = domainName;\n        this.loadResourceTypesForDomain(domainName);\n        this.ResourceAccessRows = [];\n        this.LastQueryLabel = null;\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Populate {@link ResourceTypes} from the provider behind `domainName`. If the\n     * current `ResourceTypeInput` isn't a member of the new list, clear it — the\n     * previous choice doesn't make sense against a different domain. When a\n     * domain has exactly one supported type we auto-select it so the user\n     * doesn't have to open the picker for a trivial choice.\n     */\n    private loadResourceTypesForDomain(domainName: string | null): void {\n        if (!domainName) {\n            this.ResourceTypes = [];\n            this.ResourceTypeInput = '';\n            return;\n        }\n        this.ResourceTypes = PermissionEngine.Instance.GetResourceTypes(domainName, this.ProviderToUse);\n        if (this.ResourceTypes.length === 1) {\n            this.ResourceTypeInput = this.ResourceTypes[0];\n        } else if (!this.ResourceTypes.includes(this.ResourceTypeInput)) {\n            this.ResourceTypeInput = '';\n        }\n    }\n\n    TrackByResourceRow(_index: number, row: NormalizedPermission): string {\n        return row.SourceRecordID ?? `${row.GranteeType}|${row.GranteeID ?? ''}`;\n    }\n}\n\n/** Tree-shaking prevention — referenced from `public-api.ts`. */\nexport function LoadPermissionsResourceAccessResource(): 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-cube header-icon\"></i>\n      <h2 class=\"header-title\">Resource Access Report</h2>\n    </div>\n  </div>\n\n  <p class=\"description\">\n    Look up every grantee for a specific resource. Pick a permission domain, supply the resource\n    type and the resource's ID, then press Lookup.\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 wrap\">\n    <label class=\"selector-label\" for=\"domain-select\">Domain:</label>\n    <select\n      id=\"domain-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedDomainName\"\n      (ngModelChange)=\"OnDomainChanged($event)\"\n      [disabled]=\"IsLoading\"\n    >\n      @for (d of Domains; track d.ID) {\n        <option [ngValue]=\"d.Name\">{{ d.Name }}</option>\n      }\n    </select>\n\n    <label class=\"selector-label\" for=\"rtype-input\">Resource Type:</label>\n    <mj-combobox\n      id=\"rtype-input\"\n      [Data]=\"ResourceTypes\"\n      [ValuePrimitive]=\"true\"\n      [Filterable]=\"true\"\n      [AllowCustom]=\"true\"\n      Placeholder=\"Select or type a resource type\"\n      [Disabled]=\"IsLoading || !SelectedDomainName\"\n      [(ngModel)]=\"ResourceTypeInput\">\n    </mj-combobox>\n\n    <label class=\"selector-label\" for=\"rid-input\">Resource ID:</label>\n    <input\n      id=\"rid-input\"\n      class=\"mj-input mono\"\n      placeholder=\"UUID or record ID\"\n      [(ngModel)]=\"ResourceIdInput\"\n      [disabled]=\"IsLoading\"\n    />\n\n    <button\n      mjButton\n      variant=\"primary\"\n      (click)=\"OnLookupResource()\"\n      [disabled]=\"IsLoading\"\n    >\n      @if (IsLoading) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i> Looking up...\n      } @else {\n        <i class=\"fa-solid fa-magnifying-glass\"></i> Lookup\n      }\n    </button>\n  </div>\n\n  @if (IsLoading) {\n    <mj-loading text=\"Looking up grantees...\" size=\"medium\"></mj-loading>\n  } @else if (!LastQueryLabel) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-cube\"></i>\n      <p>Pick a domain and enter a resource type + ID, then press Lookup to see who has access.</p>\n    </div>\n  } @else if (ResourceAccessRows.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>No grantees found for <strong>{{ LastQueryLabel }}</strong>.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ ResourceAccessRows.length }}</strong> grantee{{ ResourceAccessRows.length === 1 ? '' : 's' }}\n      on <strong>{{ LastQueryLabel }}</strong>\n    </div>\n\n    <div class=\"domain-body\">\n      <table class=\"perms-table\">\n        <thead>\n          <tr>\n            <th>Grantee</th>\n            <th>Type</th>\n            <th>Actions</th>\n            <th>Effect</th>\n            <th>Expires</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of ResourceAccessRows; track TrackByResourceRow($index, row)) {\n            <tr>\n              <td class=\"resource-cell\">\n                <span class=\"resource-name\">{{ row.GranteeName || row.GranteeID || row.GranteeType }}</span>\n                @if (row.GranteeID && row.GranteeName && row.GranteeName !== row.GranteeID) {\n                  <span class=\"resource-id\">{{ row.GranteeID }}</span>\n                }\n              </td>\n              <td>{{ row.GranteeType }}</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              <td>\n                @if (row.ExpiresAt) {\n                  <span>{{ row.ExpiresAt | date:'short' }}</span>\n                } @else {\n                  <span class=\"muted\">—</span>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n</div>\n"]}
+{"version":3,"file":"resource-access-resource.component.js","sourceRoot":"","sources":["../../src/Permissions/resource-access-resource.component.ts","../../src/Permissions/resource-access-resource.component.html"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\nimport { NormalizedPermission } from '@memberjunction/core';\nimport { MJPermissionDomainEntity, PermissionEngine, ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n/**\n * Resource Access Report resource — one of three tabs in the Permissions admin application.\n * Given a (domain, resource type, resource ID) triple, lists every grantee on that resource\n * with their effective actions, effect (Allow/Deny), and optional expiration.\n * Powered by `PermissionEngine.GetResourcePermissions`.\n */\n@RegisterClass(BaseResourceComponent, 'PermissionsResourceAccessResource')\n@Component({\n    standalone: false,\n    selector: 'mj-permissions-resource-access-resource',\n    templateUrl: './resource-access-resource.component.html',\n    styleUrls: ['./permissions-resource.component.css'],\n})\nexport class PermissionsResourceAccessResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    Domains: MJPermissionDomainEntity[] = [];\n    SelectedDomainName: string | null = null;\n    /** Auto-populated whenever the selected domain changes. Empty = adapter doesn't enumerate its types. */\n    ResourceTypes: string[] = [];\n    ResourceTypeInput = '';\n    ResourceIdInput = '';\n    ResourceAccessRows: NormalizedPermission[] = [];\n    IsLoading = false;\n    LastQueryLabel: string | null = null;\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 'Resource Access Report';\n    }\n\n    override async GetResourceIconClass(_data: ResourceData): Promise<string> {\n        return 'fa-solid fa-cube';\n    }\n\n    override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n        this.Domains = PermissionEngine.Instance.Domains;\n        if (this.Domains.length > 0) {\n            this.SelectedDomainName = this.Domains[0].Name;\n            this.loadResourceTypesForDomain(this.SelectedDomainName);\n        }\n        this.NotifyLoadComplete();\n    }\n\n    override ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    async OnLookupResource(): Promise<void> {\n        if (!this.SelectedDomainName) {\n            this.ErrorMessage = 'Pick a permission domain first.';\n            return;\n        }\n        if (!this.ResourceTypeInput.trim() || !this.ResourceIdInput.trim()) {\n            this.ErrorMessage = 'Resource type and resource ID are both required.';\n            return;\n        }\n\n        this.ErrorMessage = null;\n        this.IsLoading = true;\n        this.ResourceAccessRows = [];\n        this.LastQueryLabel = null;\n        this.cdr.detectChanges();\n\n        try {\n            const rows = await PermissionEngine.Instance.GetResourcePermissions(\n                this.SelectedDomainName,\n                this.ResourceTypeInput.trim(),\n                this.ResourceIdInput.trim()\n            );\n            this.ResourceAccessRows = rows.sort((a, b) =>\n                (a.GranteeName ?? '').localeCompare(b.GranteeName ?? '')\n            );\n            this.LastQueryLabel = `${this.SelectedDomainName} / ${this.ResourceTypeInput.trim()} / ${this.ResourceIdInput.trim()}`;\n        } catch (e) {\n            this.ErrorMessage = `Error looking up resource: ${e instanceof Error ? e.message : String(e)}`;\n        }\n\n        this.IsLoading = false;\n        this.cdr.detectChanges();\n    }\n\n    OnDomainChanged(domainName: string): void {\n        this.SelectedDomainName = domainName;\n        this.loadResourceTypesForDomain(domainName);\n        this.ResourceAccessRows = [];\n        this.LastQueryLabel = null;\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Populate {@link ResourceTypes} from the provider behind `domainName`. If the\n     * current `ResourceTypeInput` isn't a member of the new list, clear it — the\n     * previous choice doesn't make sense against a different domain. When a\n     * domain has exactly one supported type we auto-select it so the user\n     * doesn't have to open the picker for a trivial choice.\n     */\n    private loadResourceTypesForDomain(domainName: string | null): void {\n        if (!domainName) {\n            this.ResourceTypes = [];\n            this.ResourceTypeInput = '';\n            return;\n        }\n        this.ResourceTypes = PermissionEngine.Instance.GetResourceTypes(domainName, this.ProviderToUse);\n        if (this.ResourceTypes.length === 1) {\n            this.ResourceTypeInput = this.ResourceTypes[0];\n        } else if (!this.ResourceTypes.includes(this.ResourceTypeInput)) {\n            this.ResourceTypeInput = '';\n        }\n    }\n\n    TrackByResourceRow(_index: number, row: NormalizedPermission): string {\n        return row.SourceRecordID ?? `${row.GranteeType}|${row.GranteeID ?? ''}`;\n    }\n}\n\n/** Tree-shaking prevention — referenced from `public-api.ts`. */\nexport function LoadPermissionsResourceAccessResource(): void {\n    // intentionally empty\n}\n","<mj-page-layout>\n  <mj-page-header\n    Title=\"Resource Access Report\"\n    Icon=\"fa-solid fa-cube\"\n    Subtitle=\"Look up every grantee for a specific resource\">\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 wrap\">\n    <label class=\"selector-label\" for=\"domain-select\">Domain:</label>\n    <select\n      id=\"domain-select\"\n      class=\"mj-input\"\n      [ngModel]=\"SelectedDomainName\"\n      (ngModelChange)=\"OnDomainChanged($event)\"\n      [disabled]=\"IsLoading\"\n    >\n      @for (d of Domains; track d.ID) {\n        <option [ngValue]=\"d.Name\">{{ d.Name }}</option>\n      }\n    </select>\n\n    <label class=\"selector-label\" for=\"rtype-input\">Resource Type:</label>\n    <mj-combobox\n      id=\"rtype-input\"\n      [Data]=\"ResourceTypes\"\n      [ValuePrimitive]=\"true\"\n      [Filterable]=\"true\"\n      [AllowCustom]=\"true\"\n      Placeholder=\"Select or type a resource type\"\n      [Disabled]=\"IsLoading || !SelectedDomainName\"\n      [(ngModel)]=\"ResourceTypeInput\">\n    </mj-combobox>\n\n    <label class=\"selector-label\" for=\"rid-input\">Resource ID:</label>\n    <input\n      id=\"rid-input\"\n      class=\"mj-input mono\"\n      placeholder=\"UUID or record ID\"\n      [(ngModel)]=\"ResourceIdInput\"\n      [disabled]=\"IsLoading\"\n    />\n\n    <button\n      mjButton\n      variant=\"primary\"\n      (click)=\"OnLookupResource()\"\n      [disabled]=\"IsLoading\"\n    >\n      @if (IsLoading) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i> Looking up...\n      } @else {\n        <i class=\"fa-solid fa-magnifying-glass\"></i> Lookup\n      }\n    </button>\n  </div>\n\n  @if (IsLoading) {\n    <mj-loading text=\"Looking up grantees...\" size=\"medium\"></mj-loading>\n  } @else if (!LastQueryLabel) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-cube\"></i>\n      <p>Pick a domain and enter a resource type + ID, then press Lookup to see who has access.</p>\n    </div>\n  } @else if (ResourceAccessRows.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-user-slash\"></i>\n      <p>No grantees found for <strong>{{ LastQueryLabel }}</strong>.</p>\n    </div>\n  } @else {\n    <div class=\"total-summary\">\n      <strong>{{ ResourceAccessRows.length }}</strong> grantee{{ ResourceAccessRows.length === 1 ? '' : 's' }}\n      on <strong>{{ LastQueryLabel }}</strong>\n    </div>\n\n    <div class=\"domain-body\">\n      <table class=\"perms-table\">\n        <thead>\n          <tr>\n            <th>Grantee</th>\n            <th>Type</th>\n            <th>Actions</th>\n            <th>Effect</th>\n            <th>Expires</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of ResourceAccessRows; track TrackByResourceRow($index, row)) {\n            <tr>\n              <td class=\"resource-cell\">\n                <span class=\"resource-name\">{{ row.GranteeName || row.GranteeID || row.GranteeType }}</span>\n                @if (row.GranteeID && row.GranteeName && row.GranteeName !== row.GranteeID) {\n                  <span class=\"resource-id\">{{ row.GranteeID }}</span>\n                }\n              </td>\n              <td>{{ row.GranteeType }}</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              <td>\n                @if (row.ExpiresAt) {\n                  <span>{{ row.ExpiresAt | date:'short' }}</span>\n                } @else {\n                  <span class=\"muted\">—</span>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n  </mj-page-body>\n</mj-page-layout>\n"]}