@alfakit/vue 0.1.10 → 0.1.12

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 min-w-0 flex-wrap 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 flex-wrap 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_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 min-w-0 flex-wrap 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 flex-wrap 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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"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FileUploadField.vue"],"names":[],"mappings":"AAuqBA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;;eA0DnC,gBAAgB;;eAAhB,gBAAgB;;AAPhD,wBA09BK"}
+{"version":3,"file":"FileUploadField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/FileUploadField.vue"],"names":[],"mappings":"AAkqBA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAA;;eA2DnC,gBAAgB;;eAAhB,gBAAgB;;AAPhD,wBAo9BK"}