@memberjunction/ng-dashboards 3.4.0 → 4.1.0

package/dist/ComponentStudio/components/browser/component-browser.component.js

@@ -80,7 +80,7 @@ function ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_T
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 42);
     i0.ɵɵlistener("click", function ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.State.ToggleShowAllCategories()); });
-    i0.ɵɵtemplate(1, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Conditional_1_Template, 2, 0)(2, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Conditional_2_Template, 2, 1);
+    i0.ɵɵconditionalCreate(1, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Conditional_1_Template, 2, 0)(2, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Conditional_2_Template, 2, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94,7 +94,7 @@ function ComponentBrowserComponent_Conditional_21_Conditional_17_Template(rf, ct
     i0.ɵɵelementStart(3, "div", 36);
     i0.ɵɵrepeaterCreate(4, ComponentBrowserComponent_Conditional_21_Conditional_17_For_5_Template, 5, 6, "button", 37, i0.ɵɵcomponentInstance().TrackByCategoryName, true);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Template, 3, 1, "button", 38);
+    i0.ɵɵconditionalCreate(6, ComponentBrowserComponent_Conditional_21_Conditional_17_Conditional_6_Template, 3, 1, "button", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -129,9 +129,10 @@ function ComponentBrowserComponent_Conditional_21_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelement(13, "i", 33);
     i0.ɵɵelementStart(14, "span");
     i0.ɵɵtext(15, "Show deprecated ");
-    i0.ɵɵtemplate(16, ComponentBrowserComponent_Conditional_21_Conditional_16_Template, 2, 1, "span", 34);
+    i0.ɵɵconditionalCreate(16, ComponentBrowserComponent_Conditional_21_Conditional_16_Template, 2, 1, "span", 34);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵtemplate(17, ComponentBrowserComponent_Conditional_21_Conditional_17_Template, 7, 1, "div", 27)(18, ComponentBrowserComponent_Conditional_21_Conditional_18_Template, 4, 0, "div", 35);
+    i0.ɵɵconditionalCreate(17, ComponentBrowserComponent_Conditional_21_Conditional_17_Template, 7, 1, "div", 27);
+    i0.ɵɵconditionalCreate(18, ComponentBrowserComponent_Conditional_21_Conditional_18_Template, 4, 0, "div", 35);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -171,7 +172,7 @@ function ComponentBrowserComponent_Conditional_24_Conditional_2_Template(rf, ctx
 } }
 function ComponentBrowserComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵtemplate(1, ComponentBrowserComponent_Conditional_24_Conditional_1_Template, 5, 0)(2, ComponentBrowserComponent_Conditional_24_Conditional_2_Template, 5, 0);
+    i0.ɵɵconditionalCreate(1, ComponentBrowserComponent_Conditional_24_Conditional_1_Template, 5, 0)(2, ComponentBrowserComponent_Conditional_24_Conditional_2_Template, 5, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -202,7 +203,7 @@ function ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Template(
     const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 71);
     i0.ɵɵlistener("click", function ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const component_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToggleFavorite(component_r9, $event)); });
-    i0.ɵɵtemplate(1, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Conditional_1_Template, 1, 0, "i", 72)(2, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Conditional_2_Template, 1, 0, "i", 73);
+    i0.ɵɵconditionalCreate(1, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Conditional_1_Template, 1, 0, "i", 72)(2, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Conditional_2_Template, 1, 0, "i", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const component_r9 = i0.ɵɵnextContext().$implicit;
@@ -295,7 +296,7 @@ function ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Condition
 } }
 function ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 70);
-    i0.ɵɵtemplate(1, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_1_Template, 3, 1, "div", 75);
+    i0.ɵɵconditionalCreate(1, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_1_Template, 3, 1, "div", 75);
     i0.ɵɵelementStart(2, "div", 76)(3, "div", 77)(4, "span", 78);
     i0.ɵɵtext(5, "Type");
     i0.ɵɵelementEnd();
@@ -314,10 +315,10 @@ function ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Template(
     i0.ɵɵelementStart(16, "span", 79);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(18, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_18_Template, 6, 4, "div", 77)(19, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_19_Template, 6, 4, "div", 77);
+    i0.ɵɵconditionalCreate(18, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_18_Template, 6, 4, "div", 77)(19, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_19_Template, 6, 4, "div", 77);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(20, "div", 80);
-    i0.ɵɵtemplate(21, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_21_Template, 3, 1, "button", 81)(22, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_22_Template, 3, 1, "button", 82)(23, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_23_Template, 3, 1, "button", 81);
+    i0.ɵɵconditionalCreate(21, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_21_Template, 3, 1, "button", 81)(22, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_22_Template, 3, 1, "button", 82)(23, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Conditional_23_Template, 3, 1, "button", 81);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const component_r9 = i0.ɵɵnextContext().$implicit;
@@ -345,7 +346,7 @@ function ComponentBrowserComponent_Conditional_25_For_1_Template(rf, ctx) { if (
     i0.ɵɵelementStart(4, "div", 57)(5, "div", 58)(6, "span", 59);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, ComponentBrowserComponent_Conditional_25_For_1_Conditional_8_Template, 3, 3, "span", 60);
+    i0.ɵɵconditionalCreate(8, ComponentBrowserComponent_Conditional_25_For_1_Conditional_8_Template, 3, 3, "span", 60);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "div", 61)(10, "span", 62);
     i0.ɵɵtext(11);
@@ -358,11 +359,12 @@ function ComponentBrowserComponent_Conditional_25_For_1_Template(rf, ctx) { if (
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(17, "div", 66);
-    i0.ɵɵtemplate(18, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Template, 3, 4, "button", 67)(19, ComponentBrowserComponent_Conditional_25_For_1_Conditional_19_Template, 2, 0, "button", 68);
+    i0.ɵɵconditionalCreate(18, ComponentBrowserComponent_Conditional_25_For_1_Conditional_18_Template, 3, 4, "button", 67);
+    i0.ɵɵconditionalCreate(19, ComponentBrowserComponent_Conditional_25_For_1_Conditional_19_Template, 2, 0, "button", 68);
     i0.ɵɵelementStart(20, "div", 69);
-    i0.ɵɵtemplate(21, ComponentBrowserComponent_Conditional_25_For_1_Conditional_21_Template, 1, 0, "i", 43)(22, ComponentBrowserComponent_Conditional_25_For_1_Conditional_22_Template, 1, 0, "i", 44);
+    i0.ɵɵconditionalCreate(21, ComponentBrowserComponent_Conditional_25_For_1_Conditional_21_Template, 1, 0, "i", 43)(22, ComponentBrowserComponent_Conditional_25_For_1_Conditional_22_Template, 1, 0, "i", 44);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(23, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Template, 24, 6, "div", 70);
+    i0.ɵɵconditionalCreate(23, ComponentBrowserComponent_Conditional_25_For_1_Conditional_23_Template, 24, 6, "div", 70);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const component_r9 = ctx.$implicit;
@@ -377,7 +379,7 @@ function ComponentBrowserComponent_Conditional_25_For_1_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.State.IsFileLoadedComponent(component_r9) ? 8 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("v", ctx_r1.State.GetComponentVersion(component_r9), "");
+    i0.ɵɵtextInterpolate1("v", ctx_r1.State.GetComponentVersion(component_r9));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.GetStatusBadgeClass(component_r9));
     i0.ɵɵadvance();
@@ -566,7 +568,7 @@ export class ComponentBrowserComponent {
         return category.name;
     }
     static ɵfac = function ComponentBrowserComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ComponentBrowserComponent)(i0.ɵɵdirectiveInject(i1.ComponentStudioStateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBrowserComponent, selectors: [["mj-component-browser"]], outputs: { NewComponent: "NewComponent", ImportFromFile: "ImportFromFile", ImportFromText: "ImportFromText", ImportFromArtifact: "ImportFromArtifact" }, decls: 26, vars: 15, consts: [[1, "component-browser"], [1, "browser-header"], [1, "header-top-row"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], [1, "import-dropdown"], [1, "fa-solid", "fa-file-import"], [1, "fa-solid", "fa-chevron-down", "dropdown-chevron"], [1, "dropdown-menu"], [1, "header-controls-row"], [1, "filter-toggle-btn", 3, "click", "title"], [1, "fa-solid", "fa-sliders"], [1, "filter-count-badge"], [1, "component-count"], [1, "search-box"], ["placeholder", "Search components...", 3, "valueChange", "value", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-panel"], [1, "component-list"], [1, "loading-state"], [1, "empty-state"], [1, "dropdown-item", 3, "click"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-file"], [1, "fa-solid", "fa-keyboard"], [1, "fa-solid", "fa-search", "search-icon"], [1, "filter-panel-content"], [1, "filter-section"], [1, "filter-section-label"], [1, "filter-options"], [1, "filter-checkbox"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-star", "filter-icon", "favorites-icon"], [1, "fa-solid", "fa-archive", "filter-icon", "deprecated-icon"], [1, "deprecated-count"], [1, "filter-panel-footer"], [1, "category-pills"], [1, "category-pill", 3, "active", "--pill-color"], [1, "show-more-btn"], [1, "category-pill", 3, "click"], [1, "pill-name"], [1, "pill-count"], [1, "show-more-btn", 3, "click"], [1, "fa-solid", "fa-chevron-up"], [1, "fa-solid", "fa-chevron-down"], [1, "clear-all-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading components...", "size", "small"], [1, "fa-solid", "fa-puzzle-piece", "empty-icon"], [1, "empty-title"], [1, "empty-subtitle"], [1, "fa-solid", "fa-filter", "empty-icon"], [1, "component-card", 3, "expanded", "running", "file-loaded"], [1, "component-card"], [1, "card-header", 3, "click"], [1, "card-type-icon"], [1, "fa-solid", 3, "ngClass"], [1, "card-body"], [1, "card-title-row"], [1, "card-name"], [1, "file-badge", 3, "title"], [1, "card-meta-row"], [1, "version-badge"], [1, "status-badge", 3, "ngClass"], [1, "namespace-chip", 3, "title"], [1, "fa-solid", "fa-folder-tree"], [1, "card-end"], [1, "favorite-btn", 3, "is-favorite", "title"], ["title", "Remove imported component", 1, "remove-btn"], [1, "card-chevron"], [1, "card-details"], [1, "favorite-btn", 3, "click", "title"], [1, "fa-solid", "fa-star"], [1, "fa-regular", "fa-star"], ["title", "Remove imported component", 1, "remove-btn", 3, "click"], [1, "detail-description"], [1, "detail-info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "detail-actions"], ["kendoButton", "", 3, "themeColor"], ["kendoButton", "", "title", "Stop current component and run this one", 3, "themeColor"], [1, "fa-solid", "fa-stop"], ["kendoButton", "", "title", "Stop current component and run this one", 3, "click", "themeColor"], [1, "fa-solid", "fa-exchange-alt"], [1, "fa-solid", "fa-play"]], template: function ComponentBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBrowserComponent, selectors: [["mj-component-browser"]], outputs: { NewComponent: "NewComponent", ImportFromFile: "ImportFromFile", ImportFromText: "ImportFromText", ImportFromArtifact: "ImportFromArtifact" }, standalone: false, decls: 26, vars: 15, consts: [[1, "component-browser"], [1, "browser-header"], [1, "header-top-row"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], [1, "import-dropdown"], [1, "fa-solid", "fa-file-import"], [1, "fa-solid", "fa-chevron-down", "dropdown-chevron"], [1, "dropdown-menu"], [1, "header-controls-row"], [1, "filter-toggle-btn", 3, "click", "title"], [1, "fa-solid", "fa-sliders"], [1, "filter-count-badge"], [1, "component-count"], [1, "search-box"], ["placeholder", "Search components...", 3, "valueChange", "value", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-panel"], [1, "component-list"], [1, "loading-state"], [1, "empty-state"], [1, "dropdown-item", 3, "click"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-file"], [1, "fa-solid", "fa-keyboard"], [1, "fa-solid", "fa-search", "search-icon"], [1, "filter-panel-content"], [1, "filter-section"], [1, "filter-section-label"], [1, "filter-options"], [1, "filter-checkbox"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-star", "filter-icon", "favorites-icon"], [1, "fa-solid", "fa-archive", "filter-icon", "deprecated-icon"], [1, "deprecated-count"], [1, "filter-panel-footer"], [1, "category-pills"], [1, "category-pill", 3, "active", "--pill-color"], [1, "show-more-btn"], [1, "category-pill", 3, "click"], [1, "pill-name"], [1, "pill-count"], [1, "show-more-btn", 3, "click"], [1, "fa-solid", "fa-chevron-up"], [1, "fa-solid", "fa-chevron-down"], [1, "clear-all-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading components...", "size", "small"], [1, "fa-solid", "fa-puzzle-piece", "empty-icon"], [1, "empty-title"], [1, "empty-subtitle"], [1, "fa-solid", "fa-filter", "empty-icon"], [1, "component-card", 3, "expanded", "running", "file-loaded"], [1, "component-card"], [1, "card-header", 3, "click"], [1, "card-type-icon"], [1, "fa-solid", 3, "ngClass"], [1, "card-body"], [1, "card-title-row"], [1, "card-name"], [1, "file-badge", 3, "title"], [1, "card-meta-row"], [1, "version-badge"], [1, "status-badge", 3, "ngClass"], [1, "namespace-chip", 3, "title"], [1, "fa-solid", "fa-folder-tree"], [1, "card-end"], [1, "favorite-btn", 3, "is-favorite", "title"], ["title", "Remove imported component", 1, "remove-btn"], [1, "card-chevron"], [1, "card-details"], [1, "favorite-btn", 3, "click", "title"], [1, "fa-solid", "fa-star"], [1, "fa-regular", "fa-star"], ["title", "Remove imported component", 1, "remove-btn", 3, "click"], [1, "detail-description"], [1, "detail-info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "detail-actions"], ["kendoButton", "", 3, "themeColor"], ["kendoButton", "", "title", "Stop current component and run this one", 3, "themeColor"], [1, "fa-solid", "fa-stop"], ["kendoButton", "", "title", "Stop current component and run this one", 3, "click", "themeColor"], [1, "fa-solid", "fa-exchange-alt"], [1, "fa-solid", "fa-play"]], template: function ComponentBrowserComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "button", 3);
             i0.ɵɵlistener("click", function ComponentBrowserComponent_Template_button_click_3_listener() { return ctx.OnNewComponent(); });
             i0.ɵɵelement(4, "i", 4);
@@ -578,12 +580,12 @@ export class ComponentBrowserComponent {
             i0.ɵɵtext(9, " Import ");
             i0.ɵɵelement(10, "i", 7);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(11, ComponentBrowserComponent_Conditional_11_Template, 10, 0, "div", 8);
+            i0.ɵɵconditionalCreate(11, ComponentBrowserComponent_Conditional_11_Template, 10, 0, "div", 8);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(12, "div", 9)(13, "button", 10);
             i0.ɵɵlistener("click", function ComponentBrowserComponent_Template_button_click_13_listener() { return ctx.State.ToggleFilterPanel(); });
             i0.ɵɵelement(14, "i", 11);
-            i0.ɵɵtemplate(15, ComponentBrowserComponent_Conditional_15_Template, 2, 1, "span", 12);
+            i0.ɵɵconditionalCreate(15, ComponentBrowserComponent_Conditional_15_Template, 2, 1, "span", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(16, "span", 13);
             i0.ɵɵtext(17);
@@ -592,9 +594,9 @@ export class ComponentBrowserComponent {
             i0.ɵɵlistener("valueChange", function ComponentBrowserComponent_Template_kendo_textbox_valueChange_19_listener($event) { return ctx.OnSearchChange($event); });
             i0.ɵɵtemplate(20, ComponentBrowserComponent_ng_template_20_Template, 1, 0, "ng-template", 16);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(21, ComponentBrowserComponent_Conditional_21_Template, 19, 5, "div", 17);
+            i0.ɵɵconditionalCreate(21, ComponentBrowserComponent_Conditional_21_Template, 19, 5, "div", 17);
             i0.ɵɵelementStart(22, "div", 18);
-            i0.ɵɵtemplate(23, ComponentBrowserComponent_Conditional_23_Template, 2, 0, "div", 19)(24, ComponentBrowserComponent_Conditional_24_Template, 3, 1, "div", 20)(25, ComponentBrowserComponent_Conditional_25_Template, 2, 0);
+            i0.ɵɵconditionalCreate(23, ComponentBrowserComponent_Conditional_23_Template, 2, 0, "div", 19)(24, ComponentBrowserComponent_Conditional_24_Template, 3, 1, "div", 20)(25, ComponentBrowserComponent_Conditional_25_Template, 2, 0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -622,7 +624,7 @@ export class ComponentBrowserComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBrowserComponent, [{
         type: Component,
-        args: [{ selector: 'mj-component-browser', template: "<div class=\"component-browser\">\n\n  <!-- Header -->\n  <div class=\"browser-header\">\n    <div class=\"header-top-row\">\n      <button kendoButton\n        [themeColor]=\"'primary'\"\n        (click)=\"OnNewComponent()\">\n        <i class=\"fa-solid fa-plus\"></i> New Component\n      </button>\n      <div class=\"import-dropdown\" [class.open]=\"ImportDropdownOpen\">\n        <button kendoButton\n          [themeColor]=\"'base'\"\n          (click)=\"ToggleImportDropdown()\">\n          <i class=\"fa-solid fa-file-import\"></i> Import\n          <i class=\"fa-solid fa-chevron-down dropdown-chevron\"></i>\n        </button>\n        @if (ImportDropdownOpen) {\n          <div class=\"dropdown-menu\">\n            <button class=\"dropdown-item\" (click)=\"OnImportFromArtifact()\">\n              <i class=\"fa-solid fa-database\"></i> From Artifact\n            </button>\n            <button class=\"dropdown-item\" (click)=\"OnImportFromFile()\">\n              <i class=\"fa-solid fa-file\"></i> From File\n            </button>\n            <button class=\"dropdown-item\" (click)=\"OnImportFromText()\">\n              <i class=\"fa-solid fa-keyboard\"></i> From Text\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"header-controls-row\">\n      <button\n        class=\"filter-toggle-btn\"\n        [class.active]=\"State.IsFilterPanelExpanded || State.GetActiveFilterCount() > 0\"\n        (click)=\"State.ToggleFilterPanel()\"\n        [title]=\"State.IsFilterPanelExpanded ? 'Hide filters' : 'Show filters'\">\n        <i class=\"fa-solid fa-sliders\"></i>\n        @if (State.GetActiveFilterCount() > 0) {\n          <span class=\"filter-count-badge\">{{ State.GetActiveFilterCount() }}</span>\n        }\n      </button>\n      <span class=\"component-count\">\n        {{ State.FilteredComponents.length }} of {{ State.AllComponents.length }}\n      </span>\n    </div>\n  </div>\n\n  <!-- Search -->\n  <div class=\"search-box\">\n    <kendo-textbox\n      [value]=\"State.SearchQuery\"\n      (valueChange)=\"OnSearchChange($event)\"\n      placeholder=\"Search components...\"\n      [clearButton]=\"true\">\n      <ng-template kendoTextBoxPrefixTemplate>\n        <i class=\"fa-solid fa-search search-icon\"></i>\n      </ng-template>\n    </kendo-textbox>\n  </div>\n\n  <!-- Collapsible Filter Panel -->\n  @if (State.IsFilterPanelExpanded) {\n    <div class=\"filter-panel\">\n      <div class=\"filter-panel-content\">\n\n        <!-- Quick Filters -->\n        <div class=\"filter-section\">\n          <label class=\"filter-section-label\">Quick Filters</label>\n          <div class=\"filter-options\">\n            <label class=\"filter-checkbox\">\n              <input type=\"checkbox\"\n                [checked]=\"State.ShowOnlyFavorites\"\n                (change)=\"State.ToggleShowOnlyFavorites()\">\n              <i class=\"fa-solid fa-star filter-icon favorites-icon\"></i>\n              <span>Favorites only</span>\n            </label>\n            <label class=\"filter-checkbox\">\n              <input type=\"checkbox\"\n                [checked]=\"State.ShowDeprecatedComponents\"\n                (change)=\"State.ToggleShowDeprecatedComponents()\">\n              <i class=\"fa-solid fa-archive filter-icon deprecated-icon\"></i>\n              <span>Show deprecated\n                @if (State.GetDeprecatedCount() > 0) {\n                  <span class=\"deprecated-count\">({{ State.GetDeprecatedCount() }})</span>\n                }\n              </span>\n            </label>\n          </div>\n        </div>\n\n        <!-- Category Pills -->\n        @if (State.AvailableCategories.length > 0) {\n          <div class=\"filter-section\">\n            <label class=\"filter-section-label\">Categories</label>\n            <div class=\"category-pills\">\n              @for (category of State.GetVisibleCategories(); track TrackByCategoryName($index, category)) {\n                <button\n                  class=\"category-pill\"\n                  [class.active]=\"State.IsCategorySelected(category.name)\"\n                  [style.--pill-color]=\"category.color\"\n                  (click)=\"State.ToggleCategory(category.name)\">\n                  <span class=\"pill-name\">{{ category.name }}</span>\n                  <span class=\"pill-count\">{{ category.count }}</span>\n                </button>\n              }\n            </div>\n            @if (State.AvailableCategories.length > 5) {\n              <button\n                class=\"show-more-btn\"\n                (click)=\"State.ToggleShowAllCategories()\">\n                @if (State.ShowAllCategories) {\n                  <i class=\"fa-solid fa-chevron-up\"></i> Show less\n                } @else {\n                  <i class=\"fa-solid fa-chevron-down\"></i> Show {{ State.AvailableCategories.length - 5 }} more\n                }\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Clear All -->\n        @if (State.GetActiveFilterCount() > 0) {\n          <div class=\"filter-panel-footer\">\n            <button class=\"clear-all-btn\" (click)=\"State.ClearAllFilters()\">\n              <i class=\"fa-solid fa-times\"></i> Clear All Filters\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Component Card List -->\n  <div class=\"component-list\">\n    @if (State.IsLoading) {\n      <div class=\"loading-state\">\n        <mj-loading text=\"Loading components...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (State.FilteredComponents.length === 0) {\n      <div class=\"empty-state\">\n        @if (State.AllComponents.length === 0) {\n          <i class=\"fa-solid fa-puzzle-piece empty-icon\"></i>\n          <p class=\"empty-title\">No components found</p>\n          <p class=\"empty-subtitle\">Create a new component or import one to get started.</p>\n        } @else {\n          <i class=\"fa-solid fa-filter empty-icon\"></i>\n          <p class=\"empty-title\">No matching components</p>\n          <p class=\"empty-subtitle\">Try adjusting your search or filters.</p>\n        }\n      </div>\n    } @else {\n      @for (component of State.FilteredComponents; track TrackByComponentId($index, component)) {\n        <div class=\"component-card\"\n          [class.expanded]=\"IsExpanded(component)\"\n          [class.running]=\"IsComponentRunning(component)\"\n          [class.file-loaded]=\"State.IsFileLoadedComponent(component)\">\n\n          <!-- Card Header (always visible) -->\n          <div class=\"card-header\" (click)=\"ToggleComponentExpansion(component)\">\n            <div class=\"card-type-icon\"\n              [style.color]=\"State.GetComponentTypeColor(State.GetComponentType(component))\">\n              <i class=\"fa-solid\"\n                [ngClass]=\"State.GetComponentTypeIcon(State.GetComponentType(component))\"></i>\n            </div>\n\n            <div class=\"card-body\">\n              <div class=\"card-title-row\">\n                <span class=\"card-name\">{{ State.GetComponentName(component) }}</span>\n                @if (State.IsFileLoadedComponent(component)) {\n                  <span class=\"file-badge\" [title]=\"GetFileBadgeTooltip(component)\">\n                    <i class=\"fa-solid\" [ngClass]=\"GetFileBadgeIcon(component)\"></i>\n                    {{ GetFileBadgeLabel(component) }}\n                  </span>\n                }\n              </div>\n              <div class=\"card-meta-row\">\n                <span class=\"version-badge\">v{{ State.GetComponentVersion(component) }}</span>\n                <span class=\"status-badge\" [ngClass]=\"GetStatusBadgeClass(component)\">\n                  {{ GetStatusLabel(component) }}\n                </span>\n                <span class=\"namespace-chip\"\n                  [style.background-color]=\"State.GetNamespaceColor(State.GetComponentNamespace(component))\"\n                  [title]=\"State.GetComponentNamespace(component) || 'Uncategorized'\">\n                  <i class=\"fa-solid fa-folder-tree\"></i>\n                  {{ State.FormatNamespace(State.GetComponentNamespace(component)) }}\n                </span>\n              </div>\n            </div>\n\n            <div class=\"card-end\">\n              @if (!State.IsFileLoadedComponent(component)) {\n                <button\n                  class=\"favorite-btn\"\n                  [class.is-favorite]=\"State.IsFavorite(component)\"\n                  (click)=\"OnToggleFavorite(component, $event)\"\n                  [title]=\"State.IsFavorite(component) ? 'Remove from favorites' : 'Add to favorites'\">\n                  @if (State.IsFavorite(component)) {\n                    <i class=\"fa-solid fa-star\"></i>\n                  } @else {\n                    <i class=\"fa-regular fa-star\"></i>\n                  }\n                </button>\n              }\n              @if (State.IsFileLoadedComponent(component)) {\n                <button\n                  class=\"remove-btn\"\n                  (click)=\"OnRemoveFileComponent($any(component), $event)\"\n                  title=\"Remove imported component\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              }\n              <div class=\"card-chevron\">\n                @if (IsExpanded(component)) {\n                  <i class=\"fa-solid fa-chevron-up\"></i>\n                } @else {\n                  <i class=\"fa-solid fa-chevron-down\"></i>\n                }\n              </div>\n            </div>\n          </div>\n\n          <!-- Card Details (expanded) -->\n          @if (IsExpanded(component)) {\n            <div class=\"card-details\">\n              @if (State.GetComponentDescription(component)) {\n                <div class=\"detail-description\">\n                  <p>{{ State.GetComponentDescription(component) }}</p>\n                </div>\n              }\n\n              <div class=\"detail-info-grid\">\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Type</span>\n                  <span class=\"info-value\">{{ State.GetComponentType(component) || 'Unknown' }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Version</span>\n                  <span class=\"info-value\">{{ State.GetComponentVersion(component) }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Status</span>\n                  <span class=\"info-value\">{{ State.GetComponentStatus(component) || 'Draft' }}</span>\n                </div>\n                @if (State.IsFileLoadedComponent(component)) {\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Loaded</span>\n                    <span class=\"info-value\">{{ State.GetComponentLoadedAt(component) | date:'short' }}</span>\n                  </div>\n                } @else if (State.GetComponentUpdatedAt(component)) {\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Updated</span>\n                    <span class=\"info-value\">{{ State.GetComponentUpdatedAt(component) | date:'short' }}</span>\n                  </div>\n                }\n              </div>\n\n              <div class=\"detail-actions\">\n                @if (IsComponentRunning(component)) {\n                  <button kendoButton\n                    [themeColor]=\"'error'\"\n                    (click)=\"OnStopComponent($event)\">\n                    <i class=\"fa-solid fa-stop\"></i> Stop\n                  </button>\n                } @else if (IsAnotherComponentRunning(component)) {\n                  <button kendoButton\n                    [themeColor]=\"'base'\"\n                    title=\"Stop current component and run this one\"\n                    (click)=\"OnSwitchComponent(component, $event)\">\n                    <i class=\"fa-solid fa-exchange-alt\"></i> Switch To This\n                  </button>\n                } @else {\n                  <button kendoButton\n                    [themeColor]=\"'primary'\"\n                    (click)=\"OnRunComponent(component, $event)\">\n                    <i class=\"fa-solid fa-play\"></i> Run\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: ["/* ============================================================ */\n/* Component Browser - Left Panel                               */\n/* ============================================================ */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.component-browser {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mat-sys-surface-container-low);\n  overflow: hidden;\n}\n\n/* ============================================================ */\n/* Header                                                        */\n/* ============================================================ */\n\n.browser-header {\n  padding: 12px 14px 8px;\n  border-bottom: 1px solid var(--mat-sys-outline);\n  background: var(--mat-sys-surface);\n  flex-shrink: 0;\n}\n\n.browser-header .header-top-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.browser-header .header-controls-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.browser-header .component-count {\n  font-size: 12px;\n  color: var(--mat-sys-on-surface-variant);\n  margin-left: auto;\n}\n\n/* ============================================================ */\n/* Import Dropdown                                               */\n/* ============================================================ */\n\n.import-dropdown {\n  position: relative;\n}\n\n.import-dropdown .dropdown-chevron {\n  margin-left: 4px;\n  font-size: 10px;\n}\n\n.import-dropdown .dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  min-width: 180px;\n  margin-top: 4px;\n  background: var(--mat-sys-surface);\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-extra-small);\n  box-shadow: var(--mat-sys-elevation-2);\n  overflow: hidden;\n}\n\n.import-dropdown .dropdown-menu .dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 14px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.15s;\n}\n\n.import-dropdown .dropdown-menu .dropdown-item:hover {\n  background: var(--mat-sys-surface-variant);\n}\n\n.import-dropdown .dropdown-menu .dropdown-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mat-sys-on-surface-variant);\n}\n\n/* ============================================================ */\n/* Filter Toggle Button                                          */\n/* ============================================================ */\n\n.filter-toggle-btn {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 5px 10px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-extra-small);\n  background: var(--mat-sys-surface);\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 13px;\n  cursor: pointer;\n  transition: all 0.15s;\n  position: relative;\n}\n\n.filter-toggle-btn:hover {\n  border-color: var(--mat-sys-on-surface-variant);\n  color: var(--mat-sys-on-surface);\n}\n\n.filter-toggle-btn.active {\n  border-color: var(--mat-sys-primary);\n  color: var(--mat-sys-primary);\n  background: #eff6ff;\n}\n\n.filter-toggle-btn .filter-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: var(--mat-sys-primary);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n\n/* ============================================================ */\n/* Search Box                                                    */\n/* ============================================================ */\n\n.search-box {\n  padding: 8px 14px;\n  flex-shrink: 0;\n}\n\n.search-box .search-icon {\n  color: var(--mat-sys-on-surface-variant);\n  margin-left: 6px;\n}\n\n/* ============================================================ */\n/* Filter Panel                                                  */\n/* ============================================================ */\n\n.filter-panel {\n  border-bottom: 1px solid var(--mat-sys-outline);\n  background: var(--mat-sys-surface);\n  flex-shrink: 0;\n}\n\n.filter-panel .filter-panel-content {\n  padding: 8px 14px 12px;\n}\n\n.filter-section {\n  margin-bottom: 10px;\n}\n\n.filter-section:last-child {\n  margin-bottom: 0;\n}\n\n.filter-section .filter-section-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 6px;\n}\n\n.filter-options {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.filter-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  transition: background 0.15s;\n}\n\n.filter-checkbox:hover {\n  background: var(--mat-sys-surface-variant);\n}\n\n.filter-checkbox input[type=\"checkbox\"] {\n  width: 14px;\n  height: 14px;\n  accent-color: var(--mat-sys-primary);\n  cursor: pointer;\n}\n\n.filter-checkbox .filter-icon {\n  font-size: 12px;\n}\n\n.filter-checkbox .favorites-icon {\n  color: #eab308;\n}\n\n.filter-checkbox .deprecated-icon {\n  color: #94a3b8;\n}\n\n.filter-checkbox .deprecated-count {\n  color: #94a3b8;\n  font-size: 12px;\n}\n\n/* ============================================================ */\n/* Category Pills                                                */\n/* ============================================================ */\n\n.category-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.category-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 10px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: 14px;\n  background: var(--mat-sys-surface);\n  font-size: 12px;\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.category-pill .pill-name {\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.category-pill .pill-count {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  background: var(--mat-sys-surface-variant);\n  padding: 0 5px;\n  border-radius: 8px;\n  line-height: 16px;\n}\n\n.category-pill:hover {\n  border-color: var(--pill-color, var(--mat-sys-primary));\n  background: var(--mat-sys-surface-container-lowest);\n}\n\n.category-pill.active {\n  border-color: var(--pill-color, var(--mat-sys-primary));\n  background: var(--pill-color, var(--mat-sys-primary));\n  color: #fff;\n}\n\n.category-pill.active .pill-count {\n  background: rgba(255, 255, 255, 0.25);\n  color: #fff;\n}\n\n.show-more-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 6px;\n  padding: 2px 0;\n  border: none;\n  background: none;\n  font-size: 12px;\n  color: var(--mat-sys-primary);\n  cursor: pointer;\n}\n\n.show-more-btn:hover {\n  color: var(--mat-sys-primary);\n  text-decoration: underline;\n}\n\n.filter-panel-footer {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n\n.clear-all-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  font-size: 12px;\n  color: #ef4444;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n\n.clear-all-btn:hover {\n  background: #fef2f2;\n}\n\n/* ============================================================ */\n/* Component List (scrollable)                                   */\n/* ============================================================ */\n\n.component-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 10px;\n}\n\n/* ============================================================ */\n/* Loading & Empty States                                        */\n/* ============================================================ */\n\n.loading-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-state .empty-icon {\n  font-size: 32px;\n  color: var(--mat-sys-outline);\n  margin-bottom: 12px;\n}\n\n.empty-state .empty-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0 0 4px;\n}\n\n.empty-state .empty-subtitle {\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0;\n}\n\n/* ============================================================ */\n/* Component Card                                                */\n/* ============================================================ */\n\n.component-card {\n  margin-bottom: 6px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-small);\n  background: var(--mat-sys-surface);\n  transition: all 0.15s;\n  overflow: hidden;\n}\n\n.component-card:hover {\n  box-shadow: var(--mat-sys-elevation-1);\n  border-color: var(--mat-sys-outline);\n}\n\n/* Running state: green left border */\n.component-card.running {\n  border-left: 3px solid #10b981;\n}\n\n/* File-loaded state: dashed border */\n.component-card.file-loaded {\n  border-style: dashed;\n  border-color: #94a3b8;\n}\n\n.component-card.file-loaded:hover {\n  border-color: #64748b;\n}\n\n/* Expanded state: blue border */\n.component-card.expanded {\n  border-color: var(--mat-sys-primary);\n  box-shadow: 0 2px 12px rgba(59, 130, 246, 0.1);\n}\n\n.component-card.expanded.running {\n  border-color: var(--mat-sys-primary);\n  border-left: 3px solid #10b981;\n}\n\n.component-card.expanded.file-loaded {\n  border-style: solid;\n  border-color: var(--mat-sys-primary);\n}\n\n/* ============================================================ */\n/* Card Header                                                   */\n/* ============================================================ */\n\n.card-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 12px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-header:hover {\n  background: var(--mat-sys-surface-container-lowest);\n}\n\n.card-type-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  background: var(--mat-sys-surface-variant);\n  border-radius: var(--mat-sys-corner-extra-small);\n  margin-top: 2px;\n}\n\n.card-body {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-title-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.file-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: #f0f9ff;\n  color: #0284c7;\n  font-size: 10px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.card-meta-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.version-badge {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mat-sys-on-surface-variant);\n  background: var(--mat-sys-surface-variant);\n  padding: 1px 6px;\n  border-radius: 4px;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.status-badge.published {\n  background: #d1fae5;\n  color: #065f46;\n}\n\n.status-badge.draft {\n  background: #e0e7ff;\n  color: #3730a3;\n}\n\n.status-badge.deprecated {\n  background: #fee2e2;\n  color: #991b1b;\n}\n\n.status-badge.file {\n  background: #fef3c7;\n  color: #92400e;\n}\n\n.status-badge.text {\n  background: #ede9fe;\n  color: #5b21b6;\n}\n\n.status-badge.artifact {\n  background: #cffafe;\n  color: #155e75;\n}\n\n.namespace-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 1px 7px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n  color: #fff;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.namespace-chip i {\n  font-size: 9px;\n  opacity: 0.8;\n}\n\n/* ============================================================ */\n/* Card End (favorite, remove, chevron)                          */\n/* ============================================================ */\n\n.card-end {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.favorite-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: var(--mat-sys-outline);\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.favorite-btn:hover {\n  color: #eab308;\n  background: #fefce8;\n}\n\n.favorite-btn.is-favorite {\n  color: #eab308;\n}\n\n.remove-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: var(--mat-sys-outline);\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.remove-btn:hover {\n  color: #ef4444;\n  background: #fef2f2;\n}\n\n.card-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 11px;\n}\n\n/* ============================================================ */\n/* Card Details (expanded content)                               */\n/* ============================================================ */\n\n.card-details {\n  padding: 0 12px 12px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n\n.detail-description {\n  padding: 8px 0;\n}\n\n.detail-description p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  line-height: 1.5;\n}\n\n.detail-info-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px 16px;\n  padding: 8px 0;\n}\n\n.detail-info-grid .info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.detail-info-grid .info-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n}\n\n.detail-info-grid .info-value {\n  font-size: 13px;\n  color: var(--mat-sys-on-surface);\n}\n\n.detail-actions {\n  display: flex;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-component-browser', template: "<div class=\"component-browser\">\n\n  <!-- Header -->\n  <div class=\"browser-header\">\n    <div class=\"header-top-row\">\n      <button kendoButton\n        [themeColor]=\"'primary'\"\n        (click)=\"OnNewComponent()\">\n        <i class=\"fa-solid fa-plus\"></i> New Component\n      </button>\n      <div class=\"import-dropdown\" [class.open]=\"ImportDropdownOpen\">\n        <button kendoButton\n          [themeColor]=\"'base'\"\n          (click)=\"ToggleImportDropdown()\">\n          <i class=\"fa-solid fa-file-import\"></i> Import\n          <i class=\"fa-solid fa-chevron-down dropdown-chevron\"></i>\n        </button>\n        @if (ImportDropdownOpen) {\n          <div class=\"dropdown-menu\">\n            <button class=\"dropdown-item\" (click)=\"OnImportFromArtifact()\">\n              <i class=\"fa-solid fa-database\"></i> From Artifact\n            </button>\n            <button class=\"dropdown-item\" (click)=\"OnImportFromFile()\">\n              <i class=\"fa-solid fa-file\"></i> From File\n            </button>\n            <button class=\"dropdown-item\" (click)=\"OnImportFromText()\">\n              <i class=\"fa-solid fa-keyboard\"></i> From Text\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"header-controls-row\">\n      <button\n        class=\"filter-toggle-btn\"\n        [class.active]=\"State.IsFilterPanelExpanded || State.GetActiveFilterCount() > 0\"\n        (click)=\"State.ToggleFilterPanel()\"\n        [title]=\"State.IsFilterPanelExpanded ? 'Hide filters' : 'Show filters'\">\n        <i class=\"fa-solid fa-sliders\"></i>\n        @if (State.GetActiveFilterCount() > 0) {\n          <span class=\"filter-count-badge\">{{ State.GetActiveFilterCount() }}</span>\n        }\n      </button>\n      <span class=\"component-count\">\n        {{ State.FilteredComponents.length }} of {{ State.AllComponents.length }}\n      </span>\n    </div>\n  </div>\n\n  <!-- Search -->\n  <div class=\"search-box\">\n    <kendo-textbox\n      [value]=\"State.SearchQuery\"\n      (valueChange)=\"OnSearchChange($event)\"\n      placeholder=\"Search components...\"\n      [clearButton]=\"true\">\n      <ng-template kendoTextBoxPrefixTemplate>\n        <i class=\"fa-solid fa-search search-icon\"></i>\n      </ng-template>\n    </kendo-textbox>\n  </div>\n\n  <!-- Collapsible Filter Panel -->\n  @if (State.IsFilterPanelExpanded) {\n    <div class=\"filter-panel\">\n      <div class=\"filter-panel-content\">\n\n        <!-- Quick Filters -->\n        <div class=\"filter-section\">\n          <label class=\"filter-section-label\">Quick Filters</label>\n          <div class=\"filter-options\">\n            <label class=\"filter-checkbox\">\n              <input type=\"checkbox\"\n                [checked]=\"State.ShowOnlyFavorites\"\n                (change)=\"State.ToggleShowOnlyFavorites()\">\n              <i class=\"fa-solid fa-star filter-icon favorites-icon\"></i>\n              <span>Favorites only</span>\n            </label>\n            <label class=\"filter-checkbox\">\n              <input type=\"checkbox\"\n                [checked]=\"State.ShowDeprecatedComponents\"\n                (change)=\"State.ToggleShowDeprecatedComponents()\">\n              <i class=\"fa-solid fa-archive filter-icon deprecated-icon\"></i>\n              <span>Show deprecated\n                @if (State.GetDeprecatedCount() > 0) {\n                  <span class=\"deprecated-count\">({{ State.GetDeprecatedCount() }})</span>\n                }\n              </span>\n            </label>\n          </div>\n        </div>\n\n        <!-- Category Pills -->\n        @if (State.AvailableCategories.length > 0) {\n          <div class=\"filter-section\">\n            <label class=\"filter-section-label\">Categories</label>\n            <div class=\"category-pills\">\n              @for (category of State.GetVisibleCategories(); track TrackByCategoryName($index, category)) {\n                <button\n                  class=\"category-pill\"\n                  [class.active]=\"State.IsCategorySelected(category.name)\"\n                  [style.--pill-color]=\"category.color\"\n                  (click)=\"State.ToggleCategory(category.name)\">\n                  <span class=\"pill-name\">{{ category.name }}</span>\n                  <span class=\"pill-count\">{{ category.count }}</span>\n                </button>\n              }\n            </div>\n            @if (State.AvailableCategories.length > 5) {\n              <button\n                class=\"show-more-btn\"\n                (click)=\"State.ToggleShowAllCategories()\">\n                @if (State.ShowAllCategories) {\n                  <i class=\"fa-solid fa-chevron-up\"></i> Show less\n                } @else {\n                  <i class=\"fa-solid fa-chevron-down\"></i> Show {{ State.AvailableCategories.length - 5 }} more\n                }\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Clear All -->\n        @if (State.GetActiveFilterCount() > 0) {\n          <div class=\"filter-panel-footer\">\n            <button class=\"clear-all-btn\" (click)=\"State.ClearAllFilters()\">\n              <i class=\"fa-solid fa-times\"></i> Clear All Filters\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Component Card List -->\n  <div class=\"component-list\">\n    @if (State.IsLoading) {\n      <div class=\"loading-state\">\n        <mj-loading text=\"Loading components...\" size=\"small\"></mj-loading>\n      </div>\n    } @else if (State.FilteredComponents.length === 0) {\n      <div class=\"empty-state\">\n        @if (State.AllComponents.length === 0) {\n          <i class=\"fa-solid fa-puzzle-piece empty-icon\"></i>\n          <p class=\"empty-title\">No components found</p>\n          <p class=\"empty-subtitle\">Create a new component or import one to get started.</p>\n        } @else {\n          <i class=\"fa-solid fa-filter empty-icon\"></i>\n          <p class=\"empty-title\">No matching components</p>\n          <p class=\"empty-subtitle\">Try adjusting your search or filters.</p>\n        }\n      </div>\n    } @else {\n      @for (component of State.FilteredComponents; track TrackByComponentId($index, component)) {\n        <div class=\"component-card\"\n          [class.expanded]=\"IsExpanded(component)\"\n          [class.running]=\"IsComponentRunning(component)\"\n          [class.file-loaded]=\"State.IsFileLoadedComponent(component)\">\n\n          <!-- Card Header (always visible) -->\n          <div class=\"card-header\" (click)=\"ToggleComponentExpansion(component)\">\n            <div class=\"card-type-icon\"\n              [style.color]=\"State.GetComponentTypeColor(State.GetComponentType(component))\">\n              <i class=\"fa-solid\"\n                [ngClass]=\"State.GetComponentTypeIcon(State.GetComponentType(component))\"></i>\n            </div>\n\n            <div class=\"card-body\">\n              <div class=\"card-title-row\">\n                <span class=\"card-name\">{{ State.GetComponentName(component) }}</span>\n                @if (State.IsFileLoadedComponent(component)) {\n                  <span class=\"file-badge\" [title]=\"GetFileBadgeTooltip(component)\">\n                    <i class=\"fa-solid\" [ngClass]=\"GetFileBadgeIcon(component)\"></i>\n                    {{ GetFileBadgeLabel(component) }}\n                  </span>\n                }\n              </div>\n              <div class=\"card-meta-row\">\n                <span class=\"version-badge\">v{{ State.GetComponentVersion(component) }}</span>\n                <span class=\"status-badge\" [ngClass]=\"GetStatusBadgeClass(component)\">\n                  {{ GetStatusLabel(component) }}\n                </span>\n                <span class=\"namespace-chip\"\n                  [style.background-color]=\"State.GetNamespaceColor(State.GetComponentNamespace(component))\"\n                  [title]=\"State.GetComponentNamespace(component) || 'Uncategorized'\">\n                  <i class=\"fa-solid fa-folder-tree\"></i>\n                  {{ State.FormatNamespace(State.GetComponentNamespace(component)) }}\n                </span>\n              </div>\n            </div>\n\n            <div class=\"card-end\">\n              @if (!State.IsFileLoadedComponent(component)) {\n                <button\n                  class=\"favorite-btn\"\n                  [class.is-favorite]=\"State.IsFavorite(component)\"\n                  (click)=\"OnToggleFavorite(component, $event)\"\n                  [title]=\"State.IsFavorite(component) ? 'Remove from favorites' : 'Add to favorites'\">\n                  @if (State.IsFavorite(component)) {\n                    <i class=\"fa-solid fa-star\"></i>\n                  } @else {\n                    <i class=\"fa-regular fa-star\"></i>\n                  }\n                </button>\n              }\n              @if (State.IsFileLoadedComponent(component)) {\n                <button\n                  class=\"remove-btn\"\n                  (click)=\"OnRemoveFileComponent($any(component), $event)\"\n                  title=\"Remove imported component\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              }\n              <div class=\"card-chevron\">\n                @if (IsExpanded(component)) {\n                  <i class=\"fa-solid fa-chevron-up\"></i>\n                } @else {\n                  <i class=\"fa-solid fa-chevron-down\"></i>\n                }\n              </div>\n            </div>\n          </div>\n\n          <!-- Card Details (expanded) -->\n          @if (IsExpanded(component)) {\n            <div class=\"card-details\">\n              @if (State.GetComponentDescription(component)) {\n                <div class=\"detail-description\">\n                  <p>{{ State.GetComponentDescription(component) }}</p>\n                </div>\n              }\n\n              <div class=\"detail-info-grid\">\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Type</span>\n                  <span class=\"info-value\">{{ State.GetComponentType(component) || 'Unknown' }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Version</span>\n                  <span class=\"info-value\">{{ State.GetComponentVersion(component) }}</span>\n                </div>\n                <div class=\"info-item\">\n                  <span class=\"info-label\">Status</span>\n                  <span class=\"info-value\">{{ State.GetComponentStatus(component) || 'Draft' }}</span>\n                </div>\n                @if (State.IsFileLoadedComponent(component)) {\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Loaded</span>\n                    <span class=\"info-value\">{{ State.GetComponentLoadedAt(component) | date:'short' }}</span>\n                  </div>\n                } @else if (State.GetComponentUpdatedAt(component)) {\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Updated</span>\n                    <span class=\"info-value\">{{ State.GetComponentUpdatedAt(component) | date:'short' }}</span>\n                  </div>\n                }\n              </div>\n\n              <div class=\"detail-actions\">\n                @if (IsComponentRunning(component)) {\n                  <button kendoButton\n                    [themeColor]=\"'error'\"\n                    (click)=\"OnStopComponent($event)\">\n                    <i class=\"fa-solid fa-stop\"></i> Stop\n                  </button>\n                } @else if (IsAnotherComponentRunning(component)) {\n                  <button kendoButton\n                    [themeColor]=\"'base'\"\n                    title=\"Stop current component and run this one\"\n                    (click)=\"OnSwitchComponent(component, $event)\">\n                    <i class=\"fa-solid fa-exchange-alt\"></i> Switch To This\n                  </button>\n                } @else {\n                  <button kendoButton\n                    [themeColor]=\"'primary'\"\n                    (click)=\"OnRunComponent(component, $event)\">\n                    <i class=\"fa-solid fa-play\"></i> Run\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: ["/* ============================================================ */\n/* Component Browser - Left Panel                               */\n/* ============================================================ */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.component-browser {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mat-sys-surface-container-low);\n  overflow: hidden;\n}\n\n/* ============================================================ */\n/* Header                                                        */\n/* ============================================================ */\n\n.browser-header {\n  padding: 12px 14px 8px;\n  border-bottom: 1px solid var(--mat-sys-outline);\n  background: var(--mat-sys-surface);\n  flex-shrink: 0;\n}\n\n.browser-header .header-top-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.browser-header .header-controls-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.browser-header .component-count {\n  font-size: 12px;\n  color: var(--mat-sys-on-surface-variant);\n  margin-left: auto;\n}\n\n/* ============================================================ */\n/* Import Dropdown                                               */\n/* ============================================================ */\n\n.import-dropdown {\n  position: relative;\n}\n\n.import-dropdown .dropdown-chevron {\n  margin-left: 4px;\n  font-size: 10px;\n}\n\n.import-dropdown .dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  min-width: 180px;\n  margin-top: 4px;\n  background: var(--mat-sys-surface);\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-extra-small);\n  box-shadow: var(--mat-sys-elevation-2);\n  overflow: hidden;\n}\n\n.import-dropdown .dropdown-menu .dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 14px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.15s;\n}\n\n.import-dropdown .dropdown-menu .dropdown-item:hover {\n  background: var(--mat-sys-surface-variant);\n}\n\n.import-dropdown .dropdown-menu .dropdown-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mat-sys-on-surface-variant);\n}\n\n/* ============================================================ */\n/* Filter Toggle Button                                          */\n/* ============================================================ */\n\n.filter-toggle-btn {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 5px 10px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-extra-small);\n  background: var(--mat-sys-surface);\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 13px;\n  cursor: pointer;\n  transition: all 0.15s;\n  position: relative;\n}\n\n.filter-toggle-btn:hover {\n  border-color: var(--mat-sys-on-surface-variant);\n  color: var(--mat-sys-on-surface);\n}\n\n.filter-toggle-btn.active {\n  border-color: var(--mat-sys-primary);\n  color: var(--mat-sys-primary);\n  background: #eff6ff;\n}\n\n.filter-toggle-btn .filter-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: var(--mat-sys-primary);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n\n/* ============================================================ */\n/* Search Box                                                    */\n/* ============================================================ */\n\n.search-box {\n  padding: 8px 14px;\n  flex-shrink: 0;\n}\n\n.search-box .search-icon {\n  color: var(--mat-sys-on-surface-variant);\n  margin-left: 6px;\n}\n\n/* ============================================================ */\n/* Filter Panel                                                  */\n/* ============================================================ */\n\n.filter-panel {\n  border-bottom: 1px solid var(--mat-sys-outline);\n  background: var(--mat-sys-surface);\n  flex-shrink: 0;\n}\n\n.filter-panel .filter-panel-content {\n  padding: 8px 14px 12px;\n}\n\n.filter-section {\n  margin-bottom: 10px;\n}\n\n.filter-section:last-child {\n  margin-bottom: 0;\n}\n\n.filter-section .filter-section-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 6px;\n}\n\n.filter-options {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.filter-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  transition: background 0.15s;\n}\n\n.filter-checkbox:hover {\n  background: var(--mat-sys-surface-variant);\n}\n\n.filter-checkbox input[type=\"checkbox\"] {\n  width: 14px;\n  height: 14px;\n  accent-color: var(--mat-sys-primary);\n  cursor: pointer;\n}\n\n.filter-checkbox .filter-icon {\n  font-size: 12px;\n}\n\n.filter-checkbox .favorites-icon {\n  color: #eab308;\n}\n\n.filter-checkbox .deprecated-icon {\n  color: #94a3b8;\n}\n\n.filter-checkbox .deprecated-count {\n  color: #94a3b8;\n  font-size: 12px;\n}\n\n/* ============================================================ */\n/* Category Pills                                                */\n/* ============================================================ */\n\n.category-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.category-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 10px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: 14px;\n  background: var(--mat-sys-surface);\n  font-size: 12px;\n  color: var(--mat-sys-on-surface-variant);\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.category-pill .pill-name {\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.category-pill .pill-count {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  background: var(--mat-sys-surface-variant);\n  padding: 0 5px;\n  border-radius: 8px;\n  line-height: 16px;\n}\n\n.category-pill:hover {\n  border-color: var(--pill-color, var(--mat-sys-primary));\n  background: var(--mat-sys-surface-container-lowest);\n}\n\n.category-pill.active {\n  border-color: var(--pill-color, var(--mat-sys-primary));\n  background: var(--pill-color, var(--mat-sys-primary));\n  color: #fff;\n}\n\n.category-pill.active .pill-count {\n  background: rgba(255, 255, 255, 0.25);\n  color: #fff;\n}\n\n.show-more-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-top: 6px;\n  padding: 2px 0;\n  border: none;\n  background: none;\n  font-size: 12px;\n  color: var(--mat-sys-primary);\n  cursor: pointer;\n}\n\n.show-more-btn:hover {\n  color: var(--mat-sys-primary);\n  text-decoration: underline;\n}\n\n.filter-panel-footer {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n\n.clear-all-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  font-size: 12px;\n  color: #ef4444;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n\n.clear-all-btn:hover {\n  background: #fef2f2;\n}\n\n/* ============================================================ */\n/* Component List (scrollable)                                   */\n/* ============================================================ */\n\n.component-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 10px;\n}\n\n/* ============================================================ */\n/* Loading & Empty States                                        */\n/* ============================================================ */\n\n.loading-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-state .empty-icon {\n  font-size: 32px;\n  color: var(--mat-sys-outline);\n  margin-bottom: 12px;\n}\n\n.empty-state .empty-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0 0 4px;\n}\n\n.empty-state .empty-subtitle {\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  margin: 0;\n}\n\n/* ============================================================ */\n/* Component Card                                                */\n/* ============================================================ */\n\n.component-card {\n  margin-bottom: 6px;\n  border: 1px solid var(--mat-sys-outline);\n  border-radius: var(--mat-sys-corner-small);\n  background: var(--mat-sys-surface);\n  transition: all 0.15s;\n  overflow: hidden;\n}\n\n.component-card:hover {\n  box-shadow: var(--mat-sys-elevation-1);\n  border-color: var(--mat-sys-outline);\n}\n\n/* Running state: green left border */\n.component-card.running {\n  border-left: 3px solid #10b981;\n}\n\n/* File-loaded state: dashed border */\n.component-card.file-loaded {\n  border-style: dashed;\n  border-color: #94a3b8;\n}\n\n.component-card.file-loaded:hover {\n  border-color: #64748b;\n}\n\n/* Expanded state: blue border */\n.component-card.expanded {\n  border-color: var(--mat-sys-primary);\n  box-shadow: 0 2px 12px rgba(59, 130, 246, 0.1);\n}\n\n.component-card.expanded.running {\n  border-color: var(--mat-sys-primary);\n  border-left: 3px solid #10b981;\n}\n\n.component-card.expanded.file-loaded {\n  border-style: solid;\n  border-color: var(--mat-sys-primary);\n}\n\n/* ============================================================ */\n/* Card Header                                                   */\n/* ============================================================ */\n\n.card-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 12px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-header:hover {\n  background: var(--mat-sys-surface-container-lowest);\n}\n\n.card-type-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  background: var(--mat-sys-surface-variant);\n  border-radius: var(--mat-sys-corner-extra-small);\n  margin-top: 2px;\n}\n\n.card-body {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-title-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.file-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: #f0f9ff;\n  color: #0284c7;\n  font-size: 10px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.card-meta-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.version-badge {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mat-sys-on-surface-variant);\n  background: var(--mat-sys-surface-variant);\n  padding: 1px 6px;\n  border-radius: 4px;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.status-badge.published {\n  background: #d1fae5;\n  color: #065f46;\n}\n\n.status-badge.draft {\n  background: #e0e7ff;\n  color: #3730a3;\n}\n\n.status-badge.deprecated {\n  background: #fee2e2;\n  color: #991b1b;\n}\n\n.status-badge.file {\n  background: #fef3c7;\n  color: #92400e;\n}\n\n.status-badge.text {\n  background: #ede9fe;\n  color: #5b21b6;\n}\n\n.status-badge.artifact {\n  background: #cffafe;\n  color: #155e75;\n}\n\n.namespace-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 1px 7px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n  color: #fff;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.namespace-chip i {\n  font-size: 9px;\n  opacity: 0.8;\n}\n\n/* ============================================================ */\n/* Card End (favorite, remove, chevron)                          */\n/* ============================================================ */\n\n.card-end {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.favorite-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: var(--mat-sys-outline);\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.favorite-btn:hover {\n  color: #eab308;\n  background: #fefce8;\n}\n\n.favorite-btn.is-favorite {\n  color: #eab308;\n}\n\n.remove-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: var(--mat-sys-outline);\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.remove-btn:hover {\n  color: #ef4444;\n  background: #fef2f2;\n}\n\n.card-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: var(--mat-sys-on-surface-variant);\n  font-size: 11px;\n}\n\n/* ============================================================ */\n/* Card Details (expanded content)                               */\n/* ============================================================ */\n\n.card-details {\n  padding: 0 12px 12px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n\n.detail-description {\n  padding: 8px 0;\n}\n\n.detail-description p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mat-sys-on-surface-variant);\n  line-height: 1.5;\n}\n\n.detail-info-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px 16px;\n  padding: 8px 0;\n}\n\n.detail-info-grid .info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.detail-info-grid .info-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mat-sys-on-surface-variant);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n}\n\n.detail-info-grid .info-value {\n  font-size: 13px;\n  color: var(--mat-sys-on-surface);\n}\n\n.detail-actions {\n  display: flex;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--mat-sys-outline-variant);\n}\n"] }]
     }], () => [{ type: i1.ComponentStudioStateService }, { type: i0.ChangeDetectorRef }], { NewComponent: [{
             type: Output
         }], ImportFromFile: [{
@@ -632,5 +634,5 @@ export class ComponentBrowserComponent {
         }], ImportFromArtifact: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBrowserComponent, { className: "ComponentBrowserComponent", filePath: "src/ComponentStudio/components/browser/component-browser.component.ts", lineNumber: 21 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBrowserComponent, { className: "ComponentBrowserComponent", filePath: "src/ComponentStudio/components/browser/component-browser.component.ts", lineNumber: 22 }); })();
 //# sourceMappingURL=component-browser.component.js.map

package/dist/ComponentStudio/components/browser/component-browser.component.js.map

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

package/dist/ComponentStudio/components/editors/code-editor-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/code-editor-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAa,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,2BAA2B,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;;AAEzG,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpD,qBAkUa,wBAAwB;IAe1B,KAAK,EAAE,2BAA2B;IACzC,OAAO,CAAC,GAAG;IAfb,cAAc,SAAK;IACnB,QAAQ,EAAE,YAAY,CAAa;IACnC,cAAc,EAAE,SAAS,EAAE,CAAM;IACjC,cAAc,SAAK;IAEnB,IAA6B,aAAa,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,GAAG,SAAS,EAKhF;IACD,OAAO,CAAC,QAAQ,CAA2B;gBAGlC,KAAK,EAAE,2BAA2B,EACjC,GAAG,EAAE,iBAAiB;IAGhC,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAOtC;IAED,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIzC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAQrC,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;IAIpB,aAAa,IAAI,IAAI;IAOrB,QAAQ,IAAI,IAAI;IAUhB,aAAa,IAAI,IAAI;IAMrB,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,mBAAmB;yCAjGhB,wBAAwB;2CAAxB,wBAAwB;CA8GpC"}
+{"version":3,"file":"code-editor-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/code-editor-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAa,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,2BAA2B,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;;AAEzG,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpD,qBAmUa,wBAAwB;IAe1B,KAAK,EAAE,2BAA2B;IACzC,OAAO,CAAC,GAAG;IAfb,cAAc,SAAK;IACnB,QAAQ,EAAE,YAAY,CAAa;IACnC,cAAc,EAAE,SAAS,EAAE,CAAM;IACjC,cAAc,SAAK;IAEnB,IAA6B,aAAa,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,GAAG,SAAS,EAKhF;IACD,OAAO,CAAC,QAAQ,CAA2B;gBAGlC,KAAK,EAAE,2BAA2B,EACjC,GAAG,EAAE,iBAAiB;IAGhC,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAOtC;IAED,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIzC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9B,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAQrC,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;IAIpB,aAAa,IAAI,IAAI;IAOrB,QAAQ,IAAI,IAAI;IAUhB,aAAa,IAAI,IAAI;IAMrB,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,mBAAmB;yCAjGhB,wBAAwB;2CAAxB,wBAAwB;CA8GpC"}

package/dist/ComponentStudio/components/editors/code-editor-panel.component.js

@@ -17,9 +17,9 @@ function CodeEditorPanelComponent_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 15);
     i0.ɵɵlistener("click", function CodeEditorPanelComponent_For_3_Template_button_click_0_listener() { const ɵ$index_5_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SelectTab(ɵ$index_5_r2)); });
-    i0.ɵɵtemplate(1, CodeEditorPanelComponent_For_3_Conditional_1_Template, 1, 0, "i", 16);
+    i0.ɵɵconditionalCreate(1, CodeEditorPanelComponent_For_3_Conditional_1_Template, 1, 0, "i", 16);
     i0.ɵɵtext(2);
-    i0.ɵɵtemplate(3, CodeEditorPanelComponent_For_3_Conditional_3_Template, 1, 0, "span", 17);
+    i0.ɵɵconditionalCreate(3, CodeEditorPanelComponent_For_3_Conditional_3_Template, 1, 0, "span", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r4 = ctx.$implicit;
@@ -49,7 +49,7 @@ function CodeEditorPanelComponent_Conditional_13_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r2.DiffChunkCount, " change", ctx_r2.DiffChunkCount !== 1 ? "s" : "", "");
+    i0.ɵɵtextInterpolate2("", ctx_r2.DiffChunkCount, " change", ctx_r2.DiffChunkCount !== 1 ? "s" : "");
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.DiffChunkCount === 0);
     i0.ɵɵadvance(2);
@@ -103,7 +103,7 @@ function CodeEditorPanelComponent_Conditional_19_Case_2_Template(rf, ctx) { if (
     i0.ɵɵproperty("ngModel", ctx_r2.ActiveSection.code)("language", "javascript")("readonly", true)("extensions", ctx_r2.DiffExtensions);
 } }
 function CodeEditorPanelComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, CodeEditorPanelComponent_Conditional_19_Case_0_Template, 2, 4, "div", 25)(1, CodeEditorPanelComponent_Conditional_19_Case_1_Template, 2, 3, "div", 25)(2, CodeEditorPanelComponent_Conditional_19_Case_2_Template, 3, 4, "div", 26);
+    i0.ɵɵconditionalCreate(0, CodeEditorPanelComponent_Conditional_19_Case_0_Template, 2, 4, "div", 25)(1, CodeEditorPanelComponent_Conditional_19_Case_1_Template, 2, 3, "div", 25)(2, CodeEditorPanelComponent_Conditional_19_Case_2_Template, 3, 4, "div", 26);
 } if (rf & 2) {
     let tmp_1_0;
     const ctx_r2 = i0.ɵɵnextContext();
@@ -221,7 +221,7 @@ export class CodeEditorPanelComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.DiffEditorRef = _t.first);
-        } }, decls: 21, vars: 9, consts: [["diffEditor", ""], [1, "code-editor-panel"], [1, "code-tab-bar"], [1, "code-tab", 3, "active"], [1, "code-toolbar"], [1, "view-mode-toggle"], [1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-code-compare"], [1, "diff-nav"], [1, "toolbar-spacer"], ["title", "Copy code to clipboard", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "action-buttons"], [1, "code-editor-body"], [1, "empty-state"], [1, "code-tab", 3, "click"], [1, "fa-solid", "fa-puzzle-piece", "dep-icon"], ["title", "Modified", 1, "modified-dot"], [1, "diff-count"], ["title", "Previous change (\u2191)", 1, "icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["title", "Next change (\u2193)", 1, "icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-check"], [1, "editor-pane"], [1, "editor-pane", "diff-pane"], [3, "ngModelChange", "ngModel", "language", "indentWithTab", "placeholder"], [3, "ngModel", "language", "readonly"], [3, "ngModel", "language", "readonly", "extensions"], [1, "fa-solid", "fa-file-code"]], template: function CodeEditorPanelComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, decls: 21, vars: 9, consts: [["diffEditor", ""], [1, "code-editor-panel"], [1, "code-tab-bar"], [1, "code-tab", 3, "active"], [1, "code-toolbar"], [1, "view-mode-toggle"], [1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-code-compare"], [1, "diff-nav"], [1, "toolbar-spacer"], ["title", "Copy code to clipboard", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "action-buttons"], [1, "code-editor-body"], [1, "empty-state"], [1, "code-tab", 3, "click"], [1, "fa-solid", "fa-puzzle-piece", "dep-icon"], ["title", "Modified", 1, "modified-dot"], [1, "diff-count"], ["title", "Previous change (\u2191)", 1, "icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["title", "Next change (\u2193)", 1, "icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-check"], [1, "editor-pane"], [1, "editor-pane", "diff-pane"], [3, "ngModelChange", "ngModel", "language", "indentWithTab", "placeholder"], [3, "ngModel", "language", "readonly"], [3, "ngModel", "language", "readonly", "extensions"], [1, "fa-solid", "fa-file-code"]], template: function CodeEditorPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
             i0.ɵɵrepeaterCreate(2, CodeEditorPanelComponent_For_3_Template, 4, 5, "button", 3, _forTrack0);
             i0.ɵɵelementEnd();
@@ -238,16 +238,16 @@ export class CodeEditorPanelComponent {
             i0.ɵɵelement(11, "i", 7);
             i0.ɵɵtext(12, " Diff ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(13, CodeEditorPanelComponent_Conditional_13_Template, 7, 4, "div", 8);
+            i0.ɵɵconditionalCreate(13, CodeEditorPanelComponent_Conditional_13_Template, 7, 4, "div", 8);
             i0.ɵɵelement(14, "span", 9);
             i0.ɵɵelementStart(15, "button", 10);
             i0.ɵɵlistener("click", function CodeEditorPanelComponent_Template_button_click_15_listener() { return ctx.CopyCode(); });
             i0.ɵɵelement(16, "i", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(17, CodeEditorPanelComponent_Conditional_17_Template, 6, 2, "div", 12);
+            i0.ɵɵconditionalCreate(17, CodeEditorPanelComponent_Conditional_17_Template, 6, 2, "div", 12);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(18, "div", 13);
-            i0.ɵɵtemplate(19, CodeEditorPanelComponent_Conditional_19_Template, 3, 1)(20, CodeEditorPanelComponent_Conditional_20_Template, 4, 0, "div", 14);
+            i0.ɵɵconditionalCreate(19, CodeEditorPanelComponent_Conditional_19_Template, 3, 1)(20, CodeEditorPanelComponent_Conditional_20_Template, 4, 0, "div", 14);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -268,7 +268,7 @@ export class CodeEditorPanelComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CodeEditorPanelComponent, [{
         type: Component,
-        args: [{ selector: 'mj-code-editor-panel', template: `
+        args: [{ standalone: false, selector: 'mj-code-editor-panel', template: `
     <div class="code-editor-panel">
       <!-- Tab bar: one tab per code section -->
       <div class="code-tab-bar">
@@ -376,5 +376,5 @@ export class CodeEditorPanelComponent {
             type: ViewChild,
             args: ['diffEditor']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CodeEditorPanelComponent, { className: "CodeEditorPanelComponent", filePath: "src/ComponentStudio/components/editors/code-editor-panel.component.ts", lineNumber: 331 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CodeEditorPanelComponent, { className: "CodeEditorPanelComponent", filePath: "src/ComponentStudio/components/editors/code-editor-panel.component.ts", lineNumber: 332 }); })();
 //# sourceMappingURL=code-editor-panel.component.js.map

package/dist/ComponentStudio/components/editors/code-editor-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor-panel.component.js","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/code-editor-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;IAgBpF,wBAAiD;;;IAIjD,2BAAmD;;;;IARvD,kCAE+B;IAAvB,gNAAS,8BAAY,KAAC;IAC5B,sFAA4B;IAG5B,YACA;IAAA,yFAA2B;IAG7B,iBAAS;;;;;IATD,gEAAqC;IAE3C,cAEC;IAFD,kDAEC;IACD,cACA;IADA,iDACA;IAAA,cAEC;IAFD,wDAEC;;;;IAoBD,AADF,8BAAsB,eACK;IAAA,YAAgE;IAAA,iBAAO;IAChG,kCAAqH;IAA5F,6LAAS,0BAAmB,KAAC;IACpD,wBAAsC;IACxC,iBAAS;IACT,kCAA6G;IAApF,6LAAS,sBAAe,KAAC;IAChD,wBAAwC;IAE5C,AADE,iBAAS,EACL;;;IAPqB,eAAgE;IAAhE,uGAAgE;IACN,cAAiC;IAAjC,sDAAiC;IAGzC,eAAiC;IAAjC,sDAAiC;;;;IAW5G,AADF,+BAA4B,iBAC4C;IAAzB,6LAAS,qBAAc,KAAC;IACnE,wBAAiC;IAAC,uBACpC;IAAA,iBAAS;IACT,kCAAoE;IAA1B,6LAAS,sBAAe,KAAC;IACjE,wBACF;IACF,AADE,iBAAS,EACL;;IANgB,cAAwB;IAAxB,sCAAwB;IAGxB,eAAqB;IAArB,mCAAqB;;;;IAarC,AADF,+BAAyB,yBAMa;IAJlC,sVAAgC;IAIhC,6NAAiB,sBAAe,KAAC;IAErC,AADE,iBAAiB,EACb;;;IANF,cAAgC;IAAhC,yDAAgC;IAGhC,AADA,AADA,uCAAyB,uBACH,0CACmB;;;IAM7C,+BAAyB;IACvB,qCAIiB;IACnB,iBAAM;;;IAJF,cAAsC;IAEtC,AADA,AADA,2DAAsC,0BACb,kBACR;;;IAKrB,+BAAmC;IACjC,wCAMiB;IACnB,iBAAM;;;IALF,cAA8B;IAG9B,AADA,AADA,AADA,mDAA8B,0BACL,kBACR,qCACY;;;IAPnC,AATA,AAXA,0FAAmB,6EAWC,6EASJ;;;;IArBlB,iDAAA,SAAS,mBAAT,UAAU,mBAAV,MAAM,UAgCL;;;IAED,+BAAyB;IACvB,wBAAqC;IACrC,yBAAG;IAAA,gFAAgE;IACrE,AADqE,iBAAI,EACnE;;AA6NhB,MAAM,OAAO,wBAAwB;IAe1B;IACC;IAfV,cAAc,GAAG,CAAC,CAAC;IACnB,QAAQ,GAAiB,SAAS,CAAC;IACnC,cAAc,GAAgB,EAAE,CAAC;IACjC,cAAc,GAAG,CAAC,CAAC;IAEnB,IAA6B,aAAa,CAAC,GAAsC;QAC/E,IAAI,GAAG,EAAE,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IACO,QAAQ,GAAsB,IAAI,CAAC;IAE3C,YACS,KAAkC,EACjC,GAAsB;QADvB,UAAK,GAAL,KAAK,CAA6B;QACjC,QAAG,GAAH,GAAG,CAAmB;IAC7B,CAAC;IAEJ,IAAI,aAAa;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACzC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACvC,IAAI,IAAI,CAAC,cAAc,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3C,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC;IAED,UAAU,CAAC,OAAoB;QAC7B,OAAO,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,YAAY,CAAC;IAC/C,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,IAAkB;QAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IAClC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,aAAa;QACX,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC/B,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,QAAQ;QACN,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QAChF,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAC9C,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,GAAG,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;YACxB,OAAO;QACT,CAAC;QACD,gDAAgD;QAChD,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC3B,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;QACnC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC;YACrC,QAAQ,EAAE,OAAO,CAAC,YAAY;YAC9B,gBAAgB,EAAE,IAAI;YACtB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;IACL,CAAC;kHA7GU,wBAAwB;6DAAxB,wBAAwB;;;;;;YA7T/B,AAFF,8BAA+B,aAEH;YACxB,8FAYC;YACH,iBAAM;YAKF,AADF,AADF,8BAA0B,aACM,gBACsE;YAAjC,qGAAS,gBAAY,SAAS,CAAC,IAAC;YAC/F,yBACF;YAAA,iBAAS;YACT,iCAAoG;YAAlC,qGAAS,gBAAY,UAAU,CAAC,IAAC;YACjG,0BACF;YAAA,iBAAS;YACT,kCAA4F;YAA9B,sGAAS,gBAAY,MAAM,CAAC,IAAC;YACzF,wBAAwC;YAAC,uBAC3C;YACF,AADE,iBAAS,EACL;YACN,mFAA2B;YAW3B,2BAAoC;YACpC,mCAA6E;YAApD,sGAAS,cAAU,IAAC;YAC3C,yBAAgC;YAClC,iBAAS;YACT,oFAA2B;YAU7B,iBAAM;YAGN,gCAA8B;YAmC1B,AAlCF,yEAAqB,uEAkCZ;YAOb,AADE,iBAAM,EACF;;YAlGF,eAYC;YAZD,qCAYC;YAM0B,eAAuC;YAAvC,oDAAuC;YAGvC,eAAwC;YAAxC,qDAAwC;YAGxC,eAAoC;YAApC,iDAAoC;YAI/D,eAUC;YAVD,mDAUC;YAKD,eASC;YATD,mDASC;YAKD,eAuCC;YAvCD,6CAuCC;;;iFA4NI,wBAAwB;cAlUpC,SAAS;2BACE,sBAAsB,YACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuGT;4FA+N4B,aAAa;kBAAzC,SAAS;mBAAC,YAAY;;kFANZ,wBAAwB"}
+{"version":3,"file":"code-editor-panel.component.js","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/code-editor-panel.component.ts"],"names":[],"mappings":"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"}

package/dist/ComponentStudio/components/editors/data-requirements-editor.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-requirements-editor.component.d.ts","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/data-requirements-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;;AAG5F,qBA8Ia,+BAA+B;IAOjC,KAAK,EAAE,2BAA2B;IACzC,OAAO,CAAC,GAAG;IAPb,eAAe,EAAE,MAAM,CAAM;IAC7B,SAAS,EAAE,OAAO,CAAS;IAE3B,OAAO,CAAC,mBAAmB,CAAwC;gBAG1D,KAAK,EAAE,2BAA2B,EACjC,GAAG,EAAE,iBAAiB;IAGhC,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,IAAI,WAAW,IAAI,MAAM,CAIxB;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAED,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,QAAQ,IAAI,IAAI;IAQhB,gBAAgB,IAAI,IAAI;IAKxB,YAAY,IAAI,IAAI;IAYpB,aAAa,IAAI,IAAI;IAMrB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,YAAY;yCA3ET,+BAA+B;2CAA/B,+BAA+B;CAkF3C"}
+{"version":3,"file":"data-requirements-editor.component.d.ts","sourceRoot":"","sources":["../../../../src/ComponentStudio/components/editors/data-requirements-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;;AAG5F,qBA+Ia,+BAA+B;IAOjC,KAAK,EAAE,2BAA2B;IACzC,OAAO,CAAC,GAAG;IAPb,eAAe,EAAE,MAAM,CAAM;IAC7B,SAAS,EAAE,OAAO,CAAS;IAE3B,OAAO,CAAC,mBAAmB,CAAwC;gBAG1D,KAAK,EAAE,2BAA2B,EACjC,GAAG,EAAE,iBAAiB;IAGhC,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,IAAI,WAAW,IAAI,MAAM,CAIxB;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAED,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,QAAQ,IAAI,IAAI;IAQhB,gBAAgB,IAAI,IAAI;IAKxB,YAAY,IAAI,IAAI;IAYpB,aAAa,IAAI,IAAI;IAMrB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,YAAY;yCA3ET,+BAA+B;2CAA/B,+BAA+B;CAkF3C"}

package/dist/ComponentStudio/components/editors/data-requirements-editor.component.js

@@ -6,14 +6,14 @@ import * as i3 from "@memberjunction/ng-code-editor";
 import * as i4 from "@progress/kendo-angular-buttons";
 function DataRequirementsEditorComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 4)(1, "button", 8);
+    i0.ɵɵelementStart(0, "div", 4)(1, "button", 7);
     i0.ɵɵlistener("click", function DataRequirementsEditorComponent_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ApplyChanges()); });
-    i0.ɵɵelement(2, "i", 9);
+    i0.ɵɵelement(2, "i", 8);
     i0.ɵɵtext(3, " Apply Changes ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 8);
+    i0.ɵɵelementStart(4, "button", 7);
     i0.ɵɵlistener("click", function DataRequirementsEditorComponent_Conditional_5_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelChanges()); });
-    i0.ɵɵelement(5, "i", 10);
+    i0.ɵɵelement(5, "i", 9);
     i0.ɵɵtext(6, " Cancel ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -23,7 +23,7 @@ function DataRequirementsEditorComponent_Conditional_5_Template(rf, ctx) { if (r
     i0.ɵɵproperty("themeColor", "base");
 } }
 function DataRequirementsEditorComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11)(1, "span", 13);
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 13);
     i0.ɵɵelement(2, "i", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -45,8 +45,8 @@ function DataRequirementsEditorComponent_Conditional_7_Conditional_0_Template(rf
 } }
 function DataRequirementsEditorComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵtemplate(0, DataRequirementsEditorComponent_Conditional_7_Conditional_0_Template, 9, 5, "div", 11);
-    i0.ɵɵelementStart(1, "div", 6)(2, "mj-code-editor", 12);
+    i0.ɵɵconditionalCreate(0, DataRequirementsEditorComponent_Conditional_7_Conditional_0_Template, 9, 5, "div", 10);
+    i0.ɵɵelementStart(1, "div", 11)(2, "mj-code-editor", 12);
     i0.ɵɵtwoWayListener("ngModelChange", function DataRequirementsEditorComponent_Conditional_7_Template_mj_code_editor_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditableContent, $event) || (ctx_r1.EditableContent = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function DataRequirementsEditorComponent_Conditional_7_Template_mj_code_editor_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnContentChanged()); });
     i0.ɵɵelementEnd()();
@@ -58,7 +58,7 @@ function DataRequirementsEditorComponent_Conditional_7_Template(rf, ctx) { if (r
     i0.ɵɵproperty("language", "json")("indentWithTab", true)("placeholder", "Enter data requirements JSON...");
 } }
 function DataRequirementsEditorComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵelement(1, "i", 3);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Select a component to edit its data requirements.");
@@ -143,15 +143,15 @@ export class DataRequirementsEditorComponent {
         }
     }
     static ɵfac = function DataRequirementsEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataRequirementsEditorComponent)(i0.ɵɵdirectiveInject(i1.ComponentStudioStateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataRequirementsEditorComponent, selectors: [["mj-data-requirements-editor"]], decls: 9, vars: 2, consts: [[1, "data-requirements-editor"], [1, "editor-header"], [1, "header-title"], [1, "fa-solid", "fa-database"], [1, "action-buttons"], [1, "editor-body"], [1, "json-editor-container"], [1, "empty-state"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-times"], [1, "summary-bar"], [3, "ngModelChange", "ngModel", "language", "indentWithTab", "placeholder"], [1, "summary-item"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-search"], [1, "summary-item", "mode-badge"]], template: function DataRequirementsEditorComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataRequirementsEditorComponent, selectors: [["mj-data-requirements-editor"]], standalone: false, decls: 9, vars: 2, consts: [[1, "data-requirements-editor"], [1, "editor-header"], [1, "header-title"], [1, "fa-solid", "fa-database"], [1, "action-buttons"], [1, "editor-body"], [1, "empty-state"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-times"], [1, "summary-bar"], [1, "json-editor-container"], [3, "ngModelChange", "ngModel", "language", "indentWithTab", "placeholder"], [1, "summary-item"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-search"], [1, "summary-item", "mode-badge"]], template: function DataRequirementsEditorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
             i0.ɵɵelement(3, "i", 3);
             i0.ɵɵtext(4, " Data Requirements ");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, DataRequirementsEditorComponent_Conditional_5_Template, 7, 2, "div", 4);
+            i0.ɵɵconditionalCreate(5, DataRequirementsEditorComponent_Conditional_5_Template, 7, 2, "div", 4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "div", 5);
-            i0.ɵɵtemplate(7, DataRequirementsEditorComponent_Conditional_7_Template, 3, 5, "div", 6)(8, DataRequirementsEditorComponent_Conditional_8_Template, 4, 0, "div", 7);
+            i0.ɵɵconditionalCreate(7, DataRequirementsEditorComponent_Conditional_7_Template, 3, 5)(8, DataRequirementsEditorComponent_Conditional_8_Template, 4, 0, "div", 6);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(5);
@@ -162,7 +162,7 @@ export class DataRequirementsEditorComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataRequirementsEditorComponent, [{
         type: Component,
-        args: [{ selector: 'mj-data-requirements-editor', template: `
+        args: [{ standalone: false, selector: 'mj-data-requirements-editor', template: `
     <div class="data-requirements-editor">
       <div class="editor-header">
         <span class="header-title">
@@ -217,5 +217,5 @@ export class DataRequirementsEditorComponent {
     </div>
   `, styles: ["\n    .data-requirements-editor {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n    .editor-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 8px 12px;\n      border-bottom: 1px solid var(--mat-sys-outline-variant);\n      background: var(--mat-sys-surface-container-lowest);\n      flex-shrink: 0;\n    }\n    .header-title {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mat-sys-on-surface);\n    }\n    .header-title i {\n      margin-right: 6px;\n      color: var(--mat-sys-on-surface-variant);\n    }\n    .action-buttons {\n      display: flex;\n      gap: 6px;\n    }\n    .summary-bar {\n      display: flex;\n      gap: 12px;\n      padding: 6px 12px;\n      background: var(--mat-sys-primary-container);\n      border-bottom: 1px solid var(--mat-sys-outline-variant);\n      font-size: 12px;\n      color: var(--mat-sys-on-primary-container);\n      flex-shrink: 0;\n    }\n    .summary-item {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .mode-badge {\n      background: var(--mat-sys-surface-container-high);\n      color: var(--mat-sys-on-surface);\n      padding: 1px 8px;\n      border-radius: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      font-size: 10px;\n    }\n    .editor-body {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n    .json-editor-container {\n      flex: 1;\n      overflow: hidden;\n    }\n    .json-editor-container mj-code-editor {\n      display: block;\n      height: 100%;\n    }\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 40px 20px;\n      color: var(--mat-sys-on-surface-variant);\n      flex: 1;\n    }\n    .empty-state i {\n      font-size: 32px;\n      margin-bottom: 12px;\n    }\n    .empty-state p {\n      margin: 0;\n      font-size: 13px;\n      text-align: center;\n    }\n  "] }]
     }], () => [{ type: i1.ComponentStudioStateService }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataRequirementsEditorComponent, { className: "DataRequirementsEditorComponent", filePath: "src/ComponentStudio/components/editors/data-requirements-editor.component.ts", lineNumber: 147 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataRequirementsEditorComponent, { className: "DataRequirementsEditorComponent", filePath: "src/ComponentStudio/components/editors/data-requirements-editor.component.ts", lineNumber: 148 }); })();
 //# sourceMappingURL=data-requirements-editor.component.js.map