@alfakit/vue 0.1.9 → 0.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"BuilderField.js","names":["_sfc_main","BuilderField_vue_vue_type_script_setup_true_lang_default","BuilderField_default"],"sources":["../../../src/components/fields/BuilderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BuilderBlockSchema, BuilderItemState, BuilderSchema } from '@alfakit/core'\nimport {\n  isDeferredPlaceholder,\n  VIRTUAL_ESTIMATES,\n  builderItemLabel,\n  builderItems,\n  builderItemSchema,\n  canAddBuilderBlock,\n  cloneIndexedState,\n  cloneRepeaterItem,\n  fieldIds,\n  insertBuilderItem,\n  itemActionContext,\n  moveIndexedState,\n  moveRepeaterItem,\n  removeIndexedState,\n  removeRepeaterItem,\n  reorderedItemKeys,\n  resolveItemAction,\n  virtualizeOptions,\n  type ActionSchema,\n  type ItemActionName,\n} from '@alfakit/core'\nimport { PencilIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useScrollToErroredItem, useVirtualList } from '../../composables/use-virtual-list'\nimport { useActionRunner, useFormatter, useOptionalRegistry, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DeferredSchema from '../layout/DeferredSchema.vue'\nimport { useField, useOptionalFormStore } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport AddActionRow from './AddActionRow.vue'\nimport CollapseAllActions from './CollapseAllActions.vue'\nimport ItemHeaderActions from './ItemHeaderActions.vue'\nimport { useItemActionFallbacks, useItemMoves, useRunItemAction } from './item-actions'\nimport BuilderBlockActionsMenu from './BuilderBlockActionsMenu.vue'\nimport BuilderBlockPicker from './BuilderBlockPicker.vue'\nimport BuilderBlockPickerPanel from './BuilderBlockPickerPanel.vue'\n\n/**\n * A list of blocks, each with its own schema. Items use the server's per-item schema\n * when it describes the same block, else the block's template (fresh, moved or cloned\n * items the server has not seen yet).\n */\nconst props = defineProps<{ component: BuilderSchema }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst registry = useOptionalRegistry()\nconst form = useOptionalFormStore()\nconst context = useFieldActionContext(() => props.component)\nconst runItemAction = useRunItemAction(context)\nconst fallbacks = useItemActionFallbacks('builder')\nconst serverItemOf = (index: number) => {\n  const server = props.component.items[index]\n\n  return server && server.type === items.value[index]?.type ? server : undefined\n}\nconst resolve = (name: ItemActionName, index?: number) =>\n  resolveItemAction(\n    name,\n    props.component,\n    index === undefined ? undefined : serverItemOf(index),\n    name === 'add' ? { ...fallbacks.add, label: props.component.addActionLabel } : fallbacks[name],\n  )\n\nconst {\n  value,\n  setValue,\n  error,\n  id,\n  disabled: fieldDisabled,\n  readOnly,\n  aria,\n} = useField<unknown>(() => props.component)\nconst locked = computed(() => fieldDisabled.value || readOnly.value)\nconst items = computed(() => builderItems(value.value))\nconst collapsed = ref<Record<number, boolean>>({})\nconst editing = ref<Record<number, boolean>>({})\nconst dragIndex = ref<number | null>(null)\n// Long lists render only the visible blocks (plus a few around them).\nconst virtual = useVirtualList(\n  () => items.value.length,\n  () => virtualizeOptions(props.component.virtualize, VIRTUAL_ESTIMATES.item, 12),\n)\nuseScrollToErroredItem(virtual, () => props.component.statePath)\nconst visibleItems = computed(() =>\n  virtual.indexes.value.map((index) => ({ item: items.value[index] as BuilderItemState, index })),\n)\n\nconst blockOf = (type: string) => props.component.blocks.find((block) => block.name === type)\nconst isCollapsed = (index: number) => collapsed.value[index] ?? props.component.collapsed ?? false\nconst canAdd = computed(\n  () =>\n    props.component.addable &&\n    !locked.value &&\n    (props.component.maxItems == null || items.value.length < props.component.maxItems),\n)\nconst canDelete = computed(\n  () =>\n    props.component.deletable &&\n    !locked.value &&\n    (props.component.minItems == null || items.value.length > props.component.minItems),\n)\nconst canClone = (item: BuilderItemState) => {\n  const block = blockOf(item.type)\n\n  return Boolean(\n    props.component.cloneable &&\n    canAdd.value &&\n    block &&\n    canAddBuilderBlock(props.component, block, items.value),\n  )\n}\n\nconst draggable = computed(\n  () =>\n    props.component.reorderable &&\n    props.component.reorderableWithDragAndDrop !== false &&\n    !locked.value &&\n    resolve('reorder') !== null,\n)\nconst buttons = computed(\n  () =>\n    props.component.reorderable &&\n    props.component.reorderableWithButtons !== false &&\n    !locked.value,\n)\nconst addAction = computed(() => resolve('add'))\nconst showEmptyPicker = computed(\n  () =>\n    canAdd.value &&\n    addAction.value !== null &&\n    !addAction.value.disabled &&\n    props.component.blocks.length > 0,\n)\nconst menu = computed(() => Boolean(props.component.blockActionsMenu) && !locked.value)\nconst runner = useActionRunner()\n// `blockActionsMenu()`: built-in actions run in the browser unless customised.\nconst onMenuAction = (name: ItemActionName, index: number) =>\n  runItemAction(resolve(name, index), { item: String(index) }, () => {\n    if (name === 'moveUp') moves.moveWithButton(index, index - 1)\n    else if (name === 'moveDown') moves.moveWithButton(index, index + 1)\n    else if (name === 'clone') cloneItem(index)\n    else if (name === 'delete') removeItem(index)\n  })\nconst onMenuExtra = (action: ActionSchema, index: number) =>\n  void runner.trigger(action, itemActionContext(context.value, { item: String(index) }))\n\nconst update = (next: unknown[]) => setValue(next as BuilderItemState[])\nconst moveItem = (from: number, to: number) => {\n  update(moveRepeaterItem(items.value, from, to))\n  collapsed.value = moveIndexedState(collapsed.value, from, to)\n  editing.value = moveIndexedState(editing.value, from, to)\n}\n// Move buttons: announced, one at a time, focus kept on the moved item.\nconst moves = useItemMoves(\n  value,\n  (from, to) => moveItem(from, to),\n  (index) => builderItemLabel(props.component, items.value, index),\n  () => items.value.length,\n)\nconst moveAnnouncement = moves.announcement\nconst moveContainer = moves.container\nconst removeItem = (index: number) => {\n  update(removeRepeaterItem(items.value, index))\n  collapsed.value = removeIndexedState(collapsed.value, index)\n  editing.value = removeIndexedState(editing.value, index)\n}\nconst cloneItem = (index: number) => {\n  update(cloneRepeaterItem(items.value, index))\n  collapsed.value = cloneIndexedState(collapsed.value, index)\n  editing.value = cloneIndexedState(editing.value, index)\n}\nconst addBlock = (block: BuilderBlockSchema) =>\n  runItemAction(addAction.value, { block: block.name }, () =>\n    update(insertBuilderItem(items.value, block)),\n  )\n// A drop runs the reorder action: in the browser, or on the server when customised.\nconst onDrop = (index: number) => {\n  const from = dragIndex.value\n  dragIndex.value = null\n  if (from === null || from === index) return\n  runItemAction(\n    resolve('reorder'),\n    { items: reorderedItemKeys(items.value.length, from, index) },\n    () => moveItem(from, index),\n  )\n}\nconst setAllCollapsed = (value: boolean) => {\n  collapsed.value = Object.fromEntries(items.value.map((_, index) => [index, value]))\n  if (value) refreshSummaries(items.value.map((_, index) => index))\n}\n// Summaries are made on the server: collapsing items whose block has one brings them up\n// to date with the edits.\nconst refreshSummaries = (indexes: number[]) => {\n  if (indexes.some((index) => blockOf(items.value[index]?.type ?? '')?.summary)) {\n    void form?.refresh(props.component.statePath)\n  }\n}\nconst toggleCollapsed = (index: number) => {\n  const collapse = !isCollapsed(index)\n  collapsed.value = { ...collapsed.value, [index]: collapse }\n  if (collapse) refreshSummaries([index])\n}\n\n// Previews (`blockPreviews()`): server HTML or a registered `builder-preview:{name}`.\nconst previewComponentOf = (index: number) => {\n  const name =\n    serverItemOf(index)?.previewComponent ??\n    blockOf(items.value[index]?.type ?? '')?.previewComponent\n\n  return name ? registry?.resolve(`builder-preview:${name}`) : undefined\n}\nconst hasPreview = (index: number) =>\n  props.component.blockPreviews === true &&\n  (previewComponentOf(index) !== undefined || Boolean(serverItemOf(index)?.preview))\nconst showPreview = (index: number) => hasPreview(index) && !editing.value[index]\n// Closing the editor re-renders the previews from the server.\nconst toggleEditing = (index: number) => {\n  const open = !editing.value[index]\n  editing.value = { ...editing.value, [index]: open }\n  if (!open) void form?.refresh(props.component.statePath)\n}\nconst openEditor = (index: number) => {\n  if (!locked.value) toggleEditing(index)\n}\nconst previewIsButton = computed(() => !props.component.interactivePreviews && !locked.value)\n</script>\n\n<template>\n  <!-- `deferLoading()`: a skeleton until the field scrolls into view. -->\n  <DeferredSchema\n    v-if=\"isDeferredPlaceholder(props.component)\"\n    v-slot=\"{ component: loaded }\"\n    :component=\"props.component\"\n  >\n    <BuilderField :component=\"loaded\" />\n  </DeferredSchema>\n  <FieldWrapper v-else :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div ref=\"moveContainer\" class=\"flex flex-col gap-3\" data-slot=\"builder\">\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\" data-slot=\"item-move-status\">{{\n        moveAnnouncement\n      }}</span>\n      <!-- No blocks yet: the picker is right there instead of behind a button. -->\n      <div\n        v-if=\"items.length === 0 && showEmptyPicker\"\n        data-slot=\"builder-empty\"\n        class=\"bg-muted/30 flex flex-col gap-3 rounded-lg border border-dashed p-3 sm:p-4\"\n      >\n        <div class=\"px-1\">\n          <p class=\"text-sm font-medium\">\n            {{ t('builder.empty_heading', {}, 'Add your first block') }}\n          </p>\n          <p class=\"text-muted-foreground text-sm\">\n            {{\n              t(\n                'builder.empty_description',\n                {},\n                'Pick one to start. You can add more, reorder and remove them at any time.',\n              )\n            }}\n          </p>\n        </div>\n        <BuilderBlockPickerPanel\n          :component=\"props.component\"\n          :items=\"items\"\n          class=\"bg-card max-h-[28rem] rounded-md border\"\n          @pick=\"addBlock\"\n        />\n      </div>\n      <p\n        v-else-if=\"items.length === 0\"\n        class=\"text-muted-foreground rounded-lg border border-dashed p-4 text-center text-sm\"\n      >\n        {{ t('builder.empty', {}, 'No blocks yet.') }}\n      </p>\n      <CollapseAllActions\n        v-if=\"props.component.collapsible && items.length > 0\"\n        :context=\"context\"\n        :collapse-all=\"resolve('collapseAll')\"\n        :expand-all=\"resolve('expandAll')\"\n        @collapse-all=\"setAllCollapsed(true)\"\n        @expand-all=\"setAllCollapsed(false)\"\n      />\n      <ul\n        :id=\"id\"\n        :ref=\"virtual.attach\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :style=\"virtual.style.value\"\n        :class=\"cn('grid gap-3', items.length === 0 && 'hidden')\"\n      >\n        <li\n          v-for=\"{ item, index } in visibleItems\"\n          :key=\"index\"\n          :ref=\"virtual.item\"\n          :data-index=\"index\"\n          :aria-setsize=\"virtual.range.value.active ? items.length : undefined\"\n          :aria-posinset=\"virtual.range.value.active ? index + 1 : undefined\"\n          :data-block=\"item.type\"\n          :draggable=\"draggable\"\n          :class=\"\n            cn('bg-card min-w-0 rounded-lg border shadow-xs', dragIndex === index && 'opacity-50')\n          \"\n          @dragstart=\"dragIndex = index\"\n          @dragover=\"draggable && $event.preventDefault()\"\n          @drop=\"onDrop(index)\"\n          @dragend=\"dragIndex = null\"\n        >\n          <Collapsible :open=\"!isCollapsed(index)\">\n            <div\n              class=\"flex flex-wrap items-center gap-1 border-b px-2 py-1.5\"\n              data-slot=\"item-header\"\n            >\n              <span\n                v-if=\"draggable\"\n                class=\"text-muted-foreground cursor-grab\"\n                :title=\"resolve('reorder')?.label ?? undefined\"\n                aria-hidden=\"true\"\n                ><Icon :name=\"resolve('reorder')?.icon ?? 'grip-vertical'\"\n              /></span>\n              <Icon\n                v-if=\"\n                  props.component.blockIcons &&\n                  (blockOf(item.type)?.icon ?? props.component.items[index]?.icon)\n                \"\n                :name=\"blockOf(item.type)?.icon ?? props.component.items[index]?.icon\"\n                class=\"text-muted-foreground size-4\"\n              />\n              <span\n                v-if=\"props.component.blockNumbers\"\n                class=\"text-muted-foreground text-xs tabular-nums\"\n                >{{ formatter.number(index + 1) }}</span\n              >\n              <span class=\"flex min-w-0 flex-1 items-baseline gap-2\">\n                <span\n                  v-if=\"props.component.blockLabels\"\n                  dir=\"auto\"\n                  class=\"min-w-0 shrink-0 truncate text-sm font-medium sm:max-w-[60%]\"\n                  >{{ builderItemLabel(props.component, items, index) }}</span\n                >\n                <span\n                  v-if=\"serverItemOf(index)?.summary\"\n                  dir=\"auto\"\n                  class=\"text-muted-foreground min-w-0 truncate text-sm\"\n                  data-slot=\"builder-item-summary\"\n                  >{{ serverItemOf(index)?.summary }}</span\n                >\n              </span>\n              <ItemHeaderActions\n                :context=\"context\"\n                :item-key=\"String(index)\"\n                :index=\"index\"\n                :count=\"items.length\"\n                :resolve=\"(name: ItemActionName) => resolve(name, index)\"\n                :extra-actions=\"menu || locked ? undefined : serverItemOf(index)?.actions\"\n                :buttons=\"buttons && !menu\"\n                :can-clone=\"canClone(item) && !menu\"\n                :can-delete=\"canDelete && !menu\"\n                :collapsible=\"Boolean(props.component.collapsible)\"\n                :collapsed=\"isCollapsed(index)\"\n                @move=\"moves.moveWithButton\"\n                @clone=\"cloneItem(index)\"\n                @delete=\"removeItem(index)\"\n                @toggle=\"toggleCollapsed(index)\"\n              >\n                <Button\n                  v-if=\"hasPreview(index) && !locked\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('builder.edit_block', {}, 'Edit block')\"\n                  :aria-pressed=\"Boolean(editing[index])\"\n                  @click=\"toggleEditing(index)\"\n                  ><Icon\n                    name=\"alfakit::forms.components.builder.actions.edit\"\n                    :fallback=\"PencilIcon\"\n                /></Button>\n                <BuilderBlockActionsMenu\n                  v-if=\"menu\"\n                  :label=\"builderItemLabel(props.component, items, index) ?? ''\"\n                  :resolve=\"(name: ItemActionName) => resolve(name, index)\"\n                  :can-move-up=\"buttons && index > 0\"\n                  :can-move-down=\"buttons && index < items.length - 1\"\n                  :can-clone=\"canClone(item)\"\n                  :can-delete=\"canDelete\"\n                  :extra-actions=\"serverItemOf(index)?.actions\"\n                  @action=\"(name: ItemActionName) => onMenuAction(name, index)\"\n                  @extra=\"(action: ActionSchema) => onMenuExtra(action, index)\"\n                />\n              </ItemHeaderActions>\n            </div>\n            <CollapsibleContent>\n              <div\n                v-if=\"showPreview(index)\"\n                data-slot=\"builder-preview\"\n                :class=\"cn('p-4', previewIsButton && 'cursor-pointer')\"\n                :role=\"previewIsButton ? 'button' : undefined\"\n                :tabindex=\"previewIsButton ? 0 : undefined\"\n                :aria-label=\"\n                  previewIsButton ? t('builder.edit_block', {}, 'Edit block') : undefined\n                \"\n                @click=\"previewIsButton && openEditor(index)\"\n                @keydown.enter.prevent=\"previewIsButton && openEditor(index)\"\n                @keydown.space.prevent=\"previewIsButton && openEditor(index)\"\n              >\n                <div :class=\"cn(!props.component.interactivePreviews && 'pointer-events-none')\">\n                  <component\n                    :is=\"previewComponentOf(index)\"\n                    v-if=\"previewComponentOf(index)\"\n                    :data=\"item.data\"\n                    :block=\"item.type\"\n                    :index=\"index\"\n                  />\n                  <!-- Server-rendered `Block::preview()` HTML (Blade escapes the data). -->\n                  <!-- eslint-disable-next-line vue/no-v-html -->\n                  <div v-else v-html=\"serverItemOf(index)?.preview ?? ''\" />\n                </div>\n              </div>\n              <div v-else class=\"p-4\">\n                <SchemaRenderer\n                  :components=\"builderItemSchema(props.component, items, index)\"\n                  :columns=\"\n                    blockOf(item.type)?.columns ??\n                    props.component.items[index]?.columns ?? { default: 1 }\n                  \"\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </li>\n      </ul>\n      <AddActionRow\n        v-if=\"canAdd && addAction && props.component.blocks.length > 0 && items.length > 0\"\n        :alignment=\"props.component.addActionAlignment\"\n      >\n        <BuilderBlockPicker :component=\"props.component\" :items=\"items\" @pick=\"addBlock\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            :disabled=\"addAction?.disabled\"\n            data-slot=\"builder-add\"\n            ><Icon v-if=\"addAction?.icon\" :name=\"addAction.icon\" /> {{ addAction?.label }}</Button\n          >\n        </BuilderBlockPicker>\n      </AddActionRow>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"BuilderField.js","names":["_sfc_main","BuilderField_vue_vue_type_script_setup_true_lang_default","BuilderField_default"],"sources":["../../../src/components/fields/BuilderField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"BuilderField.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_unref","_openBlock","_createBlock","DeferredSchema","_withCtx","_createVNode","FieldWrapper","_createElementVNode","_toDisplayString","_createElementBlock","BuilderBlockPickerPanel","_createCommentVNode","CollapseAllActions","_normalizeStyle","_normalizeClass","_Fragment","_renderList","Collapsible","Icon","ItemHeaderActions","Button","BuilderBlockActionsMenu","CollapsibleContent","_withKeys","_withModifiers","_resolveDynamicComponent","SchemaRenderer","AddActionRow","BuilderBlockPicker","_createTextVNode","Icon_default","Button_default","SchemaRenderer_default","DeferredSchema_default","FieldWrapper_default","Collapsible_default","CollapsibleContent_default","AddActionRow_default","CollapseAllActions_default","ItemHeaderActions_default","BuilderBlockActionsMenu_default","BuilderBlockPickerPanel_default","BuilderBlockPicker_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","_hoisted_17","BuilderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","formatter","useFormatter","registry","useOptionalRegistry","form","useOptionalFormStore","context","useFieldActionContext","runItemAction","useRunItemAction","fallbacks","useItemActionFallbacks","serverItemOf","server","index","items","resolve","resolveItemAction","name","fieldDisabled","useField","locked","computed","readOnly","builderItems","value","collapsed","ref","editing","dragIndex","virtual","useVirtualList","virtualizeOptions","VIRTUAL_ESTIMATES","visibleItems","blockOf","block","type","isCollapsed","canAdd","canDelete","canClone","item","canAddBuilderBlock","draggable","buttons","addAction","showEmptyPicker","menu","runner","useActionRunner","onMenuAction","moves","cloneItem","removeItem","onMenuExtra","action","itemActionContext","update","setValue","next","moveItem","moveRepeaterItem","from","to","moveIndexedState","useItemMoves","builderItemLabel","moveAnnouncement","moveContainer","removeRepeaterItem","removeIndexedState","cloneRepeaterItem","cloneIndexedState","addBlock","insertBuilderItem","onDrop","reorderedItemKeys","setAllCollapsed","refreshSummaries","indexes","toggleCollapsed","collapse","previewComponentOf","hasPreview","showPreview","toggleEditing","open","openEditor","previewIsButton","_component_BuilderField","resolveComponent","unref","isDeferredPlaceholder","openBlock","createBlock","withCtx","loaded","createVNode","id","error","createElementVNode","toDisplayString","createElementBlock","createCommentVNode","_cache","fieldIds","aria","normalizeStyle","normalizeClass","cn","Fragment","renderList","$event","PencilIcon","withKeys","withModifiers","resolveDynamicComponent","builderItemSchema","createTextVNode"],"sources":["../../../src/components/fields/BuilderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BuilderBlockSchema, BuilderItemState, BuilderSchema } from '@alfakit/core'\nimport {\n  isDeferredPlaceholder,\n  VIRTUAL_ESTIMATES,\n  builderItemLabel,\n  builderItems,\n  builderItemSchema,\n  canAddBuilderBlock,\n  cloneIndexedState,\n  cloneRepeaterItem,\n  fieldIds,\n  insertBuilderItem,\n  itemActionContext,\n  moveIndexedState,\n  moveRepeaterItem,\n  removeIndexedState,\n  removeRepeaterItem,\n  reorderedItemKeys,\n  resolveItemAction,\n  virtualizeOptions,\n  type ActionSchema,\n  type ItemActionName,\n} from '@alfakit/core'\nimport { PencilIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useScrollToErroredItem, useVirtualList } from '../../composables/use-virtual-list'\nimport { useActionRunner, useFormatter, useOptionalRegistry, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DeferredSchema from '../layout/DeferredSchema.vue'\nimport { useField, useOptionalFormStore } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport AddActionRow from './AddActionRow.vue'\nimport CollapseAllActions from './CollapseAllActions.vue'\nimport ItemHeaderActions from './ItemHeaderActions.vue'\nimport { useItemActionFallbacks, useItemMoves, useRunItemAction } from './item-actions'\nimport BuilderBlockActionsMenu from './BuilderBlockActionsMenu.vue'\nimport BuilderBlockPicker from './BuilderBlockPicker.vue'\nimport BuilderBlockPickerPanel from './BuilderBlockPickerPanel.vue'\n\n/**\n * A list of blocks, each with its own schema. Items use the server's per-item schema\n * when it describes the same block, else the block's template (fresh, moved or cloned\n * items the server has not seen yet).\n */\nconst props = defineProps<{ component: BuilderSchema }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst registry = useOptionalRegistry()\nconst form = useOptionalFormStore()\nconst context = useFieldActionContext(() => props.component)\nconst runItemAction = useRunItemAction(context)\nconst fallbacks = useItemActionFallbacks('builder')\nconst serverItemOf = (index: number) => {\n  const server = props.component.items[index]\n\n  return server && server.type === items.value[index]?.type ? server : undefined\n}\nconst resolve = (name: ItemActionName, index?: number) =>\n  resolveItemAction(\n    name,\n    props.component,\n    index === undefined ? undefined : serverItemOf(index),\n    name === 'add' ? { ...fallbacks.add, label: props.component.addActionLabel } : fallbacks[name],\n  )\n\nconst {\n  value,\n  setValue,\n  error,\n  id,\n  disabled: fieldDisabled,\n  readOnly,\n  aria,\n} = useField<unknown>(() => props.component)\nconst locked = computed(() => fieldDisabled.value || readOnly.value)\nconst items = computed(() => builderItems(value.value))\nconst collapsed = ref<Record<number, boolean>>({})\nconst editing = ref<Record<number, boolean>>({})\nconst dragIndex = ref<number | null>(null)\n// Long lists render only the visible blocks (plus a few around them).\nconst virtual = useVirtualList(\n  () => items.value.length,\n  () => virtualizeOptions(props.component.virtualize, VIRTUAL_ESTIMATES.item, 12),\n)\nuseScrollToErroredItem(virtual, () => props.component.statePath)\nconst visibleItems = computed(() =>\n  virtual.indexes.value.map((index) => ({ item: items.value[index] as BuilderItemState, index })),\n)\n\nconst blockOf = (type: string) => props.component.blocks.find((block) => block.name === type)\nconst isCollapsed = (index: number) => collapsed.value[index] ?? props.component.collapsed ?? false\nconst canAdd = computed(\n  () =>\n    props.component.addable &&\n    !locked.value &&\n    (props.component.maxItems == null || items.value.length < props.component.maxItems),\n)\nconst canDelete = computed(\n  () =>\n    props.component.deletable &&\n    !locked.value &&\n    (props.component.minItems == null || items.value.length > props.component.minItems),\n)\nconst canClone = (item: BuilderItemState) => {\n  const block = blockOf(item.type)\n\n  return Boolean(\n    props.component.cloneable &&\n    canAdd.value &&\n    block &&\n    canAddBuilderBlock(props.component, block, items.value),\n  )\n}\n\nconst draggable = computed(\n  () =>\n    props.component.reorderable &&\n    props.component.reorderableWithDragAndDrop !== false &&\n    !locked.value &&\n    resolve('reorder') !== null,\n)\nconst buttons = computed(\n  () =>\n    props.component.reorderable &&\n    props.component.reorderableWithButtons !== false &&\n    !locked.value,\n)\nconst addAction = computed(() => resolve('add'))\nconst showEmptyPicker = computed(\n  () =>\n    canAdd.value &&\n    addAction.value !== null &&\n    !addAction.value.disabled &&\n    props.component.blocks.length > 0,\n)\nconst menu = computed(() => Boolean(props.component.blockActionsMenu) && !locked.value)\nconst runner = useActionRunner()\n// `blockActionsMenu()`: built-in actions run in the browser unless customised.\nconst onMenuAction = (name: ItemActionName, index: number) =>\n  runItemAction(resolve(name, index), { item: String(index) }, () => {\n    if (name === 'moveUp') moves.moveWithButton(index, index - 1)\n    else if (name === 'moveDown') moves.moveWithButton(index, index + 1)\n    else if (name === 'clone') cloneItem(index)\n    else if (name === 'delete') removeItem(index)\n  })\nconst onMenuExtra = (action: ActionSchema, index: number) =>\n  void runner.trigger(action, itemActionContext(context.value, { item: String(index) }))\n\nconst update = (next: unknown[]) => setValue(next as BuilderItemState[])\nconst moveItem = (from: number, to: number) => {\n  update(moveRepeaterItem(items.value, from, to))\n  collapsed.value = moveIndexedState(collapsed.value, from, to)\n  editing.value = moveIndexedState(editing.value, from, to)\n}\n// Move buttons: announced, one at a time, focus kept on the moved item.\nconst moves = useItemMoves(\n  value,\n  (from, to) => moveItem(from, to),\n  (index) => builderItemLabel(props.component, items.value, index),\n  () => items.value.length,\n)\nconst moveAnnouncement = moves.announcement\nconst moveContainer = moves.container\nconst removeItem = (index: number) => {\n  update(removeRepeaterItem(items.value, index))\n  collapsed.value = removeIndexedState(collapsed.value, index)\n  editing.value = removeIndexedState(editing.value, index)\n}\nconst cloneItem = (index: number) => {\n  update(cloneRepeaterItem(items.value, index))\n  collapsed.value = cloneIndexedState(collapsed.value, index)\n  editing.value = cloneIndexedState(editing.value, index)\n}\nconst addBlock = (block: BuilderBlockSchema) =>\n  runItemAction(addAction.value, { block: block.name }, () =>\n    update(insertBuilderItem(items.value, block)),\n  )\n// A drop runs the reorder action: in the browser, or on the server when customised.\nconst onDrop = (index: number) => {\n  const from = dragIndex.value\n  dragIndex.value = null\n  if (from === null || from === index) return\n  runItemAction(\n    resolve('reorder'),\n    { items: reorderedItemKeys(items.value.length, from, index) },\n    () => moveItem(from, index),\n  )\n}\nconst setAllCollapsed = (value: boolean) => {\n  collapsed.value = Object.fromEntries(items.value.map((_, index) => [index, value]))\n  if (value) refreshSummaries(items.value.map((_, index) => index))\n}\n// Summaries are made on the server: collapsing items whose block has one brings them up\n// to date with the edits.\nconst refreshSummaries = (indexes: number[]) => {\n  if (indexes.some((index) => blockOf(items.value[index]?.type ?? '')?.summary)) {\n    void form?.refresh(props.component.statePath)\n  }\n}\nconst toggleCollapsed = (index: number) => {\n  const collapse = !isCollapsed(index)\n  collapsed.value = { ...collapsed.value, [index]: collapse }\n  if (collapse) refreshSummaries([index])\n}\n\n// Previews (`blockPreviews()`): server HTML or a registered `builder-preview:{name}`.\nconst previewComponentOf = (index: number) => {\n  const name =\n    serverItemOf(index)?.previewComponent ??\n    blockOf(items.value[index]?.type ?? '')?.previewComponent\n\n  return name ? registry?.resolve(`builder-preview:${name}`) : undefined\n}\nconst hasPreview = (index: number) =>\n  props.component.blockPreviews === true &&\n  (previewComponentOf(index) !== undefined || Boolean(serverItemOf(index)?.preview))\nconst showPreview = (index: number) => hasPreview(index) && !editing.value[index]\n// Closing the editor re-renders the previews from the server.\nconst toggleEditing = (index: number) => {\n  const open = !editing.value[index]\n  editing.value = { ...editing.value, [index]: open }\n  if (!open) void form?.refresh(props.component.statePath)\n}\nconst openEditor = (index: number) => {\n  if (!locked.value) toggleEditing(index)\n}\nconst previewIsButton = computed(() => !props.component.interactivePreviews && !locked.value)\n</script>\n\n<template>\n  <!-- `deferLoading()`: a skeleton until the field scrolls into view. -->\n  <DeferredSchema\n    v-if=\"isDeferredPlaceholder(props.component)\"\n    v-slot=\"{ component: loaded }\"\n    :component=\"props.component\"\n  >\n    <BuilderField :component=\"loaded\" />\n  </DeferredSchema>\n  <FieldWrapper v-else :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div ref=\"moveContainer\" class=\"flex flex-col gap-3\" data-slot=\"builder\">\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\" data-slot=\"item-move-status\">{{\n        moveAnnouncement\n      }}</span>\n      <!-- No blocks yet: the picker is right there instead of behind a button. -->\n      <div\n        v-if=\"items.length === 0 && showEmptyPicker\"\n        data-slot=\"builder-empty\"\n        class=\"bg-muted/30 flex flex-col gap-3 rounded-lg border border-dashed p-3 sm:p-4\"\n      >\n        <div class=\"px-1\">\n          <p class=\"text-sm font-medium\">\n            {{ t('builder.empty_heading', {}, 'Add your first block') }}\n          </p>\n          <p class=\"text-muted-foreground text-sm\">\n            {{\n              t(\n                'builder.empty_description',\n                {},\n                'Pick one to start. You can add more, reorder and remove them at any time.',\n              )\n            }}\n          </p>\n        </div>\n        <BuilderBlockPickerPanel\n          :component=\"props.component\"\n          :items=\"items\"\n          class=\"bg-card max-h-[28rem] rounded-md border\"\n          @pick=\"addBlock\"\n        />\n      </div>\n      <p\n        v-else-if=\"items.length === 0\"\n        class=\"text-muted-foreground rounded-lg border border-dashed p-4 text-center text-sm\"\n      >\n        {{ t('builder.empty', {}, 'No blocks yet.') }}\n      </p>\n      <CollapseAllActions\n        v-if=\"props.component.collapsible && items.length > 0\"\n        :context=\"context\"\n        :collapse-all=\"resolve('collapseAll')\"\n        :expand-all=\"resolve('expandAll')\"\n        @collapse-all=\"setAllCollapsed(true)\"\n        @expand-all=\"setAllCollapsed(false)\"\n      />\n      <ul\n        :id=\"id\"\n        :ref=\"virtual.attach\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :style=\"virtual.style.value\"\n        :class=\"cn('grid gap-3', items.length === 0 && 'hidden')\"\n      >\n        <li\n          v-for=\"{ item, index } in visibleItems\"\n          :key=\"index\"\n          :ref=\"virtual.item\"\n          :data-index=\"index\"\n          :aria-setsize=\"virtual.range.value.active ? items.length : undefined\"\n          :aria-posinset=\"virtual.range.value.active ? index + 1 : undefined\"\n          :data-block=\"item.type\"\n          :draggable=\"draggable\"\n          :class=\"\n            cn('bg-card min-w-0 rounded-lg border shadow-xs', dragIndex === index && 'opacity-50')\n          \"\n          @dragstart=\"dragIndex = index\"\n          @dragover=\"draggable && $event.preventDefault()\"\n          @drop=\"onDrop(index)\"\n          @dragend=\"dragIndex = null\"\n        >\n          <Collapsible :open=\"!isCollapsed(index)\">\n            <div\n              class=\"flex flex-wrap items-center gap-1 border-b px-2 py-1.5\"\n              data-slot=\"item-header\"\n            >\n              <span\n                v-if=\"draggable\"\n                class=\"text-muted-foreground cursor-grab\"\n                :title=\"resolve('reorder')?.label ?? undefined\"\n                aria-hidden=\"true\"\n                ><Icon :name=\"resolve('reorder')?.icon ?? 'grip-vertical'\"\n              /></span>\n              <Icon\n                v-if=\"\n                  props.component.blockIcons &&\n                  (blockOf(item.type)?.icon ?? props.component.items[index]?.icon)\n                \"\n                :name=\"blockOf(item.type)?.icon ?? props.component.items[index]?.icon\"\n                class=\"text-muted-foreground size-4\"\n              />\n              <span\n                v-if=\"props.component.blockNumbers\"\n                class=\"text-muted-foreground text-xs tabular-nums\"\n                >{{ formatter.number(index + 1) }}</span\n              >\n              <span class=\"flex min-w-0 flex-1 items-baseline gap-2\">\n                <span\n                  v-if=\"props.component.blockLabels\"\n                  dir=\"auto\"\n                  class=\"min-w-0 shrink-0 truncate text-sm font-medium sm:max-w-[60%]\"\n                  >{{ builderItemLabel(props.component, items, index) }}</span\n                >\n                <span\n                  v-if=\"serverItemOf(index)?.summary\"\n                  dir=\"auto\"\n                  class=\"text-muted-foreground min-w-0 truncate text-sm\"\n                  data-slot=\"builder-item-summary\"\n                  >{{ serverItemOf(index)?.summary }}</span\n                >\n              </span>\n              <ItemHeaderActions\n                :context=\"context\"\n                :item-key=\"String(index)\"\n                :index=\"index\"\n                :count=\"items.length\"\n                :resolve=\"(name: ItemActionName) => resolve(name, index)\"\n                :extra-actions=\"menu || locked ? undefined : serverItemOf(index)?.actions\"\n                :buttons=\"buttons && !menu\"\n                :can-clone=\"canClone(item) && !menu\"\n                :can-delete=\"canDelete && !menu\"\n                :collapsible=\"Boolean(props.component.collapsible)\"\n                :collapsed=\"isCollapsed(index)\"\n                @move=\"moves.moveWithButton\"\n                @clone=\"cloneItem(index)\"\n                @delete=\"removeItem(index)\"\n                @toggle=\"toggleCollapsed(index)\"\n              >\n                <Button\n                  v-if=\"hasPreview(index) && !locked\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  :aria-label=\"t('builder.edit_block', {}, 'Edit block')\"\n                  :aria-pressed=\"Boolean(editing[index])\"\n                  @click=\"toggleEditing(index)\"\n                  ><Icon\n                    name=\"alfakit::forms.components.builder.actions.edit\"\n                    :fallback=\"PencilIcon\"\n                /></Button>\n                <BuilderBlockActionsMenu\n                  v-if=\"menu\"\n                  :label=\"builderItemLabel(props.component, items, index) ?? ''\"\n                  :resolve=\"(name: ItemActionName) => resolve(name, index)\"\n                  :can-move-up=\"buttons && index > 0\"\n                  :can-move-down=\"buttons && index < items.length - 1\"\n                  :can-clone=\"canClone(item)\"\n                  :can-delete=\"canDelete\"\n                  :extra-actions=\"serverItemOf(index)?.actions\"\n                  @action=\"(name: ItemActionName) => onMenuAction(name, index)\"\n                  @extra=\"(action: ActionSchema) => onMenuExtra(action, index)\"\n                />\n              </ItemHeaderActions>\n            </div>\n            <CollapsibleContent>\n              <div\n                v-if=\"showPreview(index)\"\n                data-slot=\"builder-preview\"\n                :class=\"cn('p-4', previewIsButton && 'cursor-pointer')\"\n                :role=\"previewIsButton ? 'button' : undefined\"\n                :tabindex=\"previewIsButton ? 0 : undefined\"\n                :aria-label=\"\n                  previewIsButton ? t('builder.edit_block', {}, 'Edit block') : undefined\n                \"\n                @click=\"previewIsButton && openEditor(index)\"\n                @keydown.enter.prevent=\"previewIsButton && openEditor(index)\"\n                @keydown.space.prevent=\"previewIsButton && openEditor(index)\"\n              >\n                <div :class=\"cn(!props.component.interactivePreviews && 'pointer-events-none')\">\n                  <component\n                    :is=\"previewComponentOf(index)\"\n                    v-if=\"previewComponentOf(index)\"\n                    :data=\"item.data\"\n                    :block=\"item.type\"\n                    :index=\"index\"\n                  />\n                  <!-- Server-rendered `Block::preview()` HTML (Blade escapes the data). -->\n                  <!-- eslint-disable-next-line vue/no-v-html -->\n                  <div v-else v-html=\"serverItemOf(index)?.preview ?? ''\" />\n                </div>\n              </div>\n              <div v-else class=\"p-4\">\n                <SchemaRenderer\n                  :components=\"builderItemSchema(props.component, items, index)\"\n                  :columns=\"\n                    blockOf(item.type)?.columns ??\n                    props.component.items[index]?.columns ?? { default: 1 }\n                  \"\n                />\n              </div>\n            </CollapsibleContent>\n          </Collapsible>\n        </li>\n      </ul>\n      <AddActionRow\n        v-if=\"canAdd && addAction && props.component.blocks.length > 0 && items.length > 0\"\n        :alignment=\"props.component.addActionAlignment\"\n      >\n        <BuilderBlockPicker :component=\"props.component\" :items=\"items\" @pick=\"addBlock\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            :disabled=\"addAction?.disabled\"\n            data-slot=\"builder-add\"\n            ><Icon v-if=\"addAction?.icon\" :name=\"addAction.icon\" /> {{ addAction?.label }}</Button\n          >\n        </BuilderBlockPicker>\n      </AddActionRow>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"BuilderField.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_unref","_openBlock","_createBlock","DeferredSchema","_withCtx","_createVNode","FieldWrapper","_createElementVNode","_toDisplayString","_createElementBlock","BuilderBlockPickerPanel","_createCommentVNode","CollapseAllActions","_normalizeStyle","_normalizeClass","_Fragment","_renderList","Collapsible","Icon","ItemHeaderActions","Button","BuilderBlockActionsMenu","CollapsibleContent","_withKeys","_withModifiers","_resolveDynamicComponent","SchemaRenderer","AddActionRow","BuilderBlockPicker","_createTextVNode","Icon_default","Button_default","SchemaRenderer_default","DeferredSchema_default","FieldWrapper_default","Collapsible_default","CollapsibleContent_default","AddActionRow_default","CollapseAllActions_default","ItemHeaderActions_default","BuilderBlockActionsMenu_default","BuilderBlockPickerPanel_default","BuilderBlockPicker_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","_hoisted_17","BuilderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","formatter","useFormatter","registry","useOptionalRegistry","form","useOptionalFormStore","context","useFieldActionContext","runItemAction","useRunItemAction","fallbacks","useItemActionFallbacks","serverItemOf","server","index","items","resolve","resolveItemAction","name","fieldDisabled","useField","locked","computed","readOnly","builderItems","value","collapsed","ref","editing","dragIndex","virtual","useVirtualList","virtualizeOptions","VIRTUAL_ESTIMATES","visibleItems","blockOf","block","type","isCollapsed","canAdd","canDelete","canClone","item","canAddBuilderBlock","draggable","buttons","addAction","showEmptyPicker","menu","runner","useActionRunner","onMenuAction","moves","cloneItem","removeItem","onMenuExtra","action","itemActionContext","update","setValue","next","moveItem","moveRepeaterItem","from","to","moveIndexedState","useItemMoves","builderItemLabel","moveAnnouncement","moveContainer","removeRepeaterItem","removeIndexedState","cloneRepeaterItem","cloneIndexedState","addBlock","insertBuilderItem","onDrop","reorderedItemKeys","setAllCollapsed","refreshSummaries","indexes","toggleCollapsed","collapse","previewComponentOf","hasPreview","showPreview","toggleEditing","open","openEditor","previewIsButton","_component_BuilderField","resolveComponent","unref","isDeferredPlaceholder","openBlock","createBlock","withCtx","loaded","createVNode","id","error","createElementVNode","toDisplayString","createElementBlock","createCommentVNode","_cache","fieldIds","aria","normalizeStyle","normalizeClass","cn","Fragment","renderList","$event","PencilIcon","withKeys","withModifiers","resolveDynamicComponent","builderItemSchema","createTextVNode"],"sources":["../../../src/components/fields/BuilderField.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","names":["_sfc_main","CheckboxField_vue_vue_type_script_setup_true_lang_default","CheckboxField_default"],"sources":["../../../src/components/fields/CheckboxField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Checkbox from '../ui/Checkbox.vue'\n\nconst props = defineProps<{ component: CheckboxSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<boolean | null>(\n  () => props.component,\n)\n</script>\n\n<template>\n  <FieldWrapper\n    :field=\"props.component\"\n    :html-for=\"id\"\n    :error=\"error\"\n    :inline=\"props.component.inline\"\n  >\n    <Checkbox\n      :id=\"id\"\n      :name=\"props.component.name\"\n      :model-value=\"Boolean(value)\"\n      :disabled=\"disabled || readOnly\"\n      :aria-readonly=\"readOnly || undefined\"\n      :required=\"props.component.required\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      class=\"mt-0.5\"\n      @update:model-value=\"setValue($event === true)\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CheckboxField.js","names":["_sfc_main","CheckboxField_vue_vue_type_script_setup_true_lang_default","CheckboxField_default"],"sources":["../../../src/components/fields/CheckboxField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Checkbox","Checkbox_default","FieldWrapper_default","CheckboxField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","value","disabled","readOnly","aria","_cache","setValue","$event"],"sources":["../../../src/components/fields/CheckboxField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Checkbox from '../ui/Checkbox.vue'\n\nconst props = defineProps<{ component: CheckboxSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<boolean | null>(\n  () => props.component,\n)\n</script>\n\n<template>\n  <FieldWrapper\n    :field=\"props.component\"\n    :html-for=\"id\"\n    :error=\"error\"\n    :inline=\"props.component.inline\"\n  >\n    <Checkbox\n      :id=\"id\"\n      :name=\"props.component.name\"\n      :model-value=\"Boolean(value)\"\n      :disabled=\"disabled || readOnly\"\n      :aria-readonly=\"readOnly || undefined\"\n      :required=\"props.component.required\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      class=\"mt-0.5\"\n      @update:model-value=\"setValue($event === true)\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDF,EAAM,SACd;oBAIEV,EAAA,GAAAC,EAmBeC,GAAA;GAlBZ,OAAOQ,EAAM;GACb,YAAUP,EAAAa,CAAA;GACV,OAAOb,EAAAc,CAAA;GACP,QAAQP,EAAM,UAAU;;GAEzB,SAAAN,QAYE,CAZFC,EAYEC,GAAA;IAXC,IAAIH,EAAAa,CAAA;IACJ,MAAMN,EAAM,UAAU;IACtB,eAAa,EAAQP,EAAAiB,CAAA;IACrB,UAAUjB,EAAAkB,CAAA,KAAYlB,EAAAmB,CAAA;IACtB,iBAAenB,EAAAmB,CAAA,KAAY,KAAA;IAC3B,UAAUZ,EAAM,UAAU;IAC1B,gBAAcP,EAAAoB,CAAA,CAAI,CAAA;IAClB,oBAAkBpB,EAAAoB,CAAA,CAAI,CAAA;IACtB,iBAAepB,EAAAoB,CAAA,CAAI,CAAA;IACpB,OAAM;IACL,uBAAkB,AAAAC,EAAA,QAAA,MAAErB,EAAAsB,CAAA,CAAQ,CAACC,MAAM,EAAA"}
+{"version":3,"file":"CheckboxField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Checkbox","Checkbox_default","FieldWrapper_default","CheckboxField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","value","disabled","readOnly","aria","_cache","setValue","$event"],"sources":["../../../src/components/fields/CheckboxField.vue"],"mappings":";;;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDF,EAAM,SACd;oBAIEV,EAAA,GAAAC,EAmBeC,GAAA;GAlBZ,OAAOQ,EAAM;GACb,YAAUP,EAAAa,CAAA;GACV,OAAOb,EAAAc,CAAA;GACP,QAAQP,EAAM,UAAU;;GAEzB,SAAAN,QAYE,CAZFC,EAYEC,GAAA;IAXC,IAAIH,EAAAa,CAAA;IACJ,MAAMN,EAAM,UAAU;IACtB,eAAa,EAAQP,EAAAiB,CAAA;IACrB,UAAUjB,EAAAkB,CAAA,KAAYlB,EAAAmB,CAAA;IACtB,iBAAenB,EAAAmB,CAAA,KAAY,KAAA;IAC3B,UAAUZ,EAAM,UAAU;IAC1B,gBAAcP,EAAAoB,CAAA,CAAI,CAAA;IAClB,oBAAkBpB,EAAAoB,CAAA,CAAI,CAAA;IACtB,iBAAepB,EAAAoB,CAAA,CAAI,CAAA;IACpB,OAAM;IACL,uBAAkB,AAAAC,EAAA,QAAA,MAAErB,EAAAsB,CAAA,CAAQ,CAACC,MAAM,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListField.js","names":["_sfc_main","CheckboxListField_vue_vue_type_script_setup_true_lang_default","CheckboxListField_default"],"sources":["../../../src/components/fields/CheckboxListField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxListSchema } from '@alfakit/core'\nimport { fieldIds, gridColumnsClasses, htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useT } from '../../context'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\nconst props = defineProps<{ component: CheckboxListSchema }>()\nconst t = useT()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<Array<\n  string | number\n> | null>(() => props.component)\nconst search = ref('')\n// `searchDebounce()`: the list is filtered by `query`, which trails the input.\nconst query = ref('')\nlet queryTimer: ReturnType<typeof setTimeout> | undefined\n\nwatch(search, (term) => {\n  clearTimeout(queryTimer)\n\n  if (!props.component.searchDebounce) {\n    query.value = term\n\n    return\n  }\n\n  queryTimer = setTimeout(() => (query.value = term), props.component.searchDebounce)\n})\nonBeforeUnmount(() => clearTimeout(queryTimer))\n\nconst selected = computed(() => (value.value ?? []).map(String))\nconst options = computed(() =>\n  props.component.options.flatMap((option) => (isOptionGroup(option) ? option.options : [option])),\n)\nconst visible = computed(() =>\n  options.value.filter((option) =>\n    (props.component.allowHtml ? htmlLabelToText(option.label) : option.label)\n      .toLowerCase()\n      .includes(query.value.toLowerCase()),\n  ),\n)\n\n/**\n * `gridDirection('column')`: options flow down each column (CSS columns). Classes are\n * spelled out so Tailwind generates them.\n */\nconst COLUMN_FLOW_CLASSES: Record<number, string> = {\n  2: 'md:columns-2',\n  3: 'md:columns-3',\n  4: 'md:columns-4',\n  5: 'md:columns-5',\n  6: 'md:columns-6',\n}\nconst columnFlow = computed(\n  () => props.component.gridDirection === 'column' && (props.component.gridColumns ?? 1) > 1,\n)\n\nconst toggle = (key: string, checked: boolean) => {\n  setValue(checked ? [...selected.value, key] : selected.value.filter((item) => item !== key))\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex flex-col gap-2\">\n      <div\n        v-if=\"props.component.searchable || (props.component.bulkToggleable && !readOnly)\"\n        class=\"flex items-center gap-2\"\n      >\n        <Input\n          v-if=\"props.component.searchable\"\n          v-model=\"search\"\n          :placeholder=\"props.component.searchPrompt ?? t('search', {}, 'Search')\"\n          :aria-label=\"props.component.searchPrompt ?? t('search', {}, 'Search')\"\n          class=\"h-8\"\n        />\n        <div v-if=\"props.component.bulkToggleable && !readOnly\" class=\"flex gap-1\">\n          <Button\n            v-if=\"!props.component.selectAllAction?.hidden\"\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            data-slot=\"select-all\"\n            :disabled=\"disabled\"\n            @click=\"\n              setValue(options.filter((option) => !option.disabled).map((option) => option.value))\n            \"\n          >\n            <Icon\n              v-if=\"props.component.selectAllAction?.icon\"\n              :name=\"props.component.selectAllAction.icon\"\n            />\n            {{ props.component.selectAllAction?.label ?? t('table.select_all', {}, 'Select all') }}\n          </Button>\n          <Button\n            v-if=\"!props.component.deselectAllAction?.hidden\"\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            data-slot=\"deselect-all\"\n            :disabled=\"disabled\"\n            @click=\"setValue([])\"\n          >\n            <Icon\n              v-if=\"props.component.deselectAllAction?.icon\"\n              :name=\"props.component.deselectAllAction.icon\"\n            />\n            {{\n              props.component.deselectAllAction?.label ??\n              t('table.deselect_all', {}, 'Deselect all')\n            }}\n          </Button>\n        </div>\n      </div>\n      <div\n        :data-grid-direction=\"props.component.gridDirection\"\n        :class=\"\n          cn(\n            props.component.inline\n              ? 'flex flex-wrap gap-4'\n              : columnFlow\n                ? cn(\n                    'gap-x-3 *:mb-3 *:break-inside-avoid',\n                    COLUMN_FLOW_CLASSES[props.component.gridColumns ?? 1],\n                  )\n                : 'grid gap-3',\n            !props.component.inline &&\n              !columnFlow &&\n              gridColumnsClasses(\n                props.component.gridColumns\n                  ? { default: 1, md: props.component.gridColumns }\n                  : { default: 1 },\n              ),\n          )\n        \"\n        role=\"group\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n      >\n        <div v-for=\"option in visible\" :key=\"option.value\" class=\"flex items-start gap-2\">\n          <Checkbox\n            :id=\"`${id}-${option.value}`\"\n            :model-value=\"selected.includes(option.value)\"\n            :disabled=\"disabled || readOnly || option.disabled\"\n            :aria-invalid=\"aria['aria-invalid']\"\n            class=\"mt-0.5\"\n            @update:model-value=\"toggle(option.value, $event === true)\"\n          />\n          <div class=\"grid gap-0.5\">\n            <Label\n              :for=\"`${id}-${option.value}`\"\n              :class=\"cn('font-normal', option.color && textColorClasses[option.color])\"\n              ><Icon v-if=\"option.icon\" :name=\"option.icon\" class=\"size-4\" /><span\n                v-if=\"props.component.allowHtml\"\n                v-html=\"option.label\"\n              /><template v-else>{{ option.label }}</template></Label\n            >\n            <p v-if=\"option.description\" class=\"text-muted-foreground text-xs\">\n              {{ option.description }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <p\n        v-if=\"props.component.searchable && query !== '' && visible.length === 0\"\n        data-slot=\"checkbox-list-empty\"\n        role=\"status\"\n        class=\"text-muted-foreground text-sm\"\n      >\n        {{ props.component.noSearchResultsMessage ?? t('no_results', {}, 'No results.') }}\n      </p>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CheckboxListField.js","names":["_sfc_main","CheckboxListField_vue_vue_type_script_setup_true_lang_default","CheckboxListField_default"],"sources":["../../../src/components/fields/CheckboxListField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/CheckboxListField.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAcvD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,kBAAkB,CAAA;CAAE,CAAC;;AAmXrD,wBAMG"}
+{"version":3,"file":"CheckboxListField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/CheckboxListField.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAcvD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,kBAAkB,CAAA;CAAE,CAAC;;AAsXrD,wBAMG"}

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

@@ -13,10 +13,10 @@ import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _
 //#region src/components/fields/CheckboxListField.vue?vue&type=script&setup=true&lang.ts
 var M = { class: "flex flex-col gap-2" }, N = {
 	key: 0,
-	class: "flex items-center gap-2"
+	class: "flex min-w-0 flex-wrap items-center gap-2"
 }, ee = {
 	key: 1,
-	class: "flex gap-1"
+	class: "flex flex-wrap gap-1"
 }, te = [
 	"data-grid-direction",
 	"aria-labelledby",

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createElementBlock","Input","_createCommentVNode","Button","Icon","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_renderList","_createVNode","Checkbox","Label","Icon_default","Button_default","Checkbox_default","Input_default","Label_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","CheckboxListField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","search","ref","query","queryTimer","watch","term","onBeforeUnmount","selected","computed","value","options","isOptionGroup","option","visible","htmlLabelToText","COLUMN_FLOW_CLASSES","columnFlow","toggle","checked","key","item","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","readOnly","createElementBlock","_cache","$event","createCommentVNode","disabled","setValue","createTextVNode","toDisplayString","normalizeClass","cn","gridColumnsClasses","fieldIds","aria","Fragment","renderList","createVNode","textColorClasses"],"sources":["../../../src/components/fields/CheckboxListField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxListSchema } from '@alfakit/core'\nimport { fieldIds, gridColumnsClasses, htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useT } from '../../context'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\nconst props = defineProps<{ component: CheckboxListSchema }>()\nconst t = useT()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<Array<\n  string | number\n> | null>(() => props.component)\nconst search = ref('')\n// `searchDebounce()`: the list is filtered by `query`, which trails the input.\nconst query = ref('')\nlet queryTimer: ReturnType<typeof setTimeout> | undefined\n\nwatch(search, (term) => {\n  clearTimeout(queryTimer)\n\n  if (!props.component.searchDebounce) {\n    query.value = term\n\n    return\n  }\n\n  queryTimer = setTimeout(() => (query.value = term), props.component.searchDebounce)\n})\nonBeforeUnmount(() => clearTimeout(queryTimer))\n\nconst selected = computed(() => (value.value ?? []).map(String))\nconst options = computed(() =>\n  props.component.options.flatMap((option) => (isOptionGroup(option) ? option.options : [option])),\n)\nconst visible = computed(() =>\n  options.value.filter((option) =>\n    (props.component.allowHtml ? htmlLabelToText(option.label) : option.label)\n      .toLowerCase()\n      .includes(query.value.toLowerCase()),\n  ),\n)\n\n/**\n * `gridDirection('column')`: options flow down each column (CSS columns). Classes are\n * spelled out so Tailwind generates them.\n */\nconst COLUMN_FLOW_CLASSES: Record<number, string> = {\n  2: 'md:columns-2',\n  3: 'md:columns-3',\n  4: 'md:columns-4',\n  5: 'md:columns-5',\n  6: 'md:columns-6',\n}\nconst columnFlow = computed(\n  () => props.component.gridDirection === 'column' && (props.component.gridColumns ?? 1) > 1,\n)\n\nconst toggle = (key: string, checked: boolean) => {\n  setValue(checked ? [...selected.value, key] : selected.value.filter((item) => item !== key))\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex flex-col gap-2\">\n      <div\n        v-if=\"props.component.searchable || (props.component.bulkToggleable && !readOnly)\"\n        class=\"flex items-center gap-2\"\n      >\n        <Input\n          v-if=\"props.component.searchable\"\n          v-model=\"search\"\n          :placeholder=\"props.component.searchPrompt ?? t('search', {}, 'Search')\"\n          :aria-label=\"props.component.searchPrompt ?? t('search', {}, 'Search')\"\n          class=\"h-8\"\n        />\n        <div v-if=\"props.component.bulkToggleable && !readOnly\" class=\"flex gap-1\">\n          <Button\n            v-if=\"!props.component.selectAllAction?.hidden\"\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            data-slot=\"select-all\"\n            :disabled=\"disabled\"\n            @click=\"\n              setValue(options.filter((option) => !option.disabled).map((option) => option.value))\n            \"\n          >\n            <Icon\n              v-if=\"props.component.selectAllAction?.icon\"\n              :name=\"props.component.selectAllAction.icon\"\n            />\n            {{ props.component.selectAllAction?.label ?? t('table.select_all', {}, 'Select all') }}\n          </Button>\n          <Button\n            v-if=\"!props.component.deselectAllAction?.hidden\"\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            data-slot=\"deselect-all\"\n            :disabled=\"disabled\"\n            @click=\"setValue([])\"\n          >\n            <Icon\n              v-if=\"props.component.deselectAllAction?.icon\"\n              :name=\"props.component.deselectAllAction.icon\"\n            />\n            {{\n              props.component.deselectAllAction?.label ??\n              t('table.deselect_all', {}, 'Deselect all')\n            }}\n          </Button>\n        </div>\n      </div>\n      <div\n        :data-grid-direction=\"props.component.gridDirection\"\n        :class=\"\n          cn(\n            props.component.inline\n              ? 'flex flex-wrap gap-4'\n              : columnFlow\n                ? cn(\n                    'gap-x-3 *:mb-3 *:break-inside-avoid',\n                    COLUMN_FLOW_CLASSES[props.component.gridColumns ?? 1],\n                  )\n                : 'grid gap-3',\n            !props.component.inline &&\n              !columnFlow &&\n              gridColumnsClasses(\n                props.component.gridColumns\n                  ? { default: 1, md: props.component.gridColumns }\n                  : { default: 1 },\n              ),\n          )\n        \"\n        role=\"group\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n      >\n        <div v-for=\"option in visible\" :key=\"option.value\" class=\"flex items-start gap-2\">\n          <Checkbox\n            :id=\"`${id}-${option.value}`\"\n            :model-value=\"selected.includes(option.value)\"\n            :disabled=\"disabled || readOnly || option.disabled\"\n            :aria-invalid=\"aria['aria-invalid']\"\n            class=\"mt-0.5\"\n            @update:model-value=\"toggle(option.value, $event === true)\"\n          />\n          <div class=\"grid gap-0.5\">\n            <Label\n              :for=\"`${id}-${option.value}`\"\n              :class=\"cn('font-normal', option.color && textColorClasses[option.color])\"\n              ><Icon v-if=\"option.icon\" :name=\"option.icon\" class=\"size-4\" /><span\n                v-if=\"props.component.allowHtml\"\n                v-html=\"option.label\"\n              /><template v-else>{{ option.label }}</template></Label\n            >\n            <p v-if=\"option.description\" class=\"text-muted-foreground text-xs\">\n              {{ option.description }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <p\n        v-if=\"props.component.searchable && query !== '' && visible.length === 0\"\n        data-slot=\"checkbox-list-empty\"\n        role=\"status\"\n        class=\"text-muted-foreground text-sm\"\n      >\n        {{ props.component.noSearchResultsMessage ?? t('no_results', {}, 'No results.') }}\n      </p>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CheckboxListField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createElementBlock","Input","_createCommentVNode","Button","Icon","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_renderList","_createVNode","Checkbox","Label","Icon_default","Button_default","Checkbox_default","Input_default","Label_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","CheckboxListField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","search","ref","query","queryTimer","watch","term","onBeforeUnmount","selected","computed","value","options","isOptionGroup","option","visible","htmlLabelToText","COLUMN_FLOW_CLASSES","columnFlow","toggle","checked","key","item","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","readOnly","createElementBlock","_cache","$event","createCommentVNode","disabled","setValue","createTextVNode","toDisplayString","normalizeClass","cn","gridColumnsClasses","fieldIds","aria","Fragment","renderList","createVNode","textColorClasses"],"sources":["../../../src/components/fields/CheckboxListField.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorField.js","names":["_sfc_main","CodeEditorField_vue_vue_type_script_setup_true_lang_default","CodeEditorField_default"],"sources":["../../../src/components/fields/CodeEditorField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CodeEditorSchema, TextEdit } from '@alfakit/core'\nimport { countCodeLines, highlightCode, indentCode, newlineWithIndent } from '@alfakit/core'\nimport { computed, nextTick } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport { codeTokenClasses } from './code-tokens'\n\n/**\n * A textarea layered over its highlighted copy: the browser keeps native editing,\n * selection, undo and screen reader support, and the copy underneath shows the colours.\n * Tab indents (Shift+Tab outdents); Escape then Tab moves focus on.\n */\nconst props = defineProps<{ component: CodeEditorSchema }>()\nconst t = useT()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst code = computed(() => (typeof value.value === 'string' ? value.value : ''))\nconst tokens = computed(() => highlightCode(code.value, props.component.language))\nconst lines = computed(() => countCodeLines(code.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst hintId = `${id}-tab-hint`\nconst describedBy = computed(\n  () =>\n    [aria.value['aria-describedby'], locked.value ? null : hintId].filter(Boolean).join(' ') ||\n    undefined,\n)\nlet releaseTab = false\n\nconst layer = computed(() =>\n  cn(\n    'col-start-1 row-start-1 m-0 min-w-0 border-0 p-3 font-mono text-sm leading-6',\n    props.component.wrap ? 'break-words whitespace-pre-wrap' : 'whitespace-pre',\n  ),\n)\nconst inputClass = computed(() =>\n  cn(\n    layer.value,\n    'caret-foreground placeholder:text-muted-foreground selection:bg-primary/25 resize-none overflow-hidden bg-transparent text-transparent outline-none selection:text-transparent',\n  ),\n)\n\nconst apply = async (target: HTMLTextAreaElement, edit: TextEdit) => {\n  setValue(edit.value)\n  await nextTick()\n  target.setSelectionRange(edit.selectionStart, edit.selectionEnd)\n}\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (locked.value) return\n\n  const target = event.currentTarget as HTMLTextAreaElement\n\n  if (event.key === 'Escape') {\n    releaseTab = true\n    return\n  }\n\n  if (event.key === 'Tab' && !releaseTab) {\n    event.preventDefault()\n    void apply(\n      target,\n      indentCode(\n        code.value,\n        target.selectionStart,\n        target.selectionEnd,\n        props.component.tabSize,\n        event.shiftKey,\n      ),\n    )\n  } else if (event.key === 'Enter' && !event.shiftKey && !event.metaKey && !event.ctrlKey) {\n    event.preventDefault()\n    void apply(target, newlineWithIndent(code.value, target.selectionStart, target.selectionEnd))\n  }\n\n  releaseTab = false\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      dir=\"ltr\"\n      data-slot=\"code-editor\"\n      :data-language=\"props.component.language\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 flex overflow-auto rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] focus-within:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n      :style=\"{\n        minHeight: props.component.minHeight ? `${props.component.minHeight}px` : undefined,\n        maxHeight: props.component.maxHeight ? `${props.component.maxHeight}px` : undefined,\n      }\"\n    >\n      <div\n        v-if=\"props.component.lineNumbers\"\n        aria-hidden=\"true\"\n        class=\"bg-muted/40 text-muted-foreground sticky start-0 shrink-0 border-e py-3 ps-3 pe-2 text-end font-mono text-sm leading-6 select-none\"\n      >\n        <div v-for=\"line in lines\" :key=\"line\">{{ line }}</div>\n      </div>\n      <div class=\"grid min-w-0 flex-1\">\n        <pre\n          aria-hidden=\"true\"\n          :class=\"cn(layer, 'pointer-events-none')\"\n        ><template v-for=\"(token, index) in tokens\" :key=\"index\"><span v-if=\"token.kind !== 'plain'\" :class=\"codeTokenClasses[token.kind]\">{{ token.text }}</span><template v-else>{{ token.text }}</template></template>{{ '\\n' }}</pre>\n        <textarea\n          :id=\"id\"\n          :name=\"props.component.name\"\n          :value=\"code\"\n          :disabled=\"disabled\"\n          :readonly=\"readOnly\"\n          :required=\"props.component.required\"\n          :autofocus=\"props.component.autofocus\"\n          :maxlength=\"props.component.maxLength\"\n          :placeholder=\"props.component.placeholder\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          :wrap=\"props.component.wrap ? 'soft' : 'off'\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-describedby=\"describedBy\"\n          v-bind=\"props.component.extraInputAttributes\"\n          :class=\"inputClass\"\n          :style=\"{ tabSize: props.component.tabSize }\"\n          @input=\"setValue(($event.target as HTMLTextAreaElement).value)\"\n          @keydown=\"onKeydown\"\n          @blur=\"blur()\"\n        />\n      </div>\n    </div>\n    <span v-if=\"!locked\" :id=\"hintId\" class=\"sr-only\">{{\n      t('code_editor.tab_hint', {}, 'Tab indents. Press Escape, then Tab, to leave the editor.')\n    }}</span>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CodeEditorField.js","names":["_sfc_main","CodeEditorField_vue_vue_type_script_setup_true_lang_default","CodeEditorField_default"],"sources":["../../../src/components/fields/CodeEditorField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createTextVNode","_mergeProps","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","CodeEditorField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","code","computed","value","tokens","highlightCode","lines","countCodeLines","locked","disabled","readOnly","hintId","id","describedBy","aria","releaseTab","layer","cn","inputClass","apply","setValue","edit","nextTick","target","onKeydown","event","indentCode","newlineWithIndent","openBlock","createBlock","unref","error","withCtx","createElementVNode","normalizeClass","normalizeStyle","createElementBlock","Fragment","renderList","line","toDisplayString","createCommentVNode","index","token","createTextVNode","codeTokenClasses","_cache","mergeProps","$event","blur"],"sources":["../../../src/components/fields/CodeEditorField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CodeEditorSchema, TextEdit } from '@alfakit/core'\nimport { countCodeLines, highlightCode, indentCode, newlineWithIndent } from '@alfakit/core'\nimport { computed, nextTick } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport { codeTokenClasses } from './code-tokens'\n\n/**\n * A textarea layered over its highlighted copy: the browser keeps native editing,\n * selection, undo and screen reader support, and the copy underneath shows the colours.\n * Tab indents (Shift+Tab outdents); Escape then Tab moves focus on.\n */\nconst props = defineProps<{ component: CodeEditorSchema }>()\nconst t = useT()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst code = computed(() => (typeof value.value === 'string' ? value.value : ''))\nconst tokens = computed(() => highlightCode(code.value, props.component.language))\nconst lines = computed(() => countCodeLines(code.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst hintId = `${id}-tab-hint`\nconst describedBy = computed(\n  () =>\n    [aria.value['aria-describedby'], locked.value ? null : hintId].filter(Boolean).join(' ') ||\n    undefined,\n)\nlet releaseTab = false\n\nconst layer = computed(() =>\n  cn(\n    'col-start-1 row-start-1 m-0 min-w-0 border-0 p-3 font-mono text-sm leading-6',\n    props.component.wrap ? 'break-words whitespace-pre-wrap' : 'whitespace-pre',\n  ),\n)\nconst inputClass = computed(() =>\n  cn(\n    layer.value,\n    'caret-foreground placeholder:text-muted-foreground selection:bg-primary/25 resize-none overflow-hidden bg-transparent text-transparent outline-none selection:text-transparent',\n  ),\n)\n\nconst apply = async (target: HTMLTextAreaElement, edit: TextEdit) => {\n  setValue(edit.value)\n  await nextTick()\n  target.setSelectionRange(edit.selectionStart, edit.selectionEnd)\n}\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (locked.value) return\n\n  const target = event.currentTarget as HTMLTextAreaElement\n\n  if (event.key === 'Escape') {\n    releaseTab = true\n    return\n  }\n\n  if (event.key === 'Tab' && !releaseTab) {\n    event.preventDefault()\n    void apply(\n      target,\n      indentCode(\n        code.value,\n        target.selectionStart,\n        target.selectionEnd,\n        props.component.tabSize,\n        event.shiftKey,\n      ),\n    )\n  } else if (event.key === 'Enter' && !event.shiftKey && !event.metaKey && !event.ctrlKey) {\n    event.preventDefault()\n    void apply(target, newlineWithIndent(code.value, target.selectionStart, target.selectionEnd))\n  }\n\n  releaseTab = false\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      dir=\"ltr\"\n      data-slot=\"code-editor\"\n      :data-language=\"props.component.language\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 flex overflow-auto rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] focus-within:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n      :style=\"{\n        minHeight: props.component.minHeight ? `${props.component.minHeight}px` : undefined,\n        maxHeight: props.component.maxHeight ? `${props.component.maxHeight}px` : undefined,\n      }\"\n    >\n      <div\n        v-if=\"props.component.lineNumbers\"\n        aria-hidden=\"true\"\n        class=\"bg-muted/40 text-muted-foreground sticky start-0 shrink-0 border-e py-3 ps-3 pe-2 text-end font-mono text-sm leading-6 select-none\"\n      >\n        <div v-for=\"line in lines\" :key=\"line\">{{ line }}</div>\n      </div>\n      <div class=\"grid min-w-0 flex-1\">\n        <pre\n          aria-hidden=\"true\"\n          :class=\"cn(layer, 'pointer-events-none')\"\n        ><template v-for=\"(token, index) in tokens\" :key=\"index\"><span v-if=\"token.kind !== 'plain'\" :class=\"codeTokenClasses[token.kind]\">{{ token.text }}</span><template v-else>{{ token.text }}</template></template>{{ '\\n' }}</pre>\n        <textarea\n          :id=\"id\"\n          :name=\"props.component.name\"\n          :value=\"code\"\n          :disabled=\"disabled\"\n          :readonly=\"readOnly\"\n          :required=\"props.component.required\"\n          :autofocus=\"props.component.autofocus\"\n          :maxlength=\"props.component.maxLength\"\n          :placeholder=\"props.component.placeholder\"\n          spellcheck=\"false\"\n          autocapitalize=\"off\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          :wrap=\"props.component.wrap ? 'soft' : 'off'\"\n          :aria-invalid=\"aria['aria-invalid']\"\n          :aria-required=\"aria['aria-required']\"\n          :aria-describedby=\"describedBy\"\n          v-bind=\"props.component.extraInputAttributes\"\n          :class=\"inputClass\"\n          :style=\"{ tabSize: props.component.tabSize }\"\n          @input=\"setValue(($event.target as HTMLTextAreaElement).value)\"\n          @keydown=\"onKeydown\"\n          @blur=\"blur()\"\n        />\n      </div>\n    </div>\n    <span v-if=\"!locked\" :id=\"hintId\" class=\"sr-only\">{{\n      t('code_editor.tab_hint', {}, 'Tab indents. Press Escape, then Tab, to leave the editor.')\n    }}</span>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CodeEditorField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createTextVNode","_mergeProps","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","CodeEditorField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","code","computed","value","tokens","highlightCode","lines","countCodeLines","locked","disabled","readOnly","hintId","id","describedBy","aria","releaseTab","layer","cn","inputClass","apply","setValue","edit","nextTick","target","onKeydown","event","indentCode","newlineWithIndent","openBlock","createBlock","unref","error","withCtx","createElementVNode","normalizeClass","normalizeStyle","createElementBlock","Fragment","renderList","line","toDisplayString","createCommentVNode","index","token","createTextVNode","codeTokenClasses","_cache","mergeProps","$event","blur"],"sources":["../../../src/components/fields/CodeEditorField.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorPlaceholder.js","names":["_sfc_main","CodeEditorPlaceholder_vue_vue_type_script_setup_true_lang_default","CodeEditorPlaceholder_default"],"sources":["../../../src/components/fields/CodeEditorPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CodeEditorSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/** What the server renders and hydration shows: the code, read-only and unhighlighted. */\nconst props = defineProps<{ component: CodeEditorSchema }>()\nconst { value, error, id } = useField<string | null>(() => props.component)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <pre\n      dir=\"ltr\"\n      data-slot=\"code-editor\"\n      aria-busy=\"true\"\n      class=\"border-input dark:bg-input/30 m-0 overflow-auto rounded-md border p-3 font-mono text-sm leading-6 whitespace-pre\"\n      :style=\"{\n        minHeight: props.component.minHeight ? `${props.component.minHeight}px` : undefined,\n        maxHeight: props.component.maxHeight ? `${props.component.maxHeight}px` : undefined,\n      }\"\n      >{{ typeof value === 'string' ? value : '' }}{{ '\\n' }}</pre>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CodeEditorPlaceholder.js","names":["_sfc_main","CodeEditorPlaceholder_vue_vue_type_script_setup_true_lang_default","CodeEditorPlaceholder_default"],"sources":["../../../src/components/fields/CodeEditorPlaceholder.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeStyle","_toDisplayString","FieldWrapper_default","CodeEditorPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeStyle","toDisplayString","value"],"sources":["../../../src/components/fields/CodeEditorPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CodeEditorSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/** What the server renders and hydration shows: the code, read-only and unhighlighted. */\nconst props = defineProps<{ component: CodeEditorSchema }>()\nconst { value, error, id } = useField<string | null>(() => props.component)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <pre\n      dir=\"ltr\"\n      data-slot=\"code-editor\"\n      aria-busy=\"true\"\n      class=\"border-input dark:bg-input/30 m-0 overflow-auto rounded-md border p-3 font-mono text-sm leading-6 whitespace-pre\"\n      :style=\"{\n        minHeight: props.component.minHeight ? `${props.component.minHeight}px` : undefined,\n        maxHeight: props.component.maxHeight ? `${props.component.maxHeight}px` : undefined,\n      }\"\n      >{{ typeof value === 'string' ? value : '' }}{{ '\\n' }}</pre>\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,UAAO,UAAOC,QAA8BF,EAAM,SAAS;oBAIxEV,EAAA,GAAAC,EAWeC,GAAA;GAXA,OAAOQ,EAAM;GAAY,YAAUP,EAAAa,CAAA;GAAK,OAAOb,EAAAc,CAAA;;GAC5D,SAAAb,QAS+D,CAT/DC,EAS+D,OAAA;IAR7D,KAAI;IACJ,aAAU;IACV,aAAU;IACV,OAAM;IACL,OAAKC,EAAA;KAAuB,WAAAI,EAAM,UAAU,YAAS,GAAMA,EAAM,UAAU,UAAS,MAAO,KAAA;KAA8B,WAAAA,EAAM,UAAU,YAAS,GAAMA,EAAM,UAAU,UAAS,MAAO,KAAA;;GAI9K,GAAAH,EAAA,OAAAJ,EAAAmB,CAAA,KAAK,WAAgBnB,EAAAmB,CAAA,IAAK,EAAA,IAAAf,EAAW,IAAI,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"CodeEditorPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeStyle","_toDisplayString","FieldWrapper_default","CodeEditorPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeStyle","toDisplayString","value"],"sources":["../../../src/components/fields/CodeEditorPlaceholder.vue"],"mappings":";;;;;;;;EAMA,IAAMU,IAAQC,GACR,EAAE,UAAO,UAAO,UAAOC,QAA8BF,EAAM,SAAS;oBAIxEV,EAAA,GAAAC,EAWeC,GAAA;GAXA,OAAOQ,EAAM;GAAY,YAAUP,EAAAa,CAAA;GAAK,OAAOb,EAAAc,CAAA;;GAC5D,SAAAb,QAS+D,CAT/DC,EAS+D,OAAA;IAR7D,KAAI;IACJ,aAAU;IACV,aAAU;IACV,OAAM;IACL,OAAKC,EAAA;KAAuB,WAAAI,EAAM,UAAU,YAAS,GAAMA,EAAM,UAAU,UAAS,MAAO,KAAA;KAA8B,WAAAA,EAAM,UAAU,YAAS,GAAMA,EAAM,UAAU,UAAS,MAAO,KAAA;;GAI9K,GAAAH,EAAA,OAAAJ,EAAAmB,CAAA,KAAK,WAAgBnB,EAAAmB,CAAA,IAAK,EAAA,IAAAf,EAAW,IAAI,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseAllActions.js","names":["_sfc_main","CollapseAllActions_vue_vue_type_script_setup_true_lang_default","CollapseAllActions_default"],"sources":["../../../src/components/fields/CollapseAllActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ItemActionSchema } from '@alfakit/core'\nimport ItemActionButton from './ItemActionButton.vue'\n\n/** \"Collapse all\" / \"Expand all\" above collapsible items. */\nconst props = defineProps<{\n  context: ActionContext\n  collapseAll: ItemActionSchema | null\n  expandAll: ItemActionSchema | null\n}>()\nconst emit = defineEmits<{ collapseAll: []; expandAll: [] }>()\n</script>\n\n<template>\n  <div\n    v-if=\"props.collapseAll || props.expandAll\"\n    class=\"flex justify-end gap-3\"\n    data-slot=\"item-collapse-actions\"\n  >\n    <ItemActionButton\n      :action=\"props.collapseAll\"\n      :context=\"props.context\"\n      @client=\"emit('collapseAll')\"\n    />\n    <ItemActionButton\n      :action=\"props.expandAll\"\n      :context=\"props.context\"\n      @client=\"emit('expandAll')\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CollapseAllActions.js","names":["_sfc_main","CollapseAllActions_vue_vue_type_script_setup_true_lang_default","CollapseAllActions_default"],"sources":["../../../src/components/fields/CollapseAllActions.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseAllActions.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","ItemActionButton","_createCommentVNode","ItemActionButton_default","_hoisted_1","CollapseAllActions_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","openBlock","createElementBlock","createVNode","_cache","createCommentVNode"],"sources":["../../../src/components/fields/CollapseAllActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ItemActionSchema } from '@alfakit/core'\nimport ItemActionButton from './ItemActionButton.vue'\n\n/** \"Collapse all\" / \"Expand all\" above collapsible items. */\nconst props = defineProps<{\n  context: ActionContext\n  collapseAll: ItemActionSchema | null\n  expandAll: ItemActionSchema | null\n}>()\nconst emit = defineEmits<{ collapseAll: []; expandAll: [] }>()\n</script>\n\n<template>\n  <div\n    v-if=\"props.collapseAll || props.expandAll\"\n    class=\"flex justify-end gap-3\"\n    data-slot=\"item-collapse-actions\"\n  >\n    <ItemActionButton\n      :action=\"props.collapseAll\"\n      :context=\"props.context\"\n      @client=\"emit('collapseAll')\"\n    />\n    <ItemActionButton\n      :action=\"props.expandAll\"\n      :context=\"props.context\"\n      @client=\"emit('expandAll')\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAKA,IAAMS,IAAQC,GAKRC,IAAOH;mBAKHC,EAAM,eAAeA,EAAM,aADnCT,EAAA,GAAAC,EAeM,OAfNK,GAeM,CAVJJ,EAIEC,GAAA;GAHC,QAAQM,EAAM;GACd,SAASA,EAAM;GACf,UAAM,AAAAM,EAAA,QAAA,MAAEJ,EAAI,aAAA;EAEfT,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,SAAAA,CAAAA,GAAAA,EAIEC,GAAA;GAHC,QAAQM,EAAM;GACd,SAASA,EAAM;GACf,UAAM,AAAAM,EAAA,QAAA,MAAEJ,EAAI,WAAA"}
+{"version":3,"file":"CollapseAllActions.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","ItemActionButton","_createCommentVNode","ItemActionButton_default","_hoisted_1","CollapseAllActions_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","openBlock","createElementBlock","createVNode","_cache","createCommentVNode"],"sources":["../../../src/components/fields/CollapseAllActions.vue"],"mappings":";;;;;;;;;;;;;;;;EAKA,IAAMS,IAAQC,GAKRC,IAAOH;mBAKHC,EAAM,eAAeA,EAAM,aADnCT,EAAA,GAAAC,EAeM,OAfNK,GAeM,CAVJJ,EAIEC,GAAA;GAHC,QAAQM,EAAM;GACd,SAASA,EAAM;GACf,UAAM,AAAAM,EAAA,QAAA,MAAEJ,EAAI,aAAA;EAEfT,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,SAAAA,CAAAA,GAAAA,EAIEC,GAAA;GAHC,QAAQM,EAAM;GACd,SAASA,EAAM;GACf,UAAM,AAAAM,EAAA,QAAA,MAAEJ,EAAI,WAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerField.js","names":["_sfc_main","ColorPickerField_vue_vue_type_script_setup_true_lang_default","ColorPickerField_default"],"sources":["../../../src/components/fields/ColorPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColorPickerSchema } from '@alfakit/core'\nimport { colorAlpha, colorToHex, formatColor, withColorAlpha } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Input from '../ui/Input.vue'\nimport { useFormatter, useT } from '../../context'\n\nconst props = defineProps<{ component: ColorPickerSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst isHex = computed(() => props.component.format === 'hex')\nconst swatch = computed(() => colorToHex(value.value) ?? '#000000')\nconst t = useT()\nconst formatter = useFormatter()\n// `rgba()`: the native swatch has no alpha, so a slider sets the opacity.\nconst alpha = computed(() => Math.round(colorAlpha(value.value) * 100))\nconst onAlpha = (event: Event) =>\n  setValue(withColorAlpha(value.value, Number((event.target as HTMLInputElement).value) / 100))\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex items-center gap-2\">\n      <label\n        class=\"border-input relative size-9 shrink-0 cursor-pointer overflow-hidden rounded-md border shadow-xs\"\n        :style=\"{ backgroundColor: value ?? 'transparent' }\"\n        :aria-label=\"t('form.pick_color', {}, 'Pick a colour')\"\n      >\n        <input\n          type=\"color\"\n          :value=\"swatch\"\n          :disabled=\"disabled || readOnly\"\n          class=\"absolute inset-0 size-full cursor-pointer opacity-0\"\n          @input=\"\n            setValue(\n              formatColor(($event.target as HTMLInputElement).value, props.component.format, value),\n            )\n          \"\n          @blur=\"blur\"\n        />\n      </label>\n      <Input\n        :id=\"id\"\n        :name=\"props.component.name\"\n        dir=\"ltr\"\n        :model-value=\"value ?? ''\"\n        :placeholder=\"props.component.placeholder ?? (isHex ? '#000000' : props.component.format)\"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"font-mono\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @update:model-value=\"setValue($event)\"\n        @blur=\"blur\"\n      />\n    </div>\n    <div\n      v-if=\"props.component.format === 'rgba'\"\n      data-slot=\"color-picker-alpha\"\n      class=\"mt-2 flex items-center gap-2\"\n    >\n      <input\n        type=\"range\"\n        min=\"0\"\n        max=\"100\"\n        step=\"1\"\n        :value=\"alpha\"\n        :disabled=\"disabled || readOnly\"\n        :aria-label=\"t('form.color_opacity', {}, 'Opacity')\"\n        :aria-valuetext=\"`${alpha}%`\"\n        class=\"accent-primary h-2 flex-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\"\n        @input=\"onAlpha\"\n        @blur=\"blur\"\n      />\n      <span class=\"text-muted-foreground w-10 text-end text-xs tabular-nums\">{{\n        formatter.percent(alpha / 100)\n      }}</span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ColorPickerField.js","names":["_sfc_main","ColorPickerField_vue_vue_type_script_setup_true_lang_default","ColorPickerField_default"],"sources":["../../../src/components/fields/ColorPickerField.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeStyle","_createVNode","Input","_mergeProps","_createElementBlock","_toDisplayString","_createCommentVNode","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ColorPickerField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isHex","computed","swatch","colorToHex","value","t","useT","formatter","useFormatter","alpha","colorAlpha","onAlpha","setValue","withColorAlpha","event","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeStyle","disabled","readOnly","_cache","formatColor","$event","args","blur","createVNode","mergeProps","aria","createElementBlock","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/ColorPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColorPickerSchema } from '@alfakit/core'\nimport { colorAlpha, colorToHex, formatColor, withColorAlpha } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Input from '../ui/Input.vue'\nimport { useFormatter, useT } from '../../context'\n\nconst props = defineProps<{ component: ColorPickerSchema }>()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string | null>(\n  () => props.component,\n)\nconst isHex = computed(() => props.component.format === 'hex')\nconst swatch = computed(() => colorToHex(value.value) ?? '#000000')\nconst t = useT()\nconst formatter = useFormatter()\n// `rgba()`: the native swatch has no alpha, so a slider sets the opacity.\nconst alpha = computed(() => Math.round(colorAlpha(value.value) * 100))\nconst onAlpha = (event: Event) =>\n  setValue(withColorAlpha(value.value, Number((event.target as HTMLInputElement).value) / 100))\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex items-center gap-2\">\n      <label\n        class=\"border-input relative size-9 shrink-0 cursor-pointer overflow-hidden rounded-md border shadow-xs\"\n        :style=\"{ backgroundColor: value ?? 'transparent' }\"\n        :aria-label=\"t('form.pick_color', {}, 'Pick a colour')\"\n      >\n        <input\n          type=\"color\"\n          :value=\"swatch\"\n          :disabled=\"disabled || readOnly\"\n          class=\"absolute inset-0 size-full cursor-pointer opacity-0\"\n          @input=\"\n            setValue(\n              formatColor(($event.target as HTMLInputElement).value, props.component.format, value),\n            )\n          \"\n          @blur=\"blur\"\n        />\n      </label>\n      <Input\n        :id=\"id\"\n        :name=\"props.component.name\"\n        dir=\"ltr\"\n        :model-value=\"value ?? ''\"\n        :placeholder=\"props.component.placeholder ?? (isHex ? '#000000' : props.component.format)\"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"font-mono\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @update:model-value=\"setValue($event)\"\n        @blur=\"blur\"\n      />\n    </div>\n    <div\n      v-if=\"props.component.format === 'rgba'\"\n      data-slot=\"color-picker-alpha\"\n      class=\"mt-2 flex items-center gap-2\"\n    >\n      <input\n        type=\"range\"\n        min=\"0\"\n        max=\"100\"\n        step=\"1\"\n        :value=\"alpha\"\n        :disabled=\"disabled || readOnly\"\n        :aria-label=\"t('form.color_opacity', {}, 'Opacity')\"\n        :aria-valuetext=\"`${alpha}%`\"\n        class=\"accent-primary h-2 flex-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\"\n        @input=\"onAlpha\"\n        @blur=\"blur\"\n      />\n      <span class=\"text-muted-foreground w-10 text-end text-xs tabular-nums\">{{\n        formatter.percent(alpha / 100)\n      }}</span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ColorPickerField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeStyle","_createVNode","Input","_mergeProps","_createElementBlock","_toDisplayString","_createCommentVNode","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ColorPickerField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","isHex","computed","swatch","colorToHex","value","t","useT","formatter","useFormatter","alpha","colorAlpha","onAlpha","setValue","withColorAlpha","event","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeStyle","disabled","readOnly","_cache","formatColor","$event","args","blur","createVNode","mergeProps","aria","createElementBlock","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/ColorPickerField.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelect.js","names":["_sfc_main","ComboboxSelect_vue_vue_type_script_setup_true_lang_default","ComboboxSelect_default"],"sources":["../../../src/components/fields/ComboboxSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldAriaAttributes, Option, OptionOrGroup, SelectSchema } from '@alfakit/core'\nimport { debounce, htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { CheckIcon, ChevronsUpDownIcon, XIcon } from '@lucide/vue'\nimport { computed, ref, watch } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Command from '../ui/Command.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectReorderList from './SelectReorderList.vue'\n\nfunction flatten(options: OptionOrGroup[]): Option[] {\n  return options.flatMap((option) => (isOptionGroup(option) ? option.options : [option]))\n}\n\nconst props = defineProps<{\n  component: SelectSchema\n  value: string | number | Array<string | number> | null | undefined\n  setValue: (value: string | number | Array<string | number> | null) => void\n  id: string\n  disabled: boolean\n  readOnly?: boolean\n  error?: string\n  aria?: FieldAriaAttributes\n}>()\n\nconst t = useT()\nconst store = useFormStore()\nconst open = ref(false)\nconst search = ref('')\nconst loading = ref(false)\nconst remoteOptions = ref<Option[] | null>(null)\nconst labels = ref<Record<string, string>>({ ...(props.component.selectedLabels ?? {}) })\nlet requestId = 0\n\n// Labels the server sends with a refresh win (e.g. after the edit option modal renamed\n// the selected record).\nwatch(\n  () => props.component.selectedLabels,\n  (incoming) => {\n    if (incoming && Object.keys(incoming).length > 0) {\n      labels.value = { ...labels.value, ...incoming }\n    }\n  },\n)\n\nconst selected = computed<string[]>(() =>\n  Array.isArray(props.value)\n    ? props.value.map(String)\n    : props.value === null || props.value === undefined || props.value === ''\n      ? []\n      : [String(props.value)],\n)\nconst staticOptions = computed(() => flatten(props.component.options))\nconst options = computed(() => remoteOptions.value ?? staticOptions.value)\nconst isRemote = computed(() => Boolean(props.component.searchable))\n\nconst runSearch = debounce((term: string) => {\n  if (!isRemote.value) {\n    return\n  }\n\n  const current = ++requestId\n  loading.value = true\n\n  void store\n    .searchOptions(props.component.statePath, term)\n    .then((results) => {\n      if (current === requestId) {\n        remoteOptions.value = results\n      }\n    })\n    .finally(() => {\n      if (current === requestId) {\n        loading.value = false\n      }\n    })\n}, props.component.searchDebounce ?? 300)\n\nwatch([open, search], ([isOpen, term]) => {\n  if (isOpen && isRemote.value) {\n    runSearch(term)\n  }\n})\n\n// Resolve labels for values we have not seen yet (e.g. after a server refresh).\nwatch(\n  selected,\n  (keys) => {\n    const missing = keys.filter(\n      (key) => !labels.value[key] && !staticOptions.value.some((option) => option.value === key),\n    )\n\n    // Labels are fetched from the browser only, never during a server render.\n    if (missing.length === 0 || !isRemote.value || typeof window === 'undefined') {\n      return\n    }\n\n    void store.optionLabels(props.component.statePath, missing).then((resolved) => {\n      labels.value = { ...labels.value, ...resolved }\n    })\n  },\n  { immediate: true },\n)\n\nconst labelFor = (key: string) =>\n  labels.value[key] ??\n  options.value.find((option) => option.value === key)?.label ??\n  staticOptions.value.find((option) => option.value === key)?.label ??\n  key\n\nconst canRemove = computed(\n  () => !props.component.minItems || selected.value.length > props.component.minItems,\n)\n\nconst toggle = (key: string, label: string) => {\n  labels.value = { ...labels.value, [key]: label }\n\n  if (props.component.multiple) {\n    const next = selected.value.includes(key)\n      ? selected.value.filter((item) => item !== key)\n      : [...selected.value, key]\n\n    if (props.component.maxItems && next.length > props.component.maxItems) {\n      return\n    }\n\n    // `minItems()`: the last required selections cannot be removed.\n    if (\n      props.component.minItems &&\n      next.length < selected.value.length &&\n      next.length < props.component.minItems\n    ) {\n      return\n    }\n\n    props.setValue(next)\n  } else {\n    props.setValue(\n      selected.value.includes(key) && props.component.selectablePlaceholder ? null : key,\n    )\n    open.value = false\n  }\n}\n\nconst filtered = computed(() =>\n  isRemote.value\n    ? options.value\n    : options.value.filter((option) =>\n        (props.component.allowHtml ? htmlLabelToText(option.label) : option.label)\n          .toLowerCase()\n          .includes(search.value.toLowerCase()),\n      ),\n)\n// Nothing to choose from at all (not a search without matches).\nconst isEmpty = computed(() => search.value === '' && options.value.length === 0)\n\nconst onOpenChange = (next: boolean) => {\n  open.value = next\n\n  if (!next) {\n    search.value = ''\n    store.blur(props.component.statePath)\n  }\n}\n\n// `reorderable()`: chosen options are listed under the trigger, where they can be dragged\n// or moved with Alt + arrow keys (chips inside the trigger button can't hold controls).\nconst reorderable = computed(() => Boolean(props.component.multiple && props.component.reorderable))\nconst plainLabelFor = (key: string) =>\n  props.component.allowHtml ? htmlLabelToText(labelFor(key)) : labelFor(key)\n\nconst removeTag = (event: Event, key: string) => {\n  event.stopPropagation()\n  props.setValue(selected.value.filter((item) => item !== key))\n}\n</script>\n\n<template>\n  <Popover :open=\"open\" @update:open=\"onOpenChange\">\n    <PopoverTrigger as-child>\n      <Button\n        :id=\"props.id\"\n        type=\"button\"\n        variant=\"outline\"\n        data-input=\"\"\n        role=\"combobox\"\n        :aria-expanded=\"open\"\n        :aria-invalid=\"props.error ? true : undefined\"\n        :aria-describedby=\"props.aria?.['aria-describedby']\"\n        :aria-required=\"props.aria?.['aria-required']\"\n        :aria-readonly=\"props.readOnly || undefined\"\n        :disabled=\"props.disabled || props.readOnly\"\n        :class=\"\n          cn(\n            'h-auto min-h-9 w-full justify-between px-3 py-1.5 font-normal hover:bg-transparent',\n            props.error && 'border-destructive',\n          )\n        \"\n      >\n        <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1 text-start\">\n          <span v-if=\"selected.length === 0\" class=\"text-muted-foreground\">{{\n            props.component.placeholder ?? t('select_option', {}, 'Select an option')\n          }}</span>\n          <span v-if=\"reorderable && selected.length > 0\" class=\"text-muted-foreground\">{{\n            props.component.placeholder ?? t('select_option', {}, 'Select an option')\n          }}</span>\n          <template v-if=\"props.component.multiple && !reorderable\">\n            <Badge v-for=\"key in selected\" :key=\"key\" variant=\"secondary\" class=\"gap-1 pe-1\">\n              <span v-if=\"props.component.allowHtml\" v-html=\"labelFor(key)\" />\n              <span v-else>{{ labelFor(key) }}</span>\n              <span\n                v-if=\"!props.disabled && !props.readOnly && canRemove\"\n                role=\"button\"\n                tabindex=\"-1\"\n                :aria-label=\"t('remove', {}, 'Remove')\"\n                class=\"hover:bg-foreground/10 rounded-sm\"\n                @click=\"removeTag($event, key)\"\n              >\n                <XIcon class=\"size-3\" />\n              </span>\n            </Badge>\n          </template>\n          <template v-else-if=\"!props.component.multiple && selected[0] !== undefined\">\n            <span\n              v-if=\"props.component.allowHtml\"\n              class=\"truncate\"\n              v-html=\"labelFor(selected[0])\"\n            />\n            <span v-else class=\"truncate\">{{ labelFor(selected[0]) }}</span>\n          </template>\n        </span>\n        <Spinner v-if=\"loading\" class=\"opacity-50\" />\n        <ChevronsUpDownIcon v-else class=\"size-4 shrink-0 opacity-50\" />\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent class=\"w-(--reka-popover-trigger-width) p-0\" align=\"start\">\n      <Command>\n        <CommandInput\n          :model-value=\"search\"\n          :placeholder=\"\n            props.component.searchPrompt ?? t('form.search_placeholder', {}, 'Type to search…')\n          \"\n          @update:model-value=\"search = $event\"\n        />\n        <CommandList>\n          <div\n            v-if=\"loading && filtered.length === 0\"\n            data-slot=\"select-loading\"\n            class=\"text-muted-foreground flex items-center justify-center gap-2 py-6 text-sm\"\n          >\n            <Spinner />\n            {{\n              search !== ''\n                ? (props.component.searchingMessage ?? t('form.searching', {}, 'Searching…'))\n                : (props.component.loadingMessage ?? t('loading', {}, 'Loading…'))\n            }}\n          </div>\n          <CommandEmpty v-else-if=\"filtered.length === 0\">{{\n            isEmpty\n              ? (props.component.noOptionsMessage ??\n                t('form.no_options', {}, 'No options available.'))\n              : (props.component.noSearchResultsMessage ?? t('no_results', {}, 'No results.'))\n          }}</CommandEmpty>\n          <CommandGroup>\n            <CommandItem\n              v-for=\"option in filtered\"\n              :key=\"option.value\"\n              :value=\"option.value\"\n              :disabled=\"option.disabled\"\n              @select=\"toggle(option.value, option.label)\"\n            >\n              <CheckIcon\n                :class=\"cn('size-4', selected.includes(option.value) ? 'opacity-100' : 'opacity-0')\"\n              />\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </CommandItem>\n          </CommandGroup>\n        </CommandList>\n      </Command>\n    </PopoverContent>\n  </Popover>\n  <SelectReorderList\n    v-if=\"reorderable\"\n    :id=\"props.id\"\n    :values=\"Array.isArray(props.value) ? props.value : []\"\n    :label-for=\"plainLabelFor\"\n    :locked=\"props.disabled || Boolean(props.readOnly)\"\n    :can-remove=\"canRemove\"\n    :on-change=\"props.setValue\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ComboboxSelect.js","names":["_sfc_main","ComboboxSelect_vue_vue_type_script_setup_true_lang_default","ComboboxSelect_default"],"sources":["../../../src/components/fields/ComboboxSelect.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","Popover","_withCtx","PopoverTrigger","Button","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_renderList","_createBlock","Badge","Spinner","PopoverContent","Command","CommandInput","CommandList","_createTextVNode","CommandEmpty","CommandGroup","CommandItem","OptionLabel","SelectReorderList","Badge_default","Button_default","Spinner_default","Popover_default","PopoverContent_default","PopoverTrigger_default","Command_default","CommandEmpty_default","CommandGroup_default","CommandInput_default","CommandItem_default","CommandList_default","OptionLabel_default","SelectReorderList_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","ComboboxSelect_vue_vue_type_script_setup_true_lang_default","flatten","options","isOptionGroup","option","props","__props","t","useT","store","useFormStore","open","ref","search","loading","remoteOptions","labels","requestId","incoming","selected","computed","staticOptions","isRemote","runSearch","debounce","current","term","results","watch","isOpen","missing","keys","key","resolved","labelFor","canRemove","toggle","label","next","item","filtered","htmlLabelToText","isEmpty","onOpenChange","reorderable","plainLabelFor","removeTag","event","openBlock","createElementBlock","Fragment","createVNode","withCtx","normalizeClass","unref","cn","createElementVNode","toDisplayString","createCommentVNode","renderList","createBlock","$event","XIcon","ChevronsUpDownIcon","_cache","createTextVNode","CheckIcon"],"sources":["../../../src/components/fields/ComboboxSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldAriaAttributes, Option, OptionOrGroup, SelectSchema } from '@alfakit/core'\nimport { debounce, htmlLabelToText, isOptionGroup } from '@alfakit/core'\nimport { CheckIcon, ChevronsUpDownIcon, XIcon } from '@lucide/vue'\nimport { computed, ref, watch } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Command from '../ui/Command.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport OptionLabel from './OptionLabel.vue'\nimport SelectReorderList from './SelectReorderList.vue'\n\nfunction flatten(options: OptionOrGroup[]): Option[] {\n  return options.flatMap((option) => (isOptionGroup(option) ? option.options : [option]))\n}\n\nconst props = defineProps<{\n  component: SelectSchema\n  value: string | number | Array<string | number> | null | undefined\n  setValue: (value: string | number | Array<string | number> | null) => void\n  id: string\n  disabled: boolean\n  readOnly?: boolean\n  error?: string\n  aria?: FieldAriaAttributes\n}>()\n\nconst t = useT()\nconst store = useFormStore()\nconst open = ref(false)\nconst search = ref('')\nconst loading = ref(false)\nconst remoteOptions = ref<Option[] | null>(null)\nconst labels = ref<Record<string, string>>({ ...(props.component.selectedLabels ?? {}) })\nlet requestId = 0\n\n// Labels the server sends with a refresh win (e.g. after the edit option modal renamed\n// the selected record).\nwatch(\n  () => props.component.selectedLabels,\n  (incoming) => {\n    if (incoming && Object.keys(incoming).length > 0) {\n      labels.value = { ...labels.value, ...incoming }\n    }\n  },\n)\n\nconst selected = computed<string[]>(() =>\n  Array.isArray(props.value)\n    ? props.value.map(String)\n    : props.value === null || props.value === undefined || props.value === ''\n      ? []\n      : [String(props.value)],\n)\nconst staticOptions = computed(() => flatten(props.component.options))\nconst options = computed(() => remoteOptions.value ?? staticOptions.value)\nconst isRemote = computed(() => Boolean(props.component.searchable))\n\nconst runSearch = debounce((term: string) => {\n  if (!isRemote.value) {\n    return\n  }\n\n  const current = ++requestId\n  loading.value = true\n\n  void store\n    .searchOptions(props.component.statePath, term)\n    .then((results) => {\n      if (current === requestId) {\n        remoteOptions.value = results\n      }\n    })\n    .finally(() => {\n      if (current === requestId) {\n        loading.value = false\n      }\n    })\n}, props.component.searchDebounce ?? 300)\n\nwatch([open, search], ([isOpen, term]) => {\n  if (isOpen && isRemote.value) {\n    runSearch(term)\n  }\n})\n\n// Resolve labels for values we have not seen yet (e.g. after a server refresh).\nwatch(\n  selected,\n  (keys) => {\n    const missing = keys.filter(\n      (key) => !labels.value[key] && !staticOptions.value.some((option) => option.value === key),\n    )\n\n    // Labels are fetched from the browser only, never during a server render.\n    if (missing.length === 0 || !isRemote.value || typeof window === 'undefined') {\n      return\n    }\n\n    void store.optionLabels(props.component.statePath, missing).then((resolved) => {\n      labels.value = { ...labels.value, ...resolved }\n    })\n  },\n  { immediate: true },\n)\n\nconst labelFor = (key: string) =>\n  labels.value[key] ??\n  options.value.find((option) => option.value === key)?.label ??\n  staticOptions.value.find((option) => option.value === key)?.label ??\n  key\n\nconst canRemove = computed(\n  () => !props.component.minItems || selected.value.length > props.component.minItems,\n)\n\nconst toggle = (key: string, label: string) => {\n  labels.value = { ...labels.value, [key]: label }\n\n  if (props.component.multiple) {\n    const next = selected.value.includes(key)\n      ? selected.value.filter((item) => item !== key)\n      : [...selected.value, key]\n\n    if (props.component.maxItems && next.length > props.component.maxItems) {\n      return\n    }\n\n    // `minItems()`: the last required selections cannot be removed.\n    if (\n      props.component.minItems &&\n      next.length < selected.value.length &&\n      next.length < props.component.minItems\n    ) {\n      return\n    }\n\n    props.setValue(next)\n  } else {\n    props.setValue(\n      selected.value.includes(key) && props.component.selectablePlaceholder ? null : key,\n    )\n    open.value = false\n  }\n}\n\nconst filtered = computed(() =>\n  isRemote.value\n    ? options.value\n    : options.value.filter((option) =>\n        (props.component.allowHtml ? htmlLabelToText(option.label) : option.label)\n          .toLowerCase()\n          .includes(search.value.toLowerCase()),\n      ),\n)\n// Nothing to choose from at all (not a search without matches).\nconst isEmpty = computed(() => search.value === '' && options.value.length === 0)\n\nconst onOpenChange = (next: boolean) => {\n  open.value = next\n\n  if (!next) {\n    search.value = ''\n    store.blur(props.component.statePath)\n  }\n}\n\n// `reorderable()`: chosen options are listed under the trigger, where they can be dragged\n// or moved with Alt + arrow keys (chips inside the trigger button can't hold controls).\nconst reorderable = computed(() => Boolean(props.component.multiple && props.component.reorderable))\nconst plainLabelFor = (key: string) =>\n  props.component.allowHtml ? htmlLabelToText(labelFor(key)) : labelFor(key)\n\nconst removeTag = (event: Event, key: string) => {\n  event.stopPropagation()\n  props.setValue(selected.value.filter((item) => item !== key))\n}\n</script>\n\n<template>\n  <Popover :open=\"open\" @update:open=\"onOpenChange\">\n    <PopoverTrigger as-child>\n      <Button\n        :id=\"props.id\"\n        type=\"button\"\n        variant=\"outline\"\n        data-input=\"\"\n        role=\"combobox\"\n        :aria-expanded=\"open\"\n        :aria-invalid=\"props.error ? true : undefined\"\n        :aria-describedby=\"props.aria?.['aria-describedby']\"\n        :aria-required=\"props.aria?.['aria-required']\"\n        :aria-readonly=\"props.readOnly || undefined\"\n        :disabled=\"props.disabled || props.readOnly\"\n        :class=\"\n          cn(\n            'h-auto min-h-9 w-full justify-between px-3 py-1.5 font-normal hover:bg-transparent',\n            props.error && 'border-destructive',\n          )\n        \"\n      >\n        <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1 text-start\">\n          <span v-if=\"selected.length === 0\" class=\"text-muted-foreground\">{{\n            props.component.placeholder ?? t('select_option', {}, 'Select an option')\n          }}</span>\n          <span v-if=\"reorderable && selected.length > 0\" class=\"text-muted-foreground\">{{\n            props.component.placeholder ?? t('select_option', {}, 'Select an option')\n          }}</span>\n          <template v-if=\"props.component.multiple && !reorderable\">\n            <Badge v-for=\"key in selected\" :key=\"key\" variant=\"secondary\" class=\"gap-1 pe-1\">\n              <span v-if=\"props.component.allowHtml\" v-html=\"labelFor(key)\" />\n              <span v-else>{{ labelFor(key) }}</span>\n              <span\n                v-if=\"!props.disabled && !props.readOnly && canRemove\"\n                role=\"button\"\n                tabindex=\"-1\"\n                :aria-label=\"t('remove', {}, 'Remove')\"\n                class=\"hover:bg-foreground/10 rounded-sm\"\n                @click=\"removeTag($event, key)\"\n              >\n                <XIcon class=\"size-3\" />\n              </span>\n            </Badge>\n          </template>\n          <template v-else-if=\"!props.component.multiple && selected[0] !== undefined\">\n            <span\n              v-if=\"props.component.allowHtml\"\n              class=\"truncate\"\n              v-html=\"labelFor(selected[0])\"\n            />\n            <span v-else class=\"truncate\">{{ labelFor(selected[0]) }}</span>\n          </template>\n        </span>\n        <Spinner v-if=\"loading\" class=\"opacity-50\" />\n        <ChevronsUpDownIcon v-else class=\"size-4 shrink-0 opacity-50\" />\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent class=\"w-(--reka-popover-trigger-width) p-0\" align=\"start\">\n      <Command>\n        <CommandInput\n          :model-value=\"search\"\n          :placeholder=\"\n            props.component.searchPrompt ?? t('form.search_placeholder', {}, 'Type to search…')\n          \"\n          @update:model-value=\"search = $event\"\n        />\n        <CommandList>\n          <div\n            v-if=\"loading && filtered.length === 0\"\n            data-slot=\"select-loading\"\n            class=\"text-muted-foreground flex items-center justify-center gap-2 py-6 text-sm\"\n          >\n            <Spinner />\n            {{\n              search !== ''\n                ? (props.component.searchingMessage ?? t('form.searching', {}, 'Searching…'))\n                : (props.component.loadingMessage ?? t('loading', {}, 'Loading…'))\n            }}\n          </div>\n          <CommandEmpty v-else-if=\"filtered.length === 0\">{{\n            isEmpty\n              ? (props.component.noOptionsMessage ??\n                t('form.no_options', {}, 'No options available.'))\n              : (props.component.noSearchResultsMessage ?? t('no_results', {}, 'No results.'))\n          }}</CommandEmpty>\n          <CommandGroup>\n            <CommandItem\n              v-for=\"option in filtered\"\n              :key=\"option.value\"\n              :value=\"option.value\"\n              :disabled=\"option.disabled\"\n              @select=\"toggle(option.value, option.label)\"\n            >\n              <CheckIcon\n                :class=\"cn('size-4', selected.includes(option.value) ? 'opacity-100' : 'opacity-0')\"\n              />\n              <OptionLabel\n                :option=\"option\"\n                :allow-html=\"props.component.allowHtml\"\n                :wrap=\"props.component.wrapOptionLabels !== false\"\n              />\n            </CommandItem>\n          </CommandGroup>\n        </CommandList>\n      </Command>\n    </PopoverContent>\n  </Popover>\n  <SelectReorderList\n    v-if=\"reorderable\"\n    :id=\"props.id\"\n    :values=\"Array.isArray(props.value) ? props.value : []\"\n    :label-for=\"plainLabelFor\"\n    :locked=\"props.disabled || Boolean(props.readOnly)\"\n    :can-remove=\"canRemove\"\n    :on-change=\"props.setValue\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","Popover","_withCtx","PopoverTrigger","Button","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_renderList","_createBlock","Badge","Spinner","PopoverContent","Command","CommandInput","CommandList","_createTextVNode","CommandEmpty","CommandGroup","CommandItem","OptionLabel","SelectReorderList","Badge_default","Button_default","Spinner_default","Popover_default","PopoverContent_default","PopoverTrigger_default","Command_default","CommandEmpty_default","CommandGroup_default","CommandInput_default","CommandItem_default","CommandList_default","OptionLabel_default","SelectReorderList_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","ComboboxSelect_vue_vue_type_script_setup_true_lang_default","flatten","options","isOptionGroup","option","props","__props","t","useT","store","useFormStore","open","ref","search","loading","remoteOptions","labels","requestId","incoming","selected","computed","staticOptions","isRemote","runSearch","debounce","current","term","results","watch","isOpen","missing","keys","key","resolved","labelFor","canRemove","toggle","label","next","item","filtered","htmlLabelToText","isEmpty","onOpenChange","reorderable","plainLabelFor","removeTag","event","openBlock","createElementBlock","Fragment","createVNode","withCtx","normalizeClass","unref","cn","createElementVNode","toDisplayString","createCommentVNode","renderList","createBlock","$event","XIcon","ChevronsUpDownIcon","_cache","createTextVNode","CheckIcon"],"sources":["../../../src/components/fields/ComboboxSelect.vue"],"mappings":"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"}