@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/translation-manager/TranslationManagerView.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationManagerView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardHeader","_createElementVNode","_unref","_toDisplayString","_createElementBlock","_Fragment","_renderList","_normalizeStyle","Input","_normalizeClass","DropdownMenu","DropdownMenuTrigger","Button","_createTextVNode","DropdownMenuContent","DropdownMenuCheckboxItem","_createCommentVNode","CardContent","Badge","_withModifiers","Textarea","Badge_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuTrigger_default","Input_default","Card_default","CardContent_default","CardHeader_default","Textarea_default","DropdownMenuCheckboxItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","_hoisted_56","_hoisted_57","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_65","_hoisted_66","_hoisted_67","_hoisted_68","SELECT","TranslationManagerView_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","t","useT","direction","useDirection","formatter","useFormatter","labelId","useId","hintId","errorId","controller","TranslationManagerController","toRaw","notifications","showToast","notification","clientErrorNotification","message","state","useStore","cells","cellKey","ref","watch","schema","onBeforeUnmount","locales","computed","active","current","row","locale","range","suggestionLocales","activeRow","activeLocale","activeCell","isActive","isEditing","editable","setCell","element","focusCell","nextTick","editing","onCellKeyDown","event","result","onEditorKeyDown","onCellClick","wasActive","save","saved","cancel","editLabel","openBlock","createBlock","withCtx","createVNode","createElementVNode","unref","toDisplayString","createElementBlock","Fragment","renderList","normalizeStyle","SearchIcon","_cache","value","normalizeClass","$event","filter","group","LanguagesIcon","createTextVNode","checked","code","SparklesIcon","createCommentVNode","cn","withModifiers","index","form","CopyIcon","TriangleAlertIcon","ChevronLeftIcon","ChevronRightIcon","placeholder","warning","CheckIcon","XIcon","entry","HistoryIcon"],"sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  TranslationCellRef,\n  TranslationFilter,\n  TranslationManagerEnvironment,\n  TranslationManagerSchema,\n} from '@alfakit/core'\nimport { TranslationManagerController, clientErrorNotification } from '@alfakit/core'\nimport {\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  HistoryIcon,\n  LanguagesIcon,\n  SearchIcon,\n  SparklesIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, toRaw, useId, watch } from 'vue'\nimport { useActionRunner, useDirection, useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuCheckboxItem from '../ui/DropdownMenuCheckboxItem.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport Input from '../ui/Input.vue'\nimport Textarea from '../ui/Textarea.vue'\n\n/**\n * Keys by locale with search, filters, inline editing (plural forms, right-to-left\n * inputs), keyboard navigation, AI suggestion review and history. Everything is computed\n * and saved by the server.\n */\nconst props = defineProps<{ schema: TranslationManagerSchema }>()\n\nconst SELECT =\n  'border-input focus-visible:border-ring focus-visible:ring-ring/50 h-9 min-w-0 rounded-md border bg-transparent px-2 text-sm shadow-xs outline-none focus-visible:ring-[3px]'\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst formatter = useFormatter()\nconst labelId = useId()\nconst hintId = useId()\nconst errorId = useId()\n\nconst environment = (): TranslationManagerEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification('translation-manager', message)),\n})\n\nconst controller = new TranslationManagerController(toRaw(props.schema), environment())\nconst state = useStore(controller.store)\nconst cells = new Map<string, HTMLElement>()\nconst cellKey = (ref: TranslationCellRef) => `${ref.row}\\u0000${ref.locale}`\n\nwatch(\n  () => props.schema,\n  (schema) => controller.setSchema(toRaw(schema)),\n)\n\nonBeforeUnmount(() => controller.dispose())\n\nconst locales = computed(() => {\n  void state.value.visibleLocales\n\n  return controller.visibleLocales()\n})\nconst active = computed<TranslationCellRef | null>(() => {\n  const current = state.value.active\n\n  if (current && state.value.rows.some((row) => row.id === current.row)) return current\n\n  const row = state.value.rows[0]\n  const locale = locales.value[0]\n\n  return row && locale ? { row: row.id, locale: locale.code } : null\n})\nconst range = computed(() => {\n  void state.value.rows\n\n  return controller.range()\n})\nconst suggestionLocales = computed(() => {\n  void state.value.rows\n\n  return controller.suggestionLocales()\n})\nconst activeRow = computed(() =>\n  active.value ? state.value.rows.find((row) => row.id === active.value?.row) : undefined,\n)\nconst activeLocale = computed(() =>\n  active.value ? controller.locale(active.value.locale) : undefined,\n)\nconst activeCell = computed(() =>\n  activeRow.value && activeLocale.value\n    ? activeRow.value.cells[activeLocale.value.code]\n    : undefined,\n)\n\nconst isActive = (ref: TranslationCellRef) =>\n  active.value?.row === ref.row && active.value.locale === ref.locale\nconst isEditing = (ref: TranslationCellRef) =>\n  state.value.editing?.row === ref.row && state.value.editing.locale === ref.locale\nconst editable = (ref: TranslationCellRef) => {\n  void state.value.rows\n\n  return controller.isEditable(ref)\n}\n\nconst setCell = (ref: TranslationCellRef) => (element: unknown) => {\n  if (element instanceof HTMLElement) cells.set(cellKey(ref), element)\n  else cells.delete(cellKey(ref))\n}\n\nconst focusCell = (ref: TranslationCellRef | undefined) => {\n  if (!ref) return\n  controller.focus(ref)\n  void nextTick(() => cells.get(cellKey(ref))?.focus())\n}\n\nwatch(\n  () => state.value.editing,\n  (editing) => {\n    if (editing) {\n      void nextTick(() => cells.get(cellKey(editing))?.querySelector('textarea')?.focus())\n    }\n  },\n)\n\nconst onCellKeyDown = (ref: TranslationCellRef, event: KeyboardEvent) => {\n  if (event.target !== event.currentTarget) return\n\n  const result = controller.handleCellKey(ref, event, direction.value)\n\n  if (result.handled) {\n    event.preventDefault()\n    if (!controller.state.editing) focusCell(result.focus)\n  }\n}\n\nconst onEditorKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Escape' || (event.key === 'Enter' && !event.shiftKey) || event.key === 'Tab') {\n    event.preventDefault()\n    void controller\n      .handleEditorKey({ key: event.key, shiftKey: event.shiftKey, isComposing: event.isComposing })\n      .then((result) => focusCell(result.focus))\n  }\n}\n\nconst onCellClick = (ref: TranslationCellRef) => {\n  if (isEditing(ref)) return\n  const wasActive = isActive(ref)\n  controller.focus(ref)\n  if (wasActive) controller.startEdit(ref)\n}\n\nconst save = (ref: TranslationCellRef) => {\n  void controller.save().then((saved) => saved && focusCell(ref))\n}\n\nconst cancel = (ref: TranslationCellRef) => {\n  controller.cancelEdit()\n  focusCell(ref)\n}\n\nconst editLabel = (key: string, locale: string) =>\n  t('translation-manager.edit', { key, locale }, 'Edit :key in :locale')\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" data-slot=\"translation-manager\">\n    <CardHeader class=\"flex flex-col gap-4 px-5\">\n      <span :id=\"labelId\" class=\"sr-only\">{{\n        t('translation-manager.label', {}, 'Translations')\n      }}</span>\n      <ul\n        class=\"grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6\"\n        data-slot=\"translation-progress\"\n      >\n        <li\n          v-for=\"locale in schema.locales\"\n          :key=\"locale.code\"\n          class=\"flex min-w-0 flex-col gap-1 rounded-md border px-3 py-2\"\n        >\n          <div class=\"flex items-center justify-between gap-2 text-sm\">\n            <span class=\"truncate font-medium\" :lang=\"locale.code\">{{ locale.label }}</span>\n            <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n          </div>\n          <div\n            role=\"progressbar\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            :aria-valuenow=\"Math.round((state.progress[locale.code]?.percent ?? 0) * 100)\"\n            :aria-label=\"\n              t(\n                'translation-manager.progress_label',\n                {\n                  locale: locale.label,\n                  translated: state.progress[locale.code]?.translated ?? 0,\n                  total: state.progress[locale.code]?.total ?? 0,\n                },\n                ':locale: :translated of :total translated',\n              )\n            \"\n            class=\"bg-muted h-1.5 overflow-hidden rounded-full\"\n          >\n            <div\n              class=\"bg-primary h-full rounded-full transition-[width]\"\n              :style=\"{ width: `${(state.progress[locale.code]?.percent ?? 0) * 100}%` }\"\n            />\n          </div>\n          <span class=\"text-muted-foreground text-xs\">\n            {{\n              t(\n                'translation-manager.progress',\n                { percent: formatter.percent(state.progress[locale.code]?.percent ?? 0) },\n                ':percent translated',\n              )\n            }}\n          </span>\n        </li>\n      </ul>\n      <div class=\"flex flex-wrap items-center gap-2\" data-slot=\"translation-toolbar\">\n        <div class=\"relative min-w-48 flex-1\">\n          <SearchIcon\n            class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n            aria-hidden=\"true\"\n          />\n          <Input\n            type=\"search\"\n            :model-value=\"state.search\"\n            :placeholder=\"t('translation-manager.search', {}, 'Search keys and texts…')\"\n            :aria-label=\"t('translation-manager.search_label', {}, 'Search translations')\"\n            class=\"ps-8\"\n            @update:model-value=\"(value: string) => controller.setSearch(value)\"\n          />\n        </div>\n        <label class=\"flex items-center gap-2 text-sm\">\n          <span class=\"sr-only\">{{ t('translation-manager.filter_label', {}, 'Show') }}</span>\n          <select\n            :class=\"SELECT\"\n            :value=\"state.filter\"\n            @change=\"\n              controller.setFilter(($event.target as HTMLSelectElement).value as TranslationFilter)\n            \"\n          >\n            <option v-for=\"filter in schema.filters\" :key=\"filter\" :value=\"filter\">\n              {{ t(`translation-manager.filters.${filter}`, {}, filter) }}\n            </option>\n          </select>\n        </label>\n        <label class=\"flex items-center gap-2 text-sm\">\n          <span class=\"sr-only\">{{ t('translation-manager.group_label', {}, 'Group') }}</span>\n          <select\n            :class=\"SELECT\"\n            :value=\"state.group\"\n            @change=\"controller.setGroup(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">{{ t('translation-manager.all_groups', {}, 'All groups') }}</option>\n            <option v-for=\"group in schema.groups\" :key=\"group.value\" :value=\"group.value\">\n              {{ group.label }}\n            </option>\n          </select>\n        </label>\n        <DropdownMenu :dir=\"direction\">\n          <DropdownMenuTrigger as-child>\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" class=\"h-9\">\n              <LanguagesIcon aria-hidden=\"true\" />\n              {{ t('translation-manager.locales_label', {}, 'Languages') }}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            <DropdownMenuCheckboxItem\n              v-for=\"locale in schema.locales\"\n              :key=\"locale.code\"\n              :model-value=\"state.visibleLocales.includes(locale.code)\"\n              @update:model-value=\"\n                (checked: boolean) => controller.toggleLocale(locale.code, checked)\n              \"\n              @select=\"(event: Event) => event.preventDefault()\"\n            >\n              {{ locale.label }}\n              <span class=\"text-muted-foreground ms-auto font-mono text-xs\">{{ locale.code }}</span>\n            </DropdownMenuCheckboxItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n      <div\n        v-if=\"suggestionLocales.length > 0\"\n        class=\"bg-muted/50 flex flex-col gap-2 rounded-md border px-3 py-2 text-sm\"\n        data-slot=\"translation-suggestions\"\n      >\n        <div\n          v-for=\"code in suggestionLocales\"\n          :key=\"code\"\n          class=\"flex flex-wrap items-center gap-2\"\n        >\n          <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n          <span class=\"flex-1 font-medium\">\n            {{ t('translation-manager.suggestion', {}, 'AI suggestion') }} ·\n            {{ controller.locale(code)?.label }}\n          </span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            @click=\"controller.decideAll(code, 'reject')\"\n          >\n            {{ t('translation-manager.reject_all', {}, 'Reject all') }}\n          </Button>\n          <Button type=\"button\" size=\"sm\" @click=\"controller.decideAll(code, 'accept')\">\n            {{ t('translation-manager.accept_all', {}, 'Accept all without warnings') }}\n          </Button>\n        </div>\n      </div>\n    </CardHeader>\n    <CardContent class=\"flex flex-col gap-4 px-5\">\n      <p :id=\"hintId\" class=\"text-muted-foreground text-xs\">\n        {{\n          t(\n            'translation-manager.keyboard',\n            {},\n            'Arrow keys move between texts. Enter edits and saves, Shift + Enter adds a line break, Escape cancels.',\n          )\n        }}\n      </p>\n      <p v-if=\"state.rows.length === 0\" class=\"text-muted-foreground py-10 text-center text-sm\">\n        {{ t('translation-manager.empty', {}, 'No translations match your search.') }}\n      </p>\n      <div v-else class=\"overflow-x-auto rounded-md border\" data-slot=\"translation-grid-scroll\">\n        <table\n          role=\"grid\"\n          :aria-labelledby=\"labelId\"\n          :aria-describedby=\"hintId\"\n          :aria-busy=\"state.loading || undefined\"\n          :aria-rowcount=\"state.total + 1\"\n          :class=\"cn('w-full border-collapse text-sm', state.loading && 'opacity-60')\"\n          data-slot=\"translation-grid\"\n        >\n          <thead class=\"bg-muted/50\">\n            <tr>\n              <th\n                scope=\"col\"\n                class=\"bg-muted sticky start-0 z-10 min-w-56 border-b px-3 py-2 text-start font-medium\"\n              >\n                {{ t('translation-manager.key', {}, 'Key') }}\n              </th>\n              <th\n                v-for=\"locale in locales\"\n                :key=\"locale.code\"\n                scope=\"col\"\n                class=\"min-w-64 border-s border-b px-3 py-2 text-start font-medium\"\n              >\n                <span class=\"flex items-center gap-2\">\n                  <span :lang=\"locale.code\">{{ locale.label }}</span>\n                  <span class=\"text-muted-foreground font-mono text-xs\">{{ locale.code }}</span>\n                  <Badge v-if=\"locale.base\" variant=\"secondary\">\n                    {{ t('translation-manager.base', {}, 'Base') }}\n                  </Badge>\n                  <Badge v-if=\"!locale.editable\" variant=\"outline\">\n                    {{ t('translation-manager.read_only', {}, 'Read only') }}\n                  </Badge>\n                </span>\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              v-for=\"row in state.rows\"\n              :key=\"row.id\"\n              class=\"border-b last:border-b-0\"\n              data-slot=\"translation-row\"\n            >\n              <th\n                scope=\"row\"\n                class=\"bg-card sticky start-0 z-10 px-3 py-2 text-start align-top font-normal\"\n              >\n                <div class=\"flex flex-col gap-1\">\n                  <code class=\"font-mono text-xs break-all\">{{ row.key }}</code>\n                  <div class=\"flex flex-wrap gap-1\">\n                    <span class=\"text-muted-foreground text-xs\">{{ row.groupLabel }}</span>\n                    <Badge v-if=\"row.undefined\" variant=\"destructive\">\n                      {{ t('translation-manager.undefined', {}, 'Not defined') }}\n                    </Badge>\n                    <Badge v-if=\"row.unused\" variant=\"outline\">\n                      {{ t('translation-manager.unused', {}, 'Unused') }}\n                    </Badge>\n                  </div>\n                </div>\n              </th>\n              <td\n                v-for=\"locale in locales\"\n                :key=\"locale.code\"\n                :ref=\"setCell({ row: row.id, locale: locale.code })\"\n                role=\"gridcell\"\n                :tabindex=\"\n                  isActive({ row: row.id, locale: locale.code }) &&\n                  !isEditing({ row: row.id, locale: locale.code })\n                    ? 0\n                    : -1\n                \"\n                :aria-selected=\"isActive({ row: row.id, locale: locale.code })\"\n                :aria-readonly=\"!editable({ row: row.id, locale: locale.code }) || undefined\"\n                :aria-label=\"\n                  isEditing({ row: row.id, locale: locale.code })\n                    ? undefined\n                    : editLabel(row.key, locale.label)\n                \"\n                data-slot=\"translation-cell\"\n                :data-missing=\"row.cells[locale.code]?.value ? undefined : ''\"\n                :data-changed=\"row.cells[locale.code]?.changed ? '' : undefined\"\n                :data-active=\"isActive({ row: row.id, locale: locale.code }) ? '' : undefined\"\n                :class=\"\n                  cn(\n                    'hover:bg-accent/40 border-s px-3 py-2 align-top outline-none',\n                    isActive({ row: row.id, locale: locale.code }) &&\n                      'ring-ring/50 ring-2 ring-inset',\n                    editable({ row: row.id, locale: locale.code }) && 'cursor-text',\n                  )\n                \"\n                @focus=\"\n                  $event.target === $event.currentTarget &&\n                  controller.focus({ row: row.id, locale: locale.code })\n                \"\n                @click=\"onCellClick({ row: row.id, locale: locale.code })\"\n                @dblclick=\"controller.startEdit({ row: row.id, locale: locale.code })\"\n                @keydown=\"onCellKeyDown({ row: row.id, locale: locale.code }, $event)\"\n              >\n                <div\n                  v-if=\"isEditing({ row: row.id, locale: locale.code })\"\n                  class=\"flex flex-col gap-2\"\n                  data-slot=\"translation-editor\"\n                  @click.stop\n                >\n                  <template v-if=\"state.draftForms\">\n                    <label\n                      v-for=\"(form, index) in state.draftForms\"\n                      :key=\"index\"\n                      class=\"flex flex-col gap-1\"\n                    >\n                      <span class=\"text-muted-foreground text-xs\">\n                        {{\n                          t(\n                            'translation-manager.plural_form',\n                            {\n                              numbers:\n                                row.cells[locale.code]?.formLabels?.[index] ?? String(index + 1),\n                            },\n                            'For :numbers',\n                          )\n                        }}\n                      </span>\n                      <Textarea\n                        :model-value=\"form\"\n                        rows=\"1\"\n                        :dir=\"locale.direction\"\n                        :lang=\"locale.code\"\n                        :aria-label=\"`${editLabel(row.key, locale.label)} (${row.cells[locale.code]?.formLabels?.[index] ?? index + 1})`\"\n                        :aria-invalid=\"state.error ? true : undefined\"\n                        :aria-describedby=\"state.error ? errorId : undefined\"\n                        class=\"min-h-9\"\n                        @update:model-value=\"\n                          (value: string) => controller.setDraftForm(index, value)\n                        \"\n                        @keydown=\"onEditorKeyDown\"\n                      />\n                    </label>\n                  </template>\n                  <Textarea\n                    v-else\n                    :model-value=\"state.draft\"\n                    :rows=\"Math.min(8, Math.max(2, state.draft.split('\\n').length))\"\n                    :dir=\"locale.direction\"\n                    :lang=\"locale.code\"\n                    :aria-label=\"editLabel(row.key, locale.label)\"\n                    :aria-invalid=\"state.error ? true : undefined\"\n                    :aria-describedby=\"state.error ? errorId : undefined\"\n                    @update:model-value=\"(value: string) => controller.setDraft(value)\"\n                    @keydown=\"onEditorKeyDown\"\n                  />\n                  <p v-if=\"state.error\" :id=\"errorId\" class=\"text-destructive text-xs\">\n                    {{ state.error }}\n                  </p>\n                  <div class=\"flex flex-wrap items-center gap-1\">\n                    <Button\n                      type=\"button\"\n                      size=\"sm\"\n                      :disabled=\"state.saving\"\n                      @click=\"save({ row: row.id, locale: locale.code })\"\n                    >\n                      {{\n                        state.saving\n                          ? t('translation-manager.saving', {}, 'Saving…')\n                          : t('translation-manager.save', {}, 'Save')\n                      }}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      :disabled=\"state.saving\"\n                      @click=\"cancel({ row: row.id, locale: locale.code })\"\n                    >\n                      {{ t('translation-manager.cancel', {}, 'Cancel') }}\n                    </Button>\n                    <Button\n                      v-if=\"!locale.base\"\n                      type=\"button\"\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      class=\"ms-auto\"\n                      :disabled=\"state.saving\"\n                      @click=\"controller.copyBase()\"\n                    >\n                      <CopyIcon aria-hidden=\"true\" />\n                      {{ t('translation-manager.copy_base', {}, 'Copy the base text') }}\n                    </Button>\n                  </div>\n                </div>\n                <div v-else class=\"flex flex-col gap-1\">\n                  <span\n                    v-if=\"row.cells[locale.code]?.value\"\n                    class=\"line-clamp-4 whitespace-pre-wrap\"\n                    :dir=\"locale.direction\"\n                    :lang=\"locale.code\"\n                    >{{ row.cells[locale.code]?.value }}</span\n                  >\n                  <span v-else class=\"text-muted-foreground italic\">\n                    {{ t('translation-manager.missing', {}, 'Missing') }}\n                  </span>\n                  <span\n                    v-if=\"\n                      row.cells[locale.code]?.changed ||\n                      row.cells[locale.code]?.warnings ||\n                      row.cells[locale.code]?.suggestion\n                    \"\n                    class=\"flex flex-wrap gap-1\"\n                  >\n                    <Badge v-if=\"row.cells[locale.code]?.changed\" variant=\"secondary\">\n                      {{ t('translation-manager.changed', {}, 'Changed in the panel') }}\n                    </Badge>\n                    <Badge\n                      v-if=\"row.cells[locale.code]?.warnings\"\n                      variant=\"destructive\"\n                      :title=\"row.cells[locale.code]?.warnings?.join('\\n')\"\n                    >\n                      <TriangleAlertIcon aria-hidden=\"true\" />\n                      {{ t('translation-manager.warnings', {}, 'Warnings') }}\n                    </Badge>\n                    <Badge v-if=\"row.cells[locale.code]?.suggestion\" variant=\"outline\">\n                      <SparklesIcon aria-hidden=\"true\" />\n                      {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n                    </Badge>\n                  </span>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div\n        class=\"flex flex-wrap items-center justify-between gap-2 text-sm\"\n        data-slot=\"translation-pagination\"\n      >\n        <span class=\"text-muted-foreground\">\n          {{\n            t(\n              'translation-manager.pagination',\n              { ...range, total: formatter.number(state.total) },\n              ':from–:to of :total',\n            )\n          }}\n        </span>\n        <div class=\"flex items-center gap-1\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :aria-label=\"t('translation-manager.previous', {}, 'Previous page')\"\n            :disabled=\"state.page <= 1 || state.loading\"\n            @click=\"controller.goToPage(state.page - 1)\"\n          >\n            <ChevronLeftIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n          </Button>\n          <span class=\"px-2 tabular-nums\">\n            {{\n              t(\n                'translation-manager.page',\n                { page: state.page, pages: state.lastPage },\n                'Page :page of :pages',\n              )\n            }}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            :aria-label=\"t('translation-manager.next', {}, 'Next page')\"\n            :disabled=\"state.page >= state.lastPage || state.loading\"\n            @click=\"controller.goToPage(state.page + 1)\"\n          >\n            <ChevronRightIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n          </Button>\n        </div>\n      </div>\n      <section\n        v-if=\"activeRow && activeLocale\"\n        class=\"flex flex-col gap-3 rounded-md border p-4 text-sm\"\n        data-slot=\"translation-details\"\n        :aria-label=\"t('translation-manager.details', {}, 'Details')\"\n      >\n        <div class=\"flex flex-wrap items-baseline gap-2\">\n          <code class=\"font-mono text-xs break-all\">{{ activeRow.key }}</code>\n          <span class=\"text-muted-foreground\">· {{ activeLocale.label }}</span>\n        </div>\n        <div v-if=\"activeRow.placeholders?.length\" class=\"flex flex-wrap items-center gap-1\">\n          <span class=\"text-muted-foreground me-1\">\n            {{ t('translation-manager.placeholders', {}, 'Placeholders') }}\n          </span>\n          <Badge\n            v-for=\"placeholder in activeRow.placeholders\"\n            :key=\"placeholder\"\n            variant=\"outline\"\n            class=\"font-mono\"\n          >\n            {{ placeholder }}\n          </Badge>\n        </div>\n        <p v-if=\"activeRow.files?.length\" class=\"text-muted-foreground\">\n          {{ t('translation-manager.used_in', {}, 'Used in') }}:\n          <span class=\"font-mono text-xs\">{{ activeRow.files.join(', ') }}</span>\n        </p>\n        <p\n          v-for=\"warning in activeCell?.warnings ?? []\"\n          :key=\"warning\"\n          class=\"text-destructive flex items-start gap-2\"\n        >\n          <TriangleAlertIcon class=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n          {{ warning }}\n        </p>\n        <div\n          v-if=\"activeCell?.suggestion\"\n          class=\"bg-muted/50 flex flex-col gap-2 rounded-md p-3\"\n          data-slot=\"translation-suggestion\"\n        >\n          <span class=\"flex items-center gap-2 font-medium\">\n            <SparklesIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n            {{ t('translation-manager.suggestion', {}, 'AI suggestion') }}\n          </span>\n          <p class=\"whitespace-pre-wrap\" :dir=\"activeLocale.direction\" :lang=\"activeLocale.code\">\n            {{ activeCell.suggestion.value }}\n          </p>\n          <p\n            v-for=\"warning in activeCell.suggestion.warnings ?? []\"\n            :key=\"warning\"\n            class=\"text-destructive text-xs\"\n          >\n            {{ warning }}\n          </p>\n          <div v-if=\"activeLocale.editable\" class=\"flex gap-2\">\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'accept')\"\n            >\n              <CheckIcon aria-hidden=\"true\" />\n              {{ t('translation-manager.accept', {}, 'Accept') }}\n            </Button>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              @click=\"controller.decide({ row: activeRow.id, locale: activeLocale.code }, 'reject')\"\n            >\n              <XIcon aria-hidden=\"true\" />\n              {{ t('translation-manager.reject', {}, 'Reject') }}\n            </Button>\n          </div>\n        </div>\n        <div\n          v-if=\"state.history?.row === activeRow.id && state.history.locale === activeLocale.code\"\n          class=\"flex flex-col gap-2\"\n          data-slot=\"translation-history\"\n        >\n          <span class=\"font-medium\">{{ t('translation-manager.history', {}, 'History') }}</span>\n          <p v-if=\"state.history.entries?.length === 0\" class=\"text-muted-foreground\">\n            {{ t('translation-manager.history_empty', {}, 'No changes yet.') }}\n          </p>\n          <ol class=\"flex flex-col gap-2\">\n            <li\n              v-for=\"entry in state.history.entries ?? []\"\n              :key=\"entry.id\"\n              class=\"border-s-2 ps-3\"\n            >\n              <span class=\"text-muted-foreground text-xs\">\n                {{ t(`translation-manager.sources.${entry.source}`, {}, entry.source) }}\n                <template v-if=\"entry.user\">\n                  · {{ t('translation-manager.by', { name: entry.user }, 'by :name') }}\n                </template>\n                <template v-if=\"entry.at\"> · {{ formatter.relative(entry.at) }}</template>\n              </span>\n              <p\n                class=\"whitespace-pre-wrap\"\n                :dir=\"activeLocale.direction\"\n                :lang=\"activeLocale.code\"\n              >\n                <template v-if=\"entry.new !== null\">{{ entry.new }}</template>\n                <em v-else class=\"text-muted-foreground\">\n                  {{ t('translation-manager.empty_value', {}, 'Empty') }}\n                </em>\n              </p>\n            </li>\n          </ol>\n        </div>\n        <div v-else>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"controller.loadHistory({ row: activeRow.id, locale: activeLocale.code })\"\n          >\n            <HistoryIcon aria-hidden=\"true\" />\n            {{ t('translation-manager.show_history', {}, 'Show history') }}\n          </Button>\n        </div>\n      </section>\n      <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":"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"}

package/dist/components/translation-manager/index.d.ts

@@ -0,0 +1,2 @@
+export { TranslationManager } from './translation-manager-lazy';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/translation-manager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/components/translation-manager/index.js

@@ -0,0 +1,2 @@
+import { TranslationManager as e } from "./translation-manager-lazy.js";
+export { e as TranslationManager };

package/dist/components/translation-manager/translation-manager-lazy.d.ts

@@ -0,0 +1,3 @@
+/** The translation editor; its code loads the first time it is shown. */
+export declare const TranslationManager: import("vue").Component;
+//# sourceMappingURL=translation-manager-lazy.d.ts.map

package/dist/components/translation-manager/translation-manager-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation-manager-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/translation-manager-lazy.ts"],"names":[],"mappings":"AAGA,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,yBAI9B,CAAA"}

package/dist/components/translation-manager/translation-manager-lazy.js

@@ -0,0 +1,8 @@
+import { lazyComponent as e } from "../../lib/lazy.js";
+import t from "./TranslationManagerSkeleton.js";
+//#region src/components/translation-manager/translation-manager-lazy.ts
+var n = e("TranslationManager", () => import("./TranslationManager.js").then((e) => e.default), t);
+//#endregion
+export { n as TranslationManager };
+
+//# sourceMappingURL=translation-manager-lazy.js.map

package/dist/components/translation-manager/translation-manager-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation-manager-lazy.js","names":["TranslationManagerSkeleton","TranslationManagerSkeleton_default","TranslationManager","lazyComponent","module"],"sources":["../../../src/components/translation-manager/translation-manager-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport TranslationManagerSkeleton from './TranslationManagerSkeleton.vue'\n\n/** The translation editor; its code loads the first time it is shown. */\nexport const TranslationManager = lazyComponent(\n  'TranslationManager',\n  () => import('./TranslationManager.vue').then((module) => module.default),\n  TranslationManagerSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAqBC,EAChC,4BACM,OAAO,0BAA2B,CAAC,MAAM,MAAWC,EAAO,OAAO,GACxEJ,CACF"}

package/dist/components/tree/Tree.js

@@ -0,0 +1,7 @@
+import e from "./Tree.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/Tree.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Tree.js.map

package/dist/components/tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","names":["_sfc_main","Tree_vue_vue_type_script_setup_true_lang_default","Tree_default"],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeSchema, TreeWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport TreeView from './TreeView.vue'\n\n/**\n * The tree of a `TreePage` (schema component `tree`) or a `TreeWidget` (alfasix/alfakit-tree).\n */\nconst props = defineProps<{ component?: TreeSchema; widget?: TreeWidgetSchema }>()\nconst tree = computed(() => props.component ?? props.widget?.tree)\n</script>\n\n<template>\n  <TreeView v-if=\"tree\" :key=\"tree.actionComponent\" :tree=\"tree\" />\n</template>\n"],"mappings":""}

package/dist/components/tree/Tree.vue.d.ts

@@ -0,0 +1,11 @@
+import type { TreeSchema, TreeWidgetSchema } from '@alfakit/core';
+/**
+ * The tree of a `TreePage` (schema component `tree`) or a `TreeWidget` (alfasix/alfakit-tree).
+ */
+type __VLS_Props = {
+    component?: TreeSchema;
+    widget?: TreeWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Tree.vue.d.ts.map

package/dist/components/tree/Tree.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tree/Tree.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIjE;;GAEG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AA+CzE,wBAMG"}

package/dist/components/tree/Tree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import e from "./TreeView.js";
+import { computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, openBlock as a } from "vue";
+//#region src/components/tree/Tree.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ i({
+	__name: "Tree",
+	props: {
+		component: {},
+		widget: {}
+	},
+	setup(i) {
+		let o = i, s = t(() => o.component ?? o.widget?.tree);
+		return (t, i) => s.value ? (a(), n(e, {
+			key: s.value.actionComponent,
+			tree: s.value
+		}, null, 8, ["tree"])) : r("", !0);
+	}
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Tree.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tree/Tree.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","TreeView","_createCommentVNode","TreeView_default","Tree_vue_vue_type_script_setup_true_lang_default","props","__props","tree","computed","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeSchema, TreeWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport TreeView from './TreeView.vue'\n\n/**\n * The tree of a `TreePage` (schema component `tree`) or a `TreeWidget` (alfasix/alfakit-tree).\n */\nconst props = defineProps<{ component?: TreeSchema; widget?: TreeWidgetSchema }>()\nconst tree = computed(() => props.component ?? props.widget?.tree)\n</script>\n\n<template>\n  <TreeView v-if=\"tree\" :key=\"tree.actionComponent\" :tree=\"tree\" />\n</template>\n"],"mappings":";;;;;;;;;;EAQA,IAAMM,IAAQC,GACRC,IAAOC,QAAeH,EAAM,aAAaA,EAAM,QAAQ,IAAI;mBAI/CE,EAAA,SAAhBR,EAAA,GAAAC,EAAiEC,GAAA;GAA1C,KAAKM,EAAA,MAAK;GAAkB,MAAMA,EAAA"}

package/dist/components/tree/TreeSkeleton.js

@@ -0,0 +1,7 @@
+import e from "./TreeSkeleton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/TreeSkeleton.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TreeSkeleton.js.map

package/dist/components/tree/TreeSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSkeleton.js","names":["_sfc_main","TreeSkeleton_vue_vue_type_script_setup_true_lang_default","TreeSkeleton_default"],"sources":["../../../src/components/tree/TreeSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeSchema, TreeWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: TreeSchema; widget?: TreeWidgetSchema }>()\nconst count = computed(() =>\n  Math.min(6, Math.max(1, (props.component ?? props.widget?.tree)?.nodes.length ?? 3)),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"tree-widget\">\n    <CardContent class=\"flex flex-col gap-2 px-5\" aria-hidden=\"true\">\n      <Skeleton v-for=\"index in count\" :key=\"index\" class=\"h-9\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}

package/dist/components/tree/TreeSkeleton.vue.d.ts

@@ -0,0 +1,8 @@
+import type { TreeSchema, TreeWidgetSchema } from '@alfakit/core';
+type __VLS_Props = {
+    component?: TreeSchema;
+    widget?: TreeWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TreeSkeleton.vue.d.ts.map

package/dist/components/tree/TreeSkeleton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tree/TreeSkeleton.vue"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAMjE,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAmFzE,wBAMG"}

package/dist/components/tree/TreeSkeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import e from "../ui/Skeleton.js";
+import t from "../ui/Card.js";
+import n from "../ui/CardContent.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, openBlock as l, renderList as u, withCtx as d } from "vue";
+//#region src/components/tree/TreeSkeleton.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ c({
+	__name: "TreeSkeleton",
+	props: {
+		component: {},
+		widget: {}
+	},
+	setup(c) {
+		let f = c, p = i(() => Math.min(6, Math.max(1, (f.component ?? f.widget?.tree)?.nodes.length ?? 3)));
+		return (i, c) => (l(), a(t, {
+			class: "gap-4 py-4",
+			"aria-busy": "true",
+			"data-slot": "tree-widget"
+		}, {
+			default: d(() => [s(n, {
+				class: "flex flex-col gap-2 px-5",
+				"aria-hidden": "true"
+			}, {
+				default: d(() => [(l(!0), o(r, null, u(p.value, (t) => (l(), a(e, {
+					key: t,
+					class: "h-9"
+				}))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=TreeSkeleton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tree/TreeSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","_createElementBlock","_Fragment","_renderList","Skeleton","Skeleton_default","Card_default","CardContent_default","TreeSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","count","computed","openBlock","createBlock","withCtx","createVNode","createElementBlock","Fragment","renderList","index"],"sources":["../../../src/components/tree/TreeSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeSchema, TreeWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: TreeSchema; widget?: TreeWidgetSchema }>()\nconst count = computed(() =>\n  Math.min(6, Math.max(1, (props.component ?? props.widget?.tree)?.nodes.length ?? 3)),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"tree-widget\">\n    <CardContent class=\"flex flex-col gap-2 px-5\" aria-hidden=\"true\">\n      <Skeleton v-for=\"index in count\" :key=\"index\" class=\"h-9\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;EAOA,IAAMc,IAAQC,GACRC,IAAQC,QACZ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIH,EAAM,aAAaA,EAAM,QAAQ,KAAA,EAAO,MAAM,UAAU,CAAC,CAAC,CACrF;oBAIEd,EAAA,GAAAC,EAIOC,GAAA;GAJD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QAEc,CAFdC,EAEcC,GAAA;IAFD,OAAM;IAA2B,eAAY;;IAC9C,SAAAF,QAAsB,EAAhCH,EAAA,EAAA,GAAAM,EAA4DC,GAAA,MAAAC,EAAlCQ,EAAA,QAAT,OAAjBhB,EAAA,GAAAC,EAA4DQ,GAAA;KAA1B,KAAKgB;KAAO,OAAM"}

package/dist/components/tree/TreeView.js

@@ -0,0 +1,7 @@
+import e from "./TreeView.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/TreeView.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TreeView.js.map

package/dist/components/tree/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","names":["_sfc_main","TreeView_vue_vue_type_script_setup_true_lang_default","TreeView_default"],"sources":["../../../src/components/tree/TreeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeDropPosition, TreeEnvironment, TreeRow, TreeSchema } from '@alfakit/core'\nimport { TreeController, clientErrorNotification, visibleTreeRows } from '@alfakit/core'\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  ChevronRightIcon,\n  ChevronsDownUpIcon,\n  ChevronsUpDownIcon,\n  GripVerticalIcon,\n  ListIndentDecreaseIcon,\n  ListIndentIncreaseIcon,\n} from '@lucide/vue'\nimport { computed, nextTick, ref, toRaw, useId, watch } from 'vue'\nimport { useActionRunner, useDirection, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\n\n/**\n * Nodes are rearranged with native drag and drop, the move buttons or Alt + arrow keys,\n * and the new structure is saved in one request.\n */\nconst props = defineProps<{ tree: TreeSchema }>()\n\nconst DRAG_TYPE = 'application/x-alfakit-tree-node'\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst labelId = useId()\n\nconst environment = (): TreeEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification('tree', message)),\n})\n\nconst controller = new TreeController(toRaw(props.tree), environment())\nconst state = useStore(controller.store)\nconst rows = computed(() => visibleTreeRows(state.value.nodes, state.value.expanded))\nconst hasParents = computed(() => state.value.nodes.some((node) => node.children.length > 0))\nconst focused = ref<string | null>(null)\nconst drop = ref<{ key: string; position: TreeDropPosition } | null>(null)\nconst items = new Map<string, HTMLElement>()\nconst current = computed(() =>\n  focused.value !== null && rows.value.some((row) => row.node.key === focused.value)\n    ? focused.value\n    : (rows.value[0]?.node.key ?? null),\n)\n\nwatch(\n  () => props.tree,\n  (tree) => controller.setTree(toRaw(tree)),\n)\n\nconst setItem = (key: string) => (element: unknown) => {\n  if (element instanceof HTMLElement) items.set(key, element)\n  else items.delete(key)\n}\n\nconst focus = (key: string | undefined) => {\n  if (!key) return\n  focused.value = key\n  void nextTick(() => items.get(key)?.focus())\n}\n\nconst onKeyDown = (row: TreeRow, event: KeyboardEvent) => {\n  if (event.target !== event.currentTarget) return\n\n  const result = controller.handleKey(row.node.key, event, direction.value)\n\n  if (result.handled) {\n    event.preventDefault()\n    focus(result.focus)\n  }\n}\n\nconst position = (event: DragEvent): TreeDropPosition => {\n  const box = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  const offset = box.height > 0 ? (event.clientY - box.top) / box.height : 0.5\n\n  return offset < 0.25 ? 'before' : offset > 0.75 ? 'after' : 'inside'\n}\n\nconst onDragStart = (key: string, event: DragEvent) => {\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData(DRAG_TYPE, key)\n  }\n  controller.startDrag(key)\n}\n\nconst onDragEnd = () => {\n  controller.endDrag()\n  drop.value = null\n}\n\nconst onDragOver = (key: string, event: DragEvent) => {\n  const dragging = controller.state.dragging\n\n  if (!dragging) return\n\n  const at = position(event)\n\n  if (controller.canDrop(dragging, key, at)) {\n    event.preventDefault()\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move'\n    drop.value = { key, position: at }\n  } else if (drop.value?.key === key) {\n    drop.value = null\n  }\n}\n\nconst onDragLeave = (key: string, event: DragEvent) => {\n  const target = event.currentTarget as HTMLElement\n\n  if (!target.contains(event.relatedTarget as Node | null) && drop.value?.key === key) {\n    drop.value = null\n  }\n}\n\nconst onDrop = (key: string, event: DragEvent) => {\n  event.preventDefault()\n  const dragging = controller.state.dragging\n\n  if (dragging) controller.drop(dragging, key, position(event))\n  onDragEnd()\n}\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" data-slot=\"tree-widget\">\n    <CardHeader class=\"px-5\">\n      <div class=\"flex flex-wrap items-center justify-between gap-2\">\n        <CardTitle v-if=\"props.tree.heading\" :id=\"labelId\" class=\"text-base\">{{\n          props.tree.heading\n        }}</CardTitle>\n        <span v-else :id=\"labelId\" class=\"sr-only\">{{ t('tree.label', {}, 'Tree') }}</span>\n        <div class=\"ms-auto flex flex-wrap items-center gap-1\">\n          <template v-if=\"hasParents\">\n            <Button type=\"button\" variant=\"ghost\" size=\"sm\" @click=\"controller.expandAll()\">\n              <ChevronsUpDownIcon aria-hidden=\"true\" />\n              {{ t('tree.expand_all', {}, 'Expand all') }}\n            </Button>\n            <Button type=\"button\" variant=\"ghost\" size=\"sm\" @click=\"controller.collapseAll()\">\n              <ChevronsDownUpIcon aria-hidden=\"true\" />\n              {{ t('tree.collapse_all', {}, 'Collapse all') }}\n            </Button>\n          </template>\n          <template v-if=\"state.dirty\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              :disabled=\"state.saving\"\n              @click=\"controller.reset()\"\n            >\n              {{ t('tree.discard', {}, 'Discard changes') }}\n            </Button>\n            <Button type=\"button\" size=\"sm\" :disabled=\"state.saving\" @click=\"controller.save()\">\n              {{\n                state.saving ? t('tree.saving', {}, 'Saving…') : t('tree.save', {}, 'Save order')\n              }}\n            </Button>\n          </template>\n        </div>\n      </div>\n      <p v-if=\"state.dirty\" class=\"text-muted-foreground text-sm\">\n        {{ t('tree.unsaved', {}, 'You have unsaved changes to the order.') }}\n      </p>\n    </CardHeader>\n    <CardContent class=\"px-5\">\n      <p v-if=\"rows.length === 0\" class=\"text-muted-foreground py-6 text-center text-sm\">\n        {{ t('tree.empty', {}, 'No records yet') }}\n      </p>\n      <ul\n        v-else\n        role=\"tree\"\n        :aria-labelledby=\"labelId\"\n        class=\"flex flex-col gap-1\"\n        data-slot=\"tree\"\n      >\n        <li\n          v-for=\"row in rows\"\n          :key=\"row.node.key\"\n          :ref=\"setItem(row.node.key)\"\n          role=\"treeitem\"\n          :aria-level=\"row.level\"\n          :aria-setsize=\"row.siblings\"\n          :aria-posinset=\"row.index + 1\"\n          :aria-expanded=\"row.hasChildren ? row.expanded : undefined\"\n          :aria-selected=\"current === row.node.key\"\n          :aria-label=\"row.node.title\"\n          :tabindex=\"current === row.node.key ? 0 : -1\"\n          data-slot=\"tree-item\"\n          :data-key=\"row.node.key\"\n          :data-drop=\"drop?.key === row.node.key ? drop.position : undefined\"\n          :data-dragging=\"state.dragging === row.node.key ? '' : undefined\"\n          :draggable=\"props.tree.reorderable\"\n          :class=\"\n            cn(\n              'hover:bg-accent/50 focus-visible:ring-ring/50 flex items-center gap-2 rounded-md border px-2 py-1.5 outline-none focus-visible:ring-[3px]',\n              state.dragging === row.node.key && 'opacity-50',\n            )\n          \"\n          :style=\"{ marginInlineStart: `${(row.level - 1) * 1.5}rem` }\"\n          @focus=\"\n            (event: FocusEvent) => event.target === event.currentTarget && (focused = row.node.key)\n          \"\n          @keydown=\"onKeyDown(row, $event)\"\n          @dragstart=\"onDragStart(row.node.key, $event)\"\n          @dragend=\"onDragEnd\"\n          @dragover=\"onDragOver(row.node.key, $event)\"\n          @dragleave=\"onDragLeave(row.node.key, $event)\"\n          @drop=\"onDrop(row.node.key, $event)\"\n        >\n          <GripVerticalIcon\n            v-if=\"props.tree.reorderable\"\n            class=\"text-muted-foreground size-4 shrink-0 cursor-grab\"\n            aria-hidden=\"true\"\n          />\n          <Button\n            v-if=\"row.hasChildren\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :tabindex=\"-1\"\n            :aria-label=\"\n              row.expanded\n                ? t('tree.collapse', { title: row.node.title }, 'Collapse :title')\n                : t('tree.expand', { title: row.node.title }, 'Expand :title')\n            \"\n            @click=\"controller.toggle(row.node.key)\"\n          >\n            <ChevronRightIcon\n              :class=\"\n                cn('transition-transform rtl:rotate-180', row.expanded && 'rotate-90 rtl:rotate-90')\n              \"\n              aria-hidden=\"true\"\n            />\n          </Button>\n          <span v-else class=\"size-6 shrink-0\" aria-hidden=\"true\" />\n          <Icon\n            v-if=\"row.node.icon\"\n            :name=\"row.node.icon\"\n            class=\"text-muted-foreground size-4 shrink-0\"\n          />\n          <span class=\"min-w-0 flex-1 truncate text-sm font-medium\">{{ row.node.title }}</span>\n          <div\n            v-if=\"props.tree.reorderable\"\n            class=\"flex shrink-0 items-center\"\n            data-slot=\"tree-move-buttons\"\n          >\n            <Button\n              v-for=\"move in [\n                {\n                  name: 'up',\n                  label: t('tree.move_up', { title: row.node.title }, 'Move :title up'),\n                },\n                {\n                  name: 'down',\n                  label: t('tree.move_down', { title: row.node.title }, 'Move :title down'),\n                },\n                {\n                  name: 'outdent',\n                  label: t(\n                    'tree.outdent',\n                    { title: row.node.title },\n                    'Move :title out of its parent',\n                  ),\n                },\n                {\n                  name: 'indent',\n                  label: t(\n                    'tree.indent',\n                    { title: row.node.title },\n                    'Move :title into the item above',\n                  ),\n                },\n              ] as const\"\n              :key=\"move.name\"\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              :aria-label=\"move.label\"\n              :title=\"move.label\"\n              :disabled=\"!controller.canMove(row.node.key, move.name)\"\n              @click=\"controller.move(row.node.key, move.name)\"\n            >\n              <ArrowUpIcon v-if=\"move.name === 'up'\" aria-hidden=\"true\" />\n              <ArrowDownIcon v-else-if=\"move.name === 'down'\" aria-hidden=\"true\" />\n              <ListIndentDecreaseIcon\n                v-else-if=\"move.name === 'outdent'\"\n                class=\"rtl:rotate-180\"\n                aria-hidden=\"true\"\n              />\n              <ListIndentIncreaseIcon v-else class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n            </Button>\n          </div>\n          <ActionList\n            v-if=\"row.node.actions?.length\"\n            :actions=\"row.node.actions\"\n            :context=\"{\n              token: page.token,\n              component: props.tree.actionComponent,\n              record: row.node.key,\n            }\"\n            size=\"xs\"\n            class=\"shrink-0 gap-1\"\n          />\n        </li>\n      </ul>\n      <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}

package/dist/components/tree/TreeView.vue.d.ts

@@ -0,0 +1,11 @@
+import type { TreeSchema } from '@alfakit/core';
+/**
+ * Nodes are rearranged with native drag and drop, the move buttons or Alt + arrow keys,
+ * and the new structure is saved in one request.
+ */
+type __VLS_Props = {
+    tree: TreeSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TreeView.vue.d.ts.map

package/dist/components/tree/TreeView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tree/TreeView.vue"],"names":[],"mappings":"AAyUA,OAAO,KAAK,EAA8C,UAAU,EAAE,MAAM,eAAe,CAAA;AA0B3F;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;;AAssBxC,wBAMG"}