@weeehaoooz/talos-ui 0.1.0

package/fesm2022/weeehaoooz-talos-ui-form-transfer-list.mjs

@@ -0,0 +1,916 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, output, signal, DestroyRef, effect, untracked, forwardRef, Component, NgModule } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgTemplateOutlet } from '@angular/common';
+import { Subject, of, isObservable, from } from 'rxjs';
+import { debounceTime, distinctUntilChanged, switchMap, catchError } from 'rxjs/operators';
+import { moveItemInArray, transferArrayItem, CdkDropListGroup, CdkDropList, CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { LucideChevronRight, LucideChevronLeft, LucideChevronsRight, LucideChevronsLeft, LucideChevronUp, LucideChevronDown, LucideChevronsUp, LucideChevronsDown, LucideSearch, LucideX, LucideLoader2, LucideGripVertical } from '@lucide/angular';
+
+let uniqueTransferListIdCounter = 0;
+class TalosTransferListComponent {
+    elementRef = inject((ElementRef));
+    // Signal Inputs
+    source = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+    target = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    titles = input(['Available', 'Selected'], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "titles" }] : /* istanbul ignore next */ []));
+    searchable = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
+    searchMode = input('client', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchMode" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('Search items...', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    sourceSearchQuery = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceSearchQuery" }] : /* istanbul ignore next */ []));
+    targetSearchQuery = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetSearchQuery" }] : /* istanbul ignore next */ []));
+    searchDebounce = input(300, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchDebounce" }] : /* istanbul ignore next */ []));
+    searchHandler = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchHandler" }] : /* istanbul ignore next */ []));
+    sourceSearchHandler = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceSearchHandler" }] : /* istanbul ignore next */ []));
+    targetSearchHandler = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetSearchHandler" }] : /* istanbul ignore next */ []));
+    sourceLoading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceLoading" }] : /* istanbul ignore next */ []));
+    targetLoading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetLoading" }] : /* istanbul ignore next */ []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    showSelectAll = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showSelectAll" }] : /* istanbul ignore next */ []));
+    showMoveAll = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showMoveAll" }] : /* istanbul ignore next */ []));
+    showReorder = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showReorder" }] : /* istanbul ignore next */ []));
+    dragDrop = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragDrop" }] : /* istanbul ignore next */ []));
+    dragMode = input('handle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragMode" }] : /* istanbul ignore next */ []));
+    dragHandle = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragHandle" }] : /* istanbul ignore next */ []));
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    variant = input('outlined', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    height = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    listWidth = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listWidth" }] : /* istanbul ignore next */ []));
+    itemKey = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemKey" }] : /* istanbul ignore next */ []));
+    itemLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemLabel" }] : /* istanbul ignore next */ []));
+    itemDescription = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemDescription" }] : /* istanbul ignore next */ []));
+    itemDisabled = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemDisabled" }] : /* istanbul ignore next */ []));
+    filterFn = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterFn" }] : /* istanbul ignore next */ []));
+    itemTemplate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    emptySourceText = input('No items available', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emptySourceText" }] : /* istanbul ignore next */ []));
+    emptyTargetText = input('No items selected', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emptyTargetText" }] : /* istanbul ignore next */ []));
+    searchingText = input('Searching remote catalog...', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchingText" }] : /* istanbul ignore next */ []));
+    noMatchesText = input('No matches found for', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "noMatchesText" }] : /* istanbul ignore next */ []));
+    id = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    // Computed Search States
+    isSourceSearching = computed(() => Boolean(this.internalSourceQuery().trim()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSourceSearching" }] : /* istanbul ignore next */ []));
+    isTargetSearching = computed(() => Boolean(this.internalTargetQuery().trim()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTargetSearching" }] : /* istanbul ignore next */ []));
+    // Computed Drag Handle mode
+    useDragHandle = computed(() => {
+        const customHandle = this.dragHandle();
+        if (customHandle !== null && customHandle !== undefined) {
+            return Boolean(customHandle);
+        }
+        return this.dragMode() === 'handle';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "useDragHandle" }] : /* istanbul ignore next */ []));
+    // Signal Outputs
+    sourceChange = output();
+    targetChange = output();
+    transfer = output();
+    search = output();
+    sourceSearchChange = output();
+    targetSearchChange = output();
+    searchError = output();
+    selectionChange = output();
+    targetReorder = output();
+    // Unique ID
+    autoId = `talos-transfer-list-${uniqueTransferListIdCounter++}`;
+    componentId = computed(() => this.id() || this.autoId, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "componentId" }] : /* istanbul ignore next */ []));
+    // Form Control Value Accessor state
+    formDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    effectiveDisabled = computed(() => this.disabled() || this.formDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
+    // Internal Data State
+    internalSource = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalSource" }] : /* istanbul ignore next */ []));
+    internalTarget = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalTarget" }] : /* istanbul ignore next */ []));
+    // Selection Sets
+    sourceSelectedKeys = signal(new Set(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceSelectedKeys" }] : /* istanbul ignore next */ []));
+    targetSelectedKeys = signal(new Set(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetSelectedKeys" }] : /* istanbul ignore next */ []));
+    // Search Queries & State
+    internalSourceQuery = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalSourceQuery" }] : /* istanbul ignore next */ []));
+    internalTargetQuery = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalTargetQuery" }] : /* istanbul ignore next */ []));
+    internalSourceLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalSourceLoading" }] : /* istanbul ignore next */ []));
+    internalTargetLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalTargetLoading" }] : /* istanbul ignore next */ []));
+    effectiveSourceLoading = computed(() => this.sourceLoading() || this.internalSourceLoading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveSourceLoading" }] : /* istanbul ignore next */ []));
+    effectiveTargetLoading = computed(() => this.targetLoading() || this.internalTargetLoading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveTargetLoading" }] : /* istanbul ignore next */ []));
+    // Debounced Search Subjects
+    sourceSearchSubject$ = new Subject();
+    targetSearchSubject$ = new Subject();
+    destroyRef = inject(DestroyRef);
+    // CVA callbacks
+    onChange = () => { };
+    onTouched = () => { };
+    constructor() {
+        // Sync external source
+        effect(() => {
+            const src = this.source();
+            untracked(() => {
+                this.internalSource.set(Array.isArray(src) ? [...src] : []);
+                this.pruneSelections();
+            });
+        });
+        // Sync external target
+        effect(() => {
+            const tgt = this.target();
+            untracked(() => {
+                this.internalTarget.set(Array.isArray(tgt) ? [...tgt] : []);
+                this.pruneSelections();
+            });
+        });
+        // Sync external search queries
+        effect(() => {
+            const q = this.sourceSearchQuery();
+            untracked(() => this.internalSourceQuery.set(q));
+        });
+        effect(() => {
+            const q = this.targetSearchQuery();
+            untracked(() => this.internalTargetQuery.set(q));
+        });
+        // Setup debounced server search pipeline
+        this.sourceSearchSubject$
+            .pipe(debounceTime(this.searchDebounce()), distinctUntilChanged(), switchMap(query => this.processSearchRequest(query, 'source')), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+        this.targetSearchSubject$
+            .pipe(debounceTime(this.searchDebounce()), distinctUntilChanged(), switchMap(query => this.processSearchRequest(query, 'target')), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+    }
+    // Placeholders
+    sourcePlaceholder = computed(() => {
+        const p = this.searchPlaceholder();
+        return Array.isArray(p) ? p[0] : p;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourcePlaceholder" }] : /* istanbul ignore next */ []));
+    targetPlaceholder = computed(() => {
+        const p = this.searchPlaceholder();
+        return Array.isArray(p) ? p[1] : p;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetPlaceholder" }] : /* istanbul ignore next */ []));
+    containerHeight = computed(() => {
+        const h = this.height();
+        if (h !== null && h !== undefined) {
+            return typeof h === 'number' ? `${h}px` : h;
+        }
+        switch (this.size()) {
+            case 'sm':
+                return '260px';
+            case 'lg':
+                return '380px';
+            case 'md':
+            default:
+                return '320px';
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "containerHeight" }] : /* istanbul ignore next */ []));
+    effectivePaneWidth = computed(() => {
+        const w = this.listWidth();
+        if (w !== null && w !== undefined) {
+            return typeof w === 'number' ? `${w}px` : w;
+        }
+        return null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectivePaneWidth" }] : /* istanbul ignore next */ []));
+    // Key / Label / Disabled extractors
+    getItemKey(item, fallbackIndex = 0) {
+        if (item === null || item === undefined)
+            return fallbackIndex;
+        const keyProp = this.itemKey();
+        if (typeof keyProp === 'function') {
+            return keyProp(item);
+        }
+        if (typeof keyProp === 'string' && item && typeof item === 'object') {
+            const val = item[keyProp];
+            if (val !== undefined && val !== null)
+                return String(val);
+        }
+        if (typeof item === 'object') {
+            const rec = item;
+            if (rec['id'] !== undefined && rec['id'] !== null)
+                return String(rec['id']);
+            if (rec['key'] !== undefined && rec['key'] !== null)
+                return String(rec['key']);
+            if (rec['value'] !== undefined && rec['value'] !== null)
+                return String(rec['value']);
+        }
+        return String(item);
+    }
+    getItemLabel(item) {
+        if (item === null || item === undefined)
+            return '';
+        const labelProp = this.itemLabel();
+        if (typeof labelProp === 'function') {
+            return labelProp(item);
+        }
+        if (typeof labelProp === 'string' && item && typeof item === 'object') {
+            const val = item[labelProp];
+            if (val !== undefined && val !== null)
+                return String(val);
+        }
+        if (typeof item === 'object') {
+            const rec = item;
+            if (rec['label'] !== undefined)
+                return String(rec['label']);
+            if (rec['name'] !== undefined)
+                return String(rec['name']);
+            if (rec['title'] !== undefined)
+                return String(rec['title']);
+        }
+        return String(item);
+    }
+    getItemDescription(item) {
+        if (item === null || item === undefined)
+            return undefined;
+        const descProp = this.itemDescription();
+        if (typeof descProp === 'function') {
+            return descProp(item);
+        }
+        if (typeof descProp === 'string' && item && typeof item === 'object') {
+            const val = item[descProp];
+            if (val !== undefined && val !== null)
+                return String(val);
+        }
+        if (typeof item === 'object') {
+            const rec = item;
+            if (rec['description'] !== undefined)
+                return String(rec['description']);
+        }
+        return undefined;
+    }
+    isItemDisabled(item) {
+        if (this.effectiveDisabled())
+            return true;
+        if (item === null || item === undefined)
+            return false;
+        const disProp = this.itemDisabled();
+        if (typeof disProp === 'function') {
+            return disProp(item);
+        }
+        if (typeof disProp === 'string' && item && typeof item === 'object') {
+            return Boolean(item[disProp]);
+        }
+        if (typeof item === 'object') {
+            const rec = item;
+            if (rec['disabled'] !== undefined)
+                return Boolean(rec['disabled']);
+        }
+        return false;
+    }
+    // Filtered Source & Target
+    filteredSource = computed(() => {
+        const list = this.internalSource();
+        if (this.searchMode() === 'server')
+            return list;
+        const q = this.internalSourceQuery().trim().toLowerCase();
+        if (!q)
+            return list;
+        const customFilter = this.filterFn();
+        if (customFilter) {
+            return list.filter(item => customFilter(item, q, 'source'));
+        }
+        return list.filter(item => {
+            const label = this.getItemLabel(item).toLowerCase();
+            const desc = (this.getItemDescription(item) || '').toLowerCase();
+            return label.includes(q) || desc.includes(q);
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filteredSource" }] : /* istanbul ignore next */ []));
+    filteredTarget = computed(() => {
+        const list = this.internalTarget();
+        if (this.searchMode() === 'server')
+            return list;
+        const q = this.internalTargetQuery().trim().toLowerCase();
+        if (!q)
+            return list;
+        const customFilter = this.filterFn();
+        if (customFilter) {
+            return list.filter(item => customFilter(item, q, 'target'));
+        }
+        return list.filter(item => {
+            const label = this.getItemLabel(item).toLowerCase();
+            const desc = (this.getItemDescription(item) || '').toLowerCase();
+            return label.includes(q) || desc.includes(q);
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filteredTarget" }] : /* istanbul ignore next */ []));
+    // Source Stats
+    sourceSelectedCount = computed(() => {
+        const sel = this.sourceSelectedKeys();
+        let count = 0;
+        for (const item of this.filteredSource()) {
+            if (sel.has(this.getItemKey(item)))
+                count++;
+        }
+        return count;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sourceSelectedCount" }] : /* istanbul ignore next */ []));
+    isSourceAllSelected = computed(() => {
+        const list = this.filteredSource().filter(item => !this.isItemDisabled(item));
+        if (list.length === 0)
+            return false;
+        const sel = this.sourceSelectedKeys();
+        return list.every(item => sel.has(this.getItemKey(item)));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSourceAllSelected" }] : /* istanbul ignore next */ []));
+    isSourceIndeterminate = computed(() => {
+        const list = this.filteredSource().filter(item => !this.isItemDisabled(item));
+        if (list.length === 0)
+            return false;
+        const selCount = this.sourceSelectedCount();
+        return selCount > 0 && selCount < list.length;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSourceIndeterminate" }] : /* istanbul ignore next */ []));
+    // Target Stats
+    targetSelectedCount = computed(() => {
+        const sel = this.targetSelectedKeys();
+        let count = 0;
+        for (const item of this.filteredTarget()) {
+            if (sel.has(this.getItemKey(item)))
+                count++;
+        }
+        return count;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "targetSelectedCount" }] : /* istanbul ignore next */ []));
+    isTargetAllSelected = computed(() => {
+        const list = this.filteredTarget().filter(item => !this.isItemDisabled(item));
+        if (list.length === 0)
+            return false;
+        const sel = this.targetSelectedKeys();
+        return list.every(item => sel.has(this.getItemKey(item)));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTargetAllSelected" }] : /* istanbul ignore next */ []));
+    isTargetIndeterminate = computed(() => {
+        const list = this.filteredTarget().filter(item => !this.isItemDisabled(item));
+        if (list.length === 0)
+            return false;
+        const selCount = this.targetSelectedCount();
+        return selCount > 0 && selCount < list.length;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTargetIndeterminate" }] : /* istanbul ignore next */ []));
+    // Item Context Generator
+    getItemContext(item, pane, index) {
+        const key = this.getItemKey(item, index);
+        const sel = pane === 'source' ? this.sourceSelectedKeys() : this.targetSelectedKeys();
+        return {
+            $implicit: item,
+            item,
+            pane,
+            selected: sel.has(key),
+            disabled: this.isItemDisabled(item),
+            index
+        };
+    }
+    // Selection Toggles
+    toggleSourceItem(item) {
+        if (this.isItemDisabled(item))
+            return;
+        const key = this.getItemKey(item);
+        this.sourceSelectedKeys.update(set => {
+            const next = new Set(set);
+            if (next.has(key))
+                next.delete(key);
+            else
+                next.add(key);
+            return next;
+        });
+        this.emitSelectionChange();
+    }
+    toggleTargetItem(item) {
+        if (this.isItemDisabled(item))
+            return;
+        const key = this.getItemKey(item);
+        this.targetSelectedKeys.update(set => {
+            const next = new Set(set);
+            if (next.has(key))
+                next.delete(key);
+            else
+                next.add(key);
+            return next;
+        });
+        this.emitSelectionChange();
+    }
+    toggleSelectAllSource() {
+        if (this.effectiveDisabled())
+            return;
+        const list = this.filteredSource().filter(item => !this.isItemDisabled(item));
+        if (this.isSourceAllSelected()) {
+            // Unselect all in visible source
+            this.sourceSelectedKeys.update(set => {
+                const next = new Set(set);
+                for (const item of list)
+                    next.delete(this.getItemKey(item));
+                return next;
+            });
+        }
+        else {
+            // Select all in visible source
+            this.sourceSelectedKeys.update(set => {
+                const next = new Set(set);
+                for (const item of list)
+                    next.add(this.getItemKey(item));
+                return next;
+            });
+        }
+        this.emitSelectionChange();
+    }
+    toggleSelectAllTarget() {
+        if (this.effectiveDisabled())
+            return;
+        const list = this.filteredTarget().filter(item => !this.isItemDisabled(item));
+        if (this.isTargetAllSelected()) {
+            this.targetSelectedKeys.update(set => {
+                const next = new Set(set);
+                for (const item of list)
+                    next.delete(this.getItemKey(item));
+                return next;
+            });
+        }
+        else {
+            this.targetSelectedKeys.update(set => {
+                const next = new Set(set);
+                for (const item of list)
+                    next.add(this.getItemKey(item));
+                return next;
+            });
+        }
+        this.emitSelectionChange();
+    }
+    emitSelectionChange() {
+        const srcSelKeys = Array.from(this.sourceSelectedKeys());
+        const tgtSelKeys = Array.from(this.targetSelectedKeys());
+        const srcMap = new Map(this.internalSource().map(i => [this.getItemKey(i), i]));
+        const tgtMap = new Map(this.internalTarget().map(i => [this.getItemKey(i), i]));
+        const sourceSelected = srcSelKeys.map(k => srcMap.get(k)).filter((i) => i !== undefined);
+        const targetSelected = tgtSelKeys.map(k => tgtMap.get(k)).filter((i) => i !== undefined);
+        this.selectionChange.emit({
+            sourceSelected,
+            targetSelected,
+            sourceSelectedKeys: srcSelKeys,
+            targetSelectedKeys: tgtSelKeys
+        });
+    }
+    pruneSelections() {
+        const srcKeys = new Set(this.internalSource().map(i => this.getItemKey(i)));
+        const tgtKeys = new Set(this.internalTarget().map(i => this.getItemKey(i)));
+        this.sourceSelectedKeys.update(set => {
+            const next = new Set();
+            for (const k of set) {
+                if (srcKeys.has(k))
+                    next.add(k);
+            }
+            return next;
+        });
+        this.targetSelectedKeys.update(set => {
+            const next = new Set();
+            for (const k of set) {
+                if (tgtKeys.has(k))
+                    next.add(k);
+            }
+            return next;
+        });
+    }
+    // Search Handlers
+    onSourceSearch(value) {
+        this.internalSourceQuery.set(value);
+        if (this.searchMode() === 'server') {
+            this.sourceSearchSubject$.next(value);
+        }
+        else {
+            this.sourceSearchChange.emit(value);
+            this.search.emit({ query: value, pane: 'source' });
+        }
+    }
+    onTargetSearch(value) {
+        this.internalTargetQuery.set(value);
+        if (this.searchMode() === 'server') {
+            this.targetSearchSubject$.next(value);
+        }
+        else {
+            this.targetSearchChange.emit(value);
+            this.search.emit({ query: value, pane: 'target' });
+        }
+    }
+    clearSourceSearch() {
+        this.onSourceSearch('');
+    }
+    clearTargetSearch() {
+        this.onTargetSearch('');
+    }
+    /**
+     * Process asynchronous server-side search request via configured handlers.
+     */
+    processSearchRequest(query, pane) {
+        this.search.emit({ query, pane });
+        if (pane === 'source') {
+            this.sourceSearchChange.emit(query);
+        }
+        else {
+            this.targetSearchChange.emit(query);
+        }
+        const handler = pane === 'source'
+            ? (this.sourceSearchHandler() || this.searchHandler())
+            : (this.targetSearchHandler() || this.searchHandler());
+        if (!handler) {
+            return of(null);
+        }
+        if (pane === 'source')
+            this.internalSourceLoading.set(true);
+        else
+            this.internalTargetLoading.set(true);
+        try {
+            const result = handler(query, pane);
+            const obs$ = isObservable(result)
+                ? result
+                : from(Promise.resolve(result));
+            return obs$.pipe(switchMap(items => {
+                if (Array.isArray(items)) {
+                    if (pane === 'source') {
+                        this.internalSource.set([...items]);
+                        this.sourceChange.emit([...items]);
+                    }
+                    else {
+                        this.internalTarget.set([...items]);
+                        this.targetChange.emit([...items]);
+                    }
+                    this.pruneSelections();
+                }
+                if (pane === 'source')
+                    this.internalSourceLoading.set(false);
+                else
+                    this.internalTargetLoading.set(false);
+                return of(items);
+            }), catchError(err => {
+                if (pane === 'source')
+                    this.internalSourceLoading.set(false);
+                else
+                    this.internalTargetLoading.set(false);
+                this.searchError.emit({ error: err, query, pane });
+                return of(null);
+            }));
+        }
+        catch (err) {
+            if (pane === 'source')
+                this.internalSourceLoading.set(false);
+            else
+                this.internalTargetLoading.set(false);
+            this.searchError.emit({ error: err, query, pane });
+            return of(null);
+        }
+    }
+    // Move Actions
+    moveToTarget() {
+        if (this.effectiveDisabled() || this.sourceSelectedCount() === 0)
+            return;
+        const sel = this.sourceSelectedKeys();
+        const currentSource = this.internalSource();
+        const currentTarget = this.internalTarget();
+        const moved = [];
+        const remainingSource = [];
+        for (const item of currentSource) {
+            if (sel.has(this.getItemKey(item)) && !this.isItemDisabled(item)) {
+                moved.push(item);
+            }
+            else {
+                remainingSource.push(item);
+            }
+        }
+        if (moved.length === 0)
+            return;
+        const newTarget = [...currentTarget, ...moved];
+        this.internalSource.set(remainingSource);
+        this.internalTarget.set(newTarget);
+        this.sourceSelectedKeys.set(new Set());
+        this.notifyChanges(remainingSource, newTarget, moved, 'toTarget');
+    }
+    moveAllToTarget() {
+        if (this.effectiveDisabled() || this.filteredSource().length === 0)
+            return;
+        const currentSource = this.internalSource();
+        const currentTarget = this.internalTarget();
+        const visibleKeys = new Set(this.filteredSource().map(i => this.getItemKey(i)));
+        const moved = [];
+        const remainingSource = [];
+        for (const item of currentSource) {
+            if (visibleKeys.has(this.getItemKey(item)) && !this.isItemDisabled(item)) {
+                moved.push(item);
+            }
+            else {
+                remainingSource.push(item);
+            }
+        }
+        if (moved.length === 0)
+            return;
+        const newTarget = [...currentTarget, ...moved];
+        this.internalSource.set(remainingSource);
+        this.internalTarget.set(newTarget);
+        this.sourceSelectedKeys.set(new Set());
+        this.notifyChanges(remainingSource, newTarget, moved, 'toTarget');
+    }
+    moveToSource() {
+        if (this.effectiveDisabled() || this.targetSelectedCount() === 0)
+            return;
+        const sel = this.targetSelectedKeys();
+        const currentSource = this.internalSource();
+        const currentTarget = this.internalTarget();
+        const moved = [];
+        const remainingTarget = [];
+        for (const item of currentTarget) {
+            if (sel.has(this.getItemKey(item)) && !this.isItemDisabled(item)) {
+                moved.push(item);
+            }
+            else {
+                remainingTarget.push(item);
+            }
+        }
+        if (moved.length === 0)
+            return;
+        const newSource = [...currentSource, ...moved];
+        this.internalSource.set(newSource);
+        this.internalTarget.set(remainingTarget);
+        this.targetSelectedKeys.set(new Set());
+        this.notifyChanges(newSource, remainingTarget, moved, 'toSource');
+    }
+    moveAllToSource() {
+        if (this.effectiveDisabled() || this.filteredTarget().length === 0)
+            return;
+        const currentSource = this.internalSource();
+        const currentTarget = this.internalTarget();
+        const visibleKeys = new Set(this.filteredTarget().map(i => this.getItemKey(i)));
+        const moved = [];
+        const remainingTarget = [];
+        for (const item of currentTarget) {
+            if (visibleKeys.has(this.getItemKey(item)) && !this.isItemDisabled(item)) {
+                moved.push(item);
+            }
+            else {
+                remainingTarget.push(item);
+            }
+        }
+        if (moved.length === 0)
+            return;
+        const newSource = [...currentSource, ...moved];
+        this.internalSource.set(newSource);
+        this.internalTarget.set(remainingTarget);
+        this.targetSelectedKeys.set(new Set());
+        this.notifyChanges(newSource, remainingTarget, moved, 'toSource');
+    }
+    // Reordering Actions for Target List
+    moveTargetTop() {
+        if (this.effectiveDisabled() || this.targetSelectedCount() === 0)
+            return;
+        const sel = this.targetSelectedKeys();
+        const list = [...this.internalTarget()];
+        const selected = [];
+        const unselected = [];
+        for (const item of list) {
+            if (sel.has(this.getItemKey(item)))
+                selected.push(item);
+            else
+                unselected.push(item);
+        }
+        const reordered = [...selected, ...unselected];
+        this.internalTarget.set(reordered);
+        this.targetReorder.emit(reordered);
+        this.notifyChanges(this.internalSource(), reordered, [], 'toTarget');
+    }
+    moveTargetUp() {
+        if (this.effectiveDisabled() || this.targetSelectedCount() === 0)
+            return;
+        const sel = this.targetSelectedKeys();
+        const list = [...this.internalTarget()];
+        for (let i = 1; i < list.length; i++) {
+            const item = list[i];
+            if (item && sel.has(this.getItemKey(item))) {
+                const prevItem = list[i - 1];
+                if (prevItem && !sel.has(this.getItemKey(prevItem))) {
+                    list[i] = prevItem;
+                    list[i - 1] = item;
+                }
+            }
+        }
+        this.internalTarget.set(list);
+        this.targetReorder.emit(list);
+        this.notifyChanges(this.internalSource(), list, [], 'toTarget');
+    }
+    moveTargetDown() {
+        if (this.effectiveDisabled() || this.targetSelectedCount() === 0)
+            return;
+        const sel = this.targetSelectedKeys();
+        const list = [...this.internalTarget()];
+        for (let i = list.length - 2; i >= 0; i--) {
+            const item = list[i];
+            if (item && sel.has(this.getItemKey(item))) {
+                const nextItem = list[i + 1];
+                if (nextItem && !sel.has(this.getItemKey(nextItem))) {
+                    list[i] = nextItem;
+                    list[i + 1] = item;
+                }
+            }
+        }
+        this.internalTarget.set(list);
+        this.targetReorder.emit(list);
+        this.notifyChanges(this.internalSource(), list, [], 'toTarget');
+    }
+    moveTargetBottom() {
+        if (this.effectiveDisabled() || this.targetSelectedCount() === 0)
+            return;
+        const sel = this.targetSelectedKeys();
+        const list = [...this.internalTarget()];
+        const selected = [];
+        const unselected = [];
+        for (const item of list) {
+            if (sel.has(this.getItemKey(item)))
+                selected.push(item);
+            else
+                unselected.push(item);
+        }
+        const reordered = [...unselected, ...selected];
+        this.internalTarget.set(reordered);
+        this.targetReorder.emit(reordered);
+        this.notifyChanges(this.internalSource(), reordered, [], 'toTarget');
+    }
+    // CDK Drag and Drop
+    onCdkDrop(event) {
+        if (this.effectiveDisabled())
+            return;
+        if (event.previousContainer === event.container) {
+            // Reordering within the same list
+            const list = [...event.container.data];
+            moveItemInArray(list, event.previousIndex, event.currentIndex);
+            if (event.container.id.includes('source')) {
+                this.internalSource.set(list);
+                this.sourceChange.emit(list);
+            }
+            else {
+                this.internalTarget.set(list);
+                this.targetChange.emit(list);
+                this.targetReorder.emit(list);
+                this.onChange(list);
+            }
+        }
+        else {
+            // Moving between source and target lists
+            const sourceList = [...event.previousContainer.data];
+            const targetList = [...event.container.data];
+            transferArrayItem(sourceList, targetList, event.previousIndex, event.currentIndex);
+            const isToTarget = event.container.id.includes('target');
+            const movedItem = targetList[event.currentIndex];
+            if (isToTarget) {
+                this.internalSource.set(sourceList);
+                this.internalTarget.set(targetList);
+                this.notifyChanges(sourceList, targetList, [movedItem], 'toTarget');
+            }
+            else {
+                this.internalTarget.set(sourceList);
+                this.internalSource.set(targetList);
+                this.notifyChanges(targetList, sourceList, [movedItem], 'toSource');
+            }
+            this.pruneSelections();
+            this.emitSelectionChange();
+        }
+    }
+    notifyChanges(source, target, moved, direction) {
+        this.sourceChange.emit(source);
+        this.targetChange.emit(target);
+        this.transfer.emit({ source, target, moved, direction });
+        this.onChange(target);
+        this.onTouched();
+    }
+    // ControlValueAccessor Implementation
+    writeValue(value) {
+        if (Array.isArray(value)) {
+            this.internalTarget.set([...value]);
+        }
+        else {
+            this.internalTarget.set([]);
+        }
+        this.pruneSelections();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosTransferListComponent, isStandalone: true, selector: "talos-transfer-list", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, titles: { classPropertyName: "titles", publicName: "titles", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchMode: { classPropertyName: "searchMode", publicName: "searchMode", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, sourceSearchQuery: { classPropertyName: "sourceSearchQuery", publicName: "sourceSearchQuery", isSignal: true, isRequired: false, transformFunction: null }, targetSearchQuery: { classPropertyName: "targetSearchQuery", publicName: "targetSearchQuery", isSignal: true, isRequired: false, transformFunction: null }, searchDebounce: { classPropertyName: "searchDebounce", publicName: "searchDebounce", isSignal: true, isRequired: false, transformFunction: null }, searchHandler: { classPropertyName: "searchHandler", publicName: "searchHandler", isSignal: true, isRequired: false, transformFunction: null }, sourceSearchHandler: { classPropertyName: "sourceSearchHandler", publicName: "sourceSearchHandler", isSignal: true, isRequired: false, transformFunction: null }, targetSearchHandler: { classPropertyName: "targetSearchHandler", publicName: "targetSearchHandler", isSignal: true, isRequired: false, transformFunction: null }, sourceLoading: { classPropertyName: "sourceLoading", publicName: "sourceLoading", isSignal: true, isRequired: false, transformFunction: null }, targetLoading: { classPropertyName: "targetLoading", publicName: "targetLoading", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showSelectAll: { classPropertyName: "showSelectAll", publicName: "showSelectAll", isSignal: true, isRequired: false, transformFunction: null }, showMoveAll: { classPropertyName: "showMoveAll", publicName: "showMoveAll", isSignal: true, isRequired: false, transformFunction: null }, showReorder: { classPropertyName: "showReorder", publicName: "showReorder", isSignal: true, isRequired: false, transformFunction: null }, dragDrop: { classPropertyName: "dragDrop", publicName: "dragDrop", isSignal: true, isRequired: false, transformFunction: null }, dragMode: { classPropertyName: "dragMode", publicName: "dragMode", isSignal: true, isRequired: false, transformFunction: null }, dragHandle: { classPropertyName: "dragHandle", publicName: "dragHandle", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, listWidth: { classPropertyName: "listWidth", publicName: "listWidth", isSignal: true, isRequired: false, transformFunction: null }, itemKey: { classPropertyName: "itemKey", publicName: "itemKey", isSignal: true, isRequired: false, transformFunction: null }, itemLabel: { classPropertyName: "itemLabel", publicName: "itemLabel", isSignal: true, isRequired: false, transformFunction: null }, itemDescription: { classPropertyName: "itemDescription", publicName: "itemDescription", isSignal: true, isRequired: false, transformFunction: null }, itemDisabled: { classPropertyName: "itemDisabled", publicName: "itemDisabled", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, emptySourceText: { classPropertyName: "emptySourceText", publicName: "emptySourceText", isSignal: true, isRequired: false, transformFunction: null }, emptyTargetText: { classPropertyName: "emptyTargetText", publicName: "emptyTargetText", isSignal: true, isRequired: false, transformFunction: null }, searchingText: { classPropertyName: "searchingText", publicName: "searchingText", isSignal: true, isRequired: false, transformFunction: null }, noMatchesText: { classPropertyName: "noMatchesText", publicName: "noMatchesText", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceChange: "sourceChange", targetChange: "targetChange", transfer: "transfer", search: "search", sourceSearchChange: "sourceSearchChange", targetSearchChange: "targetSearchChange", searchError: "searchError", selectionChange: "selectionChange", targetReorder: "targetReorder" }, host: { properties: { "class.transfer-size-sm": "size() === \"sm\"", "class.transfer-size-md": "size() === \"md\"", "class.transfer-size-lg": "size() === \"lg\"", "class.transfer-variant-outlined": "variant() === \"outlined\"", "class.transfer-variant-elevated": "variant() === \"elevated\"", "class.transfer-variant-flat": "variant() === \"flat\"", "class.transfer-variant-bordered": "variant() === \"bordered\"", "class.is-disabled": "effectiveDisabled()", "class.is-loading": "loading()", "class.is-card-drag": "dragDrop() && !useDragHandle()" }, classAttribute: "talos-transfer-list-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TalosTransferListComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"talos-transfer-list-container\" cdkDropListGroup [style.--transfer-height]=\"containerHeight()\">\n  <!-- ========================================== -->\n  <!-- SOURCE PANE (Available Items)             -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-pane talos-transfer-pane-source\" [style.width]=\"effectivePaneWidth()\">\n    <!-- Pane Header -->\n    <div class=\"talos-transfer-header\">\n      <div class=\"talos-transfer-header-left\">\n        @if (showSelectAll()) {\n          <label class=\"talos-transfer-checkbox-wrap\" [class.is-disabled]=\"effectiveDisabled()\">\n            <input\n              type=\"checkbox\"\n              class=\"talos-transfer-native-checkbox\"\n              [checked]=\"isSourceAllSelected()\"\n              [indeterminate]=\"isSourceIndeterminate()\"\n              [disabled]=\"effectiveDisabled()\"\n              (change)=\"toggleSelectAllSource()\"\n              [attr.aria-label]=\"'Select all in ' + titles()[0]\"\n            />\n            <span class=\"talos-transfer-checkbox-custom\"></span>\n          </label>\n        }\n        <span class=\"talos-transfer-title\">{{ titles()[0] }}</span>\n      </div>\n      <span class=\"talos-transfer-counter\" [attr.aria-live]=\"'polite'\">\n        {{ sourceSelectedCount() }} / {{ filteredSource().length }}\n        @if (isSourceSearching() && filteredSource().length !== internalSource().length) {\n          <span class=\"talos-transfer-filter-tag\">filtered</span>\n        }\n      </span>\n    </div>\n\n    <!-- Optional Search Bar -->\n    @if (searchable()) {\n      <div class=\"talos-transfer-search-wrapper\">\n        <svg lucideSearch class=\"talos-transfer-search-icon\" [size]=\"14\"></svg>\n        <input\n          type=\"text\"\n          class=\"talos-transfer-search-input\"\n          [placeholder]=\"sourcePlaceholder()\"\n          [value]=\"internalSourceQuery()\"\n          (input)=\"onSourceSearch($any($event.target).value)\"\n          [disabled]=\"effectiveDisabled()\"\n          [attr.aria-label]=\"'Search ' + titles()[0]\"\n        />\n        @if (effectiveSourceLoading()) {\n          <svg lucideLoader2 class=\"talos-transfer-search-spinner talos-spin\" [size]=\"14\"></svg>\n        } @else if (internalSourceQuery()) {\n          <button\n            type=\"button\"\n            class=\"talos-transfer-search-clear\"\n            (click)=\"clearSourceSearch()\"\n            [attr.aria-label]=\"'Clear source search'\"\n          >\n            <svg lucideX [size]=\"12\"></svg>\n          </button>\n        }\n\n        @if (effectiveSourceLoading()) {\n          <div class=\"talos-transfer-search-progress\"></div>\n        }\n      </div>\n    }\n\n    <!-- Source Items List -->\n    <div\n      class=\"talos-transfer-list-body\"\n      cdkDropList\n      [id]=\"componentId() + '-source-list'\"\n      [cdkDropListData]=\"internalSource()\"\n      [cdkDropListDisabled]=\"!dragDrop() || effectiveDisabled()\"\n      (cdkDropListDropped)=\"onCdkDrop($event)\"\n      role=\"listbox\"\n      [attr.aria-multiselectable]=\"true\"\n      [attr.aria-label]=\"titles()[0]\"\n    >\n      @if (effectiveSourceLoading()) {\n        <div class=\"talos-transfer-loading-state\">\n          <svg lucideLoader2 class=\"talos-spin\" [size]=\"20\"></svg>\n          <span>{{ isSourceSearching() ? searchingText() : 'Loading items...' }}</span>\n        </div>\n      } @else if (filteredSource().length === 0) {\n        <div class=\"talos-transfer-empty-state\">\n          @if (isSourceSearching()) {\n            <span>{{ noMatchesText() }} &ldquo;<strong>{{ internalSourceQuery() }}</strong>&rdquo;</span>\n            <button type=\"button\" class=\"talos-transfer-clear-filter-btn\" (click)=\"clearSourceSearch()\">\n              Clear filter\n            </button>\n          } @else {\n            <span>{{ emptySourceText() }}</span>\n          }\n        </div>\n      } @else {\n        @for (item of filteredSource(); track getItemKey(item, $index); let i = $index) {\n          @let isSel = sourceSelectedKeys().has(getItemKey(item, i));\n          @let isDis = isItemDisabled(item);\n\n          <div\n            class=\"talos-transfer-item\"\n            [class.is-selected]=\"isSel\"\n            [class.is-disabled]=\"isDis\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [cdkDragDisabled]=\"!dragDrop() || isDis || effectiveDisabled()\"\n            (click)=\"toggleSourceItem(item)\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSel\"\n            [attr.aria-disabled]=\"isDis\"\n            tabindex=\"0\"\n            (keydown.space)=\"$event.preventDefault(); toggleSourceItem(item)\"\n            (keydown.enter)=\"$event.preventDefault(); toggleSourceItem(item)\"\n          >\n            <!-- CDK Drag Placeholder -->\n            <div class=\"talos-transfer-drag-placeholder\" *cdkDragPlaceholder></div>\n\n            <!-- CDK Drag Preview -->\n            <div class=\"talos-transfer-drag-preview\" *cdkDragPreview>\n              <span class=\"preview-label\">{{ getItemLabel(item) }}</span>\n            </div>\n\n            <!-- Drag Handle -->\n            @if (dragDrop() && useDragHandle() && !isDis && !effectiveDisabled()) {\n              <div class=\"talos-transfer-drag-handle\" cdkDragHandle (click)=\"$event.stopPropagation()\">\n                <svg lucideGripVertical [size]=\"14\"></svg>\n              </div>\n            }\n\n            <!-- Checkbox -->\n            <label class=\"talos-transfer-checkbox-wrap\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                class=\"talos-transfer-native-checkbox\"\n                [checked]=\"isSel\"\n                [disabled]=\"isDis || effectiveDisabled()\"\n                (change)=\"toggleSourceItem(item)\"\n                [attr.aria-label]=\"'Select ' + getItemLabel(item)\"\n              />\n              <span class=\"talos-transfer-checkbox-custom\"></span>\n            </label>\n\n            <!-- Custom Template or Default View -->\n            <div class=\"talos-transfer-item-content\">\n              @if (itemTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"itemTemplate()!; context: getItemContext(item, 'source', i)\"\n                ></ng-container>\n              } @else {\n                <div class=\"talos-transfer-item-text\">\n                  <span class=\"talos-transfer-item-label\">{{ getItemLabel(item) }}</span>\n                  @if (getItemDescription(item); as desc) {\n                    <span class=\"talos-transfer-item-desc\">{{ desc }}</span>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- ========================================== -->\n  <!-- ACTION CONTROLS TOOLBAR                    -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-actions\" role=\"toolbar\" aria-label=\"Transfer Actions\">\n    <!-- Move Selected to Target (>) -->\n    <button\n      type=\"button\"\n      class=\"talos-transfer-action-btn\"\n      [class.is-active]=\"sourceSelectedCount() > 0 && !effectiveDisabled()\"\n      [disabled]=\"sourceSelectedCount() === 0 || effectiveDisabled()\"\n      (click)=\"moveToTarget()\"\n      [attr.aria-label]=\"'Move selected to ' + titles()[1]\"\n      title=\"Move selected right\"\n    >\n      <svg lucideChevronRight [size]=\"16\"></svg>\n    </button>\n\n    <!-- Move All to Target (>>) -->\n    @if (showMoveAll()) {\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"filteredSource().length > 0 && !effectiveDisabled()\"\n        [disabled]=\"filteredSource().length === 0 || effectiveDisabled()\"\n        (click)=\"moveAllToTarget()\"\n        [attr.aria-label]=\"'Move all to ' + titles()[1]\"\n        title=\"Move all right\"\n      >\n        <svg lucideChevronsRight [size]=\"16\"></svg>\n      </button>\n    }\n\n    <!-- Move Selected to Source (<) -->\n    <button\n      type=\"button\"\n      class=\"talos-transfer-action-btn\"\n      [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n      [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n      (click)=\"moveToSource()\"\n      [attr.aria-label]=\"'Move selected to ' + titles()[0]\"\n      title=\"Move selected left\"\n    >\n      <svg lucideChevronLeft [size]=\"16\"></svg>\n    </button>\n\n    <!-- Move All to Source (<<) -->\n    @if (showMoveAll()) {\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"filteredTarget().length > 0 && !effectiveDisabled()\"\n        [disabled]=\"filteredTarget().length === 0 || effectiveDisabled()\"\n        (click)=\"moveAllToSource()\"\n        [attr.aria-label]=\"'Move all to ' + titles()[0]\"\n        title=\"Move all left\"\n      >\n        <svg lucideChevronsLeft [size]=\"16\"></svg>\n      </button>\n    }\n  </div>\n\n  <!-- ========================================== -->\n  <!-- TARGET PANE (Selected Items)               -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-pane talos-transfer-pane-target\" [style.width]=\"effectivePaneWidth()\">\n    <!-- Pane Header -->\n    <div class=\"talos-transfer-header\">\n      <div class=\"talos-transfer-header-left\">\n        @if (showSelectAll()) {\n          <label class=\"talos-transfer-checkbox-wrap\" [class.is-disabled]=\"effectiveDisabled()\">\n            <input\n              type=\"checkbox\"\n              class=\"talos-transfer-native-checkbox\"\n              [checked]=\"isTargetAllSelected()\"\n              [indeterminate]=\"isTargetIndeterminate()\"\n              [disabled]=\"effectiveDisabled()\"\n              (change)=\"toggleSelectAllTarget()\"\n              [attr.aria-label]=\"'Select all in ' + titles()[1]\"\n            />\n            <span class=\"talos-transfer-checkbox-custom\"></span>\n          </label>\n        }\n        <span class=\"talos-transfer-title\">{{ titles()[1] }}</span>\n      </div>\n      <span class=\"talos-transfer-counter\" [attr.aria-live]=\"'polite'\">\n        {{ targetSelectedCount() }} / {{ filteredTarget().length }}\n        @if (isTargetSearching() && filteredTarget().length !== internalTarget().length) {\n          <span class=\"talos-transfer-filter-tag\">filtered</span>\n        }\n      </span>\n    </div>\n\n    <!-- Optional Search Bar -->\n    @if (searchable()) {\n      <div class=\"talos-transfer-search-wrapper\">\n        <svg lucideSearch class=\"talos-transfer-search-icon\" [size]=\"14\"></svg>\n        <input\n          type=\"text\"\n          class=\"talos-transfer-search-input\"\n          [placeholder]=\"targetPlaceholder()\"\n          [value]=\"internalTargetQuery()\"\n          (input)=\"onTargetSearch($any($event.target).value)\"\n          [disabled]=\"effectiveDisabled()\"\n          [attr.aria-label]=\"'Search ' + titles()[1]\"\n        />\n        @if (effectiveTargetLoading()) {\n          <svg lucideLoader2 class=\"talos-transfer-search-spinner talos-spin\" [size]=\"14\"></svg>\n        } @else if (internalTargetQuery()) {\n          <button\n            type=\"button\"\n            class=\"talos-transfer-search-clear\"\n            (click)=\"clearTargetSearch()\"\n            [attr.aria-label]=\"'Clear target search'\"\n          >\n            <svg lucideX [size]=\"12\"></svg>\n          </button>\n        }\n\n        @if (effectiveTargetLoading()) {\n          <div class=\"talos-transfer-search-progress\"></div>\n        }\n      </div>\n    }\n\n    <!-- Target Items List -->\n    <div\n      class=\"talos-transfer-list-body\"\n      cdkDropList\n      [id]=\"componentId() + '-target-list'\"\n      [cdkDropListData]=\"internalTarget()\"\n      [cdkDropListDisabled]=\"!dragDrop() || effectiveDisabled()\"\n      (cdkDropListDropped)=\"onCdkDrop($event)\"\n      role=\"listbox\"\n      [attr.aria-multiselectable]=\"true\"\n      [attr.aria-label]=\"titles()[1]\"\n    >\n      @if (effectiveTargetLoading()) {\n        <div class=\"talos-transfer-loading-state\">\n          <svg lucideLoader2 class=\"talos-spin\" [size]=\"20\"></svg>\n          <span>{{ isTargetSearching() ? searchingText() : 'Loading items...' }}</span>\n        </div>\n      } @else if (filteredTarget().length === 0) {\n        <div class=\"talos-transfer-empty-state\">\n          @if (isTargetSearching()) {\n            <span>{{ noMatchesText() }} &ldquo;<strong>{{ internalTargetQuery() }}</strong>&rdquo;</span>\n            <button type=\"button\" class=\"talos-transfer-clear-filter-btn\" (click)=\"clearTargetSearch()\">\n              Clear filter\n            </button>\n          } @else {\n            <span>{{ emptyTargetText() }}</span>\n          }\n        </div>\n      } @else {\n        @for (item of filteredTarget(); track getItemKey(item, $index); let i = $index) {\n          @let isSel = targetSelectedKeys().has(getItemKey(item, i));\n          @let isDis = isItemDisabled(item);\n\n          <div\n            class=\"talos-transfer-item\"\n            [class.is-selected]=\"isSel\"\n            [class.is-disabled]=\"isDis\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [cdkDragDisabled]=\"!dragDrop() || isDis || effectiveDisabled()\"\n            (click)=\"toggleTargetItem(item)\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSel\"\n            [attr.aria-disabled]=\"isDis\"\n            tabindex=\"0\"\n            (keydown.space)=\"$event.preventDefault(); toggleTargetItem(item)\"\n            (keydown.enter)=\"$event.preventDefault(); toggleTargetItem(item)\"\n          >\n            <!-- CDK Drag Placeholder -->\n            <div class=\"talos-transfer-drag-placeholder\" *cdkDragPlaceholder></div>\n\n            <!-- CDK Drag Preview -->\n            <div class=\"talos-transfer-drag-preview\" *cdkDragPreview>\n              <span class=\"preview-label\">{{ getItemLabel(item) }}</span>\n            </div>\n\n            <!-- Drag Handle -->\n            @if (dragDrop() && useDragHandle() && !isDis && !effectiveDisabled()) {\n              <div class=\"talos-transfer-drag-handle\" cdkDragHandle (click)=\"$event.stopPropagation()\">\n                <svg lucideGripVertical [size]=\"14\"></svg>\n              </div>\n            }\n\n            <!-- Checkbox -->\n            <label class=\"talos-transfer-checkbox-wrap\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                class=\"talos-transfer-native-checkbox\"\n                [checked]=\"isSel\"\n                [disabled]=\"isDis || effectiveDisabled()\"\n                (change)=\"toggleTargetItem(item)\"\n                [attr.aria-label]=\"'Select ' + getItemLabel(item)\"\n              />\n              <span class=\"talos-transfer-checkbox-custom\"></span>\n            </label>\n\n            <!-- Custom Template or Default View -->\n            <div class=\"talos-transfer-item-content\">\n              @if (itemTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"itemTemplate()!; context: getItemContext(item, 'target', i)\"\n                ></ng-container>\n              } @else {\n                <div class=\"talos-transfer-item-text\">\n                  <span class=\"talos-transfer-item-label\">{{ getItemLabel(item) }}</span>\n                  @if (getItemDescription(item); as desc) {\n                    <span class=\"talos-transfer-item-desc\">{{ desc }}</span>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- ========================================== -->\n  <!-- OPTIONAL TARGET REORDER TOOLBAR            -->\n  <!-- ========================================== -->\n  @if (showReorder()) {\n    <div class=\"talos-transfer-reorder-actions\" role=\"toolbar\" aria-label=\"Reorder Target Items\">\n      <!-- Move Top -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetTop()\"\n        title=\"Move to top\"\n        aria-label=\"Move selected items to top\"\n      >\n        <svg lucideChevronsUp [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Up -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetUp()\"\n        title=\"Move up\"\n        aria-label=\"Move selected items up\"\n      >\n        <svg lucideChevronUp [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Down -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetDown()\"\n        title=\"Move down\"\n        aria-label=\"Move selected items down\"\n      >\n        <svg lucideChevronDown [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Bottom -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetBottom()\"\n        title=\"Move to bottom\"\n        aria-label=\"Move selected items to bottom\"\n      >\n        <svg lucideChevronsDown [size]=\"16\"></svg>\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;font-family:var(--talos-font-sans, system-ui, sans-serif);color:var(--talos-text-primary, #0f172a);width:100%;box-sizing:border-box}.talos-transfer-list-container{display:flex;align-items:stretch;justify-content:center;gap:.75rem;width:100%;box-sizing:border-box}@media(max-width:640px){.talos-transfer-list-container{flex-direction:column;align-items:stretch}}.talos-transfer-pane{flex:1 1 260px;min-width:220px;max-width:380px;display:flex;flex-direction:column;background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);border-radius:var(--talos-radius-md, .375rem);box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .05));overflow:hidden;transition:border-color var(--talos-transition, .18s ease),box-shadow var(--talos-transition, .18s ease)}.talos-transfer-pane:focus-within{border-color:var(--talos-border-hover, #94a3b8)}:host(.transfer-variant-outlined) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .04));border-radius:var(--talos-radius-md, .375rem)}:host(.transfer-variant-elevated) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-subtle, rgba(226, 232, 240, .8));border-radius:var(--talos-radius-lg, .5rem);box-shadow:var(--talos-shadow-md, 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 6px -1px rgba(0, 0, 0, .04));transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}:host(.transfer-variant-elevated) .talos-transfer-pane:hover{box-shadow:var(--talos-shadow-lg, 0 10px 20px -3px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05))}:host(.transfer-variant-elevated) .talos-transfer-header{background:linear-gradient(180deg,var(--talos-bg-surface, #ffffff) 0%,var(--talos-bg-subtle, #f8fafc) 100%);border-bottom:1px solid var(--talos-border-subtle, #e2e8f0)}:host(.transfer-variant-elevated) .talos-transfer-action-btn{box-shadow:var(--talos-shadow-xs, 0 1px 2px rgba(0, 0, 0, .06))}:host(.transfer-variant-flat) .talos-transfer-pane{background-color:var(--talos-bg-subtle, #f1f5f9);border:1px solid transparent;box-shadow:none;border-radius:var(--talos-radius-lg, .5rem)}:host(.transfer-variant-flat) .talos-transfer-header{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.06)}:host(.transfer-variant-flat) .talos-transfer-search-wrapper{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.06)}:host(.transfer-variant-flat) .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-surface, #ffffff);border-color:transparent;box-shadow:0 1px 2px #0000000d}:host(.transfer-variant-flat) .talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #ffffff);border-color:var(--talos-primary, #2563eb);box-shadow:0 0 0 2px #2563eb33}:host(.transfer-variant-flat) .talos-transfer-list-body{background-color:transparent}:host(.transfer-variant-flat) .talos-transfer-item{margin:.0625rem .375rem;border-radius:var(--talos-radius-sm, .25rem)}:host(.transfer-variant-flat) .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-surface, #ffffff);box-shadow:0 1px 2px #0000000a}:host(.transfer-variant-flat) .talos-transfer-item.is-selected{background-color:var(--talos-primary-subtle-bg, #eff6ff)}:host(.transfer-variant-flat) .talos-transfer-action-btn{background-color:var(--talos-bg-subtle, #f1f5f9);border-color:transparent}:host(.transfer-variant-flat) .talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-surface, #ffffff);box-shadow:0 1px 3px #00000014}:host(.transfer-variant-bordered) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:2px solid var(--talos-border-default, #94a3b8);box-shadow:none;border-radius:var(--talos-radius-md, .375rem)}:host(.transfer-variant-bordered) .talos-transfer-header{border-bottom:2px solid var(--talos-border-default, #94a3b8);background-color:var(--talos-bg-subtle, #f1f5f9)}:host(.transfer-variant-bordered) .talos-transfer-search-wrapper{border-bottom:2px solid var(--talos-border-subtle, #e2e8f0)}:host(.transfer-variant-bordered) .talos-transfer-action-btn{border-width:2px;border-color:var(--talos-border-default, #94a3b8)}.talos-transfer-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--talos-bg-subtle, #f8fafc);border-bottom:1px solid var(--talos-border-subtle, #f1f5f9);-webkit-user-select:none;user-select:none;min-height:2.25rem;box-sizing:border-box}.talos-transfer-header .talos-transfer-header-left{display:flex;align-items:center;gap:.5rem;min-width:0}.talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-sm, .8125rem);font-weight:var(--talos-font-weight-semibold, 600);color:var(--talos-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talos-transfer-header .talos-transfer-counter{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--talos-font-size-xs, .75rem);font-weight:var(--talos-font-weight-medium, 500);color:var(--talos-text-muted, #64748b);padding:.125rem .375rem;border-radius:var(--talos-radius-sm, .25rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-subtle, #e2e8f0);line-height:1.2}.talos-transfer-header .talos-transfer-counter .talos-transfer-filter-tag{font-size:.625rem;text-transform:uppercase;letter-spacing:.025em;padding:.0625rem .25rem;background-color:var(--talos-primary-subtle-bg, #eff6ff);color:var(--talos-primary, #2563eb);border-radius:var(--talos-radius-xs, .125rem);font-weight:600}.talos-transfer-search-wrapper{position:relative;display:flex;align-items:center;padding:.375rem .5rem;border-bottom:1px solid var(--talos-border-subtle, #f1f5f9);background-color:var(--talos-bg-surface, #ffffff)}.talos-transfer-search-wrapper .talos-transfer-search-icon{position:absolute;left:.875rem;color:var(--talos-text-muted, #64748b);pointer-events:none}.talos-transfer-search-wrapper .talos-transfer-search-input{width:100%;height:2rem;padding-left:1.875rem;padding-right:1.75rem;font-size:var(--talos-font-size-xs, .75rem);font-family:inherit;color:var(--talos-text-primary, #0f172a);background-color:var(--talos-bg-subtle, #f8fafc);border:1px solid var(--talos-border-subtle, #e2e8f0);border-radius:var(--talos-radius-sm, .25rem);outline:none;transition:all var(--talos-transition, .18s ease)}.talos-transfer-search-wrapper .talos-transfer-search-input::placeholder{color:var(--talos-text-muted, #94a3b8)}.talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #ffffff);border-color:var(--talos-border-focus, #2563eb);box-shadow:var(--talos-focus-ring, 0 0 0 2px rgba(37, 99, 235, .15))}.talos-transfer-search-wrapper .talos-transfer-search-clear{position:absolute;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:transparent;color:var(--talos-text-muted, #64748b);cursor:pointer;border-radius:var(--talos-radius-xs, .125rem);padding:0}.talos-transfer-search-wrapper .talos-transfer-search-clear:hover{color:var(--talos-text-primary, #0f172a);background-color:#94a3b826}.talos-transfer-search-wrapper .talos-transfer-search-spinner{position:absolute;right:.75rem;color:var(--talos-primary, #2563eb)}.talos-transfer-search-wrapper .talos-transfer-search-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--talos-primary, #2563eb) 50%,transparent 100%);background-size:200% 100%;animation:talosSearchProgress 1.4s ease-in-out infinite}@keyframes talosSearchProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.talos-transfer-list-body{height:var(--transfer-height, 320px);overflow-y:auto;overflow-x:hidden;padding:.25rem 0;background-color:var(--talos-bg-surface, #ffffff);scrollbar-width:thin;scrollbar-color:var(--talos-border-default, #cbd5e1) transparent}.talos-transfer-list-body::-webkit-scrollbar{width:5px}.talos-transfer-list-body::-webkit-scrollbar-thumb{background-color:var(--talos-border-default, #cbd5e1);border-radius:4px}.talos-transfer-loading-state,.talos-transfer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;min-height:120px;padding:1.5rem 1rem;color:var(--talos-text-muted, #64748b);font-size:var(--talos-font-size-xs, .75rem);text-align:center}.talos-transfer-loading-state strong,.talos-transfer-empty-state strong{color:var(--talos-text-primary, #0f172a);font-weight:600}.talos-transfer-loading-state .talos-transfer-clear-filter-btn,.talos-transfer-empty-state .talos-transfer-clear-filter-btn{margin-top:.25rem;font-size:var(--talos-font-size-2xs, .6875rem);font-weight:500;color:var(--talos-primary, #2563eb);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:.125rem .375rem;border-radius:var(--talos-radius-xs, .125rem)}.talos-transfer-loading-state .talos-transfer-clear-filter-btn:hover,.talos-transfer-empty-state .talos-transfer-clear-filter-btn:hover{background-color:var(--talos-primary-subtle-bg, #eff6ff)}.talos-transfer-loading-state{color:var(--talos-primary, #2563eb);font-weight:500}.talos-transfer-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--talos-radius-xs, .125rem);margin:.0625rem .25rem;transition:background-color var(--talos-transition, .15s ease),color var(--talos-transition, .15s ease);outline:none}.talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-subtle, #f1f5f9)}.talos-transfer-item.is-selected{background-color:var(--talos-primary-subtle-bg, #eff6ff);color:var(--talos-primary-text, #1e40af)}.talos-transfer-item.is-selected .talos-transfer-item-label{font-weight:var(--talos-font-weight-medium, 500);color:var(--talos-primary-text, #1e40af)}.talos-transfer-item:focus-visible{box-shadow:inset 0 0 0 2px var(--talos-border-focus, #2563eb)}.talos-transfer-item.is-disabled{opacity:.5;cursor:not-allowed}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled){cursor:grab}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled):active{cursor:grabbing}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled) .talos-transfer-checkbox-wrap{cursor:pointer}.talos-transfer-drag-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--talos-text-muted, #94a3b8);cursor:grab;padding:.125rem;border-radius:var(--talos-radius-xs, .125rem);flex-shrink:0}.talos-transfer-drag-handle:hover{color:var(--talos-text-primary, #0f172a);background-color:#94a3b833}.talos-transfer-drag-handle:active{cursor:grabbing}.talos-transfer-item-content{flex:1 1 0%;min-width:0}.talos-transfer-item-text{display:flex;flex-direction:column;min-width:0}.talos-transfer-item-text .talos-transfer-item-label{font-size:var(--talos-font-size-sm, .8125rem);color:var(--talos-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.talos-transfer-item-text .talos-transfer-item-desc{font-size:var(--talos-font-size-2xs, .6875rem);color:var(--talos-text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.0625rem;line-height:1.2}.talos-transfer-checkbox-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;flex-shrink:0}.talos-transfer-checkbox-wrap.is-disabled{cursor:not-allowed;opacity:.5}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0}.talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{display:inline-block;width:1rem;height:1rem;border:1.5px solid var(--talos-border-default, #94a3b8);border-radius:var(--talos-radius-xs, .1875rem);background-color:var(--talos-bg-surface, #ffffff);transition:all var(--talos-transition, .15s ease);position:relative;box-sizing:border-box}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:checked+.talos-transfer-checkbox-custom{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:checked+.talos-transfer-checkbox-custom:after{content:\"\";position:absolute;left:.25rem;top:.09375rem;width:.3125rem;height:.5625rem;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:indeterminate+.talos-transfer-checkbox-custom{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:indeterminate+.talos-transfer-checkbox-custom:after{content:\"\";position:absolute;left:.1875rem;top:.375rem;width:.5rem;height:2px;background-color:#fff;border-radius:1px}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:focus-visible+.talos-transfer-checkbox-custom{box-shadow:var(--talos-focus-ring, 0 0 0 2px rgba(37, 99, 235, .3))}.talos-transfer-actions,.talos-transfer-reorder-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;gap:.375rem;padding:0 .125rem;flex-shrink:0}@media(max-width:640px){.talos-transfer-actions,.talos-transfer-reorder-actions{flex-direction:row;padding:.25rem 0}}.talos-transfer-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--talos-radius-md, .375rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);color:var(--talos-text-muted, #64748b);cursor:pointer;transition:all var(--talos-transition, .18s ease);outline:none;box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .04))}.talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-subtle, #f1f5f9);border-color:var(--talos-border-hover, #94a3b8);color:var(--talos-text-primary, #0f172a);transform:translateY(-1px)}.talos-transfer-action-btn:active:not(:disabled){transform:translateY(0)}.talos-transfer-action-btn.is-active{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb);color:#fff;box-shadow:var(--talos-shadow-sm, 0 1px 3px 0 rgba(37, 99, 235, .2))}.talos-transfer-action-btn.is-active:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.talos-transfer-action-btn:disabled{opacity:.45;cursor:not-allowed;background-color:var(--talos-bg-subtle, #f8fafc);border-color:var(--talos-border-subtle, #e2e8f0)}.talos-transfer-action-btn:focus-visible{box-shadow:var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .25))}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;padding:.5rem .875rem;border-radius:var(--talos-radius-md, .375rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-primary, #2563eb);box-shadow:var(--talos-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .12));color:var(--talos-primary-text, #1e40af);font-size:var(--talos-font-size-sm, .8125rem);font-weight:var(--talos-font-weight-medium, 500);z-index:1000;pointer-events:none}.talos-transfer-drag-placeholder{min-height:2.25rem;background-color:var(--talos-primary-subtle-bg, #eff6ff);border:1.5px dashed var(--talos-primary, #2563eb);border-radius:var(--talos-radius-xs, .1875rem);margin:.125rem .25rem;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.talos-transfer-list-body.cdk-drop-list-dragging .talos-transfer-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.talos-spin{animation:talosSpin 1s linear infinite}@keyframes talosSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.transfer-size-sm) .talos-transfer-pane{flex-basis:210px;min-width:190px;max-width:300px}:host(.transfer-size-sm) .talos-transfer-header{padding:.375rem .5rem;min-height:1.875rem}:host(.transfer-size-sm) .talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-sm) .talos-transfer-header .talos-transfer-counter{font-size:var(--talos-font-size-2xs, .6875rem);padding:.0625rem .3125rem}:host(.transfer-size-sm) .talos-transfer-search-wrapper{padding:.25rem .375rem}:host(.transfer-size-sm) .talos-transfer-search-wrapper .talos-transfer-search-input{height:1.75rem;padding-left:1.625rem;padding-right:1.5rem;font-size:var(--talos-font-size-2xs, .6875rem)}:host(.transfer-size-sm) .talos-transfer-search-wrapper .talos-transfer-search-icon{left:.625rem}:host(.transfer-size-sm) .talos-transfer-item{padding:.25rem .5rem}:host(.transfer-size-sm) .talos-transfer-item .talos-transfer-item-label{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-sm) .talos-transfer-item .talos-transfer-item-desc{font-size:.625rem}:host(.transfer-size-sm) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{width:.875rem;height:.875rem}:host(.transfer-size-sm) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom:after{left:.1875rem;top:.0625rem;width:.25rem;height:.4375rem}:host(.transfer-size-sm) .talos-transfer-action-btn{width:1.625rem;height:1.625rem}:host(.transfer-size-sm) .talos-transfer-action-btn svg{width:13px;height:13px}:host(.transfer-size-lg) .talos-transfer-pane{flex-basis:300px;min-width:260px;max-width:440px}:host(.transfer-size-lg) .talos-transfer-header{padding:.625rem .875rem;min-height:2.625rem}:host(.transfer-size-lg) .talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-base, .875rem)}:host(.transfer-size-lg) .talos-transfer-header .talos-transfer-counter{font-size:var(--talos-font-size-sm, .8125rem);padding:.1875rem .5rem}:host(.transfer-size-lg) .talos-transfer-search-wrapper{padding:.5rem .625rem}:host(.transfer-size-lg) .talos-transfer-search-wrapper .talos-transfer-search-input{height:2.25rem;padding-left:2.125rem;padding-right:2rem;font-size:var(--talos-font-size-sm, .8125rem)}:host(.transfer-size-lg) .talos-transfer-search-wrapper .talos-transfer-search-icon{left:1rem}:host(.transfer-size-lg) .talos-transfer-item{padding:.5rem .75rem}:host(.transfer-size-lg) .talos-transfer-item .talos-transfer-item-label{font-size:var(--talos-font-size-base, .875rem)}:host(.transfer-size-lg) .talos-transfer-item .talos-transfer-item-desc{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-lg) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{width:1.125rem;height:1.125rem}:host(.transfer-size-lg) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom:after{left:.28125rem;top:.125rem;width:.34375rem;height:.625rem}:host(.transfer-size-lg) .talos-transfer-action-btn{width:2.25rem;height:2.25rem}:host(.transfer-size-lg) .talos-transfer-action-btn svg{width:17px;height:17px}:host-context([data-theme=dark]) .talos-transfer-pane,:host-context(.dark-theme) .talos-transfer-pane{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);box-shadow:0 1px 3px #0000004d}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-pane{background-color:var(--talos-bg-surface, #1e293b);border-color:#334155;box-shadow:0 10px 25px -5px #00000080,0 4px 10px -2px #0000004d}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-pane:hover,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-pane:hover{box-shadow:0 14px 28px -4px #0009,0 6px 14px -2px #0006}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-header,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-header{background:linear-gradient(180deg,var(--talos-bg-surface, #1e293b) 0%,var(--talos-bg-subtle, #0f172a) 100%);border-bottom-color:#334155}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-pane{background-color:#0f172a;border-color:transparent;box-shadow:none}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-header,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-header{background-color:transparent;border-bottom-color:#ffffff0f}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-search-wrapper,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-search-wrapper{background-color:transparent;border-bottom-color:#ffffff0f}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-search-wrapper .talos-transfer-search-input,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-surface, #1e293b);border-color:transparent}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-list-body,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-list-body{background-color:transparent}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-item:hover:not(.is-disabled),:host-context(.dark-theme).transfer-variant-flat .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-surface, #1e293b)}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-pane{border-color:#475569}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-header,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-header{border-bottom-color:#475569;background-color:#0f172a}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-search-wrapper,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-search-wrapper{border-bottom-color:#334155}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-action-btn,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-action-btn{border-color:#475569}:host-context([data-theme=dark]) .talos-transfer-header,:host-context(.dark-theme) .talos-transfer-header{background-color:var(--talos-bg-subtle, #0f172a);border-bottom-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-header .talos-transfer-title,:host-context(.dark-theme) .talos-transfer-header .talos-transfer-title{color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-header .talos-transfer-counter,:host-context(.dark-theme) .talos-transfer-header .talos-transfer-counter{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);color:var(--talos-text-muted, #94a3b8)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper,:host-context(.dark-theme) .talos-transfer-search-wrapper{background-color:var(--talos-bg-surface, #1e293b);border-bottom-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper .talos-transfer-search-input,:host-context(.dark-theme) .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-subtle, #0f172a);border-color:var(--talos-border-default, #334155);color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper .talos-transfer-search-input:focus,:host-context(.dark-theme) .talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640}:host-context([data-theme=dark]) .talos-transfer-list-body,:host-context(.dark-theme) .talos-transfer-list-body{background-color:var(--talos-bg-surface, #1e293b);scrollbar-color:var(--talos-border-default, #334155) transparent}:host-context([data-theme=dark]) .talos-transfer-list-body::-webkit-scrollbar-thumb,:host-context(.dark-theme) .talos-transfer-list-body::-webkit-scrollbar-thumb{background-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-item:hover:not(.is-disabled),:host-context(.dark-theme) .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-subtle, #334155)}:host-context([data-theme=dark]) .talos-transfer-item.is-selected,:host-context(.dark-theme) .talos-transfer-item.is-selected{background-color:#3b82f633;color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-item.is-selected .talos-transfer-item-label,:host-context(.dark-theme) .talos-transfer-item.is-selected .talos-transfer-item-label{color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-item .talos-transfer-item-text .talos-transfer-item-label,:host-context(.dark-theme) .talos-transfer-item .talos-transfer-item-text .talos-transfer-item-label{color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-action-btn,:host-context(.dark-theme) .talos-transfer-action-btn{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);color:var(--talos-text-muted, #94a3b8)}:host-context([data-theme=dark]) .talos-transfer-action-btn:hover:not(:disabled),:host-context(.dark-theme) .talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-subtle, #334155);border-color:var(--talos-border-hover, #64748b);color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-action-btn.is-active,:host-context(.dark-theme) .talos-transfer-action-btn.is-active{background-color:var(--talos-primary, #3b82f6);border-color:var(--talos-primary, #3b82f6);color:#fff}:host-context([data-theme=dark]) .talos-transfer-action-btn.is-active:hover:not(:disabled),:host-context(.dark-theme) .talos-transfer-action-btn.is-active:hover:not(:disabled){background-color:#2563eb}:host-context([data-theme=dark]) .talos-transfer-action-btn:disabled,:host-context(.dark-theme) .talos-transfer-action-btn:disabled{background-color:var(--talos-bg-subtle, #0f172a);border-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-checkbox-custom,:host-context(.dark-theme) .talos-transfer-checkbox-custom{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #475569)}:host-context([data-theme=dark]) .cdk-drag-preview,:host-context(.dark-theme) .cdk-drag-preview{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-primary, #3b82f6);color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-drag-placeholder,:host-context(.dark-theme) .talos-transfer-drag-placeholder{background-color:#3b82f626;border-color:var(--talos-primary, #3b82f6)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronsRight, selector: "svg[lucideChevronsRight]" }, { kind: "component", type: LucideChevronsLeft, selector: "svg[lucideChevronsLeft]" }, { kind: "component", type: LucideChevronUp, selector: "svg[lucideChevronUp]" }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: LucideChevronsUp, selector: "svg[lucideChevronsUp]" }, { kind: "component", type: LucideChevronsDown, selector: "svg[lucideChevronsDown]" }, { kind: "component", type: LucideSearch, selector: "svg[lucideSearch]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }, { kind: "component", type: LucideLoader2, selector: "svg[lucideLoaderCircle], svg[lucideLoader2]" }, { kind: "component", type: LucideGripVertical, selector: "svg[lucideGripVertical]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'talos-transfer-list', imports: [
+                        FormsModule,
+                        NgTemplateOutlet,
+                        CdkDropListGroup,
+                        CdkDropList,
+                        CdkDrag,
+                        CdkDragPlaceholder,
+                        CdkDragPreview,
+                        CdkDragHandle,
+                        LucideChevronRight,
+                        LucideChevronLeft,
+                        LucideChevronsRight,
+                        LucideChevronsLeft,
+                        LucideChevronUp,
+                        LucideChevronDown,
+                        LucideChevronsUp,
+                        LucideChevronsDown,
+                        LucideSearch,
+                        LucideX,
+                        LucideLoader2,
+                        LucideGripVertical
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TalosTransferListComponent),
+                            multi: true
+                        }
+                    ], host: {
+                        'class': 'talos-transfer-list-host',
+                        '[class.transfer-size-sm]': 'size() === "sm"',
+                        '[class.transfer-size-md]': 'size() === "md"',
+                        '[class.transfer-size-lg]': 'size() === "lg"',
+                        '[class.transfer-variant-outlined]': 'variant() === "outlined"',
+                        '[class.transfer-variant-elevated]': 'variant() === "elevated"',
+                        '[class.transfer-variant-flat]': 'variant() === "flat"',
+                        '[class.transfer-variant-bordered]': 'variant() === "bordered"',
+                        '[class.is-disabled]': 'effectiveDisabled()',
+                        '[class.is-loading]': 'loading()',
+                        '[class.is-card-drag]': 'dragDrop() && !useDragHandle()'
+                    }, template: "<div class=\"talos-transfer-list-container\" cdkDropListGroup [style.--transfer-height]=\"containerHeight()\">\n  <!-- ========================================== -->\n  <!-- SOURCE PANE (Available Items)             -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-pane talos-transfer-pane-source\" [style.width]=\"effectivePaneWidth()\">\n    <!-- Pane Header -->\n    <div class=\"talos-transfer-header\">\n      <div class=\"talos-transfer-header-left\">\n        @if (showSelectAll()) {\n          <label class=\"talos-transfer-checkbox-wrap\" [class.is-disabled]=\"effectiveDisabled()\">\n            <input\n              type=\"checkbox\"\n              class=\"talos-transfer-native-checkbox\"\n              [checked]=\"isSourceAllSelected()\"\n              [indeterminate]=\"isSourceIndeterminate()\"\n              [disabled]=\"effectiveDisabled()\"\n              (change)=\"toggleSelectAllSource()\"\n              [attr.aria-label]=\"'Select all in ' + titles()[0]\"\n            />\n            <span class=\"talos-transfer-checkbox-custom\"></span>\n          </label>\n        }\n        <span class=\"talos-transfer-title\">{{ titles()[0] }}</span>\n      </div>\n      <span class=\"talos-transfer-counter\" [attr.aria-live]=\"'polite'\">\n        {{ sourceSelectedCount() }} / {{ filteredSource().length }}\n        @if (isSourceSearching() && filteredSource().length !== internalSource().length) {\n          <span class=\"talos-transfer-filter-tag\">filtered</span>\n        }\n      </span>\n    </div>\n\n    <!-- Optional Search Bar -->\n    @if (searchable()) {\n      <div class=\"talos-transfer-search-wrapper\">\n        <svg lucideSearch class=\"talos-transfer-search-icon\" [size]=\"14\"></svg>\n        <input\n          type=\"text\"\n          class=\"talos-transfer-search-input\"\n          [placeholder]=\"sourcePlaceholder()\"\n          [value]=\"internalSourceQuery()\"\n          (input)=\"onSourceSearch($any($event.target).value)\"\n          [disabled]=\"effectiveDisabled()\"\n          [attr.aria-label]=\"'Search ' + titles()[0]\"\n        />\n        @if (effectiveSourceLoading()) {\n          <svg lucideLoader2 class=\"talos-transfer-search-spinner talos-spin\" [size]=\"14\"></svg>\n        } @else if (internalSourceQuery()) {\n          <button\n            type=\"button\"\n            class=\"talos-transfer-search-clear\"\n            (click)=\"clearSourceSearch()\"\n            [attr.aria-label]=\"'Clear source search'\"\n          >\n            <svg lucideX [size]=\"12\"></svg>\n          </button>\n        }\n\n        @if (effectiveSourceLoading()) {\n          <div class=\"talos-transfer-search-progress\"></div>\n        }\n      </div>\n    }\n\n    <!-- Source Items List -->\n    <div\n      class=\"talos-transfer-list-body\"\n      cdkDropList\n      [id]=\"componentId() + '-source-list'\"\n      [cdkDropListData]=\"internalSource()\"\n      [cdkDropListDisabled]=\"!dragDrop() || effectiveDisabled()\"\n      (cdkDropListDropped)=\"onCdkDrop($event)\"\n      role=\"listbox\"\n      [attr.aria-multiselectable]=\"true\"\n      [attr.aria-label]=\"titles()[0]\"\n    >\n      @if (effectiveSourceLoading()) {\n        <div class=\"talos-transfer-loading-state\">\n          <svg lucideLoader2 class=\"talos-spin\" [size]=\"20\"></svg>\n          <span>{{ isSourceSearching() ? searchingText() : 'Loading items...' }}</span>\n        </div>\n      } @else if (filteredSource().length === 0) {\n        <div class=\"talos-transfer-empty-state\">\n          @if (isSourceSearching()) {\n            <span>{{ noMatchesText() }} &ldquo;<strong>{{ internalSourceQuery() }}</strong>&rdquo;</span>\n            <button type=\"button\" class=\"talos-transfer-clear-filter-btn\" (click)=\"clearSourceSearch()\">\n              Clear filter\n            </button>\n          } @else {\n            <span>{{ emptySourceText() }}</span>\n          }\n        </div>\n      } @else {\n        @for (item of filteredSource(); track getItemKey(item, $index); let i = $index) {\n          @let isSel = sourceSelectedKeys().has(getItemKey(item, i));\n          @let isDis = isItemDisabled(item);\n\n          <div\n            class=\"talos-transfer-item\"\n            [class.is-selected]=\"isSel\"\n            [class.is-disabled]=\"isDis\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [cdkDragDisabled]=\"!dragDrop() || isDis || effectiveDisabled()\"\n            (click)=\"toggleSourceItem(item)\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSel\"\n            [attr.aria-disabled]=\"isDis\"\n            tabindex=\"0\"\n            (keydown.space)=\"$event.preventDefault(); toggleSourceItem(item)\"\n            (keydown.enter)=\"$event.preventDefault(); toggleSourceItem(item)\"\n          >\n            <!-- CDK Drag Placeholder -->\n            <div class=\"talos-transfer-drag-placeholder\" *cdkDragPlaceholder></div>\n\n            <!-- CDK Drag Preview -->\n            <div class=\"talos-transfer-drag-preview\" *cdkDragPreview>\n              <span class=\"preview-label\">{{ getItemLabel(item) }}</span>\n            </div>\n\n            <!-- Drag Handle -->\n            @if (dragDrop() && useDragHandle() && !isDis && !effectiveDisabled()) {\n              <div class=\"talos-transfer-drag-handle\" cdkDragHandle (click)=\"$event.stopPropagation()\">\n                <svg lucideGripVertical [size]=\"14\"></svg>\n              </div>\n            }\n\n            <!-- Checkbox -->\n            <label class=\"talos-transfer-checkbox-wrap\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                class=\"talos-transfer-native-checkbox\"\n                [checked]=\"isSel\"\n                [disabled]=\"isDis || effectiveDisabled()\"\n                (change)=\"toggleSourceItem(item)\"\n                [attr.aria-label]=\"'Select ' + getItemLabel(item)\"\n              />\n              <span class=\"talos-transfer-checkbox-custom\"></span>\n            </label>\n\n            <!-- Custom Template or Default View -->\n            <div class=\"talos-transfer-item-content\">\n              @if (itemTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"itemTemplate()!; context: getItemContext(item, 'source', i)\"\n                ></ng-container>\n              } @else {\n                <div class=\"talos-transfer-item-text\">\n                  <span class=\"talos-transfer-item-label\">{{ getItemLabel(item) }}</span>\n                  @if (getItemDescription(item); as desc) {\n                    <span class=\"talos-transfer-item-desc\">{{ desc }}</span>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- ========================================== -->\n  <!-- ACTION CONTROLS TOOLBAR                    -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-actions\" role=\"toolbar\" aria-label=\"Transfer Actions\">\n    <!-- Move Selected to Target (>) -->\n    <button\n      type=\"button\"\n      class=\"talos-transfer-action-btn\"\n      [class.is-active]=\"sourceSelectedCount() > 0 && !effectiveDisabled()\"\n      [disabled]=\"sourceSelectedCount() === 0 || effectiveDisabled()\"\n      (click)=\"moveToTarget()\"\n      [attr.aria-label]=\"'Move selected to ' + titles()[1]\"\n      title=\"Move selected right\"\n    >\n      <svg lucideChevronRight [size]=\"16\"></svg>\n    </button>\n\n    <!-- Move All to Target (>>) -->\n    @if (showMoveAll()) {\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"filteredSource().length > 0 && !effectiveDisabled()\"\n        [disabled]=\"filteredSource().length === 0 || effectiveDisabled()\"\n        (click)=\"moveAllToTarget()\"\n        [attr.aria-label]=\"'Move all to ' + titles()[1]\"\n        title=\"Move all right\"\n      >\n        <svg lucideChevronsRight [size]=\"16\"></svg>\n      </button>\n    }\n\n    <!-- Move Selected to Source (<) -->\n    <button\n      type=\"button\"\n      class=\"talos-transfer-action-btn\"\n      [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n      [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n      (click)=\"moveToSource()\"\n      [attr.aria-label]=\"'Move selected to ' + titles()[0]\"\n      title=\"Move selected left\"\n    >\n      <svg lucideChevronLeft [size]=\"16\"></svg>\n    </button>\n\n    <!-- Move All to Source (<<) -->\n    @if (showMoveAll()) {\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"filteredTarget().length > 0 && !effectiveDisabled()\"\n        [disabled]=\"filteredTarget().length === 0 || effectiveDisabled()\"\n        (click)=\"moveAllToSource()\"\n        [attr.aria-label]=\"'Move all to ' + titles()[0]\"\n        title=\"Move all left\"\n      >\n        <svg lucideChevronsLeft [size]=\"16\"></svg>\n      </button>\n    }\n  </div>\n\n  <!-- ========================================== -->\n  <!-- TARGET PANE (Selected Items)               -->\n  <!-- ========================================== -->\n  <div class=\"talos-transfer-pane talos-transfer-pane-target\" [style.width]=\"effectivePaneWidth()\">\n    <!-- Pane Header -->\n    <div class=\"talos-transfer-header\">\n      <div class=\"talos-transfer-header-left\">\n        @if (showSelectAll()) {\n          <label class=\"talos-transfer-checkbox-wrap\" [class.is-disabled]=\"effectiveDisabled()\">\n            <input\n              type=\"checkbox\"\n              class=\"talos-transfer-native-checkbox\"\n              [checked]=\"isTargetAllSelected()\"\n              [indeterminate]=\"isTargetIndeterminate()\"\n              [disabled]=\"effectiveDisabled()\"\n              (change)=\"toggleSelectAllTarget()\"\n              [attr.aria-label]=\"'Select all in ' + titles()[1]\"\n            />\n            <span class=\"talos-transfer-checkbox-custom\"></span>\n          </label>\n        }\n        <span class=\"talos-transfer-title\">{{ titles()[1] }}</span>\n      </div>\n      <span class=\"talos-transfer-counter\" [attr.aria-live]=\"'polite'\">\n        {{ targetSelectedCount() }} / {{ filteredTarget().length }}\n        @if (isTargetSearching() && filteredTarget().length !== internalTarget().length) {\n          <span class=\"talos-transfer-filter-tag\">filtered</span>\n        }\n      </span>\n    </div>\n\n    <!-- Optional Search Bar -->\n    @if (searchable()) {\n      <div class=\"talos-transfer-search-wrapper\">\n        <svg lucideSearch class=\"talos-transfer-search-icon\" [size]=\"14\"></svg>\n        <input\n          type=\"text\"\n          class=\"talos-transfer-search-input\"\n          [placeholder]=\"targetPlaceholder()\"\n          [value]=\"internalTargetQuery()\"\n          (input)=\"onTargetSearch($any($event.target).value)\"\n          [disabled]=\"effectiveDisabled()\"\n          [attr.aria-label]=\"'Search ' + titles()[1]\"\n        />\n        @if (effectiveTargetLoading()) {\n          <svg lucideLoader2 class=\"talos-transfer-search-spinner talos-spin\" [size]=\"14\"></svg>\n        } @else if (internalTargetQuery()) {\n          <button\n            type=\"button\"\n            class=\"talos-transfer-search-clear\"\n            (click)=\"clearTargetSearch()\"\n            [attr.aria-label]=\"'Clear target search'\"\n          >\n            <svg lucideX [size]=\"12\"></svg>\n          </button>\n        }\n\n        @if (effectiveTargetLoading()) {\n          <div class=\"talos-transfer-search-progress\"></div>\n        }\n      </div>\n    }\n\n    <!-- Target Items List -->\n    <div\n      class=\"talos-transfer-list-body\"\n      cdkDropList\n      [id]=\"componentId() + '-target-list'\"\n      [cdkDropListData]=\"internalTarget()\"\n      [cdkDropListDisabled]=\"!dragDrop() || effectiveDisabled()\"\n      (cdkDropListDropped)=\"onCdkDrop($event)\"\n      role=\"listbox\"\n      [attr.aria-multiselectable]=\"true\"\n      [attr.aria-label]=\"titles()[1]\"\n    >\n      @if (effectiveTargetLoading()) {\n        <div class=\"talos-transfer-loading-state\">\n          <svg lucideLoader2 class=\"talos-spin\" [size]=\"20\"></svg>\n          <span>{{ isTargetSearching() ? searchingText() : 'Loading items...' }}</span>\n        </div>\n      } @else if (filteredTarget().length === 0) {\n        <div class=\"talos-transfer-empty-state\">\n          @if (isTargetSearching()) {\n            <span>{{ noMatchesText() }} &ldquo;<strong>{{ internalTargetQuery() }}</strong>&rdquo;</span>\n            <button type=\"button\" class=\"talos-transfer-clear-filter-btn\" (click)=\"clearTargetSearch()\">\n              Clear filter\n            </button>\n          } @else {\n            <span>{{ emptyTargetText() }}</span>\n          }\n        </div>\n      } @else {\n        @for (item of filteredTarget(); track getItemKey(item, $index); let i = $index) {\n          @let isSel = targetSelectedKeys().has(getItemKey(item, i));\n          @let isDis = isItemDisabled(item);\n\n          <div\n            class=\"talos-transfer-item\"\n            [class.is-selected]=\"isSel\"\n            [class.is-disabled]=\"isDis\"\n            cdkDrag\n            [cdkDragData]=\"item\"\n            [cdkDragDisabled]=\"!dragDrop() || isDis || effectiveDisabled()\"\n            (click)=\"toggleTargetItem(item)\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSel\"\n            [attr.aria-disabled]=\"isDis\"\n            tabindex=\"0\"\n            (keydown.space)=\"$event.preventDefault(); toggleTargetItem(item)\"\n            (keydown.enter)=\"$event.preventDefault(); toggleTargetItem(item)\"\n          >\n            <!-- CDK Drag Placeholder -->\n            <div class=\"talos-transfer-drag-placeholder\" *cdkDragPlaceholder></div>\n\n            <!-- CDK Drag Preview -->\n            <div class=\"talos-transfer-drag-preview\" *cdkDragPreview>\n              <span class=\"preview-label\">{{ getItemLabel(item) }}</span>\n            </div>\n\n            <!-- Drag Handle -->\n            @if (dragDrop() && useDragHandle() && !isDis && !effectiveDisabled()) {\n              <div class=\"talos-transfer-drag-handle\" cdkDragHandle (click)=\"$event.stopPropagation()\">\n                <svg lucideGripVertical [size]=\"14\"></svg>\n              </div>\n            }\n\n            <!-- Checkbox -->\n            <label class=\"talos-transfer-checkbox-wrap\" (click)=\"$event.stopPropagation()\">\n              <input\n                type=\"checkbox\"\n                class=\"talos-transfer-native-checkbox\"\n                [checked]=\"isSel\"\n                [disabled]=\"isDis || effectiveDisabled()\"\n                (change)=\"toggleTargetItem(item)\"\n                [attr.aria-label]=\"'Select ' + getItemLabel(item)\"\n              />\n              <span class=\"talos-transfer-checkbox-custom\"></span>\n            </label>\n\n            <!-- Custom Template or Default View -->\n            <div class=\"talos-transfer-item-content\">\n              @if (itemTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"itemTemplate()!; context: getItemContext(item, 'target', i)\"\n                ></ng-container>\n              } @else {\n                <div class=\"talos-transfer-item-text\">\n                  <span class=\"talos-transfer-item-label\">{{ getItemLabel(item) }}</span>\n                  @if (getItemDescription(item); as desc) {\n                    <span class=\"talos-transfer-item-desc\">{{ desc }}</span>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- ========================================== -->\n  <!-- OPTIONAL TARGET REORDER TOOLBAR            -->\n  <!-- ========================================== -->\n  @if (showReorder()) {\n    <div class=\"talos-transfer-reorder-actions\" role=\"toolbar\" aria-label=\"Reorder Target Items\">\n      <!-- Move Top -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetTop()\"\n        title=\"Move to top\"\n        aria-label=\"Move selected items to top\"\n      >\n        <svg lucideChevronsUp [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Up -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetUp()\"\n        title=\"Move up\"\n        aria-label=\"Move selected items up\"\n      >\n        <svg lucideChevronUp [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Down -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetDown()\"\n        title=\"Move down\"\n        aria-label=\"Move selected items down\"\n      >\n        <svg lucideChevronDown [size]=\"16\"></svg>\n      </button>\n\n      <!-- Move Bottom -->\n      <button\n        type=\"button\"\n        class=\"talos-transfer-action-btn\"\n        [class.is-active]=\"targetSelectedCount() > 0 && !effectiveDisabled()\"\n        [disabled]=\"targetSelectedCount() === 0 || effectiveDisabled()\"\n        (click)=\"moveTargetBottom()\"\n        title=\"Move to bottom\"\n        aria-label=\"Move selected items to bottom\"\n      >\n        <svg lucideChevronsDown [size]=\"16\"></svg>\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;font-family:var(--talos-font-sans, system-ui, sans-serif);color:var(--talos-text-primary, #0f172a);width:100%;box-sizing:border-box}.talos-transfer-list-container{display:flex;align-items:stretch;justify-content:center;gap:.75rem;width:100%;box-sizing:border-box}@media(max-width:640px){.talos-transfer-list-container{flex-direction:column;align-items:stretch}}.talos-transfer-pane{flex:1 1 260px;min-width:220px;max-width:380px;display:flex;flex-direction:column;background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);border-radius:var(--talos-radius-md, .375rem);box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .05));overflow:hidden;transition:border-color var(--talos-transition, .18s ease),box-shadow var(--talos-transition, .18s ease)}.talos-transfer-pane:focus-within{border-color:var(--talos-border-hover, #94a3b8)}:host(.transfer-variant-outlined) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .04));border-radius:var(--talos-radius-md, .375rem)}:host(.transfer-variant-elevated) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-subtle, rgba(226, 232, 240, .8));border-radius:var(--talos-radius-lg, .5rem);box-shadow:var(--talos-shadow-md, 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 6px -1px rgba(0, 0, 0, .04));transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}:host(.transfer-variant-elevated) .talos-transfer-pane:hover{box-shadow:var(--talos-shadow-lg, 0 10px 20px -3px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05))}:host(.transfer-variant-elevated) .talos-transfer-header{background:linear-gradient(180deg,var(--talos-bg-surface, #ffffff) 0%,var(--talos-bg-subtle, #f8fafc) 100%);border-bottom:1px solid var(--talos-border-subtle, #e2e8f0)}:host(.transfer-variant-elevated) .talos-transfer-action-btn{box-shadow:var(--talos-shadow-xs, 0 1px 2px rgba(0, 0, 0, .06))}:host(.transfer-variant-flat) .talos-transfer-pane{background-color:var(--talos-bg-subtle, #f1f5f9);border:1px solid transparent;box-shadow:none;border-radius:var(--talos-radius-lg, .5rem)}:host(.transfer-variant-flat) .talos-transfer-header{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.06)}:host(.transfer-variant-flat) .talos-transfer-search-wrapper{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.06)}:host(.transfer-variant-flat) .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-surface, #ffffff);border-color:transparent;box-shadow:0 1px 2px #0000000d}:host(.transfer-variant-flat) .talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #ffffff);border-color:var(--talos-primary, #2563eb);box-shadow:0 0 0 2px #2563eb33}:host(.transfer-variant-flat) .talos-transfer-list-body{background-color:transparent}:host(.transfer-variant-flat) .talos-transfer-item{margin:.0625rem .375rem;border-radius:var(--talos-radius-sm, .25rem)}:host(.transfer-variant-flat) .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-surface, #ffffff);box-shadow:0 1px 2px #0000000a}:host(.transfer-variant-flat) .talos-transfer-item.is-selected{background-color:var(--talos-primary-subtle-bg, #eff6ff)}:host(.transfer-variant-flat) .talos-transfer-action-btn{background-color:var(--talos-bg-subtle, #f1f5f9);border-color:transparent}:host(.transfer-variant-flat) .talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-surface, #ffffff);box-shadow:0 1px 3px #00000014}:host(.transfer-variant-bordered) .talos-transfer-pane{background-color:var(--talos-bg-surface, #ffffff);border:2px solid var(--talos-border-default, #94a3b8);box-shadow:none;border-radius:var(--talos-radius-md, .375rem)}:host(.transfer-variant-bordered) .talos-transfer-header{border-bottom:2px solid var(--talos-border-default, #94a3b8);background-color:var(--talos-bg-subtle, #f1f5f9)}:host(.transfer-variant-bordered) .talos-transfer-search-wrapper{border-bottom:2px solid var(--talos-border-subtle, #e2e8f0)}:host(.transfer-variant-bordered) .talos-transfer-action-btn{border-width:2px;border-color:var(--talos-border-default, #94a3b8)}.talos-transfer-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--talos-bg-subtle, #f8fafc);border-bottom:1px solid var(--talos-border-subtle, #f1f5f9);-webkit-user-select:none;user-select:none;min-height:2.25rem;box-sizing:border-box}.talos-transfer-header .talos-transfer-header-left{display:flex;align-items:center;gap:.5rem;min-width:0}.talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-sm, .8125rem);font-weight:var(--talos-font-weight-semibold, 600);color:var(--talos-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talos-transfer-header .talos-transfer-counter{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--talos-font-size-xs, .75rem);font-weight:var(--talos-font-weight-medium, 500);color:var(--talos-text-muted, #64748b);padding:.125rem .375rem;border-radius:var(--talos-radius-sm, .25rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-subtle, #e2e8f0);line-height:1.2}.talos-transfer-header .talos-transfer-counter .talos-transfer-filter-tag{font-size:.625rem;text-transform:uppercase;letter-spacing:.025em;padding:.0625rem .25rem;background-color:var(--talos-primary-subtle-bg, #eff6ff);color:var(--talos-primary, #2563eb);border-radius:var(--talos-radius-xs, .125rem);font-weight:600}.talos-transfer-search-wrapper{position:relative;display:flex;align-items:center;padding:.375rem .5rem;border-bottom:1px solid var(--talos-border-subtle, #f1f5f9);background-color:var(--talos-bg-surface, #ffffff)}.talos-transfer-search-wrapper .talos-transfer-search-icon{position:absolute;left:.875rem;color:var(--talos-text-muted, #64748b);pointer-events:none}.talos-transfer-search-wrapper .talos-transfer-search-input{width:100%;height:2rem;padding-left:1.875rem;padding-right:1.75rem;font-size:var(--talos-font-size-xs, .75rem);font-family:inherit;color:var(--talos-text-primary, #0f172a);background-color:var(--talos-bg-subtle, #f8fafc);border:1px solid var(--talos-border-subtle, #e2e8f0);border-radius:var(--talos-radius-sm, .25rem);outline:none;transition:all var(--talos-transition, .18s ease)}.talos-transfer-search-wrapper .talos-transfer-search-input::placeholder{color:var(--talos-text-muted, #94a3b8)}.talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #ffffff);border-color:var(--talos-border-focus, #2563eb);box-shadow:var(--talos-focus-ring, 0 0 0 2px rgba(37, 99, 235, .15))}.talos-transfer-search-wrapper .talos-transfer-search-clear{position:absolute;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:transparent;color:var(--talos-text-muted, #64748b);cursor:pointer;border-radius:var(--talos-radius-xs, .125rem);padding:0}.talos-transfer-search-wrapper .talos-transfer-search-clear:hover{color:var(--talos-text-primary, #0f172a);background-color:#94a3b826}.talos-transfer-search-wrapper .talos-transfer-search-spinner{position:absolute;right:.75rem;color:var(--talos-primary, #2563eb)}.talos-transfer-search-wrapper .talos-transfer-search-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--talos-primary, #2563eb) 50%,transparent 100%);background-size:200% 100%;animation:talosSearchProgress 1.4s ease-in-out infinite}@keyframes talosSearchProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.talos-transfer-list-body{height:var(--transfer-height, 320px);overflow-y:auto;overflow-x:hidden;padding:.25rem 0;background-color:var(--talos-bg-surface, #ffffff);scrollbar-width:thin;scrollbar-color:var(--talos-border-default, #cbd5e1) transparent}.talos-transfer-list-body::-webkit-scrollbar{width:5px}.talos-transfer-list-body::-webkit-scrollbar-thumb{background-color:var(--talos-border-default, #cbd5e1);border-radius:4px}.talos-transfer-loading-state,.talos-transfer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;min-height:120px;padding:1.5rem 1rem;color:var(--talos-text-muted, #64748b);font-size:var(--talos-font-size-xs, .75rem);text-align:center}.talos-transfer-loading-state strong,.talos-transfer-empty-state strong{color:var(--talos-text-primary, #0f172a);font-weight:600}.talos-transfer-loading-state .talos-transfer-clear-filter-btn,.talos-transfer-empty-state .talos-transfer-clear-filter-btn{margin-top:.25rem;font-size:var(--talos-font-size-2xs, .6875rem);font-weight:500;color:var(--talos-primary, #2563eb);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:.125rem .375rem;border-radius:var(--talos-radius-xs, .125rem)}.talos-transfer-loading-state .talos-transfer-clear-filter-btn:hover,.talos-transfer-empty-state .talos-transfer-clear-filter-btn:hover{background-color:var(--talos-primary-subtle-bg, #eff6ff)}.talos-transfer-loading-state{color:var(--talos-primary, #2563eb);font-weight:500}.talos-transfer-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--talos-radius-xs, .125rem);margin:.0625rem .25rem;transition:background-color var(--talos-transition, .15s ease),color var(--talos-transition, .15s ease);outline:none}.talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-subtle, #f1f5f9)}.talos-transfer-item.is-selected{background-color:var(--talos-primary-subtle-bg, #eff6ff);color:var(--talos-primary-text, #1e40af)}.talos-transfer-item.is-selected .talos-transfer-item-label{font-weight:var(--talos-font-weight-medium, 500);color:var(--talos-primary-text, #1e40af)}.talos-transfer-item:focus-visible{box-shadow:inset 0 0 0 2px var(--talos-border-focus, #2563eb)}.talos-transfer-item.is-disabled{opacity:.5;cursor:not-allowed}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled){cursor:grab}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled):active{cursor:grabbing}:host(.is-card-drag) .talos-transfer-item:not(.is-disabled) .talos-transfer-checkbox-wrap{cursor:pointer}.talos-transfer-drag-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--talos-text-muted, #94a3b8);cursor:grab;padding:.125rem;border-radius:var(--talos-radius-xs, .125rem);flex-shrink:0}.talos-transfer-drag-handle:hover{color:var(--talos-text-primary, #0f172a);background-color:#94a3b833}.talos-transfer-drag-handle:active{cursor:grabbing}.talos-transfer-item-content{flex:1 1 0%;min-width:0}.talos-transfer-item-text{display:flex;flex-direction:column;min-width:0}.talos-transfer-item-text .talos-transfer-item-label{font-size:var(--talos-font-size-sm, .8125rem);color:var(--talos-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.talos-transfer-item-text .talos-transfer-item-desc{font-size:var(--talos-font-size-2xs, .6875rem);color:var(--talos-text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.0625rem;line-height:1.2}.talos-transfer-checkbox-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;flex-shrink:0}.talos-transfer-checkbox-wrap.is-disabled{cursor:not-allowed;opacity:.5}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0}.talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{display:inline-block;width:1rem;height:1rem;border:1.5px solid var(--talos-border-default, #94a3b8);border-radius:var(--talos-radius-xs, .1875rem);background-color:var(--talos-bg-surface, #ffffff);transition:all var(--talos-transition, .15s ease);position:relative;box-sizing:border-box}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:checked+.talos-transfer-checkbox-custom{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:checked+.talos-transfer-checkbox-custom:after{content:\"\";position:absolute;left:.25rem;top:.09375rem;width:.3125rem;height:.5625rem;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:indeterminate+.talos-transfer-checkbox-custom{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb)}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:indeterminate+.talos-transfer-checkbox-custom:after{content:\"\";position:absolute;left:.1875rem;top:.375rem;width:.5rem;height:2px;background-color:#fff;border-radius:1px}.talos-transfer-checkbox-wrap .talos-transfer-native-checkbox:focus-visible+.talos-transfer-checkbox-custom{box-shadow:var(--talos-focus-ring, 0 0 0 2px rgba(37, 99, 235, .3))}.talos-transfer-actions,.talos-transfer-reorder-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;gap:.375rem;padding:0 .125rem;flex-shrink:0}@media(max-width:640px){.talos-transfer-actions,.talos-transfer-reorder-actions{flex-direction:row;padding:.25rem 0}}.talos-transfer-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--talos-radius-md, .375rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-border-default, #cbd5e1);color:var(--talos-text-muted, #64748b);cursor:pointer;transition:all var(--talos-transition, .18s ease);outline:none;box-shadow:var(--talos-shadow-xs, 0 1px 2px 0 rgba(0, 0, 0, .04))}.talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-subtle, #f1f5f9);border-color:var(--talos-border-hover, #94a3b8);color:var(--talos-text-primary, #0f172a);transform:translateY(-1px)}.talos-transfer-action-btn:active:not(:disabled){transform:translateY(0)}.talos-transfer-action-btn.is-active{background-color:var(--talos-primary, #2563eb);border-color:var(--talos-primary, #2563eb);color:#fff;box-shadow:var(--talos-shadow-sm, 0 1px 3px 0 rgba(37, 99, 235, .2))}.talos-transfer-action-btn.is-active:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.talos-transfer-action-btn:disabled{opacity:.45;cursor:not-allowed;background-color:var(--talos-bg-subtle, #f8fafc);border-color:var(--talos-border-subtle, #e2e8f0)}.talos-transfer-action-btn:focus-visible{box-shadow:var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .25))}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;padding:.5rem .875rem;border-radius:var(--talos-radius-md, .375rem);background-color:var(--talos-bg-surface, #ffffff);border:1px solid var(--talos-primary, #2563eb);box-shadow:var(--talos-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .12));color:var(--talos-primary-text, #1e40af);font-size:var(--talos-font-size-sm, .8125rem);font-weight:var(--talos-font-weight-medium, 500);z-index:1000;pointer-events:none}.talos-transfer-drag-placeholder{min-height:2.25rem;background-color:var(--talos-primary-subtle-bg, #eff6ff);border:1.5px dashed var(--talos-primary, #2563eb);border-radius:var(--talos-radius-xs, .1875rem);margin:.125rem .25rem;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.talos-transfer-list-body.cdk-drop-list-dragging .talos-transfer-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.talos-spin{animation:talosSpin 1s linear infinite}@keyframes talosSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.transfer-size-sm) .talos-transfer-pane{flex-basis:210px;min-width:190px;max-width:300px}:host(.transfer-size-sm) .talos-transfer-header{padding:.375rem .5rem;min-height:1.875rem}:host(.transfer-size-sm) .talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-sm) .talos-transfer-header .talos-transfer-counter{font-size:var(--talos-font-size-2xs, .6875rem);padding:.0625rem .3125rem}:host(.transfer-size-sm) .talos-transfer-search-wrapper{padding:.25rem .375rem}:host(.transfer-size-sm) .talos-transfer-search-wrapper .talos-transfer-search-input{height:1.75rem;padding-left:1.625rem;padding-right:1.5rem;font-size:var(--talos-font-size-2xs, .6875rem)}:host(.transfer-size-sm) .talos-transfer-search-wrapper .talos-transfer-search-icon{left:.625rem}:host(.transfer-size-sm) .talos-transfer-item{padding:.25rem .5rem}:host(.transfer-size-sm) .talos-transfer-item .talos-transfer-item-label{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-sm) .talos-transfer-item .talos-transfer-item-desc{font-size:.625rem}:host(.transfer-size-sm) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{width:.875rem;height:.875rem}:host(.transfer-size-sm) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom:after{left:.1875rem;top:.0625rem;width:.25rem;height:.4375rem}:host(.transfer-size-sm) .talos-transfer-action-btn{width:1.625rem;height:1.625rem}:host(.transfer-size-sm) .talos-transfer-action-btn svg{width:13px;height:13px}:host(.transfer-size-lg) .talos-transfer-pane{flex-basis:300px;min-width:260px;max-width:440px}:host(.transfer-size-lg) .talos-transfer-header{padding:.625rem .875rem;min-height:2.625rem}:host(.transfer-size-lg) .talos-transfer-header .talos-transfer-title{font-size:var(--talos-font-size-base, .875rem)}:host(.transfer-size-lg) .talos-transfer-header .talos-transfer-counter{font-size:var(--talos-font-size-sm, .8125rem);padding:.1875rem .5rem}:host(.transfer-size-lg) .talos-transfer-search-wrapper{padding:.5rem .625rem}:host(.transfer-size-lg) .talos-transfer-search-wrapper .talos-transfer-search-input{height:2.25rem;padding-left:2.125rem;padding-right:2rem;font-size:var(--talos-font-size-sm, .8125rem)}:host(.transfer-size-lg) .talos-transfer-search-wrapper .talos-transfer-search-icon{left:1rem}:host(.transfer-size-lg) .talos-transfer-item{padding:.5rem .75rem}:host(.transfer-size-lg) .talos-transfer-item .talos-transfer-item-label{font-size:var(--talos-font-size-base, .875rem)}:host(.transfer-size-lg) .talos-transfer-item .talos-transfer-item-desc{font-size:var(--talos-font-size-xs, .75rem)}:host(.transfer-size-lg) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom{width:1.125rem;height:1.125rem}:host(.transfer-size-lg) .talos-transfer-checkbox-wrap .talos-transfer-checkbox-custom:after{left:.28125rem;top:.125rem;width:.34375rem;height:.625rem}:host(.transfer-size-lg) .talos-transfer-action-btn{width:2.25rem;height:2.25rem}:host(.transfer-size-lg) .talos-transfer-action-btn svg{width:17px;height:17px}:host-context([data-theme=dark]) .talos-transfer-pane,:host-context(.dark-theme) .talos-transfer-pane{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);box-shadow:0 1px 3px #0000004d}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-pane{background-color:var(--talos-bg-surface, #1e293b);border-color:#334155;box-shadow:0 10px 25px -5px #00000080,0 4px 10px -2px #0000004d}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-pane:hover,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-pane:hover{box-shadow:0 14px 28px -4px #0009,0 6px 14px -2px #0006}:host-context([data-theme=dark]).transfer-variant-elevated .talos-transfer-header,:host-context(.dark-theme).transfer-variant-elevated .talos-transfer-header{background:linear-gradient(180deg,var(--talos-bg-surface, #1e293b) 0%,var(--talos-bg-subtle, #0f172a) 100%);border-bottom-color:#334155}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-pane{background-color:#0f172a;border-color:transparent;box-shadow:none}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-header,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-header{background-color:transparent;border-bottom-color:#ffffff0f}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-search-wrapper,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-search-wrapper{background-color:transparent;border-bottom-color:#ffffff0f}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-search-wrapper .talos-transfer-search-input,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-surface, #1e293b);border-color:transparent}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-list-body,:host-context(.dark-theme).transfer-variant-flat .talos-transfer-list-body{background-color:transparent}:host-context([data-theme=dark]).transfer-variant-flat .talos-transfer-item:hover:not(.is-disabled),:host-context(.dark-theme).transfer-variant-flat .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-surface, #1e293b)}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-pane,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-pane{border-color:#475569}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-header,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-header{border-bottom-color:#475569;background-color:#0f172a}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-search-wrapper,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-search-wrapper{border-bottom-color:#334155}:host-context([data-theme=dark]).transfer-variant-bordered .talos-transfer-action-btn,:host-context(.dark-theme).transfer-variant-bordered .talos-transfer-action-btn{border-color:#475569}:host-context([data-theme=dark]) .talos-transfer-header,:host-context(.dark-theme) .talos-transfer-header{background-color:var(--talos-bg-subtle, #0f172a);border-bottom-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-header .talos-transfer-title,:host-context(.dark-theme) .talos-transfer-header .talos-transfer-title{color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-header .talos-transfer-counter,:host-context(.dark-theme) .talos-transfer-header .talos-transfer-counter{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);color:var(--talos-text-muted, #94a3b8)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper,:host-context(.dark-theme) .talos-transfer-search-wrapper{background-color:var(--talos-bg-surface, #1e293b);border-bottom-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper .talos-transfer-search-input,:host-context(.dark-theme) .talos-transfer-search-wrapper .talos-transfer-search-input{background-color:var(--talos-bg-subtle, #0f172a);border-color:var(--talos-border-default, #334155);color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-search-wrapper .talos-transfer-search-input:focus,:host-context(.dark-theme) .talos-transfer-search-wrapper .talos-transfer-search-input:focus{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640}:host-context([data-theme=dark]) .talos-transfer-list-body,:host-context(.dark-theme) .talos-transfer-list-body{background-color:var(--talos-bg-surface, #1e293b);scrollbar-color:var(--talos-border-default, #334155) transparent}:host-context([data-theme=dark]) .talos-transfer-list-body::-webkit-scrollbar-thumb,:host-context(.dark-theme) .talos-transfer-list-body::-webkit-scrollbar-thumb{background-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-item:hover:not(.is-disabled),:host-context(.dark-theme) .talos-transfer-item:hover:not(.is-disabled){background-color:var(--talos-bg-subtle, #334155)}:host-context([data-theme=dark]) .talos-transfer-item.is-selected,:host-context(.dark-theme) .talos-transfer-item.is-selected{background-color:#3b82f633;color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-item.is-selected .talos-transfer-item-label,:host-context(.dark-theme) .talos-transfer-item.is-selected .talos-transfer-item-label{color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-item .talos-transfer-item-text .talos-transfer-item-label,:host-context(.dark-theme) .talos-transfer-item .talos-transfer-item-text .talos-transfer-item-label{color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-action-btn,:host-context(.dark-theme) .talos-transfer-action-btn{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #334155);color:var(--talos-text-muted, #94a3b8)}:host-context([data-theme=dark]) .talos-transfer-action-btn:hover:not(:disabled),:host-context(.dark-theme) .talos-transfer-action-btn:hover:not(:disabled){background-color:var(--talos-bg-subtle, #334155);border-color:var(--talos-border-hover, #64748b);color:var(--talos-text-primary, #f8fafc)}:host-context([data-theme=dark]) .talos-transfer-action-btn.is-active,:host-context(.dark-theme) .talos-transfer-action-btn.is-active{background-color:var(--talos-primary, #3b82f6);border-color:var(--talos-primary, #3b82f6);color:#fff}:host-context([data-theme=dark]) .talos-transfer-action-btn.is-active:hover:not(:disabled),:host-context(.dark-theme) .talos-transfer-action-btn.is-active:hover:not(:disabled){background-color:#2563eb}:host-context([data-theme=dark]) .talos-transfer-action-btn:disabled,:host-context(.dark-theme) .talos-transfer-action-btn:disabled{background-color:var(--talos-bg-subtle, #0f172a);border-color:var(--talos-border-default, #334155)}:host-context([data-theme=dark]) .talos-transfer-checkbox-custom,:host-context(.dark-theme) .talos-transfer-checkbox-custom{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-border-default, #475569)}:host-context([data-theme=dark]) .cdk-drag-preview,:host-context(.dark-theme) .cdk-drag-preview{background-color:var(--talos-bg-surface, #1e293b);border-color:var(--talos-primary, #3b82f6);color:#93c5fd}:host-context([data-theme=dark]) .talos-transfer-drag-placeholder,:host-context(.dark-theme) .talos-transfer-drag-placeholder{background-color:#3b82f626;border-color:var(--talos-primary, #3b82f6)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], titles: [{ type: i0.Input, args: [{ isSignal: true, alias: "titles", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchMode", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], sourceSearchQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceSearchQuery", required: false }] }], targetSearchQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetSearchQuery", required: false }] }], searchDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchDebounce", required: false }] }], searchHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchHandler", required: false }] }], sourceSearchHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceSearchHandler", required: false }] }], targetSearchHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetSearchHandler", required: false }] }], sourceLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceLoading", required: false }] }], targetLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetLoading", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelectAll", required: false }] }], showMoveAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMoveAll", required: false }] }], showReorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showReorder", required: false }] }], dragDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDrop", required: false }] }], dragMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragMode", required: false }] }], dragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragHandle", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], listWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "listWidth", required: false }] }], itemKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemKey", required: false }] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemLabel", required: false }] }], itemDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemDescription", required: false }] }], itemDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemDisabled", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], emptySourceText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptySourceText", required: false }] }], emptyTargetText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTargetText", required: false }] }], searchingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchingText", required: false }] }], noMatchesText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noMatchesText", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], sourceChange: [{ type: i0.Output, args: ["sourceChange"] }], targetChange: [{ type: i0.Output, args: ["targetChange"] }], transfer: [{ type: i0.Output, args: ["transfer"] }], search: [{ type: i0.Output, args: ["search"] }], sourceSearchChange: [{ type: i0.Output, args: ["sourceSearchChange"] }], targetSearchChange: [{ type: i0.Output, args: ["targetSearchChange"] }], searchError: [{ type: i0.Output, args: ["searchError"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], targetReorder: [{ type: i0.Output, args: ["targetReorder"] }] } });
+
+class TalosTransferListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListModule, imports: [TalosTransferListComponent], exports: [TalosTransferListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListModule, imports: [TalosTransferListComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTransferListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TalosTransferListComponent],
+                    exports: [TalosTransferListComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TalosTransferListComponent, TalosTransferListModule };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-transfer-list.mjs.map