@alfakit/vue 0.1.10 → 0.1.12

package/dist/components/table/TableCellContent.vue_vue_type_script_setup_true_lang.js

@@ -4,11 +4,11 @@ import { colorClass as r, iconSizeClasses as i, textColorClasses as a } from "..
 import o from "../../lib/Icon.js";
 import s from "../entries/FormattedText.js";
 import ee from "./BooleanCell.js";
-import c from "./SelectCell.js";
-import l from "./SelectComboboxCell.js";
-import u from "./TextInputCell.js";
-import { columnRegistryKey as d, remainingTextSizeClass as f, stackedImageStyle as p, usesDefaultImageStack as m } from "@alfakit/core";
-import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as te, createVNode as ne, defineComponent as b, mergeProps as x, normalizeClass as S, normalizeProps as C, normalizeStyle as w, openBlock as T, ref as E, renderList as D, resolveDynamicComponent as O, toDisplayString as k, unref as A, withModifiers as re } from "vue";
+import te from "./SelectCell.js";
+import c from "./SelectComboboxCell.js";
+import l from "./TextInputCell.js";
+import { columnRegistryKey as u, remainingTextSizeClass as d, stackedImageStyle as f, usesDefaultImageStack as p } from "@alfakit/core";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as ne, createVNode as re, defineComponent as y, mergeProps as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, openBlock as w, ref as T, renderList as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, withModifiers as A } from "vue";
 import { CheckIcon as ie } from "@lucide/vue";
 //#region src/components/table/TableCellContent.vue?vue&type=script&setup=true&lang.ts
 var ae = {
@@ -39,7 +39,7 @@ var ae = {
 }, R = {
 	key: 1,
 	class: "text-muted-foreground block text-xs"
-}, z = /*@__PURE__*/ b({
+}, z = /*@__PURE__*/ y({
 	__name: "TableCellContent",
 	props: {
 		column: {},
@@ -49,20 +49,20 @@ var ae = {
 		component: {},
 		fromRegistry: { type: Boolean }
 	},
-	setup(b) {
-		let z = b, B = e(), V = g(() => z.fromRegistry ? void 0 : B.resolve(d(z.column))), H = t(), U = g(() => z.column.component ?? ""), W = g(() => z.column.type === "ViewColumn" && U.value ? B.resolve(U.value) : void 0), G = g(() => z.column), K = g(() => m(G.value)), q = g(() => Array.isArray(z.cell.state) ? z.cell.state : []), J = g(() => G.value.limit ?? q.value.length), Y = (e) => typeof e == "number" ? `${e}px` : e, ce = g(() => {
+	setup(y) {
+		let z = y, B = e(), V = h(() => z.fromRegistry ? void 0 : B.resolve(u(z.column))), H = t(), U = h(() => z.column.component ?? ""), W = h(() => z.column.type === "ViewColumn" && U.value ? B.resolve(U.value) : void 0), G = h(() => z.column), K = h(() => p(G.value)), q = h(() => Array.isArray(z.cell.state) ? z.cell.state : []), J = h(() => G.value.limit ?? q.value.length), Y = (e) => typeof e == "number" ? `${e}px` : e, ce = h(() => {
 			let e = G.value.size ?? 40;
 			return {
 				height: Y(G.value.height ?? e),
 				width: Y(G.value.width ?? (G.value.square || G.value.circular ? e : void 0))
 			};
-		}), X = g(() => Array.isArray(z.cell.state) ? z.cell.state : z.cell.state ? [String(z.cell.state)] : []), Z = g(() => z.column), Q = E(null), le = (e) => {
+		}), X = h(() => Array.isArray(z.cell.state) ? z.cell.state : z.cell.state ? [String(z.cell.state)] : []), Z = h(() => z.column), Q = T(null), le = (e) => {
 			navigator.clipboard?.writeText(e).then(() => {
 				Q.value = e, setTimeout(() => {
 					Q.value = null;
 				}, Z.value.copyMessageDuration ?? 1500);
 			});
-		}, ue = g(() => ({
+		}, ue = h(() => ({
 			...z.column,
 			color: z.cell.color,
 			icon: z.cell.icon,
@@ -71,69 +71,69 @@ var ae = {
 			itemColors: z.cell.itemColors,
 			itemIcons: z.cell.itemIcons,
 			itemUrls: z.cell.itemUrls
-		})), de = g(() => z.column.type === "SelectColumn" && z.column.native === !1), $ = g(() => z.column.descriptionPosition ?? "below");
-		return (e, t) => V.value ? (T(), _(O(V.value), x({ key: 0 }, z, { "from-registry": !0 }), null, 16)) : W.value ? (T(), _(O(W.value), C(x({ key: 1 }, {
+		})), de = h(() => z.column.type === "SelectColumn" && z.column.native === !1), $ = h(() => z.column.descriptionPosition ?? "below");
+		return (e, t) => V.value ? (w(), g(D(V.value), b({ key: 0 }, z, { "from-registry": !0 }), null, 16)) : W.value ? (w(), g(D(W.value), S(b({ key: 1 }, {
 			...z.cell.props ?? {},
 			state: z.cell.state,
 			...z
-		})), null, 16)) : z.column.type === "ViewColumn" ? (T(), y("span", ae, k(A(H)("component_not_registered", { component: U.value }, `Component ${U.value} is not registered.`)), 1)) : z.column.type === "IconColumn" ? (T(), y(h, { key: 3 }, [z.cell.icons ? (T(), y("div", {
+		})), null, 16)) : z.column.type === "ViewColumn" ? (w(), v("span", ae, O(k(H)("component_not_registered", { component: U.value }, `Component ${U.value} is not registered.`)), 1)) : z.column.type === "IconColumn" ? (w(), v(m, { key: 3 }, [z.cell.icons ? (w(), v("div", {
 			key: 0,
 			"data-slot": "icon-column-icons",
-			class: S(A(n)("flex items-center gap-1.5", z.column.wrap ? "flex-wrap" : "flex-nowrap"))
-		}, [z.cell.icons.length === 0 ? (T(), y("span", oe, "—")) : v("", !0), (T(!0), y(h, null, D(z.cell.icons, (e, t) => (T(), _(A(o), {
+			class: x(k(n)("flex items-center gap-1.5", z.column.wrap ? "flex-wrap" : "flex-nowrap"))
+		}, [z.cell.icons.length === 0 ? (w(), v("span", oe, "—")) : _("", !0), (w(!0), v(m, null, E(z.cell.icons, (e, t) => (w(), g(k(o), {
 			key: t,
 			name: e.icon,
-			class: S(A(n)(A(r)(A(i), z.cell.size, "md"), e.color && A(a)[e.color]))
-		}, null, 8, ["name", "class"]))), 128))], 2)) : z.cell.icon ? (T(), _(A(o), {
+			class: x(k(n)(k(r)(k(i), z.cell.size, "md"), e.color && k(a)[e.color]))
+		}, null, 8, ["name", "class"]))), 128))], 2)) : z.cell.icon ? (w(), g(k(o), {
 			key: 1,
 			name: z.cell.icon,
-			class: S(A(n)(A(r)(A(i), z.cell.size, "md"), z.cell.color && A(a)[z.cell.color]))
-		}, null, 8, ["name", "class"])) : (T(), y("span", se, "—"))], 64)) : z.column.type === "ImageColumn" ? (T(), y(h, { key: 4 }, [q.value.length === 0 ? (T(), y("span", j, "—")) : (T(), y("div", {
+			class: x(k(n)(k(r)(k(i), z.cell.size, "md"), z.cell.color && k(a)[z.cell.color]))
+		}, null, 8, ["name", "class"])) : (w(), v("span", se, "—"))], 64)) : z.column.type === "ImageColumn" ? (w(), v(m, { key: 4 }, [q.value.length === 0 ? (w(), v("span", j, "—")) : (w(), v("div", {
 			key: 1,
-			class: S(A(n)("flex items-center", G.value.wrap && "flex-wrap", G.value.stacked ? K.value && "-space-x-2" : "gap-1.5", G.value.wrap && G.value.stacked && "gap-y-1.5"))
-		}, [(T(!0), y(h, null, D(q.value.slice(0, J.value), (e, t) => (T(), y("img", x({
+			class: x(k(n)("flex items-center", G.value.wrap && "flex-wrap", G.value.stacked ? K.value && "-space-x-2" : "gap-1.5", G.value.wrap && G.value.stacked && "gap-y-1.5"))
+		}, [(w(!0), v(m, null, E(q.value.slice(0, J.value), (e, t) => (w(), v("img", b({
 			key: t,
 			src: e,
-			alt: z.cell.alt ?? "",
-			style: [ce.value, A(p)(t, G.value)],
-			class: A(n)("object-cover", G.value.circular ? "rounded-full" : "rounded-md", G.value.stacked && K.value && "ring-background ring-2")
-		}, { ref_for: !0 }, z.cell.extraImgAttributes), null, 16, M))), 128)), G.value.limitedRemainingText && q.value.length > J.value ? (T(), y("span", {
+			alt: z.cell.alt ?? (t === 0 ? z.column.label ?? "" : ""),
+			style: [ce.value, k(f)(t, G.value)],
+			class: k(n)("object-cover", G.value.circular ? "rounded-full" : "rounded-md", G.value.stacked && K.value && "ring-background ring-2")
+		}, { ref_for: !0 }, z.cell.extraImgAttributes), null, 16, M))), 128)), G.value.limitedRemainingText && q.value.length > J.value ? (w(), v("span", {
 			key: 0,
 			"data-slot": "image-remaining",
-			class: S(A(n)("text-muted-foreground ms-1", A(f)(G.value.limitedRemainingTextSize)))
-		}, "+" + k(q.value.length - J.value), 3)) : v("", !0)], 2))], 64)) : z.column.type === "ColorColumn" ? (T(), y(h, { key: 5 }, [X.value.length === 0 ? (T(), y("span", N, "—")) : (T(), y("div", {
+			class: x(k(n)("text-muted-foreground", G.value.stacked && K.value ? "ms-3" : "ms-1", k(d)(G.value.limitedRemainingTextSize)))
+		}, "+" + O(q.value.length - J.value), 3)) : _("", !0)], 2))], 64)) : z.column.type === "ColorColumn" ? (w(), v(m, { key: 5 }, [X.value.length === 0 ? (w(), v("span", N, "—")) : (w(), v("div", {
 			key: 1,
-			class: S(A(n)("flex items-center gap-1.5", Z.value.wrap ? "flex-wrap" : "flex-nowrap"))
-		}, [(T(!0), y(h, null, D(X.value, (e) => (T(), y(h, { key: e }, [Z.value.copyable ? (T(), y("button", {
+			class: x(k(n)("flex items-center gap-1.5", Z.value.wrap ? "flex-wrap" : "flex-nowrap"))
+		}, [(w(!0), v(m, null, E(X.value, (e) => (w(), v(m, { key: e }, [Z.value.copyable ? (w(), v("button", {
 			key: 0,
 			type: "button",
 			"data-slot": "color-copy",
 			title: e,
-			"aria-label": `${A(H)("copy", {}, "Copy")} ${e}`,
+			"aria-label": `${k(H)("copy", {}, "Copy")} ${e}`,
 			class: "focus-visible:ring-ring/50 inline-flex rounded outline-none focus-visible:ring-[3px]",
-			onClick: re((t) => le(e), ["prevent", "stop"])
-		}, [te("span", {
+			onClick: A((t) => le(e), ["prevent", "stop"])
+		}, [ne("span", {
 			class: "inline-flex size-5 items-center justify-center rounded border shadow-xs",
-			style: w({ backgroundColor: e })
-		}, [Q.value === e ? (T(), _(A(ie), {
+			style: C({ backgroundColor: e })
+		}, [Q.value === e ? (w(), g(k(ie), {
 			key: 0,
 			class: "size-3 text-white mix-blend-difference"
-		})) : v("", !0)], 4)], 8, P)) : (T(), y("span", {
+		})) : _("", !0)], 4)], 8, P)) : (w(), v("span", {
 			key: 1,
 			title: e,
 			class: "size-5 rounded border shadow-xs",
-			style: w({ backgroundColor: e })
-		}, null, 12, F))], 64))), 128)), Z.value.copyable && Q.value ? (T(), y("span", {
+			style: C({ backgroundColor: e })
+		}, null, 12, F))], 64))), 128)), Z.value.copyable && Q.value ? (w(), v("span", {
 			key: 0,
 			role: "status",
-			class: S(A(n)("text-xs", !Z.value.copyMessage && "sr-only"))
-		}, k(Z.value.copyMessage ?? A(H)("copied", {}, "Copied")), 3)) : v("", !0)], 2))], 64)) : z.column.type === "ToggleColumn" || z.column.type === "CheckboxColumn" ? (T(), _(ee, C(x({ key: 6 }, z)), null, 16)) : de.value ? (T(), _(l, C(x({ key: 7 }, z)), null, 16)) : z.column.type === "SelectColumn" ? (T(), _(c, C(x({ key: 8 }, z)), null, 16)) : z.column.type === "TextInputColumn" ? (T(), _(u, C(x({ key: 9 }, z)), null, 16)) : (T(), y("div", I, [
-			z.cell.description && $.value === "above" ? (T(), y("span", L, k(z.cell.description), 1)) : v("", !0),
-			ne(s, {
+			class: x(k(n)("text-xs", !Z.value.copyMessage && "sr-only"))
+		}, O(Z.value.copyMessage ?? k(H)("copied", {}, "Copied")), 3)) : _("", !0)], 2))], 64)) : z.column.type === "ToggleColumn" || z.column.type === "CheckboxColumn" ? (w(), g(ee, S(b({ key: 6 }, z)), null, 16)) : de.value ? (w(), g(c, S(b({ key: 7 }, z)), null, 16)) : z.column.type === "SelectColumn" ? (w(), g(te, S(b({ key: 8 }, z)), null, 16)) : z.column.type === "TextInputColumn" ? (w(), g(l, S(b({ key: 9 }, z)), null, 16)) : (w(), v("div", I, [
+			z.cell.description && $.value === "above" ? (w(), v("span", L, O(z.cell.description), 1)) : _("", !0),
+			re(s, {
 				value: z.cell.state,
 				schema: ue.value
 			}, null, 8, ["value", "schema"]),
-			z.cell.description && $.value === "below" ? (T(), y("span", R, k(z.cell.description), 1)) : v("", !0)
+			z.cell.description && $.value === "below" ? (w(), v("span", R, O(z.cell.description), 1)) : _("", !0)
 		]));
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TableCellContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_normalizeProps","_createElementBlock","_toDisplayString","_unref","_Fragment","_normalizeClass","_createCommentVNode","_renderList","Icon","_withModifiers","_createElementVNode","_normalizeStyle","BooleanCell","SelectComboboxCell","SelectCell","TextInputCell","_createVNode","FormattedText","Icon_default","FormattedText_default","BooleanCell_default","SelectCell_default","SelectComboboxCell_default","TextInputCell_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableCellContent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","custom","computed","columnRegistryKey","t","useT","viewName","view","imageSchema","defaultImageStack","usesDefaultImageStack","imageUrls","imageLimit","toCss","value","imageStyle","size","colors","colorSchema","copiedColor","ref","copyColor","color","textSchema","isComboboxSelect","descriptionPosition","openBlock","createBlock","resolveDynamicComponent","mergeProps","normalizeProps","createElementBlock","toDisplayString","unref","Fragment","normalizeClass","cn","createCommentVNode","renderList","index","item","colorClass","iconSizeClasses","textColorClasses","url","stackedImageStyle","remainingTextSizeClass","withModifiers","createElementVNode","normalizeStyle","CheckIcon","createVNode"],"sources":["../../../src/components/table/TableCellContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColorColumnSchema, IconColumnSchema } from '@alfakit/core'\nimport {\n  columnRegistryKey,\n  remainingTextSizeClass,\n  stackedImageStyle,\n  usesDefaultImageStack,\n} from '@alfakit/core'\nimport { CheckIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useRegistry, useT } from '../../context'\nimport { colorClass, iconSizeClasses, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport FormattedText from '../entries/FormattedText.vue'\nimport BooleanCell from './BooleanCell.vue'\nimport type { CellProps } from './cell-update'\nimport SelectCell from './SelectCell.vue'\nimport SelectComboboxCell from './SelectComboboxCell.vue'\nimport TextInputCell from './TextInputCell.vue'\n\nconst props = defineProps<CellProps>()\nconst registry = useRegistry()\n// A component registered as `column:<type>` replaces the built-in cell renderer.\nconst custom = computed(() =>\n  props.fromRegistry ? undefined : registry.resolve(columnRegistryKey(props.column)),\n)\nconst t = useT()\n// `ViewColumn`: the application component registered under the column's `view()` name.\nconst viewName = computed(() => (props.column as { component?: string }).component ?? '')\nconst view = computed(() =>\n  props.column.type === 'ViewColumn' && viewName.value\n    ? registry.resolve(viewName.value)\n    : undefined,\n)\n\nconst imageSchema = computed(\n  () =>\n    props.column as {\n      circular?: boolean\n      square?: boolean\n      size?: number | string\n      height?: number | string\n      width?: string\n      stacked?: boolean\n      limit?: number\n      limitedRemainingText?: boolean\n      limitedRemainingTextSize?: string\n      wrap?: boolean\n      ring?: number\n      overlap?: number\n    },\n)\nconst defaultImageStack = computed(() => usesDefaultImageStack(imageSchema.value))\nconst imageUrls = computed(() =>\n  Array.isArray(props.cell.state) ? (props.cell.state as string[]) : [],\n)\nconst imageLimit = computed(() => imageSchema.value.limit ?? imageUrls.value.length)\nconst toCss = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\nconst imageStyle = computed(() => {\n  const size = imageSchema.value.size ?? 40\n\n  return {\n    height: toCss(imageSchema.value.height ?? size),\n    width: toCss(\n      imageSchema.value.width ??\n        (imageSchema.value.square || imageSchema.value.circular ? size : undefined),\n    ),\n  }\n})\nconst colors = computed(() =>\n  Array.isArray(props.cell.state)\n    ? (props.cell.state as string[])\n    : props.cell.state\n      ? [String(props.cell.state)]\n      : [],\n)\nconst colorSchema = computed(() => props.column as ColorColumnSchema)\nconst copiedColor = ref<string | null>(null)\nconst copyColor = (color: string) => {\n  void navigator.clipboard?.writeText(color).then(() => {\n    copiedColor.value = color\n    setTimeout(() => {\n      copiedColor.value = null\n    }, colorSchema.value.copyMessageDuration ?? 1500)\n  })\n}\nconst textSchema = computed(() => ({\n  ...(props.column as object),\n  color: props.cell.color,\n  icon: props.cell.icon,\n  iconPosition: props.cell.iconPosition,\n  iconColor: props.cell.iconColor,\n  itemColors: props.cell.itemColors,\n  itemIcons: props.cell.itemIcons,\n  itemUrls: props.cell.itemUrls,\n}))\n// `SelectColumn::native(false)` renders a combobox.\nconst isComboboxSelect = computed(\n  () =>\n    props.column.type === 'SelectColumn' && (props.column as { native?: boolean }).native === false,\n)\nconst descriptionPosition = computed(\n  () =>\n    (props.column as { descriptionPosition?: 'above' | 'below' }).descriptionPosition ?? 'below',\n)\n</script>\n\n<template>\n  <component :is=\"custom\" v-if=\"custom\" v-bind=\"props\" :from-registry=\"true\" />\n  <component\n    :is=\"view\"\n    v-else-if=\"view\"\n    v-bind=\"{ ...(props.cell.props ?? {}), state: props.cell.state, ...props }\"\n  />\n  <span v-else-if=\"props.column.type === 'ViewColumn'\" class=\"text-destructive text-xs\">{{\n    t(\n      'component_not_registered',\n      { component: viewName },\n      `Component ${viewName} is not registered.`,\n    )\n  }}</span>\n  <template v-else-if=\"props.column.type === 'IconColumn'\">\n    <!-- A list state: one icon per item (`wrap()` lets them wrap). -->\n    <div\n      v-if=\"props.cell.icons\"\n      data-slot=\"icon-column-icons\"\n      :class=\"\n        cn(\n          'flex items-center gap-1.5',\n          (props.column as IconColumnSchema).wrap ? 'flex-wrap' : 'flex-nowrap',\n        )\n      \"\n    >\n      <span v-if=\"props.cell.icons.length === 0\" class=\"text-muted-foreground\">—</span>\n      <Icon\n        v-for=\"(item, index) in props.cell.icons\"\n        :key=\"index\"\n        :name=\"item.icon\"\n        :class=\"\n          cn(\n            colorClass(iconSizeClasses, props.cell.size, 'md'),\n            item.color && textColorClasses[item.color],\n          )\n        \"\n      />\n    </div>\n    <Icon\n      v-else-if=\"props.cell.icon\"\n      :name=\"props.cell.icon\"\n      :class=\"\n        cn(\n          colorClass(iconSizeClasses, props.cell.size, 'md'),\n          props.cell.color && textColorClasses[props.cell.color],\n        )\n      \"\n    />\n    <span v-else class=\"text-muted-foreground\">—</span>\n  </template>\n  <template v-else-if=\"props.column.type === 'ImageColumn'\">\n    <span v-if=\"imageUrls.length === 0\" class=\"text-muted-foreground\">—</span>\n    <div\n      v-else\n      :class=\"\n        cn(\n          'flex items-center',\n          imageSchema.wrap && 'flex-wrap',\n          imageSchema.stacked ? defaultImageStack && '-space-x-2' : 'gap-1.5',\n          imageSchema.wrap && imageSchema.stacked && 'gap-y-1.5',\n        )\n      \"\n    >\n      <img\n        v-for=\"(url, index) in imageUrls.slice(0, imageLimit)\"\n        :key=\"index\"\n        :src=\"url\"\n        :alt=\"props.cell.alt ?? ''\"\n        :style=\"[imageStyle, stackedImageStyle(index, imageSchema)]\"\n        :class=\"\n          cn(\n            'object-cover',\n            imageSchema.circular ? 'rounded-full' : 'rounded-md',\n            imageSchema.stacked && defaultImageStack && 'ring-background ring-2',\n          )\n        \"\n        v-bind=\"props.cell.extraImgAttributes\"\n      />\n      <span\n        v-if=\"imageSchema.limitedRemainingText && imageUrls.length > imageLimit\"\n        data-slot=\"image-remaining\"\n        :class=\"\n          cn(\n            'text-muted-foreground ms-1',\n            remainingTextSizeClass(imageSchema.limitedRemainingTextSize),\n          )\n        \"\n        >+{{ imageUrls.length - imageLimit }}</span\n      >\n    </div>\n  </template>\n  <template v-else-if=\"props.column.type === 'ColorColumn'\">\n    <span v-if=\"colors.length === 0\" class=\"text-muted-foreground\">—</span>\n    <div\n      v-else\n      :class=\"cn('flex items-center gap-1.5', colorSchema.wrap ? 'flex-wrap' : 'flex-nowrap')\"\n    >\n      <template v-for=\"color in colors\" :key=\"color\">\n        <!-- The cell may sit inside a link or a clickable row. -->\n        <button\n          v-if=\"colorSchema.copyable\"\n          type=\"button\"\n          data-slot=\"color-copy\"\n          :title=\"color\"\n          :aria-label=\"`${t('copy', {}, 'Copy')} ${color}`\"\n          class=\"focus-visible:ring-ring/50 inline-flex rounded outline-none focus-visible:ring-[3px]\"\n          @click.prevent.stop=\"copyColor(color)\"\n        >\n          <span\n            class=\"inline-flex size-5 items-center justify-center rounded border shadow-xs\"\n            :style=\"{ backgroundColor: color }\"\n          >\n            <CheckIcon\n              v-if=\"copiedColor === color\"\n              class=\"size-3 text-white mix-blend-difference\"\n            />\n          </span>\n        </button>\n        <span\n          v-else\n          :title=\"color\"\n          class=\"size-5 rounded border shadow-xs\"\n          :style=\"{ backgroundColor: color }\"\n        />\n      </template>\n      <span\n        v-if=\"colorSchema.copyable && copiedColor\"\n        role=\"status\"\n        :class=\"cn('text-xs', !colorSchema.copyMessage && 'sr-only')\"\n        >{{ colorSchema.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </div>\n  </template>\n  <BooleanCell\n    v-else-if=\"props.column.type === 'ToggleColumn' || props.column.type === 'CheckboxColumn'\"\n    v-bind=\"props\"\n  />\n  <SelectComboboxCell v-else-if=\"isComboboxSelect\" v-bind=\"props\" />\n  <SelectCell v-else-if=\"props.column.type === 'SelectColumn'\" v-bind=\"props\" />\n  <TextInputCell v-else-if=\"props.column.type === 'TextInputColumn'\" v-bind=\"props\" />\n  <div v-else class=\"flex flex-col gap-0.5\">\n    <span\n      v-if=\"props.cell.description && descriptionPosition === 'above'\"\n      class=\"text-muted-foreground block text-xs\"\n      >{{ props.cell.description }}</span\n    >\n    <FormattedText :value=\"props.cell.state\" :schema=\"textSchema\" />\n    <span\n      v-if=\"props.cell.description && descriptionPosition === 'below'\"\n      class=\"text-muted-foreground block text-xs\"\n      >{{ props.cell.description }}</span\n    >\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TableCellContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_normalizeProps","_createElementBlock","_toDisplayString","_unref","_Fragment","_normalizeClass","_createCommentVNode","_renderList","Icon","_withModifiers","_createElementVNode","_normalizeStyle","BooleanCell","SelectComboboxCell","SelectCell","TextInputCell","_createVNode","FormattedText","Icon_default","FormattedText_default","BooleanCell_default","SelectCell_default","SelectComboboxCell_default","TextInputCell_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableCellContent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","custom","computed","columnRegistryKey","t","useT","viewName","view","imageSchema","defaultImageStack","usesDefaultImageStack","imageUrls","imageLimit","toCss","value","imageStyle","size","colors","colorSchema","copiedColor","ref","copyColor","color","textSchema","isComboboxSelect","descriptionPosition","openBlock","createBlock","resolveDynamicComponent","mergeProps","normalizeProps","createElementBlock","toDisplayString","unref","Fragment","normalizeClass","cn","createCommentVNode","renderList","index","item","colorClass","iconSizeClasses","textColorClasses","url","stackedImageStyle","remainingTextSizeClass","withModifiers","createElementVNode","normalizeStyle","CheckIcon","createVNode"],"sources":["../../../src/components/table/TableCellContent.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.js","names":["_sfc_main","TableFilters_vue_vue_type_script_setup_true_lang_default","TableFilters_default"],"sources":["../../../src/components/table/TableFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport {\n  FilterFormSync,\n  FormStore,\n  filterFormComponents,\n  filtersAreDeferred,\n  filtersCollapsible,\n  filtersFormWidthClass,\n  filtersPlacement,\n  triggerButtonView,\n  visitTable,\n} from '@alfakit/core'\nimport { ChevronDownIcon, FilterIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { usePageSchema, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DialogTrigger from '../ui/DialogTrigger.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * Filters are a small form whose state (keyed by filter name) is pushed into the query\n * string. The server re-renders the table with the filtered records.\n */\nconst props = defineProps<{ table: TableSchema; component: string }>()\nconst t = useT()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst filters = computed(() => props.table.filters ?? [])\n// `filtersFormSchema()` lays the filters out itself.\nconst components = computed(\n  () => props.table.filtersFormSchema ?? filterFormComponents(filters.value),\n)\n\nconst store = new FormStore(\n  {\n    components: components.value,\n    state: props.table.filterState ?? {},\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  },\n  {\n    token: page.value?.token ?? '',\n    component: `${props.component}.filters`,\n    refreshUrl: undefined,\n    optionsUrl: panel.value.endpoints.schemaOptions,\n  },\n)\n\nprovideForm(store)\n\n// Server responses are merged in by FilterFormSync so typing that happens while a filter\n// request is in flight is never reset.\nconst sync = new FilterFormSync(store)\n\nwatch([components, () => props.table.filterState], ([next, filterState]) => {\n  sync.receive({\n    components: next,\n    state: filterState,\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  })\n})\n\nwatch(\n  () => page.value?.token,\n  (token) => {\n    if (token) store.setToken(token)\n  },\n)\n\nconst state = useStore(store.store)\nconst open = ref(false)\nlet timer: ReturnType<typeof setTimeout> | null = null\nconst deferred = computed(() => filtersAreDeferred(props.table))\n// Re-evaluated with the form state, which `hasUnsentChanges` reads.\nconst unsent = computed(() => {\n  void state.value.values\n\n  return deferred.value && sync.hasUnsentChanges\n})\n\nconst apply = () => {\n  sync.pushed(state.value.values)\n  visitTable(\n    props.table.identifier,\n    { filters: state.value.values as Record<string, Record<string, unknown>> },\n    ['page'],\n  )\n  open.value = false\n}\n\nconst discard = () =>\n  sync.discard({\n    components: components.value,\n    state: props.table.filterState,\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  })\n\nconst setModalOpen = (next: boolean) => {\n  // Dismissing the dialog drops edits that were not applied.\n  if (!next) discard()\n  open.value = next\n}\n\nconst reset = () => visitTable(props.table.identifier, { filters: null }, ['page'])\n\n// Push changes to the server (debounced by the browser's natural typing pauses), unless\n// the filters wait for the Apply button.\nwatch(\n  () => [state.value.values, state.value.dirty] as const,\n  ([values, dirty]) => {\n    if (timer) clearTimeout(timer)\n\n    if (!dirty.size || deferred.value) {\n      return\n    }\n\n    timer = setTimeout(() => {\n      sync.pushed(values)\n      visitTable(\n        props.table.identifier,\n        { filters: values as Record<string, Record<string, unknown>> },\n        ['page'],\n      )\n    }, 400)\n  },\n)\n\nonScopeDispose(() => {\n  if (timer) clearTimeout(timer)\n  store.destroy()\n})\n\nconst activeCount = computed(() => props.table.filterIndicators?.length ?? 0)\nconst placement = computed(() => filtersPlacement(props.table.filtersLayout))\nconst widthClass = computed(() => filtersFormWidthClass(props.table))\nconst sidebar = computed(() => placement.value === 'before' || placement.value === 'after')\nconst sidebarCollapsible = computed(() => filtersCollapsible(props.table.filtersLayout))\nconst collapsible = computed(() => props.table.filtersLayout === 'above-content-collapsible')\nconst inline = computed(() => placement.value === 'above' || placement.value === 'below')\n// `filtersResetAction()` / `filtersApplyAction()` / `filtersTriggerAction()`.\nconst resetView = computed(() =>\n  triggerButtonView(props.table, 'filtersReset', {\n    label: t('table.reset_filters', {}, 'Reset'),\n    variant: 'link',\n  }),\n)\nconst applyView = computed(() =>\n  triggerButtonView(props.table, 'filtersApply', {\n    label: t('table_filters.apply', {}, 'Apply'),\n    variant: 'default',\n  }),\n)\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'filters', {\n    label: t('table.filters', {}, 'Filters'),\n    badge: activeCount.value > 0 ? activeCount.value : undefined,\n  }),\n)\nconst showReset = computed(() => activeCount.value > 0 && Boolean(resetView.value))\nconst resetInHeader = computed(() => props.table.filtersResetActionPosition === 'header')\nconst [DefineReset, ResetButton] = createReusableTemplate()\nconst [DefineApply, ApplyButton] = createReusableTemplate()\nconst [DefineForm, FiltersForm] = createReusableTemplate()\n</script>\n\n<template>\n  <template v-if=\"filters.length > 0\">\n    <DefineReset>\n      <TableTriggerButton\n        v-if=\"showReset && resetView\"\n        :view=\"resetView\"\n        data-slot=\"filters-reset\"\n        @click=\"reset\"\n      />\n    </DefineReset>\n    <DefineApply>\n      <TableTriggerButton\n        v-if=\"applyView\"\n        :view=\"applyView\"\n        data-slot=\"filters-apply\"\n        :disabled=\"!unsent\"\n        @click=\"apply\"\n      />\n    </DefineApply>\n    <DefineForm>\n      <div class=\"flex flex-col gap-4\">\n        <div v-if=\"resetInHeader && showReset\" class=\"flex justify-end\"><ResetButton /></div>\n        <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-4\" />\n        <div\n          v-if=\"(!resetInHeader && showReset) || (deferred && applyView)\"\n          class=\"flex items-center justify-end gap-2\"\n        >\n          <ResetButton v-if=\"!resetInHeader\" />\n          <ApplyButton v-if=\"deferred\" />\n        </div>\n      </div>\n    </DefineForm>\n    <aside\n      v-if=\"sidebar\"\n      data-slot=\"table-filters-sidebar\"\n      :aria-label=\"t('table.filters', {}, 'Filters')\"\n      :class=\"cn('bg-muted/30 rounded-lg border lg:w-72 lg:shrink-0', widthClass)\"\n    >\n      <button\n        v-if=\"sidebarCollapsible\"\n        type=\"button\"\n        class=\"flex w-full items-center gap-2 p-4 text-sm font-medium\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n        <Badge v-if=\"activeCount > 0\" class=\"h-5 min-w-5 px-1\">{{ activeCount }}</Badge>\n        <ChevronDownIcon :class=\"cn('ms-auto size-4 transition-transform', open && 'rotate-180')\" />\n      </button>\n      <div v-else class=\"flex items-center gap-2 px-4 pt-4 text-sm font-medium\">\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n      </div>\n      <div v-if=\"!sidebarCollapsible || open\" :class=\"cn('p-4', sidebarCollapsible && 'border-t')\">\n        <FiltersForm />\n      </div>\n    </aside>\n    <div v-else-if=\"collapsible\" class=\"bg-muted/30 rounded-lg border\">\n      <button\n        type=\"button\"\n        class=\"flex w-full items-center gap-2 p-4 text-sm font-medium\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n        <Badge v-if=\"activeCount > 0\" class=\"h-5 min-w-5 px-1\">{{ activeCount }}</Badge>\n        <ChevronDownIcon :class=\"cn('ms-auto size-4 transition-transform', open && 'rotate-180')\" />\n      </button>\n      <div v-if=\"open\" class=\"border-t p-4\"><FiltersForm /></div>\n    </div>\n    <div v-else-if=\"inline\" class=\"bg-muted/30 rounded-lg border p-4\"><FiltersForm /></div>\n    <Dialog\n      v-else-if=\"props.table.filtersLayout === 'modal'\"\n      :open=\"open\"\n      @update:open=\"setModalOpen\"\n    >\n      <DialogTrigger v-if=\"trigger\" as-child>\n        <TableTriggerButton\n          :view=\"trigger\"\n          :responsive-label=\"!props.table.triggerActions?.filters\"\n          :active=\"activeCount > 0\"\n        >\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.filter\" :fallback=\"FilterIcon\"\n          /></template>\n        </TableTriggerButton>\n      </DialogTrigger>\n      <DialogContent :class=\"widthClass ?? 'sm:max-w-2xl'\">\n        <DialogHeader>\n          <DialogTitle>{{ t('table.filters', {}, 'Filters') }}</DialogTitle>\n          <DialogDescription class=\"sr-only\">{{ props.table.pluralModelLabel }}</DialogDescription>\n        </DialogHeader>\n        <div v-if=\"resetInHeader && showReset\" class=\"flex justify-end\"><ResetButton /></div>\n        <div class=\"max-h-[60vh] overflow-y-auto\">\n          <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-4\" />\n        </div>\n        <DialogFooter class=\"items-center gap-2\">\n          <ResetButton v-if=\"!resetInHeader\" />\n          <span class=\"flex-1\" />\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"setModalOpen(false)\">{{\n            t('table_filters.cancel', {}, 'Cancel')\n          }}</Button>\n          <ApplyButton />\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n    <Popover v-else :open=\"open\" @update:open=\"open = $event\">\n      <PopoverTrigger v-if=\"trigger\" as-child>\n        <TableTriggerButton\n          :view=\"trigger\"\n          :responsive-label=\"!props.table.triggerActions?.filters\"\n          :active=\"activeCount > 0\"\n        >\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.filter\" :fallback=\"FilterIcon\"\n          /></template>\n        </TableTriggerButton>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        :class=\"cn(widthClass ? ['w-[calc(100vw-2rem)]', widthClass] : 'w-80 sm:w-96')\"\n      >\n        <!-- `filtersFormMaxHeight()`: PopoverContent renders through a portal, so the\n             height cap sits on its content. -->\n        <div\n          :class=\"cn(props.table.filtersFormMaxHeight && 'overflow-y-auto')\"\n          :style=\"\n            props.table.filtersFormMaxHeight\n              ? { maxHeight: props.table.filtersFormMaxHeight }\n              : undefined\n          \"\n        >\n          <FiltersForm />\n        </div>\n      </PopoverContent>\n    </Popover>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableFilters.js","names":["_sfc_main","TableFilters_vue_vue_type_script_setup_true_lang_default","TableFilters_default"],"sources":["../../../src/components/table/TableFilters.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createBlock","TableTriggerButton","_createCommentVNode","_createElementVNode","SchemaRenderer","_normalizeClass","_createTextVNode","_toDisplayString","Badge","Dialog","DialogTrigger","Icon","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button","Popover","PopoverTrigger","PopoverContent","_normalizeStyle","Icon_default","Badge_default","Button_default","SchemaRenderer_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogTrigger_default","Popover_default","PopoverContent_default","PopoverTrigger_default","TableTriggerButton_default","DialogFooter_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","TableFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","page","usePageSchema","filters","computed","components","filterFormComponents","store","FormStore","sync","FilterFormSync","watch","next","filterState","token","state","useStore","open","ref","timer","deferred","filtersAreDeferred","unsent","apply","visitTable","discard","setModalOpen","reset","values","dirty","onScopeDispose","activeCount","placement","filtersPlacement","widthClass","filtersFormWidthClass","sidebar","sidebarCollapsible","filtersCollapsible","collapsible","inline","resetView","triggerButtonView","applyView","trigger","showReset","resetInHeader","DefineReset","ResetButton","createReusableTemplate","DefineApply","ApplyButton","DefineForm","FiltersForm","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createBlock","createCommentVNode","createElementVNode","normalizeClass","cn","_cache","FilterIcon","createTextVNode","toDisplayString","ChevronDownIcon","$event","normalizeStyle"],"sources":["../../../src/components/table/TableFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport {\n  FilterFormSync,\n  FormStore,\n  filterFormComponents,\n  filtersAreDeferred,\n  filtersCollapsible,\n  filtersFormWidthClass,\n  filtersPlacement,\n  triggerButtonView,\n  visitTable,\n} from '@alfakit/core'\nimport { ChevronDownIcon, FilterIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { usePageSchema, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DialogTrigger from '../ui/DialogTrigger.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * Filters are a small form whose state (keyed by filter name) is pushed into the query\n * string. The server re-renders the table with the filtered records.\n */\nconst props = defineProps<{ table: TableSchema; component: string }>()\nconst t = useT()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst filters = computed(() => props.table.filters ?? [])\n// `filtersFormSchema()` lays the filters out itself.\nconst components = computed(\n  () => props.table.filtersFormSchema ?? filterFormComponents(filters.value),\n)\n\nconst store = new FormStore(\n  {\n    components: components.value,\n    state: props.table.filterState ?? {},\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  },\n  {\n    token: page.value?.token ?? '',\n    component: `${props.component}.filters`,\n    refreshUrl: undefined,\n    optionsUrl: panel.value.endpoints.schemaOptions,\n  },\n)\n\nprovideForm(store)\n\n// Server responses are merged in by FilterFormSync so typing that happens while a filter\n// request is in flight is never reset.\nconst sync = new FilterFormSync(store)\n\nwatch([components, () => props.table.filterState], ([next, filterState]) => {\n  sync.receive({\n    components: next,\n    state: filterState,\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  })\n})\n\nwatch(\n  () => page.value?.token,\n  (token) => {\n    if (token) store.setToken(token)\n  },\n)\n\nconst state = useStore(store.store)\nconst open = ref(false)\nlet timer: ReturnType<typeof setTimeout> | null = null\nconst deferred = computed(() => filtersAreDeferred(props.table))\n// Re-evaluated with the form state, which `hasUnsentChanges` reads.\nconst unsent = computed(() => {\n  void state.value.values\n\n  return deferred.value && sync.hasUnsentChanges\n})\n\nconst apply = () => {\n  sync.pushed(state.value.values)\n  visitTable(\n    props.table.identifier,\n    { filters: state.value.values as Record<string, Record<string, unknown>> },\n    ['page'],\n  )\n  open.value = false\n}\n\nconst discard = () =>\n  sync.discard({\n    components: components.value,\n    state: props.table.filterState,\n    columns: props.table.filtersFormColumns ?? { default: 1 },\n  })\n\nconst setModalOpen = (next: boolean) => {\n  // Dismissing the dialog drops edits that were not applied.\n  if (!next) discard()\n  open.value = next\n}\n\nconst reset = () => visitTable(props.table.identifier, { filters: null }, ['page'])\n\n// Push changes to the server (debounced by the browser's natural typing pauses), unless\n// the filters wait for the Apply button.\nwatch(\n  () => [state.value.values, state.value.dirty] as const,\n  ([values, dirty]) => {\n    if (timer) clearTimeout(timer)\n\n    if (!dirty.size || deferred.value) {\n      return\n    }\n\n    timer = setTimeout(() => {\n      sync.pushed(values)\n      visitTable(\n        props.table.identifier,\n        { filters: values as Record<string, Record<string, unknown>> },\n        ['page'],\n      )\n    }, 400)\n  },\n)\n\nonScopeDispose(() => {\n  if (timer) clearTimeout(timer)\n  store.destroy()\n})\n\nconst activeCount = computed(() => props.table.filterIndicators?.length ?? 0)\nconst placement = computed(() => filtersPlacement(props.table.filtersLayout))\nconst widthClass = computed(() => filtersFormWidthClass(props.table))\nconst sidebar = computed(() => placement.value === 'before' || placement.value === 'after')\nconst sidebarCollapsible = computed(() => filtersCollapsible(props.table.filtersLayout))\nconst collapsible = computed(() => props.table.filtersLayout === 'above-content-collapsible')\nconst inline = computed(() => placement.value === 'above' || placement.value === 'below')\n// `filtersResetAction()` / `filtersApplyAction()` / `filtersTriggerAction()`.\nconst resetView = computed(() =>\n  triggerButtonView(props.table, 'filtersReset', {\n    label: t('table.reset_filters', {}, 'Reset'),\n    variant: 'link',\n  }),\n)\nconst applyView = computed(() =>\n  triggerButtonView(props.table, 'filtersApply', {\n    label: t('table_filters.apply', {}, 'Apply'),\n    variant: 'default',\n  }),\n)\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'filters', {\n    label: t('table.filters', {}, 'Filters'),\n    badge: activeCount.value > 0 ? activeCount.value : undefined,\n  }),\n)\nconst showReset = computed(() => activeCount.value > 0 && Boolean(resetView.value))\nconst resetInHeader = computed(() => props.table.filtersResetActionPosition === 'header')\nconst [DefineReset, ResetButton] = createReusableTemplate()\nconst [DefineApply, ApplyButton] = createReusableTemplate()\nconst [DefineForm, FiltersForm] = createReusableTemplate()\n</script>\n\n<template>\n  <template v-if=\"filters.length > 0\">\n    <DefineReset>\n      <TableTriggerButton\n        v-if=\"showReset && resetView\"\n        :view=\"resetView\"\n        data-slot=\"filters-reset\"\n        @click=\"reset\"\n      />\n    </DefineReset>\n    <DefineApply>\n      <TableTriggerButton\n        v-if=\"applyView\"\n        :view=\"applyView\"\n        data-slot=\"filters-apply\"\n        :disabled=\"!unsent\"\n        @click=\"apply\"\n      />\n    </DefineApply>\n    <DefineForm>\n      <div class=\"flex flex-col gap-4\">\n        <div v-if=\"resetInHeader && showReset\" class=\"flex justify-end\"><ResetButton /></div>\n        <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-4\" />\n        <div\n          v-if=\"(!resetInHeader && showReset) || (deferred && applyView)\"\n          class=\"flex items-center justify-end gap-2\"\n        >\n          <ResetButton v-if=\"!resetInHeader\" />\n          <ApplyButton v-if=\"deferred\" />\n        </div>\n      </div>\n    </DefineForm>\n    <aside\n      v-if=\"sidebar\"\n      data-slot=\"table-filters-sidebar\"\n      :aria-label=\"t('table.filters', {}, 'Filters')\"\n      :class=\"cn('bg-muted/30 rounded-lg border lg:w-72 lg:shrink-0', widthClass)\"\n    >\n      <button\n        v-if=\"sidebarCollapsible\"\n        type=\"button\"\n        class=\"flex w-full items-center gap-2 p-4 text-sm font-medium\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n        <Badge v-if=\"activeCount > 0\" class=\"h-5 min-w-5 px-1\">{{ activeCount }}</Badge>\n        <ChevronDownIcon :class=\"cn('ms-auto size-4 transition-transform', open && 'rotate-180')\" />\n      </button>\n      <div v-else class=\"flex items-center gap-2 px-4 pt-4 text-sm font-medium\">\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n      </div>\n      <div v-if=\"!sidebarCollapsible || open\" :class=\"cn('p-4', sidebarCollapsible && 'border-t')\">\n        <FiltersForm />\n      </div>\n    </aside>\n    <div v-else-if=\"collapsible\" class=\"bg-muted/30 rounded-lg border\">\n      <button\n        type=\"button\"\n        class=\"flex w-full items-center gap-2 p-4 text-sm font-medium\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <FilterIcon class=\"size-4\" />\n        {{ t('table.filters', {}, 'Filters') }}\n        <Badge v-if=\"activeCount > 0\" class=\"h-5 min-w-5 px-1\">{{ activeCount }}</Badge>\n        <ChevronDownIcon :class=\"cn('ms-auto size-4 transition-transform', open && 'rotate-180')\" />\n      </button>\n      <div v-if=\"open\" class=\"border-t p-4\"><FiltersForm /></div>\n    </div>\n    <div v-else-if=\"inline\" class=\"bg-muted/30 rounded-lg border p-4\"><FiltersForm /></div>\n    <Dialog\n      v-else-if=\"props.table.filtersLayout === 'modal'\"\n      :open=\"open\"\n      @update:open=\"setModalOpen\"\n    >\n      <DialogTrigger v-if=\"trigger\" as-child>\n        <TableTriggerButton\n          :view=\"trigger\"\n          :responsive-label=\"!props.table.triggerActions?.filters\"\n          :active=\"activeCount > 0\"\n        >\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.filter\" :fallback=\"FilterIcon\"\n          /></template>\n        </TableTriggerButton>\n      </DialogTrigger>\n      <DialogContent :class=\"widthClass ?? 'sm:max-w-2xl'\">\n        <DialogHeader>\n          <DialogTitle>{{ t('table.filters', {}, 'Filters') }}</DialogTitle>\n          <DialogDescription class=\"sr-only\">{{ props.table.pluralModelLabel }}</DialogDescription>\n        </DialogHeader>\n        <div v-if=\"resetInHeader && showReset\" class=\"flex justify-end\"><ResetButton /></div>\n        <div class=\"max-h-[60vh] overflow-y-auto\">\n          <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" class=\"gap-4\" />\n        </div>\n        <DialogFooter class=\"items-center gap-2\">\n          <ResetButton v-if=\"!resetInHeader\" />\n          <span class=\"flex-1\" />\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" @click=\"setModalOpen(false)\">{{\n            t('table_filters.cancel', {}, 'Cancel')\n          }}</Button>\n          <ApplyButton />\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n    <Popover v-else :open=\"open\" @update:open=\"open = $event\">\n      <PopoverTrigger v-if=\"trigger\" as-child>\n        <TableTriggerButton\n          :view=\"trigger\"\n          :responsive-label=\"!props.table.triggerActions?.filters\"\n          :active=\"activeCount > 0\"\n        >\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.filter\" :fallback=\"FilterIcon\"\n          /></template>\n        </TableTriggerButton>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        :class=\"cn(widthClass ? ['w-[calc(100vw-2rem)]', widthClass] : 'w-80 sm:w-96')\"\n      >\n        <!-- `filtersFormMaxHeight()`: PopoverContent renders through a portal, so the\n             height cap sits on its content. -->\n        <div\n          :class=\"cn(props.table.filtersFormMaxHeight && 'overflow-y-auto')\"\n          :style=\"\n            props.table.filtersFormMaxHeight\n              ? { maxHeight: props.table.filtersFormMaxHeight }\n              : undefined\n          \"\n        >\n          <FiltersForm />\n        </div>\n      </PopoverContent>\n    </Popover>\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TableFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createBlock","TableTriggerButton","_createCommentVNode","_createElementVNode","SchemaRenderer","_normalizeClass","_createTextVNode","_toDisplayString","Badge","Dialog","DialogTrigger","Icon","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button","Popover","PopoverTrigger","PopoverContent","_normalizeStyle","Icon_default","Badge_default","Button_default","SchemaRenderer_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogTrigger_default","Popover_default","PopoverContent_default","PopoverTrigger_default","TableTriggerButton_default","DialogFooter_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","TableFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","page","usePageSchema","filters","computed","components","filterFormComponents","store","FormStore","sync","FilterFormSync","watch","next","filterState","token","state","useStore","open","ref","timer","deferred","filtersAreDeferred","unsent","apply","visitTable","discard","setModalOpen","reset","values","dirty","onScopeDispose","activeCount","placement","filtersPlacement","widthClass","filtersFormWidthClass","sidebar","sidebarCollapsible","filtersCollapsible","collapsible","inline","resetView","triggerButtonView","applyView","trigger","showReset","resetInHeader","DefineReset","ResetButton","createReusableTemplate","DefineApply","ApplyButton","DefineForm","FiltersForm","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createBlock","createCommentVNode","createElementVNode","normalizeClass","cn","_cache","FilterIcon","createTextVNode","toDisplayString","ChevronDownIcon","$event","normalizeStyle"],"sources":["../../../src/components/table/TableFilters.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableGroupingMenu.js","names":["_sfc_main","TableGroupingMenu_vue_vue_type_script_setup_true_lang_default","TableGroupingMenu_default"],"sources":["../../../src/components/table/TableGroupingMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport { triggerButtonView, visitTable } from '@alfakit/core'\nimport { LayersIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.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 TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * The \"group by\" settings: one of the table's groups (or none) and the direction. Inline\n * in the toolbar on desktop (unless `groupingSettingsInDropdownOnDesktop()`), in a\n * dropdown on phones.\n */\nconst props = defineProps<{ table: TableSchema }>()\nconst t = useT()\n\nconst active = computed(() => props.table.grouping?.group ?? '')\n// `groupRecordsTriggerAction()`.\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'groupRecords', {\n    label: t('table_grouping.group_by', {}, 'Group by'),\n  }),\n)\nconst inDropdownOnly = computed(() => Boolean(props.table.groupingSettingsInDropdownOnDesktop))\n\nconst setGroup = (group: unknown) =>\n  visitTable(props.table.identifier, { group: String(group ?? '') }, ['page'])\nconst setDirection = (direction: unknown) =>\n  visitTable(props.table.identifier, { groupDirection: direction === 'desc' ? 'desc' : 'asc' }, [\n    'page',\n  ])\n</script>\n\n<template>\n  <template v-if=\"props.table.groups && props.table.groups.length > 0\">\n    <!-- Desktop default: the settings inline in the toolbar (the dropdown is for phones). -->\n    <div\n      v-if=\"!inDropdownOnly\"\n      data-slot=\"table-grouping-inline\"\n      class=\"hidden items-center gap-2 text-sm sm:flex\"\n    >\n      <label class=\"flex items-center gap-2\">\n        <span class=\"text-muted-foreground\">{{\n          t('table_grouping.group_by', {}, 'Group by')\n        }}</span>\n        <select\n          :value=\"active\"\n          class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n          @change=\"setGroup(($event.target as HTMLSelectElement).value)\"\n        >\n          <option value=\"\">{{ t('table_grouping.none', {}, 'No grouping') }}</option>\n          <option v-for=\"group in props.table.groups\" :key=\"group.id\" :value=\"group.id\">\n            {{ group.label }}\n          </option>\n        </select>\n      </label>\n      <label\n        v-if=\"props.table.grouping && !props.table.groupingDirectionSettingHidden\"\n        class=\"flex items-center\"\n      >\n        <span class=\"sr-only\">{{ t('table_grouping.direction', {}, 'Group direction') }}</span>\n        <select\n          :value=\"props.table.grouping.direction\"\n          class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n          @change=\"setDirection(($event.target as HTMLSelectElement).value)\"\n        >\n          <option value=\"asc\">{{ t('table_grouping.ascending', {}, 'Ascending') }}</option>\n          <option value=\"desc\">{{ t('table_grouping.descending', {}, 'Descending') }}</option>\n        </select>\n      </label>\n    </div>\n    <div v-if=\"trigger\" :class=\"cn(!inDropdownOnly && 'sm:hidden')\">\n      <DropdownMenu>\n        <DropdownMenuTrigger as-child>\n          <TableTriggerButton\n            :view=\"trigger\"\n            :responsive-label=\"!props.table.triggerActions?.groupRecords\"\n            :active=\"Boolean(props.table.grouping)\"\n          >\n            <template #icon\n              ><Icon name=\"alfakit::tables.actions.group\" :fallback=\"LayersIcon\"\n            /></template>\n          </TableTriggerButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" class=\"min-w-48\">\n          <DropdownMenuLabel>{{ t('table_grouping.group_by', {}, 'Group by') }}</DropdownMenuLabel>\n          <DropdownMenuRadioGroup :model-value=\"active\" @update:model-value=\"setGroup\">\n            <DropdownMenuRadioItem value=\"\">{{\n              t('table_grouping.none', {}, 'No grouping')\n            }}</DropdownMenuRadioItem>\n            <DropdownMenuRadioItem\n              v-for=\"group in props.table.groups\"\n              :key=\"group.id\"\n              :value=\"group.id\"\n              >{{ group.label }}</DropdownMenuRadioItem\n            >\n          </DropdownMenuRadioGroup>\n          <template v-if=\"props.table.grouping && !props.table.groupingDirectionSettingHidden\">\n            <DropdownMenuSeparator />\n            <DropdownMenuLabel>{{\n              t('table_grouping.direction', {}, 'Group direction')\n            }}</DropdownMenuLabel>\n            <DropdownMenuRadioGroup\n              :model-value=\"props.table.grouping.direction\"\n              @update:model-value=\"setDirection\"\n            >\n              <DropdownMenuRadioItem value=\"asc\">{{\n                t('table_grouping.ascending', {}, 'Ascending')\n              }}</DropdownMenuRadioItem>\n              <DropdownMenuRadioItem value=\"desc\">{{\n                t('table_grouping.descending', {}, 'Descending')\n              }}</DropdownMenuRadioItem>\n            </DropdownMenuRadioGroup>\n          </template>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableGroupingMenu.js","names":["_sfc_main","TableGroupingMenu_vue_vue_type_script_setup_true_lang_default","TableGroupingMenu_default"],"sources":["../../../src/components/table/TableGroupingMenu.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TableGroupingMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_unref","_renderList","_createCommentVNode","_normalizeClass","_createVNode","DropdownMenu","_withCtx","DropdownMenuTrigger","TableTriggerButton","Icon","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","DropdownMenuRadioGroup","DropdownMenuRadioItem","_createBlock","DropdownMenuSeparator","Icon_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","TableTriggerButton_default","DropdownMenuLabel_default","DropdownMenuRadioGroup_default","DropdownMenuRadioItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableGroupingMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","active","computed","trigger","triggerButtonView","inDropdownOnly","setGroup","visitTable","group","setDirection","direction","openBlock","createElementBlock","Fragment","createCommentVNode","createElementVNode","toDisplayString","unref","_cache","$event","renderList","normalizeClass","cn","createVNode","withCtx","LayersIcon","createTextVNode","createBlock"],"sources":["../../../src/components/table/TableGroupingMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport { triggerButtonView, visitTable } from '@alfakit/core'\nimport { LayersIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.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 TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * The \"group by\" settings: one of the table's groups (or none) and the direction. Inline\n * in the toolbar on desktop (unless `groupingSettingsInDropdownOnDesktop()`), in a\n * dropdown on phones.\n */\nconst props = defineProps<{ table: TableSchema }>()\nconst t = useT()\n\nconst active = computed(() => props.table.grouping?.group ?? '')\n// `groupRecordsTriggerAction()`.\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'groupRecords', {\n    label: t('table_grouping.group_by', {}, 'Group by'),\n  }),\n)\nconst inDropdownOnly = computed(() => Boolean(props.table.groupingSettingsInDropdownOnDesktop))\n\nconst setGroup = (group: unknown) =>\n  visitTable(props.table.identifier, { group: String(group ?? '') }, ['page'])\nconst setDirection = (direction: unknown) =>\n  visitTable(props.table.identifier, { groupDirection: direction === 'desc' ? 'desc' : 'asc' }, [\n    'page',\n  ])\n</script>\n\n<template>\n  <template v-if=\"props.table.groups && props.table.groups.length > 0\">\n    <!-- Desktop default: the settings inline in the toolbar (the dropdown is for phones). -->\n    <div\n      v-if=\"!inDropdownOnly\"\n      data-slot=\"table-grouping-inline\"\n      class=\"hidden items-center gap-2 text-sm sm:flex\"\n    >\n      <label class=\"flex items-center gap-2\">\n        <span class=\"text-muted-foreground\">{{\n          t('table_grouping.group_by', {}, 'Group by')\n        }}</span>\n        <select\n          :value=\"active\"\n          class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n          @change=\"setGroup(($event.target as HTMLSelectElement).value)\"\n        >\n          <option value=\"\">{{ t('table_grouping.none', {}, 'No grouping') }}</option>\n          <option v-for=\"group in props.table.groups\" :key=\"group.id\" :value=\"group.id\">\n            {{ group.label }}\n          </option>\n        </select>\n      </label>\n      <label\n        v-if=\"props.table.grouping && !props.table.groupingDirectionSettingHidden\"\n        class=\"flex items-center\"\n      >\n        <span class=\"sr-only\">{{ t('table_grouping.direction', {}, 'Group direction') }}</span>\n        <select\n          :value=\"props.table.grouping.direction\"\n          class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n          @change=\"setDirection(($event.target as HTMLSelectElement).value)\"\n        >\n          <option value=\"asc\">{{ t('table_grouping.ascending', {}, 'Ascending') }}</option>\n          <option value=\"desc\">{{ t('table_grouping.descending', {}, 'Descending') }}</option>\n        </select>\n      </label>\n    </div>\n    <div v-if=\"trigger\" :class=\"cn(!inDropdownOnly && 'sm:hidden')\">\n      <DropdownMenu>\n        <DropdownMenuTrigger as-child>\n          <TableTriggerButton\n            :view=\"trigger\"\n            :responsive-label=\"!props.table.triggerActions?.groupRecords\"\n            :active=\"Boolean(props.table.grouping)\"\n          >\n            <template #icon\n              ><Icon name=\"alfakit::tables.actions.group\" :fallback=\"LayersIcon\"\n            /></template>\n          </TableTriggerButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" class=\"min-w-48\">\n          <DropdownMenuLabel>{{ t('table_grouping.group_by', {}, 'Group by') }}</DropdownMenuLabel>\n          <DropdownMenuRadioGroup :model-value=\"active\" @update:model-value=\"setGroup\">\n            <DropdownMenuRadioItem value=\"\">{{\n              t('table_grouping.none', {}, 'No grouping')\n            }}</DropdownMenuRadioItem>\n            <DropdownMenuRadioItem\n              v-for=\"group in props.table.groups\"\n              :key=\"group.id\"\n              :value=\"group.id\"\n              >{{ group.label }}</DropdownMenuRadioItem\n            >\n          </DropdownMenuRadioGroup>\n          <template v-if=\"props.table.grouping && !props.table.groupingDirectionSettingHidden\">\n            <DropdownMenuSeparator />\n            <DropdownMenuLabel>{{\n              t('table_grouping.direction', {}, 'Group direction')\n            }}</DropdownMenuLabel>\n            <DropdownMenuRadioGroup\n              :model-value=\"props.table.grouping.direction\"\n              @update:model-value=\"setDirection\"\n            >\n              <DropdownMenuRadioItem value=\"asc\">{{\n                t('table_grouping.ascending', {}, 'Ascending')\n              }}</DropdownMenuRadioItem>\n              <DropdownMenuRadioItem value=\"desc\">{{\n                t('table_grouping.descending', {}, 'Descending')\n              }}</DropdownMenuRadioItem>\n            </DropdownMenuRadioGroup>\n          </template>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TableGroupingMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_unref","_renderList","_createCommentVNode","_normalizeClass","_createVNode","DropdownMenu","_withCtx","DropdownMenuTrigger","TableTriggerButton","Icon","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","DropdownMenuRadioGroup","DropdownMenuRadioItem","_createBlock","DropdownMenuSeparator","Icon_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","TableTriggerButton_default","DropdownMenuLabel_default","DropdownMenuRadioGroup_default","DropdownMenuRadioItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","TableGroupingMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","active","computed","trigger","triggerButtonView","inDropdownOnly","setGroup","visitTable","group","setDirection","direction","openBlock","createElementBlock","Fragment","createCommentVNode","createElementVNode","toDisplayString","unref","_cache","$event","renderList","normalizeClass","cn","createVNode","withCtx","LayersIcon","createTextVNode","createBlock"],"sources":["../../../src/components/table/TableGroupingMenu.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","names":["_sfc_main","TablePagination_vue_vue_type_script_setup_true_lang_default","TablePagination_default"],"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":""}
+{"version":3,"file":"TablePagination.js","names":["_sfc_main","TablePagination_vue_vue_type_script_setup_true_lang_default","TablePagination_default"],"sources":["../../../src/components/table/TablePagination.vue"],"mappings":""}

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":""}