@memberjunction/ng-list-management 0.0.1 → 3.0.0

package/dist/lib/components/list-management-dialog/list-management-dialog.component.js

@@ -0,0 +1,943 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/list-management.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.list.ID;
+function ListManagementDialogComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 38);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
+    i0.ɵɵelement(1, "span", 39);
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showCreateListForm()); });
+    i0.ɵɵelement(1, "span", 41);
+    i0.ɵɵelementStart(2, "span", 42);
+    i0.ɵɵtext(3, "New");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.showCreateForm);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_11_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 51);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const category_r7 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", category_r7.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(category_r7.Name);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "select", 50);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_11_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.newListCategoryId, $event) || (ctx_r1.newListCategoryId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(2, "option", 51);
+    i0.ɵɵtext(3, "No category");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_11_For_5_Template, 2, 2, "option", 51, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newListCategoryId);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.categories);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 37);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 43);
+    i0.ɵɵelement(2, "span", 44);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Create New List");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 45)(6, "div", 46)(7, "input", 47);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListManagementDialogComponent_Conditional_0_Conditional_35_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.newListName, $event) || (ctx_r1.newListName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keyup.enter", function ListManagementDialogComponent_Conditional_0_Conditional_35_Template_input_keyup_enter_7_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createList()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 46)(9, "textarea", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListManagementDialogComponent_Conditional_0_Conditional_35_Template_textarea_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.newListDescription, $event) || (ctx_r1.newListDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtext(10, "              ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_11_Template, 6, 3, "div", 46);
+    i0.ɵɵelementStart(12, "div", 49)(13, "button", 36);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_35_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createList()); });
+    i0.ɵɵtemplate(14, ListManagementDialogComponent_Conditional_0_Conditional_35_Conditional_14_Template, 1, 0, "span", 37);
+    i0.ɵɵtext(15, " Create List ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 35);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_35_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.cancelCreateList()); });
+    i0.ɵɵtext(17, " Cancel ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newListName);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newListDescription);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.categories.length > 0 ? 11 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.newListName.trim() || ctx_r1.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.saving ? 14 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "mj-loading", 52);
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 53);
+    i0.ɵɵelementStart(1, "p", 54);
+    i0.ɵɵtext(2, "No lists found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 55);
+    i0.ɵɵtext(4, "Try a different search term");
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 58);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_2_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.showCreateListForm()); });
+    i0.ɵɵelement(1, "span", 41);
+    i0.ɵɵtext(2, " Create List ");
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 56);
+    i0.ɵɵelementStart(1, "p", 54);
+    i0.ɵɵtext(2, "No lists yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 55);
+    i0.ɵɵtext(4, "Create your first list to get started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_2_Conditional_5_Template, 3, 0, "button", 57);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.config.allowCreate !== false ? 5 : -1);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵtemplate(1, ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_1_Template, 5, 0)(2, ListManagementDialogComponent_Conditional_0_Conditional_38_Conditional_2_Template, 6, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.searchText ? 1 : 2);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 75);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 41);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 74);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const vm_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleListForAdd(vm_r10)); });
+    i0.ɵɵtemplate(1, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Conditional_1_Template, 1, 0, "span", 75)(2, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Conditional_2_Template, 1, 0, "span", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const vm_r10 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("selected", vm_r10.isSelectedForAdd || ctx_r1.addedToLists.has(vm_r10.list.ID));
+    i0.ɵɵproperty("title", vm_r10.isSelectedForAdd || ctx_r1.addedToLists.has(vm_r10.list.ID) ? "Remove from selection" : "Add to this list");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(vm_r10.isSelectedForAdd || ctx_r1.addedToLists.has(vm_r10.list.ID) ? 1 : 2);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 77);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 78);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 76);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const vm_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleListForRemove(vm_r10)); });
+    i0.ɵɵtemplate(1, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Conditional_1_Template, 1, 0, "span", 77)(2, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Conditional_2_Template, 1, 0, "span", 78);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const vm_r10 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("selected", vm_r10.isSelectedForRemove || ctx_r1.removedFromLists.has(vm_r10.list.ID));
+    i0.ɵɵproperty("title", vm_r10.isSelectedForRemove || ctx_r1.removedFromLists.has(vm_r10.list.ID) ? "Cancel removal" : "Remove from this list");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(vm_r10.isSelectedForRemove || ctx_r1.removedFromLists.has(vm_r10.list.ID) ? 1 : 2);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵtext(1, "New");
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 79);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 71);
+    i0.ɵɵtext(3, "\u2022");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const vm_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(vm_r10.list.Description);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵelement(1, "span");
+    i0.ɵɵelementStart(2, "span", 81);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const vm_r10 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.getMembershipClass(vm_r10));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getMembershipIcon(vm_r10));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.getMembershipText(vm_r10));
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "div", 61);
+    i0.ɵɵtemplate(2, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_2_Template, 3, 4, "button", 62)(3, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_3_Template, 3, 4, "button", 63);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 64)(5, "div", 65);
+    i0.ɵɵelement(6, "span", 66);
+    i0.ɵɵelementStart(7, "span", 67);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_9_Template, 2, 0, "span", 68);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 69);
+    i0.ɵɵtemplate(11, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_11_Template, 4, 1);
+    i0.ɵɵelementStart(12, "span", 70);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 71);
+    i0.ɵɵtext(15, "\u2022");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span", 72);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(18, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Conditional_18_Template, 4, 5, "div", 73);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const vm_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("selected-add", vm_r10.isSelectedForAdd || ctx_r1.addedToLists.has(vm_r10.list.ID))("selected-remove", vm_r10.isSelectedForRemove || ctx_r1.removedFromLists.has(vm_r10.list.ID))("is-member", vm_r10.isFullMember || vm_r10.isPartialMember);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.showAddButton(vm_r10) ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showRemoveButton(vm_r10) && (vm_r10.isFullMember || vm_r10.isPartialMember) ? 3 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(vm_r10.list.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.newlyCreatedLists.includes(vm_r10.list) ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(vm_r10.list.Description ? 11 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", vm_r10.itemCount, " item", vm_r10.itemCount !== 1 ? "s" : "", "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(vm_r10.lastUpdated));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.config.showMembership !== false ? 18 : -1);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵrepeaterCreate(1, ListManagementDialogComponent_Conditional_0_Conditional_39_For_2_Template, 19, 15, "div", 59, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.filteredLists);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_42_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
+    i0.ɵɵelement(1, "span", 44);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.addCount, " list", ctx_r1.addCount !== 1 ? "s" : "", " ");
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_42_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 83);
+    i0.ɵɵelement(1, "span", 84);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.removeCount, " list", ctx_r1.removeCount !== 1 ? "s" : "", " ");
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ListManagementDialogComponent_Conditional_0_Conditional_42_Conditional_0_Template, 3, 2, "span", 82)(1, ListManagementDialogComponent_Conditional_0_Conditional_42_Conditional_1_Template, 3, 2, "span", 83);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.addCount > 0 ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.removeCount > 0 ? 1 : -1);
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵtext(1, "No changes");
+    i0.ɵɵelementEnd();
+} }
+function ListManagementDialogComponent_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 37);
+} }
+function ListManagementDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "div", 5);
+    i0.ɵɵelement(5, "span", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 7)(7, "h2", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "p", 9);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "button", 10);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelement(12, "span", 11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 12)(14, "div", 13);
+    i0.ɵɵelement(15, "span", 14);
+    i0.ɵɵelementStart(16, "input", 15);
+    i0.ɵɵlistener("input", function ListManagementDialogComponent_Conditional_0_Template_input_input_16_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchInput($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(17, ListManagementDialogComponent_Conditional_0_Conditional_17_Template, 2, 0, "button", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(18, ListManagementDialogComponent_Conditional_0_Conditional_18_Template, 4, 1, "button", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 18)(20, "div", 19)(21, "button", 20);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveTab("all")); });
+    i0.ɵɵtext(22, " All ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "button", 20);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveTab("my-lists")); });
+    i0.ɵɵtext(24, " My Lists ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "button", 20);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveTab("recent")); });
+    i0.ɵɵtext(26, " Recent ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 21)(28, "select", 22);
+    i0.ɵɵlistener("change", function ListManagementDialogComponent_Conditional_0_Template_select_change_28_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setSortOption($event.target.value)); });
+    i0.ɵɵelementStart(29, "option", 23);
+    i0.ɵɵtext(30, "Sort: Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "option", 24);
+    i0.ɵɵtext(32, "Sort: Recent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "option", 25);
+    i0.ɵɵtext(34, "Sort: Items");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵtemplate(35, ListManagementDialogComponent_Conditional_0_Conditional_35_Template, 18, 8, "div", 26);
+    i0.ɵɵelementStart(36, "div", 27);
+    i0.ɵɵtemplate(37, ListManagementDialogComponent_Conditional_0_Conditional_37_Template, 2, 0, "div", 28)(38, ListManagementDialogComponent_Conditional_0_Conditional_38_Template, 3, 1, "div", 29)(39, ListManagementDialogComponent_Conditional_0_Conditional_39_Template, 3, 0, "div", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "div", 31)(41, "div", 32);
+    i0.ɵɵtemplate(42, ListManagementDialogComponent_Conditional_0_Conditional_42_Template, 2, 2)(43, ListManagementDialogComponent_Conditional_0_Conditional_43_Template, 2, 0, "span", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "div", 34)(45, "button", 35);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵtext(46, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "button", 36);
+    i0.ɵɵlistener("click", function ListManagementDialogComponent_Conditional_0_Template_button_click_47_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyChanges()); });
+    i0.ɵɵtemplate(48, ListManagementDialogComponent_Conditional_0_Conditional_48_Template, 1, 0, "span", 37);
+    i0.ɵɵtext(49, " Apply Changes ");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.dialogTitle);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.dialogSubtitle);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r1.searchText);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.searchText ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.config.allowCreate !== false ? 18 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.activeTab === "all");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r1.activeTab === "my-lists");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r1.activeTab === "recent");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("value", ctx_r1.sortOption);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.showCreateForm ? 35 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.loading ? 37 : ctx_r1.filteredLists.length === 0 ? 38 : 39);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.hasChanges ? 42 : 43);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.hasChanges || ctx_r1.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.saving ? 48 : -1);
+} }
+/**
+ * A gorgeous, responsive dialog for managing list membership.
+ * Supports adding/removing records from multiple lists with membership indicators.
+ *
+ * Features:
+ * - Search and filter lists
+ * - Visual membership indicators (full/partial/none)
+ * - Inline list creation
+ * - Mobile-responsive bottom sheet on small screens
+ * - Batch operations with progress feedback
+ */
+export class ListManagementDialogComponent {
+    listService;
+    cdr;
+    /**
+     * Configuration for the dialog
+     */
+    config;
+    /**
+     * Controls dialog visibility
+     */
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        if (value && !this._visible) {
+            this.initializeDialog();
+        }
+        this._visible = value;
+    }
+    _visible = false;
+    /**
+     * Emitted when dialog is closed with results
+     */
+    complete = new EventEmitter();
+    /**
+     * Emitted when dialog is cancelled
+     */
+    cancel = new EventEmitter();
+    // State
+    loading = false;
+    saving = false;
+    searchText = '';
+    activeTab = 'all';
+    sortOption = 'name';
+    showCreateForm = false;
+    // Data
+    allLists = [];
+    filteredLists = [];
+    categories = [];
+    // Create form state
+    newListName = '';
+    newListDescription = '';
+    newListCategoryId = null;
+    // Track changes
+    originalMembership = new Map();
+    addedToLists = new Set();
+    removedFromLists = new Set();
+    newlyCreatedLists = [];
+    // Cleanup
+    destroy$ = new Subject();
+    searchSubject = new Subject();
+    constructor(listService, cdr) {
+        this.listService = listService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.setupSearchDebounce();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Get dialog title based on config
+     */
+    get dialogTitle() {
+        if (this.config?.dialogTitle) {
+            return this.config.dialogTitle;
+        }
+        const recordCount = this.config?.recordIds?.length || 0;
+        const recordText = recordCount === 1 ? '1 record' : `${recordCount} records`;
+        switch (this.config?.mode) {
+            case 'add':
+                return `Add ${recordText} to Lists`;
+            case 'remove':
+                return `Remove ${recordText} from Lists`;
+            default:
+                return `Manage List Membership`;
+        }
+    }
+    /**
+     * Get subtitle showing context
+     */
+    get dialogSubtitle() {
+        const recordCount = this.config?.recordIds?.length || 0;
+        const entityName = this.config?.entityName || 'records';
+        if (recordCount === 1 && this.config?.recordDisplayNames?.[0]) {
+            return `"${this.config.recordDisplayNames[0]}" from ${entityName}`;
+        }
+        return `${recordCount} ${entityName} record${recordCount !== 1 ? 's' : ''}`;
+    }
+    /**
+     * Check if there are pending changes
+     */
+    get hasChanges() {
+        return this.addedToLists.size > 0 || this.removedFromLists.size > 0;
+    }
+    /**
+     * Get count of lists to add to
+     */
+    get addCount() {
+        return this.addedToLists.size;
+    }
+    /**
+     * Get count of lists to remove from
+     */
+    get removeCount() {
+        return this.removedFromLists.size;
+    }
+    /**
+     * Setup search with debounce
+     */
+    setupSearchDebounce() {
+        this.searchSubject.pipe(debounceTime(300), takeUntil(this.destroy$)).subscribe((searchText) => {
+            this.searchText = searchText;
+            this.applyFilters();
+        });
+    }
+    /**
+     * Initialize dialog when opened
+     */
+    async initializeDialog() {
+        this.resetState();
+        await this.loadData();
+    }
+    /**
+     * Reset all state
+     */
+    resetState() {
+        this.searchText = '';
+        this.activeTab = 'all';
+        this.sortOption = 'name';
+        this.showCreateForm = false;
+        this.newListName = '';
+        this.newListDescription = '';
+        this.newListCategoryId = null;
+        this.addedToLists.clear();
+        this.removedFromLists.clear();
+        this.newlyCreatedLists = [];
+        this.originalMembership.clear();
+    }
+    /**
+     * Load lists and membership data
+     */
+    async loadData() {
+        if (!this.config)
+            return;
+        this.loading = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            // Load lists and membership in parallel
+            const [lists, membership, categories] = await Promise.all([
+                this.listService.getListsForEntity(this.config.entityId, md.CurrentUser.ID, true // Force refresh
+                ),
+                this.listService.getRecordMembership(this.config.entityId, this.config.recordIds),
+                this.listService.getListCategories()
+            ]);
+            this.categories = categories;
+            // Build view models
+            this.allLists = await this.listService.buildListViewModels(lists, this.config.recordIds, membership);
+            // Store original membership state
+            for (const vm of this.allLists) {
+                this.originalMembership.set(vm.list.ID, vm.isFullMember || vm.isPartialMember);
+            }
+            // Pre-select lists if configured
+            if (this.config.preSelectedListIds) {
+                for (const listId of this.config.preSelectedListIds) {
+                    const vm = this.allLists.find(l => l.list.ID === listId);
+                    if (vm) {
+                        vm.isSelectedForAdd = true;
+                        this.addedToLists.add(listId);
+                    }
+                }
+            }
+            this.applyFilters();
+        }
+        catch (error) {
+            console.error('Error loading list data:', error);
+        }
+        finally {
+            this.loading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Handle search input
+     */
+    onSearchInput(event) {
+        const value = event.target.value;
+        this.searchSubject.next(value);
+    }
+    /**
+     * Clear search
+     */
+    clearSearch() {
+        this.searchText = '';
+        this.searchSubject.next('');
+    }
+    /**
+     * Change active tab
+     */
+    setActiveTab(tab) {
+        this.activeTab = tab;
+        this.applyFilters();
+    }
+    /**
+     * Change sort option
+     */
+    setSortOption(option) {
+        this.sortOption = option;
+        this.applyFilters();
+    }
+    /**
+     * Apply all filters and sorting
+     */
+    applyFilters() {
+        let result = [...this.allLists];
+        // Apply search filter
+        if (this.searchText.trim()) {
+            const search = this.searchText.toLowerCase();
+            result = result.filter(vm => vm.list.Name.toLowerCase().includes(search) ||
+                (vm.list.Description?.toLowerCase().includes(search)));
+        }
+        // Apply tab filter
+        switch (this.activeTab) {
+            case 'my-lists':
+                // Already filtered by user in loadData
+                break;
+            case 'recent':
+                // Sort by last updated and take top 10
+                result = result
+                    .sort((a, b) => b.lastUpdated.getTime() - a.lastUpdated.getTime())
+                    .slice(0, 10);
+                break;
+            // 'all' and 'shared' - no additional filtering for now
+        }
+        // Apply sorting
+        switch (this.sortOption) {
+            case 'name':
+                result.sort((a, b) => a.list.Name.localeCompare(b.list.Name));
+                break;
+            case 'recent':
+                result.sort((a, b) => b.lastUpdated.getTime() - a.lastUpdated.getTime());
+                break;
+            case 'item-count':
+                result.sort((a, b) => b.itemCount - a.itemCount);
+                break;
+        }
+        this.filteredLists = result;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Toggle list selection for adding
+     */
+    toggleListForAdd(vm) {
+        if (this.config?.mode === 'remove')
+            return;
+        const listId = vm.list.ID;
+        if (vm.isSelectedForAdd || this.addedToLists.has(listId)) {
+            // Deselect
+            vm.isSelectedForAdd = false;
+            this.addedToLists.delete(listId);
+        }
+        else {
+            // Select for add
+            vm.isSelectedForAdd = true;
+            vm.isSelectedForRemove = false;
+            this.addedToLists.add(listId);
+            this.removedFromLists.delete(listId);
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Toggle list selection for removal
+     */
+    toggleListForRemove(vm) {
+        if (this.config?.mode === 'add')
+            return;
+        if (!this.config?.allowRemove && this.config?.mode !== 'manage')
+            return;
+        const listId = vm.list.ID;
+        if (vm.isSelectedForRemove || this.removedFromLists.has(listId)) {
+            // Deselect
+            vm.isSelectedForRemove = false;
+            this.removedFromLists.delete(listId);
+        }
+        else {
+            // Select for remove
+            vm.isSelectedForRemove = true;
+            vm.isSelectedForAdd = false;
+            this.removedFromLists.add(listId);
+            this.addedToLists.delete(listId);
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Get membership indicator class
+     */
+    getMembershipClass(vm) {
+        if (vm.isFullMember)
+            return 'full-member';
+        if (vm.isPartialMember)
+            return 'partial-member';
+        return 'not-member';
+    }
+    /**
+     * Get membership indicator text
+     */
+    getMembershipText(vm) {
+        if (vm.isFullMember) {
+            return `${vm.membershipCount}/${vm.totalSelectedRecords}`;
+        }
+        if (vm.isPartialMember) {
+            return `${vm.membershipCount}/${vm.totalSelectedRecords}`;
+        }
+        return `0/${vm.totalSelectedRecords}`;
+    }
+    /**
+     * Get membership icon
+     */
+    getMembershipIcon(vm) {
+        if (vm.isFullMember)
+            return 'fa-solid fa-check-circle';
+        if (vm.isPartialMember)
+            return 'fa-solid fa-circle-half-stroke';
+        return 'fa-regular fa-circle';
+    }
+    /**
+     * Show create list form
+     */
+    showCreateListForm() {
+        this.showCreateForm = true;
+        this.newListName = '';
+        this.newListDescription = '';
+        this.newListCategoryId = null;
+    }
+    /**
+     * Cancel create list form
+     */
+    cancelCreateList() {
+        this.showCreateForm = false;
+        this.newListName = '';
+        this.newListDescription = '';
+        this.newListCategoryId = null;
+    }
+    /**
+     * Create a new list
+     */
+    async createList() {
+        if (!this.newListName.trim() || !this.config)
+            return;
+        this.saving = true;
+        try {
+            const createConfig = {
+                name: this.newListName.trim(),
+                description: this.newListDescription.trim() || undefined,
+                categoryId: this.newListCategoryId || undefined,
+                entityId: this.config.entityId
+            };
+            const newList = await this.listService.createList(createConfig);
+            if (newList) {
+                this.newlyCreatedLists.push(newList);
+                // Add to view models and select for add
+                const vm = {
+                    list: newList,
+                    itemCount: 0,
+                    membershipCount: 0,
+                    totalSelectedRecords: this.config.recordIds.length,
+                    isFullMember: false,
+                    isPartialMember: false,
+                    isNotMember: true,
+                    lastUpdated: new Date(),
+                    isSelectedForAdd: true,
+                    isSelectedForRemove: false
+                };
+                this.allLists.unshift(vm);
+                this.addedToLists.add(newList.ID);
+                this.showCreateForm = false;
+                this.newListName = '';
+                this.newListDescription = '';
+                this.newListCategoryId = null;
+                this.applyFilters();
+            }
+        }
+        catch (error) {
+            console.error('Error creating list:', error);
+        }
+        finally {
+            this.saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Apply changes and close dialog
+     */
+    async applyChanges() {
+        if (!this.config)
+            return;
+        this.saving = true;
+        const result = {
+            action: 'apply',
+            added: [],
+            removed: [],
+            newListsCreated: this.newlyCreatedLists
+        };
+        try {
+            // Process additions
+            if (this.addedToLists.size > 0) {
+                console.log(`[ListManagementDialog] Processing additions:`);
+                console.log(`  - Lists to add to:`, [...this.addedToLists]);
+                console.log(`  - Record IDs:`, this.config.recordIds);
+                const addResult = await this.listService.addRecordsToLists([...this.addedToLists], this.config.recordIds, true // Skip duplicates
+                );
+                console.log(`[ListManagementDialog] Add result:`, addResult);
+                for (const listId of this.addedToLists) {
+                    const vm = this.allLists.find(l => l.list.ID === listId);
+                    if (vm) {
+                        result.added.push({
+                            listId,
+                            listName: vm.list.Name,
+                            recordIds: this.config.recordIds
+                        });
+                    }
+                }
+            }
+            // Process removals
+            if (this.removedFromLists.size > 0) {
+                const removeResult = await this.listService.removeRecordsFromLists([...this.removedFromLists], this.config.recordIds);
+                for (const listId of this.removedFromLists) {
+                    const vm = this.allLists.find(l => l.list.ID === listId);
+                    if (vm) {
+                        result.removed.push({
+                            listId,
+                            listName: vm.list.Name,
+                            recordIds: this.config.recordIds
+                        });
+                    }
+                }
+            }
+            this.complete.emit(result);
+        }
+        catch (error) {
+            console.error('Error applying changes:', error);
+        }
+        finally {
+            this.saving = false;
+            this._visible = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Cancel and close dialog
+     */
+    onCancel() {
+        const result = {
+            action: 'cancel',
+            added: [],
+            removed: [],
+            newListsCreated: []
+        };
+        this._visible = false;
+        this.cancel.emit();
+    }
+    /**
+     * Format date for display
+     */
+    formatDate(date) {
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+        const minutes = Math.floor(diff / 60000);
+        const hours = Math.floor(minutes / 60);
+        const days = Math.floor(hours / 24);
+        if (minutes < 1)
+            return 'just now';
+        if (minutes < 60)
+            return `${minutes}m ago`;
+        if (hours < 24)
+            return `${hours}h ago`;
+        if (days < 7)
+            return `${days}d ago`;
+        return date.toLocaleDateString();
+    }
+    /**
+     * Check if we should show the add button for a list
+     */
+    showAddButton(vm) {
+        if (this.config?.mode === 'remove')
+            return false;
+        return !vm.isFullMember || !this.originalMembership.get(vm.list.ID);
+    }
+    /**
+     * Check if we should show the remove button for a list
+     */
+    showRemoveButton(vm) {
+        if (this.config?.mode === 'add')
+            return false;
+        if (!this.config?.allowRemove && this.config?.mode !== 'manage')
+            return false;
+        return vm.isFullMember || vm.isPartialMember || this.originalMembership.get(vm.list.ID) === true;
+    }
+    static ɵfac = function ListManagementDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListManagementDialogComponent)(i0.ɵɵdirectiveInject(i1.ListManagementService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListManagementDialogComponent, selectors: [["mj-list-management-dialog"]], inputs: { config: "config", visible: "visible" }, outputs: { complete: "complete", cancel: "cancel" }, decls: 1, vars: 1, consts: [[1, "dialog-overlay"], [1, "dialog-overlay", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-header"], [1, "header-content"], [1, "header-icon"], [1, "fa-solid", "fa-rectangle-list"], [1, "header-text"], [1, "dialog-title"], [1, "dialog-subtitle"], ["title", "Close", 1, "close-button", 3, "click"], [1, "fa-solid", "fa-times"], [1, "search-section"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search lists...", 1, "search-input", 3, "input", "value"], [1, "clear-search"], [1, "create-button", 3, "disabled"], [1, "filter-tabs"], [1, "tabs-left"], [1, "tab-button", 3, "click"], [1, "tabs-right"], [1, "sort-select", 3, "change", "value"], ["value", "name"], ["value", "recent"], ["value", "item-count"], [1, "create-form"], [1, "list-content"], [1, "loading-state"], [1, "empty-state"], [1, "list-items"], [1, "dialog-footer"], [1, "footer-summary"], [1, "summary-empty"], [1, "footer-actions"], [1, "btn", "btn-secondary", 3, "click", "disabled"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "clear-search", 3, "click"], [1, "fa-solid", "fa-times-circle"], [1, "create-button", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "button-text"], [1, "create-form-header"], [1, "fa-solid", "fa-plus-circle"], [1, "create-form-body"], [1, "form-group"], ["type", "text", "placeholder", "List name *", 1, "form-input", 3, "ngModelChange", "keyup.enter", "ngModel", "disabled"], ["placeholder", "Description (optional)", "rows", "2", 1, "form-input", "form-textarea", 3, "ngModelChange", "ngModel", "disabled"], [1, "create-form-actions"], [1, "form-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["text", "Loading lists...", "size", "medium"], [1, "fa-solid", "fa-search", "empty-icon"], [1, "empty-title"], [1, "empty-subtitle"], [1, "fa-solid", "fa-rectangle-list", "empty-icon"], [1, "btn", "btn-primary"], [1, "btn", "btn-primary", 3, "click"], [1, "list-item", 3, "selected-add", "selected-remove", "is-member"], [1, "list-item"], [1, "list-item-select"], [1, "select-btn", "add-btn", 3, "selected", "title"], [1, "select-btn", "remove-btn", 3, "selected", "title"], [1, "list-item-content"], [1, "list-item-header"], [1, "fa-solid", "fa-folder", "list-icon"], [1, "list-name"], [1, "badge", "badge-new"], [1, "list-item-meta"], [1, "list-count"], [1, "meta-separator"], [1, "list-updated"], [1, "membership-indicator", 3, "class"], [1, "select-btn", "add-btn", 3, "click", "title"], [1, "fa-solid", "fa-check"], [1, "select-btn", "remove-btn", 3, "click", "title"], [1, "fa-solid", "fa-undo"], [1, "fa-solid", "fa-minus"], [1, "list-description"], [1, "membership-indicator"], [1, "membership-text"], [1, "summary-item", "add"], [1, "summary-item", "remove"], [1, "fa-solid", "fa-minus-circle"]], template: function ListManagementDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ListManagementDialogComponent_Conditional_0_Template, 50, 18, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.visible ? 0 : -1);
+        } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent], styles: ["\n\n\n\n\n\n\n.dialog-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease-out;\n  backdrop-filter: blur(2px);\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.dialog-container[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 16px;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  width: 90vw;\n  max-width: 600px;\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  animation: _ngcontent-%COMP%_slideUp 0.3s ease-out;\n  overflow: hidden;\n}\n\n@keyframes _ngcontent-%COMP%_slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n}\n\n.header-text[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n\n.dialog-subtitle[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n  opacity: 0.85;\n}\n\n.close-button[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 8px;\n  color: white;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  transition: background 0.2s;\n}\n\n.close-button[_ngcontent-%COMP%]:hover {\n  background: rgba(255, 255, 255, 0.25);\n}\n\n\n\n.search-section[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #f8fafc;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.search-bar[_ngcontent-%COMP%] {\n  flex: 1;\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 14px;\n  color: #94a3b8;\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 40px 12px 42px;\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s;\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n  color: #94a3b8;\n}\n\n.clear-search[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 12px;\n  border: none;\n  background: none;\n  color: #94a3b8;\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.clear-search[_ngcontent-%COMP%]:hover {\n  color: #64748b;\n}\n\n.create-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 18px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: none;\n  border-radius: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n\n.create-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n}\n\n.create-button[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n\n\n.filter-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 20px;\n  border-bottom: 1px solid #e2e8f0;\n  background: white;\n}\n\n.tabs-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.tab-button[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  color: #64748b;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n}\n\n.tab-button[_ngcontent-%COMP%]:hover {\n  background: #f1f5f9;\n  color: #334155;\n}\n\n.tab-button.active[_ngcontent-%COMP%] {\n  background: #ede9fe;\n  color: #7c3aed;\n}\n\n.sort-select[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #64748b;\n  background: white;\n  cursor: pointer;\n}\n\n.sort-select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n}\n\n\n\n.create-form[_ngcontent-%COMP%] {\n  background: #fefce8;\n  border-bottom: 1px solid #fde047;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    max-height: 0;\n  }\n  to {\n    opacity: 1;\n    max-height: 300px;\n  }\n}\n\n.create-form-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 20px;\n  font-weight: 600;\n  color: #854d0e;\n  font-size: 14px;\n  border-bottom: 1px solid #fde047;\n}\n\n.create-form-body[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n}\n\n.form-group[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.form-group[_ngcontent-%COMP%]:last-of-type {\n  margin-bottom: 16px;\n}\n\n.form-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s;\n  box-sizing: border-box;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  min-height: 60px;\n}\n\n.create-form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n}\n\n\n\n.list-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 200px;\n  max-height: 400px;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: #cbd5e1;\n  margin-bottom: 16px;\n}\n\n.empty-title[_ngcontent-%COMP%] {\n  font-size: 16px;\n  font-weight: 600;\n  color: #334155;\n  margin: 0 0 6px 0;\n}\n\n.empty-subtitle[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #64748b;\n  margin: 0 0 20px 0;\n}\n\n\n\n.list-items[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  transition: all 0.2s;\n}\n\n.list-item[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.list-item[_ngcontent-%COMP%]:hover {\n  border-color: #cbd5e1;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.list-item.selected-add[_ngcontent-%COMP%] {\n  background: #ecfdf5;\n  border-color: #10b981;\n}\n\n.list-item.selected-remove[_ngcontent-%COMP%] {\n  background: #fef2f2;\n  border-color: #ef4444;\n}\n\n.list-item.is-member[_ngcontent-%COMP%] {\n  border-left: 3px solid #667eea;\n}\n\n\n\n.list-item-select[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n}\n\n.select-btn[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  background: white;\n  color: #64748b;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  transition: all 0.2s;\n}\n\n.select-btn.add-btn[_ngcontent-%COMP%]:hover {\n  border-color: #10b981;\n  color: #10b981;\n  background: #ecfdf5;\n}\n\n.select-btn.add-btn.selected[_ngcontent-%COMP%] {\n  background: #10b981;\n  border-color: #10b981;\n  color: white;\n}\n\n.select-btn.remove-btn[_ngcontent-%COMP%]:hover {\n  border-color: #ef4444;\n  color: #ef4444;\n  background: #fef2f2;\n}\n\n.select-btn.remove-btn.selected[_ngcontent-%COMP%] {\n  background: #ef4444;\n  border-color: #ef4444;\n  color: white;\n}\n\n\n\n.list-item-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.list-item-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 4px;\n}\n\n.list-icon[_ngcontent-%COMP%] {\n  color: #667eea;\n  font-size: 14px;\n}\n\n.list-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 14px;\n  color: #1e293b;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.badge[_ngcontent-%COMP%] {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n}\n\n.badge-new[_ngcontent-%COMP%] {\n  background: #dbeafe;\n  color: #2563eb;\n}\n\n.list-item-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n  font-size: 12px;\n  color: #64748b;\n}\n\n.list-description[_ngcontent-%COMP%] {\n  max-width: 180px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.meta-separator[_ngcontent-%COMP%] {\n  color: #cbd5e1;\n}\n\n\n\n.membership-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.membership-indicator.full-member[_ngcontent-%COMP%] {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n.membership-indicator.partial-member[_ngcontent-%COMP%] {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.membership-indicator.not-member[_ngcontent-%COMP%] {\n  background: #f1f5f9;\n  color: #64748b;\n}\n\n.membership-text[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: #f8fafc;\n  border-top: 1px solid #e2e8f0;\n}\n\n.footer-summary[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.summary-item.add[_ngcontent-%COMP%] {\n  color: #16a34a;\n}\n\n.summary-item.remove[_ngcontent-%COMP%] {\n  color: #dc2626;\n}\n\n.summary-empty[_ngcontent-%COMP%] {\n  color: #94a3b8;\n  font-size: 13px;\n}\n\n.footer-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n  padding: 10px 20px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.2s;\n  border: none;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  transform: translateY(-1px);\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: white;\n  color: #64748b;\n  border: 1px solid #e2e8f0;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8fafc;\n  border-color: #cbd5e1;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n\n\n\n\n\n@media (max-width: 640px) {\n  .dialog-overlay[_ngcontent-%COMP%] {\n    align-items: flex-end;\n  }\n\n  .dialog-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 100%;\n    max-height: 90vh;\n    border-radius: 24px 24px 0 0;\n    animation: slideUpMobile 0.3s ease-out;\n  }\n\n  @keyframes slideUpMobile {\n    from {\n      transform: translateY(100%);\n    }\n    to {\n      transform: translateY(0);\n    }\n  }\n\n  .dialog-header[_ngcontent-%COMP%] {\n    padding: 16px 20px;\n    border-radius: 24px 24px 0 0;\n  }\n\n  .header-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .dialog-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .dialog-subtitle[_ngcontent-%COMP%] {\n    font-size: 12px;\n  }\n\n  .search-section[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    flex-wrap: wrap;\n  }\n\n  .search-bar[_ngcontent-%COMP%] {\n    width: 100%;\n    order: 1;\n  }\n\n  .create-button[_ngcontent-%COMP%] {\n    order: 2;\n    width: 100%;\n    justify-content: center;\n    margin-top: 8px;\n  }\n\n  .button-text[_ngcontent-%COMP%] {\n    display: inline;\n  }\n\n  .filter-tabs[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .tabs-left[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .tab-button[_ngcontent-%COMP%] {\n    flex: 1;\n    text-align: center;\n    padding: 10px 8px;\n  }\n\n  .tabs-right[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .sort-select[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .list-content[_ngcontent-%COMP%] {\n    max-height: 50vh;\n  }\n\n  .list-items[_ngcontent-%COMP%] {\n    padding: 8px;\n  }\n\n  .list-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .list-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .list-description[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .membership-indicator[_ngcontent-%COMP%] {\n    padding: 4px 8px;\n    font-size: 11px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .footer-summary[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .footer-actions[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .footer-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n    flex: 1;\n    justify-content: center;\n  }\n\n  .create-form-body[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .create-form-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .create-form-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n\n\n@media (min-width: 641px) and (max-width: 1024px) {\n  .dialog-container[_ngcontent-%COMP%] {\n    max-width: 550px;\n  }\n\n  .list-description[_ngcontent-%COMP%] {\n    max-width: 140px;\n  }\n}\n\n\n\n@media (min-width: 1025px) {\n  .list-content[_ngcontent-%COMP%] {\n    max-height: 450px;\n  }\n\n  .list-item[_ngcontent-%COMP%]:hover {\n    transform: translateX(4px);\n  }\n}\n\n\n\n.search-input[_ngcontent-%COMP%]:focus-visible, \n.tab-button[_ngcontent-%COMP%]:focus-visible, \n.select-btn[_ngcontent-%COMP%]:focus-visible, \n.btn[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid #667eea;\n  outline-offset: 2px;\n}\n\n\n\n@media (prefers-reduced-motion: reduce) {\n  .dialog-overlay[_ngcontent-%COMP%], \n   .dialog-container[_ngcontent-%COMP%], \n   .create-form[_ngcontent-%COMP%], \n   .list-item[_ngcontent-%COMP%], \n   .btn[_ngcontent-%COMP%] {\n    animation: none;\n    transition: none;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListManagementDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-list-management-dialog', template: "@if (visible) {\n  <div class=\"dialog-overlay\" (click)=\"onCancel()\">\n    <div class=\"dialog-container\" (click)=\"$event.stopPropagation()\">\n      <!-- Header -->\n      <div class=\"dialog-header\">\n        <div class=\"header-content\">\n          <div class=\"header-icon\">\n            <span class=\"fa-solid fa-rectangle-list\"></span>\n          </div>\n          <div class=\"header-text\">\n            <h2 class=\"dialog-title\">{{ dialogTitle }}</h2>\n            <p class=\"dialog-subtitle\">{{ dialogSubtitle }}</p>\n          </div>\n        </div>\n        <button class=\"close-button\" (click)=\"onCancel()\" title=\"Close\">\n          <span class=\"fa-solid fa-times\"></span>\n        </button>\n      </div>\n\n      <!-- Search and Filters -->\n      <div class=\"search-section\">\n        <div class=\"search-bar\">\n          <span class=\"fa-solid fa-search search-icon\"></span>\n          <input\n            type=\"text\"\n            class=\"search-input\"\n            placeholder=\"Search lists...\"\n            [value]=\"searchText\"\n            (input)=\"onSearchInput($event)\"\n          />\n          @if (searchText) {\n            <button class=\"clear-search\" (click)=\"clearSearch()\">\n              <span class=\"fa-solid fa-times-circle\"></span>\n            </button>\n          }\n        </div>\n\n        @if (config.allowCreate !== false) {\n          <button class=\"create-button\" (click)=\"showCreateListForm()\" [disabled]=\"showCreateForm\">\n            <span class=\"fa-solid fa-plus\"></span>\n            <span class=\"button-text\">New</span>\n          </button>\n        }\n      </div>\n\n      <!-- Filter Tabs -->\n      <div class=\"filter-tabs\">\n        <div class=\"tabs-left\">\n          <button\n            class=\"tab-button\"\n            [class.active]=\"activeTab === 'all'\"\n            (click)=\"setActiveTab('all')\">\n            All\n          </button>\n          <button\n            class=\"tab-button\"\n            [class.active]=\"activeTab === 'my-lists'\"\n            (click)=\"setActiveTab('my-lists')\">\n            My Lists\n          </button>\n          <button\n            class=\"tab-button\"\n            [class.active]=\"activeTab === 'recent'\"\n            (click)=\"setActiveTab('recent')\">\n            Recent\n          </button>\n        </div>\n        <div class=\"tabs-right\">\n          <select class=\"sort-select\" [value]=\"sortOption\" (change)=\"setSortOption($any($event.target).value)\">\n            <option value=\"name\">Sort: Name</option>\n            <option value=\"recent\">Sort: Recent</option>\n            <option value=\"item-count\">Sort: Items</option>\n          </select>\n        </div>\n      </div>\n\n      <!-- Create List Form -->\n      @if (showCreateForm) {\n        <div class=\"create-form\">\n          <div class=\"create-form-header\">\n            <span class=\"fa-solid fa-plus-circle\"></span>\n            <span>Create New List</span>\n          </div>\n          <div class=\"create-form-body\">\n            <div class=\"form-group\">\n              <input\n                type=\"text\"\n                class=\"form-input\"\n                placeholder=\"List name *\"\n                [(ngModel)]=\"newListName\"\n                [disabled]=\"saving\"\n                (keyup.enter)=\"createList()\"\n              />\n            </div>\n            <div class=\"form-group\">\n              <textarea\n                class=\"form-input form-textarea\"\n                placeholder=\"Description (optional)\"\n                [(ngModel)]=\"newListDescription\"\n                [disabled]=\"saving\"\n                rows=\"2\">\n              </textarea>\n            </div>\n            @if (categories.length > 0) {\n              <div class=\"form-group\">\n                <select class=\"form-input\" [(ngModel)]=\"newListCategoryId\" [disabled]=\"saving\">\n                  <option [ngValue]=\"null\">No category</option>\n                  @for (category of categories; track category.ID) {\n                    <option [ngValue]=\"category.ID\">{{ category.Name }}</option>\n                  }\n                </select>\n              </div>\n            }\n            <div class=\"create-form-actions\">\n              <button\n                class=\"btn btn-primary\"\n                (click)=\"createList()\"\n                [disabled]=\"!newListName.trim() || saving\">\n                @if (saving) {\n                  <span class=\"fa-solid fa-spinner fa-spin\"></span>\n                }\n                Create List\n              </button>\n              <button class=\"btn btn-secondary\" (click)=\"cancelCreateList()\" [disabled]=\"saving\">\n                Cancel\n              </button>\n            </div>\n          </div>\n        </div>\n      }\n\n      <!-- List Content -->\n      <div class=\"list-content\">\n        @if (loading) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading lists...\" size=\"medium\"></mj-loading>\n          </div>\n        } @else if (filteredLists.length === 0) {\n          <div class=\"empty-state\">\n            @if (searchText) {\n              <span class=\"fa-solid fa-search empty-icon\"></span>\n              <p class=\"empty-title\">No lists found</p>\n              <p class=\"empty-subtitle\">Try a different search term</p>\n            } @else {\n              <span class=\"fa-solid fa-rectangle-list empty-icon\"></span>\n              <p class=\"empty-title\">No lists yet</p>\n              <p class=\"empty-subtitle\">Create your first list to get started</p>\n              @if (config.allowCreate !== false) {\n                <button class=\"btn btn-primary\" (click)=\"showCreateListForm()\">\n                  <span class=\"fa-solid fa-plus\"></span>\n                  Create List\n                </button>\n              }\n            }\n          </div>\n        } @else {\n          <div class=\"list-items\">\n            @for (vm of filteredLists; track vm.list.ID) {\n              <div\n                class=\"list-item\"\n                [class.selected-add]=\"vm.isSelectedForAdd || addedToLists.has(vm.list.ID)\"\n                [class.selected-remove]=\"vm.isSelectedForRemove || removedFromLists.has(vm.list.ID)\"\n                [class.is-member]=\"vm.isFullMember || vm.isPartialMember\">\n\n                <!-- Checkbox / Selection Area -->\n                <div class=\"list-item-select\">\n                  @if (showAddButton(vm)) {\n                    <button\n                      class=\"select-btn add-btn\"\n                      [class.selected]=\"vm.isSelectedForAdd || addedToLists.has(vm.list.ID)\"\n                      (click)=\"toggleListForAdd(vm)\"\n                      [title]=\"(vm.isSelectedForAdd || addedToLists.has(vm.list.ID)) ? 'Remove from selection' : 'Add to this list'\">\n                      @if (vm.isSelectedForAdd || addedToLists.has(vm.list.ID)) {\n                        <span class=\"fa-solid fa-check\"></span>\n                      } @else {\n                        <span class=\"fa-solid fa-plus\"></span>\n                      }\n                    </button>\n                  }\n                  @if (showRemoveButton(vm) && (vm.isFullMember || vm.isPartialMember)) {\n                    <button\n                      class=\"select-btn remove-btn\"\n                      [class.selected]=\"vm.isSelectedForRemove || removedFromLists.has(vm.list.ID)\"\n                      (click)=\"toggleListForRemove(vm)\"\n                      [title]=\"(vm.isSelectedForRemove || removedFromLists.has(vm.list.ID)) ? 'Cancel removal' : 'Remove from this list'\">\n                      @if (vm.isSelectedForRemove || removedFromLists.has(vm.list.ID)) {\n                        <span class=\"fa-solid fa-undo\"></span>\n                      } @else {\n                        <span class=\"fa-solid fa-minus\"></span>\n                      }\n                    </button>\n                  }\n                </div>\n\n                <!-- List Info -->\n                <div class=\"list-item-content\">\n                  <div class=\"list-item-header\">\n                    <span class=\"fa-solid fa-folder list-icon\"></span>\n                    <span class=\"list-name\">{{ vm.list.Name }}</span>\n                    @if (newlyCreatedLists.includes(vm.list)) {\n                      <span class=\"badge badge-new\">New</span>\n                    }\n                  </div>\n                  <div class=\"list-item-meta\">\n                    @if (vm.list.Description) {\n                      <span class=\"list-description\">{{ vm.list.Description }}</span>\n                      <span class=\"meta-separator\">\u2022</span>\n                    }\n                    <span class=\"list-count\">{{ vm.itemCount }} item{{ vm.itemCount !== 1 ? 's' : '' }}</span>\n                    <span class=\"meta-separator\">\u2022</span>\n                    <span class=\"list-updated\">{{ formatDate(vm.lastUpdated) }}</span>\n                  </div>\n                </div>\n\n                <!-- Membership Indicator -->\n                @if (config.showMembership !== false) {\n                  <div class=\"membership-indicator\" [class]=\"getMembershipClass(vm)\">\n                    <span [class]=\"getMembershipIcon(vm)\"></span>\n                    <span class=\"membership-text\">{{ getMembershipText(vm) }}</span>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- Footer -->\n      <div class=\"dialog-footer\">\n        <div class=\"footer-summary\">\n          @if (hasChanges) {\n            @if (addCount > 0) {\n              <span class=\"summary-item add\">\n                <span class=\"fa-solid fa-plus-circle\"></span>\n                {{ addCount }} list{{ addCount !== 1 ? 's' : '' }}\n              </span>\n            }\n            @if (removeCount > 0) {\n              <span class=\"summary-item remove\">\n                <span class=\"fa-solid fa-minus-circle\"></span>\n                {{ removeCount }} list{{ removeCount !== 1 ? 's' : '' }}\n              </span>\n            }\n          } @else {\n            <span class=\"summary-empty\">No changes</span>\n          }\n        </div>\n        <div class=\"footer-actions\">\n          <button class=\"btn btn-secondary\" (click)=\"onCancel()\" [disabled]=\"saving\">\n            Cancel\n          </button>\n          <button\n            class=\"btn btn-primary\"\n            (click)=\"applyChanges()\"\n            [disabled]=\"!hasChanges || saving\">\n            @if (saving) {\n              <span class=\"fa-solid fa-spinner fa-spin\"></span>\n            }\n            Apply Changes\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n", styles: ["/* ============================================\n   List Management Dialog - Gorgeous Responsive Design\n   ============================================ */\n\n/* Overlay */\n.dialog-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  animation: fadeIn 0.2s ease-out;\n  backdrop-filter: blur(2px);\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Dialog Container */\n.dialog-container {\n  background: #ffffff;\n  border-radius: 16px;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  width: 90vw;\n  max-width: 600px;\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  animation: slideUp 0.3s ease-out;\n  overflow: hidden;\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.header-icon {\n  width: 48px;\n  height: 48px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n}\n\n.header-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n\n.dialog-subtitle {\n  margin: 0;\n  font-size: 13px;\n  opacity: 0.85;\n}\n\n.close-button {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 8px;\n  color: white;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  transition: background 0.2s;\n}\n\n.close-button:hover {\n  background: rgba(255, 255, 255, 0.25);\n}\n\n/* Search Section */\n.search-section {\n  display: flex;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #f8fafc;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.search-bar {\n  flex: 1;\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-icon {\n  position: absolute;\n  left: 14px;\n  color: #94a3b8;\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input {\n  width: 100%;\n  padding: 12px 40px 12px 42px;\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s;\n}\n\n.search-input:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);\n}\n\n.search-input::placeholder {\n  color: #94a3b8;\n}\n\n.clear-search {\n  position: absolute;\n  right: 12px;\n  border: none;\n  background: none;\n  color: #94a3b8;\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.clear-search:hover {\n  color: #64748b;\n}\n\n.create-button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 18px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: none;\n  border-radius: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n\n.create-button:hover:not(:disabled) {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n}\n\n.create-button:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* Filter Tabs */\n.filter-tabs {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 20px;\n  border-bottom: 1px solid #e2e8f0;\n  background: white;\n}\n\n.tabs-left {\n  display: flex;\n  gap: 4px;\n}\n\n.tab-button {\n  padding: 8px 16px;\n  border: none;\n  background: none;\n  color: #64748b;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: all 0.2s;\n}\n\n.tab-button:hover {\n  background: #f1f5f9;\n  color: #334155;\n}\n\n.tab-button.active {\n  background: #ede9fe;\n  color: #7c3aed;\n}\n\n.sort-select {\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #64748b;\n  background: white;\n  cursor: pointer;\n}\n\n.sort-select:focus {\n  outline: none;\n  border-color: #667eea;\n}\n\n/* Create Form */\n.create-form {\n  background: #fefce8;\n  border-bottom: 1px solid #fde047;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    max-height: 0;\n  }\n  to {\n    opacity: 1;\n    max-height: 300px;\n  }\n}\n\n.create-form-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 20px;\n  font-weight: 600;\n  color: #854d0e;\n  font-size: 14px;\n  border-bottom: 1px solid #fde047;\n}\n\n.create-form-body {\n  padding: 16px 20px;\n}\n\n.form-group {\n  margin-bottom: 12px;\n}\n\n.form-group:last-of-type {\n  margin-bottom: 16px;\n}\n\n.form-input {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s;\n  box-sizing: border-box;\n}\n\n.form-input:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);\n}\n\n.form-textarea {\n  resize: vertical;\n  min-height: 60px;\n}\n\n.create-form-actions {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n}\n\n/* List Content */\n.list-content {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 200px;\n  max-height: 400px;\n}\n\n/* Loading State */\n.loading-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: #cbd5e1;\n  margin-bottom: 16px;\n}\n\n.empty-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #334155;\n  margin: 0 0 6px 0;\n}\n\n.empty-subtitle {\n  font-size: 14px;\n  color: #64748b;\n  margin: 0 0 20px 0;\n}\n\n/* List Items */\n.list-items {\n  padding: 8px 12px;\n}\n\n.list-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  transition: all 0.2s;\n}\n\n.list-item:last-child {\n  margin-bottom: 0;\n}\n\n.list-item:hover {\n  border-color: #cbd5e1;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.list-item.selected-add {\n  background: #ecfdf5;\n  border-color: #10b981;\n}\n\n.list-item.selected-remove {\n  background: #fef2f2;\n  border-color: #ef4444;\n}\n\n.list-item.is-member {\n  border-left: 3px solid #667eea;\n}\n\n/* Selection Buttons */\n.list-item-select {\n  display: flex;\n  gap: 6px;\n}\n\n.select-btn {\n  width: 32px;\n  height: 32px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  background: white;\n  color: #64748b;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  transition: all 0.2s;\n}\n\n.select-btn.add-btn:hover {\n  border-color: #10b981;\n  color: #10b981;\n  background: #ecfdf5;\n}\n\n.select-btn.add-btn.selected {\n  background: #10b981;\n  border-color: #10b981;\n  color: white;\n}\n\n.select-btn.remove-btn:hover {\n  border-color: #ef4444;\n  color: #ef4444;\n  background: #fef2f2;\n}\n\n.select-btn.remove-btn.selected {\n  background: #ef4444;\n  border-color: #ef4444;\n  color: white;\n}\n\n/* List Item Content */\n.list-item-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.list-item-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 4px;\n}\n\n.list-icon {\n  color: #667eea;\n  font-size: 14px;\n}\n\n.list-name {\n  font-weight: 600;\n  font-size: 14px;\n  color: #1e293b;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.badge {\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n}\n\n.badge-new {\n  background: #dbeafe;\n  color: #2563eb;\n}\n\n.list-item-meta {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n  font-size: 12px;\n  color: #64748b;\n}\n\n.list-description {\n  max-width: 180px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.meta-separator {\n  color: #cbd5e1;\n}\n\n/* Membership Indicator */\n.membership-indicator {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.membership-indicator.full-member {\n  background: #dcfce7;\n  color: #16a34a;\n}\n\n.membership-indicator.partial-member {\n  background: #fef3c7;\n  color: #d97706;\n}\n\n.membership-indicator.not-member {\n  background: #f1f5f9;\n  color: #64748b;\n}\n\n.membership-text {\n  font-variant-numeric: tabular-nums;\n}\n\n/* Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: #f8fafc;\n  border-top: 1px solid #e2e8f0;\n}\n\n.footer-summary {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.summary-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.summary-item.add {\n  color: #16a34a;\n}\n\n.summary-item.remove {\n  color: #dc2626;\n}\n\n.summary-empty {\n  color: #94a3b8;\n  font-size: 13px;\n}\n\n.footer-actions {\n  display: flex;\n  gap: 10px;\n}\n\n/* Buttons */\n.btn {\n  padding: 10px 20px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.2s;\n  border: none;\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n}\n\n.btn-primary:hover:not(:disabled) {\n  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\n  transform: translateY(-1px);\n}\n\n.btn-primary:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.btn-secondary {\n  background: white;\n  color: #64748b;\n  border: 1px solid #e2e8f0;\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: #f8fafc;\n  border-color: #cbd5e1;\n}\n\n.btn-secondary:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* ============================================\n   Mobile Responsive - Bottom Sheet Pattern\n   ============================================ */\n\n@media (max-width: 640px) {\n  .dialog-overlay {\n    align-items: flex-end;\n  }\n\n  .dialog-container {\n    width: 100%;\n    max-width: 100%;\n    max-height: 90vh;\n    border-radius: 24px 24px 0 0;\n    animation: slideUpMobile 0.3s ease-out;\n  }\n\n  @keyframes slideUpMobile {\n    from {\n      transform: translateY(100%);\n    }\n    to {\n      transform: translateY(0);\n    }\n  }\n\n  .dialog-header {\n    padding: 16px 20px;\n    border-radius: 24px 24px 0 0;\n  }\n\n  .header-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .dialog-title {\n    font-size: 16px;\n  }\n\n  .dialog-subtitle {\n    font-size: 12px;\n  }\n\n  .search-section {\n    padding: 12px 16px;\n    flex-wrap: wrap;\n  }\n\n  .search-bar {\n    width: 100%;\n    order: 1;\n  }\n\n  .create-button {\n    order: 2;\n    width: 100%;\n    justify-content: center;\n    margin-top: 8px;\n  }\n\n  .button-text {\n    display: inline;\n  }\n\n  .filter-tabs {\n    padding: 10px 16px;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .tabs-left {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .tab-button {\n    flex: 1;\n    text-align: center;\n    padding: 10px 8px;\n  }\n\n  .tabs-right {\n    width: 100%;\n  }\n\n  .sort-select {\n    width: 100%;\n  }\n\n  .list-content {\n    max-height: 50vh;\n  }\n\n  .list-items {\n    padding: 8px;\n  }\n\n  .list-item {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .list-item-content {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .list-description {\n    display: none;\n  }\n\n  .membership-indicator {\n    padding: 4px 8px;\n    font-size: 11px;\n  }\n\n  .dialog-footer {\n    padding: 12px 16px;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .footer-summary {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .footer-actions {\n    width: 100%;\n  }\n\n  .footer-actions .btn {\n    flex: 1;\n    justify-content: center;\n  }\n\n  .create-form-body {\n    padding: 12px 16px;\n  }\n\n  .create-form-actions {\n    flex-direction: column;\n  }\n\n  .create-form-actions .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n/* Tablet adjustments */\n@media (min-width: 641px) and (max-width: 1024px) {\n  .dialog-container {\n    max-width: 550px;\n  }\n\n  .list-description {\n    max-width: 140px;\n  }\n}\n\n/* Large screen enhancements */\n@media (min-width: 1025px) {\n  .list-content {\n    max-height: 450px;\n  }\n\n  .list-item:hover {\n    transform: translateX(4px);\n  }\n}\n\n/* Accessibility - Focus states */\n.search-input:focus-visible,\n.tab-button:focus-visible,\n.select-btn:focus-visible,\n.btn:focus-visible {\n  outline: 2px solid #667eea;\n  outline-offset: 2px;\n}\n\n/* Reduced motion preference */\n@media (prefers-reduced-motion: reduce) {\n  .dialog-overlay,\n  .dialog-container,\n  .create-form,\n  .list-item,\n  .btn {\n    animation: none;\n    transition: none;\n  }\n}\n"] }]
+    }], () => [{ type: i1.ListManagementService }, { type: i0.ChangeDetectorRef }], { config: [{
+            type: Input
+        }], visible: [{
+            type: Input
+        }], complete: [{
+            type: Output
+        }], cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListManagementDialogComponent, { className: "ListManagementDialogComponent" }); })();
+//# sourceMappingURL=list-management-dialog.component.js.map