@k2b/ui 0.16.0 → 0.18.0

package/dist/browser/inputs/file-drop.js

@@ -0,0 +1,338 @@
+import { text } from "@k2b/stdlib";
+import { checkMimeType } from "@k2b/stdlib/browser";
+import { createSignal } from "solid-js";
+import { announce } from "../feedback/announce";
+import { toast } from "../feedback/toast";
+/** The marker a hovered specific target carries for its ring; regions show their own overlay instead. */
+export const FILE_DROP_ATTRIBUTE = "data-file-drop";
+
+/** Where a region without `for` looks for its area: the nearest dialog, workspace detail, or workspace main area. */
+export const FILE_DROP_DEFAULT_REGION = "dialog, .k2b-app-workspace__detail, .k2b-app-workspace__main";
+
+/**
+ * The type every drag that starts in a page carries. Such a drag holds page content, never files from outside, even
+ * an image that carries one. Marking the drag itself leaves nothing behind when it never reports its end, as when its
+ * start is cancelled or its source is removed.
+ */
+const PAGE_DRAG_TYPE = "application/x-k2b-page-drag";
+
+/** How long after the last drag event a pointer move means the drag ended; a drag over the page repeats them sooner. */
+const DRAG_SILENCE_MS = 600;
+const engines = new WeakMap();
+const isFileDrag = event => {
+  const types = Array.from(event.dataTransfer?.types ?? []);
+  return types.includes("Files") && !types.includes(PAGE_DRAG_TYPE);
+};
+const elementOf = target => target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+const isModal = dialog => {
+  try {
+    return dialog.matches(":modal");
+  } catch {
+    // An engine without `:modal` has no modal dialogs to defer to.
+    return false;
+  }
+};
+
+/**
+ * The topmost modal dialog. Everything outside of it is inert, so a drag over the page lands inside it; only a drag
+ * over other top-layer content falls back to the last modal dialog in the document.
+ */
+const topModal = (doc, target) => {
+  for (let dialog = elementOf(target)?.closest("dialog"); dialog; dialog = dialog.parentElement?.closest("dialog")) if (isModal(dialog)) return dialog;
+  return Array.from(doc.querySelectorAll("dialog[open]")).filter(isModal).at(-1) ?? null;
+};
+
+/** Sorts dropped files into the ones a target takes and the ones it leaves out, in drop order. */
+export const partitionDroppedFiles = (files, options) => {
+  const limit = options.multiple === false ? 1 : options.maxFiles ?? Number.POSITIVE_INFINITY;
+  const accepted = [];
+  const rejected = [];
+  for (const file of files) {
+    if (options.accept && !checkMimeType(file, options.accept)) rejected.push({
+      file,
+      reason: "type"
+    });else if (options.maxSize !== undefined && file.size > options.maxSize) rejected.push({
+      file,
+      reason: "size"
+    });else if (accepted.length >= limit) rejected.push({
+      file,
+      reason: "count"
+    });else accepted.push(file);
+  }
+  return {
+    accepted,
+    rejected
+  };
+};
+
+/**
+ * During a drag only the types are readable, and only in some engines. A drag is refused when none of them can fit.
+ * An extension in `accept` matches by file name, and systems report differing types for one extension (a `.csv` may be
+ * `application/vnd.ms-excel`), so with one the drop decides.
+ */
+export const refusesDraggedTypes = (types, accept) => {
+  if (!accept || accept.split(",").some(entry => entry.trim().startsWith("."))) return false;
+  return types.length > 0 && types.every(type => type !== "" && !checkMimeType(type, accept));
+};
+const invalidDrag = (event, options) => refusesDraggedTypes(Array.from(event.dataTransfer?.items ?? []).filter(item => item.kind === "file").map(item => item.type), options.accept);
+const MAX_NAMES = 3;
+const nameList = (files, messages) => {
+  const names = files.slice(0, MAX_NAMES).map(file => file.name);
+  return files.length > MAX_NAMES ? `${names.join(", ")} ${messages.fileDropMore({
+    count: files.length - MAX_NAMES
+  })}` : names.join(", ");
+};
+export const fileDropRejectionMessage = (rejected, options, messages, locale) => {
+  const lines = [];
+  const of = reason => rejected.filter(entry => entry.reason === reason).map(entry => entry.file);
+  const type = of("type");
+  const size = of("size");
+  const count = of("count");
+  if (type.length) lines.push(messages.fileDropRejectedType({
+    names: nameList(type, messages)
+  }));
+  if (size.length) lines.push(messages.fileDropRejectedSize({
+    names: nameList(size, messages),
+    limit: text.pprintBytes(options.maxSize ?? 0, {
+      locale
+    })
+  }));
+  if (count.length) lines.push(messages.fileDropRejectedCount({
+    names: nameList(count, messages),
+    max: options.multiple === false ? 1 : options.maxFiles ?? 1
+  }));
+  return lines.join("\n");
+};
+const createEngine = doc => {
+  const view = doc.defaultView;
+  const regions = new Set();
+  const targets = new WeakMap();
+  const [session, setSession] = createSignal(null);
+  const [frame, setFrame] = createSignal(0);
+  /** Elements the drag has entered and not yet left; the drag is over the window while any remains. */
+  const entered = new Set();
+  let lastDragEvent = 0;
+  let marked = null;
+  let frameRequest = 0;
+  const mark = hover => {
+    if (marked && marked !== hover?.element) marked.removeAttribute(FILE_DROP_ATTRIBUTE);
+    marked = null;
+    if (!hover || hover.entry.region) return;
+    marked = hover.element;
+    marked.setAttribute(FILE_DROP_ATTRIBUTE, hover.invalid ? "invalid" : "over");
+  };
+  const regionElement = entry => {
+    const element = entry.region?.();
+    return element?.isConnected ? element : undefined;
+  };
+
+  /** Whether nothing between the target's host and its area hides it, as a dialog stack hides its lower levels. */
+  const displayed = (host, area) => {
+    for (let element = host; element && element !== area; element = element.parentElement) if (view?.getComputedStyle(element).display === "none") return false;
+    return true;
+  };
+
+  /** A region takes part when it is enabled, displayed, and not behind a modal dialog it is not inside of. */
+  const eligible = (entry, modal) => {
+    const element = regionElement(entry);
+    if (!element || entry.options.disabled) return false;
+    return (!modal || modal.contains(element)) && displayed(entry.host?.(), element);
+  };
+  const rendered = element => element === doc.documentElement || element.getClientRects().length > 0;
+  const begin = target => {
+    const modal = topModal(doc, target);
+    const candidates = [...regions].filter(entry => eligible(entry, modal) && rendered(regionElement(entry)));
+    // The latest region on an element replaces earlier ones; a region inside another shown one acts as a specific target.
+    const byElement = new Map();
+    for (const entry of candidates) byElement.set(regionElement(entry), entry);
+    const shown = [...byElement].filter(([element]) => ![...byElement.keys()].some(other => other !== element && other.contains(element)));
+    setSession({
+      shown: shown.map(([, entry]) => entry),
+      hover: null
+    });
+    const first = shown[0]?.[1];
+    if (first) announce(first.options.label);
+  };
+  const end = () => {
+    entered.clear();
+    mark(null);
+    if (session()) setSession(null);
+  };
+  const resolve = target => {
+    const modal = topModal(doc, target);
+    for (let element = elementOf(target); element; element = element.parentElement) {
+      const specific = targets.get(element);
+      if (specific && !specific.options.disabled) return {
+        entry: specific,
+        element
+      };
+      let region;
+      for (const entry of regions) if (regionElement(entry) === element && eligible(entry, modal)) region = entry;
+      if (region) return {
+        entry: region,
+        element
+      };
+    }
+    return null;
+  };
+  const hoverFrom = event => {
+    const current = session();
+    if (!current) return null;
+    const found = resolve(event.target);
+    const hover = found ? {
+      ...found,
+      invalid: invalidDrag(event, found.entry.options)
+    } : null;
+    const previous = current.hover;
+    if (previous?.entry !== hover?.entry || previous?.element !== hover?.element || previous?.invalid !== hover?.invalid) {
+      mark(hover);
+      setSession({
+        ...current,
+        hover
+      });
+    }
+    return hover;
+  };
+
+  /** Over a page with a region, a file never falls through to the browser, which would open it and leave the page. */
+  const guarding = () => [...regions].some(entry => regionElement(entry));
+  const accept = (event, hover) => {
+    if (!hover && !guarding()) return;
+    event.preventDefault();
+    if (event.dataTransfer) event.dataTransfer.dropEffect = hover && !hover.invalid ? "copy" : "none";
+  };
+  const requestFrame = () => {
+    if (frameRequest || !view) return;
+    frameRequest = view.requestAnimationFrame(() => {
+      frameRequest = 0;
+      setFrame(value => value + 1);
+    });
+  };
+  const deliver = (entry, dataTransfer) => {
+    const {
+      options
+    } = entry;
+    const files = Array.from(dataTransfer.files);
+    const {
+      accepted,
+      rejected
+    } = partitionDroppedFiles(files, options);
+    const messages = entry.messages();
+    if (rejected.length) toast.error(fileDropRejectionMessage(rejected, options, messages, entry.locale()));
+    if (!accepted.length && files.length) return;
+    if (accepted.length) announce(accepted.length === 1 ? messages.fileDropDroppedOne({
+      name: accepted[0].name
+    }) : messages.fileDropDropped({
+      count: accepted.length
+    }));
+    void options.onDrop(accepted, {
+      dataTransfer,
+      rejected
+    });
+  };
+  const listeners = {
+    dragstart: event => {
+      event.dataTransfer?.setData(PAGE_DRAG_TYPE, "");
+    },
+    dragenter: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      lastDragEvent = event.timeStamp;
+      if (event.target) entered.add(event.target);
+      if (!session()) begin(event.target);
+      accept(drag, hoverFrom(drag));
+    },
+    dragover: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      lastDragEvent = event.timeStamp;
+      // An engine may skip the first dragenter; the drag still counts as over the window.
+      if (!session()) {
+        if (event.target) entered.add(event.target);
+        begin(event.target);
+      }
+      accept(drag, hoverFrom(drag));
+      requestFrame();
+    },
+    dragleave: event => {
+      if (!session()) return;
+      if (event.target) entered.delete(event.target);
+      // An element removed during the drag never reports leaving.
+      for (const target of entered) if (target instanceof Node && !target.isConnected) entered.delete(target);
+      if (entered.size === 0) end();
+    },
+    drop: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      const found = resolve(event.target);
+      end();
+      if (!found) {
+        if (guarding()) event.preventDefault();
+        return;
+      }
+      // The most specific target owns the drop; editors and other handlers below it never see the files.
+      event.preventDefault();
+      event.stopPropagation();
+      if (drag.dataTransfer) deliver(found.entry, drag.dataTransfer);
+    },
+    keydown: event => {
+      if (event.key === "Escape" && session()) end();
+    },
+    // Engines send no pointer moves during a drag: one long after the last drag event means the drag ended somewhere the
+    // page did not see. One right after it belongs to another pointer, such as a second finger on a touch screen.
+    pointermove: event => {
+      if (session() && event.timeStamp - lastDragEvent > DRAG_SILENCE_MS) end();
+    },
+    visibilitychange: () => {
+      if (doc.visibilityState === "hidden") end();
+    }
+  };
+  let installed = false;
+  const install = () => {
+    if (installed || !view) return;
+    installed = true;
+    for (const [type, listener] of Object.entries(listeners)) (type === "visibilitychange" ? doc : view).addEventListener(type, listener, {
+      capture: true
+    });
+  };
+  return {
+    session,
+    frame,
+    addRegion: entry => {
+      install();
+      regions.add(entry);
+      return () => {
+        regions.delete(entry);
+        const current = session();
+        if (current?.hover?.entry === entry) {
+          mark(null);
+          setSession({
+            ...current,
+            hover: null
+          });
+        }
+      };
+    },
+    setTarget: (element, entry) => {
+      install();
+      targets.set(element, entry);
+    }
+  };
+};
+
+/**
+ * The document an element lives in. A freshly rendered element still belongs to the inert document of the template it
+ * was cloned from; until it is inserted, that is the page's document.
+ */
+export const liveDocument = element => element.ownerDocument.defaultView ? element.ownerDocument : document;
+
+/** The one drag tracker of a document, shared by every drop target in it. */
+export const fileDropEngine = doc => {
+  let engine = engines.get(doc);
+  if (!engine) {
+    engine = createEngine(doc);
+    engines.set(doc, engine);
+  }
+  return engine;
+};
+//# sourceMappingURL=file-drop.js.map

package/dist/browser/inputs/file-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/file-drop.ts"],"sourcesContent":["import { text } from \"@k2b/stdlib\";\nimport { checkMimeType } from \"@k2b/stdlib/browser\";\nimport { type Accessor, createSignal } from \"solid-js\";\nimport { announce } from \"../feedback/announce\";\nimport { toast } from \"../feedback/toast\";\nimport type { UiMessages } from \"../intl/messages\";\n\nexport type FileDropRejection = {\n  file: File;\n  /** `type` misses `accept`, `size` exceeds `maxSize`, `count` is past `maxFiles` or the single file of `multiple={false}`. */\n  reason: \"type\" | \"size\" | \"count\";\n};\n\nexport type FileDropDetails = {\n  /** The drop's data, readable only while `onDrop` runs synchronously; read folder entries before the first `await`. */\n  dataTransfer: DataTransfer;\n  /** Files left out by `accept`, `maxSize`, or the file count; the user has already been told. */\n  rejected: readonly FileDropRejection[];\n};\n\nexport type FileDropOptions = {\n  /** One sentence that says what dropping does here, such as \"Drop to attach to the message\". */\n  label: string;\n  /** `<input accept>` syntax, such as `\"image/*,.pdf\"`. */\n  accept?: string;\n  /** Defaults to `true`; `false` takes the first fitting file. */\n  multiple?: boolean;\n  /** The most files one drop hands over. */\n  maxFiles?: number;\n  /** The largest file in bytes. */\n  maxSize?: number;\n  disabled?: boolean;\n  /**\n   * Called synchronously in the drop with the files that fit. `files` is empty only when the drop carried no file\n   * objects at all, as some engines hand over dropped folders; `details.dataTransfer.items` still has their entries.\n   */\n  onDrop: (files: File[], details: FileDropDetails) => void | Promise<void>;\n};\n\nexport type FileDropTargetEntry = {\n  options: FileDropOptions;\n  messages: () => UiMessages;\n  locale: () => string;\n  /** Set for regions: the area the overlay covers. Specific targets are keyed by their element. */\n  region?: () => Element | undefined;\n  /** Set for regions: where the target itself is rendered; a region whose host is hidden takes no drops. */\n  host?: () => Element | undefined;\n};\n\nexport type FileDropHover = { entry: FileDropTargetEntry; element: Element; invalid: boolean };\n\nexport type FileDropSession = {\n  /** Regions that show their overlay during this drag: eligible, visible, and not inside another shown region. */\n  shown: readonly FileDropTargetEntry[];\n  hover: FileDropHover | null;\n};\n\nexport type FileDropEngine = {\n  session: Accessor<FileDropSession | null>;\n  /** Changes on every drag movement, so overlays can follow a region that moved or resized. */\n  frame: Accessor<number>;\n  addRegion: (entry: FileDropTargetEntry) => () => void;\n  setTarget: (element: Element, entry: FileDropTargetEntry) => void;\n};\n\n/** The marker a hovered specific target carries for its ring; regions show their own overlay instead. */\nexport const FILE_DROP_ATTRIBUTE = \"data-file-drop\";\n\n/** Where a region without `for` looks for its area: the nearest dialog, workspace detail, or workspace main area. */\nexport const FILE_DROP_DEFAULT_REGION = \"dialog, .k2b-app-workspace__detail, .k2b-app-workspace__main\";\n\n/**\n * The type every drag that starts in a page carries. Such a drag holds page content, never files from outside, even\n * an image that carries one. Marking the drag itself leaves nothing behind when it never reports its end, as when its\n * start is cancelled or its source is removed.\n */\nconst PAGE_DRAG_TYPE = \"application/x-k2b-page-drag\";\n\n/** How long after the last drag event a pointer move means the drag ended; a drag over the page repeats them sooner. */\nconst DRAG_SILENCE_MS = 600;\n\nconst engines = new WeakMap<Document, FileDropEngine>();\n\nconst isFileDrag = (event: DragEvent) => {\n  const types = Array.from(event.dataTransfer?.types ?? []);\n  return types.includes(\"Files\") && !types.includes(PAGE_DRAG_TYPE);\n};\n\nconst elementOf = (target: EventTarget | null): Element | null =>\n  target instanceof Element ? target : target instanceof Node ? target.parentElement : null;\n\nconst isModal = (dialog: Element) => {\n  try {\n    return dialog.matches(\":modal\");\n  } catch {\n    // An engine without `:modal` has no modal dialogs to defer to.\n    return false;\n  }\n};\n\n/**\n * The topmost modal dialog. Everything outside of it is inert, so a drag over the page lands inside it; only a drag\n * over other top-layer content falls back to the last modal dialog in the document.\n */\nconst topModal = (doc: Document, target: EventTarget | null): Element | null => {\n  for (let dialog = elementOf(target)?.closest(\"dialog\"); dialog; dialog = dialog.parentElement?.closest(\"dialog\"))\n    if (isModal(dialog)) return dialog;\n  return Array.from(doc.querySelectorAll(\"dialog[open]\")).filter(isModal).at(-1) ?? null;\n};\n\n/** Sorts dropped files into the ones a target takes and the ones it leaves out, in drop order. */\nexport const partitionDroppedFiles = (\n  files: readonly File[],\n  options: Pick<FileDropOptions, \"accept\" | \"multiple\" | \"maxFiles\" | \"maxSize\">,\n): { accepted: File[]; rejected: FileDropRejection[] } => {\n  const limit = options.multiple === false ? 1 : (options.maxFiles ?? Number.POSITIVE_INFINITY);\n  const accepted: File[] = [];\n  const rejected: FileDropRejection[] = [];\n  for (const file of files) {\n    if (options.accept && !checkMimeType(file, options.accept)) rejected.push({ file, reason: \"type\" });\n    else if (options.maxSize !== undefined && file.size > options.maxSize) rejected.push({ file, reason: \"size\" });\n    else if (accepted.length >= limit) rejected.push({ file, reason: \"count\" });\n    else accepted.push(file);\n  }\n  return { accepted, rejected };\n};\n\n/**\n * During a drag only the types are readable, and only in some engines. A drag is refused when none of them can fit.\n * An extension in `accept` matches by file name, and systems report differing types for one extension (a `.csv` may be\n * `application/vnd.ms-excel`), so with one the drop decides.\n */\nexport const refusesDraggedTypes = (types: readonly string[], accept: string | undefined): boolean => {\n  if (!accept || accept.split(\",\").some((entry) => entry.trim().startsWith(\".\"))) return false;\n  return types.length > 0 && types.every((type) => type !== \"\" && !checkMimeType(type, accept));\n};\n\nconst invalidDrag = (event: DragEvent, options: FileDropOptions) =>\n  refusesDraggedTypes(\n    Array.from(event.dataTransfer?.items ?? [])\n      .filter((item) => item.kind === \"file\")\n      .map((item) => item.type),\n    options.accept,\n  );\n\nconst MAX_NAMES = 3;\nconst nameList = (files: readonly File[], messages: UiMessages) => {\n  const names = files.slice(0, MAX_NAMES).map((file) => file.name);\n  return files.length > MAX_NAMES ? `${names.join(\", \")} ${messages.fileDropMore({ count: files.length - MAX_NAMES })}` : names.join(\", \");\n};\n\nexport const fileDropRejectionMessage = (\n  rejected: readonly FileDropRejection[],\n  options: Pick<FileDropOptions, \"multiple\" | \"maxFiles\" | \"maxSize\">,\n  messages: UiMessages,\n  locale: string,\n): string => {\n  const lines: string[] = [];\n  const of = (reason: FileDropRejection[\"reason\"]) => rejected.filter((entry) => entry.reason === reason).map((entry) => entry.file);\n  const type = of(\"type\");\n  const size = of(\"size\");\n  const count = of(\"count\");\n  if (type.length) lines.push(messages.fileDropRejectedType({ names: nameList(type, messages) }));\n  if (size.length)\n    lines.push(\n      messages.fileDropRejectedSize({ names: nameList(size, messages), limit: text.pprintBytes(options.maxSize ?? 0, { locale }) }),\n    );\n  if (count.length)\n    lines.push(\n      messages.fileDropRejectedCount({ names: nameList(count, messages), max: options.multiple === false ? 1 : (options.maxFiles ?? 1) }),\n    );\n  return lines.join(\"\\n\");\n};\n\nconst createEngine = (doc: Document): FileDropEngine => {\n  const view = doc.defaultView;\n  const regions = new Set<FileDropTargetEntry>();\n  const targets = new WeakMap<Element, FileDropTargetEntry>();\n  const [session, setSession] = createSignal<FileDropSession | null>(null);\n  const [frame, setFrame] = createSignal(0);\n  /** Elements the drag has entered and not yet left; the drag is over the window while any remains. */\n  const entered = new Set<EventTarget>();\n  let lastDragEvent = 0;\n  let marked: Element | null = null;\n  let frameRequest = 0;\n\n  const mark = (hover: FileDropHover | null) => {\n    if (marked && marked !== hover?.element) marked.removeAttribute(FILE_DROP_ATTRIBUTE);\n    marked = null;\n    if (!hover || hover.entry.region) return;\n    marked = hover.element;\n    marked.setAttribute(FILE_DROP_ATTRIBUTE, hover.invalid ? \"invalid\" : \"over\");\n  };\n\n  const regionElement = (entry: FileDropTargetEntry) => {\n    const element = entry.region?.();\n    return element?.isConnected ? element : undefined;\n  };\n\n  /** Whether nothing between the target's host and its area hides it, as a dialog stack hides its lower levels. */\n  const displayed = (host: Element | undefined, area: Element) => {\n    for (let element: Element | null | undefined = host; element && element !== area; element = element.parentElement)\n      if (view?.getComputedStyle(element).display === \"none\") return false;\n    return true;\n  };\n\n  /** A region takes part when it is enabled, displayed, and not behind a modal dialog it is not inside of. */\n  const eligible = (entry: FileDropTargetEntry, modal: Element | null) => {\n    const element = regionElement(entry);\n    if (!element || entry.options.disabled) return false;\n    return (!modal || modal.contains(element)) && displayed(entry.host?.(), element);\n  };\n  const rendered = (element: Element) => element === doc.documentElement || element.getClientRects().length > 0;\n\n  const begin = (target: EventTarget | null) => {\n    const modal = topModal(doc, target);\n    const candidates = [...regions].filter((entry) => eligible(entry, modal) && rendered(regionElement(entry)!));\n    // The latest region on an element replaces earlier ones; a region inside another shown one acts as a specific target.\n    const byElement = new Map<Element, FileDropTargetEntry>();\n    for (const entry of candidates) byElement.set(regionElement(entry)!, entry);\n    const shown = [...byElement].filter(\n      ([element]) => ![...byElement.keys()].some((other) => other !== element && other.contains(element)),\n    );\n    setSession({ shown: shown.map(([, entry]) => entry), hover: null });\n    const first = shown[0]?.[1];\n    if (first) announce(first.options.label);\n  };\n\n  const end = () => {\n    entered.clear();\n    mark(null);\n    if (session()) setSession(null);\n  };\n\n  const resolve = (target: EventTarget | null): { entry: FileDropTargetEntry; element: Element } | null => {\n    const modal = topModal(doc, target);\n    for (let element = elementOf(target); element; element = element.parentElement) {\n      const specific = targets.get(element);\n      if (specific && !specific.options.disabled) return { entry: specific, element };\n      let region: FileDropTargetEntry | undefined;\n      for (const entry of regions) if (regionElement(entry) === element && eligible(entry, modal)) region = entry;\n      if (region) return { entry: region, element };\n    }\n    return null;\n  };\n\n  const hoverFrom = (event: DragEvent) => {\n    const current = session();\n    if (!current) return null;\n    const found = resolve(event.target);\n    const hover = found ? { ...found, invalid: invalidDrag(event, found.entry.options) } : null;\n    const previous = current.hover;\n    if (previous?.entry !== hover?.entry || previous?.element !== hover?.element || previous?.invalid !== hover?.invalid) {\n      mark(hover);\n      setSession({ ...current, hover });\n    }\n    return hover;\n  };\n\n  /** Over a page with a region, a file never falls through to the browser, which would open it and leave the page. */\n  const guarding = () => [...regions].some((entry) => regionElement(entry));\n\n  const accept = (event: DragEvent, hover: FileDropHover | null) => {\n    if (!hover && !guarding()) return;\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = hover && !hover.invalid ? \"copy\" : \"none\";\n  };\n\n  const requestFrame = () => {\n    if (frameRequest || !view) return;\n    frameRequest = view.requestAnimationFrame(() => {\n      frameRequest = 0;\n      setFrame((value) => value + 1);\n    });\n  };\n\n  const deliver = (entry: FileDropTargetEntry, dataTransfer: DataTransfer) => {\n    const { options } = entry;\n    const files = Array.from(dataTransfer.files);\n    const { accepted, rejected } = partitionDroppedFiles(files, options);\n    const messages = entry.messages();\n    if (rejected.length) toast.error(fileDropRejectionMessage(rejected, options, messages, entry.locale()));\n    if (!accepted.length && files.length) return;\n    if (accepted.length)\n      announce(\n        accepted.length === 1\n          ? messages.fileDropDroppedOne({ name: accepted[0]!.name })\n          : messages.fileDropDropped({ count: accepted.length }),\n      );\n    void options.onDrop(accepted, { dataTransfer, rejected });\n  };\n\n  const listeners: Record<string, (event: Event) => void> = {\n    dragstart: (event) => {\n      (event as DragEvent).dataTransfer?.setData(PAGE_DRAG_TYPE, \"\");\n    },\n    dragenter: (event) => {\n      const drag = event as DragEvent;\n      if (!isFileDrag(drag)) return;\n      lastDragEvent = event.timeStamp;\n      if (event.target) entered.add(event.target);\n      if (!session()) begin(event.target);\n      accept(drag, hoverFrom(drag));\n    },\n    dragover: (event) => {\n      const drag = event as DragEvent;\n      if (!isFileDrag(drag)) return;\n      lastDragEvent = event.timeStamp;\n      // An engine may skip the first dragenter; the drag still counts as over the window.\n      if (!session()) {\n        if (event.target) entered.add(event.target);\n        begin(event.target);\n      }\n      accept(drag, hoverFrom(drag));\n      requestFrame();\n    },\n    dragleave: (event) => {\n      if (!session()) return;\n      if (event.target) entered.delete(event.target);\n      // An element removed during the drag never reports leaving.\n      for (const target of entered) if (target instanceof Node && !target.isConnected) entered.delete(target);\n      if (entered.size === 0) end();\n    },\n    drop: (event) => {\n      const drag = event as DragEvent;\n      if (!isFileDrag(drag)) return;\n      const found = resolve(event.target);\n      end();\n      if (!found) {\n        if (guarding()) event.preventDefault();\n        return;\n      }\n      // The most specific target owns the drop; editors and other handlers below it never see the files.\n      event.preventDefault();\n      event.stopPropagation();\n      if (drag.dataTransfer) deliver(found.entry, drag.dataTransfer);\n    },\n    keydown: (event) => {\n      if ((event as KeyboardEvent).key === \"Escape\" && session()) end();\n    },\n    // Engines send no pointer moves during a drag: one long after the last drag event means the drag ended somewhere the\n    // page did not see. One right after it belongs to another pointer, such as a second finger on a touch screen.\n    pointermove: (event) => {\n      if (session() && event.timeStamp - lastDragEvent > DRAG_SILENCE_MS) end();\n    },\n    visibilitychange: () => {\n      if (doc.visibilityState === \"hidden\") end();\n    },\n  };\n\n  let installed = false;\n  const install = () => {\n    if (installed || !view) return;\n    installed = true;\n    for (const [type, listener] of Object.entries(listeners))\n      (type === \"visibilitychange\" ? doc : view).addEventListener(type, listener, { capture: true });\n  };\n\n  return {\n    session,\n    frame,\n    addRegion: (entry) => {\n      install();\n      regions.add(entry);\n      return () => {\n        regions.delete(entry);\n        const current = session();\n        if (current?.hover?.entry === entry) {\n          mark(null);\n          setSession({ ...current, hover: null });\n        }\n      };\n    },\n    setTarget: (element, entry) => {\n      install();\n      targets.set(element, entry);\n    },\n  };\n};\n\n/**\n * The document an element lives in. A freshly rendered element still belongs to the inert document of the template it\n * was cloned from; until it is inserted, that is the page's document.\n */\nexport const liveDocument = (element: Element): Document => (element.ownerDocument.defaultView ? element.ownerDocument : document);\n\n/** The one drag tracker of a document, shared by every drop target in it. */\nexport const fileDropEngine = (doc: Document): FileDropEngine => {\n  let engine = engines.get(doc);\n  if (!engine) {\n    engine = createEngine(doc);\n    engines.set(doc, engine);\n  }\n  return engine;\n};\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,aAAa,QAAQ,qBAAqB;AACnD,SAAwB,YAAY,QAAQ,UAAU;AACtD,SAAS,QAAQ,QAAQ,sBAAsB;AAC/C,SAAS,KAAK,QAAQ,mBAAmB;AA6DzC;AACA,OAAO,MAAM,mBAAmB,GAAG,gBAAgB;;AAEnD;AACA,OAAO,MAAM,wBAAwB,GAAG,8DAA8D;;AAEtG;AACA;AACA;AACA;AACA;AACA,MAAM,cAAc,GAAG,6BAA6B;;AAEpD;AACA,MAAM,eAAe,GAAG,GAAG;AAE3B,MAAM,OAAO,GAAG,IAAI,OAAO,CAA2B,CAAC;AAEvD,MAAM,UAAU,GAAI,KAAgB,IAAK;EACvC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;EACzD,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;AACnE,CAAC;AAED,MAAM,SAAS,GAAI,MAA0B,IAC3C,MAAM,YAAY,OAAO,GAAG,MAAM,GAAG,MAAM,YAAY,IAAI,GAAG,MAAM,CAAC,aAAa,GAAG,IAAI;AAE3F,MAAM,OAAO,GAAI,MAAe,IAAK;EACnC,IAAI;IACF,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;EACjC,CAAC,CAAC,MAAM;IACN;IACA,OAAO,KAAK;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAM,QAAQ,GAAG,CAAC,GAAa,EAAE,MAA0B,KAAqB;EAC9E,KAAK,IAAI,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9G,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,MAAM;EACpC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI;AACxF,CAAC;;AAED;AACA,OAAO,MAAM,qBAAqB,GAAG,CACnC,KAAsB,EACtB,OAA8E,KACtB;EACxD,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAI,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,iBAAkB;EAC7F,MAAM,QAAgB,GAAG,EAAE;EAC3B,MAAM,QAA6B,GAAG,EAAE;EACxC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;IACxB,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;MAAE,IAAI;MAAE,MAAM,EAAE;IAAO,CAAC,CAAC,CAAC,KAC/F,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC;MAAE,IAAI;MAAE,MAAM,EAAE;IAAO,CAAC,CAAC,CAAC,KAC1G,IAAI,QAAQ,CAAC,MAAM,IAAI,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC;MAAE,IAAI;MAAE,MAAM,EAAE;IAAQ,CAAC,CAAC,CAAC,KACvE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;EAC1B;EACA,OAAO;IAAE,QAAQ;IAAE;EAAS,CAAC;AAC/B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,MAA0B,KAAc;EACpG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAE,KAAK,IAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,KAAK;EAC5F,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAE,IAAI,IAAK,IAAI,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/F,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,OAAwB,KAC7D,mBAAmB,CACjB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CACxC,MAAM,CAAE,IAAI,IAAK,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CACtC,GAAG,CAAE,IAAI,IAAK,IAAI,CAAC,IAAI,CAAC,EAC3B,OAAO,CAAC,MACV,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC;AACnB,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,QAAoB,KAAK;EACjE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,CAAE,IAAI,IAAK,IAAI,CAAC,IAAI,CAAC;EAChE,OAAO,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,YAAY,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG;EAAU,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1I,CAAC;AAED,OAAO,MAAM,wBAAwB,GAAG,CACtC,QAAsC,EACtC,OAAmE,EACnE,QAAoB,EACpB,MAAc,KACH;EACX,MAAM,KAAe,GAAG,EAAE;EAC1B,MAAM,EAAE,GAAI,MAAmC,IAAK,QAAQ,CAAC,MAAM,CAAE,KAAK,IAAK,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,GAAG,CAAE,KAAK,IAAK,KAAK,CAAC,IAAI,CAAC;EAClI,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC;EACvB,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC;EACvB,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC;EACzB,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ;EAAE,CAAC,CAAC,CAAC;EAC/F,IAAI,IAAI,CAAC,MAAM,EACb,KAAK,CAAC,IAAI,CACR,QAAQ,CAAC,oBAAoB,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,EAAE;MAAE;IAAO,CAAC;EAAE,CAAC,CAC9H,CAAC;EACH,IAAI,KAAK,CAAC,MAAM,EACd,KAAK,CAAC,IAAI,CACR,QAAQ,CAAC,qBAAqB,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;IAAE,GAAG,EAAE,OAAO,CAAC,QAAQ,KAAK,KAAK,GAAG,CAAC,GAAI,OAAO,CAAC,QAAQ,IAAI;EAAG,CAAC,CACpI,CAAC;EACH,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AACzB,CAAC;AAED,MAAM,YAAY,GAAI,GAAa,IAAqB;EACtD,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW;EAC5B,MAAM,OAAO,GAAG,IAAI,GAAG,CAAsB,CAAC;EAC9C,MAAM,OAAO,GAAG,IAAI,OAAO,CAA+B,CAAC;EAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAyB,IAAI,CAAC;EACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;EACzC;EACA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAc,CAAC;EACtC,IAAI,aAAa,GAAG,CAAC;EACrB,IAAI,MAAsB,GAAG,IAAI;EACjC,IAAI,YAAY,GAAG,CAAC;EAEpB,MAAM,IAAI,GAAI,KAA2B,IAAK;IAC5C,IAAI,MAAM,IAAI,MAAM,KAAK,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC,mBAAmB,CAAC;IACpF,MAAM,GAAG,IAAI;IACb,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE;IAClC,MAAM,GAAG,KAAK,CAAC,OAAO;IACtB,MAAM,CAAC,YAAY,CAAC,mBAAmB,EAAE,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;EAC9E,CAAC;EAED,MAAM,aAAa,GAAI,KAA0B,IAAK;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;IAChC,OAAO,OAAO,EAAE,WAAW,GAAG,OAAO,GAAG,SAAS;EACnD,CAAC;;EAED;EACA,MAAM,SAAS,GAAG,CAAC,IAAyB,EAAE,IAAa,KAAK;IAC9D,KAAK,IAAI,OAAmC,GAAG,IAAI,EAAE,OAAO,IAAI,OAAO,KAAK,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,aAAa,EAC/G,IAAI,IAAI,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,MAAM,EAAE,OAAO,KAAK;IACtE,OAAO,IAAI;EACb,CAAC;;EAED;EACA,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,KAAqB,KAAK;IACtE,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;IACpC,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,KAAK;IACpD,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC;EAClF,CAAC;EACD,MAAM,QAAQ,GAAI,OAAgB,IAAK,OAAO,KAAK,GAAG,CAAC,eAAe,IAAI,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;EAE7G,MAAM,KAAK,GAAI,MAA0B,IAAK;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACnC,MAAM,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,MAAM,CAAE,KAAK,IAAK,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC,CAAC;IAC5G;IACA,MAAM,SAAS,GAAG,IAAI,GAAG,CAA+B,CAAC;IACzD,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,EAAG,KAAK,CAAC;IAC3E,MAAM,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CACjC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAE,KAAK,IAAK,KAAK,KAAK,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CACpG,CAAC;IACD,UAAU,CAAC;MAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC;MAAE,KAAK,EAAE;IAAK,CAAC,CAAC;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;EAC1C,CAAC;EAED,MAAM,GAAG,GAAG,MAAM;IAChB,OAAO,CAAC,KAAK,CAAC,CAAC;IACf,IAAI,CAAC,IAAI,CAAC;IACV,IAAI,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;EACjC,CAAC;EAED,MAAM,OAAO,GAAI,MAA0B,IAA8D;IACvG,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACnC,KAAK,IAAI,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE;MAC9E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;MACrC,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO;QAAE,KAAK,EAAE,QAAQ;QAAE;MAAQ,CAAC;MAC/E,IAAI,MAAuC;MAC3C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK;MAC3G,IAAI,MAAM,EAAE,OAAO;QAAE,KAAK,EAAE,MAAM;QAAE;MAAQ,CAAC;IAC/C;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAM,SAAS,GAAI,KAAgB,IAAK;IACtC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC;IACzB,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,KAAK,GAAG,KAAK,GAAG;MAAE,GAAG,KAAK;MAAE,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;IAAE,CAAC,GAAG,IAAI;IAC3F,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK;IAC9B,IAAI,QAAQ,EAAE,KAAK,KAAK,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,IAAI,QAAQ,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,EAAE;MACpH,IAAI,CAAC,KAAK,CAAC;MACX,UAAU,CAAC;QAAE,GAAG,OAAO;QAAE;MAAM,CAAC,CAAC;IACnC;IACA,OAAO,KAAK;EACd,CAAC;;EAED;EACA,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAE,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAC;EAEzE,MAAM,MAAM,GAAG,CAAC,KAAgB,EAAE,KAA2B,KAAK;IAChE,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE;IAC3B,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM;EACnG,CAAC;EAED,MAAM,YAAY,GAAG,MAAM;IACzB,IAAI,YAAY,IAAI,CAAC,IAAI,EAAE;IAC3B,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM;MAC9C,YAAY,GAAG,CAAC;MAChB,QAAQ,CAAE,KAAK,IAAK,KAAK,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC;EACJ,CAAC;EAED,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,YAA0B,KAAK;IAC1E,MAAM;MAAE;IAAQ,CAAC,GAAG,KAAK;IACzB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IAC5C,MAAM;MAAE,QAAQ;MAAE;IAAS,CAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvG,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;IACtC,IAAI,QAAQ,CAAC,MAAM,EACjB,QAAQ,CACN,QAAQ,CAAC,MAAM,KAAK,CAAC,GACjB,QAAQ,CAAC,kBAAkB,CAAC;MAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAE;IAAK,CAAC,CAAC,GACxD,QAAQ,CAAC,eAAe,CAAC;MAAE,KAAK,EAAE,QAAQ,CAAC;IAAO,CAAC,CACzD,CAAC;IACH,KAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE;MAAE,YAAY;MAAE;IAAS,CAAC,CAAC;EAC3D,CAAC;EAED,MAAM,SAAiD,GAAG;IACxD,SAAS,EAAG,KAAK,IAAK;MACnB,KAAK,CAAe,YAAY,EAAE,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAChE,CAAC;IACD,SAAS,EAAG,KAAK,IAAK;MACpB,MAAM,IAAI,GAAG,KAAkB;MAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;MACvB,aAAa,GAAG,KAAK,CAAC,SAAS;MAC/B,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;MAC3C,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;MACnC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IACD,QAAQ,EAAG,KAAK,IAAK;MACnB,MAAM,IAAI,GAAG,KAAkB;MAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;MACvB,aAAa,GAAG,KAAK,CAAC,SAAS;MAC/B;MACA,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE;QACd,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;QAC3C,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;MACrB;MACA,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;MAC7B,YAAY,CAAC,CAAC;IAChB,CAAC;IACD,SAAS,EAAG,KAAK,IAAK;MACpB,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE;MAChB,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;MAC9C;MACA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,IAAI,MAAM,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;MACvG,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,EAAG,KAAK,IAAK;MACf,MAAM,IAAI,GAAG,KAAkB;MAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;MACvB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;MACnC,GAAG,CAAC,CAAC;MACL,IAAI,CAAC,KAAK,EAAE;QACV,IAAI,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;QACtC;MACF;MACA;MACA,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,eAAe,CAAC,CAAC;MACvB,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC;IAChE,CAAC;IACD,OAAO,EAAG,KAAK,IAAK;MAClB,IAAK,KAAK,CAAmB,GAAG,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACnE,CAAC;IACD;IACA;IACA,WAAW,EAAG,KAAK,IAAK;MACtB,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,eAAe,EAAE,GAAG,CAAC,CAAC;IAC3E,CAAC;IACD,gBAAgB,EAAE,MAAM;MACtB,IAAI,GAAG,CAAC,eAAe,KAAK,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC7C;EACF,CAAC;EAED,IAAI,SAAS,GAAG,KAAK;EACrB,MAAM,OAAO,GAAG,MAAM;IACpB,IAAI,SAAS,IAAI,CAAC,IAAI,EAAE;IACxB,SAAS,GAAG,IAAI;IAChB,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EACtD,CAAC,IAAI,KAAK,kBAAkB,GAAG,GAAG,GAAG,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE;MAAE,OAAO,EAAE;IAAK,CAAC,CAAC;EAClG,CAAC;EAED,OAAO;IACL,OAAO;IACP,KAAK;IACL,SAAS,EAAG,KAAK,IAAK;MACpB,OAAO,CAAC,CAAC;MACT,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;MAClB,OAAO,MAAM;QACX,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;QACrB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC;QACzB,IAAI,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,EAAE;UACnC,IAAI,CAAC,IAAI,CAAC;UACV,UAAU,CAAC;YAAE,GAAG,OAAO;YAAE,KAAK,EAAE;UAAK,CAAC,CAAC;QACzC;MACF,CAAC;IACH,CAAC;IACD,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK;MAC7B,OAAO,CAAC,CAAC;MACT,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC;IAC7B;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAM,YAAY,GAAI,OAAgB,IAAgB,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,OAAO,CAAC,aAAa,GAAG,QAAS;;AAElI;AACA,OAAO,MAAM,cAAc,GAAI,GAAa,IAAqB;EAC/D,IAAI,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;EAC7B,IAAI,CAAC,MAAM,EAAE;IACX,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC;IAC1B,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC;EAC1B;EACA,OAAO,MAAM;AACf,CAAC","ignoreList":[]}

package/dist/browser/inputs/index.js

@@ -6,6 +6,7 @@ export { ColorInput, PinInput, Slider } from "./ChoiceInputs";
 export { Combobox } from "./Combobox";
 export { abbreviations } from "./completion";
 export { DatePicker, DateRangePicker, DateTimePicker } from "./DatePicker";
+export { FileDropTarget, fileDropTarget } from "./FileDropTarget";
 export { FileDropzone, ImageCropper, ImageInput } from "./FileInputs";
 export { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
 export { clampImageCropRect, createCroppedImageCanvas, createCroppedImageDataUrl, getInitialImageCropRect, imageCropRectToPixels, normalizeImageCropRotation, resizeImageCropAroundCenter, rotateImageCropRight } from "./image-crop";

package/dist/browser/inputs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAM7C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAErE,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from \"./FileDropTarget\";\nexport { FileDropTarget, fileDropTarget } from \"./FileDropTarget\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAM7C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,cAAc,EAAE,cAAc,QAAQ,kBAAkB;AAEjE,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAErE,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}