@alfakit/vue 0.1.10 → 0.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"ImageEditorDialog.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_unref","DialogDescription","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_renderList","Button","_resolveDynamicComponent","Input","_withKeys","_withModifiers","Spinner","DialogFooter","_createCommentVNode","Button_default","Spinner_default","Input_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogFooter_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","ImageEditorDialog_vue_vue_type_script_setup_true_lang_default","HANDLES","NUMERIC_FIELDS","SCALES","props","__props","t","useT","loaded","shallowRef","state","saving","ref","hintId","useId","inputsId","canvas","frame","unsubscribe","stopObserving","release","watch","imageEditorOptionsKey","request","options","cancelled","loadEditorImage","bitmap","editor","ImageEditor","next","onCleanup","onScopeDispose","element","measure","observer","onWheel","rect","event","data","computed","commit","input","value","field","box","finish","file","save","current","start","mode","onKeydown","ratioLabel","ratio","tools","ZoomOutIcon","ZoomInIcon","RotateCcwIcon","RotateCwIcon","FlipHorizontal2Icon","FlipVertical2Icon","Undo2Icon","openBlock","createBlock","_cache","open","withCtx","createVNode","createTextVNode","toDisplayString","unref","createElementVNode","createElementBlock","$event","normalizeClass","cn","normalizeStyle","Fragment","renderList","handle","tool","resolveDynamicComponent","key","fallback","withKeys","withModifiers","axis","createCommentVNode"],"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":"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"}
+{"version":3,"file":"ImageEditorDialog.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_unref","DialogDescription","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_renderList","Button","_resolveDynamicComponent","Input","_withKeys","_withModifiers","Spinner","DialogFooter","_createCommentVNode","Button_default","Spinner_default","Input_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogFooter_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","ImageEditorDialog_vue_vue_type_script_setup_true_lang_default","HANDLES","NUMERIC_FIELDS","SCALES","props","__props","t","useT","loaded","shallowRef","state","saving","ref","hintId","useId","inputsId","canvas","frame","unsubscribe","stopObserving","release","watch","imageEditorOptionsKey","request","options","cancelled","loadEditorImage","bitmap","editor","ImageEditor","next","onCleanup","onScopeDispose","element","measure","observer","onWheel","rect","event","data","computed","commit","input","value","field","box","finish","file","save","current","start","mode","onKeydown","ratioLabel","ratio","tools","ZoomOutIcon","ZoomInIcon","RotateCcwIcon","RotateCwIcon","FlipHorizontal2Icon","FlipVertical2Icon","Undo2Icon","openBlock","createBlock","_cache","open","withCtx","createVNode","createTextVNode","toDisplayString","unref","createElementVNode","createElementBlock","$event","normalizeClass","cn","normalizeStyle","Fragment","renderList","handle","tool","resolveDynamicComponent","key","fallback","withKeys","withModifiers","axis","createCommentVNode"],"sources":["../../../src/components/fields/ImageEditorDialog.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemActionButton.js","names":["_sfc_main","ItemActionButton_vue_vue_type_script_setup_true_lang_default","ItemActionButton_default"],"sources":["../../../src/components/fields/ItemActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, ItemActionSchema } from '@alfakit/core'\nimport { itemActionContext, withItemActionState } from '@alfakit/core'\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  GripVerticalIcon,\n  PlusIcon,\n  Trash2Icon,\n} from '@lucide/vue'\nimport { computed, type Component, type HTMLAttributes } from 'vue'\nimport { useActionRunner } from '../../context'\nimport { colorClass, ghostButtonColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport ActionButton from '../actions/ActionButton.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * A built-in item action (Repeater, Builder, KeyValue). Uncustomised actions emit\n * `client` and change the state in the browser; customised ones (`server`) run through\n * the field action endpoint with `args` (`item`, `items`, `block`).\n */\nconst props = withDefaults(\n  defineProps<{\n    action: ItemActionSchema | null\n    context: ActionContext\n    args?: Record<string, unknown>\n    disabled?: boolean\n    attributes?: Record<string, string>\n    size?: 'xs' | 'sm' | 'default'\n    class?: HTMLAttributes['class']\n  }>(),\n  { size: 'xs' },\n)\nconst emit = defineEmits<{ client: [] }>()\nconst runner = useActionRunner()\n\n/** The common item action icons, bundled so headers don't wait for dynamic icons. */\nconst STATIC_ICONS: Record<string, Component> = {\n  'chevron-up': ChevronUpIcon,\n  'chevron-down': ChevronDownIcon,\n  copy: CopyIcon,\n  'trash-2': Trash2Icon,\n  'grip-vertical': GripVerticalIcon,\n  plus: PlusIcon,\n}\n\nconst schema = computed(() =>\n  props.action\n    ? withItemActionState(props.action, { disabled: props.disabled, attributes: props.attributes })\n    : null,\n)\n// Plain icon buttons that change the state in the browser repeat on every item: render\n// them light (no runner subscription, no tooltip, static icons).\nconst light = computed(\n  () =>\n    schema.value !== null &&\n    !schema.value.server &&\n    schema.value.variant === 'icon-button' &&\n    !schema.value.badge,\n)\nconst label = computed(() => schema.value?.label ?? schema.value?.tooltip ?? schema.value?.name)\nconst staticIcon = computed(() =>\n  schema.value?.icon ? STATIC_ICONS[schema.value.icon] : undefined,\n)\nconst scoped = computed(() => itemActionContext(props.context, props.args ?? {}))\nconst trigger = (action: ActionSchema, context: ActionContext) =>\n  props.action?.server ? runner.trigger(action, context) : emit('client')\n</script>\n\n<template>\n  <Button\n    v-if=\"schema && light\"\n    type=\"button\"\n    variant=\"plain\"\n    :size=\"props.size === 'xs' ? 'icon-xs' : props.size === 'sm' ? 'icon-sm' : 'icon'\"\n    :disabled=\"schema.disabled\"\n    :aria-label=\"label\"\n    :title=\"schema.tooltip ?? label\"\n    v-bind=\"schema.extraAttributes\"\n    :class=\"cn(colorClass(ghostButtonColorClasses, schema.color, 'gray'), props.class)\"\n    @click=\"emit('client')\"\n  >\n    <component :is=\"staticIcon\" v-if=\"staticIcon\" />\n    <Icon v-else :name=\"schema.icon\" />\n  </Button>\n  <ActionButton\n    v-else-if=\"schema\"\n    :action=\"schema\"\n    :context=\"scoped\"\n    :size=\"props.size\"\n    :class=\"props.class\"\n    :with-key-bindings=\"false\"\n    :on-trigger=\"trigger\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ItemActionButton.js","names":["_sfc_main","ItemActionButton_vue_vue_type_script_setup_true_lang_default","ItemActionButton_default"],"sources":["../../../src/components/fields/ItemActionButton.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_mergeProps","_unref","_withCtx","_resolveDynamicComponent","Icon","ActionButton","_normalizeClass","_createCommentVNode","Icon_default","Button_default","ActionButton_default","ItemActionButton_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","runner","useActionRunner","STATIC_ICONS","ChevronUpIcon","ChevronDownIcon","CopyIcon","Trash2Icon","GripVerticalIcon","PlusIcon","schema","computed","withItemActionState","light","label","staticIcon","scoped","itemActionContext","trigger","action","context","openBlock","createBlock","mergeProps","unref","cn","colorClass","ghostButtonColorClasses","_cache","withCtx","resolveDynamicComponent","normalizeClass","createCommentVNode"],"sources":["../../../src/components/fields/ItemActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, ItemActionSchema } from '@alfakit/core'\nimport { itemActionContext, withItemActionState } from '@alfakit/core'\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  GripVerticalIcon,\n  PlusIcon,\n  Trash2Icon,\n} from '@lucide/vue'\nimport { computed, type Component, type HTMLAttributes } from 'vue'\nimport { useActionRunner } from '../../context'\nimport { colorClass, ghostButtonColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport ActionButton from '../actions/ActionButton.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * A built-in item action (Repeater, Builder, KeyValue). Uncustomised actions emit\n * `client` and change the state in the browser; customised ones (`server`) run through\n * the field action endpoint with `args` (`item`, `items`, `block`).\n */\nconst props = withDefaults(\n  defineProps<{\n    action: ItemActionSchema | null\n    context: ActionContext\n    args?: Record<string, unknown>\n    disabled?: boolean\n    attributes?: Record<string, string>\n    size?: 'xs' | 'sm' | 'default'\n    class?: HTMLAttributes['class']\n  }>(),\n  { size: 'xs' },\n)\nconst emit = defineEmits<{ client: [] }>()\nconst runner = useActionRunner()\n\n/** The common item action icons, bundled so headers don't wait for dynamic icons. */\nconst STATIC_ICONS: Record<string, Component> = {\n  'chevron-up': ChevronUpIcon,\n  'chevron-down': ChevronDownIcon,\n  copy: CopyIcon,\n  'trash-2': Trash2Icon,\n  'grip-vertical': GripVerticalIcon,\n  plus: PlusIcon,\n}\n\nconst schema = computed(() =>\n  props.action\n    ? withItemActionState(props.action, { disabled: props.disabled, attributes: props.attributes })\n    : null,\n)\n// Plain icon buttons that change the state in the browser repeat on every item: render\n// them light (no runner subscription, no tooltip, static icons).\nconst light = computed(\n  () =>\n    schema.value !== null &&\n    !schema.value.server &&\n    schema.value.variant === 'icon-button' &&\n    !schema.value.badge,\n)\nconst label = computed(() => schema.value?.label ?? schema.value?.tooltip ?? schema.value?.name)\nconst staticIcon = computed(() =>\n  schema.value?.icon ? STATIC_ICONS[schema.value.icon] : undefined,\n)\nconst scoped = computed(() => itemActionContext(props.context, props.args ?? {}))\nconst trigger = (action: ActionSchema, context: ActionContext) =>\n  props.action?.server ? runner.trigger(action, context) : emit('client')\n</script>\n\n<template>\n  <Button\n    v-if=\"schema && light\"\n    type=\"button\"\n    variant=\"plain\"\n    :size=\"props.size === 'xs' ? 'icon-xs' : props.size === 'sm' ? 'icon-sm' : 'icon'\"\n    :disabled=\"schema.disabled\"\n    :aria-label=\"label\"\n    :title=\"schema.tooltip ?? label\"\n    v-bind=\"schema.extraAttributes\"\n    :class=\"cn(colorClass(ghostButtonColorClasses, schema.color, 'gray'), props.class)\"\n    @click=\"emit('client')\"\n  >\n    <component :is=\"staticIcon\" v-if=\"staticIcon\" />\n    <Icon v-else :name=\"schema.icon\" />\n  </Button>\n  <ActionButton\n    v-else-if=\"schema\"\n    :action=\"schema\"\n    :context=\"scoped\"\n    :size=\"props.size\"\n    :class=\"props.class\"\n    :with-key-bindings=\"false\"\n    :on-trigger=\"trigger\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAMgB,IAAQC,GAYRC,IAAOH,GACPI,IAASC,EAAgB,GAGzBC,IAA0C;GAC9C,cAAcC;GACd,gBAAgBC;GAChB,MAAMC;GACN,WAAWC;GACX,iBAAiBC;GACjB,MAAMC;EACR,GAEMC,IAASC,QACbb,EAAM,SACFc,EAAoBd,EAAM,QAAQ;GAAE,UAAUA,EAAM;GAAU,YAAYA,EAAM;EAAW,CAAC,IAC5F,IACN,GAGMe,IAAQF,QAEVD,EAAO,UAAU,QACjB,CAACA,EAAO,MAAM,UACdA,EAAO,MAAM,YAAY,iBACzB,CAACA,EAAO,MAAM,KAClB,GACMI,IAAQH,QAAeD,EAAO,OAAO,SAASA,EAAO,OAAO,WAAWA,EAAO,OAAO,IAAI,GACzFK,IAAaJ,QACjBD,EAAO,OAAO,OAAOP,EAAaO,EAAO,MAAM,QAAQ,KAAA,CACzD,GACMM,IAASL,QAAeM,EAAkBnB,EAAM,SAASA,EAAM,QAAQ,CAAC,CAAC,CAAC,GAC1EoB,KAAW,GAAsB,MACrCpB,EAAM,QAAQ,SAASG,EAAO,QAAQkB,GAAQC,CAAO,IAAIpB,EAAK,QAAQ;mBAK9DU,EAAA,SAAUG,EAAA,SADlB/B,EAAA,GAAAC,EAcSC,GAdTC,EAcS;;GAZP,MAAK;GACL,SAAQ;GACP,MAAMa,EAAM,SAAI,OAAA,YAAwBA,EAAM,SAAI,OAAA,YAAA;GAClD,UAAUY,EAAA,MAAO;GACjB,cAAYI,EAAA;GACZ,OAAOJ,EAAA,MAAO,WAAWI,EAAA;EAClB,GAAAJ,EAAA,MAAO,iBAAe;GAC7B,OAAOxB,EAAAuC,CAAA,CAAE,CAACvC,EAAAwC,CAAA,CAAU,CAACxC,EAAAyC,CAAA,GAAyBjB,EAAA,MAAO,OAAK,MAAA,GAAWZ,EAAM,KAAK;GAChF,SAAK,AAAA8B,EAAA,QAAA,MAAE5B,EAAI,QAAA;;GAEZ,SAAAb,QAAgD,CAAd4B,EAAA,SAAlCjC,EAAA,GAAAC,EAAgDK,EAAhC2B,EAAA,KAAU,GAAA,EAAA,KAAA,EAAA,CAAA,MAC1BjC,EAAA,GAAAC,EAAmCG,EAAAG,CAAA,GAAA;;IAArB,MAAMqB,EAAA,MAAO;;;;;;;;;EAGhB,CAAA,KAAAA,EAAA,SADb5B,EAAA,GAAAC,EAQEO,GAAA;;GANC,QAAQoB,EAAA;GACR,SAASM,EAAA;GACT,MAAMlB,EAAM;GACZ,OAAKP,EAAEO,EAAM,KAAK;GAClB,qBAAmB;GACnB,cAAYoB"}
+{"version":3,"file":"ItemActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_mergeProps","_unref","_withCtx","_resolveDynamicComponent","Icon","ActionButton","_normalizeClass","_createCommentVNode","Icon_default","Button_default","ActionButton_default","ItemActionButton_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","runner","useActionRunner","STATIC_ICONS","ChevronUpIcon","ChevronDownIcon","CopyIcon","Trash2Icon","GripVerticalIcon","PlusIcon","schema","computed","withItemActionState","light","label","staticIcon","scoped","itemActionContext","trigger","action","context","openBlock","createBlock","mergeProps","unref","cn","colorClass","ghostButtonColorClasses","_cache","withCtx","resolveDynamicComponent","normalizeClass","createCommentVNode"],"sources":["../../../src/components/fields/ItemActionButton.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAMgB,IAAQC,GAYRC,IAAOH,GACPI,IAASC,EAAgB,GAGzBC,IAA0C;GAC9C,cAAcC;GACd,gBAAgBC;GAChB,MAAMC;GACN,WAAWC;GACX,iBAAiBC;GACjB,MAAMC;EACR,GAEMC,IAASC,QACbb,EAAM,SACFc,EAAoBd,EAAM,QAAQ;GAAE,UAAUA,EAAM;GAAU,YAAYA,EAAM;EAAW,CAAC,IAC5F,IACN,GAGMe,IAAQF,QAEVD,EAAO,UAAU,QACjB,CAACA,EAAO,MAAM,UACdA,EAAO,MAAM,YAAY,iBACzB,CAACA,EAAO,MAAM,KAClB,GACMI,IAAQH,QAAeD,EAAO,OAAO,SAASA,EAAO,OAAO,WAAWA,EAAO,OAAO,IAAI,GACzFK,IAAaJ,QACjBD,EAAO,OAAO,OAAOP,EAAaO,EAAO,MAAM,QAAQ,KAAA,CACzD,GACMM,IAASL,QAAeM,EAAkBnB,EAAM,SAASA,EAAM,QAAQ,CAAC,CAAC,CAAC,GAC1EoB,KAAW,GAAsB,MACrCpB,EAAM,QAAQ,SAASG,EAAO,QAAQkB,GAAQC,CAAO,IAAIpB,EAAK,QAAQ;mBAK9DU,EAAA,SAAUG,EAAA,SADlB/B,EAAA,GAAAC,EAcSC,GAdTC,EAcS;;GAZP,MAAK;GACL,SAAQ;GACP,MAAMa,EAAM,SAAI,OAAA,YAAwBA,EAAM,SAAI,OAAA,YAAA;GAClD,UAAUY,EAAA,MAAO;GACjB,cAAYI,EAAA;GACZ,OAAOJ,EAAA,MAAO,WAAWI,EAAA;EAClB,GAAAJ,EAAA,MAAO,iBAAe;GAC7B,OAAOxB,EAAAuC,CAAA,CAAE,CAACvC,EAAAwC,CAAA,CAAU,CAACxC,EAAAyC,CAAA,GAAyBjB,EAAA,MAAO,OAAK,MAAA,GAAWZ,EAAM,KAAK;GAChF,SAAK,AAAA8B,EAAA,QAAA,MAAE5B,EAAI,QAAA;;GAEZ,SAAAb,QAAgD,CAAd4B,EAAA,SAAlCjC,EAAA,GAAAC,EAAgDK,EAAhC2B,EAAA,KAAU,GAAA,EAAA,KAAA,EAAA,CAAA,MAC1BjC,EAAA,GAAAC,EAAmCG,EAAAG,CAAA,GAAA;;IAArB,MAAMqB,EAAA,MAAO;;;;;;;;;EAGhB,CAAA,KAAAA,EAAA,SADb5B,EAAA,GAAAC,EAQEO,GAAA;;GANC,QAAQoB,EAAA;GACR,SAASM,EAAA;GACT,MAAMlB,EAAM;GACZ,OAAKP,EAAEO,EAAM,KAAK;GAClB,qBAAmB;GACnB,cAAYoB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemHeaderActions.js","names":["_sfc_main","ItemHeaderActions_vue_vue_type_script_setup_true_lang_default","ItemHeaderActions_default"],"sources":["../../../src/components/fields/ItemHeaderActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, ItemActionName, ItemActionSchema } from '@alfakit/core'\nimport { itemActionContext } from '@alfakit/core'\nimport { computed } from 'vue'\nimport ActionList from '../actions/ActionList.vue'\nimport ItemActionButton from './ItemActionButton.vue'\n\n/**\n * The end of an item header: move up / down, extra item actions, clone, delete and the\n * collapse toggle, in Filament's order.\n */\nconst props = defineProps<{\n  context: ActionContext\n  itemKey: string\n  index: number\n  count: number\n  resolve: (name: ItemActionName) => ItemActionSchema | null\n  extraActions?: ActionSchema[]\n  buttons: boolean\n  canClone: boolean\n  canDelete: boolean\n  collapsible: boolean\n  collapsed: boolean\n}>()\nconst emit = defineEmits<{\n  move: [from: number, to: number]\n  clone: []\n  delete: []\n  toggle: []\n}>()\n\nconst args = computed(() => ({ item: props.itemKey }))\nconst extraContext = computed(() => itemActionContext(props.context, args.value))\n</script>\n\n<template>\n  <div class=\"ms-auto flex items-center gap-0.5\" data-slot=\"item-actions\">\n    <slot />\n    <template v-if=\"props.buttons\">\n      <ItemActionButton\n        :action=\"props.resolve('moveUp')\"\n        :context=\"props.context\"\n        :args=\"args\"\n        :disabled=\"props.index === 0\"\n        :attributes=\"{ 'data-item-move': 'up' }\"\n        @client=\"emit('move', props.index, props.index - 1)\"\n      />\n      <ItemActionButton\n        :action=\"props.resolve('moveDown')\"\n        :context=\"props.context\"\n        :args=\"args\"\n        :disabled=\"props.index === props.count - 1\"\n        :attributes=\"{ 'data-item-move': 'down' }\"\n        @client=\"emit('move', props.index, props.index + 1)\"\n      />\n    </template>\n    <ActionList\n      v-if=\"props.extraActions?.length\"\n      :actions=\"props.extraActions\"\n      :context=\"extraContext\"\n      size=\"xs\"\n      class=\"gap-0.5\"\n    />\n    <ItemActionButton\n      v-if=\"props.canClone\"\n      :action=\"props.resolve('clone')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      @client=\"emit('clone')\"\n    />\n    <ItemActionButton\n      v-if=\"props.canDelete\"\n      :action=\"props.resolve('delete')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      class=\"text-destructive hover:text-destructive\"\n      @client=\"emit('delete')\"\n    />\n    <ItemActionButton\n      v-if=\"props.collapsible\"\n      :action=\"props.resolve(props.collapsed ? 'expand' : 'collapse')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      :attributes=\"{ 'aria-expanded': props.collapsed ? 'false' : 'true' }\"\n      @client=\"emit('toggle')\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ItemHeaderActions.js","names":["_sfc_main","ItemHeaderActions_vue_vue_type_script_setup_true_lang_default","ItemHeaderActions_default"],"sources":["../../../src/components/fields/ItemHeaderActions.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemHeaderActions.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot","_Fragment","_createVNode","ItemActionButton","_createCommentVNode","_createBlock","ActionList","ActionList_default","ItemActionButton_default","_hoisted_1","ItemHeaderActions_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","args","computed","extraContext","itemActionContext","openBlock","createElementBlock","renderSlot","_ctx","Fragment","createVNode","_cache","createCommentVNode","createBlock"],"sources":["../../../src/components/fields/ItemHeaderActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, ItemActionName, ItemActionSchema } from '@alfakit/core'\nimport { itemActionContext } from '@alfakit/core'\nimport { computed } from 'vue'\nimport ActionList from '../actions/ActionList.vue'\nimport ItemActionButton from './ItemActionButton.vue'\n\n/**\n * The end of an item header: move up / down, extra item actions, clone, delete and the\n * collapse toggle, in Filament's order.\n */\nconst props = defineProps<{\n  context: ActionContext\n  itemKey: string\n  index: number\n  count: number\n  resolve: (name: ItemActionName) => ItemActionSchema | null\n  extraActions?: ActionSchema[]\n  buttons: boolean\n  canClone: boolean\n  canDelete: boolean\n  collapsible: boolean\n  collapsed: boolean\n}>()\nconst emit = defineEmits<{\n  move: [from: number, to: number]\n  clone: []\n  delete: []\n  toggle: []\n}>()\n\nconst args = computed(() => ({ item: props.itemKey }))\nconst extraContext = computed(() => itemActionContext(props.context, args.value))\n</script>\n\n<template>\n  <div class=\"ms-auto flex items-center gap-0.5\" data-slot=\"item-actions\">\n    <slot />\n    <template v-if=\"props.buttons\">\n      <ItemActionButton\n        :action=\"props.resolve('moveUp')\"\n        :context=\"props.context\"\n        :args=\"args\"\n        :disabled=\"props.index === 0\"\n        :attributes=\"{ 'data-item-move': 'up' }\"\n        @client=\"emit('move', props.index, props.index - 1)\"\n      />\n      <ItemActionButton\n        :action=\"props.resolve('moveDown')\"\n        :context=\"props.context\"\n        :args=\"args\"\n        :disabled=\"props.index === props.count - 1\"\n        :attributes=\"{ 'data-item-move': 'down' }\"\n        @client=\"emit('move', props.index, props.index + 1)\"\n      />\n    </template>\n    <ActionList\n      v-if=\"props.extraActions?.length\"\n      :actions=\"props.extraActions\"\n      :context=\"extraContext\"\n      size=\"xs\"\n      class=\"gap-0.5\"\n    />\n    <ItemActionButton\n      v-if=\"props.canClone\"\n      :action=\"props.resolve('clone')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      @client=\"emit('clone')\"\n    />\n    <ItemActionButton\n      v-if=\"props.canDelete\"\n      :action=\"props.resolve('delete')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      class=\"text-destructive hover:text-destructive\"\n      @client=\"emit('delete')\"\n    />\n    <ItemActionButton\n      v-if=\"props.collapsible\"\n      :action=\"props.resolve(props.collapsed ? 'expand' : 'collapse')\"\n      :context=\"props.context\"\n      :args=\"args\"\n      :attributes=\"{ 'aria-expanded': props.collapsed ? 'false' : 'true' }\"\n      @client=\"emit('toggle')\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAMc,IAAQC,GAaRC,IAAOH,GAOPI,IAAOC,SAAgB,EAAE,MAAMJ,EAAM,QAAQ,EAAE,GAC/CK,IAAeD,QAAeE,EAAkBN,EAAM,SAASG,EAAK,KAAK,CAAC;oBAI9EjB,EAAA,GAAAC,EAkDM,OAlDNU,GAkDM;GAjDJT,EAAQsB,EAAA,QAAA,SAAA;GACQV,EAAM,WAAtBd,EAAA,GAAAC,EAiBWE,GAAA,EAAA,KAAA,EAAA,GAAA,CAhBTC,EAOEC,GAAA;IANC,QAAQS,EAAM,QAAO,QAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAUH,EAAM,UAAK;IACrB,YAAY,EAAA,kBAAA,KAAA;IACZ,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAASF,EAAM,OAAOA,EAAM,QAAK,CAAA;;;;;;GAEhDV,CAAAA,GAAAA,EAOEC,GAAA;IANC,QAAQS,EAAM,QAAO,UAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAUH,EAAM,UAAUA,EAAM,QAAK;IACrC,YAAY,EAAA,kBAAA,OAAA;IACZ,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAASF,EAAM,OAAOA,EAAM,QAAK,CAAA;;;;;;;GAI1CA,EAAM,cAAc,UAD5Bd,EAAA,GAAAO,EAMEC,GAAA;;IAJC,SAASM,EAAM;IACf,SAASK,EAAA;IACV,MAAK;IACL,OAAM;;GAGAL,EAAM,YADdd,EAAA,GAAAO,EAMEF,GAAA;;IAJC,QAAQS,EAAM,QAAO,OAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAM,AAAAU,EAAA,QAAA,MAAEX,EAAI,OAAA;;;;;;GAGPF,EAAM,aADdd,EAAA,GAAAO,EAOEF,GAAA;;IALC,QAAQS,EAAM,QAAO,QAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACP,OAAM;IACL,UAAM,AAAAU,EAAA,QAAA,MAAEX,EAAI,QAAA;;;;;;GAGPF,EAAM,eADdd,EAAA,GAAAO,EAOEF,GAAA;;IALC,QAAQS,EAAM,QAAQA,EAAM,YAAS,WAAA,UAAA;IACrC,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,YAAU,EAAA,iBAAqBH,EAAM,YAAS,UAAA,OAAA;IAC9C,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAAA"}
+{"version":3,"file":"ItemHeaderActions.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot","_Fragment","_createVNode","ItemActionButton","_createCommentVNode","_createBlock","ActionList","ActionList_default","ItemActionButton_default","_hoisted_1","ItemHeaderActions_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","args","computed","extraContext","itemActionContext","openBlock","createElementBlock","renderSlot","_ctx","Fragment","createVNode","_cache","createCommentVNode","createBlock"],"sources":["../../../src/components/fields/ItemHeaderActions.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAMc,IAAQC,GAaRC,IAAOH,GAOPI,IAAOC,SAAgB,EAAE,MAAMJ,EAAM,QAAQ,EAAE,GAC/CK,IAAeD,QAAeE,EAAkBN,EAAM,SAASG,EAAK,KAAK,CAAC;oBAI9EjB,EAAA,GAAAC,EAkDM,OAlDNU,GAkDM;GAjDJT,EAAQsB,EAAA,QAAA,SAAA;GACQV,EAAM,WAAtBd,EAAA,GAAAC,EAiBWE,GAAA,EAAA,KAAA,EAAA,GAAA,CAhBTC,EAOEC,GAAA;IANC,QAAQS,EAAM,QAAO,QAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAUH,EAAM,UAAK;IACrB,YAAY,EAAA,kBAAA,KAAA;IACZ,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAASF,EAAM,OAAOA,EAAM,QAAK,CAAA;;;;;;GAEhDV,CAAAA,GAAAA,EAOEC,GAAA;IANC,QAAQS,EAAM,QAAO,UAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAUH,EAAM,UAAUA,EAAM,QAAK;IACrC,YAAY,EAAA,kBAAA,OAAA;IACZ,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAASF,EAAM,OAAOA,EAAM,QAAK,CAAA;;;;;;;GAI1CA,EAAM,cAAc,UAD5Bd,EAAA,GAAAO,EAMEC,GAAA;;IAJC,SAASM,EAAM;IACf,SAASK,EAAA;IACV,MAAK;IACL,OAAM;;GAGAL,EAAM,YADdd,EAAA,GAAAO,EAMEF,GAAA;;IAJC,QAAQS,EAAM,QAAO,OAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,UAAM,AAAAU,EAAA,QAAA,MAAEX,EAAI,OAAA;;;;;;GAGPF,EAAM,aADdd,EAAA,GAAAO,EAOEF,GAAA;;IALC,QAAQS,EAAM,QAAO,QAAA;IACrB,SAASA,EAAM;IACf,MAAMG,EAAA;IACP,OAAM;IACL,UAAM,AAAAU,EAAA,QAAA,MAAEX,EAAI,QAAA;;;;;;GAGPF,EAAM,eADdd,EAAA,GAAAO,EAOEF,GAAA;;IALC,QAAQS,EAAM,QAAQA,EAAM,YAAS,WAAA,UAAA;IACrC,SAASA,EAAM;IACf,MAAMG,EAAA;IACN,YAAU,EAAA,iBAAqBH,EAAM,YAAS,UAAA,OAAA;IAC9C,UAAM,AAAAa,EAAA,QAAA,MAAEX,EAAI,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueField.js","names":["_sfc_main","KeyValueField_vue_vue_type_script_setup_true_lang_default","KeyValueField_default"],"sources":["../../../src/components/fields/KeyValueField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  fieldIds,\n  moveRepeaterItem,\n  reorderedItemKeys,\n  resolveItemAction,\n  type KeyValueSchema,\n  itemActionIcon,\n} from '@alfakit/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport { useT } from '../../context'\nimport ItemActionButton from './ItemActionButton.vue'\nimport { useItemMoves, useRunItemAction } from './item-actions'\n\ntype Row = { key: string; value: string }\n\n/**\n * The server stores an object; while editing we keep an ordered list of rows so keys\n * can be typed freely (including temporarily duplicate or empty keys).\n */\nconst props = defineProps<{ component: KeyValueSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  Record<string, unknown> | Row[] | null\n>(() => props.component)\n\nconst rows = computed<Row[]>(() => {\n  if (Array.isArray(value.value)) {\n    return value.value.map((row) => ({\n      key: String(row.key ?? ''),\n      value: row.value === null || row.value === undefined ? '' : String(row.value),\n    }))\n  }\n\n  return Object.entries(value.value ?? {}).map(([key, rowValue]) => ({\n    key,\n    value: rowValue === null || rowValue === undefined ? '' : String(rowValue),\n  }))\n})\n\nconst update = (next: Row[]) => setValue(next)\nconst patch = (index: number, change: Partial<Row>) =>\n  update(rows.value.map((item, i) => (i === index ? { ...item, ...change } : item)))\nconst t = useT()\n\nconst context = useFieldActionContext(() => props.component)\nconst runItemAction = useRunItemAction(context)\nconst addAction = computed(() =>\n  resolveItemAction('add', props.component, undefined, {\n    label: props.component.addActionLabel,\n    icon: 'plus',\n    variant: 'ghost',\n  }),\n)\nconst deleteAction = computed(() =>\n  resolveItemAction('delete', props.component, undefined, {\n    label: t('form.remove_row', {}, 'Remove row'),\n    icon: itemActionIcon('key-value', 'delete', 'trash-2'),\n  }),\n)\nconst reorderAction = computed(() =>\n  resolveItemAction('reorder', props.component, undefined, {\n    label: t('form.reorder_item', {}, 'Reorder'),\n    icon: itemActionIcon('key-value', 'reorder', 'grip-vertical'),\n  }),\n)\nconst deletable = computed(\n  () => props.component.deletable && !readOnly.value && deleteAction.value !== null,\n)\nconst reorderable = computed(\n  () =>\n    props.component.reorderable &&\n    !readOnly.value &&\n    !disabled.value &&\n    reorderAction.value !== null,\n)\nconst dragIndex = ref<number | null>(null)\n// Moving runs the reorder action: in the browser, or on the server when customised.\nconst move = (from: number, to: number) =>\n  runItemAction(\n    reorderAction.value,\n    { items: reorderedItemKeys(rows.value.length, from, to) },\n    () => update(moveRepeaterItem(rows.value, from, to) as Row[]),\n  )\n// Move buttons: announced, one at a time, focus kept on the moved row.\nconst moves = useItemMoves(\n  value,\n  move,\n  (index) => rows.value[index]?.key || null,\n  () => rows.value.length,\n)\nconst moveAnnouncement = moves.announcement\nconst moveContainer = moves.container\nconst onRowDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div ref=\"moveContainer\" class=\"overflow-hidden rounded-md border\">\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\" data-slot=\"item-move-status\">{{\n        moveAnnouncement\n      }}</span>\n      <table\n        class=\"w-full text-sm\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n      >\n        <thead class=\"bg-muted/50 text-muted-foreground text-xs\">\n          <tr>\n            <th v-if=\"reorderable\" class=\"w-16\" />\n            <th class=\"px-3 py-2 text-start font-medium\">{{ props.component.keyLabel }}</th>\n            <th class=\"px-3 py-2 text-start font-medium\">{{ props.component.valueLabel }}</th>\n            <th v-if=\"deletable\" class=\"w-10\" />\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            v-for=\"(row, index) in rows\"\n            :key=\"index\"\n            :data-index=\"index\"\n            :draggable=\"reorderable\"\n            :class=\"cn('border-t', dragIndex === index && 'opacity-50')\"\n            @dragstart=\"dragIndex = index\"\n            @dragover=\"reorderable && $event.preventDefault()\"\n            @drop=\"onRowDrop(index)\"\n            @dragend=\"dragIndex = null\"\n          >\n            <td v-if=\"reorderable\" class=\"p-1.5\">\n              <div class=\"flex items-center\">\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('form.move_up', {}, 'Move up')\"\n                  :disabled=\"index === 0\"\n                  data-item-move=\"up\"\n                  @click=\"moves.moveWithButton(index, index - 1)\"\n                  ><ChevronUpIcon\n                /></Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('form.move_down', {}, 'Move down')\"\n                  :disabled=\"index === rows.length - 1\"\n                  data-item-move=\"down\"\n                  @click=\"moves.moveWithButton(index, index + 1)\"\n                  ><ChevronDownIcon\n                /></Button>\n              </div>\n            </td>\n            <td class=\"p-1.5\">\n              <Input\n                dir=\"auto\"\n                :model-value=\"row.key\"\n                :readonly=\"readOnly || !props.component.editableKeys\"\n                :disabled=\"disabled\"\n                :placeholder=\"props.component.keyPlaceholder\"\n                :aria-label=\"props.component.keyLabel\"\n                :aria-invalid=\"aria['aria-invalid']\"\n                class=\"h-8\"\n                @update:model-value=\"patch(index, { key: $event })\"\n                @blur=\"blur\"\n              />\n            </td>\n            <td class=\"p-1.5\">\n              <Input\n                dir=\"auto\"\n                :model-value=\"row.value\"\n                :readonly=\"readOnly || !props.component.editableValues\"\n                :disabled=\"disabled\"\n                :placeholder=\"props.component.valuePlaceholder\"\n                :aria-label=\"props.component.valueLabel\"\n                :aria-invalid=\"aria['aria-invalid']\"\n                class=\"h-8\"\n                @update:model-value=\"patch(index, { value: $event })\"\n                @blur=\"blur\"\n              />\n            </td>\n            <td v-if=\"deletable\" class=\"p-1.5\">\n              <ItemActionButton\n                :action=\"deleteAction\"\n                :context=\"context\"\n                :args=\"{ item: String(index) }\"\n                size=\"sm\"\n                :disabled=\"disabled\"\n                class=\"text-muted-foreground\"\n                @client=\"update(rows.filter((_, i) => i !== index))\"\n              />\n            </td>\n          </tr>\n          <tr v-if=\"rows.length === 0\" class=\"border-t\">\n            <td\n              :colspan=\"reorderable ? 4 : 3\"\n              class=\"text-muted-foreground px-3 py-4 text-center text-xs\"\n            >\n              —\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"props.component.addable && !readOnly && addAction\" class=\"border-t p-1.5\">\n        <ItemActionButton\n          :action=\"addAction\"\n          :context=\"context\"\n          size=\"sm\"\n          :disabled=\"disabled\"\n          @client=\"update([...rows, { key: '', value: '' }])\"\n        />\n      </div>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KeyValueField.js","names":["_sfc_main","KeyValueField_vue_vue_type_script_setup_true_lang_default","KeyValueField_default"],"sources":["../../../src/components/fields/KeyValueField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"KeyValueField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_Fragment","_renderList","_normalizeClass","_createVNode","Button","Input","ItemActionButton","Button_default","Input_default","FieldWrapper_default","ItemActionButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","KeyValueField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","rows","computed","value","row","key","rowValue","update","setValue","next","patch","i","index","item","change","t","useT","context","useFieldActionContext","runItemAction","useRunItemAction","addAction","resolveItemAction","deleteAction","itemActionIcon","reorderAction","deletable","readOnly","reorderable","disabled","dragIndex","ref","move","reorderedItemKeys","from","to","moveRepeaterItem","moves","useItemMoves","moveAnnouncement","moveContainer","onRowDrop","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","toDisplayString","fieldIds","aria","createElementBlock","createCommentVNode","Fragment","renderList","normalizeClass","cn","_cache","$event","createVNode","ChevronUpIcon","ChevronDownIcon","blur"],"sources":["../../../src/components/fields/KeyValueField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  fieldIds,\n  moveRepeaterItem,\n  reorderedItemKeys,\n  resolveItemAction,\n  type KeyValueSchema,\n  itemActionIcon,\n} from '@alfakit/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport { useT } from '../../context'\nimport ItemActionButton from './ItemActionButton.vue'\nimport { useItemMoves, useRunItemAction } from './item-actions'\n\ntype Row = { key: string; value: string }\n\n/**\n * The server stores an object; while editing we keep an ordered list of rows so keys\n * can be typed freely (including temporarily duplicate or empty keys).\n */\nconst props = defineProps<{ component: KeyValueSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<\n  Record<string, unknown> | Row[] | null\n>(() => props.component)\n\nconst rows = computed<Row[]>(() => {\n  if (Array.isArray(value.value)) {\n    return value.value.map((row) => ({\n      key: String(row.key ?? ''),\n      value: row.value === null || row.value === undefined ? '' : String(row.value),\n    }))\n  }\n\n  return Object.entries(value.value ?? {}).map(([key, rowValue]) => ({\n    key,\n    value: rowValue === null || rowValue === undefined ? '' : String(rowValue),\n  }))\n})\n\nconst update = (next: Row[]) => setValue(next)\nconst patch = (index: number, change: Partial<Row>) =>\n  update(rows.value.map((item, i) => (i === index ? { ...item, ...change } : item)))\nconst t = useT()\n\nconst context = useFieldActionContext(() => props.component)\nconst runItemAction = useRunItemAction(context)\nconst addAction = computed(() =>\n  resolveItemAction('add', props.component, undefined, {\n    label: props.component.addActionLabel,\n    icon: 'plus',\n    variant: 'ghost',\n  }),\n)\nconst deleteAction = computed(() =>\n  resolveItemAction('delete', props.component, undefined, {\n    label: t('form.remove_row', {}, 'Remove row'),\n    icon: itemActionIcon('key-value', 'delete', 'trash-2'),\n  }),\n)\nconst reorderAction = computed(() =>\n  resolveItemAction('reorder', props.component, undefined, {\n    label: t('form.reorder_item', {}, 'Reorder'),\n    icon: itemActionIcon('key-value', 'reorder', 'grip-vertical'),\n  }),\n)\nconst deletable = computed(\n  () => props.component.deletable && !readOnly.value && deleteAction.value !== null,\n)\nconst reorderable = computed(\n  () =>\n    props.component.reorderable &&\n    !readOnly.value &&\n    !disabled.value &&\n    reorderAction.value !== null,\n)\nconst dragIndex = ref<number | null>(null)\n// Moving runs the reorder action: in the browser, or on the server when customised.\nconst move = (from: number, to: number) =>\n  runItemAction(\n    reorderAction.value,\n    { items: reorderedItemKeys(rows.value.length, from, to) },\n    () => update(moveRepeaterItem(rows.value, from, to) as Row[]),\n  )\n// Move buttons: announced, one at a time, focus kept on the moved row.\nconst moves = useItemMoves(\n  value,\n  move,\n  (index) => rows.value[index]?.key || null,\n  () => rows.value.length,\n)\nconst moveAnnouncement = moves.announcement\nconst moveContainer = moves.container\nconst onRowDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index) move(dragIndex.value, index)\n  dragIndex.value = null\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div ref=\"moveContainer\" class=\"overflow-hidden rounded-md border\">\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\" data-slot=\"item-move-status\">{{\n        moveAnnouncement\n      }}</span>\n      <table\n        class=\"w-full text-sm\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n      >\n        <thead class=\"bg-muted/50 text-muted-foreground text-xs\">\n          <tr>\n            <th v-if=\"reorderable\" class=\"w-16\" />\n            <th class=\"px-3 py-2 text-start font-medium\">{{ props.component.keyLabel }}</th>\n            <th class=\"px-3 py-2 text-start font-medium\">{{ props.component.valueLabel }}</th>\n            <th v-if=\"deletable\" class=\"w-10\" />\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            v-for=\"(row, index) in rows\"\n            :key=\"index\"\n            :data-index=\"index\"\n            :draggable=\"reorderable\"\n            :class=\"cn('border-t', dragIndex === index && 'opacity-50')\"\n            @dragstart=\"dragIndex = index\"\n            @dragover=\"reorderable && $event.preventDefault()\"\n            @drop=\"onRowDrop(index)\"\n            @dragend=\"dragIndex = null\"\n          >\n            <td v-if=\"reorderable\" class=\"p-1.5\">\n              <div class=\"flex items-center\">\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('form.move_up', {}, 'Move up')\"\n                  :disabled=\"index === 0\"\n                  data-item-move=\"up\"\n                  @click=\"moves.moveWithButton(index, index - 1)\"\n                  ><ChevronUpIcon\n                /></Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('form.move_down', {}, 'Move down')\"\n                  :disabled=\"index === rows.length - 1\"\n                  data-item-move=\"down\"\n                  @click=\"moves.moveWithButton(index, index + 1)\"\n                  ><ChevronDownIcon\n                /></Button>\n              </div>\n            </td>\n            <td class=\"p-1.5\">\n              <Input\n                dir=\"auto\"\n                :model-value=\"row.key\"\n                :readonly=\"readOnly || !props.component.editableKeys\"\n                :disabled=\"disabled\"\n                :placeholder=\"props.component.keyPlaceholder\"\n                :aria-label=\"props.component.keyLabel\"\n                :aria-invalid=\"aria['aria-invalid']\"\n                class=\"h-8\"\n                @update:model-value=\"patch(index, { key: $event })\"\n                @blur=\"blur\"\n              />\n            </td>\n            <td class=\"p-1.5\">\n              <Input\n                dir=\"auto\"\n                :model-value=\"row.value\"\n                :readonly=\"readOnly || !props.component.editableValues\"\n                :disabled=\"disabled\"\n                :placeholder=\"props.component.valuePlaceholder\"\n                :aria-label=\"props.component.valueLabel\"\n                :aria-invalid=\"aria['aria-invalid']\"\n                class=\"h-8\"\n                @update:model-value=\"patch(index, { value: $event })\"\n                @blur=\"blur\"\n              />\n            </td>\n            <td v-if=\"deletable\" class=\"p-1.5\">\n              <ItemActionButton\n                :action=\"deleteAction\"\n                :context=\"context\"\n                :args=\"{ item: String(index) }\"\n                size=\"sm\"\n                :disabled=\"disabled\"\n                class=\"text-muted-foreground\"\n                @client=\"update(rows.filter((_, i) => i !== index))\"\n              />\n            </td>\n          </tr>\n          <tr v-if=\"rows.length === 0\" class=\"border-t\">\n            <td\n              :colspan=\"reorderable ? 4 : 3\"\n              class=\"text-muted-foreground px-3 py-4 text-center text-xs\"\n            >\n              —\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"props.component.addable && !readOnly && addAction\" class=\"border-t p-1.5\">\n        <ItemActionButton\n          :action=\"addAction\"\n          :context=\"context\"\n          size=\"sm\"\n          :disabled=\"disabled\"\n          @client=\"update([...rows, { key: '', value: '' }])\"\n        />\n      </div>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"KeyValueField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_Fragment","_renderList","_normalizeClass","_createVNode","Button","Input","ItemActionButton","Button_default","Input_default","FieldWrapper_default","ItemActionButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","KeyValueField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","rows","computed","value","row","key","rowValue","update","setValue","next","patch","i","index","item","change","t","useT","context","useFieldActionContext","runItemAction","useRunItemAction","addAction","resolveItemAction","deleteAction","itemActionIcon","reorderAction","deletable","readOnly","reorderable","disabled","dragIndex","ref","move","reorderedItemKeys","from","to","moveRepeaterItem","moves","useItemMoves","moveAnnouncement","moveContainer","onRowDrop","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","toDisplayString","fieldIds","aria","createElementBlock","createCommentVNode","Fragment","renderList","normalizeClass","cn","_cache","$event","createVNode","ChevronUpIcon","ChevronDownIcon","blur"],"sources":["../../../src/components/fields/KeyValueField.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTablePicker.js","names":["_sfc_main","ModalTablePicker_vue_vue_type_script_setup_true_lang_default","ModalTablePicker_default"],"sources":["../../../src/components/fields/ModalTablePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModalTableSelectResponse, ModalTableSelectSchema, TableQuery } from '@alfakit/core'\nimport {\n  FILTERS_MODAL_WIDTH_CLASSES,\n  debounce,\n  modalTablePaging,\n  toggleModalTableKey,\n} from '@alfakit/core'\nimport {\n  ArrowDownIcon,\n  ArrowUpDownIcon,\n  ArrowUpIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  SearchIcon,\n} from '@lucide/vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useChoice, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\nimport TableCellContent from '../table/TableCellContent.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.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 Skeleton from '../ui/Skeleton.vue'\nimport Table from '../ui/Table.vue'\nimport TableBody from '../ui/TableBody.vue'\nimport TableCell from '../ui/TableCell.vue'\nimport TableHead from '../ui/TableHead.vue'\nimport TableHeader from '../ui/TableHeader.vue'\nimport TableRow from '../ui/TableRow.vue'\nimport ModalTablePickerFilters from './ModalTablePickerFilters.vue'\n\nconst props = defineProps<{ component: ModalTableSelectSchema; initial: string[] }>()\nconst emit = defineEmits<{\n  close: []\n  confirm: [keys: string[], labels: Record<string, string>]\n}>()\nconst t = useT()\nconst format = useFormatter()\nconst choice = useChoice()\nconst form = useFormStore()\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst query = ref<TableQuery>({})\nconst response = ref<ModalTableSelectResponse | null>(null)\nconst failed = ref(false)\nconst loading = ref(true)\nconst draft = ref<string[]>([...props.initial])\nconst labels = ref<Record<string, string>>({})\nconst search = ref('')\nlet controller: AbortController | null = null\n\nconst load = () => {\n  controller?.abort()\n  const current = new AbortController()\n  controller = current\n  loading.value = true\n\n  form\n    .modalTable(\n      props.component.statePath,\n      props.component.tableStateIdentifier,\n      query.value,\n      current.signal,\n    )\n    .then((next) => {\n      if (!next) return\n      response.value = next\n      labels.value = { ...labels.value, ...next.labels }\n      failed.value = false\n    })\n    .catch((error: unknown) => {\n      if ((error as { name?: string }).name !== 'AbortError') failed.value = true\n    })\n    .finally(() => {\n      if (!current.signal.aborted) loading.value = false\n    })\n}\n\nwatch(query, load, { immediate: true, deep: true })\nonScopeDispose(() => controller?.abort())\n\nconst table = computed(() => response.value?.table)\nconst pushSearch = debounce((next: string) => {\n  query.value = { ...query.value, search: next || null, page: null }\n}, 400)\nonScopeDispose(() => pushSearch.cancel())\n\nconst columns = computed(() =>\n  table.value\n    ? table.value.columns.filter((column) => table.value!.visibleColumns.includes(column.name))\n    : [],\n)\nconst records = computed(() => table.value?.records ?? [])\nconst paging = computed(() => modalTablePaging(table.value?.pagination))\nconst atMax = computed(\n  () =>\n    multiple.value &&\n    props.component.maxItems != null &&\n    draft.value.length >= props.component.maxItems,\n)\nconst hasToolbar = computed(\n  () => Boolean(table.value?.searchable) || (table.value?.filters?.length ?? 0) > 0,\n)\n\nconst toggle = (key: string) => {\n  draft.value = toggleModalTableKey(draft.value, key, multiple.value, props.component.maxItems)\n}\nconst isSelectable = (key: string, selectable: boolean | undefined) =>\n  selectable === true && (draft.value.includes(key) || !atMax.value)\nconst sort = (column: string) => {\n  const direction =\n    table.value?.sort?.column === column && table.value.sort.direction === 'asc' ? 'desc' : 'asc'\n  query.value = { ...query.value, sort: column, direction, page: null }\n}\nconst ariaSortOf = (column: string) =>\n  table.value?.sort?.column === column\n    ? table.value.sort.direction === 'asc'\n      ? 'ascending'\n      : 'descending'\n    : undefined\nconst goTo = (page: number) => {\n  query.value = { ...query.value, page }\n}\nconst confirm = () =>\n  emit(\n    'confirm',\n    draft.value,\n    Object.fromEntries(\n      draft.value.filter((key) => labels.value[key]).map((key) => [key, labels.value[key]!]),\n    ),\n  )\n</script>\n\n<template>\n  <Dialog :open=\"true\" @update:open=\"(open) => !open && emit('close')\">\n    <DialogContent\n      :class=\"\n        cn(\n          'flex max-h-[90vh] flex-col gap-4',\n          FILTERS_MODAL_WIDTH_CLASSES[props.component.modalWidth ?? '3xl'] ?? 'sm:max-w-3xl',\n        )\n      \"\n      data-slot=\"modal-table-select-dialog\"\n    >\n      <DialogHeader>\n        <DialogTitle>{{ props.component.modalHeading }}</DialogTitle>\n        <!-- Escaped on the server (`Html::from()`), like action modal descriptions. -->\n        <p\n          v-if=\"props.component.modalDescription\"\n          class=\"text-muted-foreground text-sm\"\n          data-slot=\"modal-table-select-description\"\n          v-html=\"props.component.modalDescription\"\n        />\n        <DialogDescription aria-live=\"polite\">{{\n          choice('table.selected', draft.length, { count: draft.length }, ':count selected')\n        }}</DialogDescription>\n      </DialogHeader>\n      <div v-if=\"table && hasToolbar\" class=\"flex flex-col gap-3\">\n        <div v-if=\"table.searchable\" class=\"relative\">\n          <SearchIcon\n            class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n          />\n          <Input\n            type=\"search\"\n            :model-value=\"search\"\n            :aria-label=\"table.searchPlaceholder\"\n            :placeholder=\"table.searchPlaceholder\"\n            class=\"ps-8\"\n            @update:model-value=\"\n              (next) => {\n                search = String(next)\n                pushSearch(String(next))\n              }\n            \"\n          />\n        </div>\n        <ModalTablePickerFilters\n          v-if=\"(table.filters?.length ?? 0) > 0\"\n          :table=\"table\"\n          :owner=\"form\"\n          :path=\"props.component.statePath\"\n          @change=\"(filters) => (query = { ...query, filters, page: null })\"\n        />\n      </div>\n      <div class=\"min-h-0 flex-1 overflow-auto rounded-md border\" :aria-busy=\"loading\">\n        <p v-if=\"failed\" role=\"alert\" class=\"text-destructive p-6 text-center text-sm\">\n          {{ t('table_select.load_failed', {}, \"Couldn't load the records.\") }}\n        </p>\n        <div v-else-if=\"!table\" class=\"flex flex-col gap-2 p-4\" aria-hidden=\"true\">\n          <Skeleton class=\"h-8 w-full\" />\n          <Skeleton class=\"h-8 w-full\" />\n          <Skeleton class=\"h-8 w-full\" />\n        </div>\n        <p v-else-if=\"records.length === 0\" class=\"text-muted-foreground p-6 text-center text-sm\">\n          {{ table.emptyState.heading }}\n        </p>\n        <Table v-else :class=\"cn(loading && 'opacity-60')\">\n          <TableHeader>\n            <TableRow>\n              <TableHead class=\"w-10\"\n                ><span class=\"sr-only\">{{\n                  t('table.select_row', {}, 'Select row')\n                }}</span></TableHead\n              >\n              <TableHead\n                v-for=\"column in columns\"\n                :key=\"column.name\"\n                :aria-sort=\"ariaSortOf(column.name)\"\n              >\n                <button\n                  v-if=\"column.sortable\"\n                  type=\"button\"\n                  class=\"inline-flex items-center gap-1\"\n                  @click=\"sort(column.name)\"\n                >\n                  {{ column.label }}\n                  <template v-if=\"table.sort?.column === column.name\">\n                    <ArrowUpIcon v-if=\"table.sort.direction === 'asc'\" class=\"size-3.5\" />\n                    <ArrowDownIcon v-else class=\"size-3.5\" />\n                  </template>\n                  <ArrowUpDownIcon v-else class=\"text-muted-foreground size-3.5\" />\n                </button>\n                <template v-else>{{ column.label }}</template>\n              </TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            <TableRow\n              v-for=\"record in records\"\n              :key=\"String(record.key)\"\n              :data-state=\"draft.includes(String(record.key)) ? 'selected' : undefined\"\n              :class=\"cn(isSelectable(String(record.key), record.selectable) && 'cursor-pointer')\"\n              @click=\"\n                isSelectable(String(record.key), record.selectable) && toggle(String(record.key))\n              \"\n            >\n              <TableCell class=\"w-10\" @click.stop>\n                <Checkbox\n                  v-if=\"multiple\"\n                  :model-value=\"draft.includes(String(record.key))\"\n                  :disabled=\"!isSelectable(String(record.key), record.selectable)\"\n                  :aria-label=\"\n                    t(\n                      'table_select.select_record',\n                      { label: labels[String(record.key)] ?? String(record.key) },\n                      'Select :label',\n                    )\n                  \"\n                  @update:model-value=\"toggle(String(record.key))\"\n                />\n                <input\n                  v-else\n                  type=\"radio\"\n                  :name=\"`${props.component.statePath}-picker`\"\n                  class=\"accent-primary size-4\"\n                  :checked=\"draft.includes(String(record.key))\"\n                  :disabled=\"!isSelectable(String(record.key), record.selectable)\"\n                  :aria-label=\"\n                    t(\n                      'table_select.select_record',\n                      { label: labels[String(record.key)] ?? String(record.key) },\n                      'Select :label',\n                    )\n                  \"\n                  @change=\"toggle(String(record.key))\"\n                />\n              </TableCell>\n              <TableCell v-for=\"column in columns\" :key=\"column.name\">\n                <TableCellContent\n                  v-if=\"record.cells[column.name]\"\n                  :column=\"column\"\n                  :cell=\"record.cells[column.name]!\"\n                  :record-key=\"record.key\"\n                  token=\"\"\n                  :component=\"`picker:${props.component.statePath}`\"\n                />\n              </TableCell>\n            </TableRow>\n          </TableBody>\n        </Table>\n      </div>\n      <p v-if=\"atMax\" class=\"text-muted-foreground text-sm\" role=\"status\">\n        {{\n          choice(\n            'table_select.max_reached',\n            props.component.maxItems ?? 0,\n            { count: props.component.maxItems ?? 0 },\n            'You can select up to :count records.',\n          )\n        }}\n      </p>\n      <DialogFooter class=\"items-center sm:justify-between\">\n        <nav\n          v-if=\"paging\"\n          class=\"flex items-center gap-2\"\n          :aria-label=\"t('pagination', {}, 'Pagination')\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :disabled=\"!paging.hasPrevious || loading\"\n            :aria-label=\"t('table.previous', {}, 'Previous')\"\n            @click=\"goTo(paging.page - 1)\"\n            ><ChevronLeftIcon class=\"rtl:rotate-180\"\n          /></Button>\n          <span class=\"text-muted-foreground text-sm\">{{\n            paging.total !== undefined\n              ? t(\n                  'table.showing',\n                  {\n                    first: format.number(paging.from),\n                    last: format.number(paging.to),\n                    total: format.number(paging.total),\n                  },\n                  'Showing :first–:last of :total',\n                )\n              : `${paging.from}–${paging.to}`\n          }}</span>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :disabled=\"!paging.hasNext || loading\"\n            :aria-label=\"t('table.next', {}, 'Next')\"\n            @click=\"goTo(paging.page + 1)\"\n            ><ChevronRightIcon class=\"rtl:rotate-180\"\n          /></Button>\n        </nav>\n        <span v-else />\n        <div class=\"flex gap-2\">\n          <Button v-if=\"draft.length > 0\" type=\"button\" variant=\"ghost\" @click=\"draft = []\">{{\n            t('table_select.clear', {}, 'Clear selection')\n          }}</Button>\n          <Button type=\"button\" variant=\"outline\" @click=\"emit('close')\">{{\n            t('cancel', {}, 'Cancel')\n          }}</Button>\n          <Button type=\"button\" @click=\"confirm\">{{\n            props.component.modalSubmitActionLabel ?? t('table_select.confirm', {}, 'Select')\n          }}</Button>\n        </div>\n      </DialogFooter>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ModalTablePicker.js","names":["_sfc_main","ModalTablePicker_vue_vue_type_script_setup_true_lang_default","ModalTablePicker_default"],"sources":["../../../src/components/fields/ModalTablePicker.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTablePicker.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","_normalizeClass","_unref","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","DialogDescription","Input","ModalTablePickerFilters","_createElementVNode","Skeleton","Table","TableHeader","TableRow","TableHead","_Fragment","_renderList","TableBody","TableCell","_withModifiers","Checkbox","TableCellContent","DialogFooter","Button","Button_default","Checkbox_default","Input_default","Table_default","TableBody_default","TableCell_default","TableHead_default","TableHeader_default","TableRow_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","TableCellContent_default","DialogFooter_default","Skeleton_default","ModalTablePickerFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","ModalTablePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","format","useFormatter","choice","useChoice","form","useFormStore","multiple","computed","query","ref","response","failed","loading","draft","labels","search","controller","watch","current","next","error","onScopeDispose","table","pushSearch","debounce","columns","column","records","paging","modalTablePaging","atMax","hasToolbar","toggle","toggleModalTableKey","key","isSelectable","selectable","sort","direction","ariaSortOf","goTo","confirm","openBlock","createBlock","_cache","open","withCtx","createVNode","normalizeClass","unref","cn","FILTERS_MODAL_WIDTH_CLASSES","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","SearchIcon","createElementVNode","Fragment","renderList","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","record","withModifiers","ChevronLeftIcon","ChevronRightIcon"],"sources":["../../../src/components/fields/ModalTablePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModalTableSelectResponse, ModalTableSelectSchema, TableQuery } from '@alfakit/core'\nimport {\n  FILTERS_MODAL_WIDTH_CLASSES,\n  debounce,\n  modalTablePaging,\n  toggleModalTableKey,\n} from '@alfakit/core'\nimport {\n  ArrowDownIcon,\n  ArrowUpDownIcon,\n  ArrowUpIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  SearchIcon,\n} from '@lucide/vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useChoice, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\nimport TableCellContent from '../table/TableCellContent.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.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 Skeleton from '../ui/Skeleton.vue'\nimport Table from '../ui/Table.vue'\nimport TableBody from '../ui/TableBody.vue'\nimport TableCell from '../ui/TableCell.vue'\nimport TableHead from '../ui/TableHead.vue'\nimport TableHeader from '../ui/TableHeader.vue'\nimport TableRow from '../ui/TableRow.vue'\nimport ModalTablePickerFilters from './ModalTablePickerFilters.vue'\n\nconst props = defineProps<{ component: ModalTableSelectSchema; initial: string[] }>()\nconst emit = defineEmits<{\n  close: []\n  confirm: [keys: string[], labels: Record<string, string>]\n}>()\nconst t = useT()\nconst format = useFormatter()\nconst choice = useChoice()\nconst form = useFormStore()\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst query = ref<TableQuery>({})\nconst response = ref<ModalTableSelectResponse | null>(null)\nconst failed = ref(false)\nconst loading = ref(true)\nconst draft = ref<string[]>([...props.initial])\nconst labels = ref<Record<string, string>>({})\nconst search = ref('')\nlet controller: AbortController | null = null\n\nconst load = () => {\n  controller?.abort()\n  const current = new AbortController()\n  controller = current\n  loading.value = true\n\n  form\n    .modalTable(\n      props.component.statePath,\n      props.component.tableStateIdentifier,\n      query.value,\n      current.signal,\n    )\n    .then((next) => {\n      if (!next) return\n      response.value = next\n      labels.value = { ...labels.value, ...next.labels }\n      failed.value = false\n    })\n    .catch((error: unknown) => {\n      if ((error as { name?: string }).name !== 'AbortError') failed.value = true\n    })\n    .finally(() => {\n      if (!current.signal.aborted) loading.value = false\n    })\n}\n\nwatch(query, load, { immediate: true, deep: true })\nonScopeDispose(() => controller?.abort())\n\nconst table = computed(() => response.value?.table)\nconst pushSearch = debounce((next: string) => {\n  query.value = { ...query.value, search: next || null, page: null }\n}, 400)\nonScopeDispose(() => pushSearch.cancel())\n\nconst columns = computed(() =>\n  table.value\n    ? table.value.columns.filter((column) => table.value!.visibleColumns.includes(column.name))\n    : [],\n)\nconst records = computed(() => table.value?.records ?? [])\nconst paging = computed(() => modalTablePaging(table.value?.pagination))\nconst atMax = computed(\n  () =>\n    multiple.value &&\n    props.component.maxItems != null &&\n    draft.value.length >= props.component.maxItems,\n)\nconst hasToolbar = computed(\n  () => Boolean(table.value?.searchable) || (table.value?.filters?.length ?? 0) > 0,\n)\n\nconst toggle = (key: string) => {\n  draft.value = toggleModalTableKey(draft.value, key, multiple.value, props.component.maxItems)\n}\nconst isSelectable = (key: string, selectable: boolean | undefined) =>\n  selectable === true && (draft.value.includes(key) || !atMax.value)\nconst sort = (column: string) => {\n  const direction =\n    table.value?.sort?.column === column && table.value.sort.direction === 'asc' ? 'desc' : 'asc'\n  query.value = { ...query.value, sort: column, direction, page: null }\n}\nconst ariaSortOf = (column: string) =>\n  table.value?.sort?.column === column\n    ? table.value.sort.direction === 'asc'\n      ? 'ascending'\n      : 'descending'\n    : undefined\nconst goTo = (page: number) => {\n  query.value = { ...query.value, page }\n}\nconst confirm = () =>\n  emit(\n    'confirm',\n    draft.value,\n    Object.fromEntries(\n      draft.value.filter((key) => labels.value[key]).map((key) => [key, labels.value[key]!]),\n    ),\n  )\n</script>\n\n<template>\n  <Dialog :open=\"true\" @update:open=\"(open) => !open && emit('close')\">\n    <DialogContent\n      :class=\"\n        cn(\n          'flex max-h-[90vh] flex-col gap-4',\n          FILTERS_MODAL_WIDTH_CLASSES[props.component.modalWidth ?? '3xl'] ?? 'sm:max-w-3xl',\n        )\n      \"\n      data-slot=\"modal-table-select-dialog\"\n    >\n      <DialogHeader>\n        <DialogTitle>{{ props.component.modalHeading }}</DialogTitle>\n        <!-- Escaped on the server (`Html::from()`), like action modal descriptions. -->\n        <p\n          v-if=\"props.component.modalDescription\"\n          class=\"text-muted-foreground text-sm\"\n          data-slot=\"modal-table-select-description\"\n          v-html=\"props.component.modalDescription\"\n        />\n        <DialogDescription aria-live=\"polite\">{{\n          choice('table.selected', draft.length, { count: draft.length }, ':count selected')\n        }}</DialogDescription>\n      </DialogHeader>\n      <div v-if=\"table && hasToolbar\" class=\"flex flex-col gap-3\">\n        <div v-if=\"table.searchable\" class=\"relative\">\n          <SearchIcon\n            class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n          />\n          <Input\n            type=\"search\"\n            :model-value=\"search\"\n            :aria-label=\"table.searchPlaceholder\"\n            :placeholder=\"table.searchPlaceholder\"\n            class=\"ps-8\"\n            @update:model-value=\"\n              (next) => {\n                search = String(next)\n                pushSearch(String(next))\n              }\n            \"\n          />\n        </div>\n        <ModalTablePickerFilters\n          v-if=\"(table.filters?.length ?? 0) > 0\"\n          :table=\"table\"\n          :owner=\"form\"\n          :path=\"props.component.statePath\"\n          @change=\"(filters) => (query = { ...query, filters, page: null })\"\n        />\n      </div>\n      <div class=\"min-h-0 flex-1 overflow-auto rounded-md border\" :aria-busy=\"loading\">\n        <p v-if=\"failed\" role=\"alert\" class=\"text-destructive p-6 text-center text-sm\">\n          {{ t('table_select.load_failed', {}, \"Couldn't load the records.\") }}\n        </p>\n        <div v-else-if=\"!table\" class=\"flex flex-col gap-2 p-4\" aria-hidden=\"true\">\n          <Skeleton class=\"h-8 w-full\" />\n          <Skeleton class=\"h-8 w-full\" />\n          <Skeleton class=\"h-8 w-full\" />\n        </div>\n        <p v-else-if=\"records.length === 0\" class=\"text-muted-foreground p-6 text-center text-sm\">\n          {{ table.emptyState.heading }}\n        </p>\n        <Table v-else :class=\"cn(loading && 'opacity-60')\">\n          <TableHeader>\n            <TableRow>\n              <TableHead class=\"w-10\"\n                ><span class=\"sr-only\">{{\n                  t('table.select_row', {}, 'Select row')\n                }}</span></TableHead\n              >\n              <TableHead\n                v-for=\"column in columns\"\n                :key=\"column.name\"\n                :aria-sort=\"ariaSortOf(column.name)\"\n              >\n                <button\n                  v-if=\"column.sortable\"\n                  type=\"button\"\n                  class=\"inline-flex items-center gap-1\"\n                  @click=\"sort(column.name)\"\n                >\n                  {{ column.label }}\n                  <template v-if=\"table.sort?.column === column.name\">\n                    <ArrowUpIcon v-if=\"table.sort.direction === 'asc'\" class=\"size-3.5\" />\n                    <ArrowDownIcon v-else class=\"size-3.5\" />\n                  </template>\n                  <ArrowUpDownIcon v-else class=\"text-muted-foreground size-3.5\" />\n                </button>\n                <template v-else>{{ column.label }}</template>\n              </TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            <TableRow\n              v-for=\"record in records\"\n              :key=\"String(record.key)\"\n              :data-state=\"draft.includes(String(record.key)) ? 'selected' : undefined\"\n              :class=\"cn(isSelectable(String(record.key), record.selectable) && 'cursor-pointer')\"\n              @click=\"\n                isSelectable(String(record.key), record.selectable) && toggle(String(record.key))\n              \"\n            >\n              <TableCell class=\"w-10\" @click.stop>\n                <Checkbox\n                  v-if=\"multiple\"\n                  :model-value=\"draft.includes(String(record.key))\"\n                  :disabled=\"!isSelectable(String(record.key), record.selectable)\"\n                  :aria-label=\"\n                    t(\n                      'table_select.select_record',\n                      { label: labels[String(record.key)] ?? String(record.key) },\n                      'Select :label',\n                    )\n                  \"\n                  @update:model-value=\"toggle(String(record.key))\"\n                />\n                <input\n                  v-else\n                  type=\"radio\"\n                  :name=\"`${props.component.statePath}-picker`\"\n                  class=\"accent-primary size-4\"\n                  :checked=\"draft.includes(String(record.key))\"\n                  :disabled=\"!isSelectable(String(record.key), record.selectable)\"\n                  :aria-label=\"\n                    t(\n                      'table_select.select_record',\n                      { label: labels[String(record.key)] ?? String(record.key) },\n                      'Select :label',\n                    )\n                  \"\n                  @change=\"toggle(String(record.key))\"\n                />\n              </TableCell>\n              <TableCell v-for=\"column in columns\" :key=\"column.name\">\n                <TableCellContent\n                  v-if=\"record.cells[column.name]\"\n                  :column=\"column\"\n                  :cell=\"record.cells[column.name]!\"\n                  :record-key=\"record.key\"\n                  token=\"\"\n                  :component=\"`picker:${props.component.statePath}`\"\n                />\n              </TableCell>\n            </TableRow>\n          </TableBody>\n        </Table>\n      </div>\n      <p v-if=\"atMax\" class=\"text-muted-foreground text-sm\" role=\"status\">\n        {{\n          choice(\n            'table_select.max_reached',\n            props.component.maxItems ?? 0,\n            { count: props.component.maxItems ?? 0 },\n            'You can select up to :count records.',\n          )\n        }}\n      </p>\n      <DialogFooter class=\"items-center sm:justify-between\">\n        <nav\n          v-if=\"paging\"\n          class=\"flex items-center gap-2\"\n          :aria-label=\"t('pagination', {}, 'Pagination')\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :disabled=\"!paging.hasPrevious || loading\"\n            :aria-label=\"t('table.previous', {}, 'Previous')\"\n            @click=\"goTo(paging.page - 1)\"\n            ><ChevronLeftIcon class=\"rtl:rotate-180\"\n          /></Button>\n          <span class=\"text-muted-foreground text-sm\">{{\n            paging.total !== undefined\n              ? t(\n                  'table.showing',\n                  {\n                    first: format.number(paging.from),\n                    last: format.number(paging.to),\n                    total: format.number(paging.total),\n                  },\n                  'Showing :first–:last of :total',\n                )\n              : `${paging.from}–${paging.to}`\n          }}</span>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :disabled=\"!paging.hasNext || loading\"\n            :aria-label=\"t('table.next', {}, 'Next')\"\n            @click=\"goTo(paging.page + 1)\"\n            ><ChevronRightIcon class=\"rtl:rotate-180\"\n          /></Button>\n        </nav>\n        <span v-else />\n        <div class=\"flex gap-2\">\n          <Button v-if=\"draft.length > 0\" type=\"button\" variant=\"ghost\" @click=\"draft = []\">{{\n            t('table_select.clear', {}, 'Clear selection')\n          }}</Button>\n          <Button type=\"button\" variant=\"outline\" @click=\"emit('close')\">{{\n            t('cancel', {}, 'Cancel')\n          }}</Button>\n          <Button type=\"button\" @click=\"confirm\">{{\n            props.component.modalSubmitActionLabel ?? t('table_select.confirm', {}, 'Select')\n          }}</Button>\n        </div>\n      </DialogFooter>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ModalTablePicker.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","_normalizeClass","_unref","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","DialogDescription","Input","ModalTablePickerFilters","_createElementVNode","Skeleton","Table","TableHeader","TableRow","TableHead","_Fragment","_renderList","TableBody","TableCell","_withModifiers","Checkbox","TableCellContent","DialogFooter","Button","Button_default","Checkbox_default","Input_default","Table_default","TableBody_default","TableCell_default","TableHead_default","TableHeader_default","TableRow_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","TableCellContent_default","DialogFooter_default","Skeleton_default","ModalTablePickerFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","ModalTablePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","format","useFormatter","choice","useChoice","form","useFormStore","multiple","computed","query","ref","response","failed","loading","draft","labels","search","controller","watch","current","next","error","onScopeDispose","table","pushSearch","debounce","columns","column","records","paging","modalTablePaging","atMax","hasToolbar","toggle","toggleModalTableKey","key","isSelectable","selectable","sort","direction","ariaSortOf","goTo","confirm","openBlock","createBlock","_cache","open","withCtx","createVNode","normalizeClass","unref","cn","FILTERS_MODAL_WIDTH_CLASSES","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","SearchIcon","createElementVNode","Fragment","renderList","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","record","withModifiers","ChevronLeftIcon","ChevronRightIcon"],"sources":["../../../src/components/fields/ModalTablePicker.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTablePickerFilters.js","names":["_sfc_main","ModalTablePickerFilters_vue_vue_type_script_setup_true_lang_default","ModalTablePickerFilters_default"],"sources":["../../../src/components/fields/ModalTablePickerFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport { FormStore, filterFormComponents, pickerFilterFormOptions } from '@alfakit/core'\nimport { computed, onScopeDispose, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * The picker's filters: a small form whose state becomes the table's `filters`. Searchable\n * selects among them load options through the owning form's endpoint (`pickerFilters`).\n */\nconst props = defineProps<{ table: TableSchema; owner: FormStore; path: string }>()\nconst emit = defineEmits<{ change: [filters: Record<string, Record<string, unknown>> | null] }>()\nconst t = useT()\nconst components = computed(() => filterFormComponents(props.table.filters ?? []))\nconst store = new FormStore(\n  {\n    components: components.value,\n    state: props.table.filterState ?? {},\n    columns: props.table.filtersFormColumns ?? { default: 1, sm: 2 },\n  },\n  pickerFilterFormOptions(props.owner, props.path),\n)\n\nprovideForm(store)\n\nconst state = useStore(store.store)\nlet timer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => [state.value.values, state.value.dirty] as const,\n  ([values, dirty]) => {\n    if (timer) clearTimeout(timer)\n    if (!dirty.size) return\n\n    timer = setTimeout(() => emit('change', values as Record<string, Record<string, unknown>>), 400)\n  },\n)\n\nconst reset = () => {\n  store.fill({ components: components.value, state: {}, columns: state.value.columns })\n  emit('change', null)\n}\n\nonScopeDispose(() => {\n  if (timer) clearTimeout(timer)\n  store.destroy()\n})\n</script>\n\n<template>\n  <div class=\"bg-muted/30 flex flex-col gap-2 rounded-lg border p-3\">\n    <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-3\" />\n    <Button\n      v-if=\"(props.table.filterIndicators?.length ?? 0) > 0\"\n      type=\"button\"\n      variant=\"link\"\n      size=\"sm\"\n      class=\"self-end\"\n      @click=\"reset\"\n      >{{ t('table.reset_filters', {}, 'Reset') }}</Button\n    >\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ModalTablePickerFilters.js","names":["_sfc_main","ModalTablePickerFilters_vue_vue_type_script_setup_true_lang_default","ModalTablePickerFilters_default"],"sources":["../../../src/components/fields/ModalTablePickerFilters.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTablePickerFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","SchemaRenderer","_unref","_createBlock","Button","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","Button_default","SchemaRenderer_default","_hoisted_1","ModalTablePickerFilters_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","components","computed","filterFormComponents","store","FormStore","pickerFilterFormOptions","state","useStore","timer","values","dirty","reset","onScopeDispose","openBlock","createElementBlock","createVNode","unref","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/ModalTablePickerFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport { FormStore, filterFormComponents, pickerFilterFormOptions } from '@alfakit/core'\nimport { computed, onScopeDispose, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * The picker's filters: a small form whose state becomes the table's `filters`. Searchable\n * selects among them load options through the owning form's endpoint (`pickerFilters`).\n */\nconst props = defineProps<{ table: TableSchema; owner: FormStore; path: string }>()\nconst emit = defineEmits<{ change: [filters: Record<string, Record<string, unknown>> | null] }>()\nconst t = useT()\nconst components = computed(() => filterFormComponents(props.table.filters ?? []))\nconst store = new FormStore(\n  {\n    components: components.value,\n    state: props.table.filterState ?? {},\n    columns: props.table.filtersFormColumns ?? { default: 1, sm: 2 },\n  },\n  pickerFilterFormOptions(props.owner, props.path),\n)\n\nprovideForm(store)\n\nconst state = useStore(store.store)\nlet timer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => [state.value.values, state.value.dirty] as const,\n  ([values, dirty]) => {\n    if (timer) clearTimeout(timer)\n    if (!dirty.size) return\n\n    timer = setTimeout(() => emit('change', values as Record<string, Record<string, unknown>>), 400)\n  },\n)\n\nconst reset = () => {\n  store.fill({ components: components.value, state: {}, columns: state.value.columns })\n  emit('change', null)\n}\n\nonScopeDispose(() => {\n  if (timer) clearTimeout(timer)\n  store.destroy()\n})\n</script>\n\n<template>\n  <div class=\"bg-muted/30 flex flex-col gap-2 rounded-lg border p-3\">\n    <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-3\" />\n    <Button\n      v-if=\"(props.table.filterIndicators?.length ?? 0) > 0\"\n      type=\"button\"\n      variant=\"link\"\n      size=\"sm\"\n      class=\"self-end\"\n      @click=\"reset\"\n      >{{ t('table.reset_filters', {}, 'Reset') }}</Button\n    >\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAcA,IAAMgB,IAAQC,GACRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,IAAaC,QAAeC,EAAqBP,EAAM,MAAM,WAAW,CAAC,CAAC,CAAC,GAC3EQ,IAAQ,IAAIC,EAChB;GACE,YAAYJ,EAAW;GACvB,OAAOL,EAAM,MAAM,eAAe,CAAC;GACnC,SAASA,EAAM,MAAM,sBAAsB;IAAE,SAAS;IAAG,IAAI;GAAE;EACjE,GACAU,EAAwBV,EAAM,OAAOA,EAAM,IAAI,CACjD;EAEA,EAAYQ,CAAK;EAEjB,IAAMG,IAAQC,EAASJ,EAAM,KAAK,GAC9BK,IAA8C;EAElD,QACQ,CAACF,EAAM,MAAM,QAAQA,EAAM,MAAM,KAAK,IAC3C,CAACG,GAAQC,OAAW;GAEnB,AADIF,KAAO,aAAaA,CAAK,GACxBE,EAAM,SAEX,IAAQ,iBAAiBb,EAAK,UAAUY,CAAiD,GAAG,GAAG;EACjG,CACF;EAEA,IAAME,UAAc;GAElB,AADAR,EAAM,KAAK;IAAE,YAAYH,EAAW;IAAO,OAAO,CAAC;IAAG,SAASM,EAAM,MAAM;GAAQ,CAAC,GACpFT,EAAK,UAAU,IAAI;EACrB;SAEAe,QAAqB;GAEnB,AADIJ,KAAO,aAAaA,CAAK,GAC7BL,EAAM,QAAQ;EAChB,CAAC,cAICxB,EAAA,GAAAC,EAWM,OAXNY,GAWM,CAVJX,EAAwFC,GAAA;GAAvE,YAAYC,EAAAuB,CAAA,CAAK,CAAC;GAAa,SAASvB,EAAAuB,CAAA,CAAK,CAAC;GAAS,OAAM;EAErE,GAAA,MAAA,GAAA,CAAA,cAAA,SAAA,CAAA,IAAAX,EAAM,MAAM,kBAAkB,UAAM,KAAA,KAD7ChB,EAAA,GAAAK,EAQCC,GAAA;;GANC,MAAK;GACL,SAAQ;GACR,MAAK;GACL,OAAM;GACL,SAAO0B;;GACP,SAAAzB,QAA2C,CAAxCC,EAAAC,EAAAL,EAAAe,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ModalTablePickerFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","SchemaRenderer","_unref","_createBlock","Button","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","Button_default","SchemaRenderer_default","_hoisted_1","ModalTablePickerFilters_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","components","computed","filterFormComponents","store","FormStore","pickerFilterFormOptions","state","useStore","timer","values","dirty","reset","onScopeDispose","openBlock","createElementBlock","createVNode","unref","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/ModalTablePickerFilters.vue"],"mappings":";;;;;;;;;;;;;;;;;EAcA,IAAMgB,IAAQC,GACRC,IAAOH,GACPI,IAAIC,EAAK,GACTC,IAAaC,QAAeC,EAAqBP,EAAM,MAAM,WAAW,CAAC,CAAC,CAAC,GAC3EQ,IAAQ,IAAIC,EAChB;GACE,YAAYJ,EAAW;GACvB,OAAOL,EAAM,MAAM,eAAe,CAAC;GACnC,SAASA,EAAM,MAAM,sBAAsB;IAAE,SAAS;IAAG,IAAI;GAAE;EACjE,GACAU,EAAwBV,EAAM,OAAOA,EAAM,IAAI,CACjD;EAEA,EAAYQ,CAAK;EAEjB,IAAMG,IAAQC,EAASJ,EAAM,KAAK,GAC9BK,IAA8C;EAElD,QACQ,CAACF,EAAM,MAAM,QAAQA,EAAM,MAAM,KAAK,IAC3C,CAACG,GAAQC,OAAW;GAEnB,AADIF,KAAO,aAAaA,CAAK,GACxBE,EAAM,SAEX,IAAQ,iBAAiBb,EAAK,UAAUY,CAAiD,GAAG,GAAG;EACjG,CACF;EAEA,IAAME,UAAc;GAElB,AADAR,EAAM,KAAK;IAAE,YAAYH,EAAW;IAAO,OAAO,CAAC;IAAG,SAASM,EAAM,MAAM;GAAQ,CAAC,GACpFT,EAAK,UAAU,IAAI;EACrB;SAEAe,QAAqB;GAEnB,AADIJ,KAAO,aAAaA,CAAK,GAC7BL,EAAM,QAAQ;EAChB,CAAC,cAICxB,EAAA,GAAAC,EAWM,OAXNY,GAWM,CAVJX,EAAwFC,GAAA;GAAvE,YAAYC,EAAAuB,CAAA,CAAK,CAAC;GAAa,SAASvB,EAAAuB,CAAA,CAAK,CAAC;GAAS,OAAM;EAErE,GAAA,MAAA,GAAA,CAAA,cAAA,SAAA,CAAA,IAAAX,EAAM,MAAM,kBAAkB,UAAM,KAAA,KAD7ChB,EAAA,GAAAK,EAQCC,GAAA;;GANC,MAAK;GACL,SAAQ;GACR,MAAK;GACL,OAAM;GACL,SAAO0B;;GACP,SAAAzB,QAA2C,CAAxCC,EAAAC,EAAAL,EAAAe,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTableSelectField.js","names":["_sfc_main","ModalTableSelectField_vue_vue_type_script_setup_true_lang_default","ModalTableSelectField_default"],"sources":["../../../src/components/fields/ModalTableSelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModalTableSelectSchema } from '@alfakit/core'\nimport { fieldIds, modalTableSelected } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport { Icon } from '../../lib/icons'\nimport ModalTablePicker from './ModalTablePicker.vue'\n\n/**\n * Select records from a table in a modal. The table (columns, search, filters, sorting,\n * pagination) comes from the server's picker endpoint; the field keeps only keys, with\n * labels from the server.\n */\nconst props = defineProps<{ component: ModalTableSelectSchema }>()\nconst t = useT()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst selected = computed(() => modalTableSelected(value.value, multiple.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst open = ref(false)\nconst picked = ref<Record<string, string>>({})\nconst labels = computed(() => ({ ...picked.value, ...props.component.selectedLabels }))\n\nconst store = (keys: string[]) => setValue(multiple.value ? keys : (keys[0] ?? null))\nconst onConfirm = (keys: string[], newLabels: Record<string, string>) => {\n  picked.value = { ...picked.value, ...newLabels }\n  store(keys)\n  open.value = false\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      :id=\"id\"\n      role=\"group\"\n      data-slot=\"modal-table-select\"\n      class=\"flex flex-wrap items-center gap-2\"\n      :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n      :aria-describedby=\"aria['aria-describedby']\"\n    >\n      <span v-if=\"selected.length === 0\" class=\"text-muted-foreground text-sm\">{{\n        props.component.placeholder ?? t('table_select.none', {}, 'Nothing selected')\n      }}</span>\n      <Badge v-for=\"key in selected\" v-else :key=\"key\" variant=\"secondary\" class=\"gap-1 pe-1\">\n        <span>{{ labels[key] ?? key }}</span>\n        <button\n          v-if=\"!locked\"\n          type=\"button\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          :aria-label=\"t('table_select.remove', { label: labels[key] ?? key }, 'Remove :label')\"\n          @click=\"store(selected.filter((candidate) => candidate !== key))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </Badge>\n      <Button\n        v-if=\"!locked\"\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-haspopup=\"dialog\"\n        @click=\"open = true\"\n        ><Icon v-if=\"props.component.selectActionIcon\" :name=\"props.component.selectActionIcon\" />{{\n          selected.length > 0 && !multiple\n            ? t('table_select.change', {}, 'Change')\n            : props.component.selectActionLabel\n        }}</Button\n      >\n    </div>\n    <ModalTablePicker\n      v-if=\"open\"\n      :component=\"props.component\"\n      :initial=\"selected\"\n      @close=\"open = false\"\n      @confirm=\"onConfirm\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ModalTableSelectField.js","names":["_sfc_main","ModalTableSelectField_vue_vue_type_script_setup_true_lang_default","ModalTableSelectField_default"],"sources":["../../../src/components/fields/ModalTableSelectField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTableSelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createElementBlock","_toDisplayString","_Fragment","_renderList","Badge","_createVNode","_createCommentVNode","Button","Icon","_createTextVNode","ModalTablePicker","Icon_default","Badge_default","Button_default","FieldWrapper_default","ModalTablePicker_default","_hoisted_1","_hoisted_2","_hoisted_3","ModalTableSelectField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","multiple","computed","selected","modalTableSelected","value","locked","disabled","readOnly","open","ref","picked","labels","store","setValue","keys","onConfirm","newLabels","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","fieldIds","aria","createElementBlock","toDisplayString","Fragment","renderList","key","createCommentVNode","candidate","createVNode","XIcon","_cache","createTextVNode"],"sources":["../../../src/components/fields/ModalTableSelectField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ModalTableSelectSchema } from '@alfakit/core'\nimport { fieldIds, modalTableSelected } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport { Icon } from '../../lib/icons'\nimport ModalTablePicker from './ModalTablePicker.vue'\n\n/**\n * Select records from a table in a modal. The table (columns, search, filters, sorting,\n * pagination) comes from the server's picker endpoint; the field keeps only keys, with\n * labels from the server.\n */\nconst props = defineProps<{ component: ModalTableSelectSchema }>()\nconst t = useT()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst selected = computed(() => modalTableSelected(value.value, multiple.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst open = ref(false)\nconst picked = ref<Record<string, string>>({})\nconst labels = computed(() => ({ ...picked.value, ...props.component.selectedLabels }))\n\nconst store = (keys: string[]) => setValue(multiple.value ? keys : (keys[0] ?? null))\nconst onConfirm = (keys: string[], newLabels: Record<string, string>) => {\n  picked.value = { ...picked.value, ...newLabels }\n  store(keys)\n  open.value = false\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      :id=\"id\"\n      role=\"group\"\n      data-slot=\"modal-table-select\"\n      class=\"flex flex-wrap items-center gap-2\"\n      :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n      :aria-describedby=\"aria['aria-describedby']\"\n    >\n      <span v-if=\"selected.length === 0\" class=\"text-muted-foreground text-sm\">{{\n        props.component.placeholder ?? t('table_select.none', {}, 'Nothing selected')\n      }}</span>\n      <Badge v-for=\"key in selected\" v-else :key=\"key\" variant=\"secondary\" class=\"gap-1 pe-1\">\n        <span>{{ labels[key] ?? key }}</span>\n        <button\n          v-if=\"!locked\"\n          type=\"button\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          :aria-label=\"t('table_select.remove', { label: labels[key] ?? key }, 'Remove :label')\"\n          @click=\"store(selected.filter((candidate) => candidate !== key))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </Badge>\n      <Button\n        v-if=\"!locked\"\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-haspopup=\"dialog\"\n        @click=\"open = true\"\n        ><Icon v-if=\"props.component.selectActionIcon\" :name=\"props.component.selectActionIcon\" />{{\n          selected.length > 0 && !multiple\n            ? t('table_select.change', {}, 'Change')\n            : props.component.selectActionLabel\n        }}</Button\n      >\n    </div>\n    <ModalTablePicker\n      v-if=\"open\"\n      :component=\"props.component\"\n      :initial=\"selected\"\n      @close=\"open = false\"\n      @confirm=\"onConfirm\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ModalTableSelectField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createElementBlock","_toDisplayString","_Fragment","_renderList","Badge","_createVNode","_createCommentVNode","Button","Icon","_createTextVNode","ModalTablePicker","Icon_default","Badge_default","Button_default","FieldWrapper_default","ModalTablePicker_default","_hoisted_1","_hoisted_2","_hoisted_3","ModalTableSelectField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","multiple","computed","selected","modalTableSelected","value","locked","disabled","readOnly","open","ref","picked","labels","store","setValue","keys","onConfirm","newLabels","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","fieldIds","aria","createElementBlock","toDisplayString","Fragment","renderList","key","createCommentVNode","candidate","createVNode","XIcon","_cache","createTextVNode"],"sources":["../../../src/components/fields/ModalTableSelectField.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAM0B,IAAQC,GACRC,IAAIC,EAAK,GACT,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDJ,EAAM,SACd,GACMK,IAAWC,QAAe,EAAQN,EAAM,UAAU,QAAS,GAC3DO,IAAWD,QAAeE,EAAmBC,EAAM,OAAOJ,EAAS,KAAK,CAAC,GACzEK,IAASJ,QAAeK,EAAS,SAASC,EAAS,KAAK,GACxDC,IAAOC,EAAI,EAAK,GAChBC,IAASD,EAA4B,CAAC,CAAC,GACvCE,IAASV,SAAgB;GAAE,GAAGS,EAAO;GAAO,GAAGf,EAAM,UAAU;EAAe,EAAE,GAEhFiB,KAAS,MAAmBC,EAASb,EAAS,QAAQc,IAAQA,EAAK,MAAM,IAAK,GAC9EC,KAAa,GAAgB,MAAsC;GAGvE,AAFA,EAAO,QAAQ;IAAE,GAAGL,EAAO;IAAO,GAAGM;GAAU,GAC/CJ,EAAME,CAAI,GACV,EAAK,QAAQ;EACf;oBAIE7C,EAAA,GAAAC,EA6CeC,GAAA;GA7CA,OAAOwB,EAAM;GAAY,YAAUvB,EAAAgD,CAAA;GAAK,OAAOhD,EAAAiD,CAAA;;GAC5D,SAAAhD,QAoCM,CApCNC,EAoCM,OAAA;IAnCH,IAAIF,EAAAgD,CAAA;IACL,MAAK;IACL,aAAU;IACV,OAAM;IACL,mBAAiBzB,EAAM,UAAU,QAAQvB,EAAAoD,CAAA,CAAQ,CAACpD,EAAAgD,CAAA,CAAE,CAAA,CAAE,QAAQ,KAAA;IAC9D,oBAAkBhD,EAAAqD,CAAA,CAAI,CAAA;GAEX,GAAA,CAAAvB,EAAA,MAAS,WAAM,KAA3BjC,EAAA,GAAAM,EAES,QAFTiB,GAEShB,EADPmB,EAAM,UAAU,eAAevB,EAAAyB,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,MAElC5B,EAAA,EAAA,GAAAM,EAWQE,GAAA,EAAA,KAAA,EAAA,GAAAC,EAXawB,EAAA,QAAP,OAAdjC,EAAA,GAAAC,EAWQS,GAAA;IAXoC;IAAK,SAAQ;IAAY,OAAM;;IACzE,SAAAN,QAAqC,CAArCC,EAAqC,QAAA,MAAAE,EAA5BmC,EAAA,MAAOmB,MAAQA,CAAG,GAAA,CAAA,GAElBzB,EAAA,QAMc0B,EAAA,IAAA,EAAA,KAPvB9D,EAAA,GAAAM,EAQS,UAAA;;KANP,MAAK;KACL,OAAM;KACL,cAAYH,EAAAyB,CAAA,CAAC,CAAA,uBAAA,EAAA,OAAiCc,EAAA,MAAOmB,MAAQA,EAAG,GAAA,eAAA;KAChE,UAAK,MAAElB,EAAMV,EAAA,MAAS,QAAQ,MAAc8B,MAAcF,CAAG,CAAA;IAE9DlD,GAAAA,CAAAA,EAAwBR,EAAA8D,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,GAAA,GAAAzC,CAAA,EAAA,CAAA;;YAIhB,GAAA,GAAA,IAAAY,EAAA,QAcH0B,EAAA,IAAA,EAAA,KAfN9D,EAAA,GAAAC,EAYCY,GAAA;;IAVC,MAAK;IACL,SAAQ;IACR,MAAK;IACL,iBAAc;IACb,SAAK,AAAAqD,EAAA,QAAA,MAAE,EAAA,QAAI;;IACX,SAAA9D,QAAyF,CAA7EsB,EAAM,UAAU,oBAA5B1B,EAAA,GAAAC,EAAyFE,EAAAW,CAAA,GAAA;;KAA1C,MAAMY,EAAM,UAAU;IACpEX,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAR,EAAA0B,EAAA,MAAS,SAAM,KAAA,CAASF,EAAA,QAAuB5B,EAAAyB,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,QAAA,IAAoDF,EAAM,UAAU,iBAAiB,GAAA,CAAA,CAAA,CAAA;;GAOnI,CAAA,EAAA,GAAA,GAAAJ,CAAA,GAAAiB,EAAA,SADRvC,EAAA,GAAAC,EAMEe,GAAA;;IAJC,WAAWU,EAAM;IACjB,SAASO,EAAA;IACT,SAAK,AAAAiC,EAAA,QAAA,MAAE,EAAA,QAAI;IACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"MoneyInputField.js","names":["_sfc_main","MoneyInputField_vue_vue_type_script_setup_true_lang_default","MoneyInputField_default"],"sources":["../../../src/components/fields/MoneyInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MoneyInputSchema } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport { useFormatter } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Input from '../ui/Input.vue'\n\n/**\n * Amount input for any ISO 4217 currency. Shows the symbol where the user's locale puts\n * it, accepts the locale's separators and digits (\"1.234,50\", \"١٢٫٥\"), and rounds to\n * the currency's precision on blur. The form value is a plain decimal string (\"1234.50\").\n */\nconst props = defineProps<{ component: MoneyInputSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | number | null>(\n  () => props.component,\n)\nconst format = useFormatter()\nconst draft = ref<string | null>(null)\n\nconst affixes = computed(() => format.value.currencyAffixes(props.component.currency))\nconst prefixText = computed(() =>\n  [props.component.prefix, affixes.value.prefix].filter(Boolean).join(' '),\n)\nconst suffixText = computed(() =>\n  [affixes.value.suffix, props.component.suffix].filter(Boolean).join(' '),\n)\n\nconst amount = computed(() =>\n  value.value === null || value.value === undefined || value.value === ''\n    ? null\n    : Number(value.value),\n)\nconst display = computed(() =>\n  amount.value === null || Number.isNaN(amount.value)\n    ? String(value.value ?? '')\n    : format.value.number(amount.value, {\n        minimumFractionDigits: props.component.decimals,\n        maximumFractionDigits: props.component.decimals,\n      }),\n)\n\nconst onFocus = () => {\n  draft.value =\n    amount.value === null || Number.isNaN(amount.value)\n      ? String(value.value ?? '')\n      : format.value.number(amount.value, {\n          useGrouping: false,\n          maximumFractionDigits: props.component.decimals,\n        })\n}\n\nconst onInput = (text: string) => {\n  draft.value = text\n  const parsed = format.value.parseNumber(text)\n  setValue(text.trim() === '' ? null : parsed === null ? text : String(parsed))\n}\n\nconst commit = (text: string) => {\n  if (text.trim() === '') {\n    setValue(null)\n\n    return\n  }\n\n  const parsed = format.value.parseNumber(text)\n\n  // Unparseable input is kept as typed so server validation can explain the problem;\n  // amounts are brought inside `minValue()` / `maxValue()`.\n  setValue(\n    parsed === null\n      ? text\n      : Math.min(\n          props.component.max ?? Number.POSITIVE_INFINITY,\n          Math.max(props.component.min ?? Number.NEGATIVE_INFINITY, parsed),\n        ).toFixed(props.component.decimals),\n  )\n}\n\nconst onBlur = (event: FocusEvent) => {\n  commit((event.target as HTMLInputElement).value)\n  draft.value = null\n  blur()\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      data-slot=\"input-group\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n    >\n      <span\n        v-if=\"prefixText || props.component.prefixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n      >\n        <Icon :name=\"props.component.prefixIcon\" />\n        {{ prefixText }}\n      </span>\n      <Input\n        :id=\"id\"\n        :name=\"props.component.name\"\n        type=\"text\"\n        :inputmode=\"props.component.decimals > 0 ? 'decimal' : 'numeric'\"\n        dir=\"ltr\"\n        :model-value=\"draft ?? display\"\n        :placeholder=\"props.component.placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"props.component.readOnly\"\n        :required=\"props.component.required\"\n        :autofocus=\"props.component.autofocus\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"h-full border-0 bg-transparent text-end tabular-nums shadow-none focus-visible:ring-0 dark:bg-transparent\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @focus=\"onFocus\"\n        @update:model-value=\"onInput\"\n        @blur=\"onBlur\"\n      />\n      <span\n        v-if=\"suffixText || props.component.suffixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n      >\n        {{ suffixText }}\n        <Icon :name=\"props.component.suffixIcon\" />\n      </span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MoneyInputField.js","names":["_sfc_main","MoneyInputField_vue_vue_type_script_setup_true_lang_default","MoneyInputField_default"],"sources":["../../../src/components/fields/MoneyInputField.vue"],"mappings":""}

package/dist/components/fields/MoneyInputField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInputField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/MoneyInputField.vue"],"names":[],"mappings":"AA4IA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASrD;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AA0PnD,wBAMG"}
+{"version":3,"file":"MoneyInputField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/MoneyInputField.vue"],"names":[],"mappings":"AAqIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASrD;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAmPnD,wBAMG"}

package/dist/components/fields/MoneyInputField.vue_vue_type_script_setup_true_lang.js

@@ -34,7 +34,7 @@ var x = {
 				return;
 			}
 			let t = j.value.parseNumber(e);
-			T(t === null ? e : Math.min(C.component.max ?? Infinity, Math.max(C.component.min ?? -Infinity, t)).toFixed(C.component.decimals));
+			T(t === null ? e : t.toFixed(C.component.decimals));
 		}, V = (e) => {
 			B(e.target.value), M.value = null, E();
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"MoneyInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","Input","_mergeProps","Icon_default","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","MoneyInputField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","format","useFormatter","draft","ref","affixes","computed","prefixText","suffixText","amount","value","display","onFocus","onInput","text","parsed","commit","onBlur","event","blur","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","disabled","createElementBlock","createVNode","createTextVNode","toDisplayString","createCommentVNode","mergeProps","aria"],"sources":["../../../src/components/fields/MoneyInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MoneyInputSchema } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport { useFormatter } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Input from '../ui/Input.vue'\n\n/**\n * Amount input for any ISO 4217 currency. Shows the symbol where the user's locale puts\n * it, accepts the locale's separators and digits (\"1.234,50\", \"١٢٫٥\"), and rounds to\n * the currency's precision on blur. The form value is a plain decimal string (\"1234.50\").\n */\nconst props = defineProps<{ component: MoneyInputSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | number | null>(\n  () => props.component,\n)\nconst format = useFormatter()\nconst draft = ref<string | null>(null)\n\nconst affixes = computed(() => format.value.currencyAffixes(props.component.currency))\nconst prefixText = computed(() =>\n  [props.component.prefix, affixes.value.prefix].filter(Boolean).join(' '),\n)\nconst suffixText = computed(() =>\n  [affixes.value.suffix, props.component.suffix].filter(Boolean).join(' '),\n)\n\nconst amount = computed(() =>\n  value.value === null || value.value === undefined || value.value === ''\n    ? null\n    : Number(value.value),\n)\nconst display = computed(() =>\n  amount.value === null || Number.isNaN(amount.value)\n    ? String(value.value ?? '')\n    : format.value.number(amount.value, {\n        minimumFractionDigits: props.component.decimals,\n        maximumFractionDigits: props.component.decimals,\n      }),\n)\n\nconst onFocus = () => {\n  draft.value =\n    amount.value === null || Number.isNaN(amount.value)\n      ? String(value.value ?? '')\n      : format.value.number(amount.value, {\n          useGrouping: false,\n          maximumFractionDigits: props.component.decimals,\n        })\n}\n\nconst onInput = (text: string) => {\n  draft.value = text\n  const parsed = format.value.parseNumber(text)\n  setValue(text.trim() === '' ? null : parsed === null ? text : String(parsed))\n}\n\nconst commit = (text: string) => {\n  if (text.trim() === '') {\n    setValue(null)\n\n    return\n  }\n\n  const parsed = format.value.parseNumber(text)\n\n  // Unparseable input is kept as typed so server validation can explain the problem;\n  // amounts are brought inside `minValue()` / `maxValue()`.\n  setValue(\n    parsed === null\n      ? text\n      : Math.min(\n          props.component.max ?? Number.POSITIVE_INFINITY,\n          Math.max(props.component.min ?? Number.NEGATIVE_INFINITY, parsed),\n        ).toFixed(props.component.decimals),\n  )\n}\n\nconst onBlur = (event: FocusEvent) => {\n  commit((event.target as HTMLInputElement).value)\n  draft.value = null\n  blur()\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      data-slot=\"input-group\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n    >\n      <span\n        v-if=\"prefixText || props.component.prefixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm whitespace-nowrap\"\n      >\n        <Icon :name=\"props.component.prefixIcon\" />\n        {{ prefixText }}\n      </span>\n      <Input\n        :id=\"id\"\n        :name=\"props.component.name\"\n        type=\"text\"\n        :inputmode=\"props.component.decimals > 0 ? 'decimal' : 'numeric'\"\n        dir=\"ltr\"\n        :model-value=\"draft ?? display\"\n        :placeholder=\"props.component.placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"props.component.readOnly\"\n        :required=\"props.component.required\"\n        :autofocus=\"props.component.autofocus\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"h-full border-0 bg-transparent text-end tabular-nums shadow-none focus-visible:ring-0 dark:bg-transparent\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @focus=\"onFocus\"\n        @update:model-value=\"onInput\"\n        @blur=\"onBlur\"\n      />\n      <span\n        v-if=\"suffixText || props.component.suffixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm whitespace-nowrap\"\n      >\n        {{ suffixText }}\n        <Icon :name=\"props.component.suffixIcon\" />\n      </span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"MoneyInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","Input","_mergeProps","Icon_default","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","MoneyInputField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","format","useFormatter","draft","ref","affixes","computed","prefixText","suffixText","amount","value","display","onFocus","onInput","text","parsed","commit","onBlur","event","blur","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","disabled","createElementBlock","createVNode","createTextVNode","toDisplayString","createCommentVNode","mergeProps","aria"],"sources":["../../../src/components/fields/MoneyInputField.vue"],"mappings":";;;;;;;;;;;;;;;;;;EAeA,IAAMqB,IAAQC,GACR,EAAE,UAAO,aAAU,SAAM,UAAO,OAAI,aAAU,YAASC,QACrDF,EAAM,SACd,GACMG,IAASC,EAAa,GACtBC,IAAQC,EAAmB,IAAI,GAE/BC,IAAUC,QAAeL,EAAO,MAAM,gBAAgBH,EAAM,UAAU,QAAQ,CAAC,GAC/ES,IAAaD,QACjB,CAACR,EAAM,UAAU,QAAQO,EAAQ,MAAM,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CACzE,GACMG,IAAaF,QACjB,CAACD,EAAQ,MAAM,QAAQP,EAAM,UAAU,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CACzE,GAEMW,IAASH,QACbI,EAAM,UAAU,QAAQA,EAAM,UAAU,KAAA,KAAaA,EAAM,UAAU,KACjE,OACA,OAAOA,EAAM,KAAK,CACxB,GACMC,IAAUL,QACdG,EAAO,UAAU,QAAQ,OAAO,MAAMA,EAAO,KAAK,IAC9C,OAAOC,EAAM,SAAS,EAAE,IACxBT,EAAO,MAAM,OAAOQ,EAAO,OAAO;GAChC,uBAAuBX,EAAM,UAAU;GACvC,uBAAuBA,EAAM,UAAU;EACzC,CAAC,CACP,GAEMc,UAAgB;GACpB,EAAM,QACJH,EAAO,UAAU,QAAQ,OAAO,MAAMA,EAAO,KAAK,IAC9C,OAAOC,EAAM,SAAS,EAAE,IACxBT,EAAO,MAAM,OAAOQ,EAAO,OAAO;IAChC,aAAa;IACb,uBAAuBX,EAAM,UAAU;GACzC,CAAC;EACT,GAEMe,KAAW,MAAiB;GAChC,EAAM,QAAQC;GACd,IAAMC,IAASd,EAAO,MAAM,YAAYa,CAAI;GAC5C,EAASA,EAAK,KAAK,MAAM,KAAK,OAAOC,MAAW,OAAOD,IAAO,OAAOC,CAAM,CAAC;EAC9E,GAEMC,KAAU,MAAiB;GAC/B,IAAIF,EAAK,KAAK,MAAM,IAAI;IACtB,EAAS,IAAI;IAEb;GACF;GAEA,IAAMC,IAASd,EAAO,MAAM,YAAYa,CAAI;GAI5C,EAASC,MAAW,OAAOD,IAAOC,EAAO,QAAQjB,EAAM,UAAU,QAAQ,CAAC;EAC5E,GAEMmB,KAAU,MAAsB;GAGpC,AAFAD,EAAQE,EAAM,OAA4B,KAAK,GAC/C,EAAM,QAAQ,MACdC,EAAK;EACP;oBAIE1C,EAAA,GAAAC,EA+CeC,GAAA;GA/CA,OAAOmB,EAAM;GAAY,YAAUlB,EAAA2C,CAAA;GAAK,OAAO3C,EAAA4C,CAAA;;GAC5D,SAAA3C,QA6CM,CA7CNC,EA6CM,OAAA;IA5CJ,aAAU;IACT,OAAKC,EAAWH,EAAAgD,CAAA,CAAE,CAAA,6NAAmPhD,EAAA4C,CAAA,KAAK,sBAAoC5C,EAAAiD,CAAA,KAAQ,YAAA,CAAA;;IAS/StB,EAAA,SAAcT,EAAM,UAAU,cADtCrB,EAAA,GAAAO,EAMO,QANPW,GAMO,CAFLV,EAA2CL,EAAAM,CAAA,GAAA,EAApC,MAAMY,EAAM,UAAU,WAAA,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,GAAcX,EAAA,MAC3CC,EAAGmB,EAAA,KAAU,GAAA,CAAA,CAAA,CAAA,KAAA2B,EAAA,IAAA,EAAA;IAEfjD,EAoBEK,GApBFC,EAoBE;KAnBC,IAAIX,EAAA2C,CAAA;KACJ,MAAMzB,EAAM,UAAU;KACvB,MAAK;KACJ,WAAWA,EAAM,UAAU,WAAQ,IAAA,YAAA;KACpC,KAAI;KACH,eAAaK,EAAA,SAASQ,EAAA;KACtB,aAAab,EAAM,UAAU;KAC7B,UAAUlB,EAAAiD,CAAA;KACV,UAAU/B,EAAM,UAAU;KAC1B,UAAUA,EAAM,UAAU;KAC1B,WAAWA,EAAM,UAAU;KAC3B,gBAAclB,EAAAwD,CAAA,CAAI,CAAA;KAClB,oBAAkBxD,EAAAwD,CAAA,CAAI,CAAA;KACtB,iBAAexD,EAAAwD,CAAA,CAAI,CAAA;KACpB,OAAM;IACE,GAAAtC,EAAM,UAAU,sBAAoB;KACpC;KACP,uBAAoBe;KACd;;;;;;;;;;;;;;;IAGDL,EAAA,SAAcV,EAAM,UAAU,cADtCrB,EAAA,GAAAO,EAMO,QANPY,GAMO,CAFFT,EAAAC,EAAAoB,EAAA,KAAU,IAAG,KAChB,CAAA,GAAAvB,EAA2CL,EAAAM,CAAA,GAAA,EAApC,MAAMY,EAAM,UAAU,WAAA,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,KAAAoC,EAAA,IAAA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"OneTimeCodeInputField.js","names":["_sfc_main","OneTimeCodeInputField_vue_vue_type_script_setup_true_lang_default","OneTimeCodeInputField_default"],"sources":["../../../src/components/fields/OneTimeCodeInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { OneTimeCodeSubmitter, oneTimeCodeDigits, type OneTimeCodeInputSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Input from '../ui/Input.vue'\n\n/**\n * `OneTimeCodeInput`: one numeric input with `autocomplete=\"one-time-code\"` (browsers and\n * password managers fill it from an SMS or email), digits only, left to right in every\n * language. `submitOnCompletion()` submits the form once the last digit is in.\n */\nconst props = defineProps<{ component: OneTimeCodeInputSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | null>(\n  () => props.component,\n)\nconst submitter = new OneTimeCodeSubmitter()\n\nconst onInput = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  const code = oneTimeCodeDigits(input.value, props.component.length)\n\n  // A rejected character leaves the model value unchanged: correct the DOM too.\n  if (code !== input.value) input.value = code\n\n  setValue(code === '' ? null : code)\n\n  // After the state reached the form store, so the submitted values include it.\n  if (props.component.submitOnCompletion) {\n    const form = input.form\n\n    queueMicrotask(() => submitter.update(code, props.component.length, form))\n  }\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <Input\n      :id=\"id\"\n      :name=\"props.component.name\"\n      type=\"text\"\n      dir=\"ltr\"\n      inputmode=\"numeric\"\n      autocomplete=\"one-time-code\"\n      pattern=\"[0-9]*\"\n      :model-value=\"value ?? ''\"\n      :placeholder=\"props.component.placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"props.component.readOnly\"\n      :required=\"props.component.required\"\n      :autofocus=\"props.component.autofocus\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      data-slot=\"one-time-code-input\"\n      data-input=\"\"\n      class=\"max-w-56 text-center font-mono text-lg tracking-[0.5em] tabular-nums\"\n      v-bind=\"props.component.extraInputAttributes\"\n      @input=\"onInput\"\n      @blur=\"blur\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OneTimeCodeInputField.js","names":["_sfc_main","OneTimeCodeInputField_vue_vue_type_script_setup_true_lang_default","OneTimeCodeInputField_default"],"sources":["../../../src/components/fields/OneTimeCodeInputField.vue"],"mappings":""}