@alfakit/vue 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,451 @@
+import { useDirection as e, usePanel as t, useT as n } from "../../context.js";
+import { cn as ee } from "../../lib/utils.js";
+import r from "../../lib/Icon.js";
+import i from "../ui/Button2.js";
+import a from "../ui/DropdownMenu.js";
+import o from "../ui/DropdownMenuContent.js";
+import s from "../ui/DropdownMenuItem.js";
+import c from "../ui/DropdownMenuSeparator.js";
+import l from "../ui/DropdownMenuTrigger.js";
+import { showToast as te } from "../notifications/flash-toasts.js";
+import ne from "../ui/Checkbox.js";
+import re from "../ui/Input.js";
+import u from "../panel/Slot.js";
+import d from "../ui/Dialog.js";
+import f from "../ui/DialogContent.js";
+import p from "../ui/DialogDescription.js";
+import m from "../ui/DialogHeader.js";
+import h from "../ui/DialogTitle.js";
+import ie from "../ui/DropdownMenuLabel.js";
+import ae from "../ui/DropdownMenuRadioGroup.js";
+import g from "../ui/DropdownMenuRadioItem.js";
+import _ from "../ui/DialogFooter.js";
+import oe from "../ui/Label.js";
+import { activeTableView as se, groupTableViews as ce, inertiaReload as le, requestTableView as ue, tabKeyTarget as de, tableViewError as fe, tableViewFollowUp as pe, visitTableView as me } from "@alfakit/core";
+import { Fragment as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, defineComponent as E, normalizeClass as he, openBlock as D, ref as O, renderList as k, toDisplayString as A, unref as j, withCtx as M, withModifiers as ge } from "vue";
+import { BookmarkIcon as _e, ChevronDownIcon as N, RotateCcwIcon as ve, StarIcon as P, UsersIcon as F } from "@lucide/vue";
+//#region src/components/table/TableViews.vue?vue&type=script&setup=true&lang.ts
+var ye = {
+	key: 0,
+	"data-slot": "table-views",
+	class: "flex flex-wrap items-center gap-2"
+}, be = { class: "max-w-48 truncate" }, xe = ["aria-label"], Se = { class: "truncate" }, Ce = ["aria-label"], we = [
+	"aria-selected",
+	"tabindex",
+	"data-state",
+	"onClick",
+	"onKeydown"
+], Te = { class: "truncate" }, Ee = {
+	key: 2,
+	"data-slot": "table-views-modified",
+	class: "text-muted-foreground text-xs italic"
+}, De = { class: "flex flex-col gap-2" }, Oe = ["id"], ke = {
+	key: 0,
+	class: "flex items-center gap-2"
+}, I = /*@__PURE__*/ E({
+	__name: "TableViews",
+	props: {
+		table: {},
+		token: {},
+		component: {}
+	},
+	setup(E) {
+		let I = E, L = n(), Ae = t(), je = e(), R = O(null), z = O(null), B = O(""), V = O(!1), H = O(), U = O(!1), W = [], G = y(() => I.table.views), K = y(() => se(G.value)), q = y(() => ce(G.value?.items ?? [])), J = y(() => G.value?.active ?? null), Y = y(() => [null, ...G.value?.items ?? []]), Me = y(() => {
+			let e = Y.value.findIndex((e) => (e?.key ?? null) === J.value);
+			return e === -1 ? 0 : e;
+		}), Ne = y(() => !!(K.value?.editable && G.value?.canSave)), Pe = y(() => !!(G.value?.canSave || G.value?.canSetDefault || G.value?.modified)), Fe = y(() => !!K.value?.default || !K.value && G.value?.userDefault === ""), Ie = y(() => [
+			["preset", L("table.views.presets", {}, "Views")],
+			["shared", L("table.views.shared", {}, "Team views")],
+			["personal", L("table.views.personal", {}, "My views")]
+		]), X = (e) => me(I.table, e);
+		async function Z(e, t) {
+			let n = Ae.value.endpoints.tableViews;
+			if (!n) return !1;
+			U.value = !0, H.value = void 0;
+			try {
+				let ee = await ue(n, I.token, I.component, e), r = pe(I.table, e, ee);
+				return "open" in r ? X(r.open) : le(), t && te({
+					id: "alfakit-table-view",
+					title: t,
+					status: "success",
+					format: "alfakit"
+				}), !0;
+			} catch (e) {
+				let t = fe(e);
+				return R.value ? H.value = t ?? L("table.views.failed", {}, "Couldn't save the view") : te({
+					id: "alfakit-table-view-failed",
+					title: L("table.views.failed", {}, "Couldn't save the view"),
+					body: t,
+					status: "danger",
+					format: "alfakit"
+				}), !1;
+			} finally {
+				U.value = !1;
+			}
+		}
+		function Le(e) {
+			B.value = e?.mode === "rename" ? e.view.label : "", V.value = !1, H.value = void 0, R.value = e;
+		}
+		async function Re() {
+			let e = R.value;
+			e && (e.mode === "create" ? await Z({
+				operation: "create",
+				name: B.value,
+				shared: V.value
+			}, L("table.views.saved", {}, "View saved")) : await Z({
+				operation: "rename",
+				view: e.view.key,
+				name: B.value
+			})) && (R.value = null);
+		}
+		async function ze() {
+			let e = z.value;
+			e && await Z({
+				operation: "delete",
+				view: e.key
+			}, L("table.views.deleted", {}, "View deleted")) && (z.value = null);
+		}
+		function Be(e, t) {
+			let n = de(e.key, t, Y.value.length, je.value);
+			n !== null && (e.preventDefault(), W[n]?.focus());
+		}
+		let Q = y(() => `${I.component}-view-name`), $ = y(() => `${I.component}-view-shared`);
+		return (e, t) => G.value ? (D(), S("div", ye, [
+			T(u, {
+				name: "table.views.before",
+				scope: I.component
+			}, null, 8, ["scope"]),
+			G.value.layout === "dropdown" ? (D(), b(a, { key: 0 }, {
+				default: M(() => [T(l, { "as-child": "" }, {
+					default: M(() => [T(i, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						"data-slot": "table-views-trigger"
+					}, {
+						default: M(() => [
+							T(j(r), {
+								name: "alfakit::tables.views.trigger",
+								fallback: j(_e)
+							}, null, 8, ["fallback"]),
+							C("span", be, A(K.value?.label ?? j(L)("table.views.all", {}, "All")), 1),
+							T(j(N), { class: "opacity-60" })
+						]),
+						_: 1
+					})]),
+					_: 1
+				}), T(o, {
+					align: "start",
+					class: "min-w-56"
+				}, {
+					default: M(() => [T(ae, {
+						"model-value": J.value ?? "",
+						"onUpdate:modelValue": t[0] ||= (e) => X(e === "" ? null : String(e))
+					}, {
+						default: M(() => [T(g, { value: "" }, {
+							default: M(() => [w(A(j(L)("table.views.all", {}, "All")), 1)]),
+							_: 1
+						}), (D(!0), S(v, null, k(Ie.value, ([e, t]) => (D(), S(v, { key: e }, [q.value[e].length > 0 ? (D(), S("div", {
+							key: 0,
+							role: "group",
+							"aria-label": t
+						}, [
+							T(c),
+							T(ie, { class: "text-muted-foreground text-xs" }, {
+								default: M(() => [w(A(t), 1)]),
+								_: 2
+							}, 1024),
+							(D(!0), S(v, null, k(q.value[e], (e) => (D(), b(g, {
+								key: e.key,
+								value: e.key,
+								class: "gap-2"
+							}, {
+								default: M(() => [
+									e.icon ? (D(), b(j(r), {
+										key: 0,
+										name: e.icon,
+										class: "size-4"
+									}, null, 8, ["name"])) : x("", !0),
+									C("span", Se, A(e.label), 1),
+									e.type === "shared" ? (D(), b(j(r), {
+										key: 1,
+										name: "alfakit::tables.views.shared",
+										fallback: j(F),
+										class: "text-muted-foreground size-3.5",
+										"aria-label": j(L)("table.views.shared_badge", {}, "Shared")
+									}, null, 8, ["fallback", "aria-label"])) : x("", !0),
+									e.default ? (D(), b(j(r), {
+										key: 2,
+										name: "alfakit::tables.views.default",
+										fallback: j(P),
+										class: "text-muted-foreground size-3.5",
+										"aria-label": j(L)("table.views.default_badge", {}, "Default")
+									}, null, 8, ["fallback", "aria-label"])) : x("", !0)
+								]),
+								_: 2
+							}, 1032, ["value"]))), 128))
+						], 8, xe)) : x("", !0)], 64))), 128))]),
+						_: 1
+					}, 8, ["model-value"])]),
+					_: 1
+				})]),
+				_: 1
+			})) : (D(), S("div", {
+				key: 1,
+				role: "tablist",
+				"aria-label": j(L)("table.views.label", {}, "Views"),
+				"data-slot": "table-views-tabs",
+				class: "bg-muted text-muted-foreground inline-flex h-9 w-fit max-w-full items-center overflow-x-auto rounded-lg p-[3px]"
+			}, [(D(!0), S(v, null, k(Y.value, (e, t) => (D(), S("button", {
+				key: e?.key ?? "",
+				ref_for: !0,
+				ref: (e) => W[t] = e,
+				type: "button",
+				role: "tab",
+				"aria-selected": (e?.key ?? null) === J.value,
+				tabindex: t === Me.value ? 0 : -1,
+				"data-state": (e?.key ?? null) === J.value ? "active" : "inactive",
+				class: he(j(ee)("inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5 rounded-md border border-transparent px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-none", "focus-visible:border-ring focus-visible:ring-ring/50", (e?.key ?? null) === J.value ? "bg-background text-foreground shadow-sm" : "hover:text-foreground")),
+				onClick: (t) => (e?.key ?? null) !== J.value && X(e?.key ?? null),
+				onKeydown: (e) => Be(e, t)
+			}, [e ? (D(), S(v, { key: 0 }, [
+				e.icon ? (D(), b(j(r), {
+					key: 0,
+					name: e.icon,
+					class: "size-4"
+				}, null, 8, ["name"])) : x("", !0),
+				C("span", Te, A(e.label), 1),
+				e.type === "shared" ? (D(), b(j(r), {
+					key: 1,
+					name: "alfakit::tables.views.shared",
+					fallback: j(F),
+					class: "text-muted-foreground size-3.5",
+					"aria-label": j(L)("table.views.shared_badge", {}, "Shared")
+				}, null, 8, ["fallback", "aria-label"])) : x("", !0),
+				e.default ? (D(), b(j(r), {
+					key: 2,
+					name: "alfakit::tables.views.default",
+					fallback: j(P),
+					class: "text-muted-foreground size-3.5",
+					"aria-label": j(L)("table.views.default_badge", {}, "Default")
+				}, null, 8, ["fallback", "aria-label"])) : x("", !0)
+			], 64)) : (D(), S(v, { key: 1 }, [w(A(j(L)("table.views.all", {}, "All")), 1)], 64))], 42, we))), 128))], 8, Ce)),
+			G.value.modified ? (D(), S("span", Ee, A(j(L)("table.views.modified", {}, "Modified")), 1)) : x("", !0),
+			Pe.value ? (D(), b(a, { key: 3 }, {
+				default: M(() => [T(l, { "as-child": "" }, {
+					default: M(() => [T(i, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						disabled: U.value,
+						"aria-label": j(L)("table.views.actions", {}, "View options")
+					}, {
+						default: M(() => [T(j(N))]),
+						_: 1
+					}, 8, ["disabled", "aria-label"])]),
+					_: 1
+				}), T(o, {
+					align: "start",
+					class: "min-w-52"
+				}, {
+					default: M(() => [
+						G.value.canSave ? (D(), b(s, {
+							key: 0,
+							onSelect: t[1] ||= (e) => Le({ mode: "create" })
+						}, {
+							default: M(() => [w(A(j(L)("table.views.save_new", {}, "Save as new view")), 1)]),
+							_: 1
+						})) : x("", !0),
+						Ne.value && K.value && G.value.modified ? (D(), b(s, {
+							key: 1,
+							onSelect: t[2] ||= (e) => Z({
+								operation: "update",
+								view: K.value.key
+							}, j(L)("table.views.saved", {}, "View saved"))
+						}, {
+							default: M(() => [w(A(j(L)("table.views.update", {}, "Update view")), 1)]),
+							_: 1
+						})) : x("", !0),
+						G.value.modified ? (D(), b(s, {
+							key: 2,
+							onSelect: t[3] ||= (e) => X(J.value)
+						}, {
+							default: M(() => [T(j(ve)), w(" " + A(j(L)("table.views.reset", {}, "Reset changes")), 1)]),
+							_: 1
+						})) : x("", !0),
+						Ne.value && K.value ? (D(), S(v, { key: 3 }, [
+							T(c),
+							T(s, { onSelect: t[4] ||= (e) => Le({
+								mode: "rename",
+								view: K.value
+							}) }, {
+								default: M(() => [w(A(j(L)("table.views.rename", {}, "Rename view")), 1)]),
+								_: 1
+							}),
+							G.value.canShare ? (D(), b(s, {
+								key: 0,
+								onSelect: t[5] ||= (e) => Z({
+									operation: "share",
+									view: K.value.key,
+									shared: K.value.type !== "shared"
+								})
+							}, {
+								default: M(() => [w(A(K.value.type === "shared" ? j(L)("table.views.unshare", {}, "Stop sharing") : j(L)("table.views.share", {}, "Share with team")), 1)]),
+								_: 1
+							})) : x("", !0),
+							T(s, {
+								variant: "destructive",
+								onSelect: t[6] ||= (e) => z.value = K.value
+							}, {
+								default: M(() => [w(A(j(L)("table.views.delete", {}, "Delete view")), 1)]),
+								_: 1
+							})
+						], 64)) : x("", !0),
+						G.value.canSetDefault ? (D(), S(v, { key: 4 }, [T(c), Fe.value ? (D(), b(s, {
+							key: 0,
+							onSelect: t[7] ||= (e) => Z({
+								operation: "default",
+								view: null
+							})
+						}, {
+							default: M(() => [w(A(j(L)("table.views.clear_default", {}, "Clear my default")), 1)]),
+							_: 1
+						})) : (D(), b(s, {
+							key: 1,
+							onSelect: t[8] ||= (e) => Z({
+								operation: "default",
+								view: K.value?.key ?? ""
+							})
+						}, {
+							default: M(() => [w(A(j(L)("table.views.set_default", {}, "Set as my default")), 1)]),
+							_: 1
+						}))], 64)) : x("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			})) : x("", !0),
+			T(u, {
+				name: "table.views.after",
+				scope: I.component
+			}, null, 8, ["scope"]),
+			T(d, {
+				open: R.value !== null,
+				"onUpdate:open": t[12] ||= (e) => !e && (R.value = null)
+			}, {
+				default: M(() => [T(f, { class: "sm:max-w-md" }, {
+					default: M(() => [C("form", {
+						"data-slot": "table-view-form",
+						class: "flex flex-col gap-4",
+						onSubmit: ge(Re, ["prevent"])
+					}, [
+						T(m, null, {
+							default: M(() => [T(h, null, {
+								default: M(() => [w(A(R.value?.mode === "rename" ? j(L)("table.views.rename", {}, "Rename view") : j(L)("table.views.save_new", {}, "Save as new view")), 1)]),
+								_: 1
+							}), T(p, { class: "sr-only" }, {
+								default: M(() => [w(A(j(L)("table.views.name_help", {}, "Saves the filters, search, sort, columns and grouping.")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						C("div", De, [
+							T(oe, { for: Q.value }, {
+								default: M(() => [w(A(j(L)("table.views.name", {}, "Name")), 1)]),
+								_: 1
+							}, 8, ["for"]),
+							T(re, {
+								id: Q.value,
+								modelValue: B.value,
+								"onUpdate:modelValue": t[9] ||= (e) => B.value = e,
+								maxlength: "120",
+								autofocus: "",
+								required: "",
+								"aria-invalid": H.value ? !0 : void 0,
+								"aria-describedby": H.value ? `${Q.value}-error` : void 0
+							}, null, 8, [
+								"id",
+								"modelValue",
+								"aria-invalid",
+								"aria-describedby"
+							]),
+							H.value ? (D(), S("p", {
+								key: 0,
+								id: `${Q.value}-error`,
+								class: "text-destructive text-sm"
+							}, A(H.value), 9, Oe)) : x("", !0)
+						]),
+						R.value?.mode === "create" && G.value.canShare ? (D(), S("div", ke, [T(ne, {
+							id: $.value,
+							"model-value": V.value,
+							"onUpdate:modelValue": t[10] ||= (e) => V.value = e === !0
+						}, null, 8, ["id", "model-value"]), T(oe, { for: $.value }, {
+							default: M(() => [w(A(j(L)("table.views.share", {}, "Share with team")), 1)]),
+							_: 1
+						}, 8, ["for"])])) : x("", !0),
+						T(_, null, {
+							default: M(() => [T(i, {
+								type: "button",
+								variant: "outline",
+								onClick: t[11] ||= (e) => R.value = null
+							}, {
+								default: M(() => [w(A(j(L)("cancel", {}, "Cancel")), 1)]),
+								_: 1
+							}), T(i, {
+								type: "submit",
+								disabled: U.value || B.value.trim() === ""
+							}, {
+								default: M(() => [w(A(j(L)("save", {}, "Save")), 1)]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						})
+					], 32)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]),
+			T(d, {
+				open: z.value !== null,
+				"onUpdate:open": t[14] ||= (e) => !e && (z.value = null)
+			}, {
+				default: M(() => [T(f, { class: "sm:max-w-md" }, {
+					default: M(() => [T(m, null, {
+						default: M(() => [T(h, null, {
+							default: M(() => [w(A(j(L)("table.views.delete", {}, "Delete view")), 1)]),
+							_: 1
+						}), T(p, null, {
+							default: M(() => [w(A(j(L)("table.views.delete_confirm", { name: z.value?.label ?? "" }, "Delete the view \":name\"?")), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}), T(_, null, {
+						default: M(() => [T(i, {
+							type: "button",
+							variant: "outline",
+							onClick: t[13] ||= (e) => z.value = null
+						}, {
+							default: M(() => [w(A(j(L)("cancel", {}, "Cancel")), 1)]),
+							_: 1
+						}), T(i, {
+							type: "button",
+							variant: "destructive",
+							disabled: U.value,
+							onClick: ze
+						}, {
+							default: M(() => [w(A(j(L)("table.views.delete", {}, "Delete view")), 1)]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"])
+		])) : x("", !0);
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=TableViews.vue_vue_type_script_setup_true_lang.js.map

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

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

package/dist/components/table/TextInputCell.js

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

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

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

package/dist/components/table/TextInputCell.vue.d.ts

@@ -0,0 +1,4 @@
+import { type CellProps } from './cell-update';
+declare const _default: import("vue").DefineComponent<CellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CellProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TextInputCell.vue.d.ts.map

package/dist/components/table/TextInputCell.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/table/TextInputCell.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;;AAqN7D,wBAMG"}

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

@@ -0,0 +1,84 @@
+import { cn as e } from "../../lib/utils.js";
+import { colorClass as t, textColorClasses as n } from "../../lib/colors.js";
+import r from "../../lib/Icon.js";
+import i from "../ui/Input.js";
+import { useCellUpdate as a } from "./cell-update.js";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, toDisplayString as h, unref as g, withKeys as _, withModifiers as v } from "vue";
+//#region src/components/table/TextInputCell.vue?vue&type=script&setup=true&lang.ts
+var y = ["data-slot"], b = {
+	key: 0,
+	"data-slot": "input-prefix",
+	class: "text-muted-foreground bg-muted/50 flex items-center border-e px-2 text-sm"
+}, x = {
+	key: 1,
+	"data-slot": "input-suffix",
+	class: "text-muted-foreground bg-muted/50 flex items-center border-s px-2 text-sm"
+}, S = {
+	key: 0,
+	class: "text-destructive block text-xs"
+}, C = /*@__PURE__*/ d({
+	__name: "TextInputCell",
+	props: {
+		column: {},
+		cell: {},
+		recordKey: {},
+		token: {},
+		component: {}
+	},
+	setup(d) {
+		let C = d, w = o(() => C.column), { update: T, saving: E, error: D } = a(C), O = C.cell.state === null || C.cell.state === void 0 ? "" : String(C.cell.state), k = m(O), A = o(() => !!(C.cell.prefix || C.cell.suffix));
+		return (a, o) => (p(), c("span", { onClick: o[3] ||= v(() => {}, ["stop"]) }, [l("span", {
+			"data-slot": A.value ? "input-group" : void 0,
+			class: f(A.value ? g(e)("border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-8 min-w-32 items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]", g(D) && "border-destructive") : "contents")
+		}, [
+			C.cell.prefix ? (p(), c("span", b, h(C.cell.prefix), 1)) : s("", !0),
+			l("span", { class: f(g(e)("relative block", A.value && "min-w-0 flex-1")) }, [
+				w.value.prefixIcon ? (p(), c("span", {
+					key: 0,
+					"data-slot": "input-prefix-icon",
+					"aria-hidden": "true",
+					class: f(g(e)("pointer-events-none absolute start-2.5 top-1/2 flex -translate-y-1/2", g(t)(g(n), w.value.prefixIconColor, "gray")))
+				}, [u(g(r), {
+					name: w.value.prefixIcon,
+					class: "size-4"
+				}, null, 8, ["name"])], 2)) : s("", !0),
+				u(i, {
+					type: w.value.inputType,
+					"model-value": k.value,
+					placeholder: w.value.placeholder,
+					step: w.value.step,
+					inputmode: w.value.inputMode,
+					disabled: !!C.cell.disabled || g(E),
+					"aria-invalid": g(D) ? !0 : void 0,
+					class: f(g(e)("h-8 min-w-32", w.value.prefixIcon && "ps-8", w.value.suffixIcon && "pe-8", A.value && "h-full rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent")),
+					"onUpdate:modelValue": o[0] ||= (e) => k.value = e,
+					onBlur: o[1] ||= (e) => k.value !== g(O) && void g(T)(k.value),
+					onKeydown: o[2] ||= _((e) => e.target.blur(), ["enter"])
+				}, null, 8, [
+					"type",
+					"model-value",
+					"placeholder",
+					"step",
+					"inputmode",
+					"disabled",
+					"aria-invalid",
+					"class"
+				]),
+				w.value.suffixIcon ? (p(), c("span", {
+					key: 1,
+					"data-slot": "input-suffix-icon",
+					"aria-hidden": "true",
+					class: f(g(e)("pointer-events-none absolute end-2.5 top-1/2 flex -translate-y-1/2", g(t)(g(n), w.value.suffixIconColor, "gray")))
+				}, [u(g(r), {
+					name: w.value.suffixIcon,
+					class: "size-4"
+				}, null, 8, ["name"])], 2)) : s("", !0)
+			], 2),
+			C.cell.suffix ? (p(), c("span", x, h(C.cell.suffix), 1)) : s("", !0)
+		], 10, y), g(D) ? (p(), c("span", S, h(g(D)), 1)) : s("", !0)]));
+	}
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=TextInputCell.vue_vue_type_script_setup_true_lang.js.map