@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/server/components/kanban-board/index.js

@@ -1,1146 +1,16 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/kanban-board/kanban-board.svelte
-import * as $4 from "svelte/internal/server";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/utilities/sortable-controller.svelte.ts
-import * as $ from "svelte/internal/server";
-import { createContext } from "svelte";
-var [getSortableContext, setSortableContext] = createContext();
-var defaultAnnouncements = {
-  lifted: (itemLabel, position, total) => `${itemLabel}, lifted. Current position ${position} of ${total}. Use arrow keys to move. Space to drop, Escape to cancel.`,
-  moved: (itemLabel, position, total) => `${itemLabel}, moved to position ${position} of ${total}.`,
-  dropped: (itemLabel, position, total) => `${itemLabel}, dropped at position ${position} of ${total}.`,
-  cancelled: (itemLabel) => `Reorder cancelled. ${itemLabel} returned to original position.`
-};
-
-class SortableController {
-  phase = "idle";
-  liftedKey = null;
-  liftedLabel = "";
-  liftedFrom = 0;
-  liftedTo = 0;
-  #announce;
-  #announcements;
-  constructor(options) {
-    this.#announce = options.announce;
-    this.#announcements = { ...defaultAnnouncements, ...options.announcements };
-  }
-  lift(key, fromIndex, itemLabel, total) {
-    if (this.phase === "lifted")
-      return;
-    this.phase = "lifted";
-    this.liftedKey = key;
-    this.liftedLabel = itemLabel;
-    this.liftedFrom = fromIndex;
-    this.liftedTo = fromIndex;
-    this.#announce(this.#announcements.lifted(itemLabel, fromIndex + 1, total));
-  }
-  move(toIndex, itemLabel, total, options = {}) {
-    if (this.phase !== "lifted")
-      return false;
-    const clamped = Math.max(0, Math.min(total - 1, toIndex));
-    if (clamped === this.liftedTo)
-      return false;
-    this.liftedTo = clamped;
-    if (options.announce !== false) {
-      this.#announce(this.#announcements.moved(itemLabel, clamped + 1, total));
-    }
-    return true;
-  }
-  drop(items, itemLabel) {
-    if (this.phase !== "lifted" || this.liftedKey === null)
-      return null;
-    const fromIndex = this.liftedFrom;
-    const toIndex = this.liftedTo;
-    const itemKey = this.liftedKey;
-    this.#announce(this.#announcements.dropped(itemLabel, toIndex + 1, items.length));
-    this.#reset();
-    if (fromIndex === toIndex)
-      return null;
-    if (fromIndex < 0 || fromIndex >= items.length || toIndex < 0 || toIndex >= items.length) {
-      return null;
-    }
-    const nextItems = reorder(items, fromIndex, toIndex);
-    return { nextItems, change: { itemKey, fromIndex, toIndex } };
-  }
-  completeDrop(itemLabel, total) {
-    if (this.phase !== "lifted")
-      return;
-    const boundedTotal = Math.max(1, total);
-    const position = Math.max(1, Math.min(this.liftedTo + 1, boundedTotal));
-    this.#announce(this.#announcements.dropped(itemLabel, position, boundedTotal));
-    this.#reset();
-  }
-  cancel(itemLabel) {
-    if (this.phase !== "lifted")
-      return;
-    this.#announce(this.#announcements.cancelled(itemLabel ?? this.liftedLabel));
-    this.#reset();
-  }
-  reconcileLiftedKey(items, getKey) {
-    if (this.phase !== "lifted" || this.liftedKey === null)
-      return;
-    const currentIndex = items.findIndex((it) => getKey(it) === this.liftedKey);
-    if (currentIndex < 0) {
-      this.#announce(this.#announcements.cancelled(this.liftedLabel));
-      this.#reset();
-      return;
-    }
-    this.liftedTo = Math.max(0, Math.min(items.length - 1, this.liftedTo));
-    if (currentIndex !== this.liftedFrom) {
-      this.liftedFrom = currentIndex;
-    }
-  }
-  #reset() {
-    this.phase = "idle";
-    this.liftedKey = null;
-    this.liftedLabel = "";
-    this.liftedFrom = 0;
-    this.liftedTo = 0;
-  }
-}
-function reorder(items, fromIndex, toIndex) {
-  const result = [...items];
-  const spliced = result.splice(fromIndex, 1);
-  if (spliced.length === 0)
-    return result;
-  result.splice(toIndex, 0, ...spliced);
-  return result;
-}
-
-// src/utilities/use-announcer.svelte.ts
-import * as $2 from "svelte/internal/server";
-function useAnnouncer(options) {
-  const { clearDelay = 1000, debounceMs = 0 } = options ?? {};
-  let message = "";
-  let debounceTimeout = null;
-  let setMessageTimeout = null;
-  let autoClearTimeout = null;
-  function setMessage(text) {
-    if (setMessageTimeout) {
-      globalThis.clearTimeout(setMessageTimeout);
-      setMessageTimeout = null;
-    }
-    if (autoClearTimeout) {
-      globalThis.clearTimeout(autoClearTimeout);
-      autoClearTimeout = null;
-    }
-    message = "";
-    setMessageTimeout = globalThis.setTimeout(() => {
-      setMessageTimeout = null;
-      message = text;
-      autoClearTimeout = globalThis.setTimeout(() => {
-        message = "";
-        autoClearTimeout = null;
-      }, clearDelay);
-    }, 0);
-  }
-  function announce(text) {
-    if (debounceMs > 0) {
-      if (debounceTimeout) {
-        globalThis.clearTimeout(debounceTimeout);
-      }
-      debounceTimeout = globalThis.setTimeout(() => {
-        debounceTimeout = null;
-        setMessage(text);
-      }, debounceMs);
-    } else {
-      setMessage(text);
-    }
-  }
-  function clear() {
-    if (debounceTimeout) {
-      globalThis.clearTimeout(debounceTimeout);
-      debounceTimeout = null;
-    }
-    if (setMessageTimeout) {
-      globalThis.clearTimeout(setMessageTimeout);
-      setMessageTimeout = null;
-    }
-    if (autoClearTimeout) {
-      globalThis.clearTimeout(autoClearTimeout);
-      autoClearTimeout = null;
-    }
-    message = "";
-  }
-  function destroy() {
-    clear();
-  }
-  return {
-    get message() {
-      return message;
-    },
-    announce,
-    clear,
-    destroy
-  };
-}
-
-// src/components/_sortable-item.svelte
-import * as $3 from "svelte/internal/server";
-function _sortable_item($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const rowId = $3.props_id($$renderer2);
-    let {
-      item: _item,
-      itemKey,
-      index,
-      itemLabel,
-      formatHandleLabel,
-      children,
-      handle,
-      instructionsId,
-      total,
-      class: className
-    } = $$props;
-    const context = getSortableContext();
-    let handleEl = null;
-    let rowEl = null;
-    let pointerActive = false;
-    let pointerId = null;
-    let moveRafHandle = null;
-    let scrollRafHandle = null;
-    let latestPointerY = 0;
-    let latestPointerX = 0;
-    let listEl = null;
-    let windowPointerListenersActive = false;
-    let previewX = 0;
-    let previewY = 0;
-    let isDraggingWithPointer = false;
-    let previewWidth = 0;
-    let previewHeight = 0;
-    let previewPortalEl = null;
-    const isLifted = $3.derived(() => context.controller.phase === "lifted" && context.controller.liftedKey === itemKey);
-    const isDropTarget = $3.derived(() => context.controller.phase === "lifted" && context.controller.liftedTo === index);
-    const itemContext = {
-      get isLifted() {
-        return isLifted();
-      },
-      get isDropTarget() {
-        return isDropTarget();
-      },
-      get visualIndex() {
-        return index;
-      },
-      get total() {
-        return total;
-      }
-    };
-    const handleLabel = $3.derived(() => formatHandleLabel(itemLabel));
-    let grabOffsetX = 0;
-    let grabOffsetY = 0;
-    function createPreviewPortal(pointerX, pointerY) {
-      if (typeof document === "undefined")
-        return;
-      if (previewPortalEl)
-        return;
-      if (!rowEl)
-        return;
-      const rect = rowEl.getBoundingClientRect();
-      previewWidth = rect.width;
-      previewHeight = rect.height;
-      grabOffsetX = pointerX - rect.left;
-      grabOffsetY = pointerY - rect.top;
-      const portal = document.createElement("div");
-      portal.setAttribute("data-cinder-drag-preview", "");
-      portal.setAttribute("aria-hidden", "true");
-      portal.setAttribute("inert", "");
-      portal.className = "cinder-sortable-drag-preview";
-      const clone = rowEl.cloneNode(true);
-      clone.removeAttribute("data-sortable-row");
-      clone.removeAttribute("data-key");
-      clone.removeAttribute("data-key-type");
-      clone.removeAttribute("data-row-id");
-      clone.removeAttribute("id");
-      clone.querySelectorAll("[id]").forEach((descendant) => {
-        descendant.removeAttribute("id");
-      });
-      portal.appendChild(clone);
-      portal.style.setProperty("--preview-width", `${previewWidth}px`);
-      portal.style.setProperty("--preview-height", `${previewHeight}px`);
-      portal.style.setProperty("--preview-left", `${rect.left}px`);
-      portal.style.setProperty("--preview-top", `${rect.top}px`);
-      portal.style.setProperty("--preview-dx", "0px");
-      portal.style.setProperty("--preview-dy", "0px");
-      document.body.appendChild(portal);
-      previewPortalEl = portal;
-      isDraggingWithPointer = true;
-    }
-    function updatePreviewPosition(pointerX, pointerY) {
-      if (!previewPortalEl || !rowEl)
-        return;
-      if (typeof document === "undefined")
-        return;
-      const rect = rowEl.getBoundingClientRect();
-      const dx = pointerX - grabOffsetX - rect.left;
-      const dy = pointerY - grabOffsetY - rect.top;
-      previewPortalEl.style.setProperty("--preview-left", `${rect.left}px`);
-      previewPortalEl.style.setProperty("--preview-top", `${rect.top}px`);
-      previewPortalEl.style.setProperty("--preview-dx", `${dx}px`);
-      previewPortalEl.style.setProperty("--preview-dy", `${dy}px`);
-      previewX = pointerX;
-      previewY = pointerY;
-    }
-    function destroyPreviewPortal() {
-      if (moveRafHandle !== null) {
-        cancelAnimationFrame(moveRafHandle);
-        moveRafHandle = null;
-      }
-      if (previewPortalEl) {
-        previewPortalEl.remove();
-        previewPortalEl = null;
-      }
-      isDraggingWithPointer = false;
-    }
-    function addWindowPointerListeners() {
-      if (windowPointerListenersActive || typeof window === "undefined")
-        return;
-      window.addEventListener("pointerup", handleWindowPointerUp);
-      window.addEventListener("pointercancel", handleWindowPointerCancel);
-      windowPointerListenersActive = true;
-    }
-    function removeWindowPointerListeners() {
-      if (!windowPointerListenersActive || typeof window === "undefined")
-        return;
-      window.removeEventListener("pointerup", handleWindowPointerUp);
-      window.removeEventListener("pointercancel", handleWindowPointerCancel);
-      windowPointerListenersActive = false;
-    }
-    function endPointerSession(reason) {
-      if (reason === "drop") {
-        if (moveRafHandle !== null) {
-          cancelAnimationFrame(moveRafHandle);
-          moveRafHandle = null;
-        }
-        recomputeTarget();
-        updatePreviewPosition(latestPointerX, latestPointerY);
-      } else {
-        if (moveRafHandle !== null) {
-          cancelAnimationFrame(moveRafHandle);
-          moveRafHandle = null;
-        }
-      }
-      if (scrollRafHandle !== null) {
-        cancelAnimationFrame(scrollRafHandle);
-        scrollRafHandle = null;
-      }
-      if (pointerId !== null && handleEl?.hasPointerCapture(pointerId)) {
-        try {
-          handleEl.releasePointerCapture(pointerId);
-        } catch {}
-      }
-      destroyPreviewPortal();
-      removeWindowPointerListeners();
-      pointerActive = false;
-      pointerId = null;
-      listEl = null;
-      if (reason === "drop") {
-        context.commitDrop(itemKey, itemLabel);
-      } else {
-        context.cancel(itemLabel);
-      }
-    }
-    function scheduleAutoScroll() {
-      if (!pointerActive)
-        return;
-      const SCROLL_ZONE = 32;
-      const SCROLL_SPEED = 8;
-      const viewportHeight = window.innerHeight;
-      scrollRafHandle = requestAnimationFrame(() => {
-        scrollRafHandle = null;
-        if (!pointerActive)
-          return;
-        if (latestPointerY < SCROLL_ZONE) {
-          window.scrollBy(0, -SCROLL_SPEED);
-          recomputeTarget();
-          scheduleAutoScroll();
-        } else if (latestPointerY > viewportHeight - SCROLL_ZONE) {
-          window.scrollBy(0, SCROLL_SPEED);
-          recomputeTarget();
-          scheduleAutoScroll();
-        }
-      });
-    }
-    function recomputeTarget() {
-      if (!pointerActive)
-        return;
-      if (context.getPointerTarget) {
-        const target2 = context.getPointerTarget({
-          activeKey: itemKey,
-          pointerX: latestPointerX,
-          pointerY: latestPointerY,
-          itemLabel
-        });
-        if (target2)
-          context.move(target2.index, itemLabel, target2.total);
-        return;
-      }
-      if (!listEl)
-        return;
-      const rows = Array.from(listEl.querySelectorAll(":scope > [data-sortable-row]"));
-      const nonLifted = rows.filter((r) => r.dataset["rowId"] !== String(rowId));
-      const midpoints = nonLifted.map((r) => {
-        const rect = r.getBoundingClientRect();
-        return rect.top + rect.height / 2;
-      });
-      const insertionIndex = midpoints.filter((m) => m < latestPointerY).length;
-      const target = Math.max(0, Math.min(insertionIndex, total - 1));
-      context.move(target, itemLabel, total);
-    }
-    function handlePointerDown(event) {
-      if (pointerActive)
-        return;
-      if (event.button !== 0 && event.pointerType === "mouse")
-        return;
-      if (!handleEl)
-        return;
-      listEl = handleEl.closest(".cinder-sortable-list");
-      event.preventDefault();
-      pointerActive = true;
-      pointerId = event.pointerId;
-      latestPointerX = event.clientX;
-      latestPointerY = event.clientY;
-      handleEl.setPointerCapture(event.pointerId);
-      context.lift(itemKey, index, itemLabel, total);
-      if (context.controller.phase !== "lifted" || context.controller.liftedKey !== itemKey) {
-        try {
-          handleEl.releasePointerCapture(event.pointerId);
-        } catch {}
-        pointerActive = false;
-        pointerId = null;
-        listEl = null;
-        return;
-      }
-      createPreviewPortal(event.clientX, event.clientY);
-      updatePreviewPosition(event.clientX, event.clientY);
-      addWindowPointerListeners();
-      scheduleAutoScroll();
-    }
-    function handlePointerMove(event) {
-      if (!pointerActive)
-        return;
-      latestPointerX = event.clientX;
-      latestPointerY = event.clientY;
-      if (moveRafHandle === null) {
-        moveRafHandle = requestAnimationFrame(() => {
-          moveRafHandle = null;
-          recomputeTarget();
-          updatePreviewPosition(latestPointerX, latestPointerY);
-        });
-      }
-      if (scrollRafHandle === null) {
-        scheduleAutoScroll();
-      }
-    }
-    function handlePointerUp(_event) {
-      if (!pointerActive)
-        return;
-      endPointerSession("drop");
-    }
-    function handlePointerCancel(_event) {
-      if (!pointerActive)
-        return;
-      endPointerSession("cancel");
-    }
-    function handleWindowPointerUp(event) {
-      if (!pointerActive || pointerId !== null && event.pointerId !== pointerId)
-        return;
-      endPointerSession("drop");
-    }
-    function handleWindowPointerCancel(event) {
-      if (!pointerActive || pointerId !== null && event.pointerId !== pointerId)
-        return;
-      endPointerSession("cancel");
-    }
-    function handleKeyDown(event) {
-      const { key } = event;
-      if (!isLifted()) {
-        if (key === " " || key === "Enter") {
-          event.preventDefault();
-          context.lift(itemKey, index, itemLabel, total);
-        }
-        return;
-      }
-      switch (key) {
-        case "ArrowLeft":
-        case "ArrowRight":
-          if (context.handleLiftedKeydown?.({ event, itemKey, itemLabel, index, total }) === true) {
-            return;
-          }
-          break;
-        case " ":
-        case "Enter":
-          event.preventDefault();
-          if (pointerActive) {
-            endPointerSession("drop");
-          } else {
-            context.commitDrop(itemKey, itemLabel);
-          }
-          break;
-        case "ArrowDown":
-          event.preventDefault();
-          context.move(context.controller.liftedTo + 1, itemLabel, total);
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          context.move(context.controller.liftedTo - 1, itemLabel, total);
-          break;
-        case "Home":
-          event.preventDefault();
-          context.move(0, itemLabel, total);
-          break;
-        case "End":
-          event.preventDefault();
-          context.move(total - 1, itemLabel, total);
-          break;
-        case "Escape":
-          event.preventDefault();
-          if (pointerActive) {
-            endPointerSession("cancel");
-          } else {
-            context.cancel(itemLabel);
-          }
-          break;
-        case "Tab":
-          if (pointerActive) {
-            endPointerSession("cancel");
-          } else {
-            context.cancel(itemLabel);
-          }
-          break;
-      }
-    }
-    $$renderer2.push(`<li data-sortable-row=""${$3.attr("data-key", itemKey)}${$3.attr("data-key-type", typeof itemKey)}${$3.attr("data-row-id", rowId)}${$3.attr("data-preview-x", isDraggingWithPointer ? previewX : undefined)}${$3.attr("data-preview-y", isDraggingWithPointer ? previewY : undefined)} aria-roledescription="sortable item"${$3.attr_class($3.clsx(classNames("cinder-sortable-item", isLifted() && isDraggingWithPointer && "cinder-sortable-item--placeholder", isLifted() && !isDraggingWithPointer && "cinder-sortable-item--lifted", !isLifted() && context.controller.phase === "lifted" && "cinder-sortable-item--shifting", className)))}>`);
-    children($$renderer2, itemContext);
-    $$renderer2.push(`<!----> <button type="button" class="cinder-sortable-handle"${$3.attr("aria-label", handleLabel())}${$3.attr("aria-pressed", isLifted())}${$3.attr("aria-describedby", instructionsId)}>`);
-    if (handle) {
-      $$renderer2.push("<!--[0-->");
-      handle($$renderer2, { pressed: isLifted(), label: handleLabel() });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M2 4h12v1.5H2zM2 7.25h12v1.5H2zM2 10.5h12v1.5H2z"></path></svg>`);
-    }
-    $$renderer2.push(`<!--]--></button></li>`);
-  });
-}
-
-// src/components/kanban-board/kanban-board-helpers.ts
-function validateKanbanBoardKeys(columns, getCardKey) {
-  const columnKeys = new Set;
-  const duplicateColumnKeys = new Set;
-  const cardKeys = new Set;
-  const duplicateCardKeys = new Set;
-  for (const column of columns) {
-    if (columnKeys.has(column.id))
-      duplicateColumnKeys.add(column.id);
-    columnKeys.add(column.id);
-    for (const card of column.cards) {
-      const cardKey = getCardKey(card);
-      if (cardKeys.has(cardKey))
-        duplicateCardKeys.add(cardKey);
-      cardKeys.add(cardKey);
-    }
-  }
-  return {
-    valid: duplicateColumnKeys.size === 0 && duplicateCardKeys.size === 0,
-    duplicateColumnKeys,
-    duplicateCardKeys
-  };
-}
-function findCard(columns, getCardKey, cardKey) {
-  for (const [columnIndex, column] of columns.entries()) {
-    const cardIndex = column.cards.findIndex((card2) => getCardKey(card2) === cardKey);
-    const card = column.cards[cardIndex];
-    if (cardIndex >= 0 && card !== undefined) {
-      return {
-        card,
-        cardKey,
-        column,
-        columnIndex,
-        cardIndex
-      };
-    }
-  }
-  return null;
-}
-function buildCardLocationMap(columns, getCardKey) {
-  const locations = new Map;
-  for (const [columnIndex, column] of columns.entries()) {
-    column.cards.forEach((card, cardIndex) => {
-      const cardKey = getCardKey(card);
-      if (locations.has(cardKey))
-        return;
-      locations.set(cardKey, { card, cardKey, column, columnIndex, cardIndex });
-    });
-  }
-  return locations;
-}
-function moveKanbanCard(columns, getCardKey, cardKey, target) {
-  const located = findCard(columns, getCardKey, cardKey);
-  if (!located)
-    return null;
-  const targetColumn = columns[target.columnIndex];
-  if (!targetColumn || targetColumn.collapsed)
-    return null;
-  const fromColumn = located.column;
-  const targetLength = target.columnIndex === located.columnIndex ? fromColumn.cards.length : targetColumn.cards.length;
-  const toIndex = Math.max(0, Math.min(target.cardIndex, Math.max(0, targetLength - 1)));
-  const crossColumnToIndex = Math.max(0, Math.min(target.cardIndex, targetColumn.cards.length));
-  if (target.columnIndex === located.columnIndex) {
-    if (located.cardIndex === toIndex)
-      return null;
-    const nextColumns2 = columns.map((column, index) => index === located.columnIndex ? { ...column, cards: reorder(column.cards, located.cardIndex, toIndex) } : column);
-    return {
-      nextColumns: nextColumns2,
-      change: {
-        type: "card",
-        cardKey,
-        fromColumnKey: fromColumn.id,
-        toColumnKey: fromColumn.id,
-        fromIndex: located.cardIndex,
-        toIndex
-      }
-    };
-  }
-  const nextColumns = columns.map((column, index) => {
-    if (index === located.columnIndex) {
-      return {
-        ...column,
-        cards: column.cards.filter((_, cardIndex) => cardIndex !== located.cardIndex)
-      };
-    }
-    if (index === target.columnIndex) {
-      const cards = [...column.cards];
-      cards.splice(crossColumnToIndex, 0, located.card);
-      return { ...column, cards };
-    }
-    return column;
-  });
-  return {
-    nextColumns,
-    change: {
-      type: "card",
-      cardKey,
-      fromColumnKey: fromColumn.id,
-      toColumnKey: targetColumn.id,
-      fromIndex: located.cardIndex,
-      toIndex: crossColumnToIndex
-    }
-  };
-}
-function moveKanbanColumn(columns, columnKey, toIndex) {
-  const fromIndex = columns.findIndex((column) => column.id === columnKey);
-  if (fromIndex < 0)
-    return null;
-  const clamped = Math.max(0, Math.min(toIndex, columns.length - 1));
-  if (fromIndex === clamped)
-    return null;
-  return {
-    nextColumns: reorder(columns, fromIndex, clamped),
-    change: { type: "column", columnKey, fromIndex, toIndex: clamped }
-  };
-}
-function toggleKanbanColumn(columns, columnKey) {
-  const columnIndex = columns.findIndex((column2) => column2.id === columnKey);
-  const column = columns[columnIndex];
-  if (columnIndex < 0 || column === undefined)
-    return null;
-  const collapsed = !column.collapsed;
-  return {
-    nextColumns: columns.map((current, index) => index === columnIndex ? { ...current, collapsed } : current),
-    change: { type: "collapse", columnKey, collapsed }
-  };
-}
-function findNextVisibleColumn(columns, fromColumnIndex, direction) {
-  for (let index = fromColumnIndex + direction;index >= 0 && index < columns.length; index += direction) {
-    if (!columns[index]?.collapsed)
-      return index;
-  }
-  return null;
-}
-
-// src/components/kanban-board/kanban-board.svelte
-function Kanban_board($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const baseId = $4.props_id($$renderer2);
-    let {
-      columns,
-      getCardKey,
-      getCardLabel,
-      onchange,
-      card,
-      columnHeader,
-      columnActions,
-      emptyColumn,
-      label,
-      collapsible = false,
-      reorderColumns = true,
-      class: className
-    } = $$props;
-    const announcer = useAnnouncer({ clearDelay: 5000 });
-    const cardController = new SortableController({
-      announce: (message) => announcer.announce(message),
-      announcements: {
-        lifted: (itemLabel, position, total) => `${itemLabel} lifted from position ${position} of ${total}. Use arrow keys to move, Space to drop, Escape to cancel.`,
-        moved: (itemLabel, position, total) => `${itemLabel} moved to position ${position} of ${total}.`,
-        dropped: (itemLabel, position, total) => `${itemLabel} dropped at position ${position} of ${total}.`,
-        cancelled: (itemLabel) => `${itemLabel} move cancelled.`
-      }
-    });
-    const instructionsId = `${baseId}-instructions`;
-    const columnInstructionsId = `${baseId}-column-instructions`;
-    let columnsElement = null;
-    let cardTarget = null;
-    let pointerColumnIndex = null;
-    let columnLiftedKey = null;
-    let columnTargetIndex = null;
-    let crossColumnPlaceholderBlockSize = null;
-    let lastInvalidKeyWarning = "";
-    const keyValidation = $4.derived(() => validateKanbanBoardKeys(columns, getCardKey));
-    const invalidKeys = $4.derived(() => !keyValidation().valid);
-    const cardLocations = $4.derived(() => buildCardLocationMap(columns, getCardKey));
-    const visualColumns = $4.derived(() => {
-      if (cardController.phase !== "lifted" || cardController.liftedKey === null || !cardTarget) {
-        return columns;
-      }
-      const located = findCard(columns, getCardKey, cardController.liftedKey);
-      if (!located || located.columnIndex !== cardTarget.columnIndex)
-        return columns;
-      return moveKanbanCard(columns, getCardKey, cardController.liftedKey, cardTarget)?.nextColumns ?? columns;
-    });
-    const crossColumnCardTarget = $4.derived(() => {
-      if (cardController.phase !== "lifted" || cardController.liftedKey === null || !cardTarget) {
-        return null;
-      }
-      const located = findCard(columns, getCardKey, cardController.liftedKey);
-      const targetColumn = columns[cardTarget.columnIndex];
-      if (!located || !targetColumn || targetColumn.collapsed)
-        return null;
-      if (located.columnIndex === cardTarget.columnIndex)
-        return null;
-      return {
-        columnIndex: cardTarget.columnIndex,
-        cardIndex: Math.max(0, Math.min(cardTarget.cardIndex, targetColumn.cards.length))
-      };
-    });
-    const crossColumnPlaceholderStyle = $4.derived(() => crossColumnPlaceholderBlockSize ? `--cinder-kanban-board-drop-placeholder-block-size: ${crossColumnPlaceholderBlockSize};` : undefined);
-    function getColumnLabel(column) {
-      return column.title;
-    }
-    function getCardCount(column) {
-      return column.collapsed ? 0 : column.cards.length;
-    }
-    function makeCardContext(column, columnIndex, cardIndex, isLifted, isDropTarget) {
-      return {
-        column,
-        columnIndex,
-        cardIndex,
-        visualIndex: cardIndex,
-        totalCards: column.cards.length,
-        isLifted,
-        isDropTarget
-      };
-    }
-    function makeColumnContext(column, columnIndex) {
-      return {
-        column,
-        columnIndex,
-        totalColumns: columns.length,
-        isLifted: columnLiftedKey === column.id,
-        isDropTarget: columnTargetIndex === columnIndex,
-        collapsed: Boolean(column.collapsed),
-        canCollapse: collapsible,
-        canReorder: reorderColumns && !invalidKeys()
-      };
-    }
-    function getColumnCardListElement(columnElement) {
-      return Array.from(columnElement.children).find((child) => child instanceof HTMLElement && child.classList.contains("cinder-kanban-board__cards")) ?? null;
-    }
-    function sortableRowMatchesKey(row, key) {
-      return row.getAttribute("data-key") === String(key) && row.getAttribute("data-key-type") === typeof key;
-    }
-    function getLiftedRowElement() {
-      if (!columnsElement || cardController.liftedKey === null)
-        return null;
-      return Array.from(columnsElement.querySelectorAll("[data-sortable-row]")).find((row) => sortableRowMatchesKey(row, cardController.liftedKey)) ?? null;
-    }
-    function getLiftedRowBlockSize() {
-      return getLiftedRowElement()?.getBoundingClientRect().height ?? 0;
-    }
-    function getColumnDropZoneBottom(cardList, liftedRowBlockSize) {
-      return cardList.getBoundingClientRect().bottom + liftedRowBlockSize;
-    }
-    function locatePointerTarget(pointerX, pointerY) {
-      if (!columnsElement)
-        return null;
-      const liftedRowBlockSize = getLiftedRowBlockSize();
-      const columnElements = Array.from(columnsElement.children).filter((element) => element instanceof HTMLElement && element.classList.contains("cinder-kanban-board__column"));
-      const columnIndex = columnElements.findIndex((element) => {
-        const rect = element.getBoundingClientRect();
-        const cardList2 = getColumnCardListElement(element);
-        if (!cardList2)
-          return false;
-        return pointerX >= rect.left && pointerX <= rect.right && pointerY >= rect.top && pointerY <= getColumnDropZoneBottom(cardList2, liftedRowBlockSize);
-      });
-      if (columnIndex < 0 || columns[columnIndex]?.collapsed)
-        return null;
-      const columnElement = columnElements[columnIndex];
-      if (!columnElement)
-        return null;
-      const cardList = getColumnCardListElement(columnElement);
-      const draggedKey = cardController.liftedKey;
-      const rows = Array.from(cardList?.children ?? []).filter((row) => row instanceof HTMLElement && row.hasAttribute("data-sortable-row") && (draggedKey === null || !sortableRowMatchesKey(row, draggedKey)));
-      const insertionIndex = rows.filter((row) => {
-        const rect = row.getBoundingClientRect();
-        return rect.top + rect.height / 2 < pointerY;
-      }).length;
-      return { columnIndex, cardIndex: insertionIndex };
-    }
-    function hasCrossColumnPlaceholder(columnIndex) {
-      return crossColumnCardTarget()?.columnIndex === columnIndex;
-    }
-    function shouldRenderCrossColumnPlaceholder(columnIndex, cardIndex) {
-      return crossColumnCardTarget()?.columnIndex === columnIndex && crossColumnCardTarget().cardIndex === cardIndex;
-    }
-    function shouldRenderCrossColumnAppendPlaceholder(column, columnIndex) {
-      return crossColumnCardTarget()?.columnIndex === columnIndex && crossColumnCardTarget().cardIndex >= column.cards.length;
-    }
-    function getDestinationTotal(target, itemKey) {
-      const column = columns[target.columnIndex];
-      if (!column)
-        return 1;
-      const located = itemKey === null ? null : findCard(columns, getCardKey, itemKey);
-      const sameColumn = located?.columnIndex === target.columnIndex;
-      return Math.max(1, sameColumn ? column.cards.length : column.cards.length + 1);
-    }
-    function announceTarget(itemLabel) {
-      if (!cardTarget)
-        return;
-      const column = columns[cardTarget.columnIndex];
-      if (!column)
-        return;
-      const total = getDestinationTotal(cardTarget, cardController.liftedKey);
-      announcer.announce(`${itemLabel} moved to ${column.title}, position ${cardTarget.cardIndex + 1} of ${total}.`);
-    }
-    setSortableContext({
-      get controller() {
-        return cardController;
-      },
-      commitDrop(itemKey, itemLabel) {
-        if (invalidKeys() || !cardTarget) {
-          cancelCardLift(itemLabel);
-          return;
-        }
-        const destinationColumn = columns[cardTarget.columnIndex];
-        if (!destinationColumn || destinationColumn.collapsed) {
-          cancelCardLift(itemLabel);
-          return;
-        }
-        const located = findCard(columns, getCardKey, itemKey);
-        if (!located) {
-          cancelCardLift(itemLabel);
-          return;
-        }
-        const dropTotal = getDestinationTotal(cardTarget, itemKey);
-        const result = moveKanbanCard(columns, getCardKey, itemKey, cardTarget);
-        cardController.completeDrop(itemLabel, dropTotal);
-        cardTarget = null;
-        pointerColumnIndex = null;
-        if (result)
-          onchange(result.nextColumns, result.change);
-      },
-      cancel(itemLabel) {
-        cardController.cancel(itemLabel);
-        cardTarget = null;
-        pointerColumnIndex = null;
-      },
-      lift(key, fromIndex, itemLabel, total) {
-        if (invalidKeys() || columnLiftedKey !== null)
-          return;
-        const located = findCard(columns, getCardKey, key);
-        if (!located || located.column.collapsed)
-          return;
-        cardTarget = {
-          columnIndex: located.columnIndex,
-          cardIndex: located.cardIndex
-        };
-        cardController.lift(key, fromIndex, itemLabel, total);
-      },
-      move(toIndex, itemLabel, _total) {
-        if (!cardTarget)
-          return;
-        const previousTarget = cardTarget;
-        const targetColumnIndex = pointerColumnIndex ?? cardTarget.columnIndex;
-        const column = columns[targetColumnIndex];
-        if (!column || column.collapsed)
-          return;
-        const located = cardController.liftedKey === null ? null : findCard(columns, getCardKey, cardController.liftedKey);
-        const allowAppend = pointerColumnIndex !== null || located?.columnIndex !== targetColumnIndex;
-        const maxCardIndex = allowAppend ? getCardCount(column) : Math.max(0, getCardCount(column) - 1);
-        const cardIndex = Math.max(0, Math.min(toIndex, maxCardIndex));
-        cardTarget = { columnIndex: targetColumnIndex, cardIndex };
-        const destinationTotal = getDestinationTotal(cardTarget, cardController.liftedKey);
-        const targetChanged = previousTarget.columnIndex !== cardTarget.columnIndex || previousTarget.cardIndex !== cardTarget.cardIndex;
-        cardController.move(cardIndex, itemLabel, destinationTotal, { announce: false });
-        if (targetChanged)
-          announceTarget(itemLabel);
-        pointerColumnIndex = null;
-      },
-      getPointerTarget({ pointerX, pointerY }) {
-        const target = locatePointerTarget(pointerX, pointerY);
-        if (!target)
-          return null;
-        pointerColumnIndex = target.columnIndex;
-        const column = columns[target.columnIndex];
-        return {
-          index: target.cardIndex,
-          total: Math.max(1, getCardCount(column))
-        };
-      },
-      handleLiftedKeydown({ event, itemLabel }) {
-        if (!cardTarget || event.key !== "ArrowLeft" && event.key !== "ArrowRight")
-          return false;
-        event.preventDefault();
-        const direction = event.key === "ArrowRight" ? 1 : -1;
-        const nextColumnIndex = findNextVisibleColumn(columns, cardTarget.columnIndex, direction);
-        if (nextColumnIndex === null) {
-          announcer.announce(`${itemLabel} has no available column in that direction.`);
-          return true;
-        }
-        const nextColumn = columns[nextColumnIndex];
-        cardTarget = {
-          columnIndex: nextColumnIndex,
-          cardIndex: Math.max(0, Math.min(cardTarget.cardIndex, nextColumn.cards.length))
-        };
-        const destinationTotal = getDestinationTotal(cardTarget, cardController.liftedKey);
-        cardController.move(cardTarget.cardIndex, itemLabel, destinationTotal, { announce: false });
-        announceTarget(itemLabel);
-        return true;
-      }
-    });
-    function cancelCardLift(itemLabel = undefined) {
-      cardController.cancel(itemLabel);
-      cardTarget = null;
-      pointerColumnIndex = null;
-    }
-    function cancelColumnLift(columnTitle = undefined) {
-      columnLiftedKey = null;
-      columnTargetIndex = null;
-      if (columnTitle)
-        announcer.announce(`${columnTitle} column move cancelled.`);
-    }
-    function handleWindowKeydown(event) {
-      if (cardController.phase === "lifted" && event.key === "Escape") {
-        event.preventDefault();
-        cancelCardLift();
-        return;
-      }
-      if (columnLiftedKey !== null && event.key === "Escape") {
-        event.preventDefault();
-        const column = columns.find((currentColumn) => currentColumn.id === columnLiftedKey);
-        cancelColumnLift(column?.title);
-      }
-    }
-    function toggleColumn(column) {
-      const result = toggleKanbanColumn(columns, column.id);
-      if (!result)
-        return;
-      announcer.announce(`${column.title} ${result.change.type === "collapse" && result.change.collapsed ? "collapsed" : "expanded"}.`);
-      onchange(result.nextColumns, result.change);
-    }
-    function liftColumn(column, columnIndex) {
-      if (cardController.phase === "lifted")
-        return;
-      columnLiftedKey = column.id;
-      columnTargetIndex = columnIndex;
-      announcer.announce(`${column.title} column lifted, position ${columnIndex + 1} of ${columns.length}.`);
-    }
-    function dropColumn(column, targetIndex) {
-      const result = moveKanbanColumn(columns, column.id, targetIndex);
-      columnLiftedKey = null;
-      columnTargetIndex = null;
-      announcer.announce(`${column.title} column dropped at position ${targetIndex + 1} of ${columns.length}.`);
-      if (result)
-        onchange(result.nextColumns, result.change);
-    }
-    function handleColumnClick(column, columnIndex) {
-      if (!reorderColumns || invalidKeys() || cardController.phase === "lifted")
-        return;
-      if (columnLiftedKey === null) {
-        liftColumn(column, columnIndex);
-        return;
-      }
-      if (columnLiftedKey === column.id) {
-        dropColumn(column, columnTargetIndex ?? columnIndex);
-      }
-    }
-    function handleColumnKeydown(event, column, columnIndex) {
-      if (!reorderColumns || invalidKeys() || cardController.phase === "lifted")
-        return;
-      if (columnLiftedKey === null) {
-        return;
-      }
-      if (columnLiftedKey !== column.id)
-        return;
-      const currentTarget = columnTargetIndex ?? columnIndex;
-      if (event.key === "Escape") {
-        event.preventDefault();
-        cancelColumnLift(column.title);
-        return;
-      }
-      if (event.key === "Tab") {
-        cancelColumnLift(column.title);
-        return;
-      }
-      if (event.key === " " || event.key === "Enter") {
-        event.preventDefault();
-        dropColumn(column, currentTarget);
-        return;
-      }
-      const nextIndex = event.key === "ArrowLeft" ? currentTarget - 1 : event.key === "ArrowRight" ? currentTarget + 1 : event.key === "Home" ? 0 : event.key === "End" ? columns.length - 1 : currentTarget;
-      if (nextIndex !== currentTarget) {
-        event.preventDefault();
-        columnTargetIndex = Math.max(0, Math.min(nextIndex, columns.length - 1));
-        announcer.announce(`${column.title} column moved to position ${(columnTargetIndex ?? 0) + 1} of ${columns.length}.`);
-      }
-    }
-    $$renderer2.push(`<section${$4.attr_class($4.clsx(classNames("cinder-kanban-board", className)))}${$4.attr("aria-label", label)}${$4.attr("data-cinder-invalid-keys", invalidKeys() ? "" : undefined)}><p${$4.attr("id", instructionsId)} class="cinder-sr-only">Press Space to lift a card, arrow keys to move it, Space to drop, and Escape to cancel.</p> <p${$4.attr("id", columnInstructionsId)} class="cinder-sr-only">Press Space to lift a column, Left and Right arrows to move it, Space to drop, and Escape to
-    cancel.</p> <p class="cinder-kanban-board__keyboard-hint">Space lifts. Arrow keys move. Space drops. Escape cancels.</p> <div class="cinder-kanban-board__columns" role="list"><!--[-->`);
-    const each_array = $4.ensure_array_like(visualColumns());
-    for (let columnIndex = 0, $$length = each_array.length;columnIndex < $$length; columnIndex++) {
-      let column = each_array[columnIndex];
-      const columnContext = makeColumnContext(column, columnIndex);
-      $$renderer2.push(`<section class="cinder-kanban-board__column" role="listitem"${$4.attr("aria-label", getColumnLabel(column))}${$4.attr("data-cinder-collapsed", column.collapsed ? "" : undefined)}><header class="cinder-kanban-board__column-header">`);
-      if (reorderColumns) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button type="button" class="cinder-kanban-board__column-handle"${$4.attr("aria-label", `Reorder ${column.title} column`)}${$4.attr("aria-pressed", columnLiftedKey === column.id)}${$4.attr("aria-describedby", columnInstructionsId)}${$4.attr("disabled", invalidKeys(), true)}><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><path d="M2 4h12v1.5H2zM2 7.25h12v1.5H2zM2 10.5h12v1.5H2z"></path></svg></button>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--> <div class="cinder-kanban-board__column-title">`);
-      if (columnHeader) {
-        $$renderer2.push("<!--[0-->");
-        columnHeader($$renderer2, column, columnContext);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`${$4.escape(column.title)}`);
-      }
-      $$renderer2.push(`<!--]--> <span class="cinder-kanban-board__card-count">${$4.escape(column.cards.length)} 
-              ${$4.escape(column.cards.length === 1 ? "card" : "cards")}</span></div> `);
-      if (columnActions) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="cinder-kanban-board__column-actions">`);
-        columnActions($$renderer2, column, columnContext);
-        $$renderer2.push(`<!----></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--> `);
-      if (collapsible) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button type="button" class="cinder-kanban-board__collapse"${$4.attr("aria-label", `${column.collapsed ? "Expand" : "Collapse"} ${column.title} (${column.cards.length} ${column.cards.length === 1 ? "card" : "cards"})`)}${$4.attr("aria-expanded", !column.collapsed)}>${$4.escape(column.collapsed ? "+" : "-")}</button>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></header> `);
-      if (!column.collapsed) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<ul class="cinder-kanban-board__cards cinder-sortable-list" role="list"${$4.attr("aria-label", `${column.title} cards`)}><!--[-->`);
-        const each_array_1 = $4.ensure_array_like(column.cards);
-        for (let cardIndex = 0, $$length2 = each_array_1.length;cardIndex < $$length2; cardIndex++) {
-          let currentCard = each_array_1[cardIndex];
-          const cardKey = getCardKey(currentCard);
-          const original = cardLocations().get(cardKey) ?? null;
-          const itemLabel = getCardLabel(currentCard, original?.column ?? column, original?.cardIndex ?? cardIndex);
-          const isLifted = cardController.phase === "lifted" && cardController.liftedKey === cardKey;
-          const isDropTarget = Boolean(cardTarget && cardTarget.columnIndex === columnIndex && cardTarget.cardIndex === cardIndex);
-          if (shouldRenderCrossColumnPlaceholder(columnIndex, cardIndex)) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<li class="cinder-kanban-board__card cinder-kanban-board__drop-placeholder cinder-sortable-item--placeholder" role="presentation" aria-hidden="true"${$4.attr_style(crossColumnPlaceholderStyle())}></li>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-          }
-          $$renderer2.push(`<!--]-->   `);
-          {
-            let children = function($$renderer3) {
-              $$renderer3.push(`<div class="cinder-kanban-board__card-content">`);
-              card($$renderer3, currentCard, makeCardContext(column, columnIndex, cardIndex, isLifted, isDropTarget));
-              $$renderer3.push(`<!----></div>`);
-            };
-            _sortable_item($$renderer2, {
-              item: currentCard,
-              itemKey: cardKey,
-              index: cardIndex,
-              itemLabel,
-              formatHandleLabel: (name) => `Move ${name}`,
-              instructionsId,
-              total: Math.max(1, column.cards.length),
-              class: "cinder-kanban-board__card",
-              children,
-              $$slots: { default: true }
-            });
-          }
-          $$renderer2.push(`<!---->`);
-        }
-        $$renderer2.push(`<!--]--> `);
-        if (shouldRenderCrossColumnAppendPlaceholder(column, columnIndex)) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<li class="cinder-kanban-board__card cinder-kanban-board__drop-placeholder cinder-sortable-item--placeholder" role="presentation" aria-hidden="true"${$4.attr_style(crossColumnPlaceholderStyle())}></li>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> `);
-        if (column.cards.length === 0 && !hasCrossColumnPlaceholder(columnIndex)) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<li class="cinder-kanban-board__empty">`);
-          if (emptyColumn) {
-            $$renderer2.push("<!--[0-->");
-            emptyColumn($$renderer2, column);
-            $$renderer2.push(`<!---->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`No cards`);
-          }
-          $$renderer2.push(`<!--]--></li>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--></ul>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></section>`);
-    }
-    $$renderer2.push(`<!--]--></div></section> <div role="alert" aria-atomic="true" class="cinder-sr-only">${$4.escape(announcer.message)}</div>`);
-  });
-}
-
-// src/components/kanban-board/index.ts
-var kanban_board_default = Kanban_board;
+import {
+  Kanban_board,
+  kanban_board_default
+} from "../../index.server-9w7k8wwk.js";
+import"../../index.server-gmd6gbwb.js";
+import"../../index.server-gbzsb04q.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-wckvcay0.js";
 export {
   kanban_board_default as default,
   Kanban_board as KanbanBoard
 };
 
-//# debugId=BEA20F44F74925DD64756E2164756E21
+//# debugId=0515F301B48C03D364756E2164756E21