@memberjunction/ng-explorer-settings 2.70.0 → 2.72.0

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

@@ -0,0 +1,584 @@
+import { Component, Input, Output, EventEmitter, inject, HostListener, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';
+import { Metadata, RunView } 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.entity.ID;
+const _forTrack1 = ($index, $item) => $item.ID;
+const _c0 = () => ({ standalone: true });
+function ApplicationDialogComponent_kendo_window_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 31);
+    i0.ɵɵelement(2, "i", 32);
+    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 ApplicationDialogComponent_kendo_window_0_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Application name is required ");
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Application name cannot exceed 100 characters ");
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtemplate(2, ApplicationDialogComponent_kendo_window_0_Conditional_24_Conditional_2_Template, 1, 0)(3, ApplicationDialogComponent_kendo_window_0_Conditional_24_Conditional_3_Template, 1, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_2_0;
+    let tmp_3_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(((tmp_2_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_2_0.errors == null ? null : tmp_2_0.errors["required"]) ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(((tmp_3_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_3_0.errors == null ? null : tmp_3_0.errors["maxlength"]) ? 3 : -1);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 43);
+} if (rf & 2) {
+    const config_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", config_r4.entity.Description);
+    i0.ɵɵattribute("data-tooltip", config_r4.entity.Description);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38)(2, "div", 39);
+    i0.ɵɵelement(3, "i", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 41)(5, "div", 42);
+    i0.ɵɵtext(6);
+    i0.ɵɵtemplate(7, ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Conditional_7_Template, 1, 2, "i", 43);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 44)(9, "div", 45)(10, "label", 46)(11, "input", 47);
+    i0.ɵɵtwoWayListener("ngModelChange", function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template_input_ngModelChange_11_listener($event) { const config_r4 = i0.ɵɵrestoreView(_r3).$implicit; i0.ɵɵtwoWayBindingSet(config_r4.defaultForNewUser, $event) || (config_r4.defaultForNewUser = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template_input_change_11_listener() { const config_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onDefaultForNewUserChange(config_r4)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 48);
+    i0.ɵɵtext(13, "Default for new users");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(14, "div", 49);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 50)(17, "button", 51);
+    i0.ɵɵlistener("click", function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template_button_click_17_listener() { const ɵ$index_97_r5 = i0.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.moveEntityUp(ɵ$index_97_r5)); });
+    i0.ɵɵelement(18, "i", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "button", 53);
+    i0.ɵɵlistener("click", function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template_button_click_19_listener() { const ɵ$index_97_r5 = i0.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.moveEntityDown(ɵ$index_97_r5)); });
+    i0.ɵɵelement(20, "i", 54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "button", 55);
+    i0.ɵɵlistener("click", function ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template_button_click_21_listener() { const config_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeEntity(config_r4)); });
+    i0.ɵɵelement(22, "i", 29);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const config_r4 = ctx.$implicit;
+    const ɵ$index_97_r5 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("is-new", config_r4.isNew)("has-changes", config_r4.hasChanges);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", config_r4.entity.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(config_r4.entity.Description ? 7 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", config_r4.defaultForNewUser);
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(11, _c0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(config_r4.sequence);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_97_r5 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_97_r5 === ctx_r1.applicationEntities.length - 1);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "h4", 34);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 35);
+    i0.ɵɵrepeaterCreate(4, ApplicationDialogComponent_kendo_window_0_Conditional_40_For_5_Template, 23, 12, "div", 36, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Assigned Entities (", ctx_r1.applicationEntities.length, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.applicationEntities);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No entities assigned to this application");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 56);
+    i0.ɵɵtext(5, "Add entities from the available list below");
+    i0.ɵɵelementEnd()();
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_42_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵlistener("click", function ApplicationDialogComponent_kendo_window_0_Conditional_42_For_5_Template_div_click_0_listener() { const entity_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addEntity(entity_r7)); });
+    i0.ɵɵelementStart(1, "div", 60);
+    i0.ɵɵelement(2, "i", 61);
+    i0.ɵɵelementStart(3, "span", 62);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const entity_r7 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(entity_r7.Name);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25)(1, "h4", 34);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 57);
+    i0.ɵɵrepeaterCreate(4, ApplicationDialogComponent_kendo_window_0_Conditional_42_For_5_Template, 5, 1, "div", 58, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Available Entities (", ctx_r1.availableEntities.length, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.availableEntities);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "i", 63);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "All entities have been assigned to this application");
+    i0.ɵɵelementEnd()();
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9)(2, "div", 10)(3, "h3", 11);
+    i0.ɵɵelement(4, "i", 12);
+    i0.ɵɵtext(5, " System Information ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 13);
+    i0.ɵɵtext(7, "Application metadata and audit information");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 14)(9, "div", 64)(10, "div", 65)(11, "span", 66);
+    i0.ɵɵtext(12, "Created:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 67);
+    i0.ɵɵtext(14);
+    i0.ɵɵpipe(15, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 65)(17, "span", 66);
+    i0.ɵɵtext(18, "Last Updated:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 67);
+    i0.ɵɵtext(20);
+    i0.ɵɵpipe(21, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 65)(23, "span", 66);
+    i0.ɵɵtext(24, "Application ID:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "span", 67);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 65)(28, "span", 66);
+    i0.ɵɵtext(29, "Total Entities:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "span", 67);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd()()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(14);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(15, 4, ctx_r1.data == null ? null : ctx_r1.data.application == null ? null : ctx_r1.data.application.__mj_CreatedAt, "medium"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(21, 7, ctx_r1.data == null ? null : ctx_r1.data.application == null ? null : ctx_r1.data.application.__mj_UpdatedAt, "medium"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.data == null ? null : ctx_r1.data.application == null ? null : ctx_r1.data.application.ID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.applicationEntities.length);
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 68);
+    i0.ɵɵtext(1, " Saving... ");
+} }
+function ApplicationDialogComponent_kendo_window_0_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 69);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Update Application" : "Create Application", " ");
+} }
+function ApplicationDialogComponent_kendo_window_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 1);
+    i0.ɵɵlistener("close", function ApplicationDialogComponent_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.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 5);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 6)(9, "form", 7);
+    i0.ɵɵlistener("ngSubmit", function ApplicationDialogComponent_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, ApplicationDialogComponent_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, " Application Information ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "p", 13);
+    i0.ɵɵtext(18, "Define the application's basic properties");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 14)(20, "div", 15)(21, "label", 16);
+    i0.ɵɵtext(22, "Application Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(23, "input", 17);
+    i0.ɵɵtemplate(24, ApplicationDialogComponent_kendo_window_0_Conditional_24_Template, 4, 2, "div", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 15)(26, "label", 19);
+    i0.ɵɵtext(27, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(28, "textarea", 20);
+    i0.ɵɵelementStart(29, "div", 21);
+    i0.ɵɵtext(30, " Provide a clear description of what this application does and its main features. ");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(31, "div", 8)(32, "div", 9)(33, "div", 10)(34, "h3", 11);
+    i0.ɵɵelement(35, "i", 22);
+    i0.ɵɵtext(36, " Application Entities ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "p", 13);
+    i0.ɵɵtext(38, "Manage which entities are included in this application");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "div", 14);
+    i0.ɵɵtemplate(40, ApplicationDialogComponent_kendo_window_0_Conditional_40_Template, 6, 1, "div", 23)(41, ApplicationDialogComponent_kendo_window_0_Conditional_41_Template, 6, 0, "div", 24)(42, ApplicationDialogComponent_kendo_window_0_Conditional_42_Template, 6, 1, "div", 25)(43, ApplicationDialogComponent_kendo_window_0_Conditional_43_Template, 4, 0, "div", 26);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(44, ApplicationDialogComponent_kendo_window_0_Conditional_44_Template, 32, 10, "div", 8);
+    i0.ɵɵelementStart(45, "div", 27)(46, "button", 28);
+    i0.ɵɵlistener("click", function ApplicationDialogComponent_kendo_window_0_Template_button_click_46_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelement(47, "i", 29);
+    i0.ɵɵtext(48, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "button", 30);
+    i0.ɵɵtemplate(50, ApplicationDialogComponent_kendo_window_0_Conditional_50_Template, 2, 0)(51, ApplicationDialogComponent_kendo_window_0_Conditional_51_Template, 2, 1);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    let tmp_10_0;
+    let tmp_11_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("width", 900)("height", 700)("resizable", false)("draggable", true)("keepContent", true);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Edit Application" : "Create New Application", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isEditMode ? "Update application information and settings" : "Add a new application to the system", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("formGroup", ctx_r1.applicationForm);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.error ? 10 : -1);
+    i0.ɵɵadvance(13);
+    i0.ɵɵclassProp("error", ((tmp_10_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_10_0.invalid) && ((tmp_10_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_10_0.touched));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(((tmp_11_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_11_0.invalid) && ((tmp_11_0 = ctx_r1.applicationForm.get("name")) == null ? null : tmp_11_0.touched) ? 24 : -1);
+    i0.ɵɵadvance(16);
+    i0.ɵɵconditional(ctx_r1.applicationEntities.length > 0 ? 40 : 41);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.availableEntities.length > 0 ? 42 : 43);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.isEditMode ? 44 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", ctx_r1.applicationForm.invalid || ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLoading ? 50 : 51);
+} }
+export class ApplicationDialogComponent {
+    data = null;
+    visible = false;
+    result = new EventEmitter();
+    fb = inject(FormBuilder);
+    metadata = new Metadata();
+    applicationForm;
+    isLoading = false;
+    error = null;
+    // Entity management
+    applicationEntities = [];
+    availableEntities = [];
+    allEntities = [];
+    constructor() {
+        this.applicationForm = this.fb.group({
+            name: ['', [Validators.required, Validators.maxLength(100)]],
+            description: ['']
+        });
+    }
+    ngOnInit() {
+        // Initial setup
+    }
+    ngOnChanges(changes) {
+        if (changes['visible'] && this.visible) {
+            this.initializeDialog();
+        }
+    }
+    ngOnDestroy() {
+        // Cleanup if needed
+    }
+    async initializeDialog() {
+        if (!this.visible)
+            return;
+        try {
+            this.isLoading = true;
+            this.error = null;
+            // Load all entities first
+            await this.loadAllEntities();
+            if (this.data?.application && this.isEditMode) {
+                await this.loadApplicationData();
+            }
+            else {
+                this.resetForm();
+            }
+        }
+        catch (error) {
+            console.error('Error initializing dialog:', error);
+            this.error = error.message || 'Failed to load dialog data';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async loadAllEntities() {
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'Entities',
+            ResultType: 'entity_object',
+            OrderBy: 'Name ASC'
+        });
+        this.allEntities = result.Success ? result.Results : [];
+    }
+    resetForm() {
+        this.applicationForm.reset({
+            name: '',
+            description: ''
+        });
+        this.applicationEntities = [];
+        this.availableEntities = [...this.allEntities];
+        this.error = null;
+    }
+    onEscapeKey(event) {
+        if (this.visible) {
+            this.onCancel();
+        }
+    }
+    get windowTitle() {
+        return this.isEditMode ? 'Edit Application' : 'Create New Application';
+    }
+    get isEditMode() {
+        return this.data?.mode === 'edit';
+    }
+    async loadApplicationData() {
+        if (!this.data?.application)
+            return;
+        const app = this.data.application;
+        this.applicationForm.patchValue({
+            name: app.Name,
+            description: app.Description
+        });
+        // Load existing ApplicationEntity records
+        await this.loadApplicationEntities(app.ID);
+    }
+    async loadApplicationEntities(applicationId) {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'Application Entities',
+                ExtraFilter: `ApplicationID='${applicationId}'`,
+                ResultType: 'entity_object',
+                OrderBy: 'Sequence ASC'
+            });
+            if (result.Success && result.Results) {
+                this.applicationEntities = [];
+                const usedEntityIds = new Set();
+                for (const appEntity of result.Results) {
+                    const entity = this.allEntities.find(e => e.ID === appEntity.EntityID);
+                    if (entity) {
+                        this.applicationEntities.push({
+                            entity,
+                            applicationEntity: appEntity,
+                            sequence: appEntity.Sequence || 0,
+                            defaultForNewUser: appEntity.DefaultForNewUser || false,
+                            isNew: false,
+                            hasChanges: false
+                        });
+                        usedEntityIds.add(entity.ID);
+                    }
+                }
+                // Set available entities (excluding already assigned ones)
+                this.availableEntities = this.allEntities.filter(e => !usedEntityIds.has(e.ID));
+            }
+        }
+        catch (error) {
+            console.warn('Failed to load application entities:', error);
+            this.availableEntities = [...this.allEntities];
+        }
+    }
+    addEntity(entity) {
+        // Add entity to application
+        this.applicationEntities.push({
+            entity,
+            sequence: this.applicationEntities.length + 1,
+            defaultForNewUser: false,
+            isNew: true,
+            hasChanges: false
+        });
+        // Update all sequences to be consecutive
+        this.updateSequences();
+        // Remove from available entities
+        this.availableEntities = this.availableEntities.filter(e => e.ID !== entity.ID);
+    }
+    removeEntity(config) {
+        // Remove from application entities
+        this.applicationEntities = this.applicationEntities.filter(ae => ae.entity.ID !== config.entity.ID);
+        // Update all sequences to be consecutive
+        this.updateSequences();
+        // Add back to available entities if not already there
+        if (!this.availableEntities.find(e => e.ID === config.entity.ID)) {
+            this.availableEntities.push(config.entity);
+            this.availableEntities.sort((a, b) => (a.Name || '').localeCompare(b.Name || ''));
+        }
+    }
+    moveEntityUp(index) {
+        if (index > 0) {
+            const temp = this.applicationEntities[index];
+            this.applicationEntities[index] = this.applicationEntities[index - 1];
+            this.applicationEntities[index - 1] = temp;
+            this.updateSequences();
+        }
+    }
+    moveEntityDown(index) {
+        if (index < this.applicationEntities.length - 1) {
+            const temp = this.applicationEntities[index];
+            this.applicationEntities[index] = this.applicationEntities[index + 1];
+            this.applicationEntities[index + 1] = temp;
+            this.updateSequences();
+        }
+    }
+    updateSequences() {
+        this.applicationEntities.forEach((config, index) => {
+            config.sequence = index + 1;
+            if (!config.isNew) {
+                config.hasChanges = true;
+            }
+        });
+    }
+    onDefaultForNewUserChange(config) {
+        if (!config.isNew) {
+            config.hasChanges = true;
+        }
+    }
+    get hasEntityChanges() {
+        return this.applicationEntities.some(ae => ae.isNew || ae.hasChanges);
+    }
+    async onSubmit() {
+        if (this.applicationForm.invalid) {
+            this.markFormGroupTouched(this.applicationForm);
+            return;
+        }
+        this.isLoading = true;
+        this.error = null;
+        try {
+            let application;
+            if (this.isEditMode && this.data?.application) {
+                // Edit existing application
+                application = this.data.application;
+            }
+            else {
+                // Create new application
+                application = await this.metadata.GetEntityObject('Applications');
+                application.NewRecord();
+            }
+            // Update application properties
+            const formValue = this.applicationForm.value;
+            application.Name = formValue.name;
+            application.Description = formValue.description || null;
+            // Save application
+            const saveResult = await application.Save();
+            if (!saveResult) {
+                throw new Error(application.LatestResult?.Message || 'Failed to save application');
+            }
+            // Save application entities if there are changes
+            if (this.hasEntityChanges) {
+                await this.saveApplicationEntities(application.ID);
+            }
+            this.result.emit({ action: 'save', application });
+        }
+        catch (error) {
+            console.error('Error saving application:', error);
+            this.error = error.message || 'An unexpected error occurred';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async saveApplicationEntities(applicationId) {
+        // Save or update each ApplicationEntity record
+        for (const config of this.applicationEntities) {
+            if (config.isNew || config.hasChanges) {
+                let appEntity;
+                if (config.isNew) {
+                    // Create new ApplicationEntity
+                    appEntity = await this.metadata.GetEntityObject('Application Entities');
+                    appEntity.NewRecord();
+                    appEntity.ApplicationID = applicationId;
+                    appEntity.EntityID = config.entity.ID;
+                }
+                else if (config.applicationEntity) {
+                    // Update existing ApplicationEntity
+                    appEntity = config.applicationEntity;
+                }
+                else {
+                    continue;
+                }
+                appEntity.Sequence = config.sequence;
+                appEntity.DefaultForNewUser = config.defaultForNewUser;
+                const saveResult = await appEntity.Save();
+                if (!saveResult) {
+                    console.warn(`Failed to save ApplicationEntity for ${config.entity.Name}:`, appEntity.LatestResult?.Message);
+                }
+            }
+        }
+    }
+    onCancel() {
+        this.result.emit({ action: 'cancel' });
+    }
+    markFormGroupTouched(formGroup) {
+        Object.keys(formGroup.controls).forEach(key => {
+            const control = formGroup.get(key);
+            control?.markAsTouched();
+        });
+    }
+    static ɵfac = function ApplicationDialogComponent_Factory(t) { return new (t || ApplicationDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApplicationDialogComponent, selectors: [["mj-application-dialog"]], hostBindings: function ApplicationDialogComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function ApplicationDialogComponent_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-grid-2"], [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-info-circle"], [1, "section-description"], [1, "form-grid"], [1, "form-field"], ["for", "name", 1, "field-label", "required"], ["id", "name", "type", "text", "formControlName", "name", "placeholder", "My Application", 1, "field-input"], [1, "field-error"], ["for", "description", 1, "field-label"], ["id", "description", "formControlName", "description", "placeholder", "Describe the application's purpose and functionality...", "rows", "6", 1, "field-textarea"], [1, "field-hint"], [1, "fa-solid", "fa-database"], [1, "assigned-entities"], [1, "no-entities"], [1, "available-entities"], [1, "all-assigned"], [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"], [1, "subsection-title"], [1, "entities-list"], [1, "entity-item", 3, "is-new", "has-changes"], [1, "entity-item"], [1, "entity-info"], [1, "entity-icon"], [1, "fa-solid", "fa-table"], [1, "entity-details"], [1, "entity-name"], [1, "fa-solid", "fa-info-circle", "entity-info-icon", 3, "title"], [1, "entity-config"], [1, "config-item"], [1, "config-label"], ["type", "checkbox", 1, "config-checkbox", 3, "ngModelChange", "change", "ngModel", "ngModelOptions"], [1, "checkbox-text"], [1, "sequence-badge"], [1, "entity-actions"], ["type", "button", "title", "Move up", 1, "btn-icon", "btn-neutral", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["type", "button", "title", "Move down", 1, "btn-icon", "btn-neutral", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["type", "button", "title", "Remove entity", 1, "btn-icon", "btn-danger", 3, "click"], [1, "empty-subtext"], [1, "entities-grid"], [1, "entity-chip"], [1, "entity-chip", 3, "click"], [1, "chip-content"], [1, "fa-solid", "fa-plus"], [1, "chip-name"], [1, "fa-solid", "fa-check-circle"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"]], template: function ApplicationDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ApplicationDialogComponent_kendo_window_0_Template, 52, 17, "kendo-window", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.visible);
+        } }, dependencies: [CommonModule, i1.NgIf, i1.DatePipe, FormsModule, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, ReactiveFormsModule, i2.FormGroupDirective, i2.FormControlName, 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, #2196f3 0%, #1976d2 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: #2196f3;\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: #2196f3;\n  box-shadow: 0 0 0 3px rgba(33, 150, 243, 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: #2196f3;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #1976d2;\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/* Entity Management Styles */\n.subsection-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 16px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.assigned-entities {\n  margin-bottom: 32px;\n}\n\n.assigned-entities .entities-list {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n.entity-item {\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-bottom: 1px solid #fafafa;\n  transition: all 0.15s ease;\n}\n\n.entity-item:last-child {\n  border-bottom: none;\n}\n\n.entity-item:hover {\n  background: rgba(33, 150, 243, 0.02);\n}\n\n.entity-item.is-new {\n  background: rgba(76, 175, 80, 0.05);\n  border-left: 3px solid #4caf50;\n}\n\n.entity-item.has-changes {\n  background: rgba(0, 188, 212, 0.05);\n  border-left: 3px solid #00bcd4;\n}\n\n.entity-item .entity-info {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n.entity-item .entity-info .entity-icon {\n  width: 40px;\n  height: 40px;\n  background: rgba(33, 150, 243, 0.1);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2196f3;\n  flex-shrink: 0;\n}\n\n.entity-item .entity-info .entity-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.entity-item .entity-info .entity-details .entity-name {\n  font-weight: 500;\n  color: #212121;\n  margin-bottom: 2px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-item .entity-info .entity-details .entity-name .entity-info-icon {\n  color: #00bcd4;\n  font-size: 14px;\n  cursor: help;\n  opacity: 0.7;\n  transition: all 0.15s ease;\n}\n\n.entity-item .entity-info .entity-details .entity-name .entity-info-icon:hover {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n.entity-item .entity-info .entity-details .entity-description {\n  font-size: 12px;\n  color: #666666;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.entity-item .entity-config {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  margin: 0 24px;\n}\n\n.entity-item .entity-config .config-item .config-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.entity-item .entity-config .config-item .config-label .config-checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.entity-item .entity-config .sequence-badge {\n  background: #2196f3;\n  color: #ffffff;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  min-width: 24px;\n  text-align: center;\n}\n\n.entity-item .entity-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.no-entities,\n.all-assigned {\n  text-align: center;\n  padding: 32px;\n  color: #666666;\n}\n\n.no-entities i,\n.all-assigned i {\n  font-size: 2rem;\n  color: #bdbdbd;\n  margin-bottom: 16px;\n}\n\n.no-entities p,\n.all-assigned p {\n  margin: 0 0 4px 0;\n  font-weight: 500;\n}\n\n.no-entities .empty-subtext,\n.all-assigned .empty-subtext {\n  font-size: 12px;\n  color: #9e9e9e;\n  margin: 0;\n}\n\n.available-entities .entities-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 8px;\n}\n\n@media (max-width: 640px) {\n  .available-entities .entities-grid {\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  }\n}\n\n.entity-chip {\n  padding: 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 8px;\n  background: #ffffff;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.entity-chip .chip-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-chip .chip-content i {\n  color: #2196f3;\n  font-size: 14px;\n}\n\n.entity-chip .chip-content .chip-name {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n.entity-chip:hover {\n  border-color: #2196f3;\n  background: rgba(33, 150, 243, 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/* Info Grid for System Information */\n.info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n@media (max-width: 640px) {\n  .info-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.info-grid .info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.info-grid .info-item .info-label {\n  font-size: 11px;\n  color: #666666;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.info-grid .info-item .info-value {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n/* Enhanced Button Icons */\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:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.btn-icon.btn-neutral {\n  background: rgba(189, 189, 189, 0.1);\n  color: #666666;\n}\n\n.btn-icon.btn-neutral:hover:not(:disabled) {\n  background: rgba(189, 189, 189, 0.2);\n  color: #212121;\n  transform: scale(1.05);\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:not(:disabled) {\n  background: rgba(244, 67, 54, 0.2);\n  transform: scale(1.05);\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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-application-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-grid-2\"></i>\n        {{ isEditMode ? 'Edit Application' : 'Create New Application' }}\n      </h2>\n      <p class=\"dialog-subtitle\">\n        {{ isEditMode ? 'Update application information and settings' : 'Add a new application to the system' }}\n      </p>\n    </div>\n  </kendo-window-titlebar>\n\n  <div class=\"dialog-content\">\n    <form [formGroup]=\"applicationForm\" (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-info-circle\"></i>\n              Application Information\n            </h3>\n            <p class=\"section-description\">Define the application's basic properties</p>\n          </div>\n          \n          <div class=\"form-grid\">\n            <div class=\"form-field\">\n              <label class=\"field-label required\" for=\"name\">Application Name</label>\n              <input \n                id=\"name\"\n                type=\"text\" \n                class=\"field-input\" \n                formControlName=\"name\"\n                placeholder=\"My Application\"\n                [class.error]=\"applicationForm.get('name')?.invalid && applicationForm.get('name')?.touched\"\n              />\n              @if (applicationForm.get('name')?.invalid && applicationForm.get('name')?.touched) {\n                <div class=\"field-error\">\n                  <i class=\"fa-solid fa-exclamation-circle\"></i>\n                  @if (applicationForm.get('name')?.errors?.['required']) {\n                    Application name is required\n                  }\n                  @if (applicationForm.get('name')?.errors?.['maxlength']) {\n                    Application name cannot exceed 100 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 application's purpose and functionality...\"\n                rows=\"6\"\n              ></textarea>\n              <div class=\"field-hint\">\n                Provide a clear description of what this application does and its main features.\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Entity Management 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              Application Entities\n            </h3>\n            <p class=\"section-description\">Manage which entities are included in this application</p>\n          </div>\n          \n          <div class=\"form-grid\">\n            <!-- Assigned Entities -->\n            @if (applicationEntities.length > 0) {\n              <div class=\"assigned-entities\">\n                <h4 class=\"subsection-title\">Assigned Entities ({{ applicationEntities.length }})</h4>\n                <div class=\"entities-list\">\n                  @for (config of applicationEntities; track config.entity.ID; let i = $index) {\n                    <div class=\"entity-item\" [class.is-new]=\"config.isNew\" [class.has-changes]=\"config.hasChanges\">\n                      <div class=\"entity-info\">\n                        <div class=\"entity-icon\">\n                          <i class=\"fa-solid fa-table\"></i>\n                        </div>\n                        <div class=\"entity-details\">\n                          <div class=\"entity-name\">\n                            {{ config.entity.Name }}\n                            @if (config.entity.Description) {\n                              <i class=\"fa-solid fa-info-circle entity-info-icon\" \n                                 [title]=\"config.entity.Description\"\n                                 [attr.data-tooltip]=\"config.entity.Description\"></i>\n                            }\n                          </div>\n                        </div>\n                      </div>\n                      \n                      <div class=\"entity-config\">\n                        <div class=\"config-item\">\n                          <label class=\"config-label\">\n                            <input \n                              type=\"checkbox\" \n                              [(ngModel)]=\"config.defaultForNewUser\"\n                              [ngModelOptions]=\"{standalone: true}\"\n                              (change)=\"onDefaultForNewUserChange(config)\"\n                              class=\"config-checkbox\"\n                            />\n                            <span class=\"checkbox-text\">Default for new users</span>\n                          </label>\n                        </div>\n                        <div class=\"sequence-badge\">{{ config.sequence }}</div>\n                      </div>\n                      \n                      <div class=\"entity-actions\">\n                        <button \n                          type=\"button\" \n                          class=\"btn-icon btn-neutral\"\n                          (click)=\"moveEntityUp(i)\"\n                          [disabled]=\"i === 0\"\n                          title=\"Move up\"\n                        >\n                          <i class=\"fa-solid fa-chevron-up\"></i>\n                        </button>\n                        <button \n                          type=\"button\" \n                          class=\"btn-icon btn-neutral\"\n                          (click)=\"moveEntityDown(i)\"\n                          [disabled]=\"i === applicationEntities.length - 1\"\n                          title=\"Move down\"\n                        >\n                          <i class=\"fa-solid fa-chevron-down\"></i>\n                        </button>\n                        <button \n                          type=\"button\" \n                          class=\"btn-icon btn-danger\"\n                          (click)=\"removeEntity(config)\"\n                          title=\"Remove entity\"\n                        >\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <div class=\"no-entities\">\n                <i class=\"fa-solid fa-database\"></i>\n                <p>No entities assigned to this application</p>\n                <p class=\"empty-subtext\">Add entities from the available list below</p>\n              </div>\n            }\n            \n            <!-- Available Entities -->\n            @if (availableEntities.length > 0) {\n              <div class=\"available-entities\">\n                <h4 class=\"subsection-title\">Available Entities ({{ availableEntities.length }})</h4>\n                <div class=\"entities-grid\">\n                  @for (entity of availableEntities; track entity.ID) {\n                    <div class=\"entity-chip\" (click)=\"addEntity(entity)\">\n                      <div class=\"chip-content\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        <span class=\"chip-name\">{{ entity.Name }}</span>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <div class=\"all-assigned\">\n                <i class=\"fa-solid fa-check-circle\"></i>\n                <p>All entities have been assigned to this application</p>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n\n      <!-- Application Info 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-info-circle\"></i>\n                System Information\n              </h3>\n              <p class=\"section-description\">Application metadata and audit information</p>\n            </div>\n            \n            <div class=\"form-grid\">\n              <div class=\"info-grid\">\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Created:</span>\n                  <span class=\"info-value\">{{ data?.application?.__mj_CreatedAt | date:'medium' }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Last Updated:</span>\n                  <span class=\"info-value\">{{ data?.application?.__mj_UpdatedAt | date:'medium' }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Application ID:</span>\n                  <span class=\"info-value\">{{ data?.application?.ID }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Total Entities:</span>\n                  <span class=\"info-value\">{{ applicationEntities.length }}</span>\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]=\"applicationForm.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 Application' : 'Create Application' }}\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, #2196f3 0%, #1976d2 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: #2196f3;\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: #2196f3;\n  box-shadow: 0 0 0 3px rgba(33, 150, 243, 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: #2196f3;\n  color: #ffffff;\n}\n\n.dialog-footer .btn.btn-primary:hover:not(:disabled) {\n  background: #1976d2;\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/* Entity Management Styles */\n.subsection-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #212121;\n  margin: 0 0 16px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.assigned-entities {\n  margin-bottom: 32px;\n}\n\n.assigned-entities .entities-list {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #ffffff;\n}\n\n.entity-item {\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-bottom: 1px solid #fafafa;\n  transition: all 0.15s ease;\n}\n\n.entity-item:last-child {\n  border-bottom: none;\n}\n\n.entity-item:hover {\n  background: rgba(33, 150, 243, 0.02);\n}\n\n.entity-item.is-new {\n  background: rgba(76, 175, 80, 0.05);\n  border-left: 3px solid #4caf50;\n}\n\n.entity-item.has-changes {\n  background: rgba(0, 188, 212, 0.05);\n  border-left: 3px solid #00bcd4;\n}\n\n.entity-item .entity-info {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n.entity-item .entity-info .entity-icon {\n  width: 40px;\n  height: 40px;\n  background: rgba(33, 150, 243, 0.1);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2196f3;\n  flex-shrink: 0;\n}\n\n.entity-item .entity-info .entity-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.entity-item .entity-info .entity-details .entity-name {\n  font-weight: 500;\n  color: #212121;\n  margin-bottom: 2px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-item .entity-info .entity-details .entity-name .entity-info-icon {\n  color: #00bcd4;\n  font-size: 14px;\n  cursor: help;\n  opacity: 0.7;\n  transition: all 0.15s ease;\n}\n\n.entity-item .entity-info .entity-details .entity-name .entity-info-icon:hover {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n.entity-item .entity-info .entity-details .entity-description {\n  font-size: 12px;\n  color: #666666;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.entity-item .entity-config {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  margin: 0 24px;\n}\n\n.entity-item .entity-config .config-item .config-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666666;\n  margin: 0;\n}\n\n.entity-item .entity-config .config-item .config-label .config-checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.entity-item .entity-config .sequence-badge {\n  background: #2196f3;\n  color: #ffffff;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  min-width: 24px;\n  text-align: center;\n}\n\n.entity-item .entity-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.no-entities,\n.all-assigned {\n  text-align: center;\n  padding: 32px;\n  color: #666666;\n}\n\n.no-entities i,\n.all-assigned i {\n  font-size: 2rem;\n  color: #bdbdbd;\n  margin-bottom: 16px;\n}\n\n.no-entities p,\n.all-assigned p {\n  margin: 0 0 4px 0;\n  font-weight: 500;\n}\n\n.no-entities .empty-subtext,\n.all-assigned .empty-subtext {\n  font-size: 12px;\n  color: #9e9e9e;\n  margin: 0;\n}\n\n.available-entities .entities-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 8px;\n}\n\n@media (max-width: 640px) {\n  .available-entities .entities-grid {\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  }\n}\n\n.entity-chip {\n  padding: 16px;\n  border: 1px solid #bdbdbd;\n  border-radius: 8px;\n  background: #ffffff;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.entity-chip .chip-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-chip .chip-content i {\n  color: #2196f3;\n  font-size: 14px;\n}\n\n.entity-chip .chip-content .chip-name {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n.entity-chip:hover {\n  border-color: #2196f3;\n  background: rgba(33, 150, 243, 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/* Info Grid for System Information */\n.info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n}\n\n@media (max-width: 640px) {\n  .info-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.info-grid .info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.info-grid .info-item .info-label {\n  font-size: 11px;\n  color: #666666;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.info-grid .info-item .info-value {\n  font-size: 12px;\n  color: #212121;\n  font-weight: 500;\n}\n\n/* Enhanced Button Icons */\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:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.btn-icon.btn-neutral {\n  background: rgba(189, 189, 189, 0.1);\n  color: #666666;\n}\n\n.btn-icon.btn-neutral:hover:not(:disabled) {\n  background: rgba(189, 189, 189, 0.2);\n  color: #212121;\n  transform: scale(1.05);\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:not(:disabled) {\n  background: rgba(244, 67, 54, 0.2);\n  transform: scale(1.05);\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}"] }]
+    }], () => [], { data: [{
+            type: Input
+        }], visible: [{
+            type: Input
+        }], result: [{
+            type: Output
+        }], onEscapeKey: [{
+            type: HostListener,
+            args: ['document:keydown.escape', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ApplicationDialogComponent, { className: "ApplicationDialogComponent", filePath: "src/lib/application-management/application-dialog/application-dialog.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=application-dialog.component.js.map