@alfakit/vue 0.1.9 → 0.1.11

package/dist/components/table/TablePagination.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_Fragment","_renderList","_createVNode","Button","_withCtx","_createTextVNode","_createBlock","Icon","Icon_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TablePagination_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","format","useFormatter","pagination","computed","pageWindow","last","index","sorted","current","page","a","b","result","numbered","value","appending","isAppendingPagination","pages","extremes","extremePageLinks","previous","previousPageQuery","next","nextPageQuery","summary","goTo","visitTable","prefetchNext","prefetchTablePage","pendingTotal","visit","query","setPerPage","event","loading","ref","failed","sentinel","observer","loadMore","succeeded","cancelled","watch","element","mode","hasFailed","entries","entry","onBeforeUnmount","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createCommentVNode","Fragment","renderList","option","createVNode","withCtx","createTextVNode","createBlock","_cache","ChevronsLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronsRightIcon"],"sources":["../../../src/components/table/TablePagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport {\n  extremePageLinks,\n  isAppendingPagination,\n  nextPageQuery,\n  prefetchTablePage,\n  previousPageQuery,\n  visitTable,\n} from '@alfakit/core'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from '@lucide/vue'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{ table: TableSchema }>()\nconst t = useT()\nconst format = useFormatter()\nconst pagination = computed(() => props.table.pagination)\n\nfunction pageWindow(current: number, last: number): Array<number | null> {\n  if (last <= 7) {\n    return Array.from({ length: last }, (_, index) => index + 1)\n  }\n\n  const pages = new Set<number>([1, last, current - 1, current, current + 1])\n  const sorted = [...pages].filter((page) => page >= 1 && page <= last).sort((a, b) => a - b)\n  const result: Array<number | null> = []\n\n  sorted.forEach((page, index) => {\n    if (index > 0 && page - (sorted[index - 1] ?? 0) > 1) {\n      result.push(null)\n    }\n\n    result.push(page)\n  })\n\n  return result\n}\n\n// Numbered pages (the default mode) know their total and last page.\nconst numbered = computed(() => {\n  const value = pagination.value\n\n  return value && (value.mode === undefined || value.mode === 'default') ? value : null\n})\nconst appending = computed(() =>\n  isAppendingPagination(pagination.value) ? pagination.value : null,\n)\nconst pages = computed(() =>\n  numbered.value ? pageWindow(numbered.value.currentPage, numbered.value.lastPage) : [],\n)\n// `extremePaginationLinks()`: first / last page buttons around numbered pages.\nconst extremes = computed(() =>\n  numbered.value\n    ? extremePageLinks(props.table, numbered.value.currentPage, numbered.value.lastPage)\n    : null,\n)\nconst previous = computed(() => previousPageQuery(pagination.value))\nconst next = computed(() => nextPageQuery(pagination.value))\nconst summary = computed(() => {\n  const value = pagination.value\n\n  if (!value) return ''\n\n  return numbered.value\n    ? t(\n        'table.showing',\n        {\n          first: format.value.number(value.from),\n          last: format.value.number(value.to),\n          total: format.value.number(numbered.value.total),\n        },\n        'Showing :first–:last of :total',\n      )\n    : t(\n        'table.showing_range',\n        { first: format.value.number(value.from), last: format.value.number(value.to) },\n        'Showing :first–:last',\n      )\n})\nconst goTo = (page: number) => visitTable(props.table.identifier, { page }, ['page'])\n// The next page is fetched while hovering or focusing \"next\" (cached for a few seconds).\nconst prefetchNext = () => next.value && prefetchTablePage(props.table.identifier, next.value)\n// `deferTotals()`: the total and page numbers arrive after the rows.\nconst pendingTotal = computed(\n  () => pagination.value?.mode === 'simple' && pagination.value.pendingTotal === true,\n)\nconst visit = (query: ReturnType<typeof nextPageQuery>) =>\n  query && visitTable(props.table.identifier, query, ['page'])\nconst setPerPage = (event: Event) => {\n  const value = (event.target as HTMLSelectElement).value\n  visitTable(props.table.identifier, { perPage: value === 'all' ? 'all' : Number(value) }, ['page'])\n}\n\n// Load more / infinite scroll: the server returns every record up to the requested page,\n// so asking for the next page appends it (and reloads keep what was already shown). A\n// request that fails shows a retry control instead of staying on \"Loading more…\"; infinite\n// scroll waits for the retry rather than requesting again.\nconst loading = ref(false)\nconst failed = ref(false)\nconst sentinel = ref<HTMLElement | null>(null)\nlet observer: IntersectionObserver | null = null\n\nwatch(\n  () => pagination.value?.to,\n  () => {\n    loading.value = false\n    failed.value = false\n  },\n)\n\nconst loadMore = () => {\n  if (!next.value || loading.value) return\n\n  let succeeded = false\n  let cancelled = false\n  loading.value = true\n  failed.value = false\n  visitTable(props.table.identifier, next.value, ['page'], {\n    onSuccess: () => {\n      succeeded = true\n    },\n    onCancel: () => {\n      cancelled = true\n    },\n    onFinish: () => {\n      loading.value = false\n      if (!succeeded && !cancelled) failed.value = true\n    },\n  })\n}\n\nwatch(\n  [sentinel, () => appending.value?.mode, next, failed],\n  ([element, mode, query, hasFailed]) => {\n    observer?.disconnect()\n    observer = null\n\n    if (\n      !element ||\n      mode !== 'infinite' ||\n      !query ||\n      hasFailed ||\n      typeof IntersectionObserver === 'undefined'\n    ) {\n      return\n    }\n\n    observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) loadMore()\n    })\n    observer.observe(element)\n  },\n  { flush: 'post' },\n)\n\nonBeforeUnmount(() => observer?.disconnect())\n</script>\n\n<template>\n  <div v-if=\"pagination\" class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n    <div class=\"text-muted-foreground flex items-center gap-3 text-sm\">\n      <span>{{ summary }}</span>\n      <span\n        v-if=\"pendingTotal\"\n        data-slot=\"pagination-total\"\n        aria-busy=\"true\"\n        :aria-label=\"t('loading', {}, 'Loading')\"\n        class=\"bg-muted-foreground/20 inline-block h-4 w-12 animate-pulse rounded-md\"\n      />\n      <label v-if=\"pagination.pageOptions.length > 1\" class=\"flex items-center gap-2\">\n        <span class=\"sr-only sm:not-sr-only\">{{ t('table.per_page', {}, 'Per page') }}</span>\n        <select\n          :value=\"String(pagination.perPage)\"\n          class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n          @change=\"setPerPage\"\n        >\n          <option v-for=\"option in pagination.pageOptions\" :key=\"option\" :value=\"String(option)\">\n            {{ option === 'all' ? t('table.all', {}, 'All') : format.number(option) }}\n          </option>\n        </select>\n      </label>\n    </div>\n    <template v-if=\"appending\">\n      <template v-if=\"next\">\n        <div v-if=\"failed\" class=\"flex items-center gap-2 text-sm\" role=\"alert\">\n          <span class=\"text-destructive\">{{\n            t('table.load_more_failed', {}, \"Couldn't load more records.\")\n          }}</span>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"loadMore\">{{\n            t('retry', {}, 'Retry')\n          }}</Button>\n        </div>\n        <div\n          v-else-if=\"appending.mode === 'infinite'\"\n          ref=\"sentinel\"\n          class=\"text-muted-foreground text-sm\"\n          aria-live=\"polite\"\n        >\n          {{ loading ? t('table.loading_more', {}, 'Loading more…') : '' }}\n        </div>\n        <Button\n          v-else\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          :disabled=\"loading\"\n          @click=\"loadMore\"\n        >\n          {{\n            loading ? t('table.loading_more', {}, 'Loading more…') : t('load_more', {}, 'Load more')\n          }}\n        </Button>\n      </template>\n    </template>\n    <nav\n      v-else-if=\"previous || next\"\n      class=\"flex items-center gap-1\"\n      :aria-label=\"t('pagination', {}, 'Pagination')\"\n    >\n      <Button\n        v-if=\"extremes\"\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        data-slot=\"pagination-first\"\n        :disabled=\"extremes.first === null\"\n        :aria-label=\"t('table.first_page', {}, 'First page')\"\n        @click=\"goTo(1)\"\n        ><Icon\n          name=\"alfakit::support.pagination.first-button\"\n          :fallback=\"ChevronsLeftIcon\"\n          class=\"rtl:rotate-180\"\n      /></Button>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        :disabled=\"!previous\"\n        :aria-label=\"t('table.previous', {}, 'Previous')\"\n        @click=\"visit(previous)\"\n        ><Icon\n          name=\"alfakit::support.pagination.previous-button\"\n          :fallback=\"ChevronLeftIcon\"\n          class=\"rtl:rotate-180\"\n      /></Button>\n      <template v-if=\"numbered && !numbered.simple\">\n        <template v-for=\"(page, index) in pages\" :key=\"page === null ? `gap-${index}` : page\">\n          <span v-if=\"page === null\" class=\"text-muted-foreground px-1\">…</span>\n          <Button\n            v-else\n            type=\"button\"\n            :variant=\"page === numbered.currentPage ? 'default' : 'outline'\"\n            size=\"icon-sm\"\n            :aria-current=\"page === numbered.currentPage ? 'page' : undefined\"\n            @click=\"goTo(page)\"\n            >{{ format.number(page) }}</Button\n          >\n        </template>\n      </template>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        :disabled=\"!next\"\n        :aria-label=\"t('table.next', {}, 'Next')\"\n        @click=\"visit(next)\"\n        @pointerenter=\"prefetchNext\"\n        @focus=\"prefetchNext\"\n        ><Icon\n          name=\"alfakit::support.pagination.next-button\"\n          :fallback=\"ChevronRightIcon\"\n          class=\"rtl:rotate-180\"\n      /></Button>\n      <Button\n        v-if=\"extremes\"\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        data-slot=\"pagination-last\"\n        :disabled=\"extremes.last === null\"\n        :aria-label=\"t('table.last_page', {}, 'Last page')\"\n        @click=\"extremes.last !== null && goTo(extremes.last)\"\n        ><Icon\n          name=\"alfakit::support.pagination.last-button\"\n          :fallback=\"ChevronsRightIcon\"\n          class=\"rtl:rotate-180\"\n      /></Button>\n    </nav>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TablePagination.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_Fragment","_renderList","_createVNode","Button","_withCtx","_createTextVNode","_createBlock","Icon","Icon_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TablePagination_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","format","useFormatter","pagination","computed","pageWindow","last","index","sorted","current","page","a","b","result","numbered","value","appending","isAppendingPagination","pages","extremes","extremePageLinks","previous","previousPageQuery","next","nextPageQuery","summary","goTo","visitTable","prefetchNext","prefetchTablePage","pendingTotal","visit","query","setPerPage","event","loading","ref","failed","sentinel","observer","loadMore","succeeded","cancelled","watch","element","mode","hasFailed","entries","entry","onBeforeUnmount","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createCommentVNode","Fragment","renderList","option","createVNode","withCtx","createTextVNode","createBlock","_cache","ChevronsLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronsRightIcon"],"sources":["../../../src/components/table/TablePagination.vue"],"mappings":"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"}

package/dist/components/table/TableSummaryFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSummaryFooter.js","names":["_sfc_main","TableSummaryFooter_vue_vue_type_script_setup_true_lang_default","TableSummaryFooter_default"],"sources":["../../../src/components/table/TableSummaryFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColumnSchema, TableSchema, TableSummaryRowSchema } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { useT } from '../../context'\nimport TableCell from '../ui/TableCell.vue'\nimport TableRow from '../ui/TableRow.vue'\nimport TableFooter from '../ui/TableFooter.vue'\nimport SummaryRow from './SummaryRow.vue'\n\n/** The page and \"all records\" summary rows below the table body. */\nconst props = defineProps<{\n  table: TableSchema\n  columns: ColumnSchema[]\n  leading: number\n  trailing: number\n  class?: HTMLAttributes['class']\n}>()\n\nconst t = useT()\nconst rows = computed(() =>\n  [props.table.summaries?.page, props.table.summaries?.all].filter(\n    (row): row is TableSummaryRowSchema => Boolean(row),\n  ),\n)\n</script>\n\n<template>\n  <!-- `deferTotals()`: one placeholder row until the summaries arrive. -->\n  <TableFooter\n    v-if=\"rows.length === 0 && props.table.deferredTotals?.summaries\"\n    :class=\"props.class\"\n  >\n    <TableRow data-slot=\"table-summary\" aria-busy=\"true\">\n      <TableCell :colspan=\"props.leading + props.columns.length + props.trailing\">\n        <span\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 block h-4 w-40 animate-pulse rounded-md\"\n        />\n      </TableCell>\n    </TableRow>\n  </TableFooter>\n  <TableFooter v-else-if=\"rows.length > 0\" :class=\"props.class\">\n    <SummaryRow\n      v-for=\"row in rows\"\n      :key=\"row.label\"\n      :columns=\"props.columns\"\n      :values=\"row.values\"\n      :label=\"row.label\"\n      :leading=\"props.leading\"\n      :trailing=\"props.trailing\"\n    />\n  </TableFooter>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableSummaryFooter.js","names":["_sfc_main","TableSummaryFooter_vue_vue_type_script_setup_true_lang_default","TableSummaryFooter_default"],"sources":["../../../src/components/table/TableSummaryFooter.vue"],"mappings":""}

package/dist/components/table/TableSummaryFooter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSummaryFooter.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","TableFooter","_normalizeClass","_withCtx","_createVNode","TableRow","TableCell","_createElementVNode","_unref","_createElementBlock","_Fragment","_renderList","SummaryRow","_createCommentVNode","TableCell_default","TableRow_default","SummaryRow_default","TableFooter_default","_hoisted_1","TableSummaryFooter_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","rows","computed","row","openBlock","createBlock","normalizeClass","withCtx","createVNode","createElementVNode","unref","createElementBlock","Fragment","renderList","createCommentVNode"],"sources":["../../../src/components/table/TableSummaryFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColumnSchema, TableSchema, TableSummaryRowSchema } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { useT } from '../../context'\nimport TableCell from '../ui/TableCell.vue'\nimport TableRow from '../ui/TableRow.vue'\nimport TableFooter from '../ui/TableFooter.vue'\nimport SummaryRow from './SummaryRow.vue'\n\n/** The page and \"all records\" summary rows below the table body. */\nconst props = defineProps<{\n  table: TableSchema\n  columns: ColumnSchema[]\n  leading: number\n  trailing: number\n  class?: HTMLAttributes['class']\n}>()\n\nconst t = useT()\nconst rows = computed(() =>\n  [props.table.summaries?.page, props.table.summaries?.all].filter(\n    (row): row is TableSummaryRowSchema => Boolean(row),\n  ),\n)\n</script>\n\n<template>\n  <!-- `deferTotals()`: one placeholder row until the summaries arrive. -->\n  <TableFooter\n    v-if=\"rows.length === 0 && props.table.deferredTotals?.summaries\"\n    :class=\"props.class\"\n  >\n    <TableRow data-slot=\"table-summary\" aria-busy=\"true\">\n      <TableCell :colspan=\"props.leading + props.columns.length + props.trailing\">\n        <span\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 block h-4 w-40 animate-pulse rounded-md\"\n        />\n      </TableCell>\n    </TableRow>\n  </TableFooter>\n  <TableFooter v-else-if=\"rows.length > 0\" :class=\"props.class\">\n    <SummaryRow\n      v-for=\"row in rows\"\n      :key=\"row.label\"\n      :columns=\"props.columns\"\n      :values=\"row.values\"\n      :label=\"row.label\"\n      :leading=\"props.leading\"\n      :trailing=\"props.trailing\"\n    />\n  </TableFooter>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMqB,IAAQC,GAQRC,IAAIC,EAAK,GACTC,IAAOC,QACX,CAACL,EAAM,MAAM,WAAW,MAAMA,EAAM,MAAM,WAAW,GAAG,CAAC,CAAC,QACvD,MAAsC,EAAQM,CACjD,CACF;mBAMUF,EAAA,MAAK,WAAM,KAAUJ,EAAM,MAAM,gBAAgB,aADzDrB,EAAA,GAAAC,EAYcC,GAAA;;GAVX,OAAKC,EAAEkB,EAAM,KAAK;;GAEnB,SAAAjB,QAOW,CAPXC,EAOWC,GAAA;IAPD,aAAU;IAAgB,aAAU;;IAC5C,SAAAF,QAKY,CALZC,EAKYE,GAAA,EALA,SAASc,EAAM,UAAUA,EAAM,QAAQ,SAASA,EAAM,SAAA,GAAA;KAChE,SAAAjB,QAGE,CAHFI,EAGE,QAAA;MAFC,cAAYC,EAAAc,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;MACd,OAAM;;;;;;;EAKU,GAAA,GAAA,CAAA,OAAA,CAAA,KAAAE,EAAA,MAAK,SAAM,KAAnCzB,EAAA,GAAAC,EAUcC,GAAA;;GAV4B,OAAKC,EAAEkB,EAAM,KAAK;;GAExD,SAAAjB,QAAmB,EADrBJ,EAAA,EAAA,GAAAU,EAQEC,GAAA,MAAAC,EAPca,EAAA,QAAP,OADTzB,EAAA,GAAAC,EAQEY,GAAA;IANC,KAAKc,EAAI;IACT,SAASN,EAAM;IACf,QAAQM,EAAI;IACZ,OAAOA,EAAI;IACX,SAASN,EAAM;IACf,UAAUA,EAAM"}
+{"version":3,"file":"TableSummaryFooter.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","TableFooter","_normalizeClass","_withCtx","_createVNode","TableRow","TableCell","_createElementVNode","_unref","_createElementBlock","_Fragment","_renderList","SummaryRow","_createCommentVNode","TableCell_default","TableRow_default","SummaryRow_default","TableFooter_default","_hoisted_1","TableSummaryFooter_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","rows","computed","row","openBlock","createBlock","normalizeClass","withCtx","createVNode","createElementVNode","unref","createElementBlock","Fragment","renderList","createCommentVNode"],"sources":["../../../src/components/table/TableSummaryFooter.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMqB,IAAQC,GAQRC,IAAIC,EAAK,GACTC,IAAOC,QACX,CAACL,EAAM,MAAM,WAAW,MAAMA,EAAM,MAAM,WAAW,GAAG,CAAC,CAAC,QACvD,MAAsC,EAAQM,CACjD,CACF;mBAMUF,EAAA,MAAK,WAAM,KAAUJ,EAAM,MAAM,gBAAgB,aADzDrB,EAAA,GAAAC,EAYcC,GAAA;;GAVX,OAAKC,EAAEkB,EAAM,KAAK;;GAEnB,SAAAjB,QAOW,CAPXC,EAOWC,GAAA;IAPD,aAAU;IAAgB,aAAU;;IAC5C,SAAAF,QAKY,CALZC,EAKYE,GAAA,EALA,SAASc,EAAM,UAAUA,EAAM,QAAQ,SAASA,EAAM,SAAA,GAAA;KAChE,SAAAjB,QAGE,CAHFI,EAGE,QAAA;MAFC,cAAYC,EAAAc,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;MACd,OAAM;;;;;;;EAKU,GAAA,GAAA,CAAA,OAAA,CAAA,KAAAE,EAAA,MAAK,SAAM,KAAnCzB,EAAA,GAAAC,EAUcC,GAAA;;GAV4B,OAAKC,EAAEkB,EAAM,KAAK;;GAExD,SAAAjB,QAAmB,EADrBJ,EAAA,EAAA,GAAAU,EAQEC,GAAA,MAAAC,EAPca,EAAA,QAAP,OADTzB,EAAA,GAAAC,EAQEY,GAAA;IANC,KAAKc,EAAI;IACT,SAASN,EAAM;IACf,QAAQM,EAAI;IACZ,OAAOA,EAAI;IACX,SAASN,EAAM;IACf,UAAUA,EAAM"}

package/dist/components/table/TableTriggerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTriggerButton.js","names":["_sfc_main","TableTriggerButton_vue_vue_type_script_setup_true_lang_default","TableTriggerButton_default"],"sources":["../../../src/components/table/TableTriggerButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TriggerButtonView } from '@alfakit/core'\nimport { computed, useSlots, type HTMLAttributes } from 'vue'\nimport {\n  badgeColorClasses,\n  colorClass,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * A table toolbar button (filters, column manager, grouping, reordering, apply / reset)\n * in its default look or as customised with `filtersTriggerAction()` & co. The `icon`\n * slot is the default look's icon; a server icon (`->icon()`) replaces it. Extra\n * attributes (`aria-*`, handlers, a popover trigger's props) reach the button.\n */\nconst props = withDefaults(\n  defineProps<{\n    view: TriggerButtonView\n    /** The default look hides the label below `sm` (icon only on phones). */\n    responsiveLabel?: boolean\n    /** Highlight the default look (active filters, an active grouping). */\n    active?: boolean\n    disabled?: boolean\n    class?: HTMLAttributes['class']\n  }>(),\n  { responsiveLabel: false, active: false, disabled: false, class: undefined },\n)\nconst slots = useSlots()\n\nconst iconOnly = computed(() => !props.view.showLabel)\nconst hasIcon = computed(() => Boolean(props.view.icon || slots.icon))\nconst size = computed(() =>\n  iconOnly.value\n    ? props.view.size === 'xs'\n      ? 'icon-xs'\n      : props.view.size === 'lg'\n        ? 'icon'\n        : 'icon-sm'\n    : props.view.size,\n)\nconst colored = computed(() =>\n  props.view.color\n    ? props.view.variant === 'default'\n      ? colorClass(solidButtonColorClasses, props.view.color, 'primary')\n      : props.view.variant === 'outline'\n        ? colorClass(outlineButtonColorClasses, props.view.color, 'gray')\n        : colorClass(textColorClasses, props.view.color, 'primary')\n    : undefined,\n)\nconst showBadge = computed(\n  () => props.view.badge !== undefined && props.view.badge !== null && props.view.badge !== 0,\n)\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :variant=\"props.view.variant\"\n    :size=\"size\"\n    :title=\"props.view.tooltip\"\n    :aria-label=\"iconOnly ? props.view.label : undefined\"\n    data-slot=\"table-trigger\"\n    :disabled=\"props.view.disabled || props.disabled\"\n    :class=\"\n      cn(\n        colored,\n        props.active &&\n          !props.view.color &&\n          props.view.variant === 'outline' &&\n          'border-primary/50 text-primary',\n        props.class,\n      )\n    \"\n  >\n    <template v-if=\"!props.view.iconAfter\">\n      <Icon v-if=\"props.view.icon\" :name=\"props.view.icon\" />\n      <slot v-else name=\"icon\" />\n    </template>\n    <span\n      v-if=\"!iconOnly\"\n      :class=\"cn(props.responsiveLabel && hasIcon ? 'sr-only sm:not-sr-only' : undefined)\"\n      >{{ props.view.label }}</span\n    >\n    <template v-if=\"props.view.iconAfter\">\n      <Icon v-if=\"props.view.icon\" :name=\"props.view.icon\" />\n      <slot v-else name=\"icon\" />\n    </template>\n    <Badge\n      v-if=\"showBadge\"\n      :class=\"\n        cn(\n          'ms-1 h-5 min-w-5 px-1',\n          props.view.badgeColor && colorClass(badgeColorClasses, props.view.badgeColor, 'primary'),\n        )\n      \"\n      >{{ props.view.badge }}</Badge\n    >\n  </Button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableTriggerButton.js","names":["_sfc_main","TableTriggerButton_vue_vue_type_script_setup_true_lang_default","TableTriggerButton_default"],"sources":["../../../src/components/table/TableTriggerButton.vue"],"mappings":""}

package/dist/components/table/TableTriggerButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTriggerButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_normalizeClass","_unref","_withCtx","_createElementBlock","_Fragment","Icon","_renderSlot","_createCommentVNode","_toDisplayString","Badge","_createTextVNode","Icon_default","Badge_default","Button_default","TableTriggerButton_vue_vue_type_script_setup_true_lang_default","props","__props","slots","useSlots","iconOnly","computed","hasIcon","size","colored","colorClass","solidButtonColorClasses","outlineButtonColorClasses","textColorClasses","showBadge","openBlock","createBlock","normalizeClass","unref","cn","withCtx","createCommentVNode","createElementBlock","Fragment","renderSlot","_ctx","toDisplayString","badgeColorClasses","createTextVNode"],"sources":["../../../src/components/table/TableTriggerButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TriggerButtonView } from '@alfakit/core'\nimport { computed, useSlots, type HTMLAttributes } from 'vue'\nimport {\n  badgeColorClasses,\n  colorClass,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * A table toolbar button (filters, column manager, grouping, reordering, apply / reset)\n * in its default look or as customised with `filtersTriggerAction()` & co. The `icon`\n * slot is the default look's icon; a server icon (`->icon()`) replaces it. Extra\n * attributes (`aria-*`, handlers, a popover trigger's props) reach the button.\n */\nconst props = withDefaults(\n  defineProps<{\n    view: TriggerButtonView\n    /** The default look hides the label below `sm` (icon only on phones). */\n    responsiveLabel?: boolean\n    /** Highlight the default look (active filters, an active grouping). */\n    active?: boolean\n    disabled?: boolean\n    class?: HTMLAttributes['class']\n  }>(),\n  { responsiveLabel: false, active: false, disabled: false, class: undefined },\n)\nconst slots = useSlots()\n\nconst iconOnly = computed(() => !props.view.showLabel)\nconst hasIcon = computed(() => Boolean(props.view.icon || slots.icon))\nconst size = computed(() =>\n  iconOnly.value\n    ? props.view.size === 'xs'\n      ? 'icon-xs'\n      : props.view.size === 'lg'\n        ? 'icon'\n        : 'icon-sm'\n    : props.view.size,\n)\nconst colored = computed(() =>\n  props.view.color\n    ? props.view.variant === 'default'\n      ? colorClass(solidButtonColorClasses, props.view.color, 'primary')\n      : props.view.variant === 'outline'\n        ? colorClass(outlineButtonColorClasses, props.view.color, 'gray')\n        : colorClass(textColorClasses, props.view.color, 'primary')\n    : undefined,\n)\nconst showBadge = computed(\n  () => props.view.badge !== undefined && props.view.badge !== null && props.view.badge !== 0,\n)\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :variant=\"props.view.variant\"\n    :size=\"size\"\n    :title=\"props.view.tooltip\"\n    :aria-label=\"iconOnly ? props.view.label : undefined\"\n    data-slot=\"table-trigger\"\n    :disabled=\"props.view.disabled || props.disabled\"\n    :class=\"\n      cn(\n        colored,\n        props.active &&\n          !props.view.color &&\n          props.view.variant === 'outline' &&\n          'border-primary/50 text-primary',\n        props.class,\n      )\n    \"\n  >\n    <template v-if=\"!props.view.iconAfter\">\n      <Icon v-if=\"props.view.icon\" :name=\"props.view.icon\" />\n      <slot v-else name=\"icon\" />\n    </template>\n    <span\n      v-if=\"!iconOnly\"\n      :class=\"cn(props.responsiveLabel && hasIcon ? 'sr-only sm:not-sr-only' : undefined)\"\n      >{{ props.view.label }}</span\n    >\n    <template v-if=\"props.view.iconAfter\">\n      <Icon v-if=\"props.view.icon\" :name=\"props.view.icon\" />\n      <slot v-else name=\"icon\" />\n    </template>\n    <Badge\n      v-if=\"showBadge\"\n      :class=\"\n        cn(\n          'ms-1 h-5 min-w-5 px-1',\n          props.view.badgeColor && colorClass(badgeColorClasses, props.view.badgeColor, 'primary'),\n        )\n      \"\n      >{{ props.view.badge }}</Badge\n    >\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAMkB,IAAQC,GAYRC,IAAQC,EAAS,GAEjBC,IAAWC,QAAe,CAACL,EAAM,KAAK,SAAS,GAC/CM,IAAUD,QAAe,GAAQL,EAAM,KAAK,QAAQE,EAAM,KAAK,GAC/DK,IAAOF,QACXD,EAAS,QACLJ,EAAM,KAAK,SAAS,OAClB,YACAA,EAAM,KAAK,SAAS,OAClB,SACA,YACJA,EAAM,KAAK,IACjB,GACMQ,IAAUH,QACdL,EAAM,KAAK,QACPA,EAAM,KAAK,YAAY,YACrBS,EAAWC,GAAyBV,EAAM,KAAK,OAAO,SAAS,IAC/DA,EAAM,KAAK,YAAY,YACrBS,EAAWE,GAA2BX,EAAM,KAAK,OAAO,MAAM,IAC9DS,EAAWG,GAAkBZ,EAAM,KAAK,OAAO,SAAS,IAC5D,KAAA,CACN,GACMa,IAAYR,QACVL,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAU,QAAQA,EAAM,KAAK,UAAU,CAC5F;oBAIElB,EAAA,GAAAC,EA0CSC,GAAA;GAzCP,MAAK;GACJ,SAASgB,EAAM,KAAK;GACpB,MAAMO,EAAA;GACN,OAAOP,EAAM,KAAK;GAClB,cAAYI,EAAA,QAAWJ,EAAM,KAAK,QAAQ,KAAA;GAC3C,aAAU;GACT,UAAUA,EAAM,KAAK,YAAYA,EAAM;GACvC,OAAKf,EAASC,EAAAgC,CAAA,CAAE,CAAUV,EAAA,OAAiBR,EAAM,UAAqB,CAAAA,EAAM,KAAK,SAAmBA,EAAM,KAAK,YAAO,aAAA,kCAAsEA,EAAM,KAAA,CAAA;;GAWnM,SAAAb,QAGW;IAHMa,EAAM,KAAK,YAECoB,EAAA,IAAA,EAAA,KAF7BtC,EAAA,GAAAM,EAGWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAFGW,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAAuDG,EAAAI,CAAA,GAAA;;KAAzB,MAAMU,EAAM,KAAK;IAC/CT,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAA2BiC,EAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,EAAA;IAGpBpB,EAAA,QAEagB,EAAA,IAAA,EAAA,KAHtBtC,EAAA,GAAAM,EAIC,QAAA;;KAFE,OAAKH,EAAEC,EAAAgC,CAAA,CAAE,CAAClB,EAAM,mBAAmBM,EAAA,QAAO,2BAA8B,KAAA,CAAS,CAAA;IAC9E,GAAAb,EAAAO,EAAM,KAAK,KAAK,GAAA,CAAA;IAENA,EAAM,KAAK,aAA3BlB,EAAA,GAAAM,EAGWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAFGW,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAAuDG,EAAAI,CAAA,GAAA;;KAAzB,MAAMU,EAAM,KAAK;IAC/CT,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAA2BiC,EAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,EAAA,KAAAJ,EAAA,IAAA,EAAA;IAGrBP,EAAA,SADR/B,EAAA,GAAAC,EASCW,GAAA;;KAPE,OAAKT,EAAWC,EAAAgC,CAAA,CAAE,CAAA,yBAA+ClB,EAAM,KAAK,cAAcd,EAAAuB,CAAA,CAAU,CAACvB,EAAAwC,CAAA,GAAmB1B,EAAM,KAAK,YAAU,SAAA,CAAA,CAAA;;KAM7I,SAAAb,QAAsB,CAAnBQ,EAAAF,EAAAO,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"TableTriggerButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_normalizeClass","_unref","_withCtx","_createElementBlock","_Fragment","Icon","_renderSlot","_createCommentVNode","_toDisplayString","Badge","_createTextVNode","Icon_default","Badge_default","Button_default","TableTriggerButton_vue_vue_type_script_setup_true_lang_default","props","__props","slots","useSlots","iconOnly","computed","hasIcon","size","colored","colorClass","solidButtonColorClasses","outlineButtonColorClasses","textColorClasses","showBadge","openBlock","createBlock","normalizeClass","unref","cn","withCtx","createCommentVNode","createElementBlock","Fragment","renderSlot","_ctx","toDisplayString","badgeColorClasses","createTextVNode"],"sources":["../../../src/components/table/TableTriggerButton.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAMkB,IAAQC,GAYRC,IAAQC,EAAS,GAEjBC,IAAWC,QAAe,CAACL,EAAM,KAAK,SAAS,GAC/CM,IAAUD,QAAe,GAAQL,EAAM,KAAK,QAAQE,EAAM,KAAK,GAC/DK,IAAOF,QACXD,EAAS,QACLJ,EAAM,KAAK,SAAS,OAClB,YACAA,EAAM,KAAK,SAAS,OAClB,SACA,YACJA,EAAM,KAAK,IACjB,GACMQ,IAAUH,QACdL,EAAM,KAAK,QACPA,EAAM,KAAK,YAAY,YACrBS,EAAWC,GAAyBV,EAAM,KAAK,OAAO,SAAS,IAC/DA,EAAM,KAAK,YAAY,YACrBS,EAAWE,GAA2BX,EAAM,KAAK,OAAO,MAAM,IAC9DS,EAAWG,GAAkBZ,EAAM,KAAK,OAAO,SAAS,IAC5D,KAAA,CACN,GACMa,IAAYR,QACVL,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAU,QAAQA,EAAM,KAAK,UAAU,CAC5F;oBAIElB,EAAA,GAAAC,EA0CSC,GAAA;GAzCP,MAAK;GACJ,SAASgB,EAAM,KAAK;GACpB,MAAMO,EAAA;GACN,OAAOP,EAAM,KAAK;GAClB,cAAYI,EAAA,QAAWJ,EAAM,KAAK,QAAQ,KAAA;GAC3C,aAAU;GACT,UAAUA,EAAM,KAAK,YAAYA,EAAM;GACvC,OAAKf,EAASC,EAAAgC,CAAA,CAAE,CAAUV,EAAA,OAAiBR,EAAM,UAAqB,CAAAA,EAAM,KAAK,SAAmBA,EAAM,KAAK,YAAO,aAAA,kCAAsEA,EAAM,KAAA,CAAA;;GAWnM,SAAAb,QAGW;IAHMa,EAAM,KAAK,YAECoB,EAAA,IAAA,EAAA,KAF7BtC,EAAA,GAAAM,EAGWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAFGW,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAAuDG,EAAAI,CAAA,GAAA;;KAAzB,MAAMU,EAAM,KAAK;IAC/CT,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAA2BiC,EAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,EAAA;IAGpBpB,EAAA,QAEagB,EAAA,IAAA,EAAA,KAHtBtC,EAAA,GAAAM,EAIC,QAAA;;KAFE,OAAKH,EAAEC,EAAAgC,CAAA,CAAE,CAAClB,EAAM,mBAAmBM,EAAA,QAAO,2BAA8B,KAAA,CAAS,CAAA;IAC9E,GAAAb,EAAAO,EAAM,KAAK,KAAK,GAAA,CAAA;IAENA,EAAM,KAAK,aAA3BlB,EAAA,GAAAM,EAGWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAFGW,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAAuDG,EAAAI,CAAA,GAAA;;KAAzB,MAAMU,EAAM,KAAK;IAC/CT,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAA2BiC,EAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,EAAA,KAAAJ,EAAA,IAAA,EAAA;IAGrBP,EAAA,SADR/B,EAAA,GAAAC,EASCW,GAAA;;KAPE,OAAKT,EAAWC,EAAAgC,CAAA,CAAE,CAAA,yBAA+ClB,EAAM,KAAK,cAAcd,EAAAuB,CAAA,CAAU,CAACvB,EAAAwC,CAAA,GAAmB1B,EAAM,KAAK,YAAU,SAAA,CAAA,CAAA;;KAM7I,SAAAb,QAAsB,CAAnBQ,EAAAF,EAAAO,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/table/TableViews.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableViews.js","names":["_sfc_main","TableViews_vue_vue_type_script_setup_true_lang_default","TableViews_default"],"sources":["../../../src/components/table/TableViews.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema, TableViewItemSchema, TableViewOperation } from '@alfakit/core'\nimport {\n  activeTableView,\n  groupTableViews,\n  inertiaReload,\n  requestTableView,\n  tabKeyTarget,\n  tableViewError,\n  tableViewFollowUp,\n  visitTableView,\n} from '@alfakit/core'\nimport { BookmarkIcon, ChevronDownIcon, RotateCcwIcon, StarIcon, UsersIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { showToast } from '../notifications/flash-toasts'\nimport Slot from '../panel/Slot.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuRadioGroup from '../ui/DropdownMenuRadioGroup.vue'\nimport DropdownMenuRadioItem from '../ui/DropdownMenuRadioItem.vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\n/**\n * Saved views above a table (`Table::savedViews()` / `views()`): the views as tabs (or a\n * dropdown) and a menu to save the current state as a new view, update, rename, share\n * or delete the active one, pick a default and reset changes. Each view is a URL\n * (`?view=slug`), so it can be shared.\n */\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\n\ntype NameDialog = { mode: 'create' } | { mode: 'rename'; view: TableViewItemSchema } | null\n\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst dialog = ref<NameDialog>(null)\nconst confirmDelete = ref<TableViewItemSchema | null>(null)\nconst name = ref('')\nconst shared = ref(false)\nconst error = ref<string | undefined>()\nconst busy = ref(false)\nconst tabs: Array<HTMLButtonElement | null> = []\n\nconst views = computed(() => props.table.views)\nconst active = computed(() => activeTableView(views.value))\nconst groups = computed(() => groupTableViews(views.value?.items ?? []))\nconst activeKey = computed(() => views.value?.active ?? null)\nconst items = computed<Array<TableViewItemSchema | null>>(() => [\n  null,\n  ...(views.value?.items ?? []),\n])\nconst focusable = computed(() => {\n  const index = items.value.findIndex((item) => (item?.key ?? null) === activeKey.value)\n\n  return index === -1 ? 0 : index\n})\nconst canUpdate = computed(() => Boolean(active.value?.editable && views.value?.canSave))\nconst hasMenu = computed(() =>\n  Boolean(views.value?.canSave || views.value?.canSetDefault || views.value?.modified),\n)\nconst isDefault = computed(\n  () => Boolean(active.value?.default) || (!active.value && views.value?.userDefault === ''),\n)\nconst sections = computed(\n  () =>\n    [\n      ['preset', t('table.views.presets', {}, 'Views')],\n      ['shared', t('table.views.shared', {}, 'Team views')],\n      ['personal', t('table.views.personal', {}, 'My views')],\n    ] as const,\n)\n\nconst open = (key: string | null) => visitTableView(props.table, key)\n\nasync function run(operation: TableViewOperation, success?: string): Promise<boolean> {\n  const endpoint = panel.value.endpoints.tableViews\n\n  if (!endpoint) return false\n\n  busy.value = true\n  error.value = undefined\n\n  try {\n    const response = await requestTableView(endpoint, props.token, props.component, operation)\n    const next = tableViewFollowUp(props.table, operation, response)\n\n    if ('open' in next) {\n      open(next.open)\n    } else {\n      inertiaReload()\n    }\n\n    if (success) {\n      showToast({ id: 'alfakit-table-view', title: success, status: 'success', format: 'alfakit' })\n    }\n\n    return true\n  } catch (failure) {\n    const message = tableViewError(failure)\n\n    if (dialog.value) {\n      error.value = message ?? t('table.views.failed', {}, \"Couldn't save the view\")\n    } else {\n      showToast({\n        id: 'alfakit-table-view-failed',\n        title: t('table.views.failed', {}, \"Couldn't save the view\"),\n        body: message,\n        status: 'danger',\n        format: 'alfakit',\n      })\n    }\n\n    return false\n  } finally {\n    busy.value = false\n  }\n}\n\nfunction openDialog(next: NameDialog) {\n  name.value = next?.mode === 'rename' ? next.view.label : ''\n  shared.value = false\n  error.value = undefined\n  dialog.value = next\n}\n\nasync function submitName() {\n  const current = dialog.value\n\n  if (!current) return\n\n  const ok =\n    current.mode === 'create'\n      ? await run(\n          { operation: 'create', name: name.value, shared: shared.value },\n          t('table.views.saved', {}, 'View saved'),\n        )\n      : await run({ operation: 'rename', view: current.view.key, name: name.value })\n\n  if (ok) dialog.value = null\n}\n\nasync function deleteView() {\n  const view = confirmDelete.value\n\n  if (!view) return\n\n  if (\n    await run({ operation: 'delete', view: view.key }, t('table.views.deleted', {}, 'View deleted'))\n  ) {\n    confirmDelete.value = null\n  }\n}\n\nfunction onTabKeyDown(event: KeyboardEvent, index: number) {\n  const target = tabKeyTarget(event.key, index, items.value.length, direction.value)\n\n  if (target === null) return\n\n  event.preventDefault()\n  tabs[target]?.focus()\n}\n\nconst nameId = computed(() => `${props.component}-view-name`)\nconst sharedId = computed(() => `${props.component}-view-shared`)\n</script>\n\n<template>\n  <div v-if=\"views\" data-slot=\"table-views\" class=\"flex flex-wrap items-center gap-2\">\n    <Slot name=\"table.views.before\" :scope=\"props.component\" />\n    <DropdownMenu v-if=\"views.layout === 'dropdown'\">\n      <DropdownMenuTrigger as-child>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" data-slot=\"table-views-trigger\">\n          <Icon name=\"alfakit::tables.views.trigger\" :fallback=\"BookmarkIcon\" />\n          <span class=\"max-w-48 truncate\">{{\n            active?.label ?? t('table.views.all', {}, 'All')\n          }}</span>\n          <ChevronDownIcon class=\"opacity-60\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" class=\"min-w-56\">\n        <DropdownMenuRadioGroup\n          :model-value=\"activeKey ?? ''\"\n          @update:model-value=\"(key) => open(key === '' ? null : String(key))\"\n        >\n          <DropdownMenuRadioItem value=\"\">{{\n            t('table.views.all', {}, 'All')\n          }}</DropdownMenuRadioItem>\n          <template v-for=\"[type, label] in sections\" :key=\"type\">\n            <div v-if=\"groups[type].length > 0\" role=\"group\" :aria-label=\"label\">\n              <DropdownMenuSeparator />\n              <DropdownMenuLabel class=\"text-muted-foreground text-xs\">{{\n                label\n              }}</DropdownMenuLabel>\n              <DropdownMenuRadioItem\n                v-for=\"item in groups[type]\"\n                :key=\"item.key\"\n                :value=\"item.key\"\n                class=\"gap-2\"\n              >\n                <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n                <span class=\"truncate\">{{ item.label }}</span>\n                <Icon\n                  v-if=\"item.type === 'shared'\"\n                  name=\"alfakit::tables.views.shared\"\n                  :fallback=\"UsersIcon\"\n                  class=\"text-muted-foreground size-3.5\"\n                  :aria-label=\"t('table.views.shared_badge', {}, 'Shared')\"\n                />\n                <Icon\n                  v-if=\"item.default\"\n                  name=\"alfakit::tables.views.default\"\n                  :fallback=\"StarIcon\"\n                  class=\"text-muted-foreground size-3.5\"\n                  :aria-label=\"t('table.views.default_badge', {}, 'Default')\"\n                />\n              </DropdownMenuRadioItem>\n            </div>\n          </template>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n    <div\n      v-else\n      role=\"tablist\"\n      :aria-label=\"t('table.views.label', {}, 'Views')\"\n      data-slot=\"table-views-tabs\"\n      class=\"bg-muted text-muted-foreground inline-flex h-9 w-fit max-w-full items-center overflow-x-auto rounded-lg p-[3px]\"\n    >\n      <button\n        v-for=\"(item, index) in items\"\n        :key=\"item?.key ?? ''\"\n        :ref=\"(element) => (tabs[index] = element as HTMLButtonElement | null)\"\n        type=\"button\"\n        role=\"tab\"\n        :aria-selected=\"(item?.key ?? null) === activeKey\"\n        :tabindex=\"index === focusable ? 0 : -1\"\n        :data-state=\"(item?.key ?? null) === activeKey ? 'active' : 'inactive'\"\n        :class=\"\n          cn(\n            'inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5 rounded-md border border-transparent px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-none',\n            'focus-visible:border-ring focus-visible:ring-ring/50',\n            (item?.key ?? null) === activeKey\n              ? 'bg-background text-foreground shadow-sm'\n              : 'hover:text-foreground',\n          )\n        \"\n        @click=\"(item?.key ?? null) !== activeKey && open(item?.key ?? null)\"\n        @keydown=\"onTabKeyDown($event, index)\"\n      >\n        <template v-if=\"item\">\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"truncate\">{{ item.label }}</span>\n          <Icon\n            v-if=\"item.type === 'shared'\"\n            name=\"alfakit::tables.views.shared\"\n            :fallback=\"UsersIcon\"\n            class=\"text-muted-foreground size-3.5\"\n            :aria-label=\"t('table.views.shared_badge', {}, 'Shared')\"\n          />\n          <Icon\n            v-if=\"item.default\"\n            name=\"alfakit::tables.views.default\"\n            :fallback=\"StarIcon\"\n            class=\"text-muted-foreground size-3.5\"\n            :aria-label=\"t('table.views.default_badge', {}, 'Default')\"\n          />\n        </template>\n        <template v-else>{{ t('table.views.all', {}, 'All') }}</template>\n      </button>\n    </div>\n    <span\n      v-if=\"views.modified\"\n      data-slot=\"table-views-modified\"\n      class=\"text-muted-foreground text-xs italic\"\n    >\n      {{ t('table.views.modified', {}, 'Modified') }}\n    </span>\n    <DropdownMenu v-if=\"hasMenu\">\n      <DropdownMenuTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          :disabled=\"busy\"\n          :aria-label=\"t('table.views.actions', {}, 'View options')\"\n        >\n          <ChevronDownIcon />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" class=\"min-w-52\">\n        <DropdownMenuItem v-if=\"views.canSave\" @select=\"openDialog({ mode: 'create' })\">\n          {{ t('table.views.save_new', {}, 'Save as new view') }}\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          v-if=\"canUpdate && active && views.modified\"\n          @select=\"\n            run({ operation: 'update', view: active.key }, t('table.views.saved', {}, 'View saved'))\n          \"\n        >\n          {{ t('table.views.update', {}, 'Update view') }}\n        </DropdownMenuItem>\n        <DropdownMenuItem v-if=\"views.modified\" @select=\"open(activeKey)\">\n          <RotateCcwIcon />\n          {{ t('table.views.reset', {}, 'Reset changes') }}\n        </DropdownMenuItem>\n        <template v-if=\"canUpdate && active\">\n          <DropdownMenuSeparator />\n          <DropdownMenuItem @select=\"openDialog({ mode: 'rename', view: active })\">\n            {{ t('table.views.rename', {}, 'Rename view') }}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            v-if=\"views.canShare\"\n            @select=\"\n              run({ operation: 'share', view: active.key, shared: active.type !== 'shared' })\n            \"\n          >\n            {{\n              active.type === 'shared'\n                ? t('table.views.unshare', {}, 'Stop sharing')\n                : t('table.views.share', {}, 'Share with team')\n            }}\n          </DropdownMenuItem>\n          <DropdownMenuItem variant=\"destructive\" @select=\"confirmDelete = active\">\n            {{ t('table.views.delete', {}, 'Delete view') }}\n          </DropdownMenuItem>\n        </template>\n        <template v-if=\"views.canSetDefault\">\n          <DropdownMenuSeparator />\n          <DropdownMenuItem v-if=\"isDefault\" @select=\"run({ operation: 'default', view: null })\">\n            {{ t('table.views.clear_default', {}, 'Clear my default') }}\n          </DropdownMenuItem>\n          <DropdownMenuItem v-else @select=\"run({ operation: 'default', view: active?.key ?? '' })\">\n            {{ t('table.views.set_default', {}, 'Set as my default') }}\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenu>\n    <Slot name=\"table.views.after\" :scope=\"props.component\" />\n\n    <Dialog :open=\"dialog !== null\" @update:open=\"(value) => !value && (dialog = null)\">\n      <DialogContent class=\"sm:max-w-md\">\n        <form data-slot=\"table-view-form\" class=\"flex flex-col gap-4\" @submit.prevent=\"submitName\">\n          <DialogHeader>\n            <DialogTitle>\n              {{\n                dialog?.mode === 'rename'\n                  ? t('table.views.rename', {}, 'Rename view')\n                  : t('table.views.save_new', {}, 'Save as new view')\n              }}\n            </DialogTitle>\n            <DialogDescription class=\"sr-only\">\n              {{\n                t(\n                  'table.views.name_help',\n                  {},\n                  'Saves the filters, search, sort, columns and grouping.',\n                )\n              }}\n            </DialogDescription>\n          </DialogHeader>\n          <div class=\"flex flex-col gap-2\">\n            <Label :for=\"nameId\">{{ t('table.views.name', {}, 'Name') }}</Label>\n            <Input\n              :id=\"nameId\"\n              v-model=\"name\"\n              maxlength=\"120\"\n              autofocus\n              required\n              :aria-invalid=\"error ? true : undefined\"\n              :aria-describedby=\"error ? `${nameId}-error` : undefined\"\n            />\n            <p v-if=\"error\" :id=\"`${nameId}-error`\" class=\"text-destructive text-sm\">{{ error }}</p>\n          </div>\n          <div v-if=\"dialog?.mode === 'create' && views.canShare\" class=\"flex items-center gap-2\">\n            <Checkbox\n              :id=\"sharedId\"\n              :model-value=\"shared\"\n              @update:model-value=\"(value) => (shared = value === true)\"\n            />\n            <Label :for=\"sharedId\">{{ t('table.views.share', {}, 'Share with team') }}</Label>\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" @click=\"dialog = null\">{{\n              t('cancel', {}, 'Cancel')\n            }}</Button>\n            <Button type=\"submit\" :disabled=\"busy || name.trim() === ''\">{{\n              t('save', {}, 'Save')\n            }}</Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n\n    <Dialog\n      :open=\"confirmDelete !== null\"\n      @update:open=\"(value) => !value && (confirmDelete = null)\"\n    >\n      <DialogContent class=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{{ t('table.views.delete', {}, 'Delete view') }}</DialogTitle>\n          <DialogDescription>\n            {{\n              t(\n                'table.views.delete_confirm',\n                { name: confirmDelete?.label ?? '' },\n                'Delete the view \":name\"?',\n              )\n            }}\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" @click=\"confirmDelete = null\">{{\n            t('cancel', {}, 'Cancel')\n          }}</Button>\n          <Button type=\"button\" variant=\"destructive\" :disabled=\"busy\" @click=\"deleteView\">\n            {{ t('table.views.delete', {}, 'Delete view') }}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableViews.js","names":["_sfc_main","TableViews_vue_vue_type_script_setup_true_lang_default","TableViews_default"],"sources":["../../../src/components/table/TableViews.vue"],"mappings":""}

package/dist/components/table/TableViews.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableViews.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","Slot","_createBlock","DropdownMenu","_withCtx","DropdownMenuTrigger","Button","_unref","Icon","_createElementVNode","_toDisplayString","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","_createTextVNode","_Fragment","_renderList","DropdownMenuSeparator","DropdownMenuLabel","_createCommentVNode","_normalizeClass","DropdownMenuItem","Dialog","DialogContent","_withModifiers","DialogHeader","DialogTitle","DialogDescription","Label","Input","Checkbox","DialogFooter","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","Checkbox_default","Input_default","Slot_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DropdownMenuLabel_default","DropdownMenuRadioGroup_default","DropdownMenuRadioItem_default","DialogFooter_default","Label_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableViews_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","direction","useDirection","dialog","ref","confirmDelete","name","shared","error","busy","tabs","views","computed","active","activeTableView","groups","groupTableViews","activeKey","items","focusable","index","item","canUpdate","hasMenu","isDefault","sections","open","visitTableView","key","run","endpoint","response","requestTableView","operation","next","tableViewFollowUp","inertiaReload","success","showToast","failure","message","tableViewError","openDialog","submitName","current","deleteView","view","onTabKeyDown","target","tabKeyTarget","event","nameId","sharedId","openBlock","createElementBlock","createVNode","createBlock","withCtx","unref","BookmarkIcon","createElementVNode","toDisplayString","ChevronDownIcon","_cache","createTextVNode","Fragment","renderList","type","label","createCommentVNode","UsersIcon","StarIcon","element","normalizeClass","cn","$event","RotateCcwIcon","value","withModifiers"],"sources":["../../../src/components/table/TableViews.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema, TableViewItemSchema, TableViewOperation } from '@alfakit/core'\nimport {\n  activeTableView,\n  groupTableViews,\n  inertiaReload,\n  requestTableView,\n  tabKeyTarget,\n  tableViewError,\n  tableViewFollowUp,\n  visitTableView,\n} from '@alfakit/core'\nimport { BookmarkIcon, ChevronDownIcon, RotateCcwIcon, StarIcon, UsersIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { showToast } from '../notifications/flash-toasts'\nimport Slot from '../panel/Slot.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuRadioGroup from '../ui/DropdownMenuRadioGroup.vue'\nimport DropdownMenuRadioItem from '../ui/DropdownMenuRadioItem.vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\n/**\n * Saved views above a table (`Table::savedViews()` / `views()`): the views as tabs (or a\n * dropdown) and a menu to save the current state as a new view, update, rename, share\n * or delete the active one, pick a default and reset changes. Each view is a URL\n * (`?view=slug`), so it can be shared.\n */\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\n\ntype NameDialog = { mode: 'create' } | { mode: 'rename'; view: TableViewItemSchema } | null\n\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst dialog = ref<NameDialog>(null)\nconst confirmDelete = ref<TableViewItemSchema | null>(null)\nconst name = ref('')\nconst shared = ref(false)\nconst error = ref<string | undefined>()\nconst busy = ref(false)\nconst tabs: Array<HTMLButtonElement | null> = []\n\nconst views = computed(() => props.table.views)\nconst active = computed(() => activeTableView(views.value))\nconst groups = computed(() => groupTableViews(views.value?.items ?? []))\nconst activeKey = computed(() => views.value?.active ?? null)\nconst items = computed<Array<TableViewItemSchema | null>>(() => [\n  null,\n  ...(views.value?.items ?? []),\n])\nconst focusable = computed(() => {\n  const index = items.value.findIndex((item) => (item?.key ?? null) === activeKey.value)\n\n  return index === -1 ? 0 : index\n})\nconst canUpdate = computed(() => Boolean(active.value?.editable && views.value?.canSave))\nconst hasMenu = computed(() =>\n  Boolean(views.value?.canSave || views.value?.canSetDefault || views.value?.modified),\n)\nconst isDefault = computed(\n  () => Boolean(active.value?.default) || (!active.value && views.value?.userDefault === ''),\n)\nconst sections = computed(\n  () =>\n    [\n      ['preset', t('table.views.presets', {}, 'Views')],\n      ['shared', t('table.views.shared', {}, 'Team views')],\n      ['personal', t('table.views.personal', {}, 'My views')],\n    ] as const,\n)\n\nconst open = (key: string | null) => visitTableView(props.table, key)\n\nasync function run(operation: TableViewOperation, success?: string): Promise<boolean> {\n  const endpoint = panel.value.endpoints.tableViews\n\n  if (!endpoint) return false\n\n  busy.value = true\n  error.value = undefined\n\n  try {\n    const response = await requestTableView(endpoint, props.token, props.component, operation)\n    const next = tableViewFollowUp(props.table, operation, response)\n\n    if ('open' in next) {\n      open(next.open)\n    } else {\n      inertiaReload()\n    }\n\n    if (success) {\n      showToast({ id: 'alfakit-table-view', title: success, status: 'success', format: 'alfakit' })\n    }\n\n    return true\n  } catch (failure) {\n    const message = tableViewError(failure)\n\n    if (dialog.value) {\n      error.value = message ?? t('table.views.failed', {}, \"Couldn't save the view\")\n    } else {\n      showToast({\n        id: 'alfakit-table-view-failed',\n        title: t('table.views.failed', {}, \"Couldn't save the view\"),\n        body: message,\n        status: 'danger',\n        format: 'alfakit',\n      })\n    }\n\n    return false\n  } finally {\n    busy.value = false\n  }\n}\n\nfunction openDialog(next: NameDialog) {\n  name.value = next?.mode === 'rename' ? next.view.label : ''\n  shared.value = false\n  error.value = undefined\n  dialog.value = next\n}\n\nasync function submitName() {\n  const current = dialog.value\n\n  if (!current) return\n\n  const ok =\n    current.mode === 'create'\n      ? await run(\n          { operation: 'create', name: name.value, shared: shared.value },\n          t('table.views.saved', {}, 'View saved'),\n        )\n      : await run({ operation: 'rename', view: current.view.key, name: name.value })\n\n  if (ok) dialog.value = null\n}\n\nasync function deleteView() {\n  const view = confirmDelete.value\n\n  if (!view) return\n\n  if (\n    await run({ operation: 'delete', view: view.key }, t('table.views.deleted', {}, 'View deleted'))\n  ) {\n    confirmDelete.value = null\n  }\n}\n\nfunction onTabKeyDown(event: KeyboardEvent, index: number) {\n  const target = tabKeyTarget(event.key, index, items.value.length, direction.value)\n\n  if (target === null) return\n\n  event.preventDefault()\n  tabs[target]?.focus()\n}\n\nconst nameId = computed(() => `${props.component}-view-name`)\nconst sharedId = computed(() => `${props.component}-view-shared`)\n</script>\n\n<template>\n  <div v-if=\"views\" data-slot=\"table-views\" class=\"flex flex-wrap items-center gap-2\">\n    <Slot name=\"table.views.before\" :scope=\"props.component\" />\n    <DropdownMenu v-if=\"views.layout === 'dropdown'\">\n      <DropdownMenuTrigger as-child>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" data-slot=\"table-views-trigger\">\n          <Icon name=\"alfakit::tables.views.trigger\" :fallback=\"BookmarkIcon\" />\n          <span class=\"max-w-48 truncate\">{{\n            active?.label ?? t('table.views.all', {}, 'All')\n          }}</span>\n          <ChevronDownIcon class=\"opacity-60\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" class=\"min-w-56\">\n        <DropdownMenuRadioGroup\n          :model-value=\"activeKey ?? ''\"\n          @update:model-value=\"(key) => open(key === '' ? null : String(key))\"\n        >\n          <DropdownMenuRadioItem value=\"\">{{\n            t('table.views.all', {}, 'All')\n          }}</DropdownMenuRadioItem>\n          <template v-for=\"[type, label] in sections\" :key=\"type\">\n            <div v-if=\"groups[type].length > 0\" role=\"group\" :aria-label=\"label\">\n              <DropdownMenuSeparator />\n              <DropdownMenuLabel class=\"text-muted-foreground text-xs\">{{\n                label\n              }}</DropdownMenuLabel>\n              <DropdownMenuRadioItem\n                v-for=\"item in groups[type]\"\n                :key=\"item.key\"\n                :value=\"item.key\"\n                class=\"gap-2\"\n              >\n                <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n                <span class=\"truncate\">{{ item.label }}</span>\n                <Icon\n                  v-if=\"item.type === 'shared'\"\n                  name=\"alfakit::tables.views.shared\"\n                  :fallback=\"UsersIcon\"\n                  class=\"text-muted-foreground size-3.5\"\n                  :aria-label=\"t('table.views.shared_badge', {}, 'Shared')\"\n                />\n                <Icon\n                  v-if=\"item.default\"\n                  name=\"alfakit::tables.views.default\"\n                  :fallback=\"StarIcon\"\n                  class=\"text-muted-foreground size-3.5\"\n                  :aria-label=\"t('table.views.default_badge', {}, 'Default')\"\n                />\n              </DropdownMenuRadioItem>\n            </div>\n          </template>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n    <div\n      v-else\n      role=\"tablist\"\n      :aria-label=\"t('table.views.label', {}, 'Views')\"\n      data-slot=\"table-views-tabs\"\n      class=\"bg-muted text-muted-foreground inline-flex h-9 w-fit max-w-full items-center overflow-x-auto rounded-lg p-[3px]\"\n    >\n      <button\n        v-for=\"(item, index) in items\"\n        :key=\"item?.key ?? ''\"\n        :ref=\"(element) => (tabs[index] = element as HTMLButtonElement | null)\"\n        type=\"button\"\n        role=\"tab\"\n        :aria-selected=\"(item?.key ?? null) === activeKey\"\n        :tabindex=\"index === focusable ? 0 : -1\"\n        :data-state=\"(item?.key ?? null) === activeKey ? 'active' : 'inactive'\"\n        :class=\"\n          cn(\n            'inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5 rounded-md border border-transparent px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-none',\n            'focus-visible:border-ring focus-visible:ring-ring/50',\n            (item?.key ?? null) === activeKey\n              ? 'bg-background text-foreground shadow-sm'\n              : 'hover:text-foreground',\n          )\n        \"\n        @click=\"(item?.key ?? null) !== activeKey && open(item?.key ?? null)\"\n        @keydown=\"onTabKeyDown($event, index)\"\n      >\n        <template v-if=\"item\">\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"truncate\">{{ item.label }}</span>\n          <Icon\n            v-if=\"item.type === 'shared'\"\n            name=\"alfakit::tables.views.shared\"\n            :fallback=\"UsersIcon\"\n            class=\"text-muted-foreground size-3.5\"\n            :aria-label=\"t('table.views.shared_badge', {}, 'Shared')\"\n          />\n          <Icon\n            v-if=\"item.default\"\n            name=\"alfakit::tables.views.default\"\n            :fallback=\"StarIcon\"\n            class=\"text-muted-foreground size-3.5\"\n            :aria-label=\"t('table.views.default_badge', {}, 'Default')\"\n          />\n        </template>\n        <template v-else>{{ t('table.views.all', {}, 'All') }}</template>\n      </button>\n    </div>\n    <span\n      v-if=\"views.modified\"\n      data-slot=\"table-views-modified\"\n      class=\"text-muted-foreground text-xs italic\"\n    >\n      {{ t('table.views.modified', {}, 'Modified') }}\n    </span>\n    <DropdownMenu v-if=\"hasMenu\">\n      <DropdownMenuTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          :disabled=\"busy\"\n          :aria-label=\"t('table.views.actions', {}, 'View options')\"\n        >\n          <ChevronDownIcon />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" class=\"min-w-52\">\n        <DropdownMenuItem v-if=\"views.canSave\" @select=\"openDialog({ mode: 'create' })\">\n          {{ t('table.views.save_new', {}, 'Save as new view') }}\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          v-if=\"canUpdate && active && views.modified\"\n          @select=\"\n            run({ operation: 'update', view: active.key }, t('table.views.saved', {}, 'View saved'))\n          \"\n        >\n          {{ t('table.views.update', {}, 'Update view') }}\n        </DropdownMenuItem>\n        <DropdownMenuItem v-if=\"views.modified\" @select=\"open(activeKey)\">\n          <RotateCcwIcon />\n          {{ t('table.views.reset', {}, 'Reset changes') }}\n        </DropdownMenuItem>\n        <template v-if=\"canUpdate && active\">\n          <DropdownMenuSeparator />\n          <DropdownMenuItem @select=\"openDialog({ mode: 'rename', view: active })\">\n            {{ t('table.views.rename', {}, 'Rename view') }}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            v-if=\"views.canShare\"\n            @select=\"\n              run({ operation: 'share', view: active.key, shared: active.type !== 'shared' })\n            \"\n          >\n            {{\n              active.type === 'shared'\n                ? t('table.views.unshare', {}, 'Stop sharing')\n                : t('table.views.share', {}, 'Share with team')\n            }}\n          </DropdownMenuItem>\n          <DropdownMenuItem variant=\"destructive\" @select=\"confirmDelete = active\">\n            {{ t('table.views.delete', {}, 'Delete view') }}\n          </DropdownMenuItem>\n        </template>\n        <template v-if=\"views.canSetDefault\">\n          <DropdownMenuSeparator />\n          <DropdownMenuItem v-if=\"isDefault\" @select=\"run({ operation: 'default', view: null })\">\n            {{ t('table.views.clear_default', {}, 'Clear my default') }}\n          </DropdownMenuItem>\n          <DropdownMenuItem v-else @select=\"run({ operation: 'default', view: active?.key ?? '' })\">\n            {{ t('table.views.set_default', {}, 'Set as my default') }}\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenu>\n    <Slot name=\"table.views.after\" :scope=\"props.component\" />\n\n    <Dialog :open=\"dialog !== null\" @update:open=\"(value) => !value && (dialog = null)\">\n      <DialogContent class=\"sm:max-w-md\">\n        <form data-slot=\"table-view-form\" class=\"flex flex-col gap-4\" @submit.prevent=\"submitName\">\n          <DialogHeader>\n            <DialogTitle>\n              {{\n                dialog?.mode === 'rename'\n                  ? t('table.views.rename', {}, 'Rename view')\n                  : t('table.views.save_new', {}, 'Save as new view')\n              }}\n            </DialogTitle>\n            <DialogDescription class=\"sr-only\">\n              {{\n                t(\n                  'table.views.name_help',\n                  {},\n                  'Saves the filters, search, sort, columns and grouping.',\n                )\n              }}\n            </DialogDescription>\n          </DialogHeader>\n          <div class=\"flex flex-col gap-2\">\n            <Label :for=\"nameId\">{{ t('table.views.name', {}, 'Name') }}</Label>\n            <Input\n              :id=\"nameId\"\n              v-model=\"name\"\n              maxlength=\"120\"\n              autofocus\n              required\n              :aria-invalid=\"error ? true : undefined\"\n              :aria-describedby=\"error ? `${nameId}-error` : undefined\"\n            />\n            <p v-if=\"error\" :id=\"`${nameId}-error`\" class=\"text-destructive text-sm\">{{ error }}</p>\n          </div>\n          <div v-if=\"dialog?.mode === 'create' && views.canShare\" class=\"flex items-center gap-2\">\n            <Checkbox\n              :id=\"sharedId\"\n              :model-value=\"shared\"\n              @update:model-value=\"(value) => (shared = value === true)\"\n            />\n            <Label :for=\"sharedId\">{{ t('table.views.share', {}, 'Share with team') }}</Label>\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" @click=\"dialog = null\">{{\n              t('cancel', {}, 'Cancel')\n            }}</Button>\n            <Button type=\"submit\" :disabled=\"busy || name.trim() === ''\">{{\n              t('save', {}, 'Save')\n            }}</Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n\n    <Dialog\n      :open=\"confirmDelete !== null\"\n      @update:open=\"(value) => !value && (confirmDelete = null)\"\n    >\n      <DialogContent class=\"sm:max-w-md\">\n        <DialogHeader>\n          <DialogTitle>{{ t('table.views.delete', {}, 'Delete view') }}</DialogTitle>\n          <DialogDescription>\n            {{\n              t(\n                'table.views.delete_confirm',\n                { name: confirmDelete?.label ?? '' },\n                'Delete the view \":name\"?',\n              )\n            }}\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" @click=\"confirmDelete = null\">{{\n            t('cancel', {}, 'Cancel')\n          }}</Button>\n          <Button type=\"button\" variant=\"destructive\" :disabled=\"busy\" @click=\"deleteView\">\n            {{ t('table.views.delete', {}, 'Delete view') }}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TableViews.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","Slot","_createBlock","DropdownMenu","_withCtx","DropdownMenuTrigger","Button","_unref","Icon","_createElementVNode","_toDisplayString","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","_createTextVNode","_Fragment","_renderList","DropdownMenuSeparator","DropdownMenuLabel","_createCommentVNode","_normalizeClass","DropdownMenuItem","Dialog","DialogContent","_withModifiers","DialogHeader","DialogTitle","DialogDescription","Label","Input","Checkbox","DialogFooter","Icon_default","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","Checkbox_default","Input_default","Slot_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DropdownMenuLabel_default","DropdownMenuRadioGroup_default","DropdownMenuRadioItem_default","DialogFooter_default","Label_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableViews_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","direction","useDirection","dialog","ref","confirmDelete","name","shared","error","busy","tabs","views","computed","active","activeTableView","groups","groupTableViews","activeKey","items","focusable","index","item","canUpdate","hasMenu","isDefault","sections","open","visitTableView","key","run","endpoint","response","requestTableView","operation","next","tableViewFollowUp","inertiaReload","success","showToast","failure","message","tableViewError","openDialog","submitName","current","deleteView","view","onTabKeyDown","target","tabKeyTarget","event","nameId","sharedId","openBlock","createElementBlock","createVNode","createBlock","withCtx","unref","BookmarkIcon","createElementVNode","toDisplayString","ChevronDownIcon","_cache","createTextVNode","Fragment","renderList","type","label","createCommentVNode","UsersIcon","StarIcon","element","normalizeClass","cn","$event","RotateCcwIcon","value","withModifiers"],"sources":["../../../src/components/table/TableViews.vue"],"mappings":"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"}

package/dist/components/table/TextInputCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputCell.js","names":["_sfc_main","TextInputCell_vue_vue_type_script_setup_true_lang_default","TextInputCell_default"],"sources":["../../../src/components/table/TextInputCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextInputColumnSchema } from '@alfakit/core'\nimport { computed, ref, useId } from 'vue'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Input from '../ui/Input.vue'\nimport { useCellUpdate, type CellProps } from './cell-update'\n\nconst props = defineProps<CellProps>()\nconst schema = computed(() => props.column as TextInputColumnSchema)\nconst { update, saving, error } = useCellUpdate(props)\nconst errorId = useId()\n// The saved value: follows the cell after the table reloads, so changing the input back to\n// an earlier value is saved too.\nconst initial = computed(() =>\n  props.cell.state === null || props.cell.state === undefined ? '' : String(props.cell.state),\n)\nconst value = ref(initial.value)\n// `prefix()` / `suffix()`: text affixes around the input, like the TextInput field.\nconst grouped = computed(() => Boolean(props.cell.prefix || props.cell.suffix))\n</script>\n\n<template>\n  <span @click.stop>\n    <span\n      :data-slot=\"grouped ? 'input-group' : undefined\"\n      :class=\"\n        grouped\n          ? cn(\n              'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-8 min-w-32 items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n              error && 'border-destructive',\n            )\n          : 'contents'\n      \"\n    >\n      <span\n        v-if=\"props.cell.prefix\"\n        data-slot=\"input-prefix\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center border-e px-2 text-sm\"\n        >{{ props.cell.prefix }}</span\n      >\n      <span :class=\"cn('relative block', grouped && 'min-w-0 flex-1')\">\n        <span\n          v-if=\"schema.prefixIcon\"\n          data-slot=\"input-prefix-icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              'pointer-events-none absolute start-2.5 top-1/2 flex -translate-y-1/2',\n              colorClass(textColorClasses, schema.prefixIconColor, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"schema.prefixIcon\" class=\"size-4\" />\n        </span>\n        <Input\n          :type=\"schema.inputType\"\n          :model-value=\"value\"\n          :placeholder=\"schema.placeholder\"\n          :step=\"schema.step\"\n          :inputmode=\"schema.inputMode\"\n          :disabled=\"Boolean(props.cell.disabled) || saving\"\n          :aria-label=\"props.column.label || props.column.name\"\n          :aria-invalid=\"error ? true : undefined\"\n          :aria-describedby=\"error ? errorId : undefined\"\n          :class=\"\n            cn(\n              'h-8 min-w-32',\n              schema.prefixIcon && 'ps-8',\n              schema.suffixIcon && 'pe-8',\n              grouped &&\n                'h-full rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',\n            )\n          \"\n          @update:model-value=\"value = $event\"\n          @blur=\"value !== initial && void update(value)\"\n          @keydown.enter=\"($event.target as HTMLInputElement).blur()\"\n        />\n        <span\n          v-if=\"schema.suffixIcon\"\n          data-slot=\"input-suffix-icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              'pointer-events-none absolute end-2.5 top-1/2 flex -translate-y-1/2',\n              colorClass(textColorClasses, schema.suffixIconColor, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"schema.suffixIcon\" class=\"size-4\" />\n        </span>\n      </span>\n      <span\n        v-if=\"props.cell.suffix\"\n        data-slot=\"input-suffix\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center border-s px-2 text-sm\"\n        >{{ props.cell.suffix }}</span\n      >\n    </span>\n    <span v-if=\"error\" :id=\"errorId\" class=\"text-destructive block text-xs\">{{ error }}</span>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TextInputCell.js","names":["_sfc_main","TextInputCell_vue_vue_type_script_setup_true_lang_default","TextInputCell_default"],"sources":["../../../src/components/table/TextInputCell.vue"],"mappings":""}

package/dist/components/table/TextInputCell.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_withModifiers","_createElementVNode","_normalizeClass","_unref","_toDisplayString","_createCommentVNode","_createVNode","Icon","Input","_withKeys","Icon_default","Input_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TextInputCell_vue_vue_type_script_setup_true_lang_default","props","__props","schema","computed","useCellUpdate","errorId","useId","initial","value","ref","grouped","openBlock","createElementBlock","_cache","withModifiers","createElementVNode","normalizeClass","unref","cn","error","toDisplayString","createCommentVNode","colorClass","textColorClasses","createVNode","saving","$event","update","withKeys"],"sources":["../../../src/components/table/TextInputCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextInputColumnSchema } from '@alfakit/core'\nimport { computed, ref, useId } from 'vue'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Input from '../ui/Input.vue'\nimport { useCellUpdate, type CellProps } from './cell-update'\n\nconst props = defineProps<CellProps>()\nconst schema = computed(() => props.column as TextInputColumnSchema)\nconst { update, saving, error } = useCellUpdate(props)\nconst errorId = useId()\n// The saved value: follows the cell after the table reloads, so changing the input back to\n// an earlier value is saved too.\nconst initial = computed(() =>\n  props.cell.state === null || props.cell.state === undefined ? '' : String(props.cell.state),\n)\nconst value = ref(initial.value)\n// `prefix()` / `suffix()`: text affixes around the input, like the TextInput field.\nconst grouped = computed(() => Boolean(props.cell.prefix || props.cell.suffix))\n</script>\n\n<template>\n  <span @click.stop>\n    <span\n      :data-slot=\"grouped ? 'input-group' : undefined\"\n      :class=\"\n        grouped\n          ? cn(\n              'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-8 min-w-32 items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n              error && 'border-destructive',\n            )\n          : 'contents'\n      \"\n    >\n      <span\n        v-if=\"props.cell.prefix\"\n        data-slot=\"input-prefix\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center border-e px-2 text-sm\"\n        >{{ props.cell.prefix }}</span\n      >\n      <span :class=\"cn('relative block', grouped && 'min-w-0 flex-1')\">\n        <span\n          v-if=\"schema.prefixIcon\"\n          data-slot=\"input-prefix-icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              'pointer-events-none absolute start-2.5 top-1/2 flex -translate-y-1/2',\n              colorClass(textColorClasses, schema.prefixIconColor, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"schema.prefixIcon\" class=\"size-4\" />\n        </span>\n        <Input\n          :type=\"schema.inputType\"\n          :model-value=\"value\"\n          :placeholder=\"schema.placeholder\"\n          :step=\"schema.step\"\n          :inputmode=\"schema.inputMode\"\n          :disabled=\"Boolean(props.cell.disabled) || saving\"\n          :aria-label=\"props.column.label || props.column.name\"\n          :aria-invalid=\"error ? true : undefined\"\n          :aria-describedby=\"error ? errorId : undefined\"\n          :class=\"\n            cn(\n              'h-8 min-w-32',\n              schema.prefixIcon && 'ps-8',\n              schema.suffixIcon && 'pe-8',\n              grouped &&\n                'h-full rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',\n            )\n          \"\n          @update:model-value=\"value = $event\"\n          @blur=\"value !== initial && void update(value)\"\n          @keydown.enter=\"($event.target as HTMLInputElement).blur()\"\n        />\n        <span\n          v-if=\"schema.suffixIcon\"\n          data-slot=\"input-suffix-icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              'pointer-events-none absolute end-2.5 top-1/2 flex -translate-y-1/2',\n              colorClass(textColorClasses, schema.suffixIconColor, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"schema.suffixIcon\" class=\"size-4\" />\n        </span>\n      </span>\n      <span\n        v-if=\"props.cell.suffix\"\n        data-slot=\"input-suffix\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center border-s px-2 text-sm\"\n        >{{ props.cell.suffix }}</span\n      >\n    </span>\n    <span v-if=\"error\" :id=\"errorId\" class=\"text-destructive block text-xs\">{{ error }}</span>\n  </span>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TextInputCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_withModifiers","_createElementVNode","_normalizeClass","_unref","_toDisplayString","_createCommentVNode","_createVNode","Icon","Input","_withKeys","Icon_default","Input_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TextInputCell_vue_vue_type_script_setup_true_lang_default","props","__props","schema","computed","useCellUpdate","errorId","useId","initial","value","ref","grouped","openBlock","createElementBlock","_cache","withModifiers","createElementVNode","normalizeClass","unref","cn","error","toDisplayString","createCommentVNode","colorClass","textColorClasses","createVNode","saving","$event","update","withKeys"],"sources":["../../../src/components/table/TextInputCell.vue"],"mappings":"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"}

package/dist/components/table/cell-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-update.js","names":["useCellUpdate","panel","usePanel","saving","ref","error","updateTableCell","props","state","router","resolvePartialProps","caught","errors"],"sources":["../../../src/components/table/cell-update.ts"],"sourcesContent":["import type { CellSchema, ColumnSchema, RecordKey } from '@alfakit/core'\nimport { resolvePartialProps, updateTableCell } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ref } from 'vue'\nimport { usePanel } from '../../context'\n\nexport interface CellProps {\n  column: ColumnSchema\n  cell: CellSchema\n  recordKey: RecordKey\n  token: string\n  component: string\n  /**\n   * Set when this renderer was picked from the registry (`column:<type>`): it then renders\n   * the built-in cell instead of looking itself up again, so an ejected `TableCellContent`\n   * registered for a column type doesn't render itself forever.\n   */\n  fromRegistry?: boolean\n}\n\nexport function useCellUpdate(props: CellProps) {\n  const panel = usePanel()\n  const saving = ref(false)\n  const error = ref<string | null>(null)\n\n  const update = async (state: unknown) => {\n    if (!panel.value.endpoints.tableCell || !panel.value.endpoints.tableReorder) return\n\n    saving.value = true\n    error.value = null\n\n    try {\n      await updateTableCell(\n        { cell: panel.value.endpoints.tableCell, reorder: panel.value.endpoints.tableReorder },\n        props.token,\n        props.component,\n        props.recordKey,\n        props.column.name,\n        state,\n      )\n      router.reload({ only: resolvePartialProps(['page']) })\n    } catch (caught) {\n      const errors = (caught as { errors?: Record<string, string[]> }).errors\n      error.value = errors?.state?.[0] ?? (caught as Error).message\n    } finally {\n      saving.value = false\n    }\n  }\n\n  return { update, saving, error }\n}\n"],"mappings":";;;;;AAoBA,SAAgBA,EAAc,GAAkB;CAC9C,IAAMC,IAAQC,EAAS,GACjBC,IAASC,EAAI,EAAK,GAClBC,IAAQD,EAAmB,IAAI;CA0BrC,OAAO;EAAE,eAxBa,MAAmB;GACvC,IAAKH,EAAM,MAAM,UAAU,aAAcA,EAAM,MAAM,UAAU,cAG/D;IADA,EAAO,QAAQ,IACf,EAAM,QAAQ;IAEd,IAAI;KASF,AARA,MAAMK,EACJ;MAAE,MAAML,EAAM,MAAM,UAAU;MAAW,SAASA,EAAM,MAAM,UAAU;KAAa,GACrFM,EAAM,OACNA,EAAM,WACNA,EAAM,WACNA,EAAM,OAAO,MACbC,CACF,GACAC,EAAO,OAAO,EAAE,MAAMC,EAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;IACvD,SAASC,GAAQ;KACf,IAAMC,IAAUD,EAAiD;KACjE,EAAM,QAAQC,GAAQ,QAAQ,MAAOD,EAAiB;IACxD,UAAU;KACR,EAAO,QAAQ;IACjB;GAjBc;EAkBhB;EAEiB;EAAQ;CAAM;AACjC"}
+{"version":3,"file":"cell-update.js","names":["useCellUpdate","panel","usePanel","saving","ref","error","updateTableCell","props","state","router","resolvePartialProps","caught","errors"],"sources":["../../../src/components/table/cell-update.ts"],"mappings":";;;;;AAoBA,SAAgBA,EAAc,GAAkB;CAC9C,IAAMC,IAAQC,EAAS,GACjBC,IAASC,EAAI,EAAK,GAClBC,IAAQD,EAAmB,IAAI;CA0BrC,OAAO;EAAE,eAxBa,MAAmB;GACvC,IAAKH,EAAM,MAAM,UAAU,aAAcA,EAAM,MAAM,UAAU,cAG/D;IADA,EAAO,QAAQ,IACf,EAAM,QAAQ;IAEd,IAAI;KASF,AARA,MAAMK,EACJ;MAAE,MAAML,EAAM,MAAM,UAAU;MAAW,SAASA,EAAM,MAAM,UAAU;KAAa,GACrFM,EAAM,OACNA,EAAM,WACNA,EAAM,WACNA,EAAM,OAAO,MACbC,CACF,GACAC,EAAO,OAAO,EAAE,MAAMC,EAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;IACvD,SAASC,GAAQ;KACf,IAAMC,IAAUD,EAAiD;KACjE,EAAM,QAAQC,GAAQ,QAAQ,MAAOD,EAAiB;IACxD,UAAU;KACR,EAAO,QAAQ;IACjB;GAjBc;EAkBhB;EAEiB;EAAQ;CAAM;AACjC"}

package/dist/components/table/spreadsheet-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"spreadsheet-lazy.js","names":["SpreadsheetSkeleton","SpreadsheetSkeleton_default","load","module","Spreadsheet","lazyComponent","preloadSpreadsheet"],"sources":["../../../src/components/table/spreadsheet-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport SpreadsheetSkeleton from './SpreadsheetSkeleton.vue'\n\nconst load = () => import('./Spreadsheet.vue').then((module) => module.default)\n\n/** Spreadsheet mode; its code loads the first time a user opens it. */\nexport const Spreadsheet = lazyComponent('Spreadsheet', load, SpreadsheetSkeleton)\n\n/** Start loading spreadsheet mode ahead of its first use (hover / focus on the trigger). */\nexport function preloadSpreadsheet(): void {\n  void load()\n}\n"],"mappings":";;;AAGA,IAAME,UAAa,OAAO,mBAAoB,CAAC,MAAM,MAAWC,EAAO,OAAO,GAGjEC,IAAcC,EAAc,eAAeH,GAAMF,CAAmB;AAGjF,SAAgBM,IAA2B;CACzC,EAAU;AACZ"}
+{"version":3,"file":"spreadsheet-lazy.js","names":["SpreadsheetSkeleton","SpreadsheetSkeleton_default","load","module","Spreadsheet","lazyComponent","preloadSpreadsheet"],"sources":["../../../src/components/table/spreadsheet-lazy.ts"],"mappings":";;;AAGA,IAAME,UAAa,OAAO,mBAAoB,CAAC,MAAM,MAAWC,EAAO,OAAO,GAGjEC,IAAcC,EAAc,eAAeH,GAAMF,CAAmB;AAGjF,SAAgBM,IAA2B;CACzC,EAAU;AACZ"}

package/dist/components/table/table-grouping.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-grouping.js","names":["useCollapsedGroups","collapsed","ref","initialCollapsedGroups","table","watch","grouping","toggleCollapsedGroup","key","useTablePersistence","cleanup","mounted","register","keys","registerTablePersistence","onMounted","onBeforeUnmount"],"sources":["../../../src/components/table/table-grouping.ts"],"sourcesContent":["import type { TableSchema } from '@alfakit/core'\nimport {\n  initialCollapsedGroups,\n  registerTablePersistence,\n  toggleCollapsedGroup,\n} from '@alfakit/core'\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\n/**\n * Collapsed group keys. Starts collapsed for `collapsedGroupsByDefault()` and resets when\n * the table is grouped differently.\n */\nexport function useCollapsedGroups(table: () => TableSchema) {\n  const collapsed = ref<Set<string>>(initialCollapsedGroups(table()))\n\n  watch(\n    () => {\n      const grouping = table().grouping\n\n      return grouping ? `${grouping.group}:${grouping.direction}` : ''\n    },\n    () => {\n      collapsed.value = initialCollapsedGroups(table())\n    },\n  )\n\n  const toggle = (key: string) => {\n    collapsed.value = toggleCollapsedGroup(collapsed.value, key)\n  }\n\n  return { collapsed, toggle }\n}\n\n/**\n * Register the table's session-persisted keys so cleared values are sent explicitly.\n * Only in the browser (after mount), never during SSR.\n */\nexport function useTablePersistence(table: () => TableSchema) {\n  let cleanup = () => {}\n  let mounted = false\n\n  const register = () => {\n    cleanup()\n    const keys = table().persistedState\n    cleanup = registerTablePersistence(table().identifier, keys?.length ? [...keys] : undefined)\n  }\n\n  onMounted(() => {\n    mounted = true\n    register()\n  })\n\n  watch(\n    () => `${table().identifier ?? ''}|${(table().persistedState ?? []).join(',')}`,\n    () => mounted && register(),\n  )\n\n  onBeforeUnmount(() => cleanup())\n}\n"],"mappings":";;;AAYA,SAAgBA,EAAmB,GAA0B;CAC3D,IAAMC,IAAYC,EAAiBC,EAAuBC,EAAM,CAAC,CAAC;CAiBlE,OAfAC,QACQ;EACJ,IAAMC,IAAWF,EAAM,CAAC,CAAC;EAEzB,OAAOE,IAAW,GAAGA,EAAS,MAAM,GAAGA,EAAS,cAAc;CAChE,SACM;EACJ,EAAU,QAAQH,EAAuBC,EAAM,CAAC;CAClD,CACF,GAMO;EAAE;EAAW,SAJJ,MAAgB;GAC9B,EAAU,QAAQG,EAAqBN,EAAU,OAAOO,CAAG;EAC7D;CAE2B;AAC7B;AAMA,SAAgBC,EAAoB,GAA0B;CAC5D,IAAIC,UAAgB,CAAC,GACjBC,IAAU,IAERC,UAAiB;EACrB,EAAQ;EACR,IAAMC,IAAOT,EAAM,CAAC,CAAC;EACrB,IAAUU,EAAyBV,EAAM,CAAC,CAAC,YAAYS,GAAM,SAAS,CAAC,GAAGA,CAAI,IAAI,KAAA,CAAS;CAC7F;CAYA,AAVAE,QAAgB;EAEd,AADA,IAAU,IACVH,EAAS;CACX,CAAC,GAEDP,QACQ,GAAGD,EAAM,CAAC,CAAC,cAAc,GAAG,IAAIA,EAAM,CAAC,CAAC,kBAAkB,CAAC,EAAA,CAAG,KAAK,GAAG,WACtEO,KAAWC,EAAS,CAC5B,GAEAI,QAAsBN,EAAQ,CAAC;AACjC"}
+{"version":3,"file":"table-grouping.js","names":["useCollapsedGroups","collapsed","ref","initialCollapsedGroups","table","watch","grouping","toggleCollapsedGroup","key","useTablePersistence","cleanup","mounted","register","keys","registerTablePersistence","onMounted","onBeforeUnmount"],"sources":["../../../src/components/table/table-grouping.ts"],"mappings":";;;AAYA,SAAgBA,EAAmB,GAA0B;CAC3D,IAAMC,IAAYC,EAAiBC,EAAuBC,EAAM,CAAC,CAAC;CAiBlE,OAfAC,QACQ;EACJ,IAAMC,IAAWF,EAAM,CAAC,CAAC;EAEzB,OAAOE,IAAW,GAAGA,EAAS,MAAM,GAAGA,EAAS,cAAc;CAChE,SACM;EACJ,EAAU,QAAQH,EAAuBC,EAAM,CAAC;CAClD,CACF,GAMO;EAAE;EAAW,SAJJ,MAAgB;GAC9B,EAAU,QAAQG,EAAqBN,EAAU,OAAOO,CAAG;EAC7D;CAE2B;AAC7B;AAMA,SAAgBC,EAAoB,GAA0B;CAC5D,IAAIC,UAAgB,CAAC,GACjBC,IAAU,IAERC,UAAiB;EACrB,EAAQ;EACR,IAAMC,IAAOT,EAAM,CAAC,CAAC;EACrB,IAAUU,EAAyBV,EAAM,CAAC,CAAC,YAAYS,GAAM,SAAS,CAAC,GAAGA,CAAI,IAAI,KAAA,CAAS;CAC7F;CAYA,AAVAE,QAAgB;EAEd,AADA,IAAU,IACVH,EAAS;CACX,CAAC,GAEDP,QACQ,GAAGD,EAAM,CAAC,CAAC,cAAc,GAAG,IAAIA,EAAM,CAAC,CAAC,kBAAkB,CAAC,EAAA,CAAG,KAAK,GAAG,WACtEO,KAAWC,EAAS,CAC5B,GAEAI,QAAsBN,EAAQ,CAAC;AACjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManager.js","names":["_sfc_main","TranslationManager_vue_vue_type_script_setup_true_lang_default","TranslationManager_default"],"sources":["../../../src/components/translation-manager/TranslationManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TranslationManagerSchema } from '@alfakit/core'\nimport TranslationManagerView from './TranslationManagerView.vue'\n\n/**\n * The translation editor of alfasix/alfakit-translation-manager (schema component\n * `translation-manager`).\n */\ndefineProps<{ component?: TranslationManagerSchema }>()\n</script>\n\n<template>\n  <TranslationManagerView v-if=\"component\" :key=\"component.actionComponent\" :schema=\"component\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"TranslationManager.js","names":["_sfc_main","TranslationManager_vue_vue_type_script_setup_true_lang_default","TranslationManager_default"],"sources":["../../../src/components/translation-manager/TranslationManager.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","TranslationManagerView","_createCommentVNode","TranslationManagerView_default","TranslationManager_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/translation-manager/TranslationManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TranslationManagerSchema } from '@alfakit/core'\nimport TranslationManagerView from './TranslationManagerView.vue'\n\n/**\n * The translation editor of alfasix/alfakit-translation-manager (schema component\n * `translation-manager`).\n */\ndefineProps<{ component?: TranslationManagerSchema }>()\n</script>\n\n<template>\n  <TranslationManagerView v-if=\"component\" :key=\"component.actionComponent\" :schema=\"component\" />\n</template>\n"],"mappings":";;;;;;;mBAYgCM,EAAA,aAA9BN,EAAA,GAAAC,EAAgGC,GAAA;GAAtD,KAAKI,EAAA,UAAU;GAAkB,QAAQA,EAAA"}
+{"version":3,"file":"TranslationManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","TranslationManagerView","_createCommentVNode","TranslationManagerView_default","TranslationManager_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/translation-manager/TranslationManager.vue"],"mappings":";;;;;;;mBAYgCM,EAAA,aAA9BN,EAAA,GAAAC,EAAgGC,GAAA;GAAtD,KAAKI,EAAA,UAAU;GAAkB,QAAQA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManagerSkeleton.js","names":["_sfc_main","TranslationManagerSkeleton_vue_vue_type_script_setup_true_lang_default","TranslationManagerSkeleton_default"],"sources":["../../../src/components/translation-manager/TranslationManagerSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TranslationManagerSchema } 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?: TranslationManagerSchema }>()\nconst count = computed(() => Math.min(8, Math.max(3, props.component?.rows.length ?? 5)))\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"translation-manager\">\n    <CardContent class=\"flex flex-col gap-2 px-5\" aria-hidden=\"true\">\n      <Skeleton class=\"h-9\" />\n      <Skeleton v-for=\"index in count\" :key=\"index\" class=\"h-12\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TranslationManagerSkeleton.js","names":["_sfc_main","TranslationManagerSkeleton_vue_vue_type_script_setup_true_lang_default","TranslationManagerSkeleton_default"],"sources":["../../../src/components/translation-manager/TranslationManagerSkeleton.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManagerSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","Skeleton","_createElementBlock","_Fragment","_renderList","Skeleton_default","Card_default","CardContent_default","TranslationManagerSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","count","computed","openBlock","createBlock","withCtx","createVNode","createElementBlock","Fragment","renderList","index"],"sources":["../../../src/components/translation-manager/TranslationManagerSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TranslationManagerSchema } 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?: TranslationManagerSchema }>()\nconst count = computed(() => Math.min(8, Math.max(3, props.component?.rows.length ?? 5)))\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"translation-manager\">\n    <CardContent class=\"flex flex-col gap-2 px-5\" aria-hidden=\"true\">\n      <Skeleton class=\"h-9\" />\n      <Skeleton v-for=\"index in count\" :key=\"index\" class=\"h-12\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;EAOA,IAAMc,IAAQC,GACRC,IAAQC,QAAe,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGH,EAAM,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC;oBAItFd,EAAA,GAAAC,EAKOC,GAAA;GALD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QAGc,CAHdC,EAGcC,GAAA;IAHD,OAAM;IAA2B,eAAY;;IACxD,SAAAF,QAAwB,CAAxBC,EAAwBE,GAAA,EAAd,OAAM,MAAK,CAAA,IACrBN,EAAA,EAAA,GAAAO,EAA6DC,GAAA,MAAAC,EAAnCO,EAAA,QAAT,OAAjBhB,EAAA,GAAAC,EAA6DK,GAAA;KAA3B,KAAKmB;KAAO,OAAM"}
+{"version":3,"file":"TranslationManagerSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","Skeleton","_createElementBlock","_Fragment","_renderList","Skeleton_default","Card_default","CardContent_default","TranslationManagerSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","count","computed","openBlock","createBlock","withCtx","createVNode","createElementBlock","Fragment","renderList","index"],"sources":["../../../src/components/translation-manager/TranslationManagerSkeleton.vue"],"mappings":";;;;;;;;;EAOA,IAAMc,IAAQC,GACRC,IAAQC,QAAe,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGH,EAAM,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC;oBAItFd,EAAA,GAAAC,EAKOC,GAAA;GALD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QAGc,CAHdC,EAGcC,GAAA;IAHD,OAAM;IAA2B,eAAY;;IACxD,SAAAF,QAAwB,CAAxBC,EAAwBE,GAAA,EAAd,OAAM,MAAK,CAAA,IACrBN,EAAA,EAAA,GAAAO,EAA6DC,GAAA,MAAAC,EAAnCO,EAAA,QAAT,OAAjBhB,EAAA,GAAAC,EAA6DK,GAAA;KAA3B,KAAKmB;KAAO,OAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationManagerView.js","names":["_sfc_main","TranslationManagerView_vue_vue_type_script_setup_true_lang_default","TranslationManagerView_default"],"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":""}
+{"version":3,"file":"TranslationManagerView.js","names":["_sfc_main","TranslationManagerView_vue_vue_type_script_setup_true_lang_default","TranslationManagerView_default"],"sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"mappings":""}

package/dist/components/translation-manager/TranslationManagerView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationManagerView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"names":[],"mappings":"AA2uBA,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,eAAe,CAAA;AAgCtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AA4oDxD,wBAMG"}
+{"version":3,"file":"TranslationManagerView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/translation-manager/TranslationManagerView.vue"],"names":[],"mappings":"AA2uBA,OAAO,KAAK,EAIV,wBAAwB,EACzB,MAAM,eAAe,CAAA;AAgCtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AA6oDxD,wBAMG"}

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

@@ -42,7 +42,7 @@ var Ce = ["id"], we = {
 	"aria-rowcount"
 ], Je = { class: "bg-muted/50" }, Ye = {
 	scope: "col",
-	class: "bg-muted sticky start-0 z-10 min-w-56 border-b px-3 py-2 text-start font-medium"
+	class: "bg-card sticky start-0 z-10 min-w-56 border-b [background-image:linear-gradient(var(--muted),var(--muted))] px-3 py-2 text-start font-medium"
 }, Xe = { class: "flex items-center gap-2" }, Ze = ["lang"], Qe = { class: "text-muted-foreground font-mono text-xs" }, $e = {
 	scope: "row",
 	class: "bg-card sticky start-0 z-10 px-3 py-2 text-start align-top font-normal"