@memberjunction/ng-versions 0.0.1 → 4.1.0

package/dist/lib/label-create/label-create.component.js

@@ -0,0 +1,776 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { RunView, Metadata } from '@memberjunction/core';
+import { GraphQLDataProvider, GraphQLVersionHistoryClient } from '@memberjunction/graphql-dataprovider';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@angular/common";
+function MjLabelCreateComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 5)(2, "span", 6);
+    i0.ɵɵtext(3, "1");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 7);
+    i0.ɵɵtext(5, "Entity");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(6, "div", 8);
+    i0.ɵɵelementStart(7, "div", 5)(8, "span", 6);
+    i0.ɵɵtext(9, "2");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 7);
+    i0.ɵɵtext(11, "Records");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(12, "div", 8);
+    i0.ɵɵelementStart(13, "div", 5)(14, "span", 6);
+    i0.ɵɵtext(15, "3");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span", 7);
+    i0.ɵɵtext(17, "Details");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r0.CreateStep === "entity")("completed", ctx_r0.CreateStep !== "entity");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r0.CreateStep !== "entity");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r0.CreateStep === "records")("completed", ctx_r0.CreateStep === "details");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r0.CreateStep === "details");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r0.CreateStep === "details");
+} }
+function MjLabelCreateComponent_Conditional_2_For_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "slice");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind3(2, 1, entity_r4.Description, 0, 80));
+} }
+function MjLabelCreateComponent_Conditional_2_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_2_For_8_Template_div_click_0_listener() { const entity_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SelectEntity(entity_r4)); });
+    i0.ɵɵelementStart(1, "div", 17)(2, "span", 18);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MjLabelCreateComponent_Conditional_2_For_8_Conditional_4_Template, 3, 5, "span", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "i", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r4 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(entity_r4.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r4.Description ? 4 : -1);
+} }
+function MjLabelCreateComponent_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtext(1, " No entities match your search. ");
+    i0.ɵɵelementEnd();
+} }
+function MjLabelCreateComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "p", 9);
+    i0.ɵɵtext(2, "Choose an entity type to label records from.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 10);
+    i0.ɵɵelement(4, "i", 11);
+    i0.ɵɵelementStart(5, "input", 12);
+    i0.ɵɵlistener("ngModelChange", function MjLabelCreateComponent_Conditional_2_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEntitySearchChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 13);
+    i0.ɵɵrepeaterCreate(7, MjLabelCreateComponent_Conditional_2_For_8_Template, 6, 2, "div", 14, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(9, MjLabelCreateComponent_Conditional_2_Conditional_9_Template, 2, 0, "div", 15);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngModel", ctx_r0.EntitySearchText);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.FilteredEntities);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.FilteredEntities.length === 0 ? 9 : -1);
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_3_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.GoBackToEntity()); });
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementEnd();
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 23);
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_10_For_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_10_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_3_Conditional_10_For_11_Template_div_click_0_listener() { const record_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleRecordSelection(record_r8)); });
+    i0.ɵɵelementStart(1, "div", 38);
+    i0.ɵɵconditionalCreate(2, MjLabelCreateComponent_Conditional_3_Conditional_10_For_11_Conditional_2_Template, 1, 0, "i", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 40);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r8 = ctx.$implicit;
+    i0.ɵɵclassProp("selected", record_r8.Selected);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(record_r8.Selected ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(record_r8.DisplayName);
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_10_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtext(1, " No records found for this entity. ");
+    i0.ɵɵelementEnd();
+} }
+function MjLabelCreateComponent_Conditional_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 27);
+    i0.ɵɵelement(2, "i", 11);
+    i0.ɵɵelementStart(3, "input", 28);
+    i0.ɵɵlistener("ngModelChange", function MjLabelCreateComponent_Conditional_3_Conditional_10_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnRecordSearchChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 29)(5, "button", 30);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_3_Conditional_10_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SelectAllRecords()); });
+    i0.ɵɵtext(6, "Select All");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 30);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_3_Conditional_10_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.DeselectAllRecords()); });
+    i0.ɵɵtext(8, "Clear");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 31);
+    i0.ɵɵrepeaterCreate(10, MjLabelCreateComponent_Conditional_3_Conditional_10_For_11_Template, 5, 4, "div", 32, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(12, MjLabelCreateComponent_Conditional_3_Conditional_10_Conditional_12_Template, 2, 0, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 33)(14, "span", 34);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 35);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_3_Conditional_10_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.GoToDetailsStep()); });
+    i0.ɵɵtext(17, " Continue ");
+    i0.ɵɵelement(18, "i", 36);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r0.RecordSearchText);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r0.FilteredRecords);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.FilteredRecords.length === 0 && !ctx_r0.IsLoadingRecords ? 12 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", ctx_r0.SelectedRecordCount, " selected");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.SelectedRecordCount === 0);
+} }
+function MjLabelCreateComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 21);
+    i0.ɵɵconditionalCreate(2, MjLabelCreateComponent_Conditional_3_Conditional_2_Template, 2, 0, "button", 22);
+    i0.ɵɵelementStart(3, "div")(4, "p", 9);
+    i0.ɵɵtext(5, " Select records from ");
+    i0.ɵɵelementStart(6, "strong");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " to label. ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(9, MjLabelCreateComponent_Conditional_3_Conditional_9_Template, 1, 0, "mj-loading", 23);
+    i0.ɵɵconditionalCreate(10, MjLabelCreateComponent_Conditional_3_Conditional_10_Template, 19, 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r0.PreselectedEntity ? 2 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.SelectedEntity == null ? null : ctx_r0.SelectedEntity.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.IsLoadingRecords ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.IsLoadingRecords ? 10 : -1);
+} }
+function MjLabelCreateComponent_Conditional_4_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "i", 52);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Will create 1 group + ", ctx_r0.SelectedRecordCount, " child labels");
+} }
+function MjLabelCreateComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 21)(2, "button", 24);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_4_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.GoBackToRecords()); });
+    i0.ɵɵelement(3, "i", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 9);
+    i0.ɵɵtext(5, "Name your version label.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 41)(7, "div", 42);
+    i0.ɵɵelement(8, "i", 43);
+    i0.ɵɵelementStart(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 42);
+    i0.ɵɵelement(12, "i", 44);
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(15, MjLabelCreateComponent_Conditional_4_Conditional_15_Template, 4, 1, "div", 42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "div", 45)(17, "label", 46);
+    i0.ɵɵtext(18, "Label Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "input", 47);
+    i0.ɵɵtwoWayListener("ngModelChange", function MjLabelCreateComponent_Conditional_4_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.LabelName, $event) || (ctx_r0.LabelName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 45)(21, "label", 46);
+    i0.ɵɵtext(22, "Description (optional)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "textarea", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function MjLabelCreateComponent_Conditional_4_Template_textarea_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.LabelDescription, $event) || (ctx_r0.LabelDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 49)(25, "button", 35);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_4_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CreateLabels()); });
+    i0.ɵɵelement(26, "i", 50);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "button", 51);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_4_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCancel()); });
+    i0.ɵɵtext(29, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r0.SelectedEntity == null ? null : ctx_r0.SelectedEntity.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2("", ctx_r0.SelectedRecordCount, " record", ctx_r0.SelectedRecordCount > 1 ? "s" : "", " selected");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.SelectedRecordCount > 1 ? 15 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.LabelName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.LabelDescription);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r0.LabelName.trim());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Create Label", ctx_r0.SelectedRecordCount > 1 ? "s" : "", " ");
+} }
+function MjLabelCreateComponent_Conditional_5_Conditional_5_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.CreateProgress.CurrentEntity, " ");
+} }
+function MjLabelCreateComponent_Conditional_5_Conditional_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
+    i0.ɵɵelement(2, "i", 65);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MjLabelCreateComponent_Conditional_5_Conditional_5_Conditional_8_Conditional_4_Template, 3, 1, "span", 64);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.CreateProgress.RecordsProcessed, " / ", ctx_r0.CreateProgress.TotalRecords, " records ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CreateProgress.CurrentEntity ? 4 : -1);
+} }
+function MjLabelCreateComponent_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56)(1, "div", 58);
+    i0.ɵɵelement(2, "div", 59);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 60)(4, "span", 61);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 62);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(8, MjLabelCreateComponent_Conditional_5_Conditional_5_Conditional_8_Template, 5, 3, "div", 63);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", ctx_r0.CreateProgress.Percentage, "%");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.CreateProgress.Message);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r0.CreateProgress.Percentage, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CreateProgress.RecordsProcessed != null && ctx_r0.CreateProgress.TotalRecords ? 8 : -1);
+} }
+function MjLabelCreateComponent_Conditional_5_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \u00B7 ", ctx_r0.CreatedItemCount, " items captured");
+} }
+function MjLabelCreateComponent_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 57);
+    i0.ɵɵtext(1);
+    i0.ɵɵconditionalCreate(2, MjLabelCreateComponent_Conditional_5_Conditional_6_Conditional_2_Template, 2, 1, "span");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.CreatedLabelCount, " label", ctx_r0.CreatedLabelCount !== 1 ? "s" : "", " created ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CreatedItemCount > 0 ? 2 : -1);
+} }
+function MjLabelCreateComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 53);
+    i0.ɵɵelement(2, "i", 54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h3", 55);
+    i0.ɵɵtext(4, "Creating Labels...");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MjLabelCreateComponent_Conditional_5_Conditional_5_Template, 9, 5, "div", 56);
+    i0.ɵɵconditionalCreate(6, MjLabelCreateComponent_Conditional_5_Conditional_6_Template, 3, 3, "p", 57);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r0.CreateProgress ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.CreateProgress ? 6 : -1);
+} }
+function MjLabelCreateComponent_Conditional_6_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" with ", ctx_r0.CreatedItemCount, " items captured");
+} }
+function MjLabelCreateComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵelement(1, "i", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "h3", 68);
+    i0.ɵɵtext(3, "Labels Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 69);
+    i0.ɵɵtext(5);
+    i0.ɵɵconditionalCreate(6, MjLabelCreateComponent_Conditional_6_Conditional_1_Conditional_6_Template, 2, 1, "span");
+    i0.ɵɵtext(7, ". ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate2(" Successfully created ", ctx_r0.CreatedLabelCount, " label", ctx_r0.CreatedLabelCount !== 1 ? "s" : "", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CreatedItemCount > 0 ? 6 : -1);
+} }
+function MjLabelCreateComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "h3", 68);
+    i0.ɵɵtext(3, "Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 72);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.CreateError);
+} }
+function MjLabelCreateComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵconditionalCreate(1, MjLabelCreateComponent_Conditional_6_Conditional_1_Template, 8, 3);
+    i0.ɵɵconditionalCreate(2, MjLabelCreateComponent_Conditional_6_Conditional_2_Template, 6, 1);
+    i0.ɵɵelementStart(3, "button", 66);
+    i0.ɵɵlistener("click", function MjLabelCreateComponent_Conditional_6_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.FinishCreate()); });
+    i0.ɵɵtext(4, "Done");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.CreateError ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CreateError ? 2 : -1);
+} }
+export class MjLabelCreateComponent {
+    cdr;
+    /**
+     * When set, skips the entity picker step and pre-selects this entity.
+     */
+    PreselectedEntity = null;
+    /**
+     * When set along with PreselectedEntity, auto-selects these record IDs
+     * and skips directly to the details step.
+     */
+    PreselectedRecordIds = [];
+    /** Emitted when labels are successfully created. */
+    Created = new EventEmitter();
+    /** Emitted when the user cancels. */
+    Cancel = new EventEmitter();
+    // Wizard state
+    CreateStep = 'entity';
+    // Step 1: Entity selection
+    EntitySearchText = '';
+    FilteredEntities = [];
+    SelectedEntity = null;
+    // Step 2: Record selection
+    RecordSearchText = '';
+    AvailableRecords = [];
+    FilteredRecords = [];
+    IsLoadingRecords = false;
+    // Step 3: Details
+    LabelName = '';
+    LabelDescription = '';
+    // Creating / done state
+    IsCreatingLabel = false;
+    CreateError = '';
+    CreatedLabelCount = 0;
+    CreatedItemCount = 0;
+    CreateProgress = null;
+    metadata = new Metadata();
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.resetCreateDialog();
+        if (this.PreselectedEntity) {
+            this.SelectedEntity = this.PreselectedEntity;
+            if (this.PreselectedRecordIds.length > 0) {
+                this.skipToDetailsWithPreselection();
+            }
+            else {
+                this.CreateStep = 'records';
+                this.loadEntityRecords(this.PreselectedEntity);
+            }
+        }
+        else {
+            this.FilteredEntities = this.getTrackableEntities();
+        }
+    }
+    // =======================================================================
+    // Pre-selection helpers
+    // =======================================================================
+    async skipToDetailsWithPreselection() {
+        await this.loadEntityRecords(this.SelectedEntity);
+        this.preselectRecordsByIds(this.PreselectedRecordIds);
+        this.CreateStep = 'details';
+        this.LabelName = this.suggestLabelName();
+        this.cdr.markForCheck();
+    }
+    preselectRecordsByIds(ids) {
+        const idSet = new Set(ids);
+        for (const record of this.AvailableRecords) {
+            record.Selected = idSet.has(record.ID);
+        }
+    }
+    // =======================================================================
+    // Step 1: Entity picker
+    // =======================================================================
+    OnEntitySearchChange(text) {
+        this.EntitySearchText = text;
+        const search = text.toLowerCase();
+        const all = this.getTrackableEntities();
+        this.FilteredEntities = search
+            ? all.filter(e => e.Name.toLowerCase().includes(search))
+            : all;
+        this.cdr.markForCheck();
+    }
+    SelectEntity(entity) {
+        this.SelectedEntity = entity;
+        this.CreateStep = 'records';
+        this.loadEntityRecords(entity);
+    }
+    // =======================================================================
+    // Step 2: Record selection
+    // =======================================================================
+    OnRecordSearchChange(text) {
+        this.RecordSearchText = text;
+        const search = text.toLowerCase();
+        this.FilteredRecords = search
+            ? this.AvailableRecords.filter(r => r.DisplayName.toLowerCase().includes(search))
+            : [...this.AvailableRecords];
+        this.cdr.markForCheck();
+    }
+    ToggleRecordSelection(record) {
+        record.Selected = !record.Selected;
+        this.cdr.markForCheck();
+    }
+    SelectAllRecords() {
+        for (const r of this.FilteredRecords) {
+            r.Selected = true;
+        }
+        this.cdr.markForCheck();
+    }
+    DeselectAllRecords() {
+        for (const r of this.AvailableRecords) {
+            r.Selected = false;
+        }
+        this.cdr.markForCheck();
+    }
+    get SelectedRecordCount() {
+        return this.AvailableRecords.filter(r => r.Selected).length;
+    }
+    // =======================================================================
+    // Step navigation
+    // =======================================================================
+    GoToDetailsStep() {
+        if (this.SelectedRecordCount === 0)
+            return;
+        this.CreateStep = 'details';
+        this.LabelName = this.suggestLabelName();
+        this.cdr.markForCheck();
+    }
+    GoBackToRecords() {
+        this.CreateStep = 'records';
+        this.cdr.markForCheck();
+    }
+    GoBackToEntity() {
+        this.CreateStep = 'entity';
+        this.SelectedEntity = null;
+        this.AvailableRecords = [];
+        this.FilteredRecords = [];
+        this.cdr.markForCheck();
+    }
+    // =======================================================================
+    // Step 3: Create labels
+    // =======================================================================
+    async CreateLabels() {
+        if (!this.SelectedEntity || !this.LabelName.trim())
+            return;
+        this.IsCreatingLabel = true;
+        this.CreateStep = 'creating';
+        this.CreateError = '';
+        this.CreatedLabelCount = 0;
+        this.CreatedItemCount = 0;
+        this.cdr.markForCheck();
+        try {
+            const selected = this.AvailableRecords.filter(r => r.Selected);
+            if (selected.length === 1) {
+                await this.createSingleLabel(selected[0]);
+            }
+            else {
+                await this.createGroupedLabels(selected);
+            }
+            this.CreateStep = 'done';
+        }
+        catch (e) {
+            this.CreateError = e instanceof Error ? e.message : String(e);
+            this.CreateStep = 'done';
+        }
+        finally {
+            this.IsCreatingLabel = false;
+            this.cdr.markForCheck();
+        }
+    }
+    FinishCreate() {
+        this.Created.emit({
+            LabelCount: this.CreatedLabelCount,
+            ItemCount: this.CreatedItemCount
+        });
+    }
+    OnCancel() {
+        this.Cancel.emit();
+    }
+    // =======================================================================
+    // Create helpers
+    // =======================================================================
+    async createSingleLabel(record) {
+        const vhClient = new GraphQLVersionHistoryClient(GraphQLDataProvider.Instance);
+        const result = await vhClient.CreateLabel({
+            Name: this.LabelName.trim(),
+            Description: this.LabelDescription.trim() || undefined,
+            Scope: 'Record',
+            EntityName: this.SelectedEntity.Name,
+            RecordKeys: [{ Key: 'ID', Value: record.ID }],
+            IncludeDependencies: true,
+            OnProgress: (progress) => {
+                this.CreateProgress = progress;
+                this.cdr.markForCheck();
+            },
+        });
+        if (!result.Success) {
+            throw new Error(result.Error ?? 'Failed to create version label');
+        }
+        this.CreatedLabelCount = 1;
+        this.CreatedItemCount = result.ItemsCaptured ?? 0;
+    }
+    async createGroupedLabels(records) {
+        const vhClient = new GraphQLVersionHistoryClient(GraphQLDataProvider.Instance);
+        // Create parent container label (no RecordKey -> acts as a grouping label)
+        const parentResult = await vhClient.CreateLabel({
+            Name: this.LabelName.trim(),
+            Description: this.LabelDescription.trim() || undefined,
+            Scope: 'Entity',
+            EntityName: this.SelectedEntity.Name,
+        });
+        if (!parentResult.Success) {
+            throw new Error(parentResult.Error ?? 'Failed to create parent version label');
+        }
+        this.CreatedLabelCount = 1;
+        this.CreatedItemCount = parentResult.ItemsCaptured ?? 0;
+        this.cdr.markForCheck();
+        // Create child labels for each selected record
+        for (const record of records) {
+            const childResult = await vhClient.CreateLabel({
+                Name: `${this.LabelName.trim()} \u2014 ${record.DisplayName}`,
+                Description: this.LabelDescription.trim() || undefined,
+                Scope: 'Record',
+                EntityName: this.SelectedEntity.Name,
+                RecordKeys: [{ Key: 'ID', Value: record.ID }],
+                ParentID: parentResult.LabelID,
+                IncludeDependencies: true,
+                OnProgress: (progress) => {
+                    this.CreateProgress = progress;
+                    this.cdr.markForCheck();
+                },
+            });
+            if (!childResult.Success) {
+                console.error(`Failed to create child label for record ${record.ID}: ${childResult.Error}`);
+                continue;
+            }
+            this.CreatedLabelCount++;
+            this.CreatedItemCount += childResult.ItemsCaptured ?? 0;
+            this.cdr.markForCheck();
+        }
+    }
+    // =======================================================================
+    // Data loading
+    // =======================================================================
+    async loadEntityRecords(entity) {
+        this.IsLoadingRecords = true;
+        this.AvailableRecords = [];
+        this.FilteredRecords = [];
+        this.RecordSearchText = '';
+        this.cdr.markForCheck();
+        try {
+            const rv = new RunView();
+            const nameField = this.findNameField(entity);
+            const fields = nameField ? ['ID', nameField] : ['ID'];
+            const result = await rv.RunView({
+                EntityName: entity.Name,
+                Fields: fields,
+                OrderBy: nameField ?? 'ID',
+                MaxRows: 500,
+                ResultType: 'simple'
+            });
+            if (result.Success) {
+                this.AvailableRecords = result.Results.map(r => ({
+                    ID: String(r['ID'] ?? ''),
+                    DisplayName: nameField
+                        ? String(r[nameField] ?? r['ID'] ?? '')
+                        : String(r['ID'] ?? ''),
+                    Selected: false
+                }));
+                this.FilteredRecords = [...this.AvailableRecords];
+            }
+        }
+        catch (error) {
+            console.error('Error loading entity records:', error);
+        }
+        finally {
+            this.IsLoadingRecords = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // =======================================================================
+    // Utility helpers
+    // =======================================================================
+    findNameField(entity) {
+        const candidates = ['Name', 'Title', 'DisplayName', 'Label', 'Subject', 'Description'];
+        for (const name of candidates) {
+            const field = entity.Fields.find(f => f.Name.toLowerCase() === name.toLowerCase() && f.TSType === 'string');
+            if (field)
+                return field.Name;
+        }
+        return null;
+    }
+    getTrackableEntities() {
+        return this.metadata.Entities
+            .filter(e => e.TrackRecordChanges)
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    suggestLabelName() {
+        const entityName = this.SelectedEntity?.Name ?? '';
+        const selected = this.AvailableRecords.filter(r => r.Selected);
+        if (selected.length === 1) {
+            return `${selected[0].DisplayName} v1.0`;
+        }
+        const date = new Date().toLocaleDateString('en-US', {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric'
+        });
+        return `${entityName} \u2014 ${date}`;
+    }
+    resetCreateDialog() {
+        this.CreateStep = 'entity';
+        this.EntitySearchText = '';
+        this.SelectedEntity = null;
+        this.RecordSearchText = '';
+        this.AvailableRecords = [];
+        this.FilteredRecords = [];
+        this.IsLoadingRecords = false;
+        this.LabelName = '';
+        this.LabelDescription = '';
+        this.IsCreatingLabel = false;
+        this.CreateError = '';
+        this.CreatedLabelCount = 0;
+        this.CreatedItemCount = 0;
+        this.CreateProgress = null;
+    }
+    static ɵfac = function MjLabelCreateComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjLabelCreateComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjLabelCreateComponent, selectors: [["mj-label-create"]], inputs: { PreselectedEntity: "PreselectedEntity", PreselectedRecordIds: "PreselectedRecordIds" }, outputs: { Created: "Created", Cancel: "Cancel" }, standalone: false, decls: 7, vars: 6, consts: [[1, "label-create-container"], [1, "step-indicator"], [1, "dialog-step"], [1, "dialog-step", "creating-step"], [1, "dialog-step", "done-step"], [1, "step"], [1, "step-number"], [1, "step-label"], [1, "step-connector"], [1, "step-description"], [1, "dialog-search"], [1, "fa-solid", "fa-search", "dialog-search-icon"], ["type", "text", "placeholder", "Search entities...", 1, "dialog-search-input", 3, "ngModelChange", "ngModel"], [1, "entity-list"], [1, "entity-option"], [1, "entity-list-empty"], [1, "entity-option", 3, "click"], [1, "entity-option-info"], [1, "entity-option-name"], [1, "entity-option-desc"], [1, "fa-solid", "fa-chevron-right", "entity-option-arrow"], [1, "step-header-row"], [1, "btn-back"], ["text", "Loading records..."], [1, "btn-back", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "records-toolbar"], [1, "dialog-search", 2, "flex", "1"], ["type", "text", "placeholder", "Search records...", 1, "dialog-search-input", 3, "ngModelChange", "ngModel"], [1, "selection-actions"], [1, "btn-text", 3, "click"], [1, "record-list"], [1, "record-option", 3, "selected"], [1, "records-footer"], [1, "selection-count"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-right"], [1, "record-option", 3, "click"], [1, "record-checkbox"], [1, "fa-solid", "fa-check"], [1, "record-name"], [1, "details-summary"], [1, "summary-item"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-check-double"], [1, "form-field"], [1, "form-label"], ["type", "text", "placeholder", "e.g. Customer Support Agent v2.0", 1, "form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", "placeholder", "What does this version represent?", 1, "form-textarea", 3, "ngModelChange", "ngModel"], [1, "details-footer"], [1, "fa-solid", "fa-tag"], [1, "btn-secondary", 3, "click"], [1, "fa-solid", "fa-layer-group"], [1, "creating-animation"], [1, "fa-solid", "fa-tag", "fa-spin", "creating-icon"], [1, "creating-title"], [1, "progress-container"], [1, "creating-progress"], [1, "progress-bar-track"], [1, "progress-bar-fill"], [1, "progress-details"], [1, "progress-message"], [1, "progress-pct"], [1, "progress-stats"], [1, "progress-stat"], [1, "fa-solid", "fa-camera"], [1, "btn-primary", 3, "click"], [1, "done-icon-wrap", "success"], [1, "done-title"], [1, "done-message"], [1, "done-icon-wrap", "error"], [1, "fa-solid", "fa-xmark"], [1, "done-message", "error-text"]], template: function MjLabelCreateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, MjLabelCreateComponent_Conditional_1_Template, 18, 14, "div", 1);
+            i0.ɵɵconditionalCreate(2, MjLabelCreateComponent_Conditional_2_Template, 10, 2, "div", 2);
+            i0.ɵɵconditionalCreate(3, MjLabelCreateComponent_Conditional_3_Template, 11, 4, "div", 2);
+            i0.ɵɵconditionalCreate(4, MjLabelCreateComponent_Conditional_4_Template, 30, 8, "div", 2);
+            i0.ɵɵconditionalCreate(5, MjLabelCreateComponent_Conditional_5_Template, 7, 2, "div", 3);
+            i0.ɵɵconditionalCreate(6, MjLabelCreateComponent_Conditional_6_Template, 5, 2, "div", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep !== "creating" && ctx.CreateStep !== "done" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep === "entity" ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep === "records" ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep === "details" ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep === "creating" ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CreateStep === "done" ? 6 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.SlicePipe], styles: ["\n\n.label-create-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-tertiary, #9ca3af);\n    transition: all 0.2s ease;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: #10b981;\n    color: #ffffff;\n}\n\n.step-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--text-primary, #1f2937);\n    font-weight: 600;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: #10b981;\n}\n\n.step-connector[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 2px;\n    background: var(--border-color, #e5e7eb);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active[_ngcontent-%COMP%] {\n    background: #10b981;\n}\n\n\n\n.dialog-step[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n.step-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    color: var(--text-secondary, #6b7280);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n\n\n.dialog-search[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.dialog-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 13px;\n}\n\n.dialog-search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]:focus {\n    border-color: #6366f1;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n\n\n.entity-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 10px;\n}\n\n.entity-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.entity-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.entity-option[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.entity-option-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary, #1f2937);\n}\n\n.entity-option-desc[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow[_ngcontent-%COMP%] {\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 14px;\n}\n\n\n\n.records-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: #6366f1;\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: rgba(99, 102, 241, 0.1);\n}\n\n.record-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 10px;\n}\n\n.record-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.record-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.record-option[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.record-option.selected[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.05);\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--border-color, #d1d5db);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected[_ngcontent-%COMP%]   .record-checkbox[_ngcontent-%COMP%] {\n    background: #6366f1;\n    border-color: #6366f1;\n    color: #ffffff;\n}\n\n.record-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--text-secondary, #6b7280);\n}\n\n\n\n.details-summary[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 10px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6366f1;\n    font-size: 13px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n}\n\n.form-input[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-textarea[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.details-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: #6366f1;\n    color: #ffffff;\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: #4f46e5;\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--card-background, #ffffff);\n    color: var(--text-secondary, #6b7280);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n\n\n.creating-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.creating-icon[_ngcontent-%COMP%] {\n    font-size: 40px;\n    color: #6366f1;\n}\n\n.creating-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n\n\n.progress-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 8px;\n    background: var(--hover-background, #e5e7eb);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: linear-gradient(90deg, #6366f1, #818cf8);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: #6366f1;\n    white-space: nowrap;\n}\n\n.progress-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.progress-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n\n\n.done-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success[_ngcontent-%COMP%] {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.done-icon-wrap.error[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.done-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.done-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0 0 20px 0;\n}\n\n.error-text[_ngcontent-%COMP%] {\n    color: #ef4444;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjLabelCreateComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-label-create', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"label-create-container\">\n\n  <!-- Step indicator -->\n  @if (CreateStep !== 'creating' && CreateStep !== 'done') {\n    <div class=\"step-indicator\">\n      <div class=\"step\" [class.active]=\"CreateStep === 'entity'\" [class.completed]=\"CreateStep !== 'entity'\">\n        <span class=\"step-number\">1</span>\n        <span class=\"step-label\">Entity</span>\n      </div>\n      <div class=\"step-connector\" [class.active]=\"CreateStep !== 'entity'\"></div>\n      <div class=\"step\" [class.active]=\"CreateStep === 'records'\" [class.completed]=\"CreateStep === 'details'\">\n        <span class=\"step-number\">2</span>\n        <span class=\"step-label\">Records</span>\n      </div>\n      <div class=\"step-connector\" [class.active]=\"CreateStep === 'details'\"></div>\n      <div class=\"step\" [class.active]=\"CreateStep === 'details'\">\n        <span class=\"step-number\">3</span>\n        <span class=\"step-label\">Details</span>\n      </div>\n    </div>\n  }\n\n  <!-- Step 1: Pick Entity -->\n  @if (CreateStep === 'entity') {\n    <div class=\"dialog-step\">\n      <p class=\"step-description\">Choose an entity type to label records from.</p>\n      <div class=\"dialog-search\">\n        <i class=\"fa-solid fa-search dialog-search-icon\"></i>\n        <input type=\"text\"\n          class=\"dialog-search-input\"\n          placeholder=\"Search entities...\"\n          [ngModel]=\"EntitySearchText\"\n          (ngModelChange)=\"OnEntitySearchChange($event)\" />\n      </div>\n      <div class=\"entity-list\">\n        @for (entity of FilteredEntities; track entity) {\n          <div class=\"entity-option\"\n            (click)=\"SelectEntity(entity)\">\n            <div class=\"entity-option-info\">\n              <span class=\"entity-option-name\">{{entity.Name}}</span>\n              @if (entity.Description) {\n                <span class=\"entity-option-desc\">{{entity.Description | slice:0:80}}</span>\n              }\n            </div>\n            <i class=\"fa-solid fa-chevron-right entity-option-arrow\"></i>\n          </div>\n        }\n        @if (FilteredEntities.length === 0) {\n          <div class=\"entity-list-empty\">\n            No entities match your search.\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Step 2: Select Records -->\n  @if (CreateStep === 'records') {\n    <div class=\"dialog-step\">\n      <div class=\"step-header-row\">\n        @if (!PreselectedEntity) {\n          <button class=\"btn-back\" (click)=\"GoBackToEntity()\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n          </button>\n        }\n        <div>\n          <p class=\"step-description\">\n            Select records from <strong>{{SelectedEntity?.Name}}</strong> to label.\n          </p>\n        </div>\n      </div>\n      @if (IsLoadingRecords) {\n        <mj-loading text=\"Loading records...\"></mj-loading>\n      }\n      @if (!IsLoadingRecords) {\n        <div class=\"records-toolbar\">\n          <div class=\"dialog-search\" style=\"flex: 1;\">\n            <i class=\"fa-solid fa-search dialog-search-icon\"></i>\n            <input type=\"text\"\n              class=\"dialog-search-input\"\n              placeholder=\"Search records...\"\n              [ngModel]=\"RecordSearchText\"\n              (ngModelChange)=\"OnRecordSearchChange($event)\" />\n          </div>\n          <div class=\"selection-actions\">\n            <button class=\"btn-text\" (click)=\"SelectAllRecords()\">Select All</button>\n            <button class=\"btn-text\" (click)=\"DeselectAllRecords()\">Clear</button>\n          </div>\n        </div>\n        <div class=\"record-list\">\n          @for (record of FilteredRecords; track record) {\n            <div class=\"record-option\"\n              [class.selected]=\"record.Selected\"\n              (click)=\"ToggleRecordSelection(record)\">\n              <div class=\"record-checkbox\">\n                @if (record.Selected) {\n                  <i class=\"fa-solid fa-check\"></i>\n                }\n              </div>\n              <span class=\"record-name\">{{record.DisplayName}}</span>\n            </div>\n          }\n          @if (FilteredRecords.length === 0 && !IsLoadingRecords) {\n            <div class=\"entity-list-empty\">\n              No records found for this entity.\n            </div>\n          }\n        </div>\n        <div class=\"records-footer\">\n          <span class=\"selection-count\">{{SelectedRecordCount}} selected</span>\n          <button class=\"btn-primary\"\n            [disabled]=\"SelectedRecordCount === 0\"\n            (click)=\"GoToDetailsStep()\">\n            Continue\n            <i class=\"fa-solid fa-arrow-right\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Step 3: Label Details -->\n  @if (CreateStep === 'details') {\n    <div class=\"dialog-step\">\n      <div class=\"step-header-row\">\n        <button class=\"btn-back\" (click)=\"GoBackToRecords()\">\n          <i class=\"fa-solid fa-arrow-left\"></i>\n        </button>\n        <p class=\"step-description\">Name your version label.</p>\n      </div>\n      <div class=\"details-summary\">\n        <div class=\"summary-item\">\n          <i class=\"fa-solid fa-table\"></i>\n          <span>{{SelectedEntity?.Name}}</span>\n        </div>\n        <div class=\"summary-item\">\n          <i class=\"fa-solid fa-check-double\"></i>\n          <span>{{SelectedRecordCount}} record{{SelectedRecordCount > 1 ? 's' : ''}} selected</span>\n        </div>\n        @if (SelectedRecordCount > 1) {\n          <div class=\"summary-item\">\n            <i class=\"fa-solid fa-layer-group\"></i>\n            <span>Will create 1 group + {{SelectedRecordCount}} child labels</span>\n          </div>\n        }\n      </div>\n      <div class=\"form-field\">\n        <label class=\"form-label\">Label Name</label>\n        <input type=\"text\"\n          class=\"form-input\"\n          placeholder=\"e.g. Customer Support Agent v2.0\"\n          [(ngModel)]=\"LabelName\" />\n      </div>\n      <div class=\"form-field\">\n        <label class=\"form-label\">Description (optional)</label>\n        <textarea class=\"form-textarea\"\n          rows=\"3\"\n          placeholder=\"What does this version represent?\"\n        [(ngModel)]=\"LabelDescription\"></textarea>\n      </div>\n      <div class=\"details-footer\">\n        <button class=\"btn-primary\"\n          [disabled]=\"!LabelName.trim()\"\n          (click)=\"CreateLabels()\">\n          <i class=\"fa-solid fa-tag\"></i>\n          Create Label{{SelectedRecordCount > 1 ? 's' : ''}}\n        </button>\n        <button class=\"btn-secondary\" (click)=\"OnCancel()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Creating state -->\n  @if (CreateStep === 'creating') {\n    <div class=\"dialog-step creating-step\">\n      <div class=\"creating-animation\">\n        <i class=\"fa-solid fa-tag fa-spin creating-icon\"></i>\n      </div>\n      <h3 class=\"creating-title\">Creating Labels...</h3>\n      <!-- Progress bar -->\n      @if (CreateProgress) {\n        <div class=\"progress-container\">\n          <div class=\"progress-bar-track\">\n            <div class=\"progress-bar-fill\" [style.width.%]=\"CreateProgress.Percentage\"></div>\n          </div>\n          <div class=\"progress-details\">\n            <span class=\"progress-message\">{{CreateProgress.Message}}</span>\n            <span class=\"progress-pct\">{{CreateProgress.Percentage}}%</span>\n          </div>\n          @if (CreateProgress.RecordsProcessed != null && CreateProgress.TotalRecords) {\n            <div class=\"progress-stats\">\n              <span class=\"progress-stat\">\n                <i class=\"fa-solid fa-camera\"></i>\n                {{CreateProgress.RecordsProcessed}} / {{CreateProgress.TotalRecords}} records\n              </span>\n              @if (CreateProgress.CurrentEntity) {\n                <span class=\"progress-stat\">\n                  <i class=\"fa-solid fa-table\"></i>\n                  {{CreateProgress.CurrentEntity}}\n                </span>\n              }\n            </div>\n          }\n        </div>\n      }\n      @if (!CreateProgress) {\n        <p class=\"creating-progress\">\n          {{CreatedLabelCount}} label{{CreatedLabelCount !== 1 ? 's' : ''}} created\n          @if (CreatedItemCount > 0) {\n            <span> &middot; {{CreatedItemCount}} items captured</span>\n          }\n        </p>\n      }\n    </div>\n  }\n\n  <!-- Done state -->\n  @if (CreateStep === 'done') {\n    <div class=\"dialog-step done-step\">\n      @if (!CreateError) {\n        <div class=\"done-icon-wrap success\">\n          <i class=\"fa-solid fa-check\"></i>\n        </div>\n        <h3 class=\"done-title\">Labels Created</h3>\n        <p class=\"done-message\">\n          Successfully created {{CreatedLabelCount}} label{{CreatedLabelCount !== 1 ? 's' : ''}}\n          @if (CreatedItemCount > 0) {\n            <span> with {{CreatedItemCount}} items captured</span>\n            }.\n          </p>\n        }\n        @if (CreateError) {\n          <div class=\"done-icon-wrap error\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </div>\n          <h3 class=\"done-title\">Error</h3>\n          <p class=\"done-message error-text\">{{CreateError}}</p>\n        }\n        <button class=\"btn-primary\" (click)=\"FinishCreate()\">Done</button>\n      </div>\n    }\n  </div>\n", styles: ["/* Label Create Wizard Container */\n.label-create-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n/* Step Indicator */\n.step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-tertiary, #9ca3af);\n    transition: all 0.2s ease;\n}\n\n.step.active .step-number {\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.step.completed .step-number {\n    background: #10b981;\n    color: #ffffff;\n}\n\n.step-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.step.active .step-label {\n    color: var(--text-primary, #1f2937);\n    font-weight: 600;\n}\n\n.step.completed .step-label {\n    color: #10b981;\n}\n\n.step-connector {\n    width: 40px;\n    height: 2px;\n    background: var(--border-color, #e5e7eb);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active {\n    background: #10b981;\n}\n\n/* Dialog Step Content */\n.dialog-step {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n.step-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    color: var(--text-secondary, #6b7280);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n/* Dialog Search */\n.dialog-search {\n    position: relative;\n}\n\n.dialog-search-icon {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 13px;\n}\n\n.dialog-search-input {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input:focus {\n    border-color: #6366f1;\n}\n\n.dialog-search-input::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n/* Entity List */\n.entity-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 10px;\n}\n\n.entity-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.entity-option:last-child {\n    border-bottom: none;\n}\n\n.entity-option:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.entity-option-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary, #1f2937);\n}\n\n.entity-option-desc {\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow {\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--text-tertiary, #9ca3af);\n    font-size: 14px;\n}\n\n/* Records */\n.records-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: #6366f1;\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text:hover {\n    background: rgba(99, 102, 241, 0.1);\n}\n\n.record-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 10px;\n}\n\n.record-option {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.record-option:last-child {\n    border-bottom: none;\n}\n\n.record-option:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.record-option.selected {\n    background: rgba(99, 102, 241, 0.05);\n}\n\n.record-checkbox {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--border-color, #d1d5db);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected .record-checkbox {\n    background: #6366f1;\n    border-color: #6366f1;\n    color: #ffffff;\n}\n\n.record-name {\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--text-secondary, #6b7280);\n}\n\n/* Details step */\n.details-summary {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 10px;\n}\n\n.summary-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n.summary-item i {\n    color: #6366f1;\n    font-size: 13px;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n}\n\n.form-input {\n    padding: 10px 14px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-input::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.form-textarea {\n    padding: 10px 14px;\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea:focus {\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-textarea::placeholder {\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.details-footer {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n/* Buttons */\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: #6366f1;\n    color: #ffffff;\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary:hover {\n    background: #4f46e5;\n}\n\n.btn-primary:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--card-background, #ffffff);\n    color: var(--text-secondary, #6b7280);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n/* Creating state */\n.creating-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation {\n    margin-bottom: 16px;\n}\n\n.creating-icon {\n    font-size: 40px;\n    color: #6366f1;\n}\n\n.creating-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n/* Progress bar */\n.progress-container {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track {\n    width: 100%;\n    height: 8px;\n    background: var(--hover-background, #e5e7eb);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #6366f1, #818cf8);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message {\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct {\n    font-size: 13px;\n    font-weight: 600;\n    color: #6366f1;\n    white-space: nowrap;\n}\n\n.progress-stats {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n.progress-stat i {\n    font-size: 11px;\n}\n\n/* Done state */\n.done-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.done-icon-wrap.error {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.done-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.done-message {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0 0 20px 0;\n}\n\n.error-text {\n    color: #ef4444;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { PreselectedEntity: [{
+            type: Input
+        }], PreselectedRecordIds: [{
+            type: Input
+        }], Created: [{
+            type: Output
+        }], Cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjLabelCreateComponent, { className: "MjLabelCreateComponent", filePath: "src/lib/label-create/label-create.component.ts", lineNumber: 30 }); })();
+//# sourceMappingURL=label-create.component.js.map