@mesgflow/ui-kit 0.6.0 → 0.8.0

package/fesm2022/mesgflow-ui-kit-sortable.mjs

@@ -0,0 +1,526 @@
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, CdkDropListGroup } from '@angular/cdk/drag-drop';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { model, input, booleanAttribute, output, contentChild, TemplateRef, inject, signal, ElementRef, Component } from '@angular/core';
+import { MF_SORTABLE_LABELS, nextId } from '@mesgflow/ui-kit/core';
+import { Icon } from '@mesgflow/ui-kit/icon';
+
+/** `'{item} moved to {position}'` gibi şablonları doldurur. */
+function fillTemplate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => String(values[key] ?? ''));
+}
+/** Diziden bir öğeyi taşır — yeni dizi döner (orijinal değişmez). */
+function moveItem(list, from, to) {
+    const next = [...list];
+    const [item] = next.splice(from, 1);
+    next.splice(Math.max(0, Math.min(next.length, to)), 0, item);
+    return next;
+}
+
+/**
+ * `<mf-sortable-list [(items)]="tasks" [itemLabel]="labelOf">
+ *    <ng-template let-task>{{ task.title }}</ng-template>
+ *  </mf-sortable-list>`
+ *
+ * Sürükle-bırak ile yeniden sıralanan liste — CDK drag-drop üstüne ERİŞİLEBİLİR
+ * klavye modu eklenir (CDK'da yok): tutamaca odaklan → Boşluk/Enter ile al →
+ * ↑/↓ taşı → Boşluk/Enter bırak · Escape geri al. Her adım `LiveAnnouncer`
+ * ile duyurulur (WCAG 2.1.1 — sürükle-bırakın klavye eşdeğeri).
+ *
+ * `itemLabel`: duyurular ve tutamaç adı için öğenin okunur adı.
+ */
+class SortableList {
+    items = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /** Duyurular ve tutamaç adı için okunur ad. */
+    itemLabel = input((item) => String(item), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemLabel" }] : /* istanbul ignore next */ []));
+    trackBy = input((_, i) => i, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaLabel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    moved = output();
+    template = contentChild((TemplateRef), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    labels = inject(MF_SORTABLE_LABELS);
+    hintId = nextId('mf-sortable-hint');
+    grabbed = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grabbed" }] : /* istanbul ignore next */ []));
+    announcer = inject(LiveAnnouncer);
+    host = inject(ElementRef);
+    grabStart = 0;
+    handleLabel(item) {
+        return fillTemplate(this.labels().dragHandle, { item: this.itemLabel()(item) });
+    }
+    onDrop(event) {
+        if (event.previousIndex === event.currentIndex)
+            return;
+        this.commit(event.previousIndex, event.currentIndex);
+    }
+    onKeydown(event, index) {
+        const grabbed = this.grabbed();
+        const total = this.items().length;
+        const say = (template, position) => this.announcer.announce(fillTemplate(template, {
+            item: this.itemLabel()(this.items()[position]),
+            position: position + 1,
+            total,
+        }));
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            if (grabbed === null) {
+                this.grabStart = index;
+                this.grabbed.set(index);
+                say(this.labels().grabbed, index);
+            }
+            else {
+                this.grabbed.set(null);
+                say(this.labels().dropped, grabbed);
+                if (grabbed !== this.grabStart)
+                    this.moved.emit({ previousIndex: this.grabStart, currentIndex: grabbed });
+            }
+            return;
+        }
+        if (grabbed === null)
+            return;
+        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+            event.preventDefault();
+            const target = grabbed + (event.key === 'ArrowUp' ? -1 : 1);
+            if (target < 0 || target >= total)
+                return;
+            this.items.set(moveItem(this.items(), grabbed, target));
+            this.grabbed.set(target);
+            say(this.labels().moved, target);
+            this.refocus(target);
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            this.items.set(moveItem(this.items(), grabbed, this.grabStart));
+            this.grabbed.set(null);
+            say(this.labels().cancelled, this.grabStart);
+            this.refocus(this.grabStart);
+        }
+    }
+    cancelOnBlur() {
+        // Odak başka yere giderse (Tab) taşıma bitmiş sayılır — yerinde bırakılır.
+        queueMicrotask(() => {
+            const active = document.activeElement;
+            if (!this.host.nativeElement.contains(active))
+                this.grabbed.set(null);
+        });
+    }
+    commit(from, to) {
+        this.items.set(moveItem(this.items(), from, to));
+        this.moved.emit({ previousIndex: from, currentIndex: to });
+    }
+    /** Taşıma sonrası `@for` DOM'u yeniden sıraladığında odağı taşınan tutamakta tut. */
+    refocus(index) {
+        queueMicrotask(() => {
+            const handles = this.host.nativeElement.querySelectorAll('[cdkDragHandle], .cdk-drag-handle');
+            handles[index]?.focus();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SortableList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SortableList, isStandalone: true, selector: "mf-sortable-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, itemLabel: { classPropertyName: "itemLabel", publicName: "itemLabel", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", moved: "moved" }, host: { classAttribute: "block" }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], exportAs: ["mfSortableList"], ngImport: i0, template: `
+    <p [id]="hintId" class="sr-only">{{ labels().instructions }}</p>
+    <ul
+      cdkDropList
+      [cdkDropListData]="items()"
+      [cdkDropListDisabled]="disabled()"
+      (cdkDropListDropped)="onDrop($event)"
+      class="m-0 flex list-none flex-col gap-1.5 p-0"
+      [attr.aria-label]="ariaLabel() || null"
+    >
+      @for (item of items(); track trackBy()(item, $index); let i = $index) {
+        <li
+          cdkDrag
+          [cdkDragData]="item"
+          class="group/sortable flex items-center gap-2 rounded-lg border border-hairline bg-surface p-2 ps-1 transition-[box-shadow,border-color,translate] duration-fast ease-emphasis"
+          [class.border-accent]="grabbed() === i"
+          [class.shadow-2]="grabbed() === i"
+          [class.-translate-y-px]="grabbed() === i"
+        >
+          <button
+            type="button"
+            cdkDragHandle
+            class="flex h-7 w-6 shrink-0 cursor-grab items-center justify-center rounded-sm text-fg-subtle outline-none transition-colors hover:bg-state-hover hover:text-fg focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-focus-ring active:cursor-grabbing"
+            [attr.aria-label]="handleLabel(item)"
+            [attr.aria-describedby]="hintId"
+            [attr.aria-pressed]="grabbed() === i"
+            [disabled]="disabled()"
+            (keydown)="onKeydown($event, i)"
+            (blur)="cancelOnBlur()"
+          >
+            <span mfIcon [size]="16">drag_indicator</span>
+          </button>
+          <div class="min-w-0 flex-1">
+            <ng-container
+              [ngTemplateOutlet]="template() ?? null"
+              [ngTemplateOutletContext]="{ $implicit: item, index: i }"
+            />
+          </div>
+          <div
+            *cdkDragPlaceholder
+            class="h-11 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint"
+          ></div>
+        </li>
+      }
+    </ul>
+  `, isInline: true, dependencies: [{ 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: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SortableList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mf-sortable-list',
+                    exportAs: 'mfSortableList',
+                    imports: [CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, NgTemplateOutlet, Icon],
+                    host: { class: 'block' },
+                    template: `
+    <p [id]="hintId" class="sr-only">{{ labels().instructions }}</p>
+    <ul
+      cdkDropList
+      [cdkDropListData]="items()"
+      [cdkDropListDisabled]="disabled()"
+      (cdkDropListDropped)="onDrop($event)"
+      class="m-0 flex list-none flex-col gap-1.5 p-0"
+      [attr.aria-label]="ariaLabel() || null"
+    >
+      @for (item of items(); track trackBy()(item, $index); let i = $index) {
+        <li
+          cdkDrag
+          [cdkDragData]="item"
+          class="group/sortable flex items-center gap-2 rounded-lg border border-hairline bg-surface p-2 ps-1 transition-[box-shadow,border-color,translate] duration-fast ease-emphasis"
+          [class.border-accent]="grabbed() === i"
+          [class.shadow-2]="grabbed() === i"
+          [class.-translate-y-px]="grabbed() === i"
+        >
+          <button
+            type="button"
+            cdkDragHandle
+            class="flex h-7 w-6 shrink-0 cursor-grab items-center justify-center rounded-sm text-fg-subtle outline-none transition-colors hover:bg-state-hover hover:text-fg focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-focus-ring active:cursor-grabbing"
+            [attr.aria-label]="handleLabel(item)"
+            [attr.aria-describedby]="hintId"
+            [attr.aria-pressed]="grabbed() === i"
+            [disabled]="disabled()"
+            (keydown)="onKeydown($event, i)"
+            (blur)="cancelOnBlur()"
+          >
+            <span mfIcon [size]="16">drag_indicator</span>
+          </button>
+          <div class="min-w-0 flex-1">
+            <ng-container
+              [ngTemplateOutlet]="template() ?? null"
+              [ngTemplateOutletContext]="{ $implicit: item, index: i }"
+            />
+          </div>
+          <div
+            *cdkDragPlaceholder
+            class="h-11 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint"
+          ></div>
+        </li>
+      }
+    </ul>
+  `,
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }, { type: i0.Output, args: ["itemsChange"] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemLabel", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], moved: [{ type: i0.Output, args: ["moved"] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
+
+const DOT = {
+    neutral: 'bg-fg-subtle',
+    primary: 'bg-accent',
+    success: 'bg-success',
+    warning: 'bg-warning',
+    danger: 'bg-danger',
+    info: 'bg-info',
+    help: 'bg-help',
+};
+/**
+ * `<mf-kanban [(columns)]="board" [itemLabel]="titleOf" (moved)="save($event)">
+ *    <ng-template let-card>…kart içeriği…</ng-template>
+ *  </mf-kanban>`
+ *
+ * Sütunlar arası sürükle-bırak (CDK `cdkDropListGroup`) + klavye modu:
+ * karta odaklan → Boşluk/Enter al → ↑/↓ sütun içinde, ←/→ sütunlar arası →
+ * Boşluk/Enter bırak · Escape geri al. Her adım ekran okuyucuya duyurulur.
+ * Sütunlar yatay kaydırılır (mobilde de kullanılabilir).
+ */
+class Kanban {
+    columns = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    itemLabel = input((item) => String(item), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemLabel" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    moved = output();
+    template = contentChild((TemplateRef), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    labels = inject(MF_SORTABLE_LABELS);
+    hintId = nextId('mf-kanban');
+    grabbed = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grabbed" }] : /* istanbul ignore next */ []));
+    grabOrigin = null;
+    announcer = inject(LiveAnnouncer);
+    host = inject(ElementRef);
+    dot(column) {
+        return DOT[column.tone ?? 'neutral'];
+    }
+    isGrabbed(c, i) {
+        const g = this.grabbed();
+        return !!g && g.c === c && g.i === i;
+    }
+    onDrop(event) {
+        const from = this.columns().findIndex((col) => col.id === event.previousContainer.data);
+        const to = this.columns().findIndex((col) => col.id === event.container.data);
+        if (from < 0 || to < 0)
+            return;
+        if (from === to && event.previousIndex === event.currentIndex)
+            return;
+        this.move({ c: from, i: event.previousIndex }, { c: to, i: event.currentIndex });
+    }
+    onKeydown(event, c, i) {
+        const g = this.grabbed();
+        if (event.key === ' ' || event.key === 'Enter') {
+            event.preventDefault();
+            if (!g) {
+                this.grabOrigin = { c, i };
+                this.grabbed.set({ c, i });
+                this.say(this.labels().grabbed, { c, i });
+            }
+            else {
+                this.grabbed.set(null);
+                this.say(this.labels().dropped, g);
+                const item = this.columns()[g.c].items[g.i];
+                const origin = this.grabOrigin;
+                if (origin.c !== g.c || origin.i !== g.i) {
+                    this.moved.emit({
+                        item,
+                        from: this.columns()[origin.c].id,
+                        to: this.columns()[g.c].id,
+                        index: g.i,
+                    });
+                }
+            }
+            return;
+        }
+        if (!g)
+            return;
+        const cols = this.columns();
+        let target = null;
+        if (event.key === 'ArrowUp' && g.i > 0)
+            target = { c: g.c, i: g.i - 1 };
+        else if (event.key === 'ArrowDown' && g.i < cols[g.c].items.length - 1)
+            target = { c: g.c, i: g.i + 1 };
+        else if (event.key === 'ArrowLeft' && g.c > 0)
+            target = { c: g.c - 1, i: Math.min(g.i, cols[g.c - 1].items.length) };
+        else if (event.key === 'ArrowRight' && g.c < cols.length - 1)
+            target = { c: g.c + 1, i: Math.min(g.i, cols[g.c + 1].items.length) };
+        else if (event.key === 'Escape' && this.grabOrigin) {
+            event.preventDefault();
+            this.transfer(g, this.grabOrigin);
+            this.grabbed.set(null);
+            this.say(this.labels().cancelled, this.grabOrigin);
+            this.focusCard(this.grabOrigin);
+            return;
+        }
+        if (!target)
+            return;
+        event.preventDefault();
+        this.transfer(g, target);
+        this.grabbed.set(target);
+        this.say(target.c === g.c ? this.labels().moved : this.labels().movedToColumn, target);
+        this.focusCard(target);
+    }
+    move(from, to) {
+        const item = this.columns()[from.c].items[from.i];
+        this.transfer(from, to);
+        this.moved.emit({
+            item,
+            from: this.columns()[from.c].id,
+            to: this.columns()[to.c].id,
+            index: to.i,
+        });
+    }
+    transfer(from, to) {
+        this.columns.update((cols) => {
+            const next = cols.map((col) => ({ ...col, items: [...col.items] }));
+            if (from.c === to.c) {
+                next[from.c].items = moveItem(next[from.c].items, from.i, to.i);
+            }
+            else {
+                const [item] = next[from.c].items.splice(from.i, 1);
+                next[to.c].items.splice(to.i, 0, item);
+            }
+            return next;
+        });
+    }
+    say(template, at) {
+        const col = this.columns()[at.c];
+        this.announcer.announce(fillTemplate(template, {
+            item: this.itemLabel()(col.items[at.i]),
+            position: at.i + 1,
+            total: col.items.length,
+            column: col.title,
+        }));
+    }
+    focusCard(at) {
+        queueMicrotask(() => {
+            const list = this.host.nativeElement.querySelector(`#${CSS.escape(this.hintId + '-list-' + at.c)}`);
+            list?.querySelectorAll('[role=button]')[at.i]?.focus();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Kanban, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: Kanban, isStandalone: true, selector: "mf-kanban", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, itemLabel: { classPropertyName: "itemLabel", publicName: "itemLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columns: "columnsChange", moved: "moved" }, host: { classAttribute: "block" }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], exportAs: ["mfKanban"], ngImport: i0, template: `
+    <p [id]="hintId" class="sr-only">{{ labels().instructions }}</p>
+    <div
+      cdkDropListGroup
+      class="flex gap-4 overflow-x-auto pb-2"
+      [attr.aria-label]="ariaLabel() || null"
+      role="group"
+    >
+      @for (column of columns(); track column.id; let c = $index) {
+        <section
+          class="flex w-72 shrink-0 flex-col rounded-xl border border-hairline bg-surface-sunken"
+          [attr.aria-labelledby]="hintId + '-col-' + c"
+        >
+          <header class="flex items-center gap-2 px-3 pt-3 pb-2">
+            <span class="h-2 w-2 rounded-full" [class]="dot(column)"></span>
+            <h3 [id]="hintId + '-col-' + c" class="flex-1 truncate text-sm font-semibold text-fg">
+              {{ column.title }}
+            </h3>
+            <span
+              class="rounded-full px-2 py-0.5 text-xs font-medium tabular-nums"
+              [class]="
+                column.limit && column.items.length > column.limit
+                  ? 'bg-warning-tint text-warning-tint-fg'
+                  : 'bg-state-selected text-fg-muted'
+              "
+              >{{ column.items.length }}{{ column.limit ? ' / ' + column.limit : '' }}</span
+            >
+          </header>
+          <ul
+            cdkDropList
+            [id]="hintId + '-list-' + c"
+            [cdkDropListData]="column.id"
+            (cdkDropListDropped)="onDrop($event)"
+            class="m-0 flex min-h-24 flex-1 list-none flex-col gap-2 p-2 pt-0"
+          >
+            @for (item of column.items; track $index; let i = $index) {
+              <li
+                cdkDrag
+                [cdkDragData]="item"
+                class="cursor-grab rounded-lg active:cursor-grabbing"
+              >
+                <div
+                  tabindex="0"
+                  role="button"
+                  [attr.aria-roledescription]="labels().card"
+                  [attr.aria-describedby]="hintId"
+                  [attr.aria-pressed]="isGrabbed(c, i)"
+                  [attr.aria-label]="itemLabel()(item)"
+                  (keydown)="onKeydown($event, c, i)"
+                  class="rounded-lg border border-hairline bg-surface p-3 text-sm shadow-highlight outline-none transition-[box-shadow,border-color,translate] duration-fast ease-emphasis hover:border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+                  [class.border-accent]="isGrabbed(c, i)"
+                  [class.shadow-2]="isGrabbed(c, i)"
+                >
+                  <ng-container
+                    [ngTemplateOutlet]="template() ?? null"
+                    [ngTemplateOutletContext]="{ $implicit: item, column: column.id }"
+                  />
+                </div>
+                <div
+                  *cdkDragPlaceholder
+                  class="h-16 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint"
+                ></div>
+              </li>
+            }
+          </ul>
+        </section>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Kanban, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mf-kanban',
+                    exportAs: 'mfKanban',
+                    imports: [CdkDropListGroup, CdkDropList, CdkDrag, CdkDragPlaceholder, NgTemplateOutlet],
+                    host: { class: 'block' },
+                    template: `
+    <p [id]="hintId" class="sr-only">{{ labels().instructions }}</p>
+    <div
+      cdkDropListGroup
+      class="flex gap-4 overflow-x-auto pb-2"
+      [attr.aria-label]="ariaLabel() || null"
+      role="group"
+    >
+      @for (column of columns(); track column.id; let c = $index) {
+        <section
+          class="flex w-72 shrink-0 flex-col rounded-xl border border-hairline bg-surface-sunken"
+          [attr.aria-labelledby]="hintId + '-col-' + c"
+        >
+          <header class="flex items-center gap-2 px-3 pt-3 pb-2">
+            <span class="h-2 w-2 rounded-full" [class]="dot(column)"></span>
+            <h3 [id]="hintId + '-col-' + c" class="flex-1 truncate text-sm font-semibold text-fg">
+              {{ column.title }}
+            </h3>
+            <span
+              class="rounded-full px-2 py-0.5 text-xs font-medium tabular-nums"
+              [class]="
+                column.limit && column.items.length > column.limit
+                  ? 'bg-warning-tint text-warning-tint-fg'
+                  : 'bg-state-selected text-fg-muted'
+              "
+              >{{ column.items.length }}{{ column.limit ? ' / ' + column.limit : '' }}</span
+            >
+          </header>
+          <ul
+            cdkDropList
+            [id]="hintId + '-list-' + c"
+            [cdkDropListData]="column.id"
+            (cdkDropListDropped)="onDrop($event)"
+            class="m-0 flex min-h-24 flex-1 list-none flex-col gap-2 p-2 pt-0"
+          >
+            @for (item of column.items; track $index; let i = $index) {
+              <li
+                cdkDrag
+                [cdkDragData]="item"
+                class="cursor-grab rounded-lg active:cursor-grabbing"
+              >
+                <div
+                  tabindex="0"
+                  role="button"
+                  [attr.aria-roledescription]="labels().card"
+                  [attr.aria-describedby]="hintId"
+                  [attr.aria-pressed]="isGrabbed(c, i)"
+                  [attr.aria-label]="itemLabel()(item)"
+                  (keydown)="onKeydown($event, c, i)"
+                  class="rounded-lg border border-hairline bg-surface p-3 text-sm shadow-highlight outline-none transition-[box-shadow,border-color,translate] duration-fast ease-emphasis hover:border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+                  [class.border-accent]="isGrabbed(c, i)"
+                  [class.shadow-2]="isGrabbed(c, i)"
+                >
+                  <ng-container
+                    [ngTemplateOutlet]="template() ?? null"
+                    [ngTemplateOutletContext]="{ $implicit: item, column: column.id }"
+                  />
+                </div>
+                <div
+                  *cdkDragPlaceholder
+                  class="h-16 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint"
+                ></div>
+              </li>
+            }
+          </ul>
+        </section>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }, { type: i0.Output, args: ["columnsChange"] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], moved: [{ type: i0.Output, args: ["moved"] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Kanban, SortableList, fillTemplate, moveItem };
+//# sourceMappingURL=mesgflow-ui-kit-sortable.mjs.map

package/fesm2022/mesgflow-ui-kit-sortable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesgflow-ui-kit-sortable.mjs","sources":["../../../projects/ui-kit/sortable/announcer.ts","../../../projects/ui-kit/sortable/sortable-list.ts","../../../projects/ui-kit/sortable/kanban.ts","../../../projects/ui-kit/sortable/mesgflow-ui-kit-sortable.ts"],"sourcesContent":["/** `'{item} moved to {position}'` gibi şablonları doldurur. */\r\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\r\n  return template.replace(/\\{(\\w+)\\}/g, (_, key: string) => String(values[key] ?? ''));\r\n}\r\n\r\n/** Diziden bir öğeyi taşır — yeni dizi döner (orijinal değişmez). */\r\nexport function moveItem<T>(list: readonly T[], from: number, to: number): T[] {\r\n  const next = [...list];\r\n  const [item] = next.splice(from, 1);\r\n  next.splice(Math.max(0, Math.min(next.length, to)), 0, item!);\r\n  return next;\r\n}\r\n","import { LiveAnnouncer } from '@angular/cdk/a11y';\r\nimport {\r\n  CdkDrag,\r\n  CdkDragHandle,\r\n  CdkDragPlaceholder,\r\n  CdkDropList,\r\n  type CdkDragDrop,\r\n} from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ElementRef,\r\n  TemplateRef,\r\n  booleanAttribute,\r\n  contentChild,\r\n  inject,\r\n  input,\r\n  model,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { MF_SORTABLE_LABELS, nextId } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { fillTemplate, moveItem } from './announcer';\r\n\r\nexport interface SortableMove {\r\n  previousIndex: number;\r\n  currentIndex: number;\r\n}\r\n\r\n/**\r\n * `<mf-sortable-list [(items)]=\"tasks\" [itemLabel]=\"labelOf\">\r\n *    <ng-template let-task>{{ task.title }}</ng-template>\r\n *  </mf-sortable-list>`\r\n *\r\n * Sürükle-bırak ile yeniden sıralanan liste — CDK drag-drop üstüne ERİŞİLEBİLİR\r\n * klavye modu eklenir (CDK'da yok): tutamaca odaklan → Boşluk/Enter ile al →\r\n * ↑/↓ taşı → Boşluk/Enter bırak · Escape geri al. Her adım `LiveAnnouncer`\r\n * ile duyurulur (WCAG 2.1.1 — sürükle-bırakın klavye eşdeğeri).\r\n *\r\n * `itemLabel`: duyurular ve tutamaç adı için öğenin okunur adı.\r\n */\r\n@Component({\r\n  selector: 'mf-sortable-list',\r\n  exportAs: 'mfSortableList',\r\n  imports: [CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, NgTemplateOutlet, Icon],\r\n  host: { class: 'block' },\r\n  template: `\r\n    <p [id]=\"hintId\" class=\"sr-only\">{{ labels().instructions }}</p>\r\n    <ul\r\n      cdkDropList\r\n      [cdkDropListData]=\"items()\"\r\n      [cdkDropListDisabled]=\"disabled()\"\r\n      (cdkDropListDropped)=\"onDrop($event)\"\r\n      class=\"m-0 flex list-none flex-col gap-1.5 p-0\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n    >\r\n      @for (item of items(); track trackBy()(item, $index); let i = $index) {\r\n        <li\r\n          cdkDrag\r\n          [cdkDragData]=\"item\"\r\n          class=\"group/sortable flex items-center gap-2 rounded-lg border border-hairline bg-surface p-2 ps-1 transition-[box-shadow,border-color,translate] duration-fast ease-emphasis\"\r\n          [class.border-accent]=\"grabbed() === i\"\r\n          [class.shadow-2]=\"grabbed() === i\"\r\n          [class.-translate-y-px]=\"grabbed() === i\"\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            cdkDragHandle\r\n            class=\"flex h-7 w-6 shrink-0 cursor-grab items-center justify-center rounded-sm text-fg-subtle outline-none transition-colors hover:bg-state-hover hover:text-fg focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-focus-ring active:cursor-grabbing\"\r\n            [attr.aria-label]=\"handleLabel(item)\"\r\n            [attr.aria-describedby]=\"hintId\"\r\n            [attr.aria-pressed]=\"grabbed() === i\"\r\n            [disabled]=\"disabled()\"\r\n            (keydown)=\"onKeydown($event, i)\"\r\n            (blur)=\"cancelOnBlur()\"\r\n          >\r\n            <span mfIcon [size]=\"16\">drag_indicator</span>\r\n          </button>\r\n          <div class=\"min-w-0 flex-1\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"template() ?? null\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\r\n            />\r\n          </div>\r\n          <div\r\n            *cdkDragPlaceholder\r\n            class=\"h-11 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint\"\r\n          ></div>\r\n        </li>\r\n      }\r\n    </ul>\r\n  `,\r\n})\r\nexport class SortableList<T> {\r\n  readonly items = model.required<T[]>();\r\n  /** Duyurular ve tutamaç adı için okunur ad. */\r\n  readonly itemLabel = input<(item: T) => string>((item) => String(item));\r\n  readonly trackBy = input<(item: T, index: number) => unknown>((_, i) => i);\r\n  readonly disabled = input(false, { transform: booleanAttribute });\r\n  readonly ariaLabel = input('');\r\n\r\n  readonly moved = output<SortableMove>();\r\n\r\n  protected readonly template = contentChild(TemplateRef<{ $implicit: T; index: number }>);\r\n  protected readonly labels = inject(MF_SORTABLE_LABELS);\r\n  protected readonly hintId = nextId('mf-sortable-hint');\r\n  protected readonly grabbed = signal<number | null>(null);\r\n\r\n  private readonly announcer = inject(LiveAnnouncer);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private grabStart = 0;\r\n\r\n  protected handleLabel(item: T): string {\r\n    return fillTemplate(this.labels().dragHandle, { item: this.itemLabel()(item) });\r\n  }\r\n\r\n  protected onDrop(event: CdkDragDrop<T[]>): void {\r\n    if (event.previousIndex === event.currentIndex) return;\r\n    this.commit(event.previousIndex, event.currentIndex);\r\n  }\r\n\r\n  protected onKeydown(event: KeyboardEvent, index: number): void {\r\n    const grabbed = this.grabbed();\r\n    const total = this.items().length;\r\n    const say = (template: string, position: number) =>\r\n      this.announcer.announce(\r\n        fillTemplate(template, {\r\n          item: this.itemLabel()(this.items()[position]!),\r\n          position: position + 1,\r\n          total,\r\n        }),\r\n      );\r\n\r\n    if (event.key === ' ' || event.key === 'Enter') {\r\n      event.preventDefault();\r\n      if (grabbed === null) {\r\n        this.grabStart = index;\r\n        this.grabbed.set(index);\r\n        say(this.labels().grabbed, index);\r\n      } else {\r\n        this.grabbed.set(null);\r\n        say(this.labels().dropped, grabbed);\r\n        if (grabbed !== this.grabStart)\r\n          this.moved.emit({ previousIndex: this.grabStart, currentIndex: grabbed });\r\n      }\r\n      return;\r\n    }\r\n    if (grabbed === null) return;\r\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\r\n      event.preventDefault();\r\n      const target = grabbed + (event.key === 'ArrowUp' ? -1 : 1);\r\n      if (target < 0 || target >= total) return;\r\n      this.items.set(moveItem(this.items(), grabbed, target));\r\n      this.grabbed.set(target);\r\n      say(this.labels().moved, target);\r\n      this.refocus(target);\r\n    } else if (event.key === 'Escape') {\r\n      event.preventDefault();\r\n      this.items.set(moveItem(this.items(), grabbed, this.grabStart));\r\n      this.grabbed.set(null);\r\n      say(this.labels().cancelled, this.grabStart);\r\n      this.refocus(this.grabStart);\r\n    }\r\n  }\r\n\r\n  protected cancelOnBlur(): void {\r\n    // Odak başka yere giderse (Tab) taşıma bitmiş sayılır — yerinde bırakılır.\r\n    queueMicrotask(() => {\r\n      const active = document.activeElement;\r\n      if (!this.host.nativeElement.contains(active)) this.grabbed.set(null);\r\n    });\r\n  }\r\n\r\n  private commit(from: number, to: number): void {\r\n    this.items.set(moveItem(this.items(), from, to));\r\n    this.moved.emit({ previousIndex: from, currentIndex: to });\r\n  }\r\n\r\n  /** Taşıma sonrası `@for` DOM'u yeniden sıraladığında odağı taşınan tutamakta tut. */\r\n  private refocus(index: number): void {\r\n    queueMicrotask(() => {\r\n      const handles = this.host.nativeElement.querySelectorAll<HTMLElement>(\r\n        '[cdkDragHandle], .cdk-drag-handle',\r\n      );\r\n      handles[index]?.focus();\r\n    });\r\n  }\r\n}\r\n","import { LiveAnnouncer } from '@angular/cdk/a11y';\r\nimport {\r\n  CdkDrag,\r\n  CdkDragPlaceholder,\r\n  CdkDropList,\r\n  CdkDropListGroup,\r\n  type CdkDragDrop,\r\n} from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ElementRef,\r\n  TemplateRef,\r\n  contentChild,\r\n  inject,\r\n  input,\r\n  model,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { MF_SORTABLE_LABELS, nextId } from '@mesgflow/ui-kit/core';\r\nimport { fillTemplate, moveItem } from './announcer';\r\n\r\nexport interface KanbanColumn<T> {\r\n  id: string;\r\n  title: string;\r\n  items: T[];\r\n  /** Sütun başlığındaki nokta rengi. */\r\n  tone?: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'help';\r\n  /** WIP sınırı — aşılınca sayaç uyarı tonuna döner. */\r\n  limit?: number;\r\n}\r\n\r\nexport interface KanbanMove<T> {\r\n  item: T;\r\n  from: string;\r\n  to: string;\r\n  index: number;\r\n}\r\n\r\nconst DOT: Record<NonNullable<KanbanColumn<unknown>['tone']>, string> = {\r\n  neutral: 'bg-fg-subtle',\r\n  primary: 'bg-accent',\r\n  success: 'bg-success',\r\n  warning: 'bg-warning',\r\n  danger: 'bg-danger',\r\n  info: 'bg-info',\r\n  help: 'bg-help',\r\n};\r\n\r\n/**\r\n * `<mf-kanban [(columns)]=\"board\" [itemLabel]=\"titleOf\" (moved)=\"save($event)\">\r\n *    <ng-template let-card>…kart içeriği…</ng-template>\r\n *  </mf-kanban>`\r\n *\r\n * Sütunlar arası sürükle-bırak (CDK `cdkDropListGroup`) + klavye modu:\r\n * karta odaklan → Boşluk/Enter al → ↑/↓ sütun içinde, ←/→ sütunlar arası →\r\n * Boşluk/Enter bırak · Escape geri al. Her adım ekran okuyucuya duyurulur.\r\n * Sütunlar yatay kaydırılır (mobilde de kullanılabilir).\r\n */\r\n@Component({\r\n  selector: 'mf-kanban',\r\n  exportAs: 'mfKanban',\r\n  imports: [CdkDropListGroup, CdkDropList, CdkDrag, CdkDragPlaceholder, NgTemplateOutlet],\r\n  host: { class: 'block' },\r\n  template: `\r\n    <p [id]=\"hintId\" class=\"sr-only\">{{ labels().instructions }}</p>\r\n    <div\r\n      cdkDropListGroup\r\n      class=\"flex gap-4 overflow-x-auto pb-2\"\r\n      [attr.aria-label]=\"ariaLabel() || null\"\r\n      role=\"group\"\r\n    >\r\n      @for (column of columns(); track column.id; let c = $index) {\r\n        <section\r\n          class=\"flex w-72 shrink-0 flex-col rounded-xl border border-hairline bg-surface-sunken\"\r\n          [attr.aria-labelledby]=\"hintId + '-col-' + c\"\r\n        >\r\n          <header class=\"flex items-center gap-2 px-3 pt-3 pb-2\">\r\n            <span class=\"h-2 w-2 rounded-full\" [class]=\"dot(column)\"></span>\r\n            <h3 [id]=\"hintId + '-col-' + c\" class=\"flex-1 truncate text-sm font-semibold text-fg\">\r\n              {{ column.title }}\r\n            </h3>\r\n            <span\r\n              class=\"rounded-full px-2 py-0.5 text-xs font-medium tabular-nums\"\r\n              [class]=\"\r\n                column.limit && column.items.length > column.limit\r\n                  ? 'bg-warning-tint text-warning-tint-fg'\r\n                  : 'bg-state-selected text-fg-muted'\r\n              \"\r\n              >{{ column.items.length }}{{ column.limit ? ' / ' + column.limit : '' }}</span\r\n            >\r\n          </header>\r\n          <ul\r\n            cdkDropList\r\n            [id]=\"hintId + '-list-' + c\"\r\n            [cdkDropListData]=\"column.id\"\r\n            (cdkDropListDropped)=\"onDrop($event)\"\r\n            class=\"m-0 flex min-h-24 flex-1 list-none flex-col gap-2 p-2 pt-0\"\r\n          >\r\n            @for (item of column.items; track $index; let i = $index) {\r\n              <li\r\n                cdkDrag\r\n                [cdkDragData]=\"item\"\r\n                class=\"cursor-grab rounded-lg active:cursor-grabbing\"\r\n              >\r\n                <div\r\n                  tabindex=\"0\"\r\n                  role=\"button\"\r\n                  [attr.aria-roledescription]=\"labels().card\"\r\n                  [attr.aria-describedby]=\"hintId\"\r\n                  [attr.aria-pressed]=\"isGrabbed(c, i)\"\r\n                  [attr.aria-label]=\"itemLabel()(item)\"\r\n                  (keydown)=\"onKeydown($event, c, i)\"\r\n                  class=\"rounded-lg border border-hairline bg-surface p-3 text-sm shadow-highlight outline-none transition-[box-shadow,border-color,translate] duration-fast ease-emphasis hover:border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n                  [class.border-accent]=\"isGrabbed(c, i)\"\r\n                  [class.shadow-2]=\"isGrabbed(c, i)\"\r\n                >\r\n                  <ng-container\r\n                    [ngTemplateOutlet]=\"template() ?? null\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: item, column: column.id }\"\r\n                  />\r\n                </div>\r\n                <div\r\n                  *cdkDragPlaceholder\r\n                  class=\"h-16 rounded-lg border-2 border-dashed border-accent/40 bg-primary-tint\"\r\n                ></div>\r\n              </li>\r\n            }\r\n          </ul>\r\n        </section>\r\n      }\r\n    </div>\r\n  `,\r\n})\r\nexport class Kanban<T> {\r\n  readonly columns = model.required<KanbanColumn<T>[]>();\r\n  readonly itemLabel = input<(item: T) => string>((item) => String(item));\r\n  readonly ariaLabel = input('');\r\n  readonly moved = output<KanbanMove<T>>();\r\n\r\n  protected readonly template = contentChild(TemplateRef<{ $implicit: T; column: string }>);\r\n  protected readonly labels = inject(MF_SORTABLE_LABELS);\r\n  protected readonly hintId = nextId('mf-kanban');\r\n  private readonly grabbed = signal<{ c: number; i: number } | null>(null);\r\n  private grabOrigin: { c: number; i: number } | null = null;\r\n\r\n  private readonly announcer = inject(LiveAnnouncer);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n  protected dot(column: KanbanColumn<T>): string {\r\n    return DOT[column.tone ?? 'neutral'];\r\n  }\r\n\r\n  protected isGrabbed(c: number, i: number): boolean {\r\n    const g = this.grabbed();\r\n    return !!g && g.c === c && g.i === i;\r\n  }\r\n\r\n  protected onDrop(event: CdkDragDrop<string>): void {\r\n    const from = this.columns().findIndex((col) => col.id === event.previousContainer.data);\r\n    const to = this.columns().findIndex((col) => col.id === event.container.data);\r\n    if (from < 0 || to < 0) return;\r\n    if (from === to && event.previousIndex === event.currentIndex) return;\r\n    this.move({ c: from, i: event.previousIndex }, { c: to, i: event.currentIndex });\r\n  }\r\n\r\n  protected onKeydown(event: KeyboardEvent, c: number, i: number): void {\r\n    const g = this.grabbed();\r\n    if (event.key === ' ' || event.key === 'Enter') {\r\n      event.preventDefault();\r\n      if (!g) {\r\n        this.grabOrigin = { c, i };\r\n        this.grabbed.set({ c, i });\r\n        this.say(this.labels().grabbed, { c, i });\r\n      } else {\r\n        this.grabbed.set(null);\r\n        this.say(this.labels().dropped, g);\r\n        const item = this.columns()[g.c]!.items[g.i]!;\r\n        const origin = this.grabOrigin!;\r\n        if (origin.c !== g.c || origin.i !== g.i) {\r\n          this.moved.emit({\r\n            item,\r\n            from: this.columns()[origin.c]!.id,\r\n            to: this.columns()[g.c]!.id,\r\n            index: g.i,\r\n          });\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    if (!g) return;\r\n    const cols = this.columns();\r\n    let target: { c: number; i: number } | null = null;\r\n    if (event.key === 'ArrowUp' && g.i > 0) target = { c: g.c, i: g.i - 1 };\r\n    else if (event.key === 'ArrowDown' && g.i < cols[g.c]!.items.length - 1)\r\n      target = { c: g.c, i: g.i + 1 };\r\n    else if (event.key === 'ArrowLeft' && g.c > 0)\r\n      target = { c: g.c - 1, i: Math.min(g.i, cols[g.c - 1]!.items.length) };\r\n    else if (event.key === 'ArrowRight' && g.c < cols.length - 1)\r\n      target = { c: g.c + 1, i: Math.min(g.i, cols[g.c + 1]!.items.length) };\r\n    else if (event.key === 'Escape' && this.grabOrigin) {\r\n      event.preventDefault();\r\n      this.transfer(g, this.grabOrigin);\r\n      this.grabbed.set(null);\r\n      this.say(this.labels().cancelled, this.grabOrigin);\r\n      this.focusCard(this.grabOrigin);\r\n      return;\r\n    }\r\n    if (!target) return;\r\n    event.preventDefault();\r\n    this.transfer(g, target);\r\n    this.grabbed.set(target);\r\n    this.say(target.c === g.c ? this.labels().moved : this.labels().movedToColumn, target);\r\n    this.focusCard(target);\r\n  }\r\n\r\n  private move(from: { c: number; i: number }, to: { c: number; i: number }): void {\r\n    const item = this.columns()[from.c]!.items[from.i]!;\r\n    this.transfer(from, to);\r\n    this.moved.emit({\r\n      item,\r\n      from: this.columns()[from.c]!.id,\r\n      to: this.columns()[to.c]!.id,\r\n      index: to.i,\r\n    });\r\n  }\r\n\r\n  private transfer(from: { c: number; i: number }, to: { c: number; i: number }): void {\r\n    this.columns.update((cols) => {\r\n      const next = cols.map((col) => ({ ...col, items: [...col.items] }));\r\n      if (from.c === to.c) {\r\n        next[from.c]!.items = moveItem(next[from.c]!.items, from.i, to.i);\r\n      } else {\r\n        const [item] = next[from.c]!.items.splice(from.i, 1);\r\n        next[to.c]!.items.splice(to.i, 0, item!);\r\n      }\r\n      return next;\r\n    });\r\n  }\r\n\r\n  private say(template: string, at: { c: number; i: number }): void {\r\n    const col = this.columns()[at.c]!;\r\n    this.announcer.announce(\r\n      fillTemplate(template, {\r\n        item: this.itemLabel()(col.items[at.i]!),\r\n        position: at.i + 1,\r\n        total: col.items.length,\r\n        column: col.title,\r\n      }),\r\n    );\r\n  }\r\n\r\n  private focusCard(at: { c: number; i: number }): void {\r\n    queueMicrotask(() => {\r\n      const list = this.host.nativeElement.querySelector(\r\n        `#${CSS.escape(this.hintId + '-list-' + at.c)}`,\r\n      );\r\n      list?.querySelectorAll<HTMLElement>('[role=button]')[at.i]?.focus();\r\n    });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}