@k2b/ui 0.17.0 → 0.19.0

package/dist/browser/inputs/FileDropTarget.js

@@ -0,0 +1,129 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div popover=manual class=k2b-file-drop aria-hidden=true><span class=k2b-file-drop__message><i></i><span>`);
+import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js";
+import { useLocale } from "../intl/locale";
+import { useUiMessages } from "../intl/messages";
+import { FILE_DROP_DEFAULT_REGION, fileDropEngine, liveDocument } from "./file-drop";
+/**
+ * Turns an area into a drop target while files from outside the page are dragged over the window. A calm overlay
+ * covers the area without moving anything and says what dropping does; a more specific target inside it, such as a
+ * folder row or a `FileDropzone`, takes the drop and its sentence while the pointer is over it. Text, links, and
+ * elements dragged within the page never show it. Keep a visible upload button for keyboard and touch users.
+ */
+export function FileDropTarget(props) {
+  const messages = useUiMessages();
+  const locale = useLocale();
+  let overlay;
+  const [rect, setRect] = createSignal();
+  const region = () => props.for ?? overlay?.parentElement?.closest(FILE_DROP_DEFAULT_REGION) ?? overlay?.ownerDocument.documentElement;
+  const entry = {
+    options: props,
+    messages,
+    locale,
+    region,
+    host: () => overlay?.parentElement ?? undefined
+  };
+  const [engine, setEngine] = createSignal();
+  onMount(() => {
+    if (!overlay) return;
+    const drop = fileDropEngine(liveDocument(overlay));
+    onCleanup(drop.addRegion(entry));
+    setEngine(drop);
+  });
+  const shown = createMemo(() => engine()?.session()?.shown.includes(entry) ?? false);
+  const hover = createMemo(() => {
+    const current = engine()?.session()?.hover;
+    const element = region();
+    return current && element && (current.element === element || element.contains(current.element)) ? current : null;
+  });
+  const state = () => hover() ? hover().invalid ? "invalid" : "over" : "available";
+  const sentence = () => {
+    const current = hover();
+    if (current?.invalid) return messages().fileTypeNotAccepted;
+    return current ? current.entry.options.label : props.label;
+  };
+  createEffect(() => {
+    if (!shown()) return;
+    engine()?.frame();
+    const element = region();
+    const view = overlay?.ownerDocument.defaultView;
+    if (!element || !view) return;
+    // The overlay keeps to the visible part of its area, so its sentence stays on screen.
+    const bounds = element === element.ownerDocument.documentElement ? new DOMRect(0, 0, view.innerWidth, view.innerHeight) : element.getBoundingClientRect();
+    const top = Math.max(0, bounds.top);
+    const left = Math.max(0, bounds.left);
+    const next = {
+      top,
+      left,
+      width: Math.max(0, Math.min(view.innerWidth, bounds.right) - left),
+      height: Math.max(0, Math.min(view.innerHeight, bounds.bottom) - top),
+      radius: view.getComputedStyle(element).borderRadius
+    };
+    const previous = rect();
+    if (!previous || previous.top !== next.top || previous.left !== next.left || previous.width !== next.width || previous.height !== next.height || previous.radius !== next.radius) setRect(next);
+  });
+  createEffect(() => {
+    if (!overlay?.showPopover) return;
+    const open = overlay.matches(":popover-open");
+    if (shown() && !open) overlay.showPopover();else if (!shown() && open) overlay.hidePopover();
+  });
+  onCleanup(() => {
+    if (overlay?.matches?.(":popover-open")) overlay.hidePopover();
+  });
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$4 = _el$3.nextSibling;
+    var _ref$ = overlay;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : overlay = _el$;
+    _$insert(_el$4, sentence);
+    _$effect(_p$ => {
+      var _v$ = state(),
+        _v$2 = rect() ? {
+          top: `${rect().top}px`,
+          left: `${rect().left}px`,
+          width: `${rect().width}px`,
+          height: `${rect().height}px`,
+          "border-radius": rect().radius
+        } : undefined,
+        _v$3 = state() === "invalid" ? "ti ti-file-x" : "ti ti-upload";
+      _v$ !== _p$.e && _$setAttribute(_el$, "data-state", _p$.e = _v$);
+      _p$.t = _$style(_el$, _v$2, _p$.t);
+      _v$3 !== _p$.a && _$className(_el$3, _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$;
+  })();
+}
+
+/**
+ * Makes one element a specific drop target, such as a folder row inside a `FileDropTarget` area: pass the result as
+ * the element's `ref`. It wins over the area around it while the pointer is over it, and the area's overlay shows its
+ * sentence. Calling the ref again with new options replaces them.
+ */
+export function fileDropTarget(options) {
+  const messages = useUiMessages();
+  const locale = useLocale();
+  return element => {
+    const entry = {
+      options,
+      messages,
+      locale
+    };
+    // A ref runs before its element is inserted; registering after insertion finds the document it ends up in.
+    queueMicrotask(() => fileDropEngine(liveDocument(element)).setTarget(element, entry));
+  };
+}
+//# sourceMappingURL=FileDropTarget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/FileDropTarget.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { FILE_DROP_DEFAULT_REGION, type FileDropOptions, type FileDropTargetEntry, fileDropEngine, liveDocument } from \"./file-drop\";\n\nexport type { FileDropDetails, FileDropOptions, FileDropRejection } from \"./file-drop\";\n\nexport type FileDropTargetProps = FileDropOptions & {\n  /**\n   * The area that takes the files. Defaults to the nearest dialog, `AppWorkspace.Detail`, or `AppWorkspace.Main`\n   * around the component, and to the whole window outside of them.\n   */\n  for?: Element;\n};\n\ntype Rect = { top: number; left: number; width: number; height: number; radius: string };\n\n/**\n * Turns an area into a drop target while files from outside the page are dragged over the window. A calm overlay\n * covers the area without moving anything and says what dropping does; a more specific target inside it, such as a\n * folder row or a `FileDropzone`, takes the drop and its sentence while the pointer is over it. Text, links, and\n * elements dragged within the page never show it. Keep a visible upload button for keyboard and touch users.\n */\nexport function FileDropTarget(props: FileDropTargetProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  let overlay: HTMLDivElement | undefined;\n  const [rect, setRect] = createSignal<Rect>();\n  const region = () => props.for ?? overlay?.parentElement?.closest(FILE_DROP_DEFAULT_REGION) ?? overlay?.ownerDocument.documentElement;\n  const entry: FileDropTargetEntry = { options: props, messages, locale, region, host: () => overlay?.parentElement ?? undefined };\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n\n  onMount(() => {\n    if (!overlay) return;\n    const drop = fileDropEngine(liveDocument(overlay));\n    onCleanup(drop.addRegion(entry));\n    setEngine(drop);\n  });\n\n  const shown = createMemo(() => engine()?.session()?.shown.includes(entry) ?? false);\n  const hover = createMemo(() => {\n    const current = engine()?.session()?.hover;\n    const element = region();\n    return current && element && (current.element === element || element.contains(current.element)) ? current : null;\n  });\n  const state = () => (hover() ? (hover()!.invalid ? \"invalid\" : \"over\") : \"available\");\n  const sentence = () => {\n    const current = hover();\n    if (current?.invalid) return messages().fileTypeNotAccepted;\n    return current ? current.entry.options.label : props.label;\n  };\n\n  createEffect(() => {\n    if (!shown()) return;\n    engine()?.frame();\n    const element = region();\n    const view = overlay?.ownerDocument.defaultView;\n    if (!element || !view) return;\n    // The overlay keeps to the visible part of its area, so its sentence stays on screen.\n    const bounds =\n      element === element.ownerDocument.documentElement\n        ? new DOMRect(0, 0, view.innerWidth, view.innerHeight)\n        : element.getBoundingClientRect();\n    const top = Math.max(0, bounds.top);\n    const left = Math.max(0, bounds.left);\n    const next = {\n      top,\n      left,\n      width: Math.max(0, Math.min(view.innerWidth, bounds.right) - left),\n      height: Math.max(0, Math.min(view.innerHeight, bounds.bottom) - top),\n      radius: view.getComputedStyle(element).borderRadius,\n    };\n    const previous = rect();\n    if (\n      !previous ||\n      previous.top !== next.top ||\n      previous.left !== next.left ||\n      previous.width !== next.width ||\n      previous.height !== next.height ||\n      previous.radius !== next.radius\n    )\n      setRect(next);\n  });\n\n  createEffect(() => {\n    if (!overlay?.showPopover) return;\n    const open = overlay.matches(\":popover-open\");\n    if (shown() && !open) overlay.showPopover();\n    else if (!shown() && open) overlay.hidePopover();\n  });\n  onCleanup(() => {\n    if (overlay?.matches?.(\":popover-open\")) overlay.hidePopover();\n  });\n\n  return (\n    <div\n      ref={overlay}\n      popover=\"manual\"\n      class=\"k2b-file-drop\"\n      data-state={state()}\n      aria-hidden=\"true\"\n      style={\n        rect()\n          ? {\n              top: `${rect()!.top}px`,\n              left: `${rect()!.left}px`,\n              width: `${rect()!.width}px`,\n              height: `${rect()!.height}px`,\n              \"border-radius\": rect()!.radius,\n            }\n          : undefined\n      }\n    >\n      <span class=\"k2b-file-drop__message\">\n        <i class={state() === \"invalid\" ? \"ti ti-file-x\" : \"ti ti-upload\"} />\n        <span>{sentence()}</span>\n      </span>\n    </div>\n  );\n}\n\n/**\n * Makes one element a specific drop target, such as a folder row inside a `FileDropTarget` area: pass the result as\n * the element's `ref`. It wins over the area around it while the pointer is over it, and the area's overlay shows its\n * sentence. Calling the ref again with new options replaces them.\n */\nexport function fileDropTarget(options: FileDropOptions): (element: Element) => void {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  return (element) => {\n    const entry = { options, messages, locale };\n    // A ref runs before its element is inserted; registering after insertion finds the document it ends up in.\n    queueMicrotask(() => fileDropEngine(liveDocument(element)).setTarget(element, entry));\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/FileInputs.js

@@ -3,7 +3,6 @@ import { delegateEvents as _$delegateEvents } from "solid-js/web";
 import { style as _$style } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
-import { use as _$use } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
@@ -11,6 +10,7 @@ import { getNextMarker as _$getNextMarker } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
@@ -29,31 +29,62 @@ var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-dropzone__subtitle>`),
   _tmpl$11 = /*#__PURE__*/_$template(`<small>`),
   _tmpl$12 = /*#__PURE__*/_$template(`<small class=k2b-image-cropper__error>`),
   _tmpl$13 = /*#__PURE__*/_$template(`<button type=button class=k2b-image-cropper__handle>`);
-import { dropzone } from "@k2b/stdlib/solid";
-import { createEffect, createSignal, For, onCleanup, Show } from "solid-js";
+import { createEffect, createMemo, createSignal, For, mergeProps, onCleanup, onMount, Show } from "solid-js";
 import { Button, IconButton } from "../actions/Button";
 import { Tooltip } from "../feedback/Tooltip";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
+import { fileDropTarget } from "./FileDropTarget";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { fileDropEngine, liveDocument } from "./file-drop";
 import { clampImageCropRect, getInitialImageCropRect, resizeImageCropFromCorner, rotateImageCropRight } from "./image-crop";
 export function FileDropzone(props) {
   const messages = useUiMessages();
   const meta = createFieldMeta(props.id);
   const disabled = () => Boolean(props.disabled || props.busy);
-  const error = () => resolveMaybeAccessor(props.error);
+  const [chooseError, setChooseError] = createSignal();
+  const error = () => resolveMaybeAccessor(props.error) ?? chooseError();
   let input;
+  const [button, setButton] = createSignal();
   const emit = files => {
     if (disabled() || files.length === 0) return;
+    setChooseError();
     void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);
   };
-  const zone = dropzone.create({
+  const choose = chooseFiles => {
+    setChooseError();
+    chooseFiles().then(files => emit([...files]), cause => setChooseError(cause instanceof Error && cause.message ? cause.message : messages().failedLoadFiles));
+  };
+  // Drops take the same path as every other file drop target: files only, the most specific target wins, and files
+  // that do not fit `accept` are left out with a message.
+  const dropLabel = () => props.dropLabel ?? messages().dropToUpload;
+  const dropRef = fileDropTarget({
+    get label() {
+      return dropLabel();
+    },
     get accept() {
       return props.accept;
     },
+    get multiple() {
+      return props.multiple;
+    },
+    get disabled() {
+      return disabled();
+    },
     onDrop: emit
   });
-  const title = () => props.busy ? messages().uploading : zone.invalidDrag() ? messages().fileTypeNotAccepted : zone.isDragging() ? messages().dropToUpload : props.title ?? messages().dropFiles;
+  const [engine, setEngine] = createSignal();
+  onMount(() => {
+    const element = button();
+    if (element) setEngine(fileDropEngine(liveDocument(element)));
+  });
+  const dragState = createMemo(() => {
+    const element = button();
+    const hover = engine()?.session()?.hover;
+    if (!hover || hover.element !== element) return undefined;
+    return hover.invalid ? "invalid" : "over";
+  });
+  const title = () => props.busy ? messages().uploading : dragState() === "invalid" ? messages().fileTypeNotAccepted : dragState() === "over" ? dropLabel() : props.title ?? messages().dropFiles;
   return _$createComponent(Field, {
     get ["class"]() {
       return props.class;
@@ -85,26 +116,31 @@ export function FileDropzone(props) {
           [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
           _el$0 = _el$9.nextSibling,
           [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling);
+        _$use(element => {
+          setButton(element);
+          dropRef(element);
+        }, _el$);
         _$spread(_el$, _$mergeProps({
           get id() {
             return meta.controlId;
           },
-          get ["data-dragging"]() {
-            return zone.isDragging() ? "true" : undefined;
-          },
           get ["data-invalid"]() {
-            return zone.invalidDrag() || error() ? "true" : undefined;
+            return error() ? "true" : undefined;
           },
           get disabled() {
             return disabled();
           }
-        }, () => fieldControlAria(meta, props), {
-          "onClick": () => input?.click()
-        }, () => zone.handlers), false, true);
+        }, () => fieldControlAria(meta, mergeProps(props, {
+          error
+        })), {
+          "onClick": () => {
+            if (props.choose) choose(props.choose);else input?.click();
+          }
+        }), false, true);
         _$insert(_el$5, title);
         _$insert(_el$4, _$createComponent(Show, {
           get when() {
-            return zone.invalidDrag();
+            return dragState() === "invalid";
           },
           get fallback() {
             return _$createComponent(Show, {
@@ -137,35 +173,40 @@ export function FileDropzone(props) {
         _$effect(() => _$className(_el$3, props.busy ? "ti ti-loader-2 k2b-spin" : props.icon ?? "ti ti-cloud-upload"));
         _$runHydrationEvents();
         return _el$;
-      })(), (() => {
-        var _el$10 = _$getNextElement(_tmpl$4);
-        _el$10.addEventListener("change", event => {
-          const files = Array.from(event.currentTarget.files ?? []);
-          // Reset before emitting so re-picking the same file still fires change,
-          // even when onDrop throws.
-          event.currentTarget.value = "";
-          emit(files);
-        });
-        var _ref$ = input;
-        typeof _ref$ === "function" ? _$use(_ref$, _el$10) : input = _el$10;
-        _$effect(_p$ => {
-          var _v$ = props["aria-label"] ?? (typeof props.label === "string" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles),
-            _v$2 = props.accept,
-            _v$3 = props.multiple ?? true,
-            _v$4 = disabled();
-          _v$ !== _p$.e && _$setAttribute(_el$10, "aria-label", _p$.e = _v$);
-          _v$2 !== _p$.t && _$setAttribute(_el$10, "accept", _p$.t = _v$2);
-          _v$3 !== _p$.a && _$setProperty(_el$10, "multiple", _p$.a = _v$3);
-          _v$4 !== _p$.o && _$setProperty(_el$10, "disabled", _p$.o = _v$4);
-          return _p$;
-        }, {
-          e: undefined,
-          t: undefined,
-          a: undefined,
-          o: undefined
-        });
-        return _el$10;
-      })()];
+      })(), _$createComponent(Show, {
+        get when() {
+          return !props.choose;
+        },
+        get children() {
+          var _el$10 = _$getNextElement(_tmpl$4);
+          _el$10.addEventListener("change", event => {
+            const files = Array.from(event.currentTarget.files ?? []);
+            // Reset before emitting so re-picking the same file still fires change,
+            // even when onDrop throws.
+            event.currentTarget.value = "";
+            emit(files);
+          });
+          var _ref$ = input;
+          typeof _ref$ === "function" ? _$use(_ref$, _el$10) : input = _el$10;
+          _$effect(_p$ => {
+            var _v$ = props["aria-label"] ?? (typeof props.label === "string" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles),
+              _v$2 = props.accept,
+              _v$3 = props.multiple ?? true,
+              _v$4 = disabled();
+            _v$ !== _p$.e && _$setAttribute(_el$10, "aria-label", _p$.e = _v$);
+            _v$2 !== _p$.t && _$setAttribute(_el$10, "accept", _p$.t = _v$2);
+            _v$3 !== _p$.a && _$setProperty(_el$10, "multiple", _p$.a = _v$3);
+            _v$4 !== _p$.o && _$setProperty(_el$10, "disabled", _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined
+          });
+          return _el$10;
+        }
+      })];
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { dropzone } from \"@k2b/stdlib/solid\";\nimport { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  /** Full icon class list, for example `\"ti ti-photo-plus\"`. Defaults to `\"ti ti-cloud-upload\"`. */\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const error = () => resolveMaybeAccessor(props.error);\n  let input: HTMLInputElement | undefined;\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const zone = dropzone.create({\n    get accept() {\n      return props.accept;\n    },\n    onDrop: emit,\n  });\n  const title = () =>\n    props.busy\n      ? messages().uploading\n      : zone.invalidDrag()\n        ? messages().fileTypeNotAccepted\n        : zone.isDragging()\n          ? messages().dropToUpload\n          : (props.title ?? messages().dropFiles);\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        class=\"k2b-dropzone\"\n        data-dragging={zone.isDragging() ? \"true\" : undefined}\n        data-invalid={zone.invalidDrag() || error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, props)}\n        onClick={() => input?.click()}\n        {...zone.handlers}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={zone.invalidDrag()}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{messages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      <input\n        ref={input}\n        class=\"k2b-sr-only\"\n        type=\"file\"\n        aria-label={\n          props[\"aria-label\"] ??\n          (typeof props.label === \"string\" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles)\n        }\n        accept={props.accept}\n        multiple={props.multiple ?? true}\n        disabled={disabled()}\n        tabIndex={-1}\n        onChange={(event) => {\n          const files = Array.from(event.currentTarget.files ?? []);\n          // Reset before emitting so re-picking the same file still fires change,\n          // even when onDrop throws.\n          event.currentTarget.value = \"\";\n          emit(files);\n        }}\n      />\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? messages().changeImage : messages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : messages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={messages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={messages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={messages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const messages = useUiMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(messages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{messages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={messages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={messages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={messages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <Tooltip.Trigger\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  content={messages().rotateRight}\n                  aria-label={messages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </Tooltip.Trigger>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, mergeProps, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { fileDropTarget } from \"./FileDropTarget\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { fileDropEngine, liveDocument } from \"./file-drop\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  /** Full icon class list, for example `\"ti ti-photo-plus\"`. Defaults to `\"ti ti-cloud-upload\"`. */\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  /** One sentence that says what dropping does, shown while files are over the zone. Defaults to \"Drop to upload\". */\n  dropLabel?: string;\n  /**\n   * Chooses files when the zone is clicked, instead of the device's file dialog, for example to offer other sources as\n   * well. Called within the click, so it may still open the device's dialog; resolve `[]` when the user cancels. A\n   * rejection shows its message as the field's error.\n   */\n  choose?: () => Promise<readonly File[]>;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const [chooseError, setChooseError] = createSignal<string>();\n  const error = () => resolveMaybeAccessor(props.error) ?? chooseError();\n  let input: HTMLInputElement | undefined;\n  const [button, setButton] = createSignal<HTMLButtonElement>();\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    setChooseError();\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const choose = (chooseFiles: () => Promise<readonly File[]>) => {\n    setChooseError();\n    chooseFiles().then(\n      (files) => emit([...files]),\n      (cause: unknown) => setChooseError(cause instanceof Error && cause.message ? cause.message : messages().failedLoadFiles),\n    );\n  };\n  // Drops take the same path as every other file drop target: files only, the most specific target wins, and files\n  // that do not fit `accept` are left out with a message.\n  const dropLabel = () => props.dropLabel ?? messages().dropToUpload;\n  const dropRef = fileDropTarget({\n    get label() {\n      return dropLabel();\n    },\n    get accept() {\n      return props.accept;\n    },\n    get multiple() {\n      return props.multiple;\n    },\n    get disabled() {\n      return disabled();\n    },\n    onDrop: emit,\n  });\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n  onMount(() => {\n    const element = button();\n    if (element) setEngine(fileDropEngine(liveDocument(element)));\n  });\n  const dragState = createMemo(() => {\n    const element = button();\n    const hover = engine()?.session()?.hover;\n    if (!hover || hover.element !== element) return undefined;\n    return hover.invalid ? \"invalid\" : \"over\";\n  });\n  const title = () =>\n    props.busy\n      ? messages().uploading\n      : dragState() === \"invalid\"\n        ? messages().fileTypeNotAccepted\n        : dragState() === \"over\"\n          ? dropLabel()\n          : (props.title ?? messages().dropFiles);\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        ref={(element) => {\n          setButton(element);\n          dropRef(element);\n        }}\n        class=\"k2b-dropzone\"\n        data-invalid={error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, mergeProps(props, { error }))}\n        onClick={() => {\n          if (props.choose) choose(props.choose);\n          else input?.click();\n        }}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={dragState() === \"invalid\"}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{messages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      {/* With `choose`, the zone is the only control: a native input would take a dialog's first focus and open the\n          device's dialog past the chooser. */}\n      <Show when={!props.choose}>\n        <input\n          ref={input}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          aria-label={\n            props[\"aria-label\"] ??\n            (typeof props.label === \"string\" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles)\n          }\n          accept={props.accept}\n          multiple={props.multiple ?? true}\n          disabled={disabled()}\n          tabIndex={-1}\n          onChange={(event) => {\n            const files = Array.from(event.currentTarget.files ?? []);\n            // Reset before emitting so re-picking the same file still fires change,\n            // even when onDrop throws.\n            event.currentTarget.value = \"\";\n            emit(files);\n          }}\n        />\n      </Show>\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? messages().changeImage : messages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : messages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={messages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={messages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={messages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const messages = useUiMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(messages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{messages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={messages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={messages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={messages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <Tooltip.Trigger\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  content={messages().rotateRight}\n                  aria-label={messages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </Tooltip.Trigger>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}