@memberjunction/ng-dashboards 5.22.0 → 5.24.0

package/dist/ComponentStudio/components/artifact-selection-dialog.component.js

@@ -1,24 +1,22 @@
-import { Component } from '@angular/core';
+import { Component, Input, Output, EventEmitter, inject } from '@angular/core';
 import { RunView, Metadata } from '@memberjunction/core';
 import { UUIDsEqual } from '@memberjunction/global';
 import { Subject, debounceTime, distinctUntilChanged } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@memberjunction/ng-notifications";
-import * as i3 from "@angular/forms";
-import * as i4 from "@progress/kendo-angular-buttons";
-import * as i5 from "@progress/kendo-angular-inputs";
-import * as i6 from "@memberjunction/ng-shared-generic";
-import * as i7 from "@angular/common";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-ui-components";
+import * as i4 from "@angular/common";
 const _forTrack0 = ($index, $item) => $item.ID;
-function ArtifactSelectionDialogComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Filters");
     i0.ɵɵelementEnd();
 } }
-function ArtifactSelectionDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
+function ArtifactSelectionDialogComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -26,39 +24,39 @@ function ArtifactSelectionDialogComponent_Conditional_11_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.getActiveFilterCount());
 } }
-function ArtifactSelectionDialogComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "div", 27)(2, "label");
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 26)(2, "label");
     i0.ɵɵtext(3, "Search");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_12_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.searchTerm, $event) || (ctx_r0.searchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function ArtifactSelectionDialogComponent_Conditional_12_Template_input_input_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSearchInput()); });
+    i0.ɵɵelementStart(4, "input", 27);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_8_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.searchTerm, $event) || (ctx_r0.searchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function ArtifactSelectionDialogComponent_Conditional_8_Template_input_input_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSearchInput()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 27)(6, "label");
+    i0.ɵɵelementStart(5, "div", 26)(6, "label");
     i0.ɵɵtext(7, "Artifact Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "select", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_12_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.selectedArtifactType, $event) || (ctx_r0.selectedArtifactType = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function ArtifactSelectionDialogComponent_Conditional_12_Template_select_change_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactTypeChange()); });
-    i0.ɵɵelementStart(9, "option", 30);
+    i0.ɵɵelementStart(8, "select", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_8_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.selectedArtifactType, $event) || (ctx_r0.selectedArtifactType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function ArtifactSelectionDialogComponent_Conditional_8_Template_select_change_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactTypeChange()); });
+    i0.ɵɵelementStart(9, "option", 29);
     i0.ɵɵtext(10, "All Types");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "option", 31);
+    i0.ɵɵelementStart(11, "option", 30);
     i0.ɵɵtext(12, "Component");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "option", 32);
+    i0.ɵɵelementStart(13, "option", 31);
     i0.ɵɵtext(14, "Report");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "option", 33);
+    i0.ɵɵelementStart(15, "option", 32);
     i0.ɵɵtext(16, "Dashboard");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 27)(18, "label");
+    i0.ɵɵelementStart(17, "div", 26)(18, "label");
     i0.ɵɵtext(19, "Filter by User");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "input", 34);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_12_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.userEmail, $event) || (ctx_r0.userEmail = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function ArtifactSelectionDialogComponent_Conditional_12_Template_input_input_20_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.filterArtifacts()); });
+    i0.ɵɵelementStart(20, "input", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_8_Template_input_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.userEmail, $event) || (ctx_r0.userEmail = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function ArtifactSelectionDialogComponent_Conditional_8_Template_input_input_20_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.filterArtifacts()); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69,20 +67,20 @@ function ArtifactSelectionDialogComponent_Conditional_12_Template(rf, ctx) { if
     i0.ɵɵadvance(12);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.userEmail);
 } }
-function ArtifactSelectionDialogComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "mj-loading", 35);
+function ArtifactSelectionDialogComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "mj-loading", 34);
     i0.ɵɵelementEnd();
 } }
-function ArtifactSelectionDialogComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 36);
+function ArtifactSelectionDialogComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 35);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No artifacts found");
     i0.ɵɵelementEnd()();
 } }
-function ArtifactSelectionDialogComponent_Conditional_26_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
+function ArtifactSelectionDialogComponent_Conditional_22_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -90,18 +88,18 @@ function ArtifactSelectionDialogComponent_Conditional_26_For_1_Conditional_7_Tem
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", artifact_r4.Description, " ");
 } }
-function ArtifactSelectionDialogComponent_Conditional_26_For_1_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_22_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Conditional_26_For_1_Template_div_click_0_listener() { const artifact_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectArtifact(artifact_r4)); });
-    i0.ɵɵelementStart(1, "div", 39)(2, "div", 40)(3, "div", 41);
-    i0.ɵɵelement(4, "i", 42);
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Conditional_22_For_1_Template_div_click_0_listener() { const artifact_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectArtifact(artifact_r4)); });
+    i0.ɵɵelementStart(1, "div", 38)(2, "div", 39)(3, "div", 40);
+    i0.ɵɵelement(4, "i", 41);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, ArtifactSelectionDialogComponent_Conditional_26_For_1_Conditional_7_Template, 2, 1, "div", 43);
+    i0.ɵɵconditionalCreate(7, ArtifactSelectionDialogComponent_Conditional_22_For_1_Conditional_7_Template, 2, 1, "div", 42);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 44)(9, "div");
+    i0.ɵɵelementStart(8, "div", 43)(9, "div");
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(11, "div");
@@ -121,36 +119,37 @@ function ArtifactSelectionDialogComponent_Conditional_26_For_1_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 6, artifact_r4.__mj_UpdatedAt, "short"));
 } }
-function ArtifactSelectionDialogComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, ArtifactSelectionDialogComponent_Conditional_26_For_1_Template, 14, 9, "div", 37, _forTrack0);
+function ArtifactSelectionDialogComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ArtifactSelectionDialogComponent_Conditional_22_For_1_Template, 14, 9, "div", 36, _forTrack0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r0.artifacts);
 } }
-function ArtifactSelectionDialogComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "kendo-textbox", 45);
-    i0.ɵɵtwoWayListener("valueChange", function ArtifactSelectionDialogComponent_Conditional_33_Template_kendo_textbox_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.newArtifactName, $event) || (ctx_r0.newArtifactName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "div", 21)(1, "input", 44);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_29_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.newArtifactName, $event) || (ctx_r0.newArtifactName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-textarea", 46);
-    i0.ɵɵtwoWayListener("valueChange", function ArtifactSelectionDialogComponent_Conditional_33_Template_kendo_textarea_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.newArtifactDescription, $event) || (ctx_r0.newArtifactDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(2, "textarea", 45);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_29_Template_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.newArtifactDescription, $event) || (ctx_r0.newArtifactDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtext(3, "                        ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("value", ctx_r0.newArtifactName);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.newArtifactName);
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("value", ctx_r0.newArtifactDescription);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.newArtifactDescription);
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_For_4_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 57)(1, "input", 58);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_For_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.selectedVersion, $event) || (ctx_r0.selectedVersion = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "label", 56)(1, "input", 57);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_For_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.selectedVersion, $event) || (ctx_r0.selectedVersion = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 59)(3, "div", 60);
+    i0.ɵɵelementStart(2, "div", 58)(3, "div", 59);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 61);
+    i0.ɵɵelementStart(5, "div", 60);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "date");
     i0.ɵɵelementEnd()()();
@@ -166,9 +165,9 @@ function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 6, version_r8.__mj_UpdatedAt, "short"));
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelement(1, "i", 62);
+function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵelement(1, "i", 61);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -177,13 +176,13 @@ function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Condition
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("Warning: This will overwrite version ", ctx_r0.selectedVersion.VersionNumber);
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54)(1, "label");
+function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 53)(1, "label");
     i0.ɵɵtext(2, "Select Version");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_For_4_Template, 8, 9, "label", 55, _forTrack0);
+    i0.ɵɵrepeaterCreate(3, ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_For_4_Template, 8, 9, "label", 54, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_Conditional_5_Template, 4, 1, "div", 56);
+    i0.ɵɵconditionalCreate(5, ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_Conditional_5_Template, 4, 1, "div", 55);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
@@ -191,25 +190,25 @@ function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.selectedVersion ? 5 : -1);
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 48)(1, "div", 50)(2, "label");
+    i0.ɵɵelementStart(0, "div", 47)(1, "div", 49)(2, "label");
     i0.ɵɵtext(3, "Action");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "label", 51)(5, "input", 52);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.versionAction, $event) || (ctx_r0.versionAction = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template_input_change_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectedVersion = null); });
+    i0.ɵɵelementStart(4, "label", 50)(5, "input", 51);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.versionAction, $event) || (ctx_r0.versionAction = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Template_input_change_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectedVersion = null); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "label", 51)(9, "input", 53);
-    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.versionAction, $event) || (ctx_r0.versionAction = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(8, "label", 50)(9, "input", 52);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.versionAction, $event) || (ctx_r0.versionAction = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "span");
     i0.ɵɵtext(11, "Update Existing Version");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(12, ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Conditional_12_Template, 6, 1);
+    i0.ɵɵconditionalCreate(12, ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Conditional_12_Template, 6, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -222,9 +221,9 @@ function ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template(
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.versionAction === "update" ? 12 : -1);
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
-    i0.ɵɵelement(1, "i", 63);
+function ArtifactSelectionDialogComponent_Conditional_30_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵelement(1, "i", 62);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No versions available for this artifact.");
     i0.ɵɵelementEnd();
@@ -232,12 +231,12 @@ function ArtifactSelectionDialogComponent_Conditional_34_Conditional_6_Template(
     i0.ɵɵtext(5, "A new version will be created.");
     i0.ɵɵelementEnd()();
 } }
-function ArtifactSelectionDialogComponent_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24)(1, "div", 5)(2, "h4");
-    i0.ɵɵelement(3, "i", 47);
+function ArtifactSelectionDialogComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 3)(2, "h4");
+    i0.ɵɵelement(3, "i", 46);
     i0.ɵɵtext(4, " Version");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, ArtifactSelectionDialogComponent_Conditional_34_Conditional_5_Template, 13, 4, "div", 48)(6, ArtifactSelectionDialogComponent_Conditional_34_Conditional_6_Template, 6, 0, "div", 49);
+    i0.ɵɵconditionalCreate(5, ArtifactSelectionDialogComponent_Conditional_30_Conditional_5_Template, 13, 4, "div", 47)(6, ArtifactSelectionDialogComponent_Conditional_30_Conditional_6_Template, 6, 0, "div", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -245,8 +244,8 @@ function ArtifactSelectionDialogComponent_Conditional_34_Template(rf, ctx) { if
     i0.ɵɵconditional(ctx_r0.artifactVersions.length > 0 ? 5 : 6);
 } }
 export class ArtifactSelectionDialogComponent {
-    dialog;
-    notificationService;
+    Visible = false;
+    Close = new EventEmitter();
     // Data
     artifacts = [];
     artifactVersions = [];
@@ -273,10 +272,7 @@ export class ArtifactSelectionDialogComponent {
     currentUser = null;
     destroy$ = new Subject();
     searchSubject = new Subject();
-    constructor(dialog, notificationService) {
-        this.dialog = dialog;
-        this.notificationService = notificationService;
-    }
+    notificationService = inject(MJNotificationService);
     async ngOnInit() {
         // Setup search debouncing
         this.searchSubject.pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(() => {
@@ -445,7 +441,7 @@ export class ArtifactSelectionDialogComponent {
         return `Save as Version ${this.getNextVersionNumber()}`;
     }
     cancel() {
-        this.dialog.close(undefined);
+        this.Close.emit(undefined);
     }
     async save() {
         if (!this.canSave())
@@ -458,7 +454,7 @@ export class ArtifactSelectionDialogComponent {
                     artifact: newArtifact,
                     action: 'new-version'
                 };
-                this.dialog.close(result);
+                this.Close.emit(result);
             }
             return;
         }
@@ -475,7 +471,7 @@ export class ArtifactSelectionDialogComponent {
                 if (!confirm)
                     return;
             }
-            this.dialog.close(result);
+            this.Close.emit(result);
         }
     }
     async createNewArtifact() {
@@ -525,95 +521,93 @@ export class ArtifactSelectionDialogComponent {
     IsVersionSelected(version) {
         return UUIDsEqual(this.selectedVersion?.ID, version.ID);
     }
-    static ɵfac = function ArtifactSelectionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactSelectionDialogComponent)(i0.ɵɵdirectiveInject(i1.DialogRef), i0.ɵɵdirectiveInject(i2.MJNotificationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactSelectionDialogComponent, selectors: [["app-artifact-selection-dialog"]], standalone: false, decls: 41, vars: 23, consts: [[3, "close"], [2, "font-size", "18px"], [1, "fa-solid", "fa-save"], [1, "artifact-selection-content"], [1, "filter-panel"], [1, "panel-header"], ["kendoButton", "", 3, "click", "fillMode", "themeColor"], [1, "fa-solid", "fa-filter"], [1, "filter-count"], [1, "filter-content"], [1, "main-content"], [1, "paging-controls"], ["kendoButton", "", 3, "click", "disabled", "themeColor"], [1, "fa-solid", "fa-chevron-left"], [1, "page-info"], [1, "fa-solid", "fa-chevron-right"], [1, "artifacts-list"], [1, "loading-state"], [1, "empty-state"], [1, "create-section"], [1, "divider"], ["kendoButton", "", 1, "create-btn", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], [1, "new-artifact-form"], [1, "version-panel"], ["kendoButton", "", 3, "click", "themeColor", "disabled"], ["kendoButton", "", 3, "click"], [1, "filter-group"], ["type", "text", "placeholder", "Name or description...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], [1, "filter-select", 3, "ngModelChange", "change", "ngModel"], ["value", ""], ["value", "Component"], ["value", "Report"], ["value", "Dashboard"], ["type", "text", "placeholder", "Enter user email...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], ["text", "Loading artifacts...", "size", "small"], [1, "fa-solid", "fa-inbox"], [1, "artifact-item", 3, "selected"], [1, "artifact-item", 3, "click"], [1, "artifact-content"], [1, "artifact-main"], [1, "artifact-name"], [1, "fa-solid", "fa-file-code"], [1, "artifact-description"], [1, "artifact-meta"], ["placeholder", "Artifact name...", 3, "valueChange", "value"], ["placeholder", "Description (optional)...", 3, "valueChange", "value"], [1, "fa-solid", "fa-code-branch"], [1, "version-content"], [1, "info-state"], [1, "version-actions"], [1, "radio-label"], ["type", "radio", "name", "versionAction", "value", "new", 3, "ngModelChange", "change", "ngModel"], ["type", "radio", "name", "versionAction", "value", "update", 3, "ngModelChange", "ngModel"], [1, "version-selection"], [1, "version-item", 3, "selected"], [1, "warning"], [1, "version-item"], ["type", "radio", "name", "selectedVersion", 3, "ngModelChange", "value", "ngModel"], [1, "version-info"], [1, "version-number"], [1, "version-date"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-info-circle"]], template: function ArtifactSelectionDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div")(1, "kendo-dialog-titlebar", 0);
-            i0.ɵɵlistener("close", function ArtifactSelectionDialogComponent_Template_kendo_dialog_titlebar_close_1_listener() { return ctx.cancel(); });
-            i0.ɵɵelementStart(2, "div", 1);
-            i0.ɵɵelement(3, "i", 2);
-            i0.ɵɵtext(4, " Save Component to Artifact ");
+    static ɵfac = function ArtifactSelectionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactSelectionDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactSelectionDialogComponent, selectors: [["app-artifact-selection-dialog"]], inputs: { Visible: "Visible" }, outputs: { Close: "Close" }, standalone: false, decls: 37, vars: 21, consts: [["Title", "Save Component to Artifact", 3, "Close", "Visible", "Width", "MinWidth"], [1, "artifact-selection-content"], [1, "filter-panel"], [1, "panel-header"], ["mjButton", "", "variant", "flat", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "filter-count"], [1, "filter-content"], [1, "main-content"], [1, "paging-controls"], ["mjButton", "", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], [1, "page-info"], [1, "fa-solid", "fa-chevron-right"], [1, "artifacts-list"], [1, "loading-state"], [1, "empty-state"], [1, "create-section"], [1, "divider"], ["mjButton", "", "variant", "primary", 1, "create-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "new-artifact-form"], [1, "version-panel"], ["mjButton", "", 3, "click", "variant", "disabled"], [1, "fa-solid", "fa-save"], ["mjButton", "", 3, "click"], [1, "filter-group"], ["type", "text", "placeholder", "Name or description...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], [1, "filter-select", 3, "ngModelChange", "change", "ngModel"], ["value", ""], ["value", "Component"], ["value", "Report"], ["value", "Dashboard"], ["type", "text", "placeholder", "Enter user email...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], ["text", "Loading artifacts...", "size", "small"], [1, "fa-solid", "fa-inbox"], [1, "artifact-item", 3, "selected"], [1, "artifact-item", 3, "click"], [1, "artifact-content"], [1, "artifact-main"], [1, "artifact-name"], [1, "fa-solid", "fa-file-code"], [1, "artifact-description"], [1, "artifact-meta"], ["placeholder", "Artifact name...", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["placeholder", "Description (optional)...", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-code-branch"], [1, "version-content"], [1, "info-state"], [1, "version-actions"], [1, "radio-label"], ["type", "radio", "name", "versionAction", "value", "new", 3, "ngModelChange", "change", "ngModel"], ["type", "radio", "name", "versionAction", "value", "update", 3, "ngModelChange", "ngModel"], [1, "version-selection"], [1, "version-item", 3, "selected"], [1, "warning"], [1, "version-item"], ["type", "radio", "name", "selectedVersion", 3, "ngModelChange", "value", "ngModel"], [1, "version-info"], [1, "version-number"], [1, "version-date"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-info-circle"]], template: function ArtifactSelectionDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-dialog", 0);
+            i0.ɵɵlistener("Close", function ArtifactSelectionDialogComponent_Template_mj_dialog_Close_0_listener() { return ctx.cancel(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵconditionalCreate(4, ArtifactSelectionDialogComponent_Conditional_4_Template, 2, 0, "span");
+            i0.ɵɵelementStart(5, "button", 4);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_5_listener() { return ctx.toggleFilterPanel(); });
+            i0.ɵɵelement(6, "i", 5);
+            i0.ɵɵconditionalCreate(7, ArtifactSelectionDialogComponent_Conditional_7_Template, 2, 1, "span", 6);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(5, "div", 3)(6, "div", 4)(7, "div", 5);
-            i0.ɵɵconditionalCreate(8, ArtifactSelectionDialogComponent_Conditional_8_Template, 2, 0, "span");
-            i0.ɵɵelementStart(9, "button", 6);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_9_listener() { return ctx.toggleFilterPanel(); });
-            i0.ɵɵelement(10, "i", 7);
-            i0.ɵɵconditionalCreate(11, ArtifactSelectionDialogComponent_Conditional_11_Template, 2, 1, "span", 8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(12, ArtifactSelectionDialogComponent_Conditional_12_Template, 21, 3, "div", 9);
+            i0.ɵɵconditionalCreate(8, ArtifactSelectionDialogComponent_Conditional_8_Template, 21, 3, "div", 7);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 10)(14, "div", 11)(15, "button", 12);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_15_listener() { return ctx.previousPage(); });
-            i0.ɵɵelement(16, "i", 13);
-            i0.ɵɵtext(17, " Previous ");
+            i0.ɵɵelementStart(9, "div", 8)(10, "div", 9)(11, "button", 10);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_11_listener() { return ctx.previousPage(); });
+            i0.ɵɵelement(12, "i", 11);
+            i0.ɵɵtext(13, " Previous ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "span", 14);
-            i0.ɵɵtext(19);
+            i0.ɵɵelementStart(14, "span", 12);
+            i0.ɵɵtext(15);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "button", 12);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_20_listener() { return ctx.nextPage(); });
-            i0.ɵɵtext(21, " Next ");
-            i0.ɵɵelement(22, "i", 15);
+            i0.ɵɵelementStart(16, "button", 10);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_16_listener() { return ctx.nextPage(); });
+            i0.ɵɵtext(17, " Next ");
+            i0.ɵɵelement(18, "i", 13);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(23, "div", 16);
-            i0.ɵɵconditionalCreate(24, ArtifactSelectionDialogComponent_Conditional_24_Template, 2, 0, "div", 17)(25, ArtifactSelectionDialogComponent_Conditional_25_Template, 4, 0, "div", 18)(26, ArtifactSelectionDialogComponent_Conditional_26_Template, 2, 0);
+            i0.ɵɵelementStart(19, "div", 14);
+            i0.ɵɵconditionalCreate(20, ArtifactSelectionDialogComponent_Conditional_20_Template, 2, 0, "div", 15)(21, ArtifactSelectionDialogComponent_Conditional_21_Template, 4, 0, "div", 16)(22, ArtifactSelectionDialogComponent_Conditional_22_Template, 2, 0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "div", 19)(28, "div", 20);
-            i0.ɵɵtext(29, "OR CREATE NEW ARTIFACT");
+            i0.ɵɵelementStart(23, "div", 17)(24, "div", 18);
+            i0.ɵɵtext(25, "OR CREATE NEW ARTIFACT");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "button", 21);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_30_listener() { return ctx.selectCreateNew(); });
-            i0.ɵɵelement(31, "i", 22);
-            i0.ɵɵtext(32, " Create New Artifact ");
+            i0.ɵɵelementStart(26, "button", 19);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_26_listener() { return ctx.selectCreateNew(); });
+            i0.ɵɵelement(27, "i", 20);
+            i0.ɵɵtext(28, " Create New Artifact ");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(33, ArtifactSelectionDialogComponent_Conditional_33_Template, 3, 2, "div", 23);
+            i0.ɵɵconditionalCreate(29, ArtifactSelectionDialogComponent_Conditional_29_Template, 4, 2, "div", 21);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(34, ArtifactSelectionDialogComponent_Conditional_34_Template, 7, 1, "div", 24);
+            i0.ɵɵconditionalCreate(30, ArtifactSelectionDialogComponent_Conditional_30_Template, 7, 1, "div", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(35, "kendo-dialog-actions")(36, "button", 25);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_36_listener() { return ctx.save(); });
-            i0.ɵɵelement(37, "i", 2);
-            i0.ɵɵtext(38);
+            i0.ɵɵelementStart(31, "mj-dialog-actions")(32, "button", 23);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_32_listener() { return ctx.save(); });
+            i0.ɵɵelement(33, "i", 24);
+            i0.ɵɵtext(34);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(39, "button", 26);
-            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_39_listener() { return ctx.cancel(); });
-            i0.ɵɵtext(40, "Cancel");
+            i0.ɵɵelementStart(35, "button", 25);
+            i0.ɵɵlistener("click", function ArtifactSelectionDialogComponent_Template_button_click_35_listener() { return ctx.cancel(); });
+            i0.ɵɵtext(36, "Cancel");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("Visible", true)("Width", 1200)("MinWidth", 600);
+            i0.ɵɵadvance(2);
             i0.ɵɵstyleProp("width", ctx.isFilterPanelCollapsed ? "40px" : "280px");
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.isFilterPanelCollapsed ? 8 : -1);
+            i0.ɵɵconditional(!ctx.isFilterPanelCollapsed ? 4 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("filter-active", ctx.getActiveFilterCount() > 0);
-            i0.ɵɵproperty("fillMode", "flat")("themeColor", ctx.getActiveFilterCount() > 0 ? "primary" : "base");
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.isFilterPanelCollapsed && ctx.getActiveFilterCount() > 0 ? 11 : -1);
+            i0.ɵɵconditional(ctx.isFilterPanelCollapsed && ctx.getActiveFilterCount() > 0 ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isFilterPanelCollapsed ? 12 : -1);
+            i0.ɵɵconditional(!ctx.isFilterPanelCollapsed ? 8 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("disabled", !ctx.canGoPrevious())("themeColor", "base");
+            i0.ɵɵproperty("disabled", !ctx.canGoPrevious());
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate3(" Page ", ctx.currentPage + 1, " of ", ctx.getTotalPages(), " (", ctx.totalArtifacts, " total items) ");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", !ctx.canGoNext())("themeColor", "base");
+            i0.ɵɵproperty("disabled", !ctx.canGoNext());
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.isLoading ? 24 : ctx.artifacts.length === 0 ? 25 : 26);
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("themeColor", "primary");
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.showNewArtifactForm ? 33 : -1);
+            i0.ɵɵconditional(ctx.isLoading ? 20 : ctx.artifacts.length === 0 ? 21 : 22);
+            i0.ɵɵadvance(9);
+            i0.ɵɵconditional(ctx.showNewArtifactForm ? 29 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedArtifact ? 34 : -1);
+            i0.ɵɵconditional(ctx.selectedArtifact ? 30 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("themeColor", ctx.versionAction === "update" && ctx.selectedVersion ? "warning" : "primary")("disabled", !ctx.canSave());
+            i0.ɵɵproperty("variant", ctx.versionAction === "update" && ctx.selectedVersion ? "warning" : "primary")("disabled", !ctx.canSave());
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.getSaveButtonText(), " ");
-        } }, dependencies: [i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.SelectControlValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgModel, i4.ButtonComponent, i5.TextBoxComponent, i5.TextAreaComponent, i1.DialogTitleBarComponent, i1.DialogActionsComponent, i6.LoadingComponent, i7.DatePipe], styles: ["\n\n.artifact-selection-content[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n}\n\n\n\n.filter-panel[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mj-border-default);\n    transition: width 0.3s ease;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: bold;\n    color: var(--mj-text-secondary);\n}\n\n.filter-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.filter-group[_ngcontent-%COMP%] {\n    margin-bottom: 15px;\n}\n\n.filter-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.filter-input[_ngcontent-%COMP%], \n.filter-select[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 4px;\n    font-size: 14px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.filter-input[_ngcontent-%COMP%]:focus, \n.filter-select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 2;\n    min-width: 0; \n\n}\n\n.paging-controls[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.page-info[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.artifacts-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 15px;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 15px;\n    color: var(--mj-text-muted);\n}\n\n.create-section[_ngcontent-%COMP%] {\n    padding: 15px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.create-btn[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.new-artifact-form[_ngcontent-%COMP%] {\n    margin-top: 15px;\n}\n\n.new-artifact-form[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\n    width: 100%;\n    margin-bottom: 10px;\n}\n\n.new-artifact-form[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 60px;\n}\n\n.divider[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    margin-bottom: 10px;\n}\n\n.artifact-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    margin: 10px 0;\n    padding: 15px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.artifact-item[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.artifact-item.selected[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.artifact-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.artifact-main[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.artifact-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.artifact-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    margin-right: 8px;\n}\n\n.artifact-name[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.artifact-description[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    margin-bottom: 8px;\n}\n\n.artifact-meta[_ngcontent-%COMP%] {\n    text-align: right;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n\n\n.version-panel[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.version-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.version-actions[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.version-actions[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:first-child {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.radio-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    cursor: pointer;\n}\n\n.radio-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.version-selection[_ngcontent-%COMP%] {\n    margin-bottom: 15px;\n}\n\n.version-selection[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%]:first-child {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.version-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n.version-item.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.version-item[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.version-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.version-number[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.version-date[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.warning[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-warning);\n    border-radius: 4px;\n    padding: 10px;\n}\n\n.warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    margin-right: 5px;\n}\n\n.warning[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.info-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    padding: 15px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n}\n\n.info-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-bottom: 10px;\n    font-size: 24px;\n}\n\n.info-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 5px 0;\n}\n\n.info-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:last-child {\n    font-size: 14px;\n}\n\n\n\n.filter-count[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n    border-radius: 50%;\n    min-width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 10px;\n    font-weight: bold;\n    margin-left: 4px;\n}\n\n.filter-active[_ngcontent-%COMP%]   .filter-count[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n}"] });
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.MJButtonDirective, i3.MJDialogComponent, i3.MJDialogActionsComponent, i4.DatePipe], styles: ["\n\n.artifact-selection-content[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n}\n\n\n\n.filter-panel[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mj-border-default);\n    transition: width 0.3s ease;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: bold;\n    color: var(--mj-text-secondary);\n}\n\n.filter-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.filter-group[_ngcontent-%COMP%] {\n    margin-bottom: 15px;\n}\n\n.filter-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.filter-input[_ngcontent-%COMP%], \n.filter-select[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 4px;\n    font-size: 14px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.filter-input[_ngcontent-%COMP%]:focus, \n.filter-select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 2;\n    min-width: 0; \n\n}\n\n.paging-controls[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.page-info[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.artifacts-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 15px;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 15px;\n    color: var(--mj-text-muted);\n}\n\n.create-section[_ngcontent-%COMP%] {\n    padding: 15px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.create-btn[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.new-artifact-form[_ngcontent-%COMP%] {\n    margin-top: 15px;\n}\n\n.new-artifact-form[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    width: 100%;\n    margin-bottom: 10px;\n}\n\n.new-artifact-form[_ngcontent-%COMP%]   .mj-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 60px;\n}\n\n.divider[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    margin-bottom: 10px;\n}\n\n.artifact-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    margin: 10px 0;\n    padding: 15px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.artifact-item[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.artifact-item.selected[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.artifact-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.artifact-main[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.artifact-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.artifact-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    margin-right: 8px;\n}\n\n.artifact-name[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.artifact-description[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    margin-bottom: 8px;\n}\n\n.artifact-meta[_ngcontent-%COMP%] {\n    text-align: right;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n\n\n.version-panel[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.version-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.version-actions[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.version-actions[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:first-child {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.radio-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    cursor: pointer;\n}\n\n.radio-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.version-selection[_ngcontent-%COMP%] {\n    margin-bottom: 15px;\n}\n\n.version-selection[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%]:first-child {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.version-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n.version-item.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.version-item[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.version-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.version-number[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.version-date[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.warning[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-warning);\n    border-radius: 4px;\n    padding: 10px;\n}\n\n.warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    margin-right: 5px;\n}\n\n.warning[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.info-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    padding: 15px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n}\n\n.info-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-bottom: 10px;\n    font-size: 24px;\n}\n\n.info-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 5px 0;\n}\n\n.info-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:last-child {\n    font-size: 14px;\n}\n\n\n\n.filter-count[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n    border-radius: 50%;\n    min-width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 10px;\n    font-weight: bold;\n    margin-left: 4px;\n}\n\n.filter-active[_ngcontent-%COMP%]   .filter-count[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArtifactSelectionDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-artifact-selection-dialog', template: "<div>\n    <kendo-dialog-titlebar (close)=\"cancel()\">\n        <div style=\"font-size: 18px;\">\n        <i class=\"fa-solid fa-save\"></i> Save Component to Artifact\n        </div>\n    </kendo-dialog-titlebar>\n\n    <div class=\"artifact-selection-content\">\n        <!-- Left Filter Panel -->\n        <div class=\"filter-panel\" [style.width]=\"isFilterPanelCollapsed ? '40px' : '280px'\">\n            <!-- Panel Header -->\n            <div class=\"panel-header\">\n                @if (!isFilterPanelCollapsed) {\n                    <span>Filters</span>\n                }\n                <button kendoButton (click)=\"toggleFilterPanel()\" \n                        [fillMode]=\"'flat'\"\n                        [class.filter-active]=\"getActiveFilterCount() > 0\"\n                        [themeColor]=\"getActiveFilterCount() > 0 ? 'primary' : 'base'\">\n                    <i class=\"fa-solid fa-filter\"></i>\n                    @if (isFilterPanelCollapsed && getActiveFilterCount() > 0) {\n                        <span class=\"filter-count\">{{ getActiveFilterCount() }}</span>\n                    }\n                </button>\n            </div>\n\n            @if (!isFilterPanelCollapsed) {\n                <div class=\"filter-content\">\n                    <!-- Search -->\n                    <div class=\"filter-group\">\n                        <label>Search</label>\n                        <input type=\"text\" \n                               [(ngModel)]=\"searchTerm\"\n                               (input)=\"onSearchInput()\"\n                               placeholder=\"Name or description...\"\n                               class=\"filter-input\">\n                    </div>\n\n                    <!-- Artifact Type -->\n                    <div class=\"filter-group\">\n                        <label>Artifact Type</label>\n                        <select [(ngModel)]=\"selectedArtifactType\" \n                                (change)=\"onArtifactTypeChange()\"\n                                class=\"filter-select\">\n                            <option value=\"\">All Types</option>\n                            <option value=\"Component\">Component</option>\n                            <option value=\"Report\">Report</option>\n                            <option value=\"Dashboard\">Dashboard</option>\n                        </select>\n                    </div>\n                    \n                    <!-- User Email -->\n                    <div class=\"filter-group\">\n                        <label>Filter by User</label>\n                        <input type=\"text\" \n                               [(ngModel)]=\"userEmail\"\n                               (input)=\"filterArtifacts()\"\n                               placeholder=\"Enter user email...\"\n                               class=\"filter-input\">\n                    </div>\n                </div>\n            }\n        </div>\n\n        <!-- Main Content Area -->\n        <div class=\"main-content\">\n            <!-- Paging Controls -->\n            <div class=\"paging-controls\">\n                <button kendoButton \n                    (click)=\"previousPage()\" \n                    [disabled]=\"!canGoPrevious()\"\n                    [themeColor]=\"'base'\">\n                    <i class=\"fa-solid fa-chevron-left\"></i> Previous\n                </button>\n                <span class=\"page-info\">\n                    Page {{ currentPage + 1 }} of {{ getTotalPages() }}\n                    ({{ totalArtifacts }} total items)\n                </span>\n                <button kendoButton \n                    (click)=\"nextPage()\" \n                    [disabled]=\"!canGoNext()\"\n                    [themeColor]=\"'base'\">\n                    Next <i class=\"fa-solid fa-chevron-right\"></i>\n                </button>\n            </div>\n\n            <!-- Existing Artifacts -->\n            <div class=\"artifacts-list\">\n                @if (isLoading) {\n                    <div class=\"loading-state\">\n                        <mj-loading text=\"Loading artifacts...\" size=\"small\"></mj-loading>\n                    </div>\n                } \n                @else if (artifacts.length === 0) {\n                    <div class=\"empty-state\">\n                        <i class=\"fa-solid fa-inbox\"></i>\n                        <p>No artifacts found</p>\n                    </div>\n                } \n                @else {\n                    @for (artifact of artifacts; track artifact.ID) {\n                        <div class=\"artifact-item\" \n                            [class.selected]=\"IsArtifactSelected(artifact)\"\n                            (click)=\"selectArtifact(artifact)\">\n                            <div class=\"artifact-content\">\n                                <div class=\"artifact-main\">\n                                    <div class=\"artifact-name\">\n                                        <i class=\"fa-solid fa-file-code\"></i>\n                                        <span>{{ artifact.Name }}</span>\n                                    </div>\n                                    @if (artifact.Description) {\n                                        <div class=\"artifact-description\">\n                                            {{ artifact.Description }}\n                                        </div>\n                                    }\n                                </div>\n                                <div class=\"artifact-meta\">\n                                    <div>{{ artifact.Type }}</div>\n                                    <div>{{ artifact.__mj_UpdatedAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n            \n            <!-- Create New Artifact Section (at bottom) -->\n            <div class=\"create-section\">\n                <div class=\"divider\">OR CREATE NEW ARTIFACT</div>\n                \n                <button kendoButton \n                (click)=\"selectCreateNew()\"\n                [themeColor]=\"'primary'\"\n                class=\"create-btn\">\n                <i class=\"fa-solid fa-plus\"></i> Create New Artifact\n                </button>\n                \n                @if (showNewArtifactForm) {\n                    <div class=\"new-artifact-form\">\n                        <kendo-textbox \n                        [(value)]=\"newArtifactName\"\n                        placeholder=\"Artifact name...\">\n                        </kendo-textbox>\n                        <kendo-textarea \n                        [(value)]=\"newArtifactDescription\"\n                        placeholder=\"Description (optional)...\">\n                        </kendo-textarea>\n                    </div>\n                }\n            </div>\n        </div>\n\n        <!-- Right Version Panel (only show when artifact selected) -->\n        @if (selectedArtifact) {\n            <div class=\"version-panel\">\n                <div class=\"panel-header\">\n                    <h4><i class=\"fa-solid fa-code-branch\"></i> Version</h4>\n                </div>\n                \n                @if (artifactVersions.length > 0) {\n                    <div class=\"version-content\">\n                        <div class=\"version-actions\">\n                            <label>Action</label>\n                            <label class=\"radio-label\">\n                                <input type=\"radio\" \n                                    name=\"versionAction\" \n                                    value=\"new\"\n                                    [(ngModel)]=\"versionAction\"\n                                    (change)=\"selectedVersion = null\">\n                                <span>Create New Version (v{{ getNextVersionNumber() }})</span>\n                            </label>\n                            \n                            <label class=\"radio-label\">\n                                <input type=\"radio\" \n                                    name=\"versionAction\" \n                                    value=\"update\"\n                                    [(ngModel)]=\"versionAction\">\n                                <span>Update Existing Version</span>\n                            </label>\n                        </div>\n                        \n                        @if (versionAction === 'update') {\n                            <div class=\"version-selection\">\n                                <label>Select Version</label>\n                                @for (version of artifactVersions; track version.ID) {\n                                    <label class=\"version-item\" \n                                           [class.selected]=\"IsVersionSelected(version)\">\n                                        <input type=\"radio\"\n                                            name=\"selectedVersion\"\n                                            [value]=\"version\"\n                                            [(ngModel)]=\"selectedVersion\">\n                                        <div class=\"version-info\">\n                                            <div class=\"version-number\">Version {{ version.VersionNumber }}</div>\n                                            <div class=\"version-date\">{{ version.__mj_UpdatedAt | date:'short' }}</div>\n                                        </div>\n                                    </label>\n                                }\n                            </div>\n                            \n                            @if (selectedVersion) {\n                                <div class=\"warning\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                    <span>Warning: This will overwrite version {{ selectedVersion.VersionNumber }}</span>\n                                </div>\n                            }\n                        }\n                    </div>\n                } @else {\n                    <div class=\"info-state\">\n                        <i class=\"fa-solid fa-info-circle\"></i>\n                        <p>No versions available for this artifact.</p>\n                        <p>A new version will be created.</p>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <kendo-dialog-actions>\n        <button kendoButton \n            [themeColor]=\"versionAction === 'update' && selectedVersion ? 'warning' : 'primary'\" \n            (click)=\"save()\"\n            [disabled]=\"!canSave()\">\n            <i class=\"fa-solid fa-save\"></i> \n            {{ getSaveButtonText() }}\n        </button>\n        <button kendoButton (click)=\"cancel()\">Cancel</button>\n    </kendo-dialog-actions>\n</div>\n", styles: ["/* Main container */\n.artifact-selection-content {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n}\n\n/* Filter Panel */\n.filter-panel {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mj-border-default);\n    transition: width 0.3s ease;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: bold;\n    color: var(--mj-text-secondary);\n}\n\n.filter-content {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.filter-group {\n    margin-bottom: 15px;\n}\n\n.filter-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.filter-input,\n.filter-select {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 4px;\n    font-size: 14px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.filter-input:focus,\n.filter-select:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* Main Content Panel */\n.main-content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 2;\n    min-width: 0; /* Prevents flex item from growing beyond container */\n}\n\n.paging-controls {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.page-info {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.artifacts-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 15px;\n}\n\n.loading-state,\n.empty-state {\n    text-align: center;\n    padding: 40px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-state i {\n    font-size: 48px;\n    margin-bottom: 15px;\n    color: var(--mj-text-muted);\n}\n\n.create-section {\n    padding: 15px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.create-btn {\n    width: 100%;\n}\n\n.new-artifact-form {\n    margin-top: 15px;\n}\n\n.new-artifact-form kendo-textbox {\n    width: 100%;\n    margin-bottom: 10px;\n}\n\n.new-artifact-form kendo-textarea {\n    width: 100%;\n    height: 60px;\n}\n\n.divider {\n    text-align: center;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    margin-bottom: 10px;\n}\n\n.artifact-item {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    margin: 10px 0;\n    padding: 15px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.artifact-item:hover {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.artifact-item.selected {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.artifact-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.artifact-main {\n    flex: 1;\n}\n\n.artifact-name {\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.artifact-name i {\n    color: var(--mj-text-secondary);\n    margin-right: 8px;\n}\n\n.artifact-name span {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.artifact-description {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    margin-bottom: 8px;\n}\n\n.artifact-meta {\n    text-align: right;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n/* Version Panel */\n.version-panel {\n    width: 320px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.version-content {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.version-actions {\n    margin-bottom: 20px;\n}\n\n.version-actions label:first-child {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.radio-label {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    cursor: pointer;\n}\n\n.radio-label input {\n    margin-right: 8px;\n}\n\n.version-selection {\n    margin-bottom: 15px;\n}\n\n.version-selection > label:first-child {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.version-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n.version-item.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.version-item input {\n    margin-right: 8px;\n}\n\n.version-info {\n    flex: 1;\n}\n\n.version-number {\n    font-weight: 500;\n}\n\n.version-date {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.warning {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-warning);\n    border-radius: 4px;\n    padding: 10px;\n}\n\n.warning i {\n    color: var(--mj-status-warning);\n    margin-right: 5px;\n}\n\n.warning span {\n    color: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.info-state,\n.empty-state {\n    padding: 15px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n}\n\n.info-state i,\n.empty-state i {\n    margin-bottom: 10px;\n    font-size: 24px;\n}\n\n.info-state p,\n.empty-state p {\n    margin: 5px 0;\n}\n\n.info-state p:last-child {\n    font-size: 14px;\n}\n\n/* Filter button styling */\n.filter-count {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n    border-radius: 50%;\n    min-width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 10px;\n    font-weight: bold;\n    margin-left: 4px;\n}\n\n.filter-active .filter-count {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n}\n"] }]
-    }], () => [{ type: i1.DialogRef }, { type: i2.MJNotificationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactSelectionDialogComponent, { className: "ArtifactSelectionDialogComponent", filePath: "src/ComponentStudio/components/artifact-selection-dialog.component.ts", lineNumber: 22 }); })();
+        args: [{ standalone: false, selector: 'app-artifact-selection-dialog', template: "<mj-dialog [Visible]=\"true\" Title=\"Save Component to Artifact\" (Close)=\"cancel()\" [Width]=\"1200\" [MinWidth]=\"600\">\n    <div class=\"artifact-selection-content\">\n        <!-- Left Filter Panel -->\n        <div class=\"filter-panel\" [style.width]=\"isFilterPanelCollapsed ? '40px' : '280px'\">\n            <!-- Panel Header -->\n            <div class=\"panel-header\">\n                @if (!isFilterPanelCollapsed) {\n                    <span>Filters</span>\n                }\n                <button mjButton (click)=\"toggleFilterPanel()\"\n                        variant=\"flat\"\n                        [class.filter-active]=\"getActiveFilterCount() > 0\">\n                    <i class=\"fa-solid fa-filter\"></i>\n                    @if (isFilterPanelCollapsed && getActiveFilterCount() > 0) {\n                        <span class=\"filter-count\">{{ getActiveFilterCount() }}</span>\n                    }\n                </button>\n            </div>\n\n            @if (!isFilterPanelCollapsed) {\n                <div class=\"filter-content\">\n                    <!-- Search -->\n                    <div class=\"filter-group\">\n                        <label>Search</label>\n                        <input type=\"text\" \n                               [(ngModel)]=\"searchTerm\"\n                               (input)=\"onSearchInput()\"\n                               placeholder=\"Name or description...\"\n                               class=\"filter-input\">\n                    </div>\n\n                    <!-- Artifact Type -->\n                    <div class=\"filter-group\">\n                        <label>Artifact Type</label>\n                        <select [(ngModel)]=\"selectedArtifactType\" \n                                (change)=\"onArtifactTypeChange()\"\n                                class=\"filter-select\">\n                            <option value=\"\">All Types</option>\n                            <option value=\"Component\">Component</option>\n                            <option value=\"Report\">Report</option>\n                            <option value=\"Dashboard\">Dashboard</option>\n                        </select>\n                    </div>\n                    \n                    <!-- User Email -->\n                    <div class=\"filter-group\">\n                        <label>Filter by User</label>\n                        <input type=\"text\" \n                               [(ngModel)]=\"userEmail\"\n                               (input)=\"filterArtifacts()\"\n                               placeholder=\"Enter user email...\"\n                               class=\"filter-input\">\n                    </div>\n                </div>\n            }\n        </div>\n\n        <!-- Main Content Area -->\n        <div class=\"main-content\">\n            <!-- Paging Controls -->\n            <div class=\"paging-controls\">\n                <button mjButton\n                    (click)=\"previousPage()\"\n                    [disabled]=\"!canGoPrevious()\">\n                    <i class=\"fa-solid fa-chevron-left\"></i> Previous\n                </button>\n                <span class=\"page-info\">\n                    Page {{ currentPage + 1 }} of {{ getTotalPages() }}\n                    ({{ totalArtifacts }} total items)\n                </span>\n                <button mjButton\n                    (click)=\"nextPage()\"\n                    [disabled]=\"!canGoNext()\">\n                    Next <i class=\"fa-solid fa-chevron-right\"></i>\n                </button>\n            </div>\n\n            <!-- Existing Artifacts -->\n            <div class=\"artifacts-list\">\n                @if (isLoading) {\n                    <div class=\"loading-state\">\n                        <mj-loading text=\"Loading artifacts...\" size=\"small\"></mj-loading>\n                    </div>\n                } \n                @else if (artifacts.length === 0) {\n                    <div class=\"empty-state\">\n                        <i class=\"fa-solid fa-inbox\"></i>\n                        <p>No artifacts found</p>\n                    </div>\n                } \n                @else {\n                    @for (artifact of artifacts; track artifact.ID) {\n                        <div class=\"artifact-item\" \n                            [class.selected]=\"IsArtifactSelected(artifact)\"\n                            (click)=\"selectArtifact(artifact)\">\n                            <div class=\"artifact-content\">\n                                <div class=\"artifact-main\">\n                                    <div class=\"artifact-name\">\n                                        <i class=\"fa-solid fa-file-code\"></i>\n                                        <span>{{ artifact.Name }}</span>\n                                    </div>\n                                    @if (artifact.Description) {\n                                        <div class=\"artifact-description\">\n                                            {{ artifact.Description }}\n                                        </div>\n                                    }\n                                </div>\n                                <div class=\"artifact-meta\">\n                                    <div>{{ artifact.Type }}</div>\n                                    <div>{{ artifact.__mj_UpdatedAt | date:'short' }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                }\n            </div>\n            \n            <!-- Create New Artifact Section (at bottom) -->\n            <div class=\"create-section\">\n                <div class=\"divider\">OR CREATE NEW ARTIFACT</div>\n                \n                <button mjButton\n                (click)=\"selectCreateNew()\"\n                variant=\"primary\"\n                class=\"create-btn\">\n                <i class=\"fa-solid fa-plus\"></i> Create New Artifact\n                </button>\n                \n                @if (showNewArtifactForm) {\n                    <div class=\"new-artifact-form\">\n                        <input class=\"mj-input\"\n                        [(ngModel)]=\"newArtifactName\"\n                        placeholder=\"Artifact name...\">\n                        <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"newArtifactDescription\"\n                        placeholder=\"Description (optional)...\">\n                        </textarea>\n                    </div>\n                }\n            </div>\n        </div>\n\n        <!-- Right Version Panel (only show when artifact selected) -->\n        @if (selectedArtifact) {\n            <div class=\"version-panel\">\n                <div class=\"panel-header\">\n                    <h4><i class=\"fa-solid fa-code-branch\"></i> Version</h4>\n                </div>\n                \n                @if (artifactVersions.length > 0) {\n                    <div class=\"version-content\">\n                        <div class=\"version-actions\">\n                            <label>Action</label>\n                            <label class=\"radio-label\">\n                                <input type=\"radio\" \n                                    name=\"versionAction\" \n                                    value=\"new\"\n                                    [(ngModel)]=\"versionAction\"\n                                    (change)=\"selectedVersion = null\">\n                                <span>Create New Version (v{{ getNextVersionNumber() }})</span>\n                            </label>\n                            \n                            <label class=\"radio-label\">\n                                <input type=\"radio\" \n                                    name=\"versionAction\" \n                                    value=\"update\"\n                                    [(ngModel)]=\"versionAction\">\n                                <span>Update Existing Version</span>\n                            </label>\n                        </div>\n                        \n                        @if (versionAction === 'update') {\n                            <div class=\"version-selection\">\n                                <label>Select Version</label>\n                                @for (version of artifactVersions; track version.ID) {\n                                    <label class=\"version-item\" \n                                           [class.selected]=\"IsVersionSelected(version)\">\n                                        <input type=\"radio\"\n                                            name=\"selectedVersion\"\n                                            [value]=\"version\"\n                                            [(ngModel)]=\"selectedVersion\">\n                                        <div class=\"version-info\">\n                                            <div class=\"version-number\">Version {{ version.VersionNumber }}</div>\n                                            <div class=\"version-date\">{{ version.__mj_UpdatedAt | date:'short' }}</div>\n                                        </div>\n                                    </label>\n                                }\n                            </div>\n                            \n                            @if (selectedVersion) {\n                                <div class=\"warning\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                    <span>Warning: This will overwrite version {{ selectedVersion.VersionNumber }}</span>\n                                </div>\n                            }\n                        }\n                    </div>\n                } @else {\n                    <div class=\"info-state\">\n                        <i class=\"fa-solid fa-info-circle\"></i>\n                        <p>No versions available for this artifact.</p>\n                        <p>A new version will be created.</p>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <mj-dialog-actions>\n        <button mjButton\n            [variant]=\"versionAction === 'update' && selectedVersion ? 'warning' : 'primary'\"\n            (click)=\"save()\"\n            [disabled]=\"!canSave()\">\n            <i class=\"fa-solid fa-save\"></i>\n            {{ getSaveButtonText() }}\n        </button>\n        <button mjButton (click)=\"cancel()\">Cancel</button>\n    </mj-dialog-actions>\n</mj-dialog>\n", styles: ["/* Main container */\n.artifact-selection-content {\n    height: 100%;\n    display: flex;\n    flex-direction: row;\n}\n\n/* Filter Panel */\n.filter-panel {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid var(--mj-border-default);\n    transition: width 0.3s ease;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: bold;\n    color: var(--mj-text-secondary);\n}\n\n.filter-content {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.filter-group {\n    margin-bottom: 15px;\n}\n\n.filter-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.filter-input,\n.filter-select {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 4px;\n    font-size: 14px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.filter-input:focus,\n.filter-select:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* Main Content Panel */\n.main-content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    flex: 2;\n    min-width: 0; /* Prevents flex item from growing beyond container */\n}\n\n.paging-controls {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.page-info {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.artifacts-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 15px;\n}\n\n.loading-state,\n.empty-state {\n    text-align: center;\n    padding: 40px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-state i {\n    font-size: 48px;\n    margin-bottom: 15px;\n    color: var(--mj-text-muted);\n}\n\n.create-section {\n    padding: 15px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.create-btn {\n    width: 100%;\n}\n\n.new-artifact-form {\n    margin-top: 15px;\n}\n\n.new-artifact-form .mj-input {\n    width: 100%;\n    margin-bottom: 10px;\n}\n\n.new-artifact-form .mj-textarea {\n    width: 100%;\n    height: 60px;\n}\n\n.divider {\n    text-align: center;\n    padding: 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    margin-bottom: 10px;\n}\n\n.artifact-item {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    margin: 10px 0;\n    padding: 15px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.artifact-item:hover {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.artifact-item.selected {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.artifact-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.artifact-main {\n    flex: 1;\n}\n\n.artifact-name {\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.artifact-name i {\n    color: var(--mj-text-secondary);\n    margin-right: 8px;\n}\n\n.artifact-name span {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.artifact-description {\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    margin-bottom: 8px;\n}\n\n.artifact-meta {\n    text-align: right;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n/* Version Panel */\n.version-panel {\n    width: 320px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.version-content {\n    flex: 1;\n    padding: 15px;\n    overflow-y: auto;\n}\n\n.version-actions {\n    margin-bottom: 20px;\n}\n\n.version-actions label:first-child {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.radio-label {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    cursor: pointer;\n}\n\n.radio-label input {\n    margin-right: 8px;\n}\n\n.version-selection {\n    margin-bottom: 15px;\n}\n\n.version-selection > label:first-child {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.version-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n.version-item.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.version-item input {\n    margin-right: 8px;\n}\n\n.version-info {\n    flex: 1;\n}\n\n.version-number {\n    font-weight: 500;\n}\n\n.version-date {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.warning {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-warning);\n    border-radius: 4px;\n    padding: 10px;\n}\n\n.warning i {\n    color: var(--mj-status-warning);\n    margin-right: 5px;\n}\n\n.warning span {\n    color: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.info-state,\n.empty-state {\n    padding: 15px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n}\n\n.info-state i,\n.empty-state i {\n    margin-bottom: 10px;\n    font-size: 24px;\n}\n\n.info-state p,\n.empty-state p {\n    margin: 5px 0;\n}\n\n.info-state p:last-child {\n    font-size: 14px;\n}\n\n/* Filter button styling */\n.filter-count {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n    border-radius: 50%;\n    min-width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 10px;\n    font-weight: bold;\n    margin-left: 4px;\n}\n\n.filter-active .filter-count {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-brand-primary);\n}\n"] }]
+    }], null, { Visible: [{
+            type: Input
+        }], Close: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactSelectionDialogComponent, { className: "ArtifactSelectionDialogComponent", filePath: "src/ComponentStudio/components/artifact-selection-dialog.component.ts", lineNumber: 21 }); })();
 //# sourceMappingURL=artifact-selection-dialog.component.js.map