@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-reorder-list.mjs

@@ -0,0 +1,601 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, ViewEncapsulation, afterRenderEffect, booleanAttribute, computed, effect, inject, input, model, output, signal } from "@angular/core";
+import { VdButton } from "@vadem/ui/button";
+import { vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+function vdReorderValid(items) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const item of items) {
+		if (typeof item.id !== "string" || !item.id.trim() || ids.has(item.id)) return false;
+		ids.add(item.id);
+	}
+	return true;
+}
+function vdReorderMove(items, from, to) {
+	if (!Number.isInteger(from) || !Number.isInteger(to) || from < 0 || to < 0 || from >= items.length || to >= items.length || from === to) return items;
+	const next = [...items];
+	const [item] = next.splice(from, 1);
+	next.splice(to, 0, item);
+	return next;
+}
+function vdReorderTarget(y, rows) {
+	if (!Number.isFinite(y) || !rows.length) return -1;
+	const index = rows.findIndex((row) => y < row.bottom);
+	return index < 0 ? rows.length - 1 : index;
+}
+var VdReorderList = class VdReorderList {
+	items = model([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	instructions = input(...ngDevMode ? [void 0, { debugName: "instructions" }] : /* istanbul ignore next */ []);
+	upText = input(...ngDevMode ? [void 0, { debugName: "upText" }] : /* istanbul ignore next */ []);
+	downText = input(...ngDevMode ? [void 0, { debugName: "downText" }] : /* istanbul ignore next */ []);
+	emptyText = input(...ngDevMode ? [void 0, { debugName: "emptyText" }] : /* istanbul ignore next */ []);
+	invalidText = input(...ngDevMode ? [void 0, { debugName: "invalidText" }] : /* istanbul ignore next */ []);
+	movedText = input(...ngDevMode ? [void 0, { debugName: "movedText" }] : /* istanbul ignore next */ []);
+	canceledText = input(...ngDevMode ? [void 0, { debugName: "canceledText" }] : /* istanbul ignore next */ []);
+	reordered = output();
+	t = vdTexts("reorderList", {
+		label: this.label,
+		instructions: this.instructions,
+		upText: this.upText,
+		downText: this.downText,
+		emptyText: this.emptyText,
+		invalidText: this.invalidText,
+		movedText: this.movedText,
+		canceledText: this.canceledText
+	});
+	valid = computed(() => vdReorderValid(this.items()), ...ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []);
+	instructionsId = vdUniqueId("vd-reorder-instructions");
+	draggingId = signal(null, ...ngDevMode ? [{ debugName: "draggingId" }] : /* istanbul ignore next */ []);
+	drop = signal(null, ...ngDevMode ? [{ debugName: "drop" }] : /* istanbul ignore next */ []);
+	messages = signal([], ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
+	host = inject(ElementRef).nativeElement;
+	drag = null;
+	focus = null;
+	serial = 0;
+	constructor() {
+		effect(() => {
+			const items = this.items(), disabled = this.disabled(), valid = this.valid();
+			if (this.drag && (disabled || !valid || items !== this.drag.items)) this.finish(true);
+			const active = this.host.ownerDocument.activeElement;
+			const row = active && this.host.contains(active) ? active.closest("[data-reorder-id]") : null;
+			this.focus = row && active ? {
+				element: active,
+				id: row.dataset["reorderId"],
+				index: Number(row.dataset["index"]),
+				action: active.dataset["action"]
+			} : null;
+		});
+		afterRenderEffect(() => {
+			this.items();
+			this.disabled();
+			this.valid();
+			const focus = this.focus;
+			this.focus = null;
+			if (!focus) return;
+			const active = this.host.ownerDocument.activeElement;
+			if (active === focus.element && !focus.element.matches(":disabled")) {
+				if (focus.action) focus.element.scrollIntoView({
+					block: "nearest",
+					inline: "nearest",
+					behavior: "instant"
+				});
+				return;
+			}
+			if (active && active !== this.host.ownerDocument.body && active !== focus.element) return;
+			const rows = this.rows();
+			const row = rows.find((row) => row.dataset["reorderId"] === focus.id) ?? rows[Math.min(focus.index, rows.length - 1)];
+			const buttons = row ? Array.from(row.querySelectorAll("button:not(:disabled)")) : [];
+			const target = (focus.action ? buttons.find((button) => button.dataset["action"] === focus.action) ?? buttons[0] : null) ?? (this.disabled() ? null : row) ?? this.list();
+			target?.focus({ preventScroll: true });
+			if (focus.action) target?.scrollIntoView({
+				block: "nearest",
+				inline: "nearest",
+				behavior: "instant"
+			});
+		});
+		inject(DestroyRef).onDestroy(() => this.finish(false));
+	}
+	move(id, delta) {
+		if (this.disabled() || !this.valid() || this.drag) return;
+		const from = this.items().findIndex((item) => item.id === id);
+		this.commit(from, from + delta, "buttons");
+	}
+	commit(from, to, method) {
+		const items = this.items(), next = vdReorderMove(items, from, to);
+		if (next === items) return;
+		const item = items[from];
+		this.items.set(next);
+		this.announce(this.t().movedText(item.label, to + 1, items.length));
+		this.reordered.emit({
+			id: item.id,
+			fromIndex: from,
+			toIndex: to,
+			method
+		});
+	}
+	start(event, id) {
+		if (!event.isPrimary || event.button !== 0 || this.disabled() || !this.valid() || this.items().length < 2 || this.drag) return;
+		const handle = event.currentTarget;
+		if (typeof handle.setPointerCapture !== "function") return;
+		try {
+			handle.setPointerCapture(event.pointerId);
+		} catch {
+			return;
+		}
+		event.preventDefault();
+		const row = handle.closest("[data-reorder-id]");
+		if (row && !row.contains(this.host.ownerDocument.activeElement)) row.focus({ preventScroll: true });
+		const from = this.items().findIndex((item) => item.id === id);
+		this.drag = {
+			pointer: event.pointerId,
+			handle,
+			items: this.items(),
+			id,
+			from,
+			x: event.clientX,
+			y: event.clientY,
+			active: false,
+			to: from
+		};
+	}
+	pointerMove(event) {
+		const drag = this.drag;
+		if (!drag || drag.pointer !== event.pointerId) return;
+		if (event.buttons === 0 || this.disabled() || this.items() !== drag.items) {
+			this.finish(true);
+			return;
+		}
+		if (!drag.active && Math.hypot(event.clientX - drag.x, event.clientY - drag.y) < 4) return;
+		drag.active = true;
+		this.draggingId.set(drag.id);
+		drag.to = this.target(event.clientX, event.clientY);
+		this.drop.set(drag.to < 0 || drag.to === drag.from ? null : {
+			id: drag.items[drag.to].id,
+			edge: drag.to > drag.from ? "after" : "before"
+		});
+	}
+	end(event) {
+		const drag = this.drag;
+		if (!drag || drag.pointer !== event.pointerId) return;
+		const to = this.target(event.clientX, event.clientY);
+		const commit = drag.active && to >= 0 && !this.disabled() && this.items() === drag.items;
+		this.finish(!commit);
+		if (commit) this.commit(drag.from, to, "pointer");
+	}
+	pointerCancel(event) {
+		if (event.pointerId === this.drag?.pointer) this.finish(true);
+	}
+	key(event) {
+		if (!this.drag || event.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;
+		if (event.key === "Escape" || event.key === "Tab") {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				event.stopPropagation();
+			}
+			this.finish(true);
+		}
+	}
+	target(x, y) {
+		const list = this.list();
+		if (!list) return -1;
+		const rect = list.getBoundingClientRect();
+		if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) return -1;
+		return vdReorderTarget(y, this.rows().map((row) => row.getBoundingClientRect()));
+	}
+	finish(announce) {
+		const drag = this.drag;
+		this.drag = null;
+		this.draggingId.set(null);
+		this.drop.set(null);
+		if (!drag) return;
+		if (drag.handle.hasPointerCapture?.(drag.pointer)) drag.handle.releasePointerCapture(drag.pointer);
+		if (announce && drag.active) this.announce(this.t().canceledText(drag.items[drag.from].label));
+	}
+	announce(text) {
+		this.messages.set([{
+			serial: ++this.serial,
+			text
+		}]);
+	}
+	list() {
+		return this.host.querySelector("ol");
+	}
+	rows() {
+		return Array.from(this.host.querySelectorAll("[data-reorder-id]"));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdReorderList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdReorderList,
+		isStandalone: true,
+		selector: "vd-reorder-list",
+		inputs: {
+			items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			instructions: {
+				classPropertyName: "instructions",
+				publicName: "instructions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			upText: {
+				classPropertyName: "upText",
+				publicName: "upText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			downText: {
+				classPropertyName: "downText",
+				publicName: "downText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyText: {
+				classPropertyName: "emptyText",
+				publicName: "emptyText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalidText: {
+				classPropertyName: "invalidText",
+				publicName: "invalidText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			movedText: {
+				classPropertyName: "movedText",
+				publicName: "movedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			canceledText: {
+				classPropertyName: "canceledText",
+				publicName: "canceledText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			items: "itemsChange",
+			reordered: "reordered"
+		},
+		host: {
+			listeners: { "keydown": "key($event)" },
+			properties: { "attr.data-state": "!valid() ? \"invalid\" : !items().length ? \"empty\" : disabled() ? \"disabled\" : draggingId() ? \"dragging\" : \"idle\"" },
+			classAttribute: "vd-reorder-list"
+		},
+		ngImport: i0,
+		template: `
+    <p class="vd-visually-hidden" [id]="instructionsId">{{ t().instructions }}</p>
+    <ol
+      class="vd-reorder-list__list"
+      role="list"
+      tabindex="-1"
+      [attr.aria-label]="t().label"
+      [attr.aria-describedby]="instructionsId"
+    >
+      @if (!valid()) {
+        <li class="vd-reorder-list__empty">{{ t().invalidText }}</li>
+      } @else {
+        @for (item of items(); track item.id; let index = $index) {
+          <li
+            class="vd-reorder-list__item"
+            tabindex="-1"
+            [attr.data-reorder-id]="item.id"
+            [attr.data-index]="index"
+            [attr.data-dragging]="draggingId() === item.id ? '' : null"
+            [attr.data-drop]="drop()?.id === item.id ? drop()?.edge : null"
+          >
+            <span
+              class="vd-reorder-list__grip"
+              [attr.data-disabled]="disabled() || items().length < 2 ? '' : null"
+              aria-hidden="true"
+              (pointerdown)="start($event, item.id)"
+              (pointermove)="pointerMove($event)"
+              (pointerup)="end($event)"
+              (pointercancel)="pointerCancel($event)"
+              (lostpointercapture)="pointerCancel($event)"
+              ><vd-icon name="arrow-up-down"
+            /></span>
+            <div class="vd-reorder-list__body">
+              <div class="vd-reorder-list__title">
+                <span class="vd-reorder-list__position" aria-hidden="true">{{ index + 1 }}</span
+                ><bdi>{{ item.label }}</bdi>
+              </div>
+              @if (item.description) {
+                <p class="vd-reorder-list__description">{{ item.description }}</p>
+              }
+            </div>
+            <div class="vd-reorder-list__actions">
+              <button
+                vdButton
+                variant="ghost"
+                size="sm"
+                type="button"
+                data-action="up"
+                [disabled]="disabled() || index === 0"
+                [attr.aria-label]="t().upText + ': ' + item.label"
+                (click)="move(item.id, -1)"
+              >
+                <vd-icon name="arrow-up" slot="start" />{{ t().upText }}
+              </button>
+              <button
+                vdButton
+                variant="ghost"
+                size="sm"
+                type="button"
+                data-action="down"
+                [disabled]="disabled() || index === items().length - 1"
+                [attr.aria-label]="t().downText + ': ' + item.label"
+                (click)="move(item.id, 1)"
+              >
+                <vd-icon name="arrow-down" slot="start" />{{ t().downText }}
+              </button>
+            </div>
+          </li>
+        } @empty {
+          <li class="vd-reorder-list__empty">{{ t().emptyText }}</li>
+        }
+      }
+    </ol>
+    <p class="vd-visually-hidden" role="status" aria-atomic="true">
+      @for (message of messages(); track message.serial) {
+        <span>{{ message.text }}</span>
+      }
+    </p>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdButton,
+			selector: "button[vdButton], a[vdButton]",
+			inputs: [
+				"variant",
+				"size",
+				"disabled",
+				"loading",
+				"iconOnly",
+				"type"
+			]
+		}, {
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdReorderList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-reorder-list",
+			imports: [VdButton, VdIcon],
+			template: `
+    <p class="vd-visually-hidden" [id]="instructionsId">{{ t().instructions }}</p>
+    <ol
+      class="vd-reorder-list__list"
+      role="list"
+      tabindex="-1"
+      [attr.aria-label]="t().label"
+      [attr.aria-describedby]="instructionsId"
+    >
+      @if (!valid()) {
+        <li class="vd-reorder-list__empty">{{ t().invalidText }}</li>
+      } @else {
+        @for (item of items(); track item.id; let index = $index) {
+          <li
+            class="vd-reorder-list__item"
+            tabindex="-1"
+            [attr.data-reorder-id]="item.id"
+            [attr.data-index]="index"
+            [attr.data-dragging]="draggingId() === item.id ? '' : null"
+            [attr.data-drop]="drop()?.id === item.id ? drop()?.edge : null"
+          >
+            <span
+              class="vd-reorder-list__grip"
+              [attr.data-disabled]="disabled() || items().length < 2 ? '' : null"
+              aria-hidden="true"
+              (pointerdown)="start($event, item.id)"
+              (pointermove)="pointerMove($event)"
+              (pointerup)="end($event)"
+              (pointercancel)="pointerCancel($event)"
+              (lostpointercapture)="pointerCancel($event)"
+              ><vd-icon name="arrow-up-down"
+            /></span>
+            <div class="vd-reorder-list__body">
+              <div class="vd-reorder-list__title">
+                <span class="vd-reorder-list__position" aria-hidden="true">{{ index + 1 }}</span
+                ><bdi>{{ item.label }}</bdi>
+              </div>
+              @if (item.description) {
+                <p class="vd-reorder-list__description">{{ item.description }}</p>
+              }
+            </div>
+            <div class="vd-reorder-list__actions">
+              <button
+                vdButton
+                variant="ghost"
+                size="sm"
+                type="button"
+                data-action="up"
+                [disabled]="disabled() || index === 0"
+                [attr.aria-label]="t().upText + ': ' + item.label"
+                (click)="move(item.id, -1)"
+              >
+                <vd-icon name="arrow-up" slot="start" />{{ t().upText }}
+              </button>
+              <button
+                vdButton
+                variant="ghost"
+                size="sm"
+                type="button"
+                data-action="down"
+                [disabled]="disabled() || index === items().length - 1"
+                [attr.aria-label]="t().downText + ': ' + item.label"
+                (click)="move(item.id, 1)"
+              >
+                <vd-icon name="arrow-down" slot="start" />{{ t().downText }}
+              </button>
+            </div>
+          </li>
+        } @empty {
+          <li class="vd-reorder-list__empty">{{ t().emptyText }}</li>
+        }
+      }
+    </ol>
+    <p class="vd-visually-hidden" role="status" aria-atomic="true">
+      @for (message of messages(); track message.serial) {
+        <span>{{ message.text }}</span>
+      }
+    </p>
+  `,
+			host: {
+				class: "vd-reorder-list",
+				"[attr.data-state]": "!valid() ? \"invalid\" : !items().length ? \"empty\" : disabled() ? \"disabled\" : draggingId() ? \"dragging\" : \"idle\"",
+				"(keydown)": "key($event)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["itemsChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		instructions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "instructions",
+				required: false
+			}]
+		}],
+		upText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "upText",
+				required: false
+			}]
+		}],
+		downText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "downText",
+				required: false
+			}]
+		}],
+		emptyText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyText",
+				required: false
+			}]
+		}],
+		invalidText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalidText",
+				required: false
+			}]
+		}],
+		movedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "movedText",
+				required: false
+			}]
+		}],
+		canceledText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "canceledText",
+				required: false
+			}]
+		}],
+		reordered: [{
+			type: i0.Output,
+			args: ["reordered"]
+		}]
+	}
+});
+export { VdReorderList };
+
+//# sourceMappingURL=vadem-ui-reorder-list.mjs.map

package/fesm2022/vadem-ui-reorder-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-reorder-list.mjs","names":[],"sources":["../../../projects/ui/reorder-list/src/core/reorder-list.ts","../../../projects/ui/reorder-list/src/reorder-list.ts"],"sourcesContent":["export function vdReorderValid(items: readonly { id: string }[]): boolean {\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (typeof item.id !== 'string' || !item.id.trim() || ids.has(item.id)) return false;\n    ids.add(item.id);\n  }\n  return true;\n}\n\nexport function vdReorderMove<T>(items: readonly T[], from: number, to: number): readonly T[] {\n  if (\n    !Number.isInteger(from) ||\n    !Number.isInteger(to) ||\n    from < 0 ||\n    to < 0 ||\n    from >= items.length ||\n    to >= items.length ||\n    from === to\n  )\n    return items;\n  const next = [...items];\n  const [item] = next.splice(from, 1);\n  next.splice(to, 0, item);\n  return next;\n}\n\n/** Existing stationary row rectangles; gaps resolve to the following row. */\nexport function vdReorderTarget(\n  y: number,\n  rows: readonly { top: number; bottom: number }[],\n): number {\n  if (!Number.isFinite(y) || !rows.length) return -1;\n  const index = rows.findIndex((row) => y < row.bottom);\n  return index < 0 ? rows.length - 1 : index;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ViewEncapsulation,\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { VdButton } from '@vadem/ui/button';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdTexts } from '@vadem/ui/locale';\nimport { vdReorderMove, vdReorderTarget, vdReorderValid } from './core/reorder-list';\n\nexport interface VdReorderListItem {\n  readonly id: string;\n  readonly label: string;\n  readonly description?: string;\n}\nexport interface VdReorderListChange {\n  readonly id: string;\n  readonly fromIndex: number;\n  readonly toIndex: number;\n  readonly method: 'buttons' | 'pointer';\n}\ninterface Drag {\n  pointer: number;\n  handle: HTMLElement;\n  items: readonly VdReorderListItem[];\n  id: string;\n  from: number;\n  x: number;\n  y: number;\n  active: boolean;\n  to: number;\n}\ninterface Focus {\n  element: HTMLElement;\n  id: string;\n  index: number;\n  action: string | undefined;\n}\n\n@Component({\n  selector: 'vd-reorder-list',\n  imports: [VdButton, VdIcon],\n  template: `\n    <p class=\"vd-visually-hidden\" [id]=\"instructionsId\">{{ t().instructions }}</p>\n    <ol\n      class=\"vd-reorder-list__list\"\n      role=\"list\"\n      tabindex=\"-1\"\n      [attr.aria-label]=\"t().label\"\n      [attr.aria-describedby]=\"instructionsId\"\n    >\n      @if (!valid()) {\n        <li class=\"vd-reorder-list__empty\">{{ t().invalidText }}</li>\n      } @else {\n        @for (item of items(); track item.id; let index = $index) {\n          <li\n            class=\"vd-reorder-list__item\"\n            tabindex=\"-1\"\n            [attr.data-reorder-id]=\"item.id\"\n            [attr.data-index]=\"index\"\n            [attr.data-dragging]=\"draggingId() === item.id ? '' : null\"\n            [attr.data-drop]=\"drop()?.id === item.id ? drop()?.edge : null\"\n          >\n            <span\n              class=\"vd-reorder-list__grip\"\n              [attr.data-disabled]=\"disabled() || items().length < 2 ? '' : null\"\n              aria-hidden=\"true\"\n              (pointerdown)=\"start($event, item.id)\"\n              (pointermove)=\"pointerMove($event)\"\n              (pointerup)=\"end($event)\"\n              (pointercancel)=\"pointerCancel($event)\"\n              (lostpointercapture)=\"pointerCancel($event)\"\n              ><vd-icon name=\"arrow-up-down\"\n            /></span>\n            <div class=\"vd-reorder-list__body\">\n              <div class=\"vd-reorder-list__title\">\n                <span class=\"vd-reorder-list__position\" aria-hidden=\"true\">{{ index + 1 }}</span\n                ><bdi>{{ item.label }}</bdi>\n              </div>\n              @if (item.description) {\n                <p class=\"vd-reorder-list__description\">{{ item.description }}</p>\n              }\n            </div>\n            <div class=\"vd-reorder-list__actions\">\n              <button\n                vdButton\n                variant=\"ghost\"\n                size=\"sm\"\n                type=\"button\"\n                data-action=\"up\"\n                [disabled]=\"disabled() || index === 0\"\n                [attr.aria-label]=\"t().upText + ': ' + item.label\"\n                (click)=\"move(item.id, -1)\"\n              >\n                <vd-icon name=\"arrow-up\" slot=\"start\" />{{ t().upText }}\n              </button>\n              <button\n                vdButton\n                variant=\"ghost\"\n                size=\"sm\"\n                type=\"button\"\n                data-action=\"down\"\n                [disabled]=\"disabled() || index === items().length - 1\"\n                [attr.aria-label]=\"t().downText + ': ' + item.label\"\n                (click)=\"move(item.id, 1)\"\n              >\n                <vd-icon name=\"arrow-down\" slot=\"start\" />{{ t().downText }}\n              </button>\n            </div>\n          </li>\n        } @empty {\n          <li class=\"vd-reorder-list__empty\">{{ t().emptyText }}</li>\n        }\n      }\n    </ol>\n    <p class=\"vd-visually-hidden\" role=\"status\" aria-atomic=\"true\">\n      @for (message of messages(); track message.serial) {\n        <span>{{ message.text }}</span>\n      }\n    </p>\n  `,\n  host: {\n    class: 'vd-reorder-list',\n    '[attr.data-state]':\n      '!valid() ? \"invalid\" : !items().length ? \"empty\" : disabled() ? \"disabled\" : draggingId() ? \"dragging\" : \"idle\"',\n    '(keydown)': 'key($event)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdReorderList {\n  readonly items = model<readonly VdReorderListItem[]>([]);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly label = input<string>();\n  readonly instructions = input<string>();\n  readonly upText = input<string>();\n  readonly downText = input<string>();\n  readonly emptyText = input<string>();\n  readonly invalidText = input<string>();\n  readonly movedText = input<(label: string, position: number, total: number) => string>();\n  readonly canceledText = input<(label: string) => string>();\n  readonly reordered = output<VdReorderListChange>();\n  protected readonly t = vdTexts('reorderList', {\n    label: this.label,\n    instructions: this.instructions,\n    upText: this.upText,\n    downText: this.downText,\n    emptyText: this.emptyText,\n    invalidText: this.invalidText,\n    movedText: this.movedText,\n    canceledText: this.canceledText,\n  });\n  protected readonly valid = computed(() => vdReorderValid(this.items()));\n  protected readonly instructionsId = vdUniqueId('vd-reorder-instructions');\n  protected readonly draggingId = signal<string | null>(null);\n  protected readonly drop = signal<{ id: string; edge: 'before' | 'after' } | null>(null);\n  protected readonly messages = signal<readonly { serial: number; text: string }[]>([]);\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  private drag: Drag | null = null;\n  private focus: Focus | null = null;\n  private serial = 0;\n\n  constructor() {\n    effect(() => {\n      const items = this.items(),\n        disabled = this.disabled(),\n        valid = this.valid();\n      if (this.drag && (disabled || !valid || items !== this.drag.items)) this.finish(true);\n      const active = this.host.ownerDocument.activeElement as HTMLElement | null;\n      const row =\n        active && this.host.contains(active)\n          ? active.closest<HTMLElement>('[data-reorder-id]')\n          : null;\n      this.focus =\n        row && active\n          ? {\n              element: active,\n              id: row.dataset['reorderId']!,\n              index: Number(row.dataset['index']),\n              action: active.dataset['action'],\n            }\n          : null;\n    });\n    afterRenderEffect(() => {\n      this.items();\n      this.disabled();\n      this.valid();\n      const focus = this.focus;\n      this.focus = null;\n      if (!focus) return;\n      const active = this.host.ownerDocument.activeElement;\n      if (active === focus.element && !focus.element.matches(':disabled')) {\n        if (focus.action)\n          focus.element.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n            behavior: 'instant',\n          });\n        return;\n      }\n      if (active && active !== this.host.ownerDocument.body && active !== focus.element) return;\n      const rows = this.rows();\n      const row =\n        rows.find((row) => row.dataset['reorderId'] === focus.id) ??\n        rows[Math.min(focus.index, rows.length - 1)];\n      const buttons = row\n        ? Array.from(row.querySelectorAll<HTMLButtonElement>('button:not(:disabled)'))\n        : [];\n      const action = focus.action\n        ? (buttons.find((button) => button.dataset['action'] === focus.action) ?? buttons[0])\n        : null;\n      const target = action ?? (this.disabled() ? null : row) ?? this.list();\n      target?.focus({ preventScroll: true });\n      if (focus.action)\n        target?.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'instant' });\n    });\n    inject(DestroyRef).onDestroy(() => this.finish(false));\n  }\n  protected move(id: string, delta: number): void {\n    if (this.disabled() || !this.valid() || this.drag) return;\n    const from = this.items().findIndex((item) => item.id === id);\n    this.commit(from, from + delta, 'buttons');\n  }\n  private commit(from: number, to: number, method: VdReorderListChange['method']): void {\n    const items = this.items(),\n      next = vdReorderMove(items, from, to);\n    if (next === items) return;\n    const item = items[from];\n    this.items.set(next);\n    this.announce(this.t().movedText(item.label, to + 1, items.length));\n    this.reordered.emit({ id: item.id, fromIndex: from, toIndex: to, method });\n  }\n  protected start(event: PointerEvent, id: string): void {\n    if (\n      !event.isPrimary ||\n      event.button !== 0 ||\n      this.disabled() ||\n      !this.valid() ||\n      this.items().length < 2 ||\n      this.drag\n    )\n      return;\n    const handle = event.currentTarget as HTMLElement;\n    if (typeof handle.setPointerCapture !== 'function') return;\n    try {\n      handle.setPointerCapture(event.pointerId);\n    } catch {\n      return;\n    }\n    event.preventDefault();\n    const row = handle.closest<HTMLElement>('[data-reorder-id]');\n    if (row && !row.contains(this.host.ownerDocument.activeElement))\n      row.focus({ preventScroll: true });\n    const from = this.items().findIndex((item) => item.id === id);\n    this.drag = {\n      pointer: event.pointerId,\n      handle,\n      items: this.items(),\n      id,\n      from,\n      x: event.clientX,\n      y: event.clientY,\n      active: false,\n      to: from,\n    };\n  }\n  protected pointerMove(event: PointerEvent): void {\n    const drag = this.drag;\n    if (!drag || drag.pointer !== event.pointerId) return;\n    if (event.buttons === 0 || this.disabled() || this.items() !== drag.items) {\n      this.finish(true);\n      return;\n    }\n    if (!drag.active && Math.hypot(event.clientX - drag.x, event.clientY - drag.y) < 4) return;\n    drag.active = true;\n    this.draggingId.set(drag.id);\n    drag.to = this.target(event.clientX, event.clientY);\n    this.drop.set(\n      drag.to < 0 || drag.to === drag.from\n        ? null\n        : { id: drag.items[drag.to].id, edge: drag.to > drag.from ? 'after' : 'before' },\n    );\n  }\n  protected end(event: PointerEvent): void {\n    const drag = this.drag;\n    if (!drag || drag.pointer !== event.pointerId) return;\n    const to = this.target(event.clientX, event.clientY);\n    const commit = drag.active && to >= 0 && !this.disabled() && this.items() === drag.items;\n    this.finish(!commit);\n    if (commit) this.commit(drag.from, to, 'pointer');\n  }\n  protected pointerCancel(event: PointerEvent): void {\n    if (event.pointerId === this.drag?.pointer) this.finish(true);\n  }\n  protected key(event: KeyboardEvent): void {\n    if (!this.drag || event.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n      this.finish(true);\n    }\n  }\n  private target(x: number, y: number): number {\n    const list = this.list();\n    if (!list) return -1;\n    const rect = list.getBoundingClientRect();\n    if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) return -1;\n    return vdReorderTarget(\n      y,\n      this.rows().map((row) => row.getBoundingClientRect()),\n    );\n  }\n  private finish(announce: boolean): void {\n    const drag = this.drag;\n    this.drag = null;\n    this.draggingId.set(null);\n    this.drop.set(null);\n    if (!drag) return;\n    if (drag.handle.hasPointerCapture?.(drag.pointer))\n      drag.handle.releasePointerCapture(drag.pointer);\n    if (announce && drag.active) this.announce(this.t().canceledText(drag.items[drag.from].label));\n  }\n  private announce(text: string): void {\n    this.messages.set([{ serial: ++this.serial, text }]);\n  }\n  private list(): HTMLOListElement | null {\n    return this.host.querySelector('ol');\n  }\n  private rows(): HTMLElement[] {\n    return Array.from(this.host.querySelectorAll<HTMLElement>('[data-reorder-id]'));\n  }\n}\n"],"mappings":"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"}