@memberjunction/ng-explorer-settings 2.70.0 → 2.72.0

package/dist/lib/entity-permissions/permission-dialog/permission-dialog.component.js

@@ -0,0 +1,464 @@
+import { Component, Input, Output, EventEmitter, inject, HostListener, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
+import { Metadata } from '@memberjunction/core';
+import { WindowModule } from '@progress/kendo-angular-dialog';
+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";
+const _forTrack0 = ($index, $item) => $item.roleId;
+const _forTrack1 = ($index, $item) => $item.ID;
+const _c0 = () => ({ standalone: true });
+function PermissionDialogComponent_kendo_window_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 45);
+    i0.ɵɵelement(2, "i", 46);
+    i0.ɵɵelementStart(3, "div");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.error);
+} }
+function PermissionDialogComponent_kendo_window_0_For_70_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 51);
+    i0.ɵɵtext(1, "New");
+    i0.ɵɵelementEnd();
+} }
+function PermissionDialogComponent_kendo_window_0_For_70_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 52);
+    i0.ɵɵtext(1, "Modified");
+    i0.ɵɵelementEnd();
+} }
+function PermissionDialogComponent_kendo_window_0_For_70_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 47)(1, "td", 48)(2, "div", 49);
+    i0.ɵɵelement(3, "i", 50);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, PermissionDialogComponent_kendo_window_0_For_70_Conditional_6_Template, 2, 0, "span", 51)(7, PermissionDialogComponent_kendo_window_0_For_70_Conditional_7_Template, 2, 0, "span", 52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "td", 53)(9, "div", 54)(10, "input", 55);
+    i0.ɵɵtwoWayListener("ngModelChange", function PermissionDialogComponent_kendo_window_0_For_70_Template_input_ngModelChange_10_listener($event) { const rolePermission_r4 = i0.ɵɵrestoreView(_r3).$implicit; i0.ɵɵtwoWayBindingSet(rolePermission_r4.entityPermission.CanCreate, $event) || (rolePermission_r4.entityPermission.CanCreate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "label", 56);
+    i0.ɵɵelement(12, "div", 57);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "td", 53)(14, "div", 54)(15, "input", 55);
+    i0.ɵɵtwoWayListener("ngModelChange", function PermissionDialogComponent_kendo_window_0_For_70_Template_input_ngModelChange_15_listener($event) { const rolePermission_r4 = i0.ɵɵrestoreView(_r3).$implicit; i0.ɵɵtwoWayBindingSet(rolePermission_r4.entityPermission.CanRead, $event) || (rolePermission_r4.entityPermission.CanRead = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "label", 56);
+    i0.ɵɵelement(17, "div", 57);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "td", 53)(19, "div", 54)(20, "input", 55);
+    i0.ɵɵtwoWayListener("ngModelChange", function PermissionDialogComponent_kendo_window_0_For_70_Template_input_ngModelChange_20_listener($event) { const rolePermission_r4 = i0.ɵɵrestoreView(_r3).$implicit; i0.ɵɵtwoWayBindingSet(rolePermission_r4.entityPermission.CanUpdate, $event) || (rolePermission_r4.entityPermission.CanUpdate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "label", 56);
+    i0.ɵɵelement(22, "div", 57);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(23, "td", 53)(24, "div", 54)(25, "input", 55);
+    i0.ɵɵtwoWayListener("ngModelChange", function PermissionDialogComponent_kendo_window_0_For_70_Template_input_ngModelChange_25_listener($event) { const rolePermission_r4 = i0.ɵɵrestoreView(_r3).$implicit; i0.ɵɵtwoWayBindingSet(rolePermission_r4.entityPermission.CanDelete, $event) || (rolePermission_r4.entityPermission.CanDelete = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "label", 56);
+    i0.ɵɵelement(27, "div", 57);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(28, "td", 58)(29, "button", 59);
+    i0.ɵɵlistener("click", function PermissionDialogComponent_kendo_window_0_For_70_Template_button_click_29_listener() { const rolePermission_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeRolePermission(rolePermission_r4)); });
+    i0.ɵɵelement(30, "i", 43);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const rolePermission_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("has-changes", ctx_r1.hasEntityChanges(rolePermission_r4))("is-new", rolePermission_r4.isNew);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(rolePermission_r4.roleName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(rolePermission_r4.isNew ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.hasEntityChanges(rolePermission_r4) && !rolePermission_r4.isNew ? 7 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("id", "create-" + rolePermission_r4.roleId);
+    i0.ɵɵtwoWayProperty("ngModel", rolePermission_r4.entityPermission.CanCreate);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(23, _c0));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "create-" + rolePermission_r4.roleId);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("id", "read-" + rolePermission_r4.roleId);
+    i0.ɵɵtwoWayProperty("ngModel", rolePermission_r4.entityPermission.CanRead);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(24, _c0));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "read-" + rolePermission_r4.roleId);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("id", "update-" + rolePermission_r4.roleId);
+    i0.ɵɵtwoWayProperty("ngModel", rolePermission_r4.entityPermission.CanUpdate);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(25, _c0));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "update-" + rolePermission_r4.roleId);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("id", "delete-" + rolePermission_r4.roleId);
+    i0.ɵɵtwoWayProperty("ngModel", rolePermission_r4.entityPermission.CanDelete);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(26, _c0));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "delete-" + rolePermission_r4.roleId);
+} }
+function PermissionDialogComponent_kendo_window_0_Conditional_71_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No role permissions configured");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 60);
+    i0.ɵɵtext(5, "Add permissions for specific roles to control access to this entity");
+    i0.ɵɵelementEnd()();
+} }
+function PermissionDialogComponent_kendo_window_0_For_80_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 61);
+    i0.ɵɵlistener("click", function PermissionDialogComponent_kendo_window_0_For_80_Template_button_click_0_listener() { const role_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.addRolePermission(role_r6)); });
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const role_r6 = ctx.$implicit;
+    i0.ɵɵpropertyInterpolate1("title", "Add permissions for ", role_r6.Name, "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", role_r6.Name, " ");
+} }
+function PermissionDialogComponent_kendo_window_0_Conditional_81_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 37);
+    i0.ɵɵtext(1, "All roles have been configured");
+    i0.ɵɵelementEnd();
+} }
+function PermissionDialogComponent_kendo_window_0_Conditional_84_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2, " You have unsaved changes ");
+    i0.ɵɵelementEnd();
+} }
+function PermissionDialogComponent_kendo_window_0_Conditional_90_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 62);
+    i0.ɵɵtext(1, " Saving... ");
+} }
+function PermissionDialogComponent_kendo_window_0_Conditional_91_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 63);
+    i0.ɵɵtext(1, " Save Permissions ");
+} }
+function PermissionDialogComponent_kendo_window_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 1);
+    i0.ɵɵlistener("close", function PermissionDialogComponent_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, " Edit Entity Permissions ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 5);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 6)(9, "form", 7);
+    i0.ɵɵlistener("ngSubmit", function PermissionDialogComponent_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, PermissionDialogComponent_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", 12);
+    i0.ɵɵtext(16, " Entity Information ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "p", 13);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 14)(20, "div", 15)(21, "div", 16);
+    i0.ɵɵelement(22, "i", 17);
+    i0.ɵɵelementStart(23, "span", 18);
+    i0.ɵɵtext(24, "Entity:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "span", 19);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 16);
+    i0.ɵɵelement(28, "i", 4);
+    i0.ɵɵelementStart(29, "span", 18);
+    i0.ɵɵtext(30, "Total Permissions:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span", 19);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "div", 16);
+    i0.ɵɵelement(34, "i", 20);
+    i0.ɵɵelementStart(35, "span", 18);
+    i0.ɵɵtext(36, "Last Updated:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "span", 19);
+    i0.ɵɵtext(38);
+    i0.ɵɵpipe(39, "date");
+    i0.ɵɵelementEnd()()()()()();
+    i0.ɵɵelementStart(40, "div", 8)(41, "div", 9)(42, "div", 10)(43, "h3", 11);
+    i0.ɵɵelement(44, "i", 21);
+    i0.ɵɵtext(45, " Role Permissions ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "p", 13);
+    i0.ɵɵtext(47, "Configure CRUD permissions for each role");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(48, "div", 22)(49, "table", 23)(50, "thead")(51, "tr")(52, "th", 24);
+    i0.ɵɵtext(53, "Role");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(54, "th", 25);
+    i0.ɵɵelement(55, "i", 26);
+    i0.ɵɵtext(56, " Create ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(57, "th", 25);
+    i0.ɵɵelement(58, "i", 27);
+    i0.ɵɵtext(59, " Read ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(60, "th", 25);
+    i0.ɵɵelement(61, "i", 28);
+    i0.ɵɵtext(62, " Update ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(63, "th", 25);
+    i0.ɵɵelement(64, "i", 29);
+    i0.ɵɵtext(65, " Delete ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(66, "th", 30);
+    i0.ɵɵtext(67, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(68, "tbody");
+    i0.ɵɵrepeaterCreate(69, PermissionDialogComponent_kendo_window_0_For_70_Template, 31, 27, "tr", 31, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(71, PermissionDialogComponent_kendo_window_0_Conditional_71_Template, 6, 0, "div", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(72, "div", 33)(73, "div", 34)(74, "h4");
+    i0.ɵɵtext(75, "Add Role Permissions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(76, "p");
+    i0.ɵɵtext(77, "Select roles to configure permissions for this entity");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(78, "div", 35);
+    i0.ɵɵrepeaterCreate(79, PermissionDialogComponent_kendo_window_0_For_80_Template, 3, 3, "button", 36, _forTrack1);
+    i0.ɵɵtemplate(81, PermissionDialogComponent_kendo_window_0_Conditional_81_Template, 2, 0, "p", 37);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(82, "div", 38)(83, "div", 39);
+    i0.ɵɵtemplate(84, PermissionDialogComponent_kendo_window_0_Conditional_84_Template, 3, 0, "span", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(85, "div", 41)(86, "button", 42);
+    i0.ɵɵlistener("click", function PermissionDialogComponent_kendo_window_0_Template_button_click_86_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelement(87, "i", 43);
+    i0.ɵɵtext(88, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(89, "button", 44);
+    i0.ɵɵtemplate(90, PermissionDialogComponent_kendo_window_0_Conditional_90_Template, 2, 0)(91, PermissionDialogComponent_kendo_window_0_Conditional_91_Template, 2, 0);
+    i0.ɵɵelementEnd()()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("width", 900)("height", 700)("resizable", false)("draggable", true)("keepContent", true);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1(" Configure role-based permissions for ", ctx_r1.data == null ? null : ctx_r1.data.entity == null ? null : ctx_r1.data.entity.Name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("formGroup", ctx_r1.permissionForm);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.error ? 10 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate((ctx_r1.data == null ? null : ctx_r1.data.entity == null ? null : ctx_r1.data.entity.Description) || "Entity permissions configuration");
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.data == null ? null : ctx_r1.data.entity == null ? null : ctx_r1.data.entity.Name);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.rolePermissions.length);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(39, 17, ctx_r1.data == null ? null : ctx_r1.data.entity == null ? null : ctx_r1.data.entity.__mj_UpdatedAt, "medium"));
+    i0.ɵɵadvance(31);
+    i0.ɵɵrepeater(ctx_r1.rolePermissions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.rolePermissions.length === 0 ? 71 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r1.availableRoles);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.availableRoles.length === 0 ? 81 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.hasChanges ? 84 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", !ctx_r1.hasChanges || ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLoading ? 90 : 91);
+} }
+export class PermissionDialogComponent {
+    data = null;
+    visible = false;
+    result = new EventEmitter();
+    fb = inject(FormBuilder);
+    cdr = inject(ChangeDetectorRef);
+    metadata = new Metadata();
+    permissionForm;
+    isLoading = false;
+    error = null;
+    rolePermissions = [];
+    availableRoles = [];
+    constructor() {
+        this.permissionForm = this.fb.group({});
+    }
+    ngOnInit() {
+        // Initial setup
+    }
+    ngOnChanges(changes) {
+        console.log('Permission dialog ngOnChanges called:', changes);
+        if (changes['visible'] && this.visible) {
+            this.resetDialog();
+            // Load data when dialog becomes visible and we have data
+            if (this.data) {
+                console.log('Dialog became visible, loading permission data');
+                this.loadPermissionData();
+            }
+        }
+        if (changes['data'] && this.data && this.visible) {
+            console.log('Data changed while dialog is visible, reloading permission data');
+            this.loadPermissionData();
+        }
+    }
+    ngOnDestroy() {
+        // Cleanup if needed
+    }
+    resetDialog() {
+        this.error = null;
+        this.isLoading = false;
+    }
+    onEscapeKey(event) {
+        if (this.visible) {
+            this.onCancel();
+        }
+    }
+    get hasChanges() {
+        return this.rolePermissions.some(rp => rp.isNew || rp.entityPermission.Dirty);
+    }
+    hasEntityChanges(rolePermission) {
+        return rolePermission.isNew || rolePermission.entityPermission.Dirty;
+    }
+    loadPermissionData() {
+        if (!this.data)
+            return;
+        console.log('Loading permission data for entity:', this.data.entity.Name);
+        console.log('Existing permissions:', this.data.existingPermissions);
+        console.log('Available roles:', this.data.roles);
+        // Initialize role permissions from existing data
+        this.rolePermissions = [];
+        const existingRoleIds = new Set();
+        // Process existing permissions
+        for (const permission of this.data.existingPermissions) {
+            const role = this.data.roles.find(r => r.ID === permission.RoleID);
+            if (role) {
+                console.log(`Processing permission for role ${role.Name}:`, {
+                    canCreate: permission.CanCreate,
+                    canRead: permission.CanRead,
+                    canUpdate: permission.CanUpdate,
+                    canDelete: permission.CanDelete
+                });
+                this.rolePermissions.push({
+                    roleId: role.ID,
+                    roleName: role.Name || '',
+                    entityPermission: permission,
+                    isNew: false
+                });
+                existingRoleIds.add(role.ID);
+            }
+        }
+        console.log('Loaded role permissions:', this.rolePermissions);
+        // Set available roles (those not already configured)
+        this.availableRoles = this.data.roles.filter(role => !existingRoleIds.has(role.ID));
+        console.log('Available roles for adding:', this.availableRoles.map(r => r.Name));
+        // Trigger change detection to update the UI
+        this.cdr.detectChanges();
+    }
+    async addRolePermission(role) {
+        // Create new EntityPermission entity
+        const entityPermission = await this.metadata.GetEntityObject('Entity Permissions');
+        entityPermission.NewRecord();
+        entityPermission.EntityID = this.data.entity.ID;
+        entityPermission.RoleID = role.ID;
+        entityPermission.CanCreate = false;
+        entityPermission.CanRead = true; // Default to read access
+        entityPermission.CanUpdate = false;
+        entityPermission.CanDelete = false;
+        // Add new role permission
+        this.rolePermissions.push({
+            roleId: role.ID,
+            roleName: role.Name || '',
+            entityPermission: entityPermission,
+            isNew: true
+        });
+        // Remove from available roles
+        this.availableRoles = this.availableRoles.filter(r => r.ID !== role.ID);
+        this.cdr.detectChanges();
+    }
+    removeRolePermission(rolePermission) {
+        // Add back to available roles if not new
+        if (!rolePermission.isNew) {
+            const role = this.data?.roles.find(r => r.ID === rolePermission.roleId);
+            if (role) {
+                this.availableRoles.push(role);
+                this.availableRoles.sort((a, b) => (a.Name || '').localeCompare(b.Name || ''));
+            }
+        }
+        else {
+            // Add back to available roles
+            const role = this.data?.roles.find(r => r.ID === rolePermission.roleId);
+            if (role) {
+                this.availableRoles.push(role);
+                this.availableRoles.sort((a, b) => (a.Name || '').localeCompare(b.Name || ''));
+            }
+        }
+        // Remove from role permissions
+        this.rolePermissions = this.rolePermissions.filter(rp => rp.roleId !== rolePermission.roleId);
+        this.cdr.detectChanges();
+    }
+    async onSubmit() {
+        if (!this.data || !this.hasChanges)
+            return;
+        this.isLoading = true;
+        this.error = null;
+        try {
+            // Process each role permission
+            for (const rolePermission of this.rolePermissions) {
+                if (rolePermission.isNew || rolePermission.entityPermission.Dirty) {
+                    await this.saveRolePermission(rolePermission);
+                }
+            }
+            this.result.emit({ action: 'save', entity: this.data.entity });
+        }
+        catch (error) {
+            console.error('Error saving permissions:', error);
+            this.error = error.message || 'An unexpected error occurred while saving permissions';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async saveRolePermission(rolePermission) {
+        // Save the entity directly - it already has all the values bound
+        const saveResult = await rolePermission.entityPermission.Save();
+        if (!saveResult) {
+            throw new Error(rolePermission.entityPermission.LatestResult?.Message || `Failed to save permissions for role ${rolePermission.roleName}`);
+        }
+    }
+    onCancel() {
+        this.result.emit({ action: 'cancel' });
+    }
+    static ɵfac = function PermissionDialogComponent_Factory(t) { return new (t || PermissionDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PermissionDialogComponent, selectors: [["mj-permission-dialog"]], hostBindings: function PermissionDialogComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function PermissionDialogComponent_keydown_escape_HostBindingHandler($event) { return ctx.onEscapeKey($event); }, false, i0.ɵɵresolveDocument);
+        } }, inputs: { data: "data", visible: "visible" }, outputs: { result: "result" }, standalone: true, features: [i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], 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-key"], [1, "dialog-subtitle"], [1, "dialog-content"], [3, "ngSubmit", "formGroup"], [1, "content-section"], [1, "form-section"], [1, "section-header"], [1, "section-title"], [1, "fa-solid", "fa-database"], [1, "section-description"], [1, "entity-info-card"], [1, "entity-meta"], [1, "meta-item"], [1, "fa-solid", "fa-table"], [1, "meta-label"], [1, "meta-value"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-users-cog"], [1, "permissions-table-container"], [1, "permissions-table"], [1, "role-column"], [1, "permission-column"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-eye"], [1, "fa-solid", "fa-edit"], [1, "fa-solid", "fa-trash"], [1, "actions-column"], [1, "permission-row", 3, "has-changes", "is-new"], [1, "empty-permissions"], [1, "add-role-section"], [1, "add-role-header"], [1, "available-roles"], ["type", "button", 1, "role-chip", 3, "title"], [1, "no-available-roles"], [1, "dialog-footer"], [1, "footer-info"], [1, "changes-indicator"], [1, "footer-actions"], ["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, "permission-row"], [1, "role-name"], [1, "role-info"], [1, "fa-solid", "fa-shield-halved"], [1, "new-badge"], [1, "changed-badge"], [1, "permission-cell"], [1, "permission-toggle"], ["type", "checkbox", 1, "permission-checkbox", 3, "ngModelChange", "id", "ngModel", "ngModelOptions"], [1, "permission-label", 3, "for"], [1, "checkbox-indicator"], [1, "actions-cell"], ["type", "button", "title", "Remove permissions for this role", 1, "btn-icon", "btn-danger", 3, "click"], [1, "empty-subtext"], ["type", "button", 1, "role-chip", 3, "click", "title"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"]], template: function PermissionDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PermissionDialogComponent_kendo_window_0_Template, 92, 20, "kendo-window", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.visible);
+        } }, dependencies: [CommonModule, i1.NgIf, i1.DatePipe, FormsModule, i2.ɵNgNoValidate, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, ReactiveFormsModule, i2.FormGroupDirective, WindowModule, 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, #ffc107 0%, #e6a704 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: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.dialog-footer .footer-info .changes-indicator {\n  color: #ffc107;\n  font-size: 12px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dialog-footer .footer-info .changes-indicator i {\n  font-size: 14px;\n}\n\n.dialog-footer .footer-actions {\n  display: flex;\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: #ffc107;\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/* Entity Info Card */\n.entity-info-card {\n  background: #fafafa;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  padding: 24px;\n}\n\n.entity-info-card .entity-meta {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n@media (max-width: 640px) {\n  .entity-info-card .entity-meta {\n    grid-template-columns: 1fr;\n  }\n}\n\n.entity-info-card .entity-meta .meta-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-info-card .entity-meta .meta-item i {\n  color: #ffc107;\n  width: 16px;\n  font-size: 14px;\n}\n\n.entity-info-card .entity-meta .meta-item .meta-label {\n  font-size: 12px;\n  color: #666666;\n  font-weight: 500;\n}\n\n.entity-info-card .entity-meta .meta-item .meta-value {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n/* Permissions Table */\n.permissions-table-container {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n.permissions-table-container .permissions-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.permissions-table-container .permissions-table thead {\n  background: #fafafa;\n}\n\n.permissions-table-container .permissions-table thead th {\n  padding: 16px 24px;\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: #212121;\n  border-bottom: 1px solid #e0e0e0;\n  white-space: nowrap;\n}\n\n.permissions-table-container .permissions-table thead th.role-column {\n  width: 25%;\n  min-width: 200px;\n}\n\n.permissions-table-container .permissions-table thead th.permission-column {\n  width: 15%;\n  text-align: center;\n}\n\n.permissions-table-container .permissions-table thead th.permission-column i {\n  color: #ffc107;\n  margin-right: 4px;\n}\n\n.permissions-table-container .permissions-table thead th.actions-column {\n  width: 10%;\n  text-align: center;\n}\n\n.permissions-table-container .permissions-table tbody tr {\n  transition: all 0.15s ease;\n}\n\n.permissions-table-container .permissions-table tbody tr:hover {\n  background: rgba(255, 193, 7, 0.05);\n}\n\n.permissions-table-container .permissions-table tbody tr.has-changes {\n  background: rgba(0, 188, 212, 0.05);\n  border-left: 3px solid #00bcd4;\n}\n\n.permissions-table-container .permissions-table tbody tr.is-new {\n  background: rgba(76, 175, 80, 0.05);\n  border-left: 3px solid #4caf50;\n}\n\n.permissions-table-container .permissions-table tbody tr td {\n  padding: 16px 24px;\n  border-bottom: 1px solid #fafafa;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info i {\n  color: #ffc107;\n  width: 16px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .new-badge,\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .changed-badge {\n  font-size: 11px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  font-weight: 500;\n  margin-left: 8px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .new-badge {\n  background: rgba(76, 175, 80, 0.1);\n  color: #4caf50;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .changed-badge {\n  background: rgba(0, 188, 212, 0.1);\n  color: #00bcd4;\n}\n\n.permissions-table-container .permissions-table tbody tr td.permission-cell,\n.permissions-table-container .permissions-table tbody tr td.actions-cell {\n  text-align: center;\n}\n\n/* Permission Toggle */\n.permission-toggle {\n  display: flex;\n  justify-content: center;\n}\n\n.permission-toggle .permission-checkbox {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.permission-toggle .permission-checkbox:checked + .permission-label .checkbox-indicator {\n  background: #ffc107;\n  border-color: #ffc107;\n}\n\n.permission-toggle .permission-checkbox:checked + .permission-label .checkbox-indicator::after {\n  opacity: 1;\n  transform: rotate(45deg) scale(1);\n}\n\n.permission-toggle .permission-checkbox:focus + .permission-label .checkbox-indicator {\n  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.2);\n}\n\n.permission-toggle .permission-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  margin: 0;\n}\n\n.permission-toggle .checkbox-indicator {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #bdbdbd;\n  border-radius: 4px;\n  background: #ffffff;\n  position: relative;\n  transition: all 0.15s ease;\n}\n\n.permission-toggle .checkbox-indicator::after {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 2px;\n  width: 4px;\n  height: 8px;\n  border: solid #ffffff;\n  border-width: 0 2px 2px 0;\n  opacity: 0;\n  transform: rotate(45deg) scale(0.8);\n  transition: all 0.15s ease;\n}\n\n/* Action Buttons */\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n}\n\n.btn-icon.btn-danger {\n  background: rgba(244, 67, 54, 0.1);\n  color: #f44336;\n}\n\n.btn-icon.btn-danger:hover {\n  background: rgba(244, 67, 54, 0.2);\n  transform: scale(1.05);\n}\n\n/* Empty Permissions */\n.empty-permissions {\n  text-align: center;\n  padding: 32px;\n  color: #666666;\n}\n\n.empty-permissions i {\n  font-size: 2rem;\n  color: #bdbdbd;\n  margin-bottom: 16px;\n}\n\n.empty-permissions p {\n  margin: 0 0 4px 0;\n  font-weight: 500;\n}\n\n.empty-permissions .empty-subtext {\n  font-size: 12px;\n  color: #9e9e9e;\n  margin: 0;\n}\n\n/* Add Role Section */\n.add-role-section {\n  margin-top: 32px;\n  padding-top: 24px;\n  border-top: 1px solid #e0e0e0;\n}\n\n.add-role-section .add-role-header {\n  margin-bottom: 24px;\n}\n\n.add-role-section .add-role-header h4 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 4px 0;\n}\n\n.add-role-section .add-role-header p {\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.add-role-section .available-roles {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.add-role-section .available-roles .role-chip {\n  padding: 8px 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #212121;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.add-role-section .available-roles .role-chip i {\n  font-size: 12px;\n  color: #ffc107;\n}\n\n.add-role-section .available-roles .role-chip:hover {\n  border-color: #ffc107;\n  background: rgba(255, 193, 7, 0.05);\n  transform: translateY(-1px);\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n}\n\n.add-role-section .available-roles .no-available-roles {\n  color: #9e9e9e;\n  font-style: italic;\n  margin: 0;\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/* 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: #ffc107;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #ffb300;\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;\n  }\n  \n  .dialog-footer .footer-info,\n  .dialog-footer .footer-actions {\n    width: 100%;\n  }\n  \n  .dialog-footer .footer-actions {\n    display: flex;\n    gap: 16px;\n  }\n  \n  .dialog-footer .footer-actions .btn {\n    flex: 1;\n    justify-content: center;\n  }\n  \n  .permissions-table-container {\n    overflow-x: auto;\n  }\n  \n  .permissions-table-container .permissions-table {\n    min-width: 600px;\n  }\n  \n  .available-roles .role-chip {\n    flex: 1;\n    min-width: 120px;\n    justify-content: center;\n  }\n}"], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PermissionDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-permission-dialog', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, WindowModule], encapsulation: ViewEncapsulation.None, template: "<kendo-window\n  *ngIf=\"visible\"\n  [width]=\"900\"\n  [height]=\"700\"\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-key\"></i>\n        Edit Entity Permissions\n      </h2>\n      <p class=\"dialog-subtitle\">\n        Configure role-based permissions for {{ data?.entity?.Name }}\n      </p>\n    </div>\n  </kendo-window-titlebar>\n\n  <div class=\"dialog-content\">\n    <form [formGroup]=\"permissionForm\" (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      <!-- Entity 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-database\"></i>\n              Entity Information\n            </h3>\n            <p class=\"section-description\">{{ data?.entity?.Description || 'Entity permissions configuration' }}</p>\n          </div>\n          \n          <div class=\"entity-info-card\">\n            <div class=\"entity-meta\">\n              <div class=\"meta-item\">\n                <i class=\"fa-solid fa-table\"></i>\n                <span class=\"meta-label\">Entity:</span>\n                <span class=\"meta-value\">{{ data?.entity?.Name }}</span>\n              </div>\n              <div class=\"meta-item\">\n                <i class=\"fa-solid fa-key\"></i>\n                <span class=\"meta-label\">Total Permissions:</span>\n                <span class=\"meta-value\">{{ rolePermissions.length }}</span>\n              </div>\n              <div class=\"meta-item\">\n                <i class=\"fa-solid fa-clock\"></i>\n                <span class=\"meta-label\">Last Updated:</span>\n                <span class=\"meta-value\">{{ data?.entity?.__mj_UpdatedAt | date:'medium' }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Permissions Configuration 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-users-cog\"></i>\n              Role Permissions\n            </h3>\n            <p class=\"section-description\">Configure CRUD permissions for each role</p>\n          </div>\n          \n          <div class=\"permissions-table-container\">\n            <table class=\"permissions-table\">\n              <thead>\n                <tr>\n                  <th class=\"role-column\">Role</th>\n                  <th class=\"permission-column\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Create\n                  </th>\n                  <th class=\"permission-column\">\n                    <i class=\"fa-solid fa-eye\"></i>\n                    Read\n                  </th>\n                  <th class=\"permission-column\">\n                    <i class=\"fa-solid fa-edit\"></i>\n                    Update\n                  </th>\n                  <th class=\"permission-column\">\n                    <i class=\"fa-solid fa-trash\"></i>\n                    Delete\n                  </th>\n                  <th class=\"actions-column\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (rolePermission of rolePermissions; track rolePermission.roleId) {\n                  <tr class=\"permission-row\" [class.has-changes]=\"hasEntityChanges(rolePermission)\" [class.is-new]=\"rolePermission.isNew\">\n                    <td class=\"role-name\">\n                      <div class=\"role-info\">\n                        <i class=\"fa-solid fa-shield-halved\"></i>\n                        <span>{{ rolePermission.roleName }}</span>\n                        @if (rolePermission.isNew) {\n                          <span class=\"new-badge\">New</span>\n                        }\n                        @if (hasEntityChanges(rolePermission) && !rolePermission.isNew) {\n                          <span class=\"changed-badge\">Modified</span>\n                        }\n                      </div>\n                    </td>\n                    <td class=\"permission-cell\">\n                      <div class=\"permission-toggle\">\n                        <input \n                          type=\"checkbox\" \n                          [id]=\"'create-' + rolePermission.roleId\"\n                          [(ngModel)]=\"rolePermission.entityPermission.CanCreate\"\n                          [ngModelOptions]=\"{standalone: true}\"\n                          class=\"permission-checkbox\"\n                        />\n                        <label [for]=\"'create-' + rolePermission.roleId\" class=\"permission-label\">\n                          <div class=\"checkbox-indicator\"></div>\n                        </label>\n                      </div>\n                    </td>\n                    <td class=\"permission-cell\">\n                      <div class=\"permission-toggle\">\n                        <input \n                          type=\"checkbox\" \n                          [id]=\"'read-' + rolePermission.roleId\"\n                          [(ngModel)]=\"rolePermission.entityPermission.CanRead\"\n                          [ngModelOptions]=\"{standalone: true}\"\n                          class=\"permission-checkbox\"\n                        />\n                        <label [for]=\"'read-' + rolePermission.roleId\" class=\"permission-label\">\n                          <div class=\"checkbox-indicator\"></div>\n                        </label>\n                      </div>\n                    </td>\n                    <td class=\"permission-cell\">\n                      <div class=\"permission-toggle\">\n                        <input \n                          type=\"checkbox\" \n                          [id]=\"'update-' + rolePermission.roleId\"\n                          [(ngModel)]=\"rolePermission.entityPermission.CanUpdate\"\n                          [ngModelOptions]=\"{standalone: true}\"\n                          class=\"permission-checkbox\"\n                        />\n                        <label [for]=\"'update-' + rolePermission.roleId\" class=\"permission-label\">\n                          <div class=\"checkbox-indicator\"></div>\n                        </label>\n                      </div>\n                    </td>\n                    <td class=\"permission-cell\">\n                      <div class=\"permission-toggle\">\n                        <input \n                          type=\"checkbox\" \n                          [id]=\"'delete-' + rolePermission.roleId\"\n                          [(ngModel)]=\"rolePermission.entityPermission.CanDelete\"\n                          [ngModelOptions]=\"{standalone: true}\"\n                          class=\"permission-checkbox\"\n                        />\n                        <label [for]=\"'delete-' + rolePermission.roleId\" class=\"permission-label\">\n                          <div class=\"checkbox-indicator\"></div>\n                        </label>\n                      </div>\n                    </td>\n                    <td class=\"actions-cell\">\n                      <button \n                        type=\"button\" \n                        class=\"btn-icon btn-danger\"\n                        (click)=\"removeRolePermission(rolePermission)\"\n                        title=\"Remove permissions for this role\"\n                      >\n                        <i class=\"fa-solid fa-times\"></i>\n                      </button>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n            \n            @if (rolePermissions.length === 0) {\n              <div class=\"empty-permissions\">\n                <i class=\"fa-solid fa-shield-halved\"></i>\n                <p>No role permissions configured</p>\n                <p class=\"empty-subtext\">Add permissions for specific roles to control access to this entity</p>\n              </div>\n            }\n          </div>\n          \n          <!-- Add Role Permissions -->\n          <div class=\"add-role-section\">\n            <div class=\"add-role-header\">\n              <h4>Add Role Permissions</h4>\n              <p>Select roles to configure permissions for this entity</p>\n            </div>\n            <div class=\"available-roles\">\n              @for (role of availableRoles; track role.ID) {\n                <button \n                  type=\"button\" \n                  class=\"role-chip\"\n                  (click)=\"addRolePermission(role)\"\n                  title=\"Add permissions for {{ role.Name }}\"\n                >\n                  <i class=\"fa-solid fa-plus\"></i>\n                  {{ role.Name }}\n                </button>\n              }\n              @if (availableRoles.length === 0) {\n                <p class=\"no-available-roles\">All roles have been configured</p>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"dialog-footer\">\n        <div class=\"footer-info\">\n          @if (hasChanges) {\n            <span class=\"changes-indicator\">\n              <i class=\"fa-solid fa-exclamation-triangle\"></i>\n              You have unsaved changes\n            </span>\n          }\n        </div>\n        <div class=\"footer-actions\">\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]=\"!hasChanges || 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              Save Permissions\n            }\n          </button>\n        </div>\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, #ffc107 0%, #e6a704 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: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.dialog-footer .footer-info .changes-indicator {\n  color: #ffc107;\n  font-size: 12px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dialog-footer .footer-info .changes-indicator i {\n  font-size: 14px;\n}\n\n.dialog-footer .footer-actions {\n  display: flex;\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: #ffc107;\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/* Entity Info Card */\n.entity-info-card {\n  background: #fafafa;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  padding: 24px;\n}\n\n.entity-info-card .entity-meta {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n@media (max-width: 640px) {\n  .entity-info-card .entity-meta {\n    grid-template-columns: 1fr;\n  }\n}\n\n.entity-info-card .entity-meta .meta-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-info-card .entity-meta .meta-item i {\n  color: #ffc107;\n  width: 16px;\n  font-size: 14px;\n}\n\n.entity-info-card .entity-meta .meta-item .meta-label {\n  font-size: 12px;\n  color: #666666;\n  font-weight: 500;\n}\n\n.entity-info-card .entity-meta .meta-item .meta-value {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n/* Permissions Table */\n.permissions-table-container {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n.permissions-table-container .permissions-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.permissions-table-container .permissions-table thead {\n  background: #fafafa;\n}\n\n.permissions-table-container .permissions-table thead th {\n  padding: 16px 24px;\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: #212121;\n  border-bottom: 1px solid #e0e0e0;\n  white-space: nowrap;\n}\n\n.permissions-table-container .permissions-table thead th.role-column {\n  width: 25%;\n  min-width: 200px;\n}\n\n.permissions-table-container .permissions-table thead th.permission-column {\n  width: 15%;\n  text-align: center;\n}\n\n.permissions-table-container .permissions-table thead th.permission-column i {\n  color: #ffc107;\n  margin-right: 4px;\n}\n\n.permissions-table-container .permissions-table thead th.actions-column {\n  width: 10%;\n  text-align: center;\n}\n\n.permissions-table-container .permissions-table tbody tr {\n  transition: all 0.15s ease;\n}\n\n.permissions-table-container .permissions-table tbody tr:hover {\n  background: rgba(255, 193, 7, 0.05);\n}\n\n.permissions-table-container .permissions-table tbody tr.has-changes {\n  background: rgba(0, 188, 212, 0.05);\n  border-left: 3px solid #00bcd4;\n}\n\n.permissions-table-container .permissions-table tbody tr.is-new {\n  background: rgba(76, 175, 80, 0.05);\n  border-left: 3px solid #4caf50;\n}\n\n.permissions-table-container .permissions-table tbody tr td {\n  padding: 16px 24px;\n  border-bottom: 1px solid #fafafa;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info i {\n  color: #ffc107;\n  width: 16px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .new-badge,\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .changed-badge {\n  font-size: 11px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  font-weight: 500;\n  margin-left: 8px;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .new-badge {\n  background: rgba(76, 175, 80, 0.1);\n  color: #4caf50;\n}\n\n.permissions-table-container .permissions-table tbody tr td.role-name .role-info .changed-badge {\n  background: rgba(0, 188, 212, 0.1);\n  color: #00bcd4;\n}\n\n.permissions-table-container .permissions-table tbody tr td.permission-cell,\n.permissions-table-container .permissions-table tbody tr td.actions-cell {\n  text-align: center;\n}\n\n/* Permission Toggle */\n.permission-toggle {\n  display: flex;\n  justify-content: center;\n}\n\n.permission-toggle .permission-checkbox {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.permission-toggle .permission-checkbox:checked + .permission-label .checkbox-indicator {\n  background: #ffc107;\n  border-color: #ffc107;\n}\n\n.permission-toggle .permission-checkbox:checked + .permission-label .checkbox-indicator::after {\n  opacity: 1;\n  transform: rotate(45deg) scale(1);\n}\n\n.permission-toggle .permission-checkbox:focus + .permission-label .checkbox-indicator {\n  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.2);\n}\n\n.permission-toggle .permission-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  margin: 0;\n}\n\n.permission-toggle .checkbox-indicator {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #bdbdbd;\n  border-radius: 4px;\n  background: #ffffff;\n  position: relative;\n  transition: all 0.15s ease;\n}\n\n.permission-toggle .checkbox-indicator::after {\n  content: '';\n  position: absolute;\n  left: 6px;\n  top: 2px;\n  width: 4px;\n  height: 8px;\n  border: solid #ffffff;\n  border-width: 0 2px 2px 0;\n  opacity: 0;\n  transform: rotate(45deg) scale(0.8);\n  transition: all 0.15s ease;\n}\n\n/* Action Buttons */\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n}\n\n.btn-icon.btn-danger {\n  background: rgba(244, 67, 54, 0.1);\n  color: #f44336;\n}\n\n.btn-icon.btn-danger:hover {\n  background: rgba(244, 67, 54, 0.2);\n  transform: scale(1.05);\n}\n\n/* Empty Permissions */\n.empty-permissions {\n  text-align: center;\n  padding: 32px;\n  color: #666666;\n}\n\n.empty-permissions i {\n  font-size: 2rem;\n  color: #bdbdbd;\n  margin-bottom: 16px;\n}\n\n.empty-permissions p {\n  margin: 0 0 4px 0;\n  font-weight: 500;\n}\n\n.empty-permissions .empty-subtext {\n  font-size: 12px;\n  color: #9e9e9e;\n  margin: 0;\n}\n\n/* Add Role Section */\n.add-role-section {\n  margin-top: 32px;\n  padding-top: 24px;\n  border-top: 1px solid #e0e0e0;\n}\n\n.add-role-section .add-role-header {\n  margin-bottom: 24px;\n}\n\n.add-role-section .add-role-header h4 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 4px 0;\n}\n\n.add-role-section .add-role-header p {\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.add-role-section .available-roles {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.add-role-section .available-roles .role-chip {\n  padding: 8px 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 8px;\n  background: #ffffff;\n  color: #212121;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.add-role-section .available-roles .role-chip i {\n  font-size: 12px;\n  color: #ffc107;\n}\n\n.add-role-section .available-roles .role-chip:hover {\n  border-color: #ffc107;\n  background: rgba(255, 193, 7, 0.05);\n  transform: translateY(-1px);\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n}\n\n.add-role-section .available-roles .no-available-roles {\n  color: #9e9e9e;\n  font-style: italic;\n  margin: 0;\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/* 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: #ffc107;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #ffb300;\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;\n  }\n  \n  .dialog-footer .footer-info,\n  .dialog-footer .footer-actions {\n    width: 100%;\n  }\n  \n  .dialog-footer .footer-actions {\n    display: flex;\n    gap: 16px;\n  }\n  \n  .dialog-footer .footer-actions .btn {\n    flex: 1;\n    justify-content: center;\n  }\n  \n  .permissions-table-container {\n    overflow-x: auto;\n  }\n  \n  .permissions-table-container .permissions-table {\n    min-width: 600px;\n  }\n  \n  .available-roles .role-chip {\n    flex: 1;\n    min-width: 120px;\n    justify-content: center;\n  }\n}"] }]
+    }], () => [], { data: [{
+            type: Input
+        }], visible: [{
+            type: Input
+        }], result: [{
+            type: Output
+        }], onEscapeKey: [{
+            type: HostListener,
+            args: ['document:keydown.escape', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PermissionDialogComponent, { className: "PermissionDialogComponent", filePath: "src/lib/entity-permissions/permission-dialog/permission-dialog.component.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=permission-dialog.component.js.map

package/dist/lib/entity-permissions/permission-dialog/permission-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/entity-permissions/permission-dialog/permission-dialog.component.ts","../../../../src/lib/entity-permissions/permission-dialog/permission-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAA+C,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChL,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,WAAW,EAAa,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;;;;;;;;;ICsBpD,AADF,8BAA6B,cACI;IAC7B,wBAAgD;IAChD,2BAAK;IAAA,YAAW;IAEpB,AADE,AADkB,iBAAM,EAClB,EACF;;;IAFG,eAAW;IAAX,kCAAW;;;IAiFF,gCAAwB;IAAA,mBAAG;IAAA,iBAAO;;;IAGlC,gCAA4B;IAAA,wBAAQ;IAAA,iBAAO;;;;IAP/C,AADF,AADF,8BAAwH,aAChG,cACG;IACrB,wBAAyC;IACzC,4BAAM;IAAA,YAA6B;IAAA,iBAAO;IAI1C,AAHA,0GAA4B,6FAGqC;IAIrE,AADE,iBAAM,EACH;IAGD,AADF,AADF,8BAA4B,cACK,iBAO3B;IAHA,qXAAuD;IAHzD,iBAME;IACF,kCAA0E;IACxE,2BAAsC;IAG5C,AADE,AADE,iBAAQ,EACJ,EACH;IAGD,AADF,AADF,+BAA4B,eACK,iBAO3B;IAHA,iXAAqD;IAHvD,iBAME;IACF,kCAAwE;IACtE,2BAAsC;IAG5C,AADE,AADE,iBAAQ,EACJ,EACH;IAGD,AADF,AADF,+BAA4B,eACK,iBAO3B;IAHA,qXAAuD;IAHzD,iBAME;IACF,kCAA0E;IACxE,2BAAsC;IAG5C,AADE,AADE,iBAAQ,EACJ,EACH;IAGD,AADF,AADF,+BAA4B,eACK,iBAO3B;IAHA,qXAAuD;IAHzD,iBAME;IACF,kCAA0E;IACxE,2BAAsC;IAG5C,AADE,AADE,iBAAQ,EACJ,EACH;IAEH,AADF,+BAAyB,kBAMtB;IAFC,2OAAS,8CAAoC,KAAC;IAG9C,yBAAiC;IAGvC,AADE,AADE,iBAAS,EACN,EACF;;;;IA/E6E,AAAvD,yEAAsD,mCAAsC;IAI3G,eAA6B;IAA7B,gDAA6B;IACnC,cAEC;IAFD,kDAEC;IACD,cAEC;IAFD,iGAEC;IAOC,eAAwC;IAAxC,yDAAwC;IACxC,4EAAuD;IACvD,4DAAqC;IAGhC,cAAyC;IAAzC,0DAAyC;IAS9C,eAAsC;IAAtC,uDAAsC;IACtC,0EAAqD;IACrD,4DAAqC;IAGhC,cAAuC;IAAvC,wDAAuC;IAS5C,eAAwC;IAAxC,yDAAwC;IACxC,4EAAuD;IACvD,4DAAqC;IAGhC,cAAyC;IAAzC,0DAAyC;IAS9C,eAAwC;IAAxC,yDAAwC;IACxC,4EAAuD;IACvD,4DAAqC;IAGhC,cAAyC;IAAzC,0DAAyC;;;IAqB1D,+BAA+B;IAC7B,wBAAyC;IACzC,yBAAG;IAAA,8CAA8B;IAAA,iBAAI;IACrC,6BAAyB;IAAA,mFAAmE;IAC9F,AAD8F,iBAAI,EAC5F;;;;IAYJ,kCAKC;IAFC,gOAAS,iCAAuB,KAAC;IAGjC,wBAAgC;IAChC,YACF;IAAA,iBAAS;;;IAJP,4EAA2C;IAG3C,eACF;IADE,6CACF;;;IAGA,6BAA8B;IAAA,8CAA8B;IAAA,iBAAI;;;IAUpE,gCAAgC;IAC9B,wBAAgD;IAChD,0CACF;IAAA,iBAAO;;;IAcL,wBAA2C;IAC3C,2BACF;;;IACE,wBAAgC;IAChC,kCACF;;;;IAxPZ,uCAQuB;IADrB,oMAAS,iBAAU,KAAC;IAKhB,AADF,AADF,6CAAuB,aACM,YACA;IACvB,uBAA+B;IAC/B,yCACF;IAAA,iBAAK;IACL,4BAA2B;IACzB,YACF;IAEJ,AADE,AADE,iBAAI,EACA,EACgB;IAGtB,AADF,8BAA4B,cACiC;IAAxB,kMAAY,iBAAU,KAAC;IAExD,mGAAa;IAaP,AADF,AADF,AADF,+BAA6B,cACD,eACI,cACA;IACxB,yBAAoC;IACpC,qCACF;IAAA,iBAAK;IACL,8BAA+B;IAAA,aAAqE;IACtG,AADsG,iBAAI,EACpG;IAIF,AADF,AADF,gCAA8B,eACH,eACA;IACrB,yBAAiC;IACjC,iCAAyB;IAAA,wBAAO;IAAA,iBAAO;IACvC,iCAAyB;IAAA,aAAwB;IACnD,AADmD,iBAAO,EACpD;IACN,gCAAuB;IACrB,wBAA+B;IAC/B,iCAAyB;IAAA,mCAAkB;IAAA,iBAAO;IAClD,iCAAyB;IAAA,aAA4B;IACvD,AADuD,iBAAO,EACxD;IACN,gCAAuB;IACrB,yBAAiC;IACjC,iCAAyB;IAAA,8BAAa;IAAA,iBAAO;IAC7C,iCAAyB;IAAA,aAAkD;;IAKrF,AADE,AADE,AADE,AADE,AAD6E,iBAAO,EAC9E,EACF,EACF,EACF,EACF;IAMA,AADF,AADF,AADF,+BAA6B,cACD,eACI,cACA;IACxB,yBAAqC;IACrC,mCACF;IAAA,iBAAK;IACL,8BAA+B;IAAA,yDAAwC;IACzE,AADyE,iBAAI,EACvE;IAME,AADF,AADF,AADF,AADF,gCAAyC,iBACN,aACxB,UACD,cACsB;IAAA,qBAAI;IAAA,iBAAK;IACjC,+BAA8B;IAC5B,yBAAgC;IAChC,yBACF;IAAA,iBAAK;IACL,+BAA8B;IAC5B,yBAA+B;IAC/B,uBACF;IAAA,iBAAK;IACL,+BAA8B;IAC5B,yBAAgC;IAChC,yBACF;IAAA,iBAAK;IACL,+BAA8B;IAC5B,yBAAiC;IACjC,yBACF;IAAA,iBAAK;IACL,+BAA2B;IAAA,wBAAO;IAEtC,AADE,AADoC,iBAAK,EACpC,EACC;IACR,8BAAO;IACL,+GAiFC;IAEL,AADE,iBAAQ,EACF;IAER,oGAAoC;IAOtC,iBAAM;IAKF,AADF,AADF,gCAA8B,eACC,UACvB;IAAA,qCAAoB;IAAA,iBAAK;IAC7B,0BAAG;IAAA,sEAAqD;IAC1D,AAD0D,iBAAI,EACxD;IACN,gCAA6B;IAC3B,iHAUC;IACD,kGAAmC;IAM3C,AADE,AADE,AADE,iBAAM,EACF,EACF,EACF;IAGJ,AADF,gCAA2B,eACA;IACvB,qGAAkB;IAMpB,iBAAM;IAEJ,AADF,gCAA4B,kBAC2C;IAArB,+LAAS,iBAAU,KAAC;IAClE,yBAAiC;IACjC,yBACF;IAAA,iBAAS;IACT,mCAIC;IAIG,AAHF,yFAAiB,4EAGR;IASrB,AADE,AADE,AADE,AADE,AADE,iBAAS,EACL,EACF,EACD,EACH,EACO;;;IAxPb,AADA,AADA,AADA,AADA,2BAAa,eACC,oBACK,mBACD,qBACE;IAWd,eACF;IADE,8JACF;IAKI,eAA4B;IAA5B,iDAA4B;IAEhC,cAOC;IAPD,wCAOC;IAUoC,eAAqE;IAArE,6JAAqE;IAQvE,eAAwB;IAAxB,8GAAwB;IAKxB,eAA4B;IAA5B,mDAA4B;IAK5B,eAAkD;IAAlD,0JAAkD;IA2C3E,gBAiFC;IAjFD,qCAiFC;IAIL,eAMC;IAND,+DAMC;IAUC,eAUC;IAVD,oCAUC;IACD,eAEC;IAFD,8DAEC;IAQL,eAKC;IALD,6CAKC;IAUC,eAAqC;IAArC,iEAAqC;IAErC,cAMC;IAND,4CAMC;;ADvNb,MAAM,OAAO,yBAAyB;IAC3B,IAAI,GAAgC,IAAI,CAAC;IACzC,OAAO,GAAG,KAAK,CAAC;IACf,MAAM,GAAG,IAAI,YAAY,EAA0B,CAAC;IAEtD,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACzB,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAChC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;IAE3B,cAAc,CAAY;IAC1B,SAAS,GAAG,KAAK,CAAC;IAClB,KAAK,GAAkB,IAAI,CAAC;IAC5B,eAAe,GAAsB,EAAE,CAAC;IACxC,cAAc,GAAiB,EAAE,CAAC;IAEzC;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,QAAQ;QACN,gBAAgB;IAClB,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,OAAO,CAAC,GAAG,CAAC,uCAAuC,EAAE,OAAO,CAAC,CAAC;QAE9D,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,yDAAyD;YACzD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;gBAC9D,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjD,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC,CAAC;YAC/E,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,WAAW;QACT,oBAAoB;IACtB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAGD,WAAW,CAAC,KAAoB;QAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAChF,CAAC;IAEM,gBAAgB,CAAC,cAA+B;QACrD,OAAO,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC;IACvE,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QAEvB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1E,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACpE,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjD,iDAAiD;QACjD,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAC;QAE1C,+BAA+B;QAC/B,KAAK,MAAM,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,CAAC,GAAG,CAAC,kCAAkC,IAAI,CAAC,IAAI,GAAG,EAAE;oBAC1D,SAAS,EAAE,UAAU,CAAC,SAAS;oBAC/B,OAAO,EAAE,UAAU,CAAC,OAAO;oBAC3B,SAAS,EAAE,UAAU,CAAC,SAAS;oBAC/B,SAAS,EAAE,UAAU,CAAC,SAAS;iBAChC,CAAC,CAAC;gBAEH,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;oBACxB,MAAM,EAAE,IAAI,CAAC,EAAE;oBACf,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;oBACzB,gBAAgB,EAAE,UAAU;oBAC5B,KAAK,EAAE,KAAK;iBACb,CAAC,CAAC;gBACH,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAE9D,qDAAqD;QACrD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAEpF,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAEjF,4CAA4C;QAC5C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAEM,KAAK,CAAC,iBAAiB,CAAC,IAAgB;QAC7C,qCAAqC;QACrC,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAyB,oBAAoB,CAAC,CAAC;QAC3G,gBAAgB,CAAC,SAAS,EAAE,CAAC;QAC7B,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACjD,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;QAClC,gBAAgB,CAAC,SAAS,GAAG,KAAK,CAAC;QACnC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,yBAAyB;QAC1D,gBAAgB,CAAC,SAAS,GAAG,KAAK,CAAC;QACnC,gBAAgB,CAAC,SAAS,GAAG,KAAK,CAAC;QAEnC,0BAA0B;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;YACzB,gBAAgB,EAAE,gBAAgB;YAClC,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QAEH,8BAA8B;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QACxE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAEM,oBAAoB,CAAC,cAA+B;QACzD,yCAAyC;QACzC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC;YACxE,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;YACjF,CAAC;QACH,CAAC;aAAM,CAAC;YACN,8BAA8B;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC;YACxE,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;YACjF,CAAC;QACH,CAAC;QAED,+BAA+B;QAC/B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9F,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAEM,KAAK,CAAC,QAAQ;QACnB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,IAAI,CAAC;YACH,+BAA+B;YAC/B,KAAK,MAAM,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBAClD,IAAI,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;oBAClE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;gBAChD,CAAC;YACH,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAEjE,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,IAAI,uDAAuD,CAAC;QACxF,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,kBAAkB,CAAC,cAA+B;QAC9D,iEAAiE;QACjE,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;QAChE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,EAAE,OAAO,IAAI,uCAAuC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC7I,CAAC;IACH,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzC,CAAC;mFA5LU,yBAAyB;6DAAzB,yBAAyB;YAAzB,sHAAA,uBAAmB,iCAAM;;YCjCtC,8FAQuB;;YAPpB,kCAAa;4BD2BJ,YAAY,wBAAE,WAAW,8GAAE,mBAAmB,yBAAE,YAAY;;iFAK3D,yBAAyB;cARrC,SAAS;2BACE,sBAAsB,cACpB,IAAI,WACP,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,YAAY,CAAC,iBACxD,iBAAiB,CAAC,IAAI;oBAK5B,IAAI;kBAAZ,KAAK;YACG,OAAO;kBAAf,KAAK;YACI,MAAM;kBAAf,MAAM;YAgDP,WAAW;kBADV,YAAY;mBAAC,yBAAyB,EAAE,CAAC,QAAQ,CAAC;;kFAlDxC,yBAAyB"}

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

@@ -0,0 +1,38 @@
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { RoleEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export interface RoleDialogData {
+    role?: RoleEntity;
+    mode: 'create' | 'edit';
+}
+export interface RoleDialogResult {
+    action: 'save' | 'cancel';
+    role?: RoleEntity;
+}
+export declare class RoleDialogComponent implements OnInit, OnDestroy, OnChanges {
+    data: RoleDialogData | null;
+    visible: boolean;
+    result: EventEmitter<RoleDialogResult>;
+    private fb;
+    private metadata;
+    roleForm: FormGroup;
+    isLoading: boolean;
+    error: string | null;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private resetForm;
+    onEscapeKey(event: KeyboardEvent): void;
+    get windowTitle(): string;
+    get isEditMode(): boolean;
+    get isSystemRole(): boolean;
+    private loadRoleData;
+    onSubmit(): Promise<void>;
+    onCancel(): void;
+    private markFormGroupTouched;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RoleDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RoleDialogComponent, "mj-role-dialog", never, { "data": { "alias": "data"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "result": "result"; }, never, never, true, never>;
+}
+//# sourceMappingURL=role-dialog.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"role-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/role-management/role-dialog/role-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAA2C,MAAM,eAAe,CAAC;AAE7J,OAAO,EAAiD,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAEtG,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAG3D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,qBAQa,mBAAoB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAC7D,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IACnC,OAAO,UAAS;IACf,MAAM,iCAAwC;IAExD,OAAO,CAAC,EAAE,CAAuB;IACjC,OAAO,CAAC,QAAQ,CAAkB;IAE3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,UAAS;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAUnC,QAAQ,IAAI,IAAI;IAIhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWzC,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,SAAS;IAUjB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAMvC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED,IAAW,YAAY,IAAI,OAAO,CAIjC;IAED,OAAO,CAAC,YAAY;IAgBP,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAgD/B,QAAQ,IAAI,IAAI;IAIvB,OAAO,CAAC,oBAAoB;yCAzIjB,mBAAmB;2CAAnB,mBAAmB;CA+I/B"}