@alfakit/vue 0.1.10 → 0.1.11

package/dist/components/fields/DatePickerField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.vue_vue_type_script_setup_true_lang.js","names":["format","formatDate","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","Input","_mergeProps","Popover","PopoverTrigger","Button","_normalizeClass","_createTextVNode","_toDisplayString","PopoverContent","_createElementBlock","_createCommentVNode","_Fragment","_renderList","Button_default","Input_default","Popover_default","PopoverContent_default","PopoverTrigger_default","FieldWrapper_default","SelectAffixes_default","_hoisted_1","_hoisted_2","_hoisted_3","loadCalendar","module","Calendar","lazyComponent","defineComponent","h","DatePickerField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","open","ref","storageFormat","computed","phpToDateFnsFormat","t","useT","direction","useDirection","panelFormat","useFormatter","localization","useLocalization","locale","format$1","LocaleFormatter","listId","id","display","formatPhpDate","date","nativeType","nativeFormat","parsed","value","parse","selectedDate","isValid","nativeValue","format","toNative","raw","parseStored","onNativeInput","toCalendarDate","CalendarDate","calendarValue","minValue","maxValue","disabledDates","isDateDisabled","focusedPlaceholder","step","timeInputStep","onSelect","next","base","withTime","setValue","blur","timeValue","onTimeInput","wallClockNow","hours","minutes","seconds","weekStartsOn","openBlock","createBlock","unref","error","withCtx","createVNode","mergeProps","disabled","readOnly","aria","_cache","$event","normalizeClass","cn","CalendarIcon","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","Fragment","renderList","option"],"sources":["../../../src/components/fields/DatePickerField.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\n\n// The month grid (reka-ui) loads the first time a picker opens (or is hovered or focused),\n// not with the form.\nconst loadCalendar = () => import('../ui/Calendar.vue').then((module) => module.default)\nconst Calendar = lazyComponent(\n  'AlfakitCalendar',\n  loadCalendar,\n  defineComponent({\n    name: 'AlfakitCalendarLoading',\n    inheritAttrs: false,\n    render: () => h('div', { 'aria-busy': 'true', class: 'h-[18.5rem] w-[15.5rem]' }),\n  }),\n)\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  formatPhpDate,\n  LocaleFormatter,\n  timeInputStep,\n  wallClockNow,\n  type DatePickerSchema,\n} from '@alfakit/core'\nimport { CalendarDate, type DateValue } from '@internationalized/date'\nimport { CalendarIcon } from '@lucide/vue'\nimport { format as formatDate, isValid, parse } from 'date-fns'\nimport { computed, ref } from 'vue'\nimport { useDirection, useFormatter, useLocalization, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport { phpToDateFnsFormat } from './date-format'\nimport SelectAffixes from './SelectAffixes.vue'\n\nconst props = defineProps<{ component: DatePickerSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst open = ref(false)\n\nconst storageFormat = computed(() => phpToDateFnsFormat(props.component.format))\nconst t = useT()\nconst direction = useDirection()\nconst panelFormat = useFormatter()\nconst localization = useLocalization()\n// `locale()` overrides the panel's language for this picker only.\nconst locale = computed(() => props.component.locale ?? localization.value?.tag ?? 'en')\nconst format = computed(() =>\n  props.component.locale\n    ? new LocaleFormatter(\n        props.component.locale,\n        panelFormat.value.currencyCode,\n        panelFormat.value.timeZone,\n      )\n    : panelFormat.value,\n)\nconst listId = computed(() => (props.component.datalist ? `${id}-list` : undefined))\n\n// Month and weekday names come from Intl, so they follow the user's language.\nconst display = (date: Date): string =>\n  props.component.displayFormat\n    ? formatPhpDate(date, props.component.displayFormat, locale.value)\n    : format.value.date(date, {\n        ...(props.component.hasDate ? { dateStyle: 'medium' as const } : {}),\n        ...(props.component.hasTime ? { timeStyle: 'short' as const } : {}),\n        timeZone: undefined,\n      })\n\nconst nativeType = computed(() =>\n  !props.component.hasDate ? 'time' : props.component.hasTime ? 'datetime-local' : 'date',\n)\nconst nativeFormat = computed(() =>\n  nativeType.value === 'time'\n    ? props.component.hasSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n    : nativeType.value === 'datetime-local'\n      ? props.component.hasSeconds\n        ? \"yyyy-MM-dd'T'HH:mm:ss\"\n        : \"yyyy-MM-dd'T'HH:mm\"\n      : 'yyyy-MM-dd',\n)\n\nconst parsed = computed(() =>\n  value.value ? parse(value.value, storageFormat.value, new Date()) : null,\n)\nconst selectedDate = computed(() =>\n  parsed.value && isValid(parsed.value) ? parsed.value : undefined,\n)\nconst nativeValue = computed(() =>\n  selectedDate.value ? formatDate(selectedDate.value, nativeFormat.value) : (value.value ?? ''),\n)\n\nfunction toNative(raw: string): string | undefined {\n  const date = parse(raw, storageFormat.value, new Date())\n\n  return isValid(date) ? formatDate(date, nativeFormat.value) : undefined\n}\n\nfunction parseStored(raw: string): Date {\n  return parse(raw, storageFormat.value, new Date())\n}\n\nconst onNativeInput = (raw: string) => {\n  if (raw === '') {\n    setValue(null)\n\n    return\n  }\n\n  const date = parse(raw, nativeFormat.value, new Date())\n  setValue(isValid(date) ? formatDate(date, storageFormat.value) : raw)\n}\n\n// Calendar (reka-ui) works with @internationalized/date values.\nconst toCalendarDate = (date: Date): CalendarDate =>\n  new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate())\nconst calendarValue = computed(() =>\n  selectedDate.value ? toCalendarDate(selectedDate.value) : undefined,\n)\nconst minValue = computed(() =>\n  props.component.minDate ? toCalendarDate(parseStored(props.component.minDate)) : undefined,\n)\nconst maxValue = computed(() =>\n  props.component.maxDate ? toCalendarDate(parseStored(props.component.maxDate)) : undefined,\n)\nconst disabledDates = computed(() =>\n  (props.component.disabledDates ?? []).map((date) => toCalendarDate(parseStored(date)).toString()),\n)\nconst isDateDisabled = (date: DateValue) => disabledDates.value.includes(date.toString())\n// `defaultFocusedDate()`: the month the calendar opens on while the field is empty.\nconst focusedPlaceholder = computed(() => {\n  if (!props.component.defaultFocusedDate) return undefined\n\n  const date = parseStored(props.component.defaultFocusedDate)\n\n  return isValid(date) ? toCalendarDate(date) : undefined\n})\nconst step = computed(() => timeInputStep(props.component))\n\nconst onSelect = (next: DateValue | undefined) => {\n  if (!next) {\n    setValue(null)\n\n    return\n  }\n\n  const base = selectedDate.value\n  const withTime = new Date(\n    next.year,\n    next.month - 1,\n    next.day,\n    base?.getHours() ?? 0,\n    base?.getMinutes() ?? 0,\n    base?.getSeconds() ?? 0,\n  )\n  setValue(formatDate(withTime, storageFormat.value))\n\n  if (props.component.closeOnDateSelection && !props.component.hasTime) {\n    open.value = false\n    blur()\n  }\n}\n\nconst timeValue = computed(() =>\n  selectedDate.value\n    ? formatDate(selectedDate.value, props.component.hasSeconds ? 'HH:mm:ss' : 'HH:mm')\n    : '',\n)\n\nconst onTimeInput = (raw: string) => {\n  const base = selectedDate.value ?? wallClockNow(props.component.timezone)\n  const [hours = '0', minutes = '0', seconds = '0'] = raw.split(':')\n  const next = new Date(\n    base.getFullYear(),\n    base.getMonth(),\n    base.getDate(),\n    Number(hours),\n    Number(minutes),\n    Number(seconds),\n  )\n  setValue(formatDate(next, storageFormat.value))\n}\n\n// Kept out of the template: a `|` union there is parsed as a (removed) Vue 2 filter.\nconst weekStartsOn = computed(\n  () => (props.component.firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6,\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <SelectAffixes :component=\"props.component\" :error=\"error\">\n      <Input\n        v-if=\"props.component.native || !props.component.hasDate\"\n        :id=\"id\"\n        :type=\"nativeType\"\n        :name=\"props.component.name\"\n        :model-value=\"nativeValue\"\n        :step=\"step\"\n        :min=\"props.component.minDate ? toNative(props.component.minDate) : undefined\"\n        :max=\"props.component.maxDate ? toNative(props.component.maxDate) : undefined\"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :required=\"props.component.required\"\n        :lang=\"props.component.locale\"\n        :list=\"listId\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @update:model-value=\"onNativeInput\"\n        @blur=\"blur\"\n      />\n      <Popover v-else :open=\"open\" @update:open=\"open = $event && !readOnly\">\n        <PopoverTrigger as-child>\n          <Button\n            :id=\"id\"\n            type=\"button\"\n            data-input=\"\"\n            variant=\"outline\"\n            :disabled=\"disabled\"\n            @pointerenter=\"loadCalendar\"\n            @focus=\"loadCalendar\"\n            :aria-invalid=\"aria['aria-invalid']\"\n            :aria-describedby=\"aria['aria-describedby']\"\n            :class=\"\n              cn(\n                'w-full justify-start font-normal',\n                !selectedDate && 'text-muted-foreground',\n                error && 'border-destructive',\n              )\n            \"\n          >\n            <CalendarIcon class=\"size-4\" />\n            {{\n              selectedDate\n                ? display(selectedDate)\n                : (props.component.placeholder ?? t('form.pick_date', {}, 'Pick a date'))\n            }}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent class=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            :model-value=\"calendarValue\"\n            :calendar-label=\"props.component.label || t('form.pick_date', {}, 'Pick a date')\"\n            :locale=\"locale\"\n            :dir=\"direction\"\n            :today=\"toCalendarDate(wallClockNow(props.component.timezone))\"\n            :week-starts-on=\"weekStartsOn\"\n            :min-value=\"minValue\"\n            :max-value=\"maxValue\"\n            :default-placeholder=\"focusedPlaceholder\"\n            :is-date-disabled=\"isDateDisabled\"\n            initial-focus\n            @update:model-value=\"onSelect($event as DateValue | undefined)\"\n          />\n          <div v-if=\"props.component.hasTime\" class=\"border-t p-3\">\n            <Input\n              type=\"time\"\n              :step=\"step\"\n              :model-value=\"timeValue\"\n              @update:model-value=\"onTimeInput\"\n              @blur=\"blur\"\n            />\n          </div>\n        </PopoverContent>\n      </Popover>\n      <datalist\n        v-if=\"(props.component.native || !props.component.hasDate) && props.component.datalist\"\n        :id=\"listId\"\n      >\n        <option\n          v-for=\"option in props.component.datalist\"\n          :key=\"option\"\n          :value=\"toNative(option) ?? option\"\n        />\n      </datalist>\n    </SelectAffixes>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerField.vue_vue_type_script_setup_true_lang.js","names":["format","formatDate","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","SelectAffixes","Input","_mergeProps","Popover","PopoverTrigger","Button","_normalizeClass","_createTextVNode","_toDisplayString","PopoverContent","_createElementBlock","_createCommentVNode","_Fragment","_renderList","Button_default","Input_default","Popover_default","PopoverContent_default","PopoverTrigger_default","FieldWrapper_default","SelectAffixes_default","_hoisted_1","_hoisted_2","_hoisted_3","loadCalendar","module","Calendar","lazyComponent","defineComponent","h","DatePickerField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","open","ref","storageFormat","computed","phpToDateFnsFormat","t","useT","direction","useDirection","panelFormat","useFormatter","localization","useLocalization","locale","format$1","LocaleFormatter","listId","id","display","formatPhpDate","date","nativeType","nativeFormat","parsed","value","parse","selectedDate","isValid","nativeValue","format","toNative","raw","parseStored","onNativeInput","toCalendarDate","CalendarDate","calendarValue","minValue","maxValue","disabledDates","isDateDisabled","focusedPlaceholder","step","timeInputStep","onSelect","next","base","withTime","setValue","blur","timeValue","onTimeInput","wallClockNow","hours","minutes","seconds","weekStartsOn","openBlock","createBlock","unref","error","withCtx","createVNode","mergeProps","disabled","readOnly","aria","_cache","$event","normalizeClass","cn","CalendarIcon","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","Fragment","renderList","option"],"sources":["../../../src/components/fields/DatePickerField.vue"],"mappings":"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"}

package/dist/components/fields/FieldPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPlaceholder.js","names":["_sfc_main","FieldPlaceholder_vue_vue_type_script_setup_true_lang_default","FieldPlaceholder_default"],"sources":["../../../src/components/fields/FieldPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/**\n * What the server renders and hydration show for a field whose code loads the first time\n * one is shown in the browser: its label and a placeholder.\n */\nconst props = defineProps<{ component: object; height?: string }>()\n// Every lazily loaded field schema carries the base field keys.\nconst field = computed(() => props.component as FieldSchema)\nconst { error, id } = useField<unknown>(() => field.value)\n</script>\n\n<template>\n  <FieldWrapper :field=\"field\" :html-for=\"id\" :error=\"error\">\n    <Skeleton aria-busy=\"true\" data-slot=\"field-placeholder\" :class=\"props.height ?? 'h-9'\" />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"FieldPlaceholder.js","names":["_sfc_main","FieldPlaceholder_vue_vue_type_script_setup_true_lang_default","FieldPlaceholder_default"],"sources":["../../../src/components/fields/FieldPlaceholder.vue"],"mappings":""}

package/dist/components/fields/FieldPlaceholder.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Skeleton","_normalizeClass","Skeleton_default","FieldWrapper_default","FieldPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","field","computed","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","normalizeClass"],"sources":["../../../src/components/fields/FieldPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/**\n * What the server renders and hydration show for a field whose code loads the first time\n * one is shown in the browser: its label and a placeholder.\n */\nconst props = defineProps<{ component: object; height?: string }>()\n// Every lazily loaded field schema carries the base field keys.\nconst field = computed(() => props.component as FieldSchema)\nconst { error, id } = useField<unknown>(() => field.value)\n</script>\n\n<template>\n  <FieldWrapper :field=\"field\" :html-for=\"id\" :error=\"error\">\n    <Skeleton aria-busy=\"true\" data-slot=\"field-placeholder\" :class=\"props.height ?? 'h-9'\" />\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;EAWA,IAAMW,IAAQC,GAERC,IAAQC,QAAeH,EAAM,SAAwB,GACrD,EAAE,UAAO,UAAOI,QAAwBF,EAAM,KAAK;oBAIvDb,EAAA,GAAAC,EAEeC,GAAA;GAFA,OAAOW,EAAA;GAAQ,YAAUV,EAAAgB,CAAA;GAAK,OAAOhB,EAAAiB,CAAA;;GAClD,SAAAhB,QAA0F,CAA1FC,EAA0FC,GAAA;IAAhF,aAAU;IAAO,aAAU;IAAqB,OAAKC,EAAEI,EAAM,UAAM,KAAA"}
+{"version":3,"file":"FieldPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Skeleton","_normalizeClass","Skeleton_default","FieldWrapper_default","FieldPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","field","computed","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","normalizeClass"],"sources":["../../../src/components/fields/FieldPlaceholder.vue"],"mappings":";;;;;;;;;;;;EAWA,IAAMW,IAAQC,GAERC,IAAQC,QAAeH,EAAM,SAAwB,GACrD,EAAE,UAAO,UAAOI,QAAwBF,EAAM,KAAK;oBAIvDb,EAAA,GAAAC,EAEeC,GAAA;GAFA,OAAOW,EAAA;GAAQ,YAAUV,EAAAgB,CAAA;GAAK,OAAOhB,EAAAiB,CAAA;;GAClD,SAAAhB,QAA0F,CAA1FC,EAA0FC,GAAA;IAAhF,aAAU;IAAO,aAAU;IAAqB,OAAKC,EAAEI,EAAM,UAAM,KAAA"}

package/dist/components/fields/FileUploadField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadField.js","names":["_sfc_main","FileUploadField_vue_vue_type_script_setup_true_lang_default","FileUploadField_default"],"sources":["../../../src/components/fields/FileUploadField.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\n\n// The image editor's code loads with the first image to edit, not with the form.\nconst ImageEditorDialog = lazyComponent(\n  'ImageEditorDialog',\n  () => import('./ImageEditorDialog.vue').then((module) => module.default),\n  defineComponent({ name: 'ImageEditorDialogLoading', render: () => null }),\n)\n</script>\n\n<script setup lang=\"ts\">\nimport type { FileUploadSchema, UploadedFile } from '@alfakit/core'\nimport {\n  canEditImage,\n  concurrencyLimiter,\n  cssAspectRatio,\n  editableImageName,\n  fetchEditableImage,\n  fieldMemory,\n  fileUploadAccept,\n  filesFromClipboard,\n  fileUploadPaths,\n  fileManagerSize,\n  insertUploadedFile,\n  moveRepeaterItem,\n  requestJson,\n  transformImage,\n  uploadedFileLinks,\n  panelUploadOptions,\n  uploadTemporaryFile,\n} from '@alfakit/core'\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DownloadIcon,\n  ExternalLinkIcon,\n  FileIcon,\n  PencilIcon,\n  UploadCloudIcon,\n  XIcon,\n} from '@lucide/vue'\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useChoice, useFormatter, usePanel, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField, useFormStore } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport type { ImageEditRequest } from './ImageEditorDialog.vue'\n\ninterface LocalFile extends UploadedFile {\n  progress?: number\n  error?: string\n  preview?: string\n}\n\nconst props = defineProps<{ component: FileUploadSchema }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst choice = useChoice()\nconst panel = usePanel()\nconst {\n  value,\n  setValue,\n  error,\n  id,\n  disabled: fieldDisabled,\n  readOnly,\n  aria,\n} = useField<string | string[] | null>(() => props.component)\n// Read-only keeps open/download links but hides upload and remove controls.\nconst disabled = computed(() => fieldDisabled.value || readOnly.value)\nconst store = useFormStore()\n// In-flight uploads and the metadata of files uploaded in this session (the server schema\n// only knows about saved files) live in the form's field memory, not in component state:\n// a virtualised Repeater item unmounts when scrolled out of view and finds them again,\n// local image previews included, when it mounts back.\nconst uploadingStore = fieldMemory<LocalFile[]>(\n  store,\n  `${props.component.statePath}:uploading`,\n  () => [],\n)\nconst uploadedStore = fieldMemory<FileUploadSchema['files']>(\n  store,\n  `${props.component.statePath}:uploaded`,\n  () => [],\n)\nconst uploadingState = useStore(uploadingStore)\nconst uploadedState = useStore(uploadedStore)\nconst uploading = computed({\n  get: () => uploadingState.value,\n  set: (next: LocalFile[]) => uploadingStore.set(next),\n})\nconst uploaded = computed({\n  get: () => uploadedState.value,\n  set: (next: FileUploadSchema['files']) => uploadedStore.set(next),\n})\nconst dragging = ref(false)\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst dragPath = ref<string | null>(null)\n// The image open in the editor (`imageEditor()`), one at a time.\nconst editing = shallowRef<ImageEditRequest | null>(null)\nconst editorRequested = ref(false)\n\nwatch(editing, (request) => {\n  if (request) editorRequested.value = true\n})\nconst editImage = (file: File) =>\n  new Promise<File | null>((resolve) => {\n    editing.value = {\n      file,\n      resolve: (edited) => {\n        editing.value = null\n        resolve(edited)\n      },\n    }\n  })\n// Object URLs made for local image previews; released when the file is removed.\nconst objectUrls = fieldMemory<Set<string>>(\n  store,\n  `${props.component.statePath}:previews`,\n  () => new Set(),\n).get()\n\nconst releasePreview = (url: string | undefined) => {\n  if (url && objectUrls.delete(url)) URL.revokeObjectURL(url)\n}\n\nconst paths = computed(() => fileUploadPaths(value.value))\nconst files = computed<LocalFile[]>(() =>\n  paths.value.map(\n    (path) =>\n      [...props.component.files, ...uploaded.value].find((file) => file.path === path) ?? {\n        path,\n        name: path.replace(/^tmp:/, ''),\n      },\n  ),\n)\nconst maxFiles = computed(() =>\n  props.component.multiple ? (props.component.maxFiles ?? Infinity) : 1,\n)\nconst canAddMore = computed(() => files.value.length + uploading.value.length < maxFiles.value)\nconst circle = computed(() => props.component.panelLayout === 'circle' || props.component.avatar)\nconst integrated = computed(() => props.component.panelLayout === 'integrated' && !circle.value)\nconst removeAtStart = computed(() => props.component.positions?.removeButton === 'start')\nconst progressAtStart = computed(() => props.component.positions?.progressIndicator === 'start')\nconst uploadAlign = computed(() => props.component.positions?.uploadButton ?? 'center')\n\nconst commit = (next: string[]) => setValue(props.component.multiple ? next : (next[0] ?? null))\n\nconst upload = async (list: FileList | File[]) => {\n  const endpoint = panel.value.endpoints.upload\n\n  if (!endpoint) {\n    return\n  }\n\n  const accepted = Array.from(list).slice(\n    0,\n    Math.max(0, maxFiles.value - files.value.length - uploading.value.length),\n  )\n\n  // `maxParallelUploads()`: files are prepared (edited, resized) one by one and then\n  // queued, so at most that many upload at once.\n  const limit = concurrencyLimiter(props.component.maxParallelUploads ?? 1)\n  const queued: Promise<void>[] = []\n\n  for (const [position, picked] of accepted.entries()) {\n    let original = picked\n    const edit = Boolean(props.component.imageEditor && canEditImage(picked))\n\n    if (edit) {\n      const edited = await editImage(picked)\n\n      // Cancelled: the file is not uploaded.\n      if (!edited) continue\n\n      original = edited\n    }\n\n    const file = await prepare(original, edit)\n\n    if (!file) continue\n\n    const local = pendingFile(file, position)\n    uploading.value = [...uploading.value, local]\n\n    queued.push(limit(() => send(endpoint, file, local)))\n  }\n\n  await Promise.all(queued)\n}\n\n/** Resize and orient a picked (or edited) file, and check its size. Null when rejected. */\nconst prepare = async (original: File, edited: boolean): Promise<File | null> => {\n  const file =\n    props.component.imageCropAspectRatio ||\n    props.component.imageResizeTargetWidth ||\n    props.component.imageResizeTargetHeight ||\n    props.component.orientImagesFromExif\n      ? await transformImage(original, {\n          // The editor already cropped the image.\n          aspectRatio: edited ? null : props.component.imageCropAspectRatio,\n          mode: props.component.imageResizeMode,\n          width: props.component.imageResizeTargetWidth,\n          height: props.component.imageResizeTargetHeight,\n          orient: props.component.orientImagesFromExif,\n        })\n      : original\n\n  if (props.component.minSize && file.size < props.component.minSize * 1024) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: file.name,\n        name: file.name,\n        size: file.size,\n        error: t('form.file_too_small', {}, 'This file is too small.'),\n      },\n    ]\n\n    return null\n  }\n\n  if (props.component.maxSize && file.size > props.component.maxSize * 1024) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: file.name,\n        name: file.name,\n        size: file.size,\n        error: t('form.file_too_large', {}, 'This file is too large.'),\n      },\n    ]\n\n    return null\n  }\n\n  return file\n}\n\n/** The in-progress entry shown while `file` uploads. */\nconst pendingFile = (file: File, position: number | string): LocalFile => {\n  const local: LocalFile = {\n    // Unique within the batch and across re-picks of a changed file.\n    path: `pending:${position}:${file.lastModified}:${file.size}:${file.name}`,\n    name: file.name,\n    size: file.size,\n    progress: 0,\n    preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n  }\n  if (local.preview) objectUrls.add(local.preview)\n\n  return local\n}\n\n// `imageEditor()`: uploaded JPEG, PNG and WebP images can be edited again.\nconst canEditExisting = (file: LocalFile, index: number) =>\n  Boolean(props.component.imageEditor) &&\n  !disabled.value &&\n  index < files.value.length &&\n  !file.missing &&\n  Boolean(file.url ?? file.preview) &&\n  editableImageName(file) !== null\n\n/**\n * The \"Edit\" button on an uploaded image: open it in the editor and upload the result\n * in its place (the old file goes like any removed one: a temporary upload is deleted\n * now, a stored file when the form is saved with `deleteRemovedFiles()`).\n */\nconst editExisting = async (existing: LocalFile) => {\n  const endpoint = panel.value.endpoints.upload\n  const url = existing.url ?? existing.preview\n  const name = editableImageName(existing)\n\n  if (!endpoint || !url || !name) return\n\n  const source = await fetchEditableImage(url, name)\n\n  if (!source) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: `failed:${existing.path}`,\n        name: existing.name,\n        error: t('image_editor.load_failed', {}, 'The image could not be opened.'),\n      },\n    ]\n\n    return\n  }\n\n  const edited = await editImage(source)\n\n  // Cancelled, or the editor couldn't decode it: keep the file as it is.\n  if (!edited || edited === source) return\n\n  const file = await prepare(edited, true)\n\n  if (!file) return\n\n  const local = pendingFile(file, `edit:${existing.path}`)\n  uploading.value = [...uploading.value, local]\n  await send(endpoint, file, local, existing.path)\n}\n\nconst send = async (endpoint: string, file: File, local: LocalFile, replacing?: string) => {\n  try {\n    // Large files go in resumable chunks; progress covers the whole file.\n    const response = await uploadTemporaryFile(endpoint, file, {\n      ...panelUploadOptions(panel.value, props.component.uploadPolicy),\n      onProgress: (progress) => {\n        uploading.value = uploading.value.map((item) =>\n          item.path === local.path ? { ...item, progress } : item,\n        )\n      },\n    })\n\n    uploaded.value = [\n      ...uploaded.value,\n      {\n        path: response.key,\n        name: response.name,\n        size: response.size,\n        temporary: true,\n        url: local.preview,\n      },\n    ]\n    uploading.value = uploading.value.filter((item) => item.path !== local.path)\n    // Read the store, not `value`: it may lag behind within a batch.\n    const current = fileUploadPaths(\n      store.getValue<string | string[] | null>(props.component.statePath, null),\n    )\n\n    if (replacing !== undefined && current.includes(replacing)) {\n      // An edited image takes the old one's place.\n      commit(current.map((path) => (path === replacing ? response.key : path)))\n      discard(replacing)\n    } else {\n      commit(insertUploadedFile(current, response.key, props.component, maxFiles.value))\n    }\n  } catch (uploadError) {\n    const message =\n      (uploadError as { errors?: Record<string, string[]> }).errors?.file?.[0] ??\n      (uploadError as Error).message\n    uploading.value = uploading.value.map((item) =>\n      item.path === local.path ? { ...item, error: message, progress: undefined } : item,\n    )\n  }\n}\n\nconst remove = (path: string) => {\n  commit(paths.value.filter((item) => item !== path))\n  discard(path)\n}\n\n/** Release a file that left the field: its preview, and a temporary upload's file. */\nconst discard = (path: string) => {\n  releasePreview(uploadedStore.get().find((file) => file.path === path)?.url)\n\n  if (path.startsWith('tmp:') && panel.value.endpoints.uploadDestroy) {\n    void requestJson(panel.value.endpoints.uploadDestroy, {\n      method: 'DELETE',\n      body: { key: path },\n    }).catch(() => undefined)\n  }\n}\n\nconst removeEntry = (file: LocalFile) => {\n  if (file.error || file.progress !== undefined) {\n    releasePreview(file.preview)\n    uploading.value = uploading.value.filter((item) => item.path !== file.path)\n  } else {\n    remove(file.path)\n  }\n}\n\nconst onDrop = (event: DragEvent) => {\n  event.preventDefault()\n  dragging.value = false\n\n  if (!disabled.value && event.dataTransfer && event.dataTransfer.files.length > 0) {\n    void upload(event.dataTransfer.files)\n  }\n}\n\n// `pasteable()`: images and files pasted while the drop zone has focus.\nconst onPaste = (event: ClipboardEvent) => {\n  if (disabled.value || props.component.pasteable === false) return\n\n  const pasted = filesFromClipboard(event.clipboardData)\n\n  if (pasted.length > 0) {\n    event.preventDefault()\n    void upload(pasted)\n  }\n}\n\nconst onPick = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  // Copy the list: clearing the input empties it while the editor is open.\n  const picked = input.files ? Array.from(input.files) : []\n  input.value = ''\n  void upload(picked)\n}\n\nconst move = (from: number, to: number) =>\n  commit(moveRepeaterItem(paths.value, from, to) as string[])\nconst reorderable = computed(() =>\n  Boolean(props.component.reorderable && props.component.multiple && !disabled.value),\n)\n\nconst onItemDrop = (event: DragEvent, index: number) => {\n  if (!reorderable.value || dragPath.value === null) return\n  event.preventDefault()\n  event.stopPropagation()\n  const from = paths.value.indexOf(dragPath.value)\n  if (from !== -1 && index < files.value.length) move(from, index)\n  dragPath.value = null\n}\n\nconst hints = computed(() =>\n  [\n    props.component.acceptedFileTypes?.join(', '),\n    props.component.maxSize\n      ? `≤ ${fileManagerSize(props.component.maxSize * 1024, formatter.value)}`\n      : null,\n    props.component.minFiles\n      ? choice(\n          'form.min_files',\n          props.component.minFiles,\n          {},\n          'At least :count file|At least :count files',\n        )\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' · '),\n)\n\n// `previewable(false)` shows every file as a name and icon, without the image.\nconst isImage = (file: LocalFile) =>\n  props.component.previewable !== false &&\n  (props.component.image || /\\.(png|jpe?g|gif|webp|svg|avif)$/i.test(file.name))\n\n// Previews whose image failed to load (missing or unreachable file) show the file icon.\nconst brokenPreviews = ref<ReadonlySet<string>>(new Set())\n\n/** `imagePreviewHeight()`: numbers are pixels, strings are CSS lengths (`'250px'`, `'10rem'`). */\nfunction cssLength(value: number | string): string {\n  return typeof value === 'number' || /^\\d+(\\.\\d+)?$/.test(value) ? `${value}px` : value\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      data-slot=\"file-upload\"\n      :data-layout=\"props.component.panelLayout\"\n      :class=\"cn('flex flex-col gap-3', integrated && 'rounded-md border p-2')\"\n    >\n      <ul\n        v-if=\"files.length > 0 || uploading.length > 0\"\n        :class=\"\n          cn(\n            'grid gap-2',\n            props.component.panelLayout === 'grid' && 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4',\n            circle && 'justify-items-center',\n          )\n        \"\n      >\n        <li\n          v-for=\"(file, index) in [...files, ...uploading]\"\n          :key=\"file.path\"\n          :draggable=\"reorderable && index < files.length\"\n          :class=\"\n            cn(\n              dragPath === file.path && 'opacity-50',\n              'bg-muted/30 relative flex min-w-0 items-center gap-3 overflow-hidden rounded-md border p-2 text-sm',\n              circle && 'size-28 justify-center rounded-full border-0 p-0',\n              file.error && 'border-destructive',\n            )\n          \"\n          @dragstart=\"dragPath = file.path\"\n          @dragover=\"reorderable && $event.preventDefault()\"\n          @drop=\"onItemDrop($event, index)\"\n          @dragend=\"dragPath = null\"\n        >\n          <Button\n            v-if=\"!circle && removeAtStart && props.component.deletable && !disabled\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :aria-label=\"t('file_upload.remove', { name: file.name }, 'Remove :name')\"\n            @click=\"removeEntry(file)\"\n            ><XIcon\n          /></Button>\n          <Spinner\n            v-if=\"!circle && progressAtStart && file.progress !== undefined && !file.error\"\n          />\n          <img\n            v-if=\"isImage(file) && (file.url || file.preview) && !brokenPreviews.has(file.path)\"\n            :src=\"file.url ?? file.preview\"\n            alt=\"\"\n            :class=\"cn('size-12 shrink-0 rounded object-cover', circle && 'size-28 rounded-full')\"\n            :style=\"\n              !circle && props.component.imagePreviewHeight\n                ? {\n                    height: cssLength(props.component.imagePreviewHeight),\n                    width: 'auto',\n                    maxWidth: '50%',\n                  }\n                : undefined\n            \"\n            @error=\"brokenPreviews = new Set(brokenPreviews).add(file.path)\"\n          />\n          <FileIcon v-else-if=\"!circle\" class=\"text-muted-foreground size-6 shrink-0\" />\n          <div v-if=\"!circle\" class=\"min-w-0 flex-1\">\n            <p class=\"truncate font-medium\">{{ file.name }}</p>\n            <p :class=\"cn('text-muted-foreground text-xs', file.missing && 'text-destructive')\">\n              {{\n                file.error ??\n                (file.missing\n                  ? t('form.file_missing', {}, 'This file no longer exists.')\n                  : file.progress !== undefined && !file.error\n                    ? (props.component.uploadingMessage ?? t('form.uploading', {}, 'Uploading…'))\n                    : file.size\n                      ? fileManagerSize(file.size, formatter)\n                      : file.temporary\n                        ? t('form.uploading', {}, 'Pending')\n                        : '')\n              }}\n            </p>\n          </div>\n          <div :class=\"cn('flex items-center gap-1', circle && 'absolute -end-1 -bottom-1')\">\n            <Spinner\n              v-if=\"(circle || !progressAtStart) && file.progress !== undefined && !file.error\"\n            />\n            <template v-if=\"reorderable && index < files.length\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :aria-label=\"t('file_upload.move_up', { name: file.name }, 'Move :name up')\"\n                :disabled=\"index === 0\"\n                @click=\"move(index, index - 1)\"\n                ><ChevronUpIcon\n              /></Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :aria-label=\"t('file_upload.move_down', { name: file.name }, 'Move :name down')\"\n                :disabled=\"index === files.length - 1\"\n                @click=\"move(index, index + 1)\"\n                ><ChevronDownIcon\n              /></Button>\n            </template>\n            <Button\n              v-if=\"canEditExisting(file, index)\"\n              type=\"button\"\n              :variant=\"circle ? 'secondary' : 'ghost'\"\n              size=\"icon-xs\"\n              :class=\"cn(circle && 'rounded-full shadow')\"\n              :aria-label=\"t('file_upload.edit', { name: file.name }, 'Edit :name')\"\n              :title=\"t('image_editor.title', {}, 'Edit image')\"\n              data-action=\"edit-image\"\n              @click=\"void editExisting(file)\"\n              ><PencilIcon\n            /></Button>\n            <Button\n              v-if=\"props.component.openable && uploadedFileLinks(file).open\"\n              as-child\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n            >\n              <a\n                :href=\"uploadedFileLinks(file).open\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                :aria-label=\"`${t('file_upload.open', { name: file.name }, 'Open :name')} ${t('opens_in_new_tab', {}, '(opens in a new tab)')}`\"\n                ><ExternalLinkIcon\n              /></a>\n            </Button>\n            <Button\n              v-if=\"props.component.downloadable && uploadedFileLinks(file).download\"\n              as-child\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n            >\n              <a\n                :href=\"uploadedFileLinks(file).download\"\n                download\n                :aria-label=\"t('file_upload.download', { name: file.name }, 'Download :name')\"\n                ><DownloadIcon\n              /></a>\n            </Button>\n            <Button\n              v-if=\"props.component.deletable && !disabled && (circle || !removeAtStart)\"\n              type=\"button\"\n              :variant=\"circle ? 'secondary' : 'ghost'\"\n              size=\"icon-xs\"\n              :class=\"cn(circle && 'rounded-full shadow')\"\n              :aria-label=\"t('file_upload.remove', { name: file.name }, 'Remove :name')\"\n              @click=\"removeEntry(file)\"\n              ><XIcon\n            /></Button>\n          </div>\n        </li>\n      </ul>\n      <div\n        v-if=\"canAddMore && !disabled\"\n        role=\"button\"\n        tabindex=\"0\"\n        :data-align=\"uploadAlign\"\n        :style=\"\n          !circle && props.component.panelAspectRatio\n            ? { aspectRatio: cssAspectRatio(props.component.panelAspectRatio) }\n            : undefined\n        \"\n        :class=\"\n          cn(\n            'text-muted-foreground hover:border-ring flex cursor-pointer flex-col justify-center gap-1 rounded-md border border-dashed px-4 py-6 text-sm transition-colors',\n            uploadAlign === 'start'\n              ? 'items-start text-start'\n              : uploadAlign === 'end'\n                ? 'items-end text-end'\n                : 'items-center text-center',\n            integrated && 'border-transparent',\n            dragging && 'border-ring bg-accent',\n            circle && 'size-28 items-center rounded-full py-0',\n          )\n        \"\n        :aria-describedby=\"aria['aria-describedby']\"\n        @click=\"inputRef?.click()\"\n        @keydown.enter.prevent=\"inputRef?.click()\"\n        @keydown.space.prevent=\"inputRef?.click()\"\n        @dragover.prevent=\"dragging = true\"\n        @dragleave=\"dragging = false\"\n        @drop=\"onDrop\"\n        @paste=\"onPaste\"\n      >\n        <UploadCloudIcon class=\"size-5\" />\n        <span v-if=\"!circle\">{{\n          props.component.placeholder ??\n          t('form.drop_files', {}, 'Drop files here or click to browse')\n        }}</span>\n        <span v-if=\"!circle && hints\" class=\"text-muted-foreground text-xs\">{{ hints }}</span>\n      </div>\n      <input\n        :id=\"id\"\n        ref=\"inputRef\"\n        type=\"file\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :multiple=\"props.component.multiple\"\n        :accept=\"fileUploadAccept(props.component)\"\n        :disabled=\"disabled\"\n        @change=\"onPick\"\n      />\n      <!-- Mounted from the first edit on (it stays for its closing animation). -->\n      <ImageEditorDialog\n        v-if=\"props.component.imageEditor && (editing || editorRequested)\"\n        :request=\"editing\"\n        :options=\"props.component.imageEditor\"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"FileUploadField.js","names":["_sfc_main","FileUploadField_vue_vue_type_script_setup_true_lang_default","FileUploadField_default"],"sources":["../../../src/components/fields/FileUploadField.vue"],"mappings":""}

package/dist/components/fields/FileUploadField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","Button","_createVNode","_createCommentVNode","Spinner","_normalizeStyle","_toDisplayString","_withKeys","_withModifiers","Button_default","Spinner_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","ImageEditorDialog","lazyComponent","module","defineComponent","FileUploadField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","formatter","useFormatter","choice","useChoice","panel","usePanel","fieldDisabled","useField","disabled","computed","readOnly","store","useFormStore","uploadingStore","fieldMemory","uploadedStore","uploadingState","useStore","uploadedState","uploading","next","uploaded","dragging","ref","inputRef","dragPath","editing","shallowRef","editorRequested","request","editImage","resolve","edited","objectUrls","releasePreview","url","paths","fileUploadPaths","value","files","file","path","maxFiles","canAddMore","circle","integrated","removeAtStart","progressAtStart","uploadAlign","commit","setValue","upload","endpoint","accepted","list","limit","concurrencyLimiter","queued","position","picked","original","edit","canEditImage","prepare","local","pendingFile","send","transformImage","canEditExisting","index","editableImageName","editExisting","existing","name","source","fetchEditableImage","response","uploadTemporaryFile","panelUploadOptions","item","current","replacing","discard","insertUploadedFile","uploadError","message","remove","requestJson","removeEntry","onDrop","event","onPaste","pasted","filesFromClipboard","onPick","input","move","moveRepeaterItem","from","to","reorderable","onItemDrop","hints","fileManagerSize","isImage","brokenPreviews","cssLength","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","createElementBlock","Fragment","renderList","_cache","$event","createVNode","XIcon","createCommentVNode","normalizeStyle","FileIcon","toDisplayString","ChevronUpIcon","ChevronDownIcon","PencilIcon","uploadedFileLinks","ExternalLinkIcon","DownloadIcon","cssAspectRatio","aria","withKeys","withModifiers","UploadCloudIcon","fileUploadAccept"],"sources":["../../../src/components/fields/FileUploadField.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\n\n// The image editor's code loads with the first image to edit, not with the form.\nconst ImageEditorDialog = lazyComponent(\n  'ImageEditorDialog',\n  () => import('./ImageEditorDialog.vue').then((module) => module.default),\n  defineComponent({ name: 'ImageEditorDialogLoading', render: () => null }),\n)\n</script>\n\n<script setup lang=\"ts\">\nimport type { FileUploadSchema, UploadedFile } from '@alfakit/core'\nimport {\n  canEditImage,\n  concurrencyLimiter,\n  cssAspectRatio,\n  editableImageName,\n  fetchEditableImage,\n  fieldMemory,\n  fileUploadAccept,\n  filesFromClipboard,\n  fileUploadPaths,\n  fileManagerSize,\n  insertUploadedFile,\n  moveRepeaterItem,\n  requestJson,\n  transformImage,\n  uploadedFileLinks,\n  panelUploadOptions,\n  uploadTemporaryFile,\n} from '@alfakit/core'\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  DownloadIcon,\n  ExternalLinkIcon,\n  FileIcon,\n  PencilIcon,\n  UploadCloudIcon,\n  XIcon,\n} from '@lucide/vue'\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useChoice, useFormatter, usePanel, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField, useFormStore } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport type { ImageEditRequest } from './ImageEditorDialog.vue'\n\ninterface LocalFile extends UploadedFile {\n  progress?: number\n  error?: string\n  preview?: string\n}\n\nconst props = defineProps<{ component: FileUploadSchema }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst choice = useChoice()\nconst panel = usePanel()\nconst {\n  value,\n  setValue,\n  error,\n  id,\n  disabled: fieldDisabled,\n  readOnly,\n  aria,\n} = useField<string | string[] | null>(() => props.component)\n// Read-only keeps open/download links but hides upload and remove controls.\nconst disabled = computed(() => fieldDisabled.value || readOnly.value)\nconst store = useFormStore()\n// In-flight uploads and the metadata of files uploaded in this session (the server schema\n// only knows about saved files) live in the form's field memory, not in component state:\n// a virtualised Repeater item unmounts when scrolled out of view and finds them again,\n// local image previews included, when it mounts back.\nconst uploadingStore = fieldMemory<LocalFile[]>(\n  store,\n  `${props.component.statePath}:uploading`,\n  () => [],\n)\nconst uploadedStore = fieldMemory<FileUploadSchema['files']>(\n  store,\n  `${props.component.statePath}:uploaded`,\n  () => [],\n)\nconst uploadingState = useStore(uploadingStore)\nconst uploadedState = useStore(uploadedStore)\nconst uploading = computed({\n  get: () => uploadingState.value,\n  set: (next: LocalFile[]) => uploadingStore.set(next),\n})\nconst uploaded = computed({\n  get: () => uploadedState.value,\n  set: (next: FileUploadSchema['files']) => uploadedStore.set(next),\n})\nconst dragging = ref(false)\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst dragPath = ref<string | null>(null)\n// The image open in the editor (`imageEditor()`), one at a time.\nconst editing = shallowRef<ImageEditRequest | null>(null)\nconst editorRequested = ref(false)\n\nwatch(editing, (request) => {\n  if (request) editorRequested.value = true\n})\nconst editImage = (file: File) =>\n  new Promise<File | null>((resolve) => {\n    editing.value = {\n      file,\n      resolve: (edited) => {\n        editing.value = null\n        resolve(edited)\n      },\n    }\n  })\n// Object URLs made for local image previews; released when the file is removed.\nconst objectUrls = fieldMemory<Set<string>>(\n  store,\n  `${props.component.statePath}:previews`,\n  () => new Set(),\n).get()\n\nconst releasePreview = (url: string | undefined) => {\n  if (url && objectUrls.delete(url)) URL.revokeObjectURL(url)\n}\n\nconst paths = computed(() => fileUploadPaths(value.value))\nconst files = computed<LocalFile[]>(() =>\n  paths.value.map(\n    (path) =>\n      [...props.component.files, ...uploaded.value].find((file) => file.path === path) ?? {\n        path,\n        name: path.replace(/^tmp:/, ''),\n      },\n  ),\n)\nconst maxFiles = computed(() =>\n  props.component.multiple ? (props.component.maxFiles ?? Infinity) : 1,\n)\nconst canAddMore = computed(() => files.value.length + uploading.value.length < maxFiles.value)\nconst circle = computed(() => props.component.panelLayout === 'circle' || props.component.avatar)\nconst integrated = computed(() => props.component.panelLayout === 'integrated' && !circle.value)\nconst removeAtStart = computed(() => props.component.positions?.removeButton === 'start')\nconst progressAtStart = computed(() => props.component.positions?.progressIndicator === 'start')\nconst uploadAlign = computed(() => props.component.positions?.uploadButton ?? 'center')\n\nconst commit = (next: string[]) => setValue(props.component.multiple ? next : (next[0] ?? null))\n\nconst upload = async (list: FileList | File[]) => {\n  const endpoint = panel.value.endpoints.upload\n\n  if (!endpoint) {\n    return\n  }\n\n  const accepted = Array.from(list).slice(\n    0,\n    Math.max(0, maxFiles.value - files.value.length - uploading.value.length),\n  )\n\n  // `maxParallelUploads()`: files are prepared (edited, resized) one by one and then\n  // queued, so at most that many upload at once.\n  const limit = concurrencyLimiter(props.component.maxParallelUploads ?? 1)\n  const queued: Promise<void>[] = []\n\n  for (const [position, picked] of accepted.entries()) {\n    let original = picked\n    const edit = Boolean(props.component.imageEditor && canEditImage(picked))\n\n    if (edit) {\n      const edited = await editImage(picked)\n\n      // Cancelled: the file is not uploaded.\n      if (!edited) continue\n\n      original = edited\n    }\n\n    const file = await prepare(original, edit)\n\n    if (!file) continue\n\n    const local = pendingFile(file, position)\n    uploading.value = [...uploading.value, local]\n\n    queued.push(limit(() => send(endpoint, file, local)))\n  }\n\n  await Promise.all(queued)\n}\n\n/** Resize and orient a picked (or edited) file, and check its size. Null when rejected. */\nconst prepare = async (original: File, edited: boolean): Promise<File | null> => {\n  const file =\n    props.component.imageCropAspectRatio ||\n    props.component.imageResizeTargetWidth ||\n    props.component.imageResizeTargetHeight ||\n    props.component.orientImagesFromExif\n      ? await transformImage(original, {\n          // The editor already cropped the image.\n          aspectRatio: edited ? null : props.component.imageCropAspectRatio,\n          mode: props.component.imageResizeMode,\n          width: props.component.imageResizeTargetWidth,\n          height: props.component.imageResizeTargetHeight,\n          orient: props.component.orientImagesFromExif,\n        })\n      : original\n\n  if (props.component.minSize && file.size < props.component.minSize * 1024) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: file.name,\n        name: file.name,\n        size: file.size,\n        error: t('form.file_too_small', {}, 'This file is too small.'),\n      },\n    ]\n\n    return null\n  }\n\n  if (props.component.maxSize && file.size > props.component.maxSize * 1024) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: file.name,\n        name: file.name,\n        size: file.size,\n        error: t('form.file_too_large', {}, 'This file is too large.'),\n      },\n    ]\n\n    return null\n  }\n\n  return file\n}\n\n/** The in-progress entry shown while `file` uploads. */\nconst pendingFile = (file: File, position: number | string): LocalFile => {\n  const local: LocalFile = {\n    // Unique within the batch and across re-picks of a changed file.\n    path: `pending:${position}:${file.lastModified}:${file.size}:${file.name}`,\n    name: file.name,\n    size: file.size,\n    progress: 0,\n    preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n  }\n  if (local.preview) objectUrls.add(local.preview)\n\n  return local\n}\n\n// `imageEditor()`: uploaded JPEG, PNG and WebP images can be edited again.\nconst canEditExisting = (file: LocalFile, index: number) =>\n  Boolean(props.component.imageEditor) &&\n  !disabled.value &&\n  index < files.value.length &&\n  !file.missing &&\n  Boolean(file.url ?? file.preview) &&\n  editableImageName(file) !== null\n\n/**\n * The \"Edit\" button on an uploaded image: open it in the editor and upload the result\n * in its place (the old file goes like any removed one: a temporary upload is deleted\n * now, a stored file when the form is saved with `deleteRemovedFiles()`).\n */\nconst editExisting = async (existing: LocalFile) => {\n  const endpoint = panel.value.endpoints.upload\n  const url = existing.url ?? existing.preview\n  const name = editableImageName(existing)\n\n  if (!endpoint || !url || !name) return\n\n  const source = await fetchEditableImage(url, name)\n\n  if (!source) {\n    uploading.value = [\n      ...uploading.value,\n      {\n        path: `failed:${existing.path}`,\n        name: existing.name,\n        error: t('image_editor.load_failed', {}, 'The image could not be opened.'),\n      },\n    ]\n\n    return\n  }\n\n  const edited = await editImage(source)\n\n  // Cancelled, or the editor couldn't decode it: keep the file as it is.\n  if (!edited || edited === source) return\n\n  const file = await prepare(edited, true)\n\n  if (!file) return\n\n  const local = pendingFile(file, `edit:${existing.path}`)\n  uploading.value = [...uploading.value, local]\n  await send(endpoint, file, local, existing.path)\n}\n\nconst send = async (endpoint: string, file: File, local: LocalFile, replacing?: string) => {\n  try {\n    // Large files go in resumable chunks; progress covers the whole file.\n    const response = await uploadTemporaryFile(endpoint, file, {\n      ...panelUploadOptions(panel.value, props.component.uploadPolicy),\n      onProgress: (progress) => {\n        uploading.value = uploading.value.map((item) =>\n          item.path === local.path ? { ...item, progress } : item,\n        )\n      },\n    })\n\n    uploaded.value = [\n      ...uploaded.value,\n      {\n        path: response.key,\n        name: response.name,\n        size: response.size,\n        temporary: true,\n        url: local.preview,\n      },\n    ]\n    uploading.value = uploading.value.filter((item) => item.path !== local.path)\n    // Read the store, not `value`: it may lag behind within a batch.\n    const current = fileUploadPaths(\n      store.getValue<string | string[] | null>(props.component.statePath, null),\n    )\n\n    if (replacing !== undefined && current.includes(replacing)) {\n      // An edited image takes the old one's place.\n      commit(current.map((path) => (path === replacing ? response.key : path)))\n      discard(replacing)\n    } else {\n      commit(insertUploadedFile(current, response.key, props.component, maxFiles.value))\n    }\n  } catch (uploadError) {\n    const message =\n      (uploadError as { errors?: Record<string, string[]> }).errors?.file?.[0] ??\n      (uploadError as Error).message\n    uploading.value = uploading.value.map((item) =>\n      item.path === local.path ? { ...item, error: message, progress: undefined } : item,\n    )\n  }\n}\n\nconst remove = (path: string) => {\n  commit(paths.value.filter((item) => item !== path))\n  discard(path)\n}\n\n/** Release a file that left the field: its preview, and a temporary upload's file. */\nconst discard = (path: string) => {\n  releasePreview(uploadedStore.get().find((file) => file.path === path)?.url)\n\n  if (path.startsWith('tmp:') && panel.value.endpoints.uploadDestroy) {\n    void requestJson(panel.value.endpoints.uploadDestroy, {\n      method: 'DELETE',\n      body: { key: path },\n    }).catch(() => undefined)\n  }\n}\n\nconst removeEntry = (file: LocalFile) => {\n  if (file.error || file.progress !== undefined) {\n    releasePreview(file.preview)\n    uploading.value = uploading.value.filter((item) => item.path !== file.path)\n  } else {\n    remove(file.path)\n  }\n}\n\nconst onDrop = (event: DragEvent) => {\n  event.preventDefault()\n  dragging.value = false\n\n  if (!disabled.value && event.dataTransfer && event.dataTransfer.files.length > 0) {\n    void upload(event.dataTransfer.files)\n  }\n}\n\n// `pasteable()`: images and files pasted while the drop zone has focus.\nconst onPaste = (event: ClipboardEvent) => {\n  if (disabled.value || props.component.pasteable === false) return\n\n  const pasted = filesFromClipboard(event.clipboardData)\n\n  if (pasted.length > 0) {\n    event.preventDefault()\n    void upload(pasted)\n  }\n}\n\nconst onPick = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  // Copy the list: clearing the input empties it while the editor is open.\n  const picked = input.files ? Array.from(input.files) : []\n  input.value = ''\n  void upload(picked)\n}\n\nconst move = (from: number, to: number) =>\n  commit(moveRepeaterItem(paths.value, from, to) as string[])\nconst reorderable = computed(() =>\n  Boolean(props.component.reorderable && props.component.multiple && !disabled.value),\n)\n\nconst onItemDrop = (event: DragEvent, index: number) => {\n  if (!reorderable.value || dragPath.value === null) return\n  event.preventDefault()\n  event.stopPropagation()\n  const from = paths.value.indexOf(dragPath.value)\n  if (from !== -1 && index < files.value.length) move(from, index)\n  dragPath.value = null\n}\n\nconst hints = computed(() =>\n  [\n    props.component.acceptedFileTypes?.join(', '),\n    props.component.maxSize\n      ? `≤ ${fileManagerSize(props.component.maxSize * 1024, formatter.value)}`\n      : null,\n    props.component.minFiles\n      ? choice(\n          'form.min_files',\n          props.component.minFiles,\n          {},\n          'At least :count file|At least :count files',\n        )\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' · '),\n)\n\n// `previewable(false)` shows every file as a name and icon, without the image.\nconst isImage = (file: LocalFile) =>\n  props.component.previewable !== false &&\n  (props.component.image || /\\.(png|jpe?g|gif|webp|svg|avif)$/i.test(file.name))\n\n// Previews whose image failed to load (missing or unreachable file) show the file icon.\nconst brokenPreviews = ref<ReadonlySet<string>>(new Set())\n\n/** `imagePreviewHeight()`: numbers are pixels, strings are CSS lengths (`'250px'`, `'10rem'`). */\nfunction cssLength(value: number | string): string {\n  return typeof value === 'number' || /^\\d+(\\.\\d+)?$/.test(value) ? `${value}px` : value\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      data-slot=\"file-upload\"\n      :data-layout=\"props.component.panelLayout\"\n      :class=\"cn('flex flex-col gap-3', integrated && 'rounded-md border p-2')\"\n    >\n      <ul\n        v-if=\"files.length > 0 || uploading.length > 0\"\n        :class=\"\n          cn(\n            'grid gap-2',\n            props.component.panelLayout === 'grid' && 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4',\n            circle && 'justify-items-center',\n          )\n        \"\n      >\n        <li\n          v-for=\"(file, index) in [...files, ...uploading]\"\n          :key=\"file.path\"\n          :draggable=\"reorderable && index < files.length\"\n          :class=\"\n            cn(\n              dragPath === file.path && 'opacity-50',\n              'bg-muted/30 relative flex min-w-0 items-center gap-3 overflow-hidden rounded-md border p-2 text-sm',\n              circle && 'size-28 justify-center rounded-full border-0 p-0',\n              file.error && 'border-destructive',\n            )\n          \"\n          @dragstart=\"dragPath = file.path\"\n          @dragover=\"reorderable && $event.preventDefault()\"\n          @drop=\"onItemDrop($event, index)\"\n          @dragend=\"dragPath = null\"\n        >\n          <Button\n            v-if=\"!circle && removeAtStart && props.component.deletable && !disabled\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :aria-label=\"t('file_upload.remove', { name: file.name }, 'Remove :name')\"\n            @click=\"removeEntry(file)\"\n            ><XIcon\n          /></Button>\n          <Spinner\n            v-if=\"!circle && progressAtStart && file.progress !== undefined && !file.error\"\n          />\n          <img\n            v-if=\"isImage(file) && (file.url || file.preview) && !brokenPreviews.has(file.path)\"\n            :src=\"file.url ?? file.preview\"\n            alt=\"\"\n            :class=\"cn('size-12 shrink-0 rounded object-cover', circle && 'size-28 rounded-full')\"\n            :style=\"\n              !circle && props.component.imagePreviewHeight\n                ? {\n                    height: cssLength(props.component.imagePreviewHeight),\n                    width: 'auto',\n                    maxWidth: '50%',\n                  }\n                : undefined\n            \"\n            @error=\"brokenPreviews = new Set(brokenPreviews).add(file.path)\"\n          />\n          <FileIcon v-else-if=\"!circle\" class=\"text-muted-foreground size-6 shrink-0\" />\n          <div v-if=\"!circle\" class=\"min-w-0 flex-1\">\n            <p class=\"truncate font-medium\">{{ file.name }}</p>\n            <p :class=\"cn('text-muted-foreground text-xs', file.missing && 'text-destructive')\">\n              {{\n                file.error ??\n                (file.missing\n                  ? t('form.file_missing', {}, 'This file no longer exists.')\n                  : file.progress !== undefined && !file.error\n                    ? (props.component.uploadingMessage ?? t('form.uploading', {}, 'Uploading…'))\n                    : file.size\n                      ? fileManagerSize(file.size, formatter)\n                      : file.temporary\n                        ? t('form.uploading', {}, 'Pending')\n                        : '')\n              }}\n            </p>\n          </div>\n          <div :class=\"cn('flex items-center gap-1', circle && 'absolute -end-1 -bottom-1')\">\n            <Spinner\n              v-if=\"(circle || !progressAtStart) && file.progress !== undefined && !file.error\"\n            />\n            <template v-if=\"reorderable && index < files.length\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :aria-label=\"t('file_upload.move_up', { name: file.name }, 'Move :name up')\"\n                :disabled=\"index === 0\"\n                @click=\"move(index, index - 1)\"\n                ><ChevronUpIcon\n              /></Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :aria-label=\"t('file_upload.move_down', { name: file.name }, 'Move :name down')\"\n                :disabled=\"index === files.length - 1\"\n                @click=\"move(index, index + 1)\"\n                ><ChevronDownIcon\n              /></Button>\n            </template>\n            <Button\n              v-if=\"canEditExisting(file, index)\"\n              type=\"button\"\n              :variant=\"circle ? 'secondary' : 'ghost'\"\n              size=\"icon-xs\"\n              :class=\"cn(circle && 'rounded-full shadow')\"\n              :aria-label=\"t('file_upload.edit', { name: file.name }, 'Edit :name')\"\n              :title=\"t('image_editor.title', {}, 'Edit image')\"\n              data-action=\"edit-image\"\n              @click=\"void editExisting(file)\"\n              ><PencilIcon\n            /></Button>\n            <Button\n              v-if=\"props.component.openable && uploadedFileLinks(file).open\"\n              as-child\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n            >\n              <a\n                :href=\"uploadedFileLinks(file).open\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                :aria-label=\"`${t('file_upload.open', { name: file.name }, 'Open :name')} ${t('opens_in_new_tab', {}, '(opens in a new tab)')}`\"\n                ><ExternalLinkIcon\n              /></a>\n            </Button>\n            <Button\n              v-if=\"props.component.downloadable && uploadedFileLinks(file).download\"\n              as-child\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n            >\n              <a\n                :href=\"uploadedFileLinks(file).download\"\n                download\n                :aria-label=\"t('file_upload.download', { name: file.name }, 'Download :name')\"\n                ><DownloadIcon\n              /></a>\n            </Button>\n            <Button\n              v-if=\"props.component.deletable && !disabled && (circle || !removeAtStart)\"\n              type=\"button\"\n              :variant=\"circle ? 'secondary' : 'ghost'\"\n              size=\"icon-xs\"\n              :class=\"cn(circle && 'rounded-full shadow')\"\n              :aria-label=\"t('file_upload.remove', { name: file.name }, 'Remove :name')\"\n              @click=\"removeEntry(file)\"\n              ><XIcon\n            /></Button>\n          </div>\n        </li>\n      </ul>\n      <div\n        v-if=\"canAddMore && !disabled\"\n        role=\"button\"\n        tabindex=\"0\"\n        :data-align=\"uploadAlign\"\n        :style=\"\n          !circle && props.component.panelAspectRatio\n            ? { aspectRatio: cssAspectRatio(props.component.panelAspectRatio) }\n            : undefined\n        \"\n        :class=\"\n          cn(\n            'text-muted-foreground hover:border-ring flex cursor-pointer flex-col justify-center gap-1 rounded-md border border-dashed px-4 py-6 text-sm transition-colors',\n            uploadAlign === 'start'\n              ? 'items-start text-start'\n              : uploadAlign === 'end'\n                ? 'items-end text-end'\n                : 'items-center text-center',\n            integrated && 'border-transparent',\n            dragging && 'border-ring bg-accent',\n            circle && 'size-28 items-center rounded-full py-0',\n          )\n        \"\n        :aria-describedby=\"aria['aria-describedby']\"\n        @click=\"inputRef?.click()\"\n        @keydown.enter.prevent=\"inputRef?.click()\"\n        @keydown.space.prevent=\"inputRef?.click()\"\n        @dragover.prevent=\"dragging = true\"\n        @dragleave=\"dragging = false\"\n        @drop=\"onDrop\"\n        @paste=\"onPaste\"\n      >\n        <UploadCloudIcon class=\"size-5\" />\n        <span v-if=\"!circle\">{{\n          props.component.placeholder ??\n          t('form.drop_files', {}, 'Drop files here or click to browse')\n        }}</span>\n        <span v-if=\"!circle && hints\" class=\"text-muted-foreground text-xs\">{{ hints }}</span>\n      </div>\n      <input\n        :id=\"id\"\n        ref=\"inputRef\"\n        type=\"file\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :multiple=\"props.component.multiple\"\n        :accept=\"fileUploadAccept(props.component)\"\n        :disabled=\"disabled\"\n        @change=\"onPick\"\n      />\n      <!-- Mounted from the first edit on (it stays for its closing animation). -->\n      <ImageEditorDialog\n        v-if=\"props.component.imageEditor && (editing || editorRequested)\"\n        :request=\"editing\"\n        :options=\"props.component.imageEditor\"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"FileUploadField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","Button","_createVNode","_createCommentVNode","Spinner","_normalizeStyle","_toDisplayString","_withKeys","_withModifiers","Button_default","Spinner_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","ImageEditorDialog","lazyComponent","module","defineComponent","FileUploadField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","formatter","useFormatter","choice","useChoice","panel","usePanel","fieldDisabled","useField","disabled","computed","readOnly","store","useFormStore","uploadingStore","fieldMemory","uploadedStore","uploadingState","useStore","uploadedState","uploading","next","uploaded","dragging","ref","inputRef","dragPath","editing","shallowRef","editorRequested","request","editImage","resolve","edited","objectUrls","releasePreview","url","paths","fileUploadPaths","value","files","file","path","maxFiles","canAddMore","circle","integrated","removeAtStart","progressAtStart","uploadAlign","commit","setValue","upload","endpoint","accepted","list","limit","concurrencyLimiter","queued","position","picked","original","edit","canEditImage","prepare","local","pendingFile","send","transformImage","canEditExisting","index","editableImageName","editExisting","existing","name","source","fetchEditableImage","response","uploadTemporaryFile","panelUploadOptions","item","current","replacing","discard","insertUploadedFile","uploadError","message","remove","requestJson","removeEntry","onDrop","event","onPaste","pasted","filesFromClipboard","onPick","input","move","moveRepeaterItem","from","to","reorderable","onItemDrop","hints","fileManagerSize","isImage","brokenPreviews","cssLength","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","createElementBlock","Fragment","renderList","_cache","$event","createVNode","XIcon","createCommentVNode","normalizeStyle","FileIcon","toDisplayString","ChevronUpIcon","ChevronDownIcon","PencilIcon","uploadedFileLinks","ExternalLinkIcon","DownloadIcon","cssAspectRatio","aria","withKeys","withModifiers","UploadCloudIcon","fileUploadAccept"],"sources":["../../../src/components/fields/FileUploadField.vue"],"mappings":"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"}

package/dist/components/fields/HiddenField.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenField.js","names":["_sfc_main","HiddenField_vue_vue_type_script_setup_true_lang_default","HiddenField_default"],"sources":["../../../src/components/fields/HiddenField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HiddenSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\n\nconst props = defineProps<{ component: HiddenSchema }>()\nconst { value, id } = useField<string | number | null>(() => props.component)\n</script>\n\n<template>\n  <input :id=\"id\" type=\"hidden\" :name=\"props.component.name\" :value=\"value ?? ''\" readonly />\n</template>\n"],"mappings":""}
+{"version":3,"file":"HiddenField.js","names":["_sfc_main","HiddenField_vue_vue_type_script_setup_true_lang_default","HiddenField_default"],"sources":["../../../src/components/fields/HiddenField.vue"],"mappings":""}

package/dist/components/fields/HiddenField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_hoisted_1","HiddenField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createElementBlock","unref","id","value"],"sources":["../../../src/components/fields/HiddenField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HiddenSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\n\nconst props = defineProps<{ component: HiddenSchema }>()\nconst { value, id } = useField<string | number | null>(() => props.component)\n</script>\n\n<template>\n  <input :id=\"id\" type=\"hidden\" :name=\"props.component.name\" :value=\"value ?? ''\" readonly />\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,IAAMK,IAAQC,GACR,EAAE,UAAO,UAAOC,QAAuCF,EAAM,SAAS;oBAI1EL,EAAA,GAAAC,EAA2F,SAAA;GAAnF,IAAIC,EAAAS,CAAA;GAAI,MAAK;GAAU,MAAMN,EAAM,UAAU;GAAO,OAAOH,EAAAU,CAAA,KAAK;GAAQ,UAAA"}
+{"version":3,"file":"HiddenField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_hoisted_1","HiddenField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createElementBlock","unref","id","value"],"sources":["../../../src/components/fields/HiddenField.vue"],"mappings":";;;;;;;;;;;EAIA,IAAMK,IAAQC,GACR,EAAE,UAAO,UAAOC,QAAuCF,EAAM,SAAS;oBAI1EL,EAAA,GAAAC,EAA2F,SAAA;GAAnF,IAAIC,EAAAS,CAAA;GAAI,MAAK;GAAU,MAAMN,EAAM,UAAU;GAAO,OAAOH,EAAAU,CAAA,KAAK;GAAQ,UAAA"}

package/dist/components/fields/IconPickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerField.js","names":["_sfc_main","IconPickerField_vue_vue_type_script_setup_true_lang_default","IconPickerField_default"],"sources":["../../../src/components/fields/IconPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  fieldIds,\n  iconPickerPreview,\n  IconPickerSearch,\n  isCustomSvgIcon,\n  type IconPickerSchema,\n} from '@alfakit/core'\nimport { ChevronsUpDownIcon, XIcon } from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { useChoice, useDirection, useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport Icon from '../../lib/Icon.vue'\nimport { cn } from '../../lib/utils'\nimport { useField, useFormStore } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\nimport { ICON_PICKER_SIZES } from './icon-picker-sizes'\nimport IconPickerValue from './IconPickerValue.vue'\n\n/**\n * `IconPicker::make()`: a trigger showing the selected icon and a popover with a search\n * box, a set filter and a grid of icons loaded from the server a page at a time. The grid\n * is a listbox driven from the search box (`aria-activedescendant`): arrow keys move,\n * Enter picks, Escape closes.\n */\nconst props = defineProps<{ component: IconPickerSchema }>()\nconst t = useT()\nconst choice = useChoice()\nconst formatter = useFormatter()\nconst direction = useDirection()\nconst form = useFormStore()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst search = new IconPickerSearch(form, props.component.statePath)\nconst state = useStore(search.store)\nconst open = ref(false)\nconst svg = ref('')\nconst grid = ref<HTMLElement | null>(null)\nconst listId = `${useId()}-icons`\nconst size = computed(() => ICON_PICKER_SIZES[props.component.previewSize] ?? ICON_PICKER_SIZES.md)\nconst columns = computed(() => Math.max(1, props.component.gridColumns))\nconst current = computed(() =>\n  typeof value.value === 'string' && value.value !== '' ? value.value : null,\n)\nconst locked = computed(() => disabled.value || readOnly.value)\nconst activeId = computed(() =>\n  state.value.active >= 0 ? `${listId}-${state.value.active}` : undefined,\n)\n// Read after every pick: the previews map is filled by the search results.\nconst preview = computed(() =>\n  iconPickerPreview(props.component.selected, current.value, search.preview(current.value)),\n)\n\nonBeforeUnmount(() => search.destroy())\n\n// Keep the highlighted icon in view while the arrow keys move it.\nwatch(\n  () => state.value.active,\n  async (active) => {\n    if (active < 0) return\n\n    await nextTick()\n    grid.value?.ownerDocument\n      .getElementById(`${listId}-${active}`)\n      ?.scrollIntoView?.({ block: 'nearest' })\n  },\n)\n\nfunction onOpenChange(next: boolean) {\n  open.value = next\n\n  if (next) search.open()\n}\n\nfunction pick(next: string | null) {\n  setValue(next)\n  open.value = false\n  blur()\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    const icon = state.value.icons[state.value.active]\n\n    if (icon) {\n      event.preventDefault()\n      pick(icon.value)\n    }\n\n    return\n  }\n\n  // Home/End stay with the text cursor while there is a search to edit.\n  if ((event.key === 'Home' || event.key === 'End') && state.value.search !== '') return\n\n  if (search.move(event.key, columns.value, direction.value === 'rtl') !== null) {\n    event.preventDefault()\n  }\n}\n\nfunction onOpenAutoFocus(event: Event) {\n  if (!props.component.searchable) {\n    event.preventDefault()\n    grid.value?.focus()\n  }\n}\n\nfunction onScroll(event: Event) {\n  const target = event.currentTarget as HTMLElement\n\n  if (target.scrollTop + target.clientHeight >= target.scrollHeight - 48) search.loadMore()\n}\n\nconst status = computed(() => {\n  const { loading, error: failed, icons, total } = state.value\n\n  if (loading) return t('form.icon_picker.loading', {}, 'Loading icons…')\n  if (failed) return t('form.icon_picker.error', {}, 'The icons could not be loaded.')\n  if (icons.length === 0) return t('form.icon_picker.no_results', {}, 'No icons found.')\n\n  return choice(\n    'form.icon_picker.results',\n    total,\n    { count: formatter.value.number(total) },\n    ':count icon|:count icons',\n  )\n})\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div data-slot=\"icon-picker\" class=\"flex items-center gap-2\">\n      <Popover :open=\"open\" @update:open=\"onOpenChange\">\n        <PopoverTrigger as-child>\n          <Button\n            :id=\"id\"\n            type=\"button\"\n            variant=\"outline\"\n            data-slot=\"icon-picker-trigger\"\n            data-input=\"\"\n            aria-haspopup=\"dialog\"\n            :aria-expanded=\"open\"\n            v-bind=\"{ ...aria, ...props.component.extraInputAttributes }\"\n            :aria-labelledby=\"`${fieldIds(id).label} ${id}-value`\"\n            :aria-readonly=\"readOnly || undefined\"\n            :disabled=\"locked\"\n            :class=\"\n              cn(\n                'h-9 min-w-0 flex-1 justify-between px-3 font-normal hover:bg-transparent',\n                error && 'border-destructive',\n              )\n            \"\n          >\n            <IconPickerValue\n              :id=\"`${id}-value`\"\n              :component=\"props.component\"\n              :value=\"current\"\n              :preview=\"preview\"\n            />\n            <ChevronsUpDownIcon class=\"size-4 shrink-0 opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          data-slot=\"icon-picker-content\"\n          class=\"flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2\"\n          @open-auto-focus=\"onOpenAutoFocus\"\n        >\n          <Input\n            v-if=\"props.component.searchable\"\n            type=\"search\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded=\"true\"\n            :aria-controls=\"listId\"\n            :aria-activedescendant=\"activeId\"\n            :aria-label=\"t('form.icon_picker.search_label', {}, 'Search icons')\"\n            :placeholder=\"t('form.icon_picker.search', {}, 'Search icons…')\"\n            :model-value=\"state.search\"\n            @update:model-value=\"search.setSearch($event)\"\n            @keydown=\"onKeyDown\"\n          />\n          <select\n            v-if=\"props.component.sets.length > 1\"\n            data-slot=\"icon-picker-set\"\n            :aria-label=\"t('form.icon_picker.set', {}, 'Icon set')\"\n            :value=\"state.set ?? ''\"\n            class=\"border-input dark:bg-input/30 h-8 w-full rounded-md border bg-transparent px-2 text-sm\"\n            @change=\"search.setSet(($event.target as HTMLSelectElement).value || null)\"\n          >\n            <option value=\"\">{{ t('form.icon_picker.all_sets', {}, 'All sets') }}</option>\n            <option v-for=\"set in props.component.sets\" :key=\"set.key\" :value=\"set.key\">\n              {{ set.label }}\n            </option>\n          </select>\n          <div\n            :id=\"listId\"\n            ref=\"grid\"\n            role=\"listbox\"\n            data-slot=\"icon-picker-grid\"\n            :aria-label=\"props.component.label ?? t('form.icon_picker.icons', {}, 'Icons')\"\n            :aria-busy=\"state.loading || undefined\"\n            :tabindex=\"props.component.searchable ? -1 : 0\"\n            :aria-activedescendant=\"props.component.searchable ? undefined : activeId\"\n            class=\"grid max-h-72 gap-1 overflow-y-auto outline-none\"\n            :style=\"{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }\"\n            @keydown=\"props.component.searchable ? undefined : onKeyDown($event)\"\n            @scroll=\"onScroll\"\n          >\n            <div\n              v-for=\"(icon, index) in state.icons\"\n              :id=\"`${listId}-${index}`\"\n              :key=\"icon.value\"\n              role=\"option\"\n              data-slot=\"icon-picker-option\"\n              :aria-selected=\"icon.value === current\"\n              :aria-label=\"icon.value\"\n              :title=\"icon.value\"\n              :data-active=\"index === state.active || undefined\"\n              :class=\"\n                cn(\n                  'hover:bg-accent hover:text-accent-foreground flex cursor-pointer items-center justify-center rounded-md',\n                  size.cell,\n                  index === state.active && 'bg-accent text-accent-foreground ring-ring ring-2',\n                  icon.value === current && 'bg-primary/10 text-primary',\n                )\n              \"\n              @mousedown.prevent\n              @click=\"pick(icon.value)\"\n            >\n              <Icon :name=\"icon.icon ?? icon.value\" :class=\"size.icon\" />\n            </div>\n          </div>\n          <div class=\"flex items-center justify-between gap-2\">\n            <p\n              role=\"status\"\n              aria-live=\"polite\"\n              class=\"text-muted-foreground flex items-center gap-1 text-xs\"\n            >\n              <Spinner v-if=\"state.loading\" class=\"size-3\" />\n              {{ status }}\n            </p>\n            <Button\n              v-if=\"state.hasMore\"\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :disabled=\"state.loading\"\n              @click=\"search.loadMore()\"\n            >\n              {{ t('form.icon_picker.load_more', {}, 'Load more icons') }}\n            </Button>\n          </div>\n          <div\n            v-if=\"props.component.allowCustomSvg\"\n            data-slot=\"icon-picker-custom\"\n            class=\"flex flex-col gap-2 border-t pt-2\"\n          >\n            <Textarea\n              v-model=\"svg\"\n              dir=\"ltr\"\n              rows=\"3\"\n              :aria-label=\"t('form.icon_picker.custom_svg_label', {}, 'Paste SVG markup')\"\n              placeholder='<svg viewBox=\"0 0 24 24\">…</svg>'\n              class=\"font-mono text-xs\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              :disabled=\"!isCustomSvgIcon(svg)\"\n              @click=\"\n                () => {\n                  pick(svg.trim())\n                  svg = ''\n                }\n              \"\n            >\n              {{ t('form.icon_picker.use_svg', {}, 'Use SVG') }}\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n      <Button\n        v-if=\"current !== null && !locked\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        data-slot=\"icon-picker-clear\"\n        :aria-label=\"t('form.icon_picker.clear', {}, 'Clear icon')\"\n        @click=\"pick(null)\"\n      >\n        <XIcon />\n      </Button>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"IconPickerField.js","names":["_sfc_main","IconPickerField_vue_vue_type_script_setup_true_lang_default","IconPickerField_default"],"sources":["../../../src/components/fields/IconPickerField.vue"],"mappings":""}

package/dist/components/fields/IconPickerField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createVNode","Popover","PopoverTrigger","Button","_mergeProps","IconPickerValue","PopoverContent","Input","_createCommentVNode","_createElementBlock","_toDisplayString","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_withModifiers","Icon","Spinner","_createTextVNode","Textarea","Icon_default","Button_default","Spinner_default","Input_default","Popover_default","PopoverContent_default","PopoverTrigger_default","FieldWrapper_default","IconPickerValue_default","Textarea_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","IconPickerField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","choice","useChoice","formatter","useFormatter","direction","useDirection","form","useFormStore","useField","search","IconPickerSearch","state","useStore","open","ref","svg","grid","listId","useId","size","computed","ICON_PICKER_SIZES","columns","current","value","locked","disabled","readOnly","activeId","preview","iconPickerPreview","onBeforeUnmount","watch","active","nextTick","onOpenChange","next","pick","setValue","blur","onKeyDown","event","icon","onOpenAutoFocus","onScroll","target","status","failed","loading","icons","total","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","createVNode","mergeProps","aria","fieldIds","cn","ChevronsUpDownIcon","_cache","$event","createCommentVNode","createElementBlock","toDisplayString","Fragment","renderList","set","normalizeStyle","index","normalizeClass","withModifiers","createTextVNode","isCustomSvgIcon","XIcon"],"sources":["../../../src/components/fields/IconPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  fieldIds,\n  iconPickerPreview,\n  IconPickerSearch,\n  isCustomSvgIcon,\n  type IconPickerSchema,\n} from '@alfakit/core'\nimport { ChevronsUpDownIcon, XIcon } from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { useChoice, useDirection, useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport Icon from '../../lib/Icon.vue'\nimport { cn } from '../../lib/utils'\nimport { useField, useFormStore } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\nimport { ICON_PICKER_SIZES } from './icon-picker-sizes'\nimport IconPickerValue from './IconPickerValue.vue'\n\n/**\n * `IconPicker::make()`: a trigger showing the selected icon and a popover with a search\n * box, a set filter and a grid of icons loaded from the server a page at a time. The grid\n * is a listbox driven from the search box (`aria-activedescendant`): arrow keys move,\n * Enter picks, Escape closes.\n */\nconst props = defineProps<{ component: IconPickerSchema }>()\nconst t = useT()\nconst choice = useChoice()\nconst formatter = useFormatter()\nconst direction = useDirection()\nconst form = useFormStore()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst search = new IconPickerSearch(form, props.component.statePath)\nconst state = useStore(search.store)\nconst open = ref(false)\nconst svg = ref('')\nconst grid = ref<HTMLElement | null>(null)\nconst listId = `${useId()}-icons`\nconst size = computed(() => ICON_PICKER_SIZES[props.component.previewSize] ?? ICON_PICKER_SIZES.md)\nconst columns = computed(() => Math.max(1, props.component.gridColumns))\nconst current = computed(() =>\n  typeof value.value === 'string' && value.value !== '' ? value.value : null,\n)\nconst locked = computed(() => disabled.value || readOnly.value)\nconst activeId = computed(() =>\n  state.value.active >= 0 ? `${listId}-${state.value.active}` : undefined,\n)\n// Read after every pick: the previews map is filled by the search results.\nconst preview = computed(() =>\n  iconPickerPreview(props.component.selected, current.value, search.preview(current.value)),\n)\n\nonBeforeUnmount(() => search.destroy())\n\n// Keep the highlighted icon in view while the arrow keys move it.\nwatch(\n  () => state.value.active,\n  async (active) => {\n    if (active < 0) return\n\n    await nextTick()\n    grid.value?.ownerDocument\n      .getElementById(`${listId}-${active}`)\n      ?.scrollIntoView?.({ block: 'nearest' })\n  },\n)\n\nfunction onOpenChange(next: boolean) {\n  open.value = next\n\n  if (next) search.open()\n}\n\nfunction pick(next: string | null) {\n  setValue(next)\n  open.value = false\n  blur()\n}\n\nfunction onKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    const icon = state.value.icons[state.value.active]\n\n    if (icon) {\n      event.preventDefault()\n      pick(icon.value)\n    }\n\n    return\n  }\n\n  // Home/End stay with the text cursor while there is a search to edit.\n  if ((event.key === 'Home' || event.key === 'End') && state.value.search !== '') return\n\n  if (search.move(event.key, columns.value, direction.value === 'rtl') !== null) {\n    event.preventDefault()\n  }\n}\n\nfunction onOpenAutoFocus(event: Event) {\n  if (!props.component.searchable) {\n    event.preventDefault()\n    grid.value?.focus()\n  }\n}\n\nfunction onScroll(event: Event) {\n  const target = event.currentTarget as HTMLElement\n\n  if (target.scrollTop + target.clientHeight >= target.scrollHeight - 48) search.loadMore()\n}\n\nconst status = computed(() => {\n  const { loading, error: failed, icons, total } = state.value\n\n  if (loading) return t('form.icon_picker.loading', {}, 'Loading icons…')\n  if (failed) return t('form.icon_picker.error', {}, 'The icons could not be loaded.')\n  if (icons.length === 0) return t('form.icon_picker.no_results', {}, 'No icons found.')\n\n  return choice(\n    'form.icon_picker.results',\n    total,\n    { count: formatter.value.number(total) },\n    ':count icon|:count icons',\n  )\n})\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div data-slot=\"icon-picker\" class=\"flex items-center gap-2\">\n      <Popover :open=\"open\" @update:open=\"onOpenChange\">\n        <PopoverTrigger as-child>\n          <Button\n            :id=\"id\"\n            type=\"button\"\n            variant=\"outline\"\n            data-slot=\"icon-picker-trigger\"\n            data-input=\"\"\n            aria-haspopup=\"dialog\"\n            :aria-expanded=\"open\"\n            v-bind=\"{ ...aria, ...props.component.extraInputAttributes }\"\n            :aria-labelledby=\"`${fieldIds(id).label} ${id}-value`\"\n            :aria-readonly=\"readOnly || undefined\"\n            :disabled=\"locked\"\n            :class=\"\n              cn(\n                'h-9 min-w-0 flex-1 justify-between px-3 font-normal hover:bg-transparent',\n                error && 'border-destructive',\n              )\n            \"\n          >\n            <IconPickerValue\n              :id=\"`${id}-value`\"\n              :component=\"props.component\"\n              :value=\"current\"\n              :preview=\"preview\"\n            />\n            <ChevronsUpDownIcon class=\"size-4 shrink-0 opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          data-slot=\"icon-picker-content\"\n          class=\"flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2\"\n          @open-auto-focus=\"onOpenAutoFocus\"\n        >\n          <Input\n            v-if=\"props.component.searchable\"\n            type=\"search\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded=\"true\"\n            :aria-controls=\"listId\"\n            :aria-activedescendant=\"activeId\"\n            :aria-label=\"t('form.icon_picker.search_label', {}, 'Search icons')\"\n            :placeholder=\"t('form.icon_picker.search', {}, 'Search icons…')\"\n            :model-value=\"state.search\"\n            @update:model-value=\"search.setSearch($event)\"\n            @keydown=\"onKeyDown\"\n          />\n          <select\n            v-if=\"props.component.sets.length > 1\"\n            data-slot=\"icon-picker-set\"\n            :aria-label=\"t('form.icon_picker.set', {}, 'Icon set')\"\n            :value=\"state.set ?? ''\"\n            class=\"border-input dark:bg-input/30 h-8 w-full rounded-md border bg-transparent px-2 text-sm\"\n            @change=\"search.setSet(($event.target as HTMLSelectElement).value || null)\"\n          >\n            <option value=\"\">{{ t('form.icon_picker.all_sets', {}, 'All sets') }}</option>\n            <option v-for=\"set in props.component.sets\" :key=\"set.key\" :value=\"set.key\">\n              {{ set.label }}\n            </option>\n          </select>\n          <div\n            :id=\"listId\"\n            ref=\"grid\"\n            role=\"listbox\"\n            data-slot=\"icon-picker-grid\"\n            :aria-label=\"props.component.label ?? t('form.icon_picker.icons', {}, 'Icons')\"\n            :aria-busy=\"state.loading || undefined\"\n            :tabindex=\"props.component.searchable ? -1 : 0\"\n            :aria-activedescendant=\"props.component.searchable ? undefined : activeId\"\n            class=\"grid max-h-72 gap-1 overflow-y-auto outline-none\"\n            :style=\"{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }\"\n            @keydown=\"props.component.searchable ? undefined : onKeyDown($event)\"\n            @scroll=\"onScroll\"\n          >\n            <div\n              v-for=\"(icon, index) in state.icons\"\n              :id=\"`${listId}-${index}`\"\n              :key=\"icon.value\"\n              role=\"option\"\n              data-slot=\"icon-picker-option\"\n              :aria-selected=\"icon.value === current\"\n              :aria-label=\"icon.value\"\n              :title=\"icon.value\"\n              :data-active=\"index === state.active || undefined\"\n              :class=\"\n                cn(\n                  'hover:bg-accent hover:text-accent-foreground flex cursor-pointer items-center justify-center rounded-md',\n                  size.cell,\n                  index === state.active && 'bg-accent text-accent-foreground ring-ring ring-2',\n                  icon.value === current && 'bg-primary/10 text-primary',\n                )\n              \"\n              @mousedown.prevent\n              @click=\"pick(icon.value)\"\n            >\n              <Icon :name=\"icon.icon ?? icon.value\" :class=\"size.icon\" />\n            </div>\n          </div>\n          <div class=\"flex items-center justify-between gap-2\">\n            <p\n              role=\"status\"\n              aria-live=\"polite\"\n              class=\"text-muted-foreground flex items-center gap-1 text-xs\"\n            >\n              <Spinner v-if=\"state.loading\" class=\"size-3\" />\n              {{ status }}\n            </p>\n            <Button\n              v-if=\"state.hasMore\"\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :disabled=\"state.loading\"\n              @click=\"search.loadMore()\"\n            >\n              {{ t('form.icon_picker.load_more', {}, 'Load more icons') }}\n            </Button>\n          </div>\n          <div\n            v-if=\"props.component.allowCustomSvg\"\n            data-slot=\"icon-picker-custom\"\n            class=\"flex flex-col gap-2 border-t pt-2\"\n          >\n            <Textarea\n              v-model=\"svg\"\n              dir=\"ltr\"\n              rows=\"3\"\n              :aria-label=\"t('form.icon_picker.custom_svg_label', {}, 'Paste SVG markup')\"\n              placeholder='<svg viewBox=\"0 0 24 24\">…</svg>'\n              class=\"font-mono text-xs\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"sm\"\n              :disabled=\"!isCustomSvgIcon(svg)\"\n              @click=\"\n                () => {\n                  pick(svg.trim())\n                  svg = ''\n                }\n              \"\n            >\n              {{ t('form.icon_picker.use_svg', {}, 'Use SVG') }}\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n      <Button\n        v-if=\"current !== null && !locked\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        data-slot=\"icon-picker-clear\"\n        :aria-label=\"t('form.icon_picker.clear', {}, 'Clear icon')\"\n        @click=\"pick(null)\"\n      >\n        <XIcon />\n      </Button>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"IconPickerField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createVNode","Popover","PopoverTrigger","Button","_mergeProps","IconPickerValue","PopoverContent","Input","_createCommentVNode","_createElementBlock","_toDisplayString","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_withModifiers","Icon","Spinner","_createTextVNode","Textarea","Icon_default","Button_default","Spinner_default","Input_default","Popover_default","PopoverContent_default","PopoverTrigger_default","FieldWrapper_default","IconPickerValue_default","Textarea_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","IconPickerField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","choice","useChoice","formatter","useFormatter","direction","useDirection","form","useFormStore","useField","search","IconPickerSearch","state","useStore","open","ref","svg","grid","listId","useId","size","computed","ICON_PICKER_SIZES","columns","current","value","locked","disabled","readOnly","activeId","preview","iconPickerPreview","onBeforeUnmount","watch","active","nextTick","onOpenChange","next","pick","setValue","blur","onKeyDown","event","icon","onOpenAutoFocus","onScroll","target","status","failed","loading","icons","total","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","createVNode","mergeProps","aria","fieldIds","cn","ChevronsUpDownIcon","_cache","$event","createCommentVNode","createElementBlock","toDisplayString","Fragment","renderList","set","normalizeStyle","index","normalizeClass","withModifiers","createTextVNode","isCustomSvgIcon","XIcon"],"sources":["../../../src/components/fields/IconPickerField.vue"],"mappings":"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"}

package/dist/components/fields/IconPickerPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerPlaceholder.js","names":["_sfc_main","IconPickerPlaceholder_vue_vue_type_script_setup_true_lang_default","IconPickerPlaceholder_default"],"sources":["../../../src/components/fields/IconPickerPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { fieldIds, iconPickerPreview, type IconPickerSchema } from '@alfakit/core'\nimport { ChevronsUpDownIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport IconPickerValue from './IconPickerValue.vue'\n\n/** What the server renders and hydration shows: the selected icon, not yet interactive. */\nconst props = defineProps<{ component: IconPickerSchema }>()\nconst { value, error, id, aria } = useField<string | null>(() => props.component)\nconst current = computed(() =>\n  typeof value.value === 'string' && value.value !== '' ? value.value : null,\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div data-slot=\"icon-picker\" class=\"flex items-center gap-2\">\n      <button\n        :id=\"id\"\n        type=\"button\"\n        disabled\n        aria-busy=\"true\"\n        data-slot=\"icon-picker-trigger\"\n        data-input=\"\"\n        v-bind=\"aria\"\n        :aria-labelledby=\"`${fieldIds(id).label} ${id}-value`\"\n        class=\"border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center justify-between gap-2 rounded-md border bg-transparent px-3 text-start text-sm shadow-xs\"\n      >\n        <IconPickerValue\n          :id=\"`${id}-value`\"\n          :component=\"props.component\"\n          :value=\"current\"\n          :preview=\"iconPickerPreview(props.component.selected, current)\"\n        />\n        <ChevronsUpDownIcon class=\"size-4 shrink-0 opacity-50\" />\n      </button>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"IconPickerPlaceholder.js","names":["_sfc_main","IconPickerPlaceholder_vue_vue_type_script_setup_true_lang_default","IconPickerPlaceholder_default"],"sources":["../../../src/components/fields/IconPickerPlaceholder.vue"],"mappings":""}

package/dist/components/fields/IconPickerPlaceholder.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_mergeProps","_createVNode","IconPickerValue","FieldWrapper_default","IconPickerValue_default","_hoisted_1","_hoisted_2","IconPickerPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","useField","current","computed","value","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","mergeProps","aria","fieldIds","createVNode","iconPickerPreview","ChevronsUpDownIcon"],"sources":["../../../src/components/fields/IconPickerPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { fieldIds, iconPickerPreview, type IconPickerSchema } from '@alfakit/core'\nimport { ChevronsUpDownIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport IconPickerValue from './IconPickerValue.vue'\n\n/** What the server renders and hydration shows: the selected icon, not yet interactive. */\nconst props = defineProps<{ component: IconPickerSchema }>()\nconst { value, error, id, aria } = useField<string | null>(() => props.component)\nconst current = computed(() =>\n  typeof value.value === 'string' && value.value !== '' ? value.value : null,\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div data-slot=\"icon-picker\" class=\"flex items-center gap-2\">\n      <button\n        :id=\"id\"\n        type=\"button\"\n        disabled\n        aria-busy=\"true\"\n        data-slot=\"icon-picker-trigger\"\n        data-input=\"\"\n        v-bind=\"aria\"\n        :aria-labelledby=\"`${fieldIds(id).label} ${id}-value`\"\n        class=\"border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center justify-between gap-2 rounded-md border bg-transparent px-3 text-start text-sm shadow-xs\"\n      >\n        <IconPickerValue\n          :id=\"`${id}-value`\"\n          :component=\"props.component\"\n          :value=\"current\"\n          :preview=\"iconPickerPreview(props.component.selected, current)\"\n        />\n        <ChevronsUpDownIcon class=\"size-4 shrink-0 opacity-50\" />\n      </button>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EASA,IAAMc,IAAQC,GACR,EAAE,UAAO,UAAO,OAAI,YAASC,QAA8BF,EAAM,SAAS,GAC1EG,IAAUC,QACd,OAAOC,EAAM,SAAU,YAAYA,EAAM,UAAU,KAAKA,EAAM,QAAQ,IACxE;oBAIEnB,EAAA,GAAAC,EAsBeC,GAAA;GAtBA,OAAOY,EAAM;GAAY,YAAUX,EAAAoB,CAAA;GAAK,OAAOpB,EAAAqB,CAAA;;GAC5D,SAAApB,QAoBM,CApBNC,EAoBM,OApBNM,GAoBM,CAnBJN,EAkBS,UAlBTC,EAkBS;IAjBN,IAAIH,EAAAoB,CAAA;IACL,MAAK;IACL,UAAA;IACA,aAAU;IACV,aAAU;IACV,cAAW;GACH,GAAApB,EAAAyB,CAAA,GAAI;IACX,mBAAe,GAAKzB,EAAA0B,CAAA,CAAQ,CAAC1B,EAAAoB,CAAA,CAAE,CAAA,CAAE,MAAK,GAAIpB,EAAAoB,CAAA,EAAE;IAC7C,OAAM;GAENhB,CAAAA,GAAAA,CAAAA,EAKEC,GAAA;IAJC,IAAE,GAAKL,EAAAoB,CAAA,EAAE;IACT,WAAWT,EAAM;IACjB,OAAOG,EAAA;IACP,SAASd,EAAA4B,CAAA,CAAiB,CAACjB,EAAM,UAAU,UAAUG,EAAA,KAAO;;;;;;GAE/DV,CAAAA,GAAAA,EAAyDJ,EAAA6B,CAAA,GAAA,EAArC,OAAM,6BAA4B,CAAA,CAAA,GAAA,IAAApB,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"IconPickerPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_mergeProps","_createVNode","IconPickerValue","FieldWrapper_default","IconPickerValue_default","_hoisted_1","_hoisted_2","IconPickerPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","useField","current","computed","value","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","mergeProps","aria","fieldIds","createVNode","iconPickerPreview","ChevronsUpDownIcon"],"sources":["../../../src/components/fields/IconPickerPlaceholder.vue"],"mappings":";;;;;;;;;;;;;;EASA,IAAMc,IAAQC,GACR,EAAE,UAAO,UAAO,OAAI,YAASC,QAA8BF,EAAM,SAAS,GAC1EG,IAAUC,QACd,OAAOC,EAAM,SAAU,YAAYA,EAAM,UAAU,KAAKA,EAAM,QAAQ,IACxE;oBAIEnB,EAAA,GAAAC,EAsBeC,GAAA;GAtBA,OAAOY,EAAM;GAAY,YAAUX,EAAAoB,CAAA;GAAK,OAAOpB,EAAAqB,CAAA;;GAC5D,SAAApB,QAoBM,CApBNC,EAoBM,OApBNM,GAoBM,CAnBJN,EAkBS,UAlBTC,EAkBS;IAjBN,IAAIH,EAAAoB,CAAA;IACL,MAAK;IACL,UAAA;IACA,aAAU;IACV,aAAU;IACV,cAAW;GACH,GAAApB,EAAAyB,CAAA,GAAI;IACX,mBAAe,GAAKzB,EAAA0B,CAAA,CAAQ,CAAC1B,EAAAoB,CAAA,CAAE,CAAA,CAAE,MAAK,GAAIpB,EAAAoB,CAAA,EAAE;IAC7C,OAAM;GAENhB,CAAAA,GAAAA,CAAAA,EAKEC,GAAA;IAJC,IAAE,GAAKL,EAAAoB,CAAA,EAAE;IACT,WAAWT,EAAM;IACjB,OAAOG,EAAA;IACP,SAASd,EAAA4B,CAAA,CAAiB,CAACjB,EAAM,UAAU,UAAUG,EAAA,KAAO;;;;;;GAE/DV,CAAAA,GAAAA,EAAyDJ,EAAA6B,CAAA,GAAA,EAArC,OAAM,6BAA4B,CAAA,CAAA,GAAA,IAAApB,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/fields/IconPickerValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerValue.js","names":["_sfc_main","IconPickerValue_vue_vue_type_script_setup_true_lang_default","IconPickerValue_default"],"sources":["../../../src/components/fields/IconPickerValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isCustomSvgIcon, type IconPickerSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport Icon from '../../lib/Icon.vue'\nimport { ICON_PICKER_SIZES } from './icon-picker-sizes'\n\n/** The selected icon and its name (or the placeholder), inside the picker's trigger. */\nconst props = defineProps<{\n  /** Named by the trigger's `aria-labelledby`, after the field label. */\n  id: string\n  component: IconPickerSchema\n  value: string | null\n  preview: string | null\n}>()\nconst t = useT()\nconst size = computed(() => ICON_PICKER_SIZES[props.component.previewSize] ?? ICON_PICKER_SIZES.md)\n</script>\n\n<template>\n  <span v-if=\"!props.value\" :id=\"props.id\" class=\"text-muted-foreground truncate\">{{\n    props.component.placeholder ?? t('form.icon_picker.placeholder', {}, 'Choose an icon')\n  }}</span>\n  <span v-else :id=\"props.id\" data-slot=\"icon-picker-value\" class=\"flex min-w-0 items-center gap-2\">\n    <Icon :name=\"props.preview ?? 'square-code'\" :class=\"size.icon\" />\n    <span class=\"truncate\">{{\n      isCustomSvgIcon(props.value)\n        ? t('form.icon_picker.custom_svg', {}, 'Custom SVG')\n        : props.value\n    }}</span>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"IconPickerValue.js","names":["_sfc_main","IconPickerValue_vue_vue_type_script_setup_true_lang_default","IconPickerValue_default"],"sources":["../../../src/components/fields/IconPickerValue.vue"],"mappings":""}

package/dist/components/fields/IconPickerValue.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPickerValue.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_createVNode","Icon","_normalizeClass","_createElementVNode","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","IconPickerValue_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","size","computed","ICON_PICKER_SIZES","openBlock","createElementBlock","createVNode","normalizeClass","createElementVNode","toDisplayString","unref","isCustomSvgIcon"],"sources":["../../../src/components/fields/IconPickerValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isCustomSvgIcon, type IconPickerSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport Icon from '../../lib/Icon.vue'\nimport { ICON_PICKER_SIZES } from './icon-picker-sizes'\n\n/** The selected icon and its name (or the placeholder), inside the picker's trigger. */\nconst props = defineProps<{\n  /** Named by the trigger's `aria-labelledby`, after the field label. */\n  id: string\n  component: IconPickerSchema\n  value: string | null\n  preview: string | null\n}>()\nconst t = useT()\nconst size = computed(() => ICON_PICKER_SIZES[props.component.previewSize] ?? ICON_PICKER_SIZES.md)\n</script>\n\n<template>\n  <span v-if=\"!props.value\" :id=\"props.id\" class=\"text-muted-foreground truncate\">{{\n    props.component.placeholder ?? t('form.icon_picker.placeholder', {}, 'Choose an icon')\n  }}</span>\n  <span v-else :id=\"props.id\" data-slot=\"icon-picker-value\" class=\"flex min-w-0 items-center gap-2\">\n    <Icon :name=\"props.preview ?? 'square-code'\" :class=\"size.icon\" />\n    <span class=\"truncate\">{{\n      isCustomSvgIcon(props.value)\n        ? t('form.icon_picker.custom_svg', {}, 'Custom SVG')\n        : props.value\n    }}</span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAQA,IAAMa,IAAQC,GAORC,IAAIC,EAAK,GACTC,IAAOC,QAAeC,EAAkBN,EAAM,UAAU,gBAAgBM,EAAkB,EAAE;mBAInFN,EAAM,SAGnBb,EAAA,GAAAC,EAOO,QAAA;;GAPO,IAAIY,EAAM;GAAI,aAAU;GAAoB,OAAM;EAC9DT,GAAAA,CAAAA,EAAkEC,GAAA;GAA3D,MAAMQ,EAAM,WAAO;GAAoB,OAAKP,EAAEW,EAAA,MAAK,IAAI;EAC9DV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAIS,QAJTI,GAIST,EAHPC,EAAAwB,CAAA,CAAe,CAACd,EAAM,KAAK,IAAYV,EAAAY,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,YAAA,IAA4DF,EAAM,KAAK,GAAA,CAAA,CAAA,GAAA,GAAAH,CAAA,MANnHV,EAAA,GAAAC,EAES,QAAA;;GAFkB,IAAIY,EAAM;GAAI,OAAM;EAC7C,GAAAX,EAAAW,EAAM,UAAU,eAAeV,EAAAY,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,gBAAA,CAAA,GAAA,GAAAN,CAAA"}
+{"version":3,"file":"IconPickerValue.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_createVNode","Icon","_normalizeClass","_createElementVNode","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","IconPickerValue_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","size","computed","ICON_PICKER_SIZES","openBlock","createElementBlock","createVNode","normalizeClass","createElementVNode","toDisplayString","unref","isCustomSvgIcon"],"sources":["../../../src/components/fields/IconPickerValue.vue"],"mappings":";;;;;;;;;;;;;;;EAQA,IAAMa,IAAQC,GAORC,IAAIC,EAAK,GACTC,IAAOC,QAAeC,EAAkBN,EAAM,UAAU,gBAAgBM,EAAkB,EAAE;mBAInFN,EAAM,SAGnBb,EAAA,GAAAC,EAOO,QAAA;;GAPO,IAAIY,EAAM;GAAI,aAAU;GAAoB,OAAM;EAC9DT,GAAAA,CAAAA,EAAkEC,GAAA;GAA3D,MAAMQ,EAAM,WAAO;GAAoB,OAAKP,EAAEW,EAAA,MAAK,IAAI;EAC9DV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAIS,QAJTI,GAIST,EAHPC,EAAAwB,CAAA,CAAe,CAACd,EAAM,KAAK,IAAYV,EAAAY,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,YAAA,IAA4DF,EAAM,KAAK,GAAA,CAAA,CAAA,GAAA,GAAAH,CAAA,MANnHV,EAAA,GAAAC,EAES,QAAA;;GAFkB,IAAIY,EAAM;GAAI,OAAM;EAC7C,GAAAX,EAAAW,EAAM,UAAU,eAAeV,EAAAY,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,gBAAA,CAAA,GAAA,GAAAN,CAAA"}

package/dist/components/fields/ImageEditorDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditorDialog.js","names":["_sfc_main","ImageEditorDialog_vue_vue_type_script_setup_true_lang_default","ImageEditorDialog_default"],"sources":["../../../src/components/fields/ImageEditorDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `FileUpload::imageEditor()`: crop, zoom, rotate and flip an image before it is uploaded\n * (or to replace an uploaded one). Resolves the request with the edited file, or null\n * when cancelled.\n */\nimport type {\n  CropHandle,\n  FileUploadImageEditorSchema,\n  ImageEditorData,\n  ImageEditorDragMode,\n  ImageEditorState,\n} from '@alfakit/core'\nimport { ImageEditor, imageEditorOptionsKey, loadEditorImage } from '@alfakit/core'\nimport {\n  FlipHorizontal2Icon,\n  FlipVertical2Icon,\n  RotateCcwIcon,\n  RotateCwIcon,\n  Undo2Icon,\n  ZoomInIcon,\n  ZoomOutIcon,\n} from '@lucide/vue'\nimport { computed, onScopeDispose, ref, shallowRef, useId, watch, type Component } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\n\nexport interface ImageEditRequest {\n  file: File\n  resolve: (file: File | null) => void\n}\n\nconst HANDLES: CropHandle[] = ['nw', 'ne', 'sw', 'se']\n\n/** The numeric inputs, in the order Filament shows them. */\nconst NUMERIC_FIELDS = [\n  ['x', 'image_editor.x', 'X'],\n  ['y', 'image_editor.y', 'Y'],\n  ['width', 'image_editor.width', 'Width'],\n  ['height', 'image_editor.height', 'Height'],\n  ['rotate', 'image_editor.rotation', 'Rotation'],\n] as const satisfies ReadonlyArray<readonly [keyof ImageEditorData, string, string]>\n\nconst SCALES = [\n  ['x', 'image_editor.scale_x', 'Scale X'],\n  ['y', 'image_editor.scale_y', 'Scale Y'],\n] as const\n\nconst props = defineProps<{\n  request: ImageEditRequest | null\n  options: FileUploadImageEditorSchema\n}>()\n\nconst t = useT()\nconst loaded = shallowRef<{ bitmap: ImageBitmap; editor: ImageEditor } | null>(null)\nconst state = shallowRef<ImageEditorState | null>(null)\nconst saving = ref(false)\nconst hintId = useId()\nconst inputsId = useId()\nconst canvas = ref<HTMLCanvasElement | null>(null)\nconst frame = ref<HTMLDivElement | null>(null)\nlet unsubscribe: (() => void) | null = null\nlet stopObserving: (() => void) | null = null\n\nconst release = () => {\n  unsubscribe?.()\n  unsubscribe = null\n  stopObserving?.()\n  stopObserving = null\n  loaded.value?.bitmap.close()\n  loaded.value = null\n  state.value = null\n}\n\n// Restart only for another image or other settings: the schema object itself is new on\n// every render of a template item (a new builder block), which kept restarting the load.\nwatch(\n  [() => props.request, () => imageEditorOptionsKey(props.options)],\n  ([request], _previous, onCleanup) => {\n    if (!request) return\n\n    const options = props.options\n\n    let cancelled = false\n\n    loadEditorImage(request.file)\n      .then((bitmap) => {\n        if (cancelled) return bitmap.close()\n\n        const editor = new ImageEditor({\n          width: bitmap.width,\n          height: bitmap.height,\n          aspectRatios: options.aspectRatios,\n          circle: options.circle,\n          mode: options.mode,\n          emptyFillColor: options.emptyFillColor,\n          viewportWidth: options.viewportWidth,\n          viewportHeight: options.viewportHeight,\n        })\n\n        loaded.value = { bitmap, editor }\n        state.value = editor.store.get()\n        unsubscribe = editor.store.subscribe((next) => {\n          state.value = next\n        })\n      })\n      // Undecodable: upload the file as it is.\n      .catch(() => !cancelled && request.resolve(request.file))\n\n    onCleanup(() => {\n      cancelled = true\n      release()\n    })\n  },\n  { immediate: true },\n)\n\nonScopeDispose(release)\n\n// Redraw on every change (crop, zoom, rotation, flips, container size).\nwatch(\n  () => [canvas.value, state.value] as const,\n  ([element]) => {\n    if (element && loaded.value) {\n      loaded.value.editor.drawPreview(\n        element,\n        loaded.value.bitmap,\n        globalThis.devicePixelRatio || 1,\n      )\n    }\n  },\n  { flush: 'post' },\n)\n\n// Measure the container and follow its size; zoom with the wheel and trackpad pinch.\nwatch(\n  () => [frame.value, loaded.value?.editor] as const,\n  ([element, editor]) => {\n    stopObserving?.()\n    stopObserving = null\n\n    if (!element || !editor) return\n\n    const measure = () => editor.setContainer(element.clientWidth, element.clientHeight)\n    measure()\n\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure)\n    observer?.observe(element)\n\n    const onWheel = (event: WheelEvent) => {\n      const rect = element.getBoundingClientRect()\n\n      if (editor.wheel(event, { x: event.clientX - rect.left, y: event.clientY - rect.top })) {\n        event.preventDefault()\n      }\n    }\n\n    element.addEventListener('wheel', onWheel, { passive: false })\n\n    stopObserving = () => {\n      observer?.disconnect()\n      element.removeEventListener('wheel', onWheel)\n    }\n  },\n  { flush: 'post' },\n)\n\nconst data = computed<ImageEditorData | null>(() => {\n  void state.value\n\n  return loaded.value?.editor.getData() ?? null\n})\n\n// Numeric inputs apply on change (blur, Enter, spinner); invalid values snap back.\nconst commit = (field: keyof ImageEditorData, event: Event) => {\n  const editor = loaded.value?.editor\n  const input = event.target as HTMLInputElement | null\n\n  if (!editor || !input) return\n\n  const value = input.value.trim() === '' ? Number.NaN : Number(input.value)\n  editor.setData({ [field]: value })\n  input.value = String(editor.getData()[field])\n}\n\nconst box = computed(() => {\n  void state.value\n\n  return loaded.value?.editor.cropBox() ?? { left: 0, top: 0, width: 0, height: 0 }\n})\n\nconst finish = (file: File | null) => {\n  props.request?.resolve(file)\n}\n\nconst save = async () => {\n  const request = props.request\n  const current = loaded.value\n\n  if (!request || !current) return\n\n  saving.value = true\n\n  try {\n    finish(await current.editor.export(current.bitmap, request.file))\n  } catch {\n    finish(request.file)\n  } finally {\n    saving.value = false\n  }\n}\n\nconst start = (mode: ImageEditorDragMode, event: PointerEvent) => {\n  const editor = loaded.value?.editor\n\n  if (!editor) return\n\n  event.preventDefault()\n  event.stopPropagation()\n  ;(event.currentTarget as HTMLElement | null)?.setPointerCapture?.(event.pointerId)\n  editor.startDrag(mode, event.clientX, event.clientY, undefined, event.pointerId ?? 0)\n}\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (loaded.value?.editor.handleKey(event)) event.preventDefault()\n}\n\nconst ratioLabel = (ratio: string | null) => ratio ?? t('image_editor.free', {}, 'Free')\n\nconst tools = computed<\n  Array<{ label: string; icon: Component; run: () => void; disabled?: boolean }>\n>(() => [\n  {\n    label: t('image_editor.zoom_out', {}, 'Zoom out'),\n    icon: ZoomOutIcon,\n    run: () => loaded.value?.editor.zoomOut(),\n    disabled: !(state.value && loaded.value?.editor.canZoomOut),\n  },\n  {\n    label: t('image_editor.zoom_in', {}, 'Zoom in'),\n    icon: ZoomInIcon,\n    run: () => loaded.value?.editor.zoomIn(),\n    disabled: !(state.value && loaded.value?.editor.canZoomIn),\n  },\n  {\n    label: t('image_editor.rotate_left', {}, 'Rotate left'),\n    icon: RotateCcwIcon,\n    run: () => loaded.value?.editor.rotate(-1),\n  },\n  {\n    label: t('image_editor.rotate_right', {}, 'Rotate right'),\n    icon: RotateCwIcon,\n    run: () => loaded.value?.editor.rotate(1),\n  },\n  {\n    label: t('image_editor.flip_horizontal', {}, 'Flip horizontally'),\n    icon: FlipHorizontal2Icon,\n    run: () => loaded.value?.editor.flip('x'),\n  },\n  {\n    label: t('image_editor.flip_vertical', {}, 'Flip vertically'),\n    icon: FlipVertical2Icon,\n    run: () => loaded.value?.editor.flip('y'),\n  },\n  {\n    label: t('image_editor.reset', {}, 'Reset'),\n    icon: Undo2Icon,\n    run: () => loaded.value?.editor.reset(),\n  },\n])\n</script>\n\n<template>\n  <Dialog :open=\"props.request !== null\" @update:open=\"(open) => !open && finish(null)\">\n    <DialogContent class=\"sm:max-w-3xl\" data-slot=\"image-editor\">\n      <DialogHeader>\n        <DialogTitle>{{ t('image_editor.title', {}, 'Edit image') }}</DialogTitle>\n        <DialogDescription class=\"sr-only\">\n          <span :id=\"hintId\"\n            >{{\n              t(\n                'image_editor.keyboard_hint',\n                {},\n                'Arrow keys move the crop area. Shift and arrow keys resize it.',\n              )\n            }}\n            {{ t('image_editor.zoom_hint', {}, 'Plus and minus keys zoom the image.') }}</span\n          >\n        </DialogDescription>\n      </DialogHeader>\n      <div v-if=\"loaded && state && data\" class=\"flex flex-col gap-4 md:flex-row\">\n        <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n          <!-- Image space: left is the image's left in every reading direction. -->\n          <div\n            ref=\"frame\"\n            dir=\"ltr\"\n            data-slot=\"image-editor-viewport\"\n            class=\"bg-muted/40 relative h-72 w-full cursor-grab touch-none overflow-hidden rounded-md select-none sm:h-96\"\n            @pointerdown=\"start('pan', $event)\"\n            @pointermove=\"\n              loaded.editor.dragTo($event.clientX, $event.clientY, $event.pointerId ?? 0)\n            \"\n            @pointerup=\"loaded.editor.endDrag($event.pointerId ?? 0)\"\n            @pointercancel=\"loaded.editor.endDrag($event.pointerId ?? 0)\"\n          >\n            <canvas ref=\"canvas\" class=\"pointer-events-none absolute inset-0 block size-full\" />\n            <!-- Runtime geometry: no Tailwind class can hold these values. -->\n            <div\n              role=\"group\"\n              tabindex=\"0\"\n              :aria-label=\"t('image_editor.crop_area', {}, 'Crop area')\"\n              :aria-describedby=\"hintId\"\n              data-slot=\"image-editor-crop\"\n              :class=\"\n                cn(\n                  'ring-ring/50 absolute cursor-move border-2 border-white shadow-[0_0_0_9999px_rgb(0_0_0/0.5)] outline-none focus-visible:ring-[3px]',\n                  loaded.editor.circle && 'rounded-full',\n                )\n              \"\n              :style=\"{\n                left: `${box.left}%`,\n                top: `${box.top}%`,\n                width: `${box.width}%`,\n                height: `${box.height}%`,\n              }\"\n              @pointerdown=\"start('move', $event)\"\n              @keydown=\"onKeydown\"\n            >\n              <span\n                v-for=\"handle in HANDLES\"\n                :key=\"handle\"\n                :data-handle=\"handle\"\n                aria-hidden=\"true\"\n                class=\"absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-sm border border-black/40 bg-white\"\n                :style=\"{\n                  left: handle.endsWith('w') ? '0%' : '100%',\n                  top: handle.startsWith('n') ? '0%' : '100%',\n                  cursor: handle === 'nw' || handle === 'se' ? 'nwse-resize' : 'nesw-resize',\n                }\"\n                @pointerdown=\"start(handle, $event)\"\n              />\n            </div>\n          </div>\n          <div class=\"flex flex-wrap items-center justify-between gap-2\">\n            <div\n              v-if=\"loaded.editor.aspectRatios.length > 1\"\n              role=\"group\"\n              :aria-label=\"t('image_editor.aspect_ratio', {}, 'Aspect ratio')\"\n              class=\"flex flex-wrap gap-1\"\n            >\n              <Button\n                v-for=\"ratio in loaded.editor.aspectRatios\"\n                :key=\"ratio ?? 'free'\"\n                type=\"button\"\n                size=\"sm\"\n                :variant=\"state.aspectRatio === ratio ? 'default' : 'outline'\"\n                :aria-pressed=\"String(state.aspectRatio === ratio)\"\n                @click=\"loaded.editor.setAspectRatio(ratio)\"\n              >\n                {{ ratioLabel(ratio) }}\n              </Button>\n            </div>\n            <span v-else />\n            <div class=\"flex flex-wrap gap-1\">\n              <Button\n                v-for=\"tool in tools\"\n                :key=\"tool.label\"\n                type=\"button\"\n                variant=\"outline\"\n                size=\"icon-sm\"\n                :aria-label=\"tool.label\"\n                :title=\"tool.label\"\n                :disabled=\"tool.disabled\"\n                @click=\"tool.run()\"\n              >\n                <component :is=\"tool.icon\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n        <!-- Numeric inputs: beside the image from md up, under it on phones. -->\n        <div\n          role=\"group\"\n          :aria-label=\"t('image_editor.inputs', {}, 'Position and size')\"\n          data-slot=\"image-editor-inputs\"\n          class=\"grid grid-cols-2 content-start gap-x-3 gap-y-2 sm:grid-cols-4 md:w-40 md:shrink-0 md:grid-cols-1\"\n        >\n          <div\n            v-for=\"[field, key, fallback] in NUMERIC_FIELDS\"\n            :key=\"field\"\n            class=\"flex flex-col gap-1\"\n          >\n            <label :for=\"`${inputsId}-${field}`\" class=\"text-muted-foreground text-xs\">\n              {{ t(key, {}, fallback) }}\n            </label>\n            <Input\n              :id=\"`${inputsId}-${field}`\"\n              type=\"number\"\n              inputmode=\"decimal\"\n              step=\"1\"\n              :data-field=\"field\"\n              class=\"h-8 tabular-nums\"\n              :model-value=\"data[field]\"\n              @change=\"commit(field, $event)\"\n              @keydown.enter.prevent=\"commit(field, $event)\"\n            />\n          </div>\n          <div class=\"col-span-2 flex gap-1 sm:col-span-4 md:col-span-1\">\n            <Button\n              v-for=\"[axis, key, fallback] in SCALES\"\n              :key=\"axis\"\n              type=\"button\"\n              size=\"sm\"\n              :variant=\"(axis === 'x' ? state.flipX : state.flipY) ? 'default' : 'outline'\"\n              :aria-pressed=\"String(axis === 'x' ? state.flipX : state.flipY)\"\n              :data-field=\"`scale${axis.toUpperCase()}`\"\n              class=\"flex-1\"\n              @click=\"loaded.editor.flip(axis)\"\n            >\n              {{ t(key, {}, fallback) }}\n            </Button>\n          </div>\n        </div>\n      </div>\n      <div v-else class=\"flex h-48 items-center justify-center\">\n        <Spinner />\n      </div>\n      <DialogFooter>\n        <Button type=\"button\" variant=\"outline\" @click=\"finish(null)\">\n          {{ t('image_editor.cancel', {}, 'Cancel') }}\n        </Button>\n        <Button type=\"button\" :disabled=\"!loaded || saving\" @click=\"void save()\">\n          <Spinner v-if=\"saving\" />\n          {{ t('image_editor.save', {}, 'Apply') }}\n        </Button>\n      </DialogFooter>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ImageEditorDialog.js","names":["_sfc_main","ImageEditorDialog_vue_vue_type_script_setup_true_lang_default","ImageEditorDialog_default"],"sources":["../../../src/components/fields/ImageEditorDialog.vue"],"mappings":""}