@memberjunction/ng-explorer-settings 3.2.0 → 3.3.0

package/dist/lib/role-management/role-dialog/role-dialog.component.js

@@ -4,10 +4,9 @@ import { Metadata } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-dialog";
-function RoleDialogComponent_kendo_window_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 28);
-    i0.ɵɵelement(2, "i", 29);
+function RoleDialogComponent_div_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 31);
+    i0.ɵɵelement(2, "i", 32);
     i0.ɵɵelementStart(3, "div");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()();
@@ -16,16 +15,16 @@ function RoleDialogComponent_kendo_window_0_Conditional_10_Template(rf, ctx) { i
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r1.error);
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function RoleDialogComponent_div_0_Conditional_27_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Role name is required ");
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function RoleDialogComponent_div_0_Conditional_27_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Role name cannot exceed 50 characters ");
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 30);
-    i0.ɵɵtemplate(2, RoleDialogComponent_kendo_window_0_Conditional_24_Conditional_2_Template, 1, 0)(3, RoleDialogComponent_kendo_window_0_Conditional_24_Conditional_3_Template, 1, 0);
+function RoleDialogComponent_div_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtemplate(2, RoleDialogComponent_div_0_Conditional_27_Conditional_2_Template, 1, 0)(3, RoleDialogComponent_div_0_Conditional_27_Conditional_3_Template, 1, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_2_0;
@@ -36,18 +35,18 @@ function RoleDialogComponent_kendo_window_0_Conditional_24_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵconditional(((tmp_3_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_3_0.errors == null ? null : tmp_3_0.errors["maxlength"]) ? 3 : -1);
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "label", 31);
+function RoleDialogComponent_div_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "label", 34);
     i0.ɵɵtext(2, "Directory ID");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "input", 32);
-    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵelement(3, "input", 35);
+    i0.ɵɵelementStart(4, "div", 24);
     i0.ɵɵtext(5, " External directory identifier for syncing with Active Directory or other systems. ");
     i0.ɵɵelementEnd()();
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "i", 4);
+function RoleDialogComponent_div_0_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "i", 6);
     i0.ɵɵelementStart(2, "div")(3, "strong");
     i0.ɵɵtext(4, "System Role");
     i0.ɵɵelementEnd();
@@ -55,9 +54,9 @@ function RoleDialogComponent_kendo_window_0_Conditional_41_Template(rf, ctx) { i
     i0.ɵɵtext(6, "This is a system-defined role. Some properties may be limited for editing to maintain system integrity.");
     i0.ɵɵelementEnd()()();
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵelement(1, "i", 33);
+function RoleDialogComponent_div_0_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵelementStart(2, "div")(3, "strong");
     i0.ɵɵtext(4, "Custom Role");
     i0.ɵɵelementEnd();
@@ -65,16 +64,16 @@ function RoleDialogComponent_kendo_window_0_Conditional_42_Template(rf, ctx) { i
     i0.ɵɵtext(6, "This is a custom role that can be fully configured and modified.");
     i0.ɵɵelementEnd()()();
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9)(2, "div", 10)(3, "h3", 11);
-    i0.ɵɵelement(4, "i", 34);
+function RoleDialogComponent_div_0_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "div", 14)(3, "h3", 15);
+    i0.ɵɵelement(4, "i", 37);
     i0.ɵɵtext(5, " Permissions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 12);
+    i0.ɵɵelementStart(6, "p", 16);
     i0.ɵɵtext(7, "Manage role permissions and access rights");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 13)(9, "div", 23);
-    i0.ɵɵelement(10, "i", 35);
+    i0.ɵɵelementStart(8, "div", 17)(9, "div", 27);
+    i0.ɵɵelement(10, "i", 38);
     i0.ɵɵelementStart(11, "div")(12, "strong");
     i0.ɵɵtext(13, "Permission Management");
     i0.ɵɵelementEnd();
@@ -86,97 +85,102 @@ function RoleDialogComponent_kendo_window_0_Conditional_43_Template(rf, ctx) { i
     i0.ɵɵtext(18, " tab of the settings dashboard. Use that interface to configure specific access rights for this role.");
     i0.ɵɵelementEnd()()()()()();
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 36);
+function RoleDialogComponent_div_0_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
     i0.ɵɵtext(1, " Saving... ");
 } }
-function RoleDialogComponent_kendo_window_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 37);
+function RoleDialogComponent_div_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
     i0.ɵɵtext(1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Update Role" : "Create Role", " ");
 } }
-function RoleDialogComponent_kendo_window_0_Template(rf, ctx) { if (rf & 1) {
+function RoleDialogComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 1);
-    i0.ɵɵlistener("close", function RoleDialogComponent_kendo_window_0_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelementStart(1, "kendo-window-titlebar")(2, "div", 2)(3, "h2", 3);
-    i0.ɵɵelement(4, "i", 4);
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function RoleDialogComponent_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵlistener("click", function RoleDialogComponent_div_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "h2", 5);
+    i0.ɵɵelement(5, "i", 6);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 5);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(8, "div", 6)(9, "form", 7);
-    i0.ɵɵlistener("ngSubmit", function RoleDialogComponent_kendo_window_0_Template_form_ngSubmit_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmit()); });
-    i0.ɵɵtemplate(10, RoleDialogComponent_kendo_window_0_Conditional_10_Template, 5, 1, "div", 8);
-    i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10)(14, "h3", 11);
-    i0.ɵɵelement(15, "i", 4);
-    i0.ɵɵtext(16, " Role Information ");
+    i0.ɵɵelementStart(7, "p", 7);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "button", 8);
+    i0.ɵɵlistener("click", function RoleDialogComponent_div_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelement(10, "i", 9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 10)(12, "form", 11);
+    i0.ɵɵlistener("ngSubmit", function RoleDialogComponent_div_0_Template_form_ngSubmit_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmit()); });
+    i0.ɵɵtemplate(13, RoleDialogComponent_div_0_Conditional_13_Template, 5, 1, "div", 12);
+    i0.ɵɵelementStart(14, "div", 12)(15, "div", 13)(16, "div", 14)(17, "h3", 15);
+    i0.ɵɵelement(18, "i", 6);
+    i0.ɵɵtext(19, " Role Information ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "p", 12);
-    i0.ɵɵtext(18, "Define the role's basic properties and purpose");
+    i0.ɵɵelementStart(20, "p", 16);
+    i0.ɵɵtext(21, "Define the role's basic properties and purpose");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 13)(20, "div", 14)(21, "label", 15);
-    i0.ɵɵtext(22, "Role Name");
+    i0.ɵɵelementStart(22, "div", 17)(23, "div", 18)(24, "label", 19);
+    i0.ɵɵtext(25, "Role Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(23, "input", 16);
-    i0.ɵɵtemplate(24, RoleDialogComponent_kendo_window_0_Conditional_24_Template, 4, 2, "div", 17);
+    i0.ɵɵelement(26, "input", 20);
+    i0.ɵɵtemplate(27, RoleDialogComponent_div_0_Conditional_27_Template, 4, 2, "div", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 14)(26, "label", 18);
-    i0.ɵɵtext(27, "Description");
+    i0.ɵɵelementStart(28, "div", 18)(29, "label", 22);
+    i0.ɵɵtext(30, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(28, "textarea", 19);
-    i0.ɵɵelementStart(29, "div", 20);
-    i0.ɵɵtext(30, " Provide a clear description of what this role is for and what permissions it should have. ");
+    i0.ɵɵelement(31, "textarea", 23);
+    i0.ɵɵelementStart(32, "div", 24);
+    i0.ɵɵtext(33, " Provide a clear description of what this role is for and what permissions it should have. ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(31, RoleDialogComponent_kendo_window_0_Conditional_31_Template, 6, 0, "div", 14);
+    i0.ɵɵtemplate(34, RoleDialogComponent_div_0_Conditional_34_Template, 6, 0, "div", 18);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(32, "div", 8)(33, "div", 9)(34, "div", 10)(35, "h3", 11);
-    i0.ɵɵelement(36, "i", 21);
-    i0.ɵɵtext(37, " Role Type ");
+    i0.ɵɵelementStart(35, "div", 12)(36, "div", 13)(37, "div", 14)(38, "h3", 15);
+    i0.ɵɵelement(39, "i", 25);
+    i0.ɵɵtext(40, " Role Type ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "p", 12);
-    i0.ɵɵtext(39, "System or custom role classification");
+    i0.ɵɵelementStart(41, "p", 16);
+    i0.ɵɵtext(42, "System or custom role classification");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 13);
-    i0.ɵɵtemplate(41, RoleDialogComponent_kendo_window_0_Conditional_41_Template, 7, 0, "div", 22)(42, RoleDialogComponent_kendo_window_0_Conditional_42_Template, 7, 0, "div", 23);
+    i0.ɵɵelementStart(43, "div", 17);
+    i0.ɵɵtemplate(44, RoleDialogComponent_div_0_Conditional_44_Template, 7, 0, "div", 26)(45, RoleDialogComponent_div_0_Conditional_45_Template, 7, 0, "div", 27);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(43, RoleDialogComponent_kendo_window_0_Conditional_43_Template, 19, 0, "div", 8);
-    i0.ɵɵelementStart(44, "div", 24)(45, "button", 25);
-    i0.ɵɵlistener("click", function RoleDialogComponent_kendo_window_0_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelement(46, "i", 26);
-    i0.ɵɵtext(47, " Cancel ");
+    i0.ɵɵtemplate(46, RoleDialogComponent_div_0_Conditional_46_Template, 19, 0, "div", 12);
+    i0.ɵɵelementStart(47, "div", 28)(48, "button", 29);
+    i0.ɵɵtemplate(49, RoleDialogComponent_div_0_Conditional_49_Template, 2, 0)(50, RoleDialogComponent_div_0_Conditional_50_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 27);
-    i0.ɵɵtemplate(49, RoleDialogComponent_kendo_window_0_Conditional_49_Template, 2, 0)(50, RoleDialogComponent_kendo_window_0_Conditional_50_Template, 2, 1);
-    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(51, "button", 30);
+    i0.ɵɵlistener("click", function RoleDialogComponent_div_0_Template_button_click_51_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelement(52, "i", 9);
+    i0.ɵɵtext(53, " Cancel ");
+    i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
-    let tmp_10_0;
-    let tmp_11_0;
+    let tmp_5_0;
+    let tmp_6_0;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", 700)("height", 600)("resizable", false)("draggable", true)("keepContent", true);
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Edit Role" : "Create New Role", " ");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Update role information and permissions" : "Add a new role to the system", " ");
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("formGroup", ctx_r1.roleForm);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.error ? 10 : -1);
+    i0.ɵɵconditional(ctx_r1.error ? 13 : -1);
     i0.ɵɵadvance(13);
-    i0.ɵɵclassProp("error", ((tmp_10_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_10_0.invalid) && ((tmp_10_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_10_0.touched));
+    i0.ɵɵclassProp("error", ((tmp_5_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_5_0.invalid) && ((tmp_5_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_5_0.touched));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_11_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_11_0.invalid) && ((tmp_11_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_11_0.touched) ? 24 : -1);
+    i0.ɵɵconditional(((tmp_6_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_6_0.invalid) && ((tmp_6_0 = ctx_r1.roleForm.get("name")) == null ? null : tmp_6_0.touched) ? 27 : -1);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.isEditMode ? 31 : -1);
+    i0.ɵɵconditional(ctx_r1.isEditMode ? 34 : -1);
     i0.ɵɵadvance(10);
-    i0.ɵɵconditional(ctx_r1.isSystemRole ? 41 : 42);
+    i0.ɵɵconditional(ctx_r1.isSystemRole ? 44 : 45);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.isEditMode ? 46 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isEditMode ? 43 : -1);
-    i0.ɵɵadvance(5);
     i0.ɵɵproperty("disabled", ctx_r1.roleForm.invalid || ctx_r1.isLoading);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isLoading ? 49 : 50);
@@ -304,15 +308,15 @@ export class RoleDialogComponent {
     static ɵfac = function RoleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RoleDialogComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoleDialogComponent, selectors: [["mj-role-dialog"]], hostBindings: function RoleDialogComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown.escape", function RoleDialogComponent_keydown_escape_HostBindingHandler($event) { return ctx.onEscapeKey($event); }, false, i0.ɵɵresolveDocument);
-        } }, inputs: { data: "data", visible: "visible" }, outputs: { result: "result" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["kendoWindowContainer", "", 3, "width", "height", "resizable", "draggable", "keepContent", "close", 4, "ngIf"], ["kendoWindowContainer", "", 3, "close", "width", "height", "resizable", "draggable", "keepContent"], [1, "dialog-header"], [1, "dialog-title"], [1, "fa-solid", "fa-shield-halved"], [1, "dialog-subtitle"], [1, "dialog-content"], [3, "ngSubmit", "formGroup"], [1, "content-section"], [1, "form-section"], [1, "section-header"], [1, "section-title"], [1, "section-description"], [1, "form-grid"], [1, "form-field"], ["for", "name", 1, "field-label", "required"], ["id", "name", "type", "text", "formControlName", "name", "placeholder", "Sales Manager", 1, "field-input"], [1, "field-error"], ["for", "description", 1, "field-label"], ["id", "description", "formControlName", "description", "placeholder", "Describe the role's purpose and responsibilities...", "rows", "4", 1, "field-textarea"], [1, "field-hint"], [1, "fa-solid", "fa-cog"], [1, "alert", "alert-warning"], [1, "alert", "alert-info"], [1, "dialog-footer"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-times"], ["type", "submit", 1, "btn", "btn-primary", 3, "disabled"], [1, "alert", "alert-error"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-exclamation-circle"], ["for", "directoryId", 1, "field-label"], ["id", "directoryId", "type", "text", "formControlName", "directoryId", "placeholder", "External directory identifier", 1, "field-input"], [1, "fa-solid", "fa-user-tag"], [1, "fa-solid", "fa-key"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"]], template: function RoleDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, RoleDialogComponent_kendo_window_0_Template, 51, 17, "kendo-window", 0);
+        } }, inputs: { data: "data", visible: "visible" }, outputs: { result: "result" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "modal-backdrop", 3, "click", 4, "ngIf"], [1, "modal-backdrop", 3, "click"], [1, "modal-dialog", 3, "click"], [1, "modal-header"], [1, "dialog-header"], [1, "dialog-title"], [1, "fa-solid", "fa-shield-halved"], [1, "dialog-subtitle"], ["type", "button", "aria-label", "Close dialog", 1, "modal-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "modal-body"], [3, "ngSubmit", "formGroup"], [1, "content-section"], [1, "form-section"], [1, "section-header"], [1, "section-title"], [1, "section-description"], [1, "form-grid"], [1, "form-field"], ["for", "name", 1, "field-label", "required"], ["id", "name", "type", "text", "formControlName", "name", "placeholder", "Sales Manager", 1, "field-input"], [1, "field-error"], ["for", "description", 1, "field-label"], ["id", "description", "formControlName", "description", "placeholder", "Describe the role's purpose and responsibilities...", "rows", "4", 1, "field-textarea"], [1, "field-hint"], [1, "fa-solid", "fa-cog"], [1, "alert", "alert-warning"], [1, "alert", "alert-info"], [1, "modal-footer"], ["type", "submit", 1, "btn", "btn-primary", 3, "disabled"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], [1, "alert", "alert-error"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-exclamation-circle"], ["for", "directoryId", 1, "field-label"], ["id", "directoryId", "type", "text", "formControlName", "directoryId", "placeholder", "External directory identifier", 1, "field-input"], [1, "fa-solid", "fa-user-tag"], [1, "fa-solid", "fa-key"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"]], template: function RoleDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, RoleDialogComponent_div_0_Template, 54, 12, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visible);
-        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.WindowComponent, i3.WindowTitleBarComponent, i3.WindowContainerDirective], styles: ["/* Modern Dialog Styling - Matching Dashboard Design */\n:host ::ng-deep .k-window {\n  border: none;\n  border-radius: 12px;\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);\n  background: #ffffff;\n  overflow: hidden;\n}\n\n:host ::ng-deep .k-window-titlebar {\n  background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);\n  border: none;\n  padding: 24px 32px;\n  min-height: 70px;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-title {\n  display: none; /* Hide default title */\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions .k-button {\n  background: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  color: #ffffff;\n  border-radius: 6px;\n  width: 32px;\n  height: 32px;\n  min-width: auto;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions .k-button:hover {\n  background: rgba(255, 255, 255, 0.2);\n  border-color: rgba(255, 255, 255, 0.3);\n}\n\n:host ::ng-deep .k-window-content {\n  padding: 0;\n  background: #ffffff;\n}\n\n/* Custom Title Bar */\n.dialog-header {\n  position: relative;\n  color: #ffffff;\n}\n\n.dialog-header .dialog-title {\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin: 0;\n}\n\n.dialog-header .dialog-title i {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 6px;\n  font-size: 14px;\n}\n\n.dialog-header .dialog-subtitle {\n  margin: 4px 0 0 0;\n  font-size: 12px;\n  opacity: 0.85;\n  font-weight: 400;\n}\n\n/* Modal Content Areas */\n.dialog-content {\n  padding: 0;\n  background: #ffffff;\n}\n\n.dialog-content .content-section {\n  padding: 32px;\n}\n\n.dialog-content .content-section:not(:last-child) {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.dialog-footer {\n  padding: 24px 32px;\n  background: #fafafa;\n  border-top: 1px solid #e0e0e0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n/* Form Sections */\n.form-section .section-header {\n  margin-bottom: 24px;\n}\n\n.form-section .section-header .section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 4px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-section .section-header .section-title i {\n  color: #4caf50;\n  font-size: 14px;\n}\n\n.form-section .section-header .section-description {\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.form-grid {\n  display: grid;\n  gap: 24px;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n@media (max-width: 640px) {\n  .form-row {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n}\n\n/* Modern Form Fields */\n.form-field {\n  margin-bottom: 24px;\n}\n\n.form-field:last-child {\n  margin-bottom: 0;\n}\n\n.form-field .field-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 500;\n  color: #212121;\n  margin-bottom: 8px;\n}\n\n.form-field .field-label.required::after {\n  content: ' *';\n  color: #f44336;\n}\n\n.form-field .field-input,\n.form-field .field-select,\n.form-field .field-textarea {\n  width: 100%;\n  padding: 0 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 6px;\n  font-size: 14px;\n  background: #ffffff;\n  transition: all 0.15s ease;\n}\n\n.form-field .field-input:focus,\n.form-field .field-select:focus,\n.form-field .field-textarea:focus {\n  outline: none;\n  border-color: #4caf50;\n  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n}\n\n.form-field .field-input.error,\n.form-field .field-select.error,\n.form-field .field-textarea.error {\n  border-color: #f44336;\n}\n\n.form-field .field-input.error:focus,\n.form-field .field-select.error:focus,\n.form-field .field-textarea.error:focus {\n  border-color: #f44336;\n  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);\n}\n\n.form-field .field-input::placeholder,\n.form-field .field-select::placeholder,\n.form-field .field-textarea::placeholder {\n  color: #9e9e9e;\n}\n\n.form-field .field-input,\n.form-field .field-select {\n  height: 36px;\n}\n\n.form-field .field-textarea {\n  min-height: 100px;\n  padding: 16px;\n  resize: vertical;\n  line-height: 1.4;\n}\n\n.form-field .field-select {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 16px center;\n  background-repeat: no-repeat;\n  background-size: 16px;\n  padding-right: calc(16px + 24px);\n  appearance: none;\n  cursor: pointer;\n}\n\n.form-field .field-error {\n  margin-top: 8px;\n  font-size: 11px;\n  color: #f44336;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.form-field .field-error i {\n  font-size: 10px;\n}\n\n.form-field .field-hint {\n  margin-top: 8px;\n  font-size: 11px;\n  color: #666666;\n  line-height: 1.4;\n}\n\n/* Alert Messages */\n.alert {\n  padding: 16px 24px;\n  border-radius: 8px;\n  margin-bottom: 24px;\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.alert i {\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.alert.alert-error {\n  background: rgba(244, 67, 54, 0.1);\n  border: 1px solid rgba(244, 67, 54, 0.2);\n  color: #c62828;\n}\n\n.alert.alert-error i {\n  color: #f44336;\n}\n\n.alert.alert-warning {\n  background: rgba(255, 193, 7, 0.1);\n  border: 1px solid rgba(255, 193, 7, 0.2);\n  color: #b7800d;\n}\n\n.alert.alert-warning i {\n  color: #ffc107;\n}\n\n.alert.alert-info {\n  background: rgba(0, 188, 212, 0.1);\n  border: 1px solid rgba(0, 188, 212, 0.2);\n  color: #00838f;\n}\n\n.alert.alert-info i {\n  color: #00bcd4;\n}\n\n/* Button Styles */\n.dialog-footer .btn {\n  padding: 8px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 36px;\n}\n\n.dialog-footer .btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.dialog-footer .btn:disabled i.fa-spinner {\n  animation: spin 1s linear infinite;\n}\n\n.dialog-footer .btn.btn-secondary {\n  background: #ffffff;\n  color: #666666;\n  border-color: #bdbdbd;\n}\n\n.dialog-footer .btn.btn-secondary:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #757575;\n  color: #212121;\n}\n\n.dialog-footer .btn.btn-primary {\n  background: #4caf50;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #43a047;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host ::ng-deep .k-window {\n    margin: 16px;\n    max-width: none;\n    width: calc(100vw - 24px) !important;\n    height: calc(100vh - 24px) !important;\n  }\n  \n  :host ::ng-deep .k-window-titlebar {\n    padding: 16px 24px;\n    min-height: 60px;\n  }\n  \n  .dialog-content .content-section {\n    padding: 24px 16px;\n  }\n  \n  .dialog-footer {\n    padding: 16px 24px;\n    flex-direction: column-reverse;\n  }\n  \n  .dialog-footer .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}"], encapsulation: 2 });
+        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName], styles: ["/* ============================================\n   Material Design 3 - Role Dialog Component\n   ============================================ */\n\n/* MD3 Design Tokens */\n:host {\n  /* Primary Colors (MJ Blue) */\n  --md-primary: #0076B6;\n  --md-on-primary: #FFFFFF;\n  --md-primary-container: #C2E7FF;\n  --md-on-primary-container: #001E2F;\n\n  /* Secondary Colors (Orange) */\n  --md-secondary: #F5A623;\n  --md-on-secondary: #FFFFFF;\n  --md-secondary-container: #FFE5B4;\n  --md-on-secondary-container: #7A4D0C;\n\n  /* Tertiary Colors (Green) */\n  --md-tertiary: #4CAF50;\n  --md-on-tertiary: #FFFFFF;\n  --md-tertiary-container: #C8E6C9;\n  --md-on-tertiary-container: #1B5E20;\n\n  /* Error Colors */\n  --md-error: #D32F2F;\n  --md-on-error: #FFFFFF;\n  --md-error-container: #FFEBEE;\n  --md-on-error-container: #5F1313;\n\n  /* Surface Colors */\n  --md-surface: #FAFAFA;\n  --md-on-surface: #1C1B1F;\n  --md-surface-variant: #E7E0EC;\n  --md-on-surface-variant: #49454F;\n  --md-surface-container-lowest: #FFFFFF;\n  --md-surface-container-low: #F5F5F5;\n  --md-surface-container: #EEEEEE;\n  --md-surface-container-high: #E0E0E0;\n\n  /* Outline Colors */\n  --md-outline: #79747E;\n  --md-outline-variant: #CAC4D0;\n\n  /* MD3 Elevation System */\n  --md-elevation-0: none;\n  --md-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);\n  --md-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);\n  --md-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.1);\n  --md-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.14), 0 12px 24px rgba(0, 0, 0, 0.12);\n  --md-elevation-5: 0 8px 16px rgba(0, 0, 0, 0.12), 0 16px 32px rgba(0, 0, 0, 0.1);\n\n  /* MD3 Corner Radii */\n  --md-corner-none: 0px;\n  --md-corner-extra-small: 4px;\n  --md-corner-small: 8px;\n  --md-corner-medium: 12px;\n  --md-corner-large: 16px;\n  --md-corner-extra-large: 28px;\n  --md-corner-full: 9999px;\n\n  /* Typography Scale */\n  --md-display-large: 57px;\n  --md-display-medium: 45px;\n  --md-display-small: 36px;\n  --md-headline-large: 32px;\n  --md-headline-medium: 28px;\n  --md-headline-small: 24px;\n  --md-title-large: 22px;\n  --md-title-medium: 16px;\n  --md-title-small: 14px;\n  --md-body-large: 16px;\n  --md-body-medium: 14px;\n  --md-body-small: 12px;\n  --md-label-large: 14px;\n  --md-label-medium: 12px;\n  --md-label-small: 11px;\n}\n\n/* ============================================\n   Modal Backdrop & Container\n   ============================================ */\n\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1050;\n  padding: 1rem;\n  animation: fadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.modal-dialog {\n  background: var(--md-surface-container-lowest);\n  border-radius: var(--md-corner-extra-large);\n  box-shadow: var(--md-elevation-5);\n  width: 100%;\n  max-width: 850px;\n  max-height: calc(100vh - 2rem);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ============================================\n   Modal Header (MJ Blue)\n   ============================================ */\n\n.modal-header {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  padding: 24px 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  border-radius: var(--md-corner-extra-large) var(--md-corner-extra-large) 0 0;\n  flex-shrink: 0;\n}\n\n.dialog-header {\n  flex: 1;\n  min-width: 0;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: var(--md-headline-small);\n  font-weight: 600;\n  line-height: 1.3;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  color: var(--md-on-primary);\n}\n\n.dialog-title i {\n  font-size: 1.25rem;\n  opacity: 0.95;\n}\n\n.dialog-subtitle {\n  margin: 0.5rem 0 0 0;\n  font-size: var(--md-body-medium);\n  opacity: 0.9;\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n.modal-close {\n  background: transparent;\n  border: none;\n  color: var(--md-on-primary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--md-corner-full);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n}\n\n.modal-close:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.modal-close:active {\n  background: rgba(255, 255, 255, 0.2);\n  transform: scale(0.95);\n}\n\n.modal-close i {\n  font-size: 1.25rem;\n}\n\n/* ============================================\n   Modal Body\n   ============================================ */\n\n.modal-body {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0;\n  background: var(--md-surface-container-lowest);\n}\n\n.modal-body::-webkit-scrollbar {\n  width: 8px;\n}\n\n.modal-body::-webkit-scrollbar-track {\n  background: var(--md-surface-container-low);\n}\n\n.modal-body::-webkit-scrollbar-thumb {\n  background: var(--md-outline-variant);\n  border-radius: var(--md-corner-full);\n}\n\n.modal-body::-webkit-scrollbar-thumb:hover {\n  background: var(--md-outline);\n}\n\n/* ============================================\n   Form Structure\n   ============================================ */\n\n.content-section {\n  padding: 1.5rem 2rem;\n  border-bottom: 1px solid var(--md-outline-variant);\n}\n\n.content-section:last-child {\n  border-bottom: none;\n}\n\n.form-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.section-header {\n  margin-bottom: 1rem;\n}\n\n.section-title {\n  margin: 0 0 0.5rem 0;\n  font-size: var(--md-title-large);\n  font-weight: 600;\n  color: var(--md-on-surface);\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.section-title i {\n  font-size: 1.25rem;\n  color: var(--md-primary);\n}\n\n.section-description {\n  margin: 0;\n  font-size: var(--md-body-medium);\n  color: var(--md-on-surface-variant);\n  line-height: 1.5;\n}\n\n/* ============================================\n   Form Grid Layout\n   ============================================ */\n\n.form-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n/* ============================================\n   Form Fields (MD3 Input Pattern)\n   ============================================ */\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.field-label {\n  font-size: var(--md-label-large);\n  font-weight: 500;\n  color: var(--md-on-surface);\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.field-label.required::after {\n  content: '*';\n  color: var(--md-error);\n  margin-left: 0.25rem;\n}\n\n.field-input,\n.field-textarea {\n  border: 2px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-small);\n  padding: 0.875rem 1rem;\n  font-size: var(--md-body-large);\n  font-family: inherit;\n  color: var(--md-on-surface);\n  background: var(--md-surface-container-lowest);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.field-input:hover:not(:disabled),\n.field-textarea:hover:not(:disabled) {\n  border-color: var(--md-outline);\n}\n\n.field-input:focus,\n.field-textarea:focus {\n  outline: none;\n  border-color: var(--md-primary);\n  box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.2);\n}\n\n.field-input:disabled,\n.field-textarea:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.field-input.error,\n.field-textarea.error {\n  border-color: var(--md-error);\n}\n\n.field-input.error:focus,\n.field-textarea.error:focus {\n  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2);\n}\n\n.field-textarea {\n  resize: vertical;\n  min-height: 100px;\n  line-height: 1.5;\n}\n\n.field-hint {\n  font-size: var(--md-body-small);\n  color: var(--md-on-surface-variant);\n  line-height: 1.4;\n  margin-top: 0.25rem;\n}\n\n.field-error {\n  font-size: var(--md-body-small);\n  color: var(--md-error);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-top: 0.25rem;\n}\n\n.field-error i {\n  font-size: 0.875rem;\n}\n\n/* ============================================\n   Alert Messages (MD3 Containers)\n   ============================================ */\n\n.alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 1.25rem;\n  border-radius: var(--md-corner-small);\n  border: 1px solid;\n  font-size: var(--md-body-medium);\n  line-height: 1.5;\n}\n\n.alert i {\n  font-size: 1.25rem;\n  flex-shrink: 0;\n  margin-top: 0.125rem;\n}\n\n.alert > div {\n  flex: 1;\n  min-width: 0;\n}\n\n.alert strong {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n\n.alert p {\n  margin: 0;\n}\n\n/* Error Alert (Red) */\n.alert-error {\n  background: var(--md-error-container);\n  border-color: var(--md-error);\n  color: var(--md-on-error-container);\n}\n\n.alert-error i {\n  color: var(--md-error);\n}\n\n/* Warning Alert (Orange) */\n.alert-warning {\n  background: var(--md-secondary-container);\n  border-color: var(--md-secondary);\n  color: var(--md-on-secondary-container);\n}\n\n.alert-warning i {\n  color: var(--md-secondary);\n}\n\n/* Info Alert (Blue) */\n.alert-info {\n  background: var(--md-primary-container);\n  border-color: var(--md-primary);\n  color: var(--md-on-primary-container);\n}\n\n.alert-info i {\n  color: var(--md-primary);\n}\n\n/* ============================================\n   Modal Footer (Buttons)\n   ============================================ */\n\n.modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 1rem;\n  padding: 1.5rem 2rem;\n  background: var(--md-surface-container-lowest);\n  border-top: 1px solid var(--md-outline-variant);\n  flex-shrink: 0;\n}\n\n/* ============================================\n   Buttons (MD3 Patterns)\n   ============================================ */\n\n.btn {\n  padding: 0.75rem 1.5rem;\n  font-size: var(--md-label-large);\n  font-weight: 500;\n  border-radius: var(--md-corner-full);\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  min-height: 44px;\n  font-family: inherit;\n  text-transform: none;\n  letter-spacing: 0.01em;\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n.btn:active:not(:disabled) {\n  transform: scale(0.98);\n}\n\n.btn i {\n  font-size: 1rem;\n}\n\n.btn i.fa-spinner {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Primary Button (MJ Blue - Dark Button) */\n.btn-primary {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: #3395C8; /* Lightens on hover (MD3 rule: dark buttons lighten) */\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-primary:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  box-shadow: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Secondary Button (Light Button) */\n.btn-secondary {\n  background: var(--md-surface-container-lowest);\n  color: var(--md-primary);\n  border: 1px solid var(--md-outline);\n  box-shadow: none;\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--md-primary); /* Fills with primary on hover (MD3 rule: light buttons darken/fill) */\n  color: var(--md-on-primary);\n  border-color: var(--md-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-secondary:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  border-color: var(--md-outline-variant);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ============================================\n   Responsive Design\n   ============================================ */\n\n@media (max-width: 768px) {\n  .modal-backdrop {\n    padding: 0;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    max-height: 100vh;\n    border-radius: 0;\n    animation: slideInMobile 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  @keyframes slideInMobile {\n    from {\n      opacity: 0;\n      transform: translateY(100%);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .modal-header {\n    padding: 20px 16px;\n    border-radius: 0;\n  }\n\n  .dialog-title {\n    font-size: 20px;\n  }\n\n  .dialog-subtitle {\n    font-size: 13px;\n  }\n\n  .content-section {\n    padding: 1.25rem 1rem;\n  }\n\n  .section-title {\n    font-size: 18px;\n  }\n\n  .modal-footer {\n    padding: 1rem;\n    flex-direction: column;\n  }\n\n  .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .modal-header {\n    padding: 16px 12px;\n  }\n\n  .dialog-title {\n    font-size: 18px;\n    gap: 0.5rem;\n  }\n\n  .dialog-title i {\n    font-size: 1rem;\n  }\n\n  .dialog-subtitle {\n    font-size: 12px;\n    margin-top: 0.25rem;\n  }\n\n  .content-section {\n    padding: 1rem 0.75rem;\n  }\n\n  .section-title {\n    font-size: 16px;\n    gap: 0.5rem;\n  }\n\n  .field-input,\n  .field-textarea {\n    padding: 0.75rem;\n    font-size: 14px;\n  }\n\n  .modal-footer {\n    padding: 0.75rem;\n  }\n\n  .btn {\n    padding: 0.625rem 1.25rem;\n    font-size: 13px;\n  }\n}\n\n/* ============================================\n   Accessibility\n   ============================================ */\n\n/* Focus Visible Styles */\n*:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n/* Reduced Motion Support */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n/* High Contrast Mode Support */\n@media (prefers-contrast: high) {\n  .modal-dialog {\n    border: 2px solid var(--md-outline);\n  }\n\n  .btn {\n    border: 2px solid currentColor;\n  }\n\n  .field-input,\n  .field-textarea {\n    border-width: 3px;\n  }\n}\n\n/* ============================================\n   Print Styles\n   ============================================ */\n\n@media print {\n  .modal-backdrop {\n    display: none;\n  }\n}\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleDialogComponent, [{
         type: Component,
-        args: [{ selector: 'mj-role-dialog', encapsulation: ViewEncapsulation.None, template: "<kendo-window\n  *ngIf=\"visible\"\n  [width]=\"700\"\n  [height]=\"600\"\n  [resizable]=\"false\"\n  [draggable]=\"true\"\n  [keepContent]=\"true\"\n  (close)=\"onCancel()\"\n  kendoWindowContainer>\n  \n  <kendo-window-titlebar>\n    <div class=\"dialog-header\">\n      <h2 class=\"dialog-title\">\n        <i class=\"fa-solid fa-shield-halved\"></i>\n        {{ isEditMode ? 'Edit Role' : 'Create New Role' }}\n      </h2>\n      <p class=\"dialog-subtitle\">\n        {{ isEditMode ? 'Update role information and permissions' : 'Add a new role to the system' }}\n      </p>\n    </div>\n  </kendo-window-titlebar>\n\n  <div class=\"dialog-content\">\n    <form [formGroup]=\"roleForm\" (ngSubmit)=\"onSubmit()\">\n      \n      @if (error) {\n        <div class=\"content-section\">\n          <div class=\"alert alert-error\">\n            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n            <div>{{ error }}</div>\n          </div>\n        </div>\n      }\n\n      <!-- Basic Information Section -->\n      <div class=\"content-section\">\n        <div class=\"form-section\">\n          <div class=\"section-header\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-shield-halved\"></i>\n              Role Information\n            </h3>\n            <p class=\"section-description\">Define the role's basic properties and purpose</p>\n          </div>\n          \n          <div class=\"form-grid\">\n            <div class=\"form-field\">\n              <label class=\"field-label required\" for=\"name\">Role Name</label>\n              <input \n                id=\"name\"\n                type=\"text\" \n                class=\"field-input\" \n                formControlName=\"name\"\n                placeholder=\"Sales Manager\"\n                [class.error]=\"roleForm.get('name')?.invalid && roleForm.get('name')?.touched\"\n              />\n              @if (roleForm.get('name')?.invalid && roleForm.get('name')?.touched) {\n                <div class=\"field-error\">\n                  <i class=\"fa-solid fa-exclamation-circle\"></i>\n                  @if (roleForm.get('name')?.errors?.['required']) {\n                    Role name is required\n                  }\n                  @if (roleForm.get('name')?.errors?.['maxlength']) {\n                    Role name cannot exceed 50 characters\n                  }\n                </div>\n              }\n            </div>\n\n            <div class=\"form-field\">\n              <label class=\"field-label\" for=\"description\">Description</label>\n              <textarea \n                id=\"description\"\n                class=\"field-textarea\" \n                formControlName=\"description\"\n                placeholder=\"Describe the role's purpose and responsibilities...\"\n                rows=\"4\"\n              ></textarea>\n              <div class=\"field-hint\">\n                Provide a clear description of what this role is for and what permissions it should have.\n              </div>\n            </div>\n\n            @if (isEditMode) {\n              <div class=\"form-field\">\n                <label class=\"field-label\" for=\"directoryId\">Directory ID</label>\n                <input \n                  id=\"directoryId\"\n                  type=\"text\" \n                  class=\"field-input\" \n                  formControlName=\"directoryId\"\n                  placeholder=\"External directory identifier\"\n                />\n                <div class=\"field-hint\">\n                  External directory identifier for syncing with Active Directory or other systems.\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n\n      <!-- Role Type Section -->\n      <div class=\"content-section\">\n        <div class=\"form-section\">\n          <div class=\"section-header\">\n            <h3 class=\"section-title\">\n              <i class=\"fa-solid fa-cog\"></i>\n              Role Type\n            </h3>\n            <p class=\"section-description\">System or custom role classification</p>\n          </div>\n          \n          <div class=\"form-grid\">\n            @if (isSystemRole) {\n              <div class=\"alert alert-warning\">\n                <i class=\"fa-solid fa-shield-halved\"></i>\n                <div>\n                  <strong>System Role</strong>\n                  <p>This is a system-defined role. Some properties may be limited for editing to maintain system integrity.</p>\n                </div>\n              </div>\n            } @else {\n              <div class=\"alert alert-info\">\n                <i class=\"fa-solid fa-user-tag\"></i>\n                <div>\n                  <strong>Custom Role</strong>\n                  <p>This is a custom role that can be fully configured and modified.</p>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n\n      <!-- Permissions Preview Section -->\n      @if (isEditMode) {\n        <div class=\"content-section\">\n          <div class=\"form-section\">\n            <div class=\"section-header\">\n              <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-key\"></i>\n                Permissions\n              </h3>\n              <p class=\"section-description\">Manage role permissions and access rights</p>\n            </div>\n            \n            <div class=\"form-grid\">\n              <div class=\"alert alert-info\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                <div>\n                  <strong>Permission Management</strong>\n                  <p>Role permissions can be managed in the <strong>Permissions</strong> tab of the settings dashboard. Use that interface to configure specific access rights for this role.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n\n      <div class=\"dialog-footer\">\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\n          <i class=\"fa-solid fa-times\"></i>\n          Cancel\n        </button>\n        <button \n          type=\"submit\" \n          class=\"btn btn-primary\" \n          [disabled]=\"roleForm.invalid || isLoading\"\n        >\n          @if (isLoading) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            Saving...\n          } @else {\n            <i class=\"fa-solid fa-save\"></i>\n            {{ isEditMode ? 'Update Role' : 'Create Role' }}\n          }\n        </button>\n      </div>\n    </form>\n  </div>\n</kendo-window>", styles: ["/* Modern Dialog Styling - Matching Dashboard Design */\n:host ::ng-deep .k-window {\n  border: none;\n  border-radius: 12px;\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);\n  background: #ffffff;\n  overflow: hidden;\n}\n\n:host ::ng-deep .k-window-titlebar {\n  background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);\n  border: none;\n  padding: 24px 32px;\n  min-height: 70px;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-title {\n  display: none; /* Hide default title */\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions .k-button {\n  background: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  color: #ffffff;\n  border-radius: 6px;\n  width: 32px;\n  height: 32px;\n  min-width: auto;\n}\n\n:host ::ng-deep .k-window-titlebar .k-window-actions .k-button:hover {\n  background: rgba(255, 255, 255, 0.2);\n  border-color: rgba(255, 255, 255, 0.3);\n}\n\n:host ::ng-deep .k-window-content {\n  padding: 0;\n  background: #ffffff;\n}\n\n/* Custom Title Bar */\n.dialog-header {\n  position: relative;\n  color: #ffffff;\n}\n\n.dialog-header .dialog-title {\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin: 0;\n}\n\n.dialog-header .dialog-title i {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 6px;\n  font-size: 14px;\n}\n\n.dialog-header .dialog-subtitle {\n  margin: 4px 0 0 0;\n  font-size: 12px;\n  opacity: 0.85;\n  font-weight: 400;\n}\n\n/* Modal Content Areas */\n.dialog-content {\n  padding: 0;\n  background: #ffffff;\n}\n\n.dialog-content .content-section {\n  padding: 32px;\n}\n\n.dialog-content .content-section:not(:last-child) {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.dialog-footer {\n  padding: 24px 32px;\n  background: #fafafa;\n  border-top: 1px solid #e0e0e0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n/* Form Sections */\n.form-section .section-header {\n  margin-bottom: 24px;\n}\n\n.form-section .section-header .section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 4px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-section .section-header .section-title i {\n  color: #4caf50;\n  font-size: 14px;\n}\n\n.form-section .section-header .section-description {\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.form-grid {\n  display: grid;\n  gap: 24px;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n@media (max-width: 640px) {\n  .form-row {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n}\n\n/* Modern Form Fields */\n.form-field {\n  margin-bottom: 24px;\n}\n\n.form-field:last-child {\n  margin-bottom: 0;\n}\n\n.form-field .field-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 500;\n  color: #212121;\n  margin-bottom: 8px;\n}\n\n.form-field .field-label.required::after {\n  content: ' *';\n  color: #f44336;\n}\n\n.form-field .field-input,\n.form-field .field-select,\n.form-field .field-textarea {\n  width: 100%;\n  padding: 0 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 6px;\n  font-size: 14px;\n  background: #ffffff;\n  transition: all 0.15s ease;\n}\n\n.form-field .field-input:focus,\n.form-field .field-select:focus,\n.form-field .field-textarea:focus {\n  outline: none;\n  border-color: #4caf50;\n  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n}\n\n.form-field .field-input.error,\n.form-field .field-select.error,\n.form-field .field-textarea.error {\n  border-color: #f44336;\n}\n\n.form-field .field-input.error:focus,\n.form-field .field-select.error:focus,\n.form-field .field-textarea.error:focus {\n  border-color: #f44336;\n  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);\n}\n\n.form-field .field-input::placeholder,\n.form-field .field-select::placeholder,\n.form-field .field-textarea::placeholder {\n  color: #9e9e9e;\n}\n\n.form-field .field-input,\n.form-field .field-select {\n  height: 36px;\n}\n\n.form-field .field-textarea {\n  min-height: 100px;\n  padding: 16px;\n  resize: vertical;\n  line-height: 1.4;\n}\n\n.form-field .field-select {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 16px center;\n  background-repeat: no-repeat;\n  background-size: 16px;\n  padding-right: calc(16px + 24px);\n  appearance: none;\n  cursor: pointer;\n}\n\n.form-field .field-error {\n  margin-top: 8px;\n  font-size: 11px;\n  color: #f44336;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.form-field .field-error i {\n  font-size: 10px;\n}\n\n.form-field .field-hint {\n  margin-top: 8px;\n  font-size: 11px;\n  color: #666666;\n  line-height: 1.4;\n}\n\n/* Alert Messages */\n.alert {\n  padding: 16px 24px;\n  border-radius: 8px;\n  margin-bottom: 24px;\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.alert i {\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.alert.alert-error {\n  background: rgba(244, 67, 54, 0.1);\n  border: 1px solid rgba(244, 67, 54, 0.2);\n  color: #c62828;\n}\n\n.alert.alert-error i {\n  color: #f44336;\n}\n\n.alert.alert-warning {\n  background: rgba(255, 193, 7, 0.1);\n  border: 1px solid rgba(255, 193, 7, 0.2);\n  color: #b7800d;\n}\n\n.alert.alert-warning i {\n  color: #ffc107;\n}\n\n.alert.alert-info {\n  background: rgba(0, 188, 212, 0.1);\n  border: 1px solid rgba(0, 188, 212, 0.2);\n  color: #00838f;\n}\n\n.alert.alert-info i {\n  color: #00bcd4;\n}\n\n/* Button Styles */\n.dialog-footer .btn {\n  padding: 8px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 36px;\n}\n\n.dialog-footer .btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.dialog-footer .btn:disabled i.fa-spinner {\n  animation: spin 1s linear infinite;\n}\n\n.dialog-footer .btn.btn-secondary {\n  background: #ffffff;\n  color: #666666;\n  border-color: #bdbdbd;\n}\n\n.dialog-footer .btn.btn-secondary:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #757575;\n  color: #212121;\n}\n\n.dialog-footer .btn.btn-primary {\n  background: #4caf50;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #43a047;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host ::ng-deep .k-window {\n    margin: 16px;\n    max-width: none;\n    width: calc(100vw - 24px) !important;\n    height: calc(100vh - 24px) !important;\n  }\n  \n  :host ::ng-deep .k-window-titlebar {\n    padding: 16px 24px;\n    min-height: 60px;\n  }\n  \n  .dialog-content .content-section {\n    padding: 24px 16px;\n  }\n  \n  .dialog-footer {\n    padding: 16px 24px;\n    flex-direction: column-reverse;\n  }\n  \n  .dialog-footer .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}"] }]
+        args: [{ selector: 'mj-role-dialog', encapsulation: ViewEncapsulation.None, template: "<!-- MD3 Modal Dialog -->\n<div class=\"modal-backdrop\" *ngIf=\"visible\" (click)=\"onCancel()\">\n  <div class=\"modal-dialog\" (click)=\"$event.stopPropagation()\">\n\n    <!-- Modal Header with MJ Blue -->\n    <div class=\"modal-header\">\n      <div class=\"dialog-header\">\n        <h2 class=\"dialog-title\">\n          <i class=\"fa-solid fa-shield-halved\"></i>\n          {{ isEditMode ? 'Edit Role' : 'Create New Role' }}\n        </h2>\n        <p class=\"dialog-subtitle\">\n          {{ isEditMode ? 'Update role information and permissions' : 'Add a new role to the system' }}\n        </p>\n      </div>\n      <button type=\"button\" class=\"modal-close\" (click)=\"onCancel()\" aria-label=\"Close dialog\">\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <!-- Modal Body -->\n    <div class=\"modal-body\">\n      <form [formGroup]=\"roleForm\" (ngSubmit)=\"onSubmit()\">\n\n        @if (error) {\n          <div class=\"content-section\">\n            <div class=\"alert alert-error\">\n              <i class=\"fa-solid fa-exclamation-triangle\"></i>\n              <div>{{ error }}</div>\n            </div>\n          </div>\n        }\n\n        <!-- Basic Information Section -->\n        <div class=\"content-section\">\n          <div class=\"form-section\">\n            <div class=\"section-header\">\n              <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-shield-halved\"></i>\n                Role Information\n              </h3>\n              <p class=\"section-description\">Define the role's basic properties and purpose</p>\n            </div>\n\n            <div class=\"form-grid\">\n              <div class=\"form-field\">\n                <label class=\"field-label required\" for=\"name\">Role Name</label>\n                <input\n                  id=\"name\"\n                  type=\"text\"\n                  class=\"field-input\"\n                  formControlName=\"name\"\n                  placeholder=\"Sales Manager\"\n                  [class.error]=\"roleForm.get('name')?.invalid && roleForm.get('name')?.touched\"\n                />\n                @if (roleForm.get('name')?.invalid && roleForm.get('name')?.touched) {\n                  <div class=\"field-error\">\n                    <i class=\"fa-solid fa-exclamation-circle\"></i>\n                    @if (roleForm.get('name')?.errors?.['required']) {\n                      Role name is required\n                    }\n                    @if (roleForm.get('name')?.errors?.['maxlength']) {\n                      Role name cannot exceed 50 characters\n                    }\n                  </div>\n                }\n              </div>\n\n              <div class=\"form-field\">\n                <label class=\"field-label\" for=\"description\">Description</label>\n                <textarea\n                  id=\"description\"\n                  class=\"field-textarea\"\n                  formControlName=\"description\"\n                  placeholder=\"Describe the role's purpose and responsibilities...\"\n                  rows=\"4\"\n                ></textarea>\n                <div class=\"field-hint\">\n                  Provide a clear description of what this role is for and what permissions it should have.\n                </div>\n              </div>\n\n              @if (isEditMode) {\n                <div class=\"form-field\">\n                  <label class=\"field-label\" for=\"directoryId\">Directory ID</label>\n                  <input\n                    id=\"directoryId\"\n                    type=\"text\"\n                    class=\"field-input\"\n                    formControlName=\"directoryId\"\n                    placeholder=\"External directory identifier\"\n                  />\n                  <div class=\"field-hint\">\n                    External directory identifier for syncing with Active Directory or other systems.\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n\n        <!-- Role Type Section -->\n        <div class=\"content-section\">\n          <div class=\"form-section\">\n            <div class=\"section-header\">\n              <h3 class=\"section-title\">\n                <i class=\"fa-solid fa-cog\"></i>\n                Role Type\n              </h3>\n              <p class=\"section-description\">System or custom role classification</p>\n            </div>\n\n            <div class=\"form-grid\">\n              @if (isSystemRole) {\n                <div class=\"alert alert-warning\">\n                  <i class=\"fa-solid fa-shield-halved\"></i>\n                  <div>\n                    <strong>System Role</strong>\n                    <p>This is a system-defined role. Some properties may be limited for editing to maintain system integrity.</p>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"alert alert-info\">\n                  <i class=\"fa-solid fa-user-tag\"></i>\n                  <div>\n                    <strong>Custom Role</strong>\n                    <p>This is a custom role that can be fully configured and modified.</p>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n\n        <!-- Permissions Preview Section -->\n        @if (isEditMode) {\n          <div class=\"content-section\">\n            <div class=\"form-section\">\n              <div class=\"section-header\">\n                <h3 class=\"section-title\">\n                  <i class=\"fa-solid fa-key\"></i>\n                  Permissions\n                </h3>\n                <p class=\"section-description\">Manage role permissions and access rights</p>\n              </div>\n\n              <div class=\"form-grid\">\n                <div class=\"alert alert-info\">\n                  <i class=\"fa-solid fa-info-circle\"></i>\n                  <div>\n                    <strong>Permission Management</strong>\n                    <p>Role permissions can be managed in the <strong>Permissions</strong> tab of the settings dashboard. Use that interface to configure specific access rights for this role.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n\n        <!-- Modal Footer -->\n        <div class=\"modal-footer\">\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary\"\n            [disabled]=\"roleForm.invalid || isLoading\"\n          >\n            @if (isLoading) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              Saving...\n            } @else {\n              <i class=\"fa-solid fa-save\"></i>\n              {{ isEditMode ? 'Update Role' : 'Create Role' }}\n            }\n          </button>\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\n            <i class=\"fa-solid fa-times\"></i>\n            Cancel\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: ["/* ============================================\n   Material Design 3 - Role Dialog Component\n   ============================================ */\n\n/* MD3 Design Tokens */\n:host {\n  /* Primary Colors (MJ Blue) */\n  --md-primary: #0076B6;\n  --md-on-primary: #FFFFFF;\n  --md-primary-container: #C2E7FF;\n  --md-on-primary-container: #001E2F;\n\n  /* Secondary Colors (Orange) */\n  --md-secondary: #F5A623;\n  --md-on-secondary: #FFFFFF;\n  --md-secondary-container: #FFE5B4;\n  --md-on-secondary-container: #7A4D0C;\n\n  /* Tertiary Colors (Green) */\n  --md-tertiary: #4CAF50;\n  --md-on-tertiary: #FFFFFF;\n  --md-tertiary-container: #C8E6C9;\n  --md-on-tertiary-container: #1B5E20;\n\n  /* Error Colors */\n  --md-error: #D32F2F;\n  --md-on-error: #FFFFFF;\n  --md-error-container: #FFEBEE;\n  --md-on-error-container: #5F1313;\n\n  /* Surface Colors */\n  --md-surface: #FAFAFA;\n  --md-on-surface: #1C1B1F;\n  --md-surface-variant: #E7E0EC;\n  --md-on-surface-variant: #49454F;\n  --md-surface-container-lowest: #FFFFFF;\n  --md-surface-container-low: #F5F5F5;\n  --md-surface-container: #EEEEEE;\n  --md-surface-container-high: #E0E0E0;\n\n  /* Outline Colors */\n  --md-outline: #79747E;\n  --md-outline-variant: #CAC4D0;\n\n  /* MD3 Elevation System */\n  --md-elevation-0: none;\n  --md-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);\n  --md-elevation-2: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);\n  --md-elevation-3: 0 4px 8px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.1);\n  --md-elevation-4: 0 6px 12px rgba(0, 0, 0, 0.14), 0 12px 24px rgba(0, 0, 0, 0.12);\n  --md-elevation-5: 0 8px 16px rgba(0, 0, 0, 0.12), 0 16px 32px rgba(0, 0, 0, 0.1);\n\n  /* MD3 Corner Radii */\n  --md-corner-none: 0px;\n  --md-corner-extra-small: 4px;\n  --md-corner-small: 8px;\n  --md-corner-medium: 12px;\n  --md-corner-large: 16px;\n  --md-corner-extra-large: 28px;\n  --md-corner-full: 9999px;\n\n  /* Typography Scale */\n  --md-display-large: 57px;\n  --md-display-medium: 45px;\n  --md-display-small: 36px;\n  --md-headline-large: 32px;\n  --md-headline-medium: 28px;\n  --md-headline-small: 24px;\n  --md-title-large: 22px;\n  --md-title-medium: 16px;\n  --md-title-small: 14px;\n  --md-body-large: 16px;\n  --md-body-medium: 14px;\n  --md-body-small: 12px;\n  --md-label-large: 14px;\n  --md-label-medium: 12px;\n  --md-label-small: 11px;\n}\n\n/* ============================================\n   Modal Backdrop & Container\n   ============================================ */\n\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1050;\n  padding: 1rem;\n  animation: fadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.modal-dialog {\n  background: var(--md-surface-container-lowest);\n  border-radius: var(--md-corner-extra-large);\n  box-shadow: var(--md-elevation-5);\n  width: 100%;\n  max-width: 850px;\n  max-height: calc(100vh - 2rem);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ============================================\n   Modal Header (MJ Blue)\n   ============================================ */\n\n.modal-header {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  padding: 24px 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  border-radius: var(--md-corner-extra-large) var(--md-corner-extra-large) 0 0;\n  flex-shrink: 0;\n}\n\n.dialog-header {\n  flex: 1;\n  min-width: 0;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: var(--md-headline-small);\n  font-weight: 600;\n  line-height: 1.3;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  color: var(--md-on-primary);\n}\n\n.dialog-title i {\n  font-size: 1.25rem;\n  opacity: 0.95;\n}\n\n.dialog-subtitle {\n  margin: 0.5rem 0 0 0;\n  font-size: var(--md-body-medium);\n  opacity: 0.9;\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n.modal-close {\n  background: transparent;\n  border: none;\n  color: var(--md-on-primary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--md-corner-full);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n}\n\n.modal-close:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.modal-close:active {\n  background: rgba(255, 255, 255, 0.2);\n  transform: scale(0.95);\n}\n\n.modal-close i {\n  font-size: 1.25rem;\n}\n\n/* ============================================\n   Modal Body\n   ============================================ */\n\n.modal-body {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0;\n  background: var(--md-surface-container-lowest);\n}\n\n.modal-body::-webkit-scrollbar {\n  width: 8px;\n}\n\n.modal-body::-webkit-scrollbar-track {\n  background: var(--md-surface-container-low);\n}\n\n.modal-body::-webkit-scrollbar-thumb {\n  background: var(--md-outline-variant);\n  border-radius: var(--md-corner-full);\n}\n\n.modal-body::-webkit-scrollbar-thumb:hover {\n  background: var(--md-outline);\n}\n\n/* ============================================\n   Form Structure\n   ============================================ */\n\n.content-section {\n  padding: 1.5rem 2rem;\n  border-bottom: 1px solid var(--md-outline-variant);\n}\n\n.content-section:last-child {\n  border-bottom: none;\n}\n\n.form-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.section-header {\n  margin-bottom: 1rem;\n}\n\n.section-title {\n  margin: 0 0 0.5rem 0;\n  font-size: var(--md-title-large);\n  font-weight: 600;\n  color: var(--md-on-surface);\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.section-title i {\n  font-size: 1.25rem;\n  color: var(--md-primary);\n}\n\n.section-description {\n  margin: 0;\n  font-size: var(--md-body-medium);\n  color: var(--md-on-surface-variant);\n  line-height: 1.5;\n}\n\n/* ============================================\n   Form Grid Layout\n   ============================================ */\n\n.form-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n/* ============================================\n   Form Fields (MD3 Input Pattern)\n   ============================================ */\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.field-label {\n  font-size: var(--md-label-large);\n  font-weight: 500;\n  color: var(--md-on-surface);\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.field-label.required::after {\n  content: '*';\n  color: var(--md-error);\n  margin-left: 0.25rem;\n}\n\n.field-input,\n.field-textarea {\n  border: 2px solid var(--md-outline-variant);\n  border-radius: var(--md-corner-small);\n  padding: 0.875rem 1rem;\n  font-size: var(--md-body-large);\n  font-family: inherit;\n  color: var(--md-on-surface);\n  background: var(--md-surface-container-lowest);\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.field-input:hover:not(:disabled),\n.field-textarea:hover:not(:disabled) {\n  border-color: var(--md-outline);\n}\n\n.field-input:focus,\n.field-textarea:focus {\n  outline: none;\n  border-color: var(--md-primary);\n  box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.2);\n}\n\n.field-input:disabled,\n.field-textarea:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.field-input.error,\n.field-textarea.error {\n  border-color: var(--md-error);\n}\n\n.field-input.error:focus,\n.field-textarea.error:focus {\n  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2);\n}\n\n.field-textarea {\n  resize: vertical;\n  min-height: 100px;\n  line-height: 1.5;\n}\n\n.field-hint {\n  font-size: var(--md-body-small);\n  color: var(--md-on-surface-variant);\n  line-height: 1.4;\n  margin-top: 0.25rem;\n}\n\n.field-error {\n  font-size: var(--md-body-small);\n  color: var(--md-error);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-top: 0.25rem;\n}\n\n.field-error i {\n  font-size: 0.875rem;\n}\n\n/* ============================================\n   Alert Messages (MD3 Containers)\n   ============================================ */\n\n.alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 1.25rem;\n  border-radius: var(--md-corner-small);\n  border: 1px solid;\n  font-size: var(--md-body-medium);\n  line-height: 1.5;\n}\n\n.alert i {\n  font-size: 1.25rem;\n  flex-shrink: 0;\n  margin-top: 0.125rem;\n}\n\n.alert > div {\n  flex: 1;\n  min-width: 0;\n}\n\n.alert strong {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n\n.alert p {\n  margin: 0;\n}\n\n/* Error Alert (Red) */\n.alert-error {\n  background: var(--md-error-container);\n  border-color: var(--md-error);\n  color: var(--md-on-error-container);\n}\n\n.alert-error i {\n  color: var(--md-error);\n}\n\n/* Warning Alert (Orange) */\n.alert-warning {\n  background: var(--md-secondary-container);\n  border-color: var(--md-secondary);\n  color: var(--md-on-secondary-container);\n}\n\n.alert-warning i {\n  color: var(--md-secondary);\n}\n\n/* Info Alert (Blue) */\n.alert-info {\n  background: var(--md-primary-container);\n  border-color: var(--md-primary);\n  color: var(--md-on-primary-container);\n}\n\n.alert-info i {\n  color: var(--md-primary);\n}\n\n/* ============================================\n   Modal Footer (Buttons)\n   ============================================ */\n\n.modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 1rem;\n  padding: 1.5rem 2rem;\n  background: var(--md-surface-container-lowest);\n  border-top: 1px solid var(--md-outline-variant);\n  flex-shrink: 0;\n}\n\n/* ============================================\n   Buttons (MD3 Patterns)\n   ============================================ */\n\n.btn {\n  padding: 0.75rem 1.5rem;\n  font-size: var(--md-label-large);\n  font-weight: 500;\n  border-radius: var(--md-corner-full);\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  min-height: 44px;\n  font-family: inherit;\n  text-transform: none;\n  letter-spacing: 0.01em;\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n.btn:active:not(:disabled) {\n  transform: scale(0.98);\n}\n\n.btn i {\n  font-size: 1rem;\n}\n\n.btn i.fa-spinner {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Primary Button (MJ Blue - Dark Button) */\n.btn-primary {\n  background: var(--md-primary);\n  color: var(--md-on-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: #3395C8; /* Lightens on hover (MD3 rule: dark buttons lighten) */\n  box-shadow: var(--md-elevation-2);\n}\n\n.btn-primary:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  box-shadow: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Secondary Button (Light Button) */\n.btn-secondary {\n  background: var(--md-surface-container-lowest);\n  color: var(--md-primary);\n  border: 1px solid var(--md-outline);\n  box-shadow: none;\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--md-primary); /* Fills with primary on hover (MD3 rule: light buttons darken/fill) */\n  color: var(--md-on-primary);\n  border-color: var(--md-primary);\n  box-shadow: var(--md-elevation-1);\n}\n\n.btn-secondary:disabled {\n  background: var(--md-surface-container);\n  color: var(--md-on-surface-variant);\n  border-color: var(--md-outline-variant);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ============================================\n   Responsive Design\n   ============================================ */\n\n@media (max-width: 768px) {\n  .modal-backdrop {\n    padding: 0;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    max-height: 100vh;\n    border-radius: 0;\n    animation: slideInMobile 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  @keyframes slideInMobile {\n    from {\n      opacity: 0;\n      transform: translateY(100%);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .modal-header {\n    padding: 20px 16px;\n    border-radius: 0;\n  }\n\n  .dialog-title {\n    font-size: 20px;\n  }\n\n  .dialog-subtitle {\n    font-size: 13px;\n  }\n\n  .content-section {\n    padding: 1.25rem 1rem;\n  }\n\n  .section-title {\n    font-size: 18px;\n  }\n\n  .modal-footer {\n    padding: 1rem;\n    flex-direction: column;\n  }\n\n  .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .modal-header {\n    padding: 16px 12px;\n  }\n\n  .dialog-title {\n    font-size: 18px;\n    gap: 0.5rem;\n  }\n\n  .dialog-title i {\n    font-size: 1rem;\n  }\n\n  .dialog-subtitle {\n    font-size: 12px;\n    margin-top: 0.25rem;\n  }\n\n  .content-section {\n    padding: 1rem 0.75rem;\n  }\n\n  .section-title {\n    font-size: 16px;\n    gap: 0.5rem;\n  }\n\n  .field-input,\n  .field-textarea {\n    padding: 0.75rem;\n    font-size: 14px;\n  }\n\n  .modal-footer {\n    padding: 0.75rem;\n  }\n\n  .btn {\n    padding: 0.625rem 1.25rem;\n    font-size: 13px;\n  }\n}\n\n/* ============================================\n   Accessibility\n   ============================================ */\n\n/* Focus Visible Styles */\n*:focus-visible {\n  outline: 2px solid var(--md-primary);\n  outline-offset: 2px;\n}\n\n/* Reduced Motion Support */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n/* High Contrast Mode Support */\n@media (prefers-contrast: high) {\n  .modal-dialog {\n    border: 2px solid var(--md-outline);\n  }\n\n  .btn {\n    border: 2px solid currentColor;\n  }\n\n  .field-input,\n  .field-textarea {\n    border-width: 3px;\n  }\n}\n\n/* ============================================\n   Print Styles\n   ============================================ */\n\n@media print {\n  .modal-backdrop {\n    display: none;\n  }\n}\n"] }]
     }], () => [], { data: [{
             type: Input
         }], visible: [{
@@ -323,5 +327,5 @@ export class RoleDialogComponent {
             type: HostListener,
             args: ['document:keydown.escape', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoleDialogComponent, { className: "RoleDialogComponent", filePath: "src/lib/role-management/role-dialog/role-dialog.component.ts", lineNumber: 24 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoleDialogComponent, { className: "RoleDialogComponent", filePath: "src/lib/role-management/role-dialog/role-dialog.component.ts", lineNumber: 23 }); })();
 //# sourceMappingURL=role-dialog.component.js.map

package/dist/lib/role-management/role-dialog/role-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"role-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/role-management/role-dialog/role-dialog.component.ts","../../../../src/lib/role-management/role-dialog/role-dialog.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"role-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/role-management/role-dialog/role-dialog.component.ts","../../../../src/lib/role-management/role-dialog/role-dialog.component.html"],"names":[],"mappings":"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"}

package/dist/lib/role-management/role-management.component.d.ts

@@ -27,6 +27,7 @@ export declare class RoleManagementComponent extends BaseDashboard implements On
     showCreateDialog: boolean;
     showEditDialog: boolean;
     showDeleteConfirm: boolean;
+    showMobileFilters: boolean;
     expandedRoleId: string | null;
     rolePermissions: Map<string, string[]>;
     private destroy$;

package/dist/lib/role-management/role-management.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"role-management.component.d.ts","sourceRoot":"","sources":["../../../src/lib/role-management/role-management.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,eAAe,EAAE,MAAM,MAAM,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;;AAEvF,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAMa,uBAAwB,SAAQ,aAAc,YAAW,SAAS;IAEtE,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,aAAa,EAAE,UAAU,EAAE,CAAM;IACjC,YAAY,EAAE,UAAU,GAAG,IAAI,CAAQ;IACvC,SAAS,UAAS;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5B,cAAc,UAAS;IACvB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAQ;IAG7C,KAAK,EAAE,SAAS,CAKrB;IAGK,QAAQ,iCAGZ;IAGI,gBAAgB,UAAS;IACzB,cAAc,UAAS;IACvB,iBAAiB,UAAS;IAC1B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGrC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAa;IAE1D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,QAAQ,CAAkB;;IAM5B,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIjE,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B,SAAS,CAAC,QAAQ,IAAI,IAAI;IAIjB,WAAW,IAAI,IAAI;IAMf,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;YAmB/B,SAAS;IAWvB,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,YAAY;IAwBpB,OAAO,CAAC,cAAc;IAWf,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO;IAOvC,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,kBAAkB,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI;IAI3D,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAOnD,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIzC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIvC,aAAa,IAAI,IAAI;IAOrB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAQhC,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAKnC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BjC,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAOrC,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAI1C,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAI1C,WAAW,IAAI,IAAI;IAInB,kBAAkB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;yCAzO9C,uBAAuB;2CAAvB,uBAAuB;CAkPnC"}
+{"version":3,"file":"role-management.component.d.ts","sourceRoot":"","sources":["../../../src/lib/role-management/role-management.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,eAAe,EAAE,MAAM,MAAM,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;;AAEvF,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAMa,uBAAwB,SAAQ,aAAc,YAAW,SAAS;IAEtE,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,aAAa,EAAE,UAAU,EAAE,CAAM;IACjC,YAAY,EAAE,UAAU,GAAG,IAAI,CAAQ;IACvC,SAAS,UAAS;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5B,cAAc,UAAS;IACvB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAQ;IAG7C,KAAK,EAAE,SAAS,CAKrB;IAGK,QAAQ,iCAGZ;IAGI,gBAAgB,UAAS;IACzB,cAAc,UAAS;IACvB,iBAAiB,UAAS;IAC1B,iBAAiB,UAAS;IAC1B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGrC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAa;IAE1D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,QAAQ,CAAkB;;IAM5B,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIjE,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B,SAAS,CAAC,QAAQ,IAAI,IAAI;IAIjB,WAAW,IAAI,IAAI;IAMf,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;YAmB/B,SAAS;IAWvB,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,YAAY;IAwBpB,OAAO,CAAC,cAAc;IAWf,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO;IAOvC,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,kBAAkB,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI;IAI3D,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAOnD,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIzC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIvC,aAAa,IAAI,IAAI;IAOrB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAQhC,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAKnC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BjC,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAOrC,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAI1C,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAI1C,WAAW,IAAI,IAAI;IAInB,kBAAkB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;yCA1O9C,uBAAuB;2CAAvB,uBAAuB;CAmPnC"}