@atscript/vue-table 0.1.58

package/dist/as-action-menu-content-CyUfBrWH.cjs

@@ -0,0 +1,109 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+//#endregion
+//#region src/components/internal/as-action-menu-item.vue
+var as_action_menu_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-action-menu-item",
+	props: {
+		action: {
+			type: Object,
+			required: true
+		},
+		prefix: {
+			type: String,
+			required: true
+		},
+		default: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuItem), {
+				class: (0, vue.normalizeClass)([`${__props.prefix}-menu-item`, (0, vue.unref)(require_use_table_state.intentClass)(__props.prefix, __props.action)]),
+				"data-default": props.default || void 0,
+				"aria-label": (0, vue.unref)(require_use_table_state.ariaLabelFor)(__props.action),
+				onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { action: __props.action }, () => [__props.action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 0,
+					class: (0, vue.normalizeClass)([`${__props.prefix}-menu-item-icon`, __props.action.icon]),
+					"aria-hidden": "true"
+				}, null, 2)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(`${__props.prefix}-menu-item-label`) }, (0, vue.toDisplayString)(__props.action.label || __props.action.name), 3)])]),
+				_: 3
+			}, 8, [
+				"class",
+				"data-default",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-action-menu-content.vue
+var as_action_menu_content_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-action-menu-content",
+	props: {
+		groups: {
+			type: Array,
+			required: true
+		},
+		defaultMarker: {
+			type: Object,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["select"],
+	setup(__props) {
+		const props = __props;
+		const slots = (0, vue.useSlots)();
+		const visibleGroups = (0, vue.computed)(() => props.groups.filter((g) => g.length > 0));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuContent), {
+				class: (0, vue.normalizeClass)(`${__props.prefix}-menu`),
+				"side-offset": 4,
+				align: "end"
+			}, {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(visibleGroups.value, (group, gIdx) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: gIdx }, [gIdx > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuSeparator), {
+						key: 0,
+						class: (0, vue.normalizeClass)(`${__props.prefix}-menu-separator`)
+					}, null, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(group, (action, aIdx) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(as_action_menu_item_default, {
+							key: `${gIdx}-${action.name}-${aIdx}`,
+							action,
+							prefix: __props.prefix,
+							default: action === __props.defaultMarker,
+							onSelect: ($event) => _ctx.$emit("select", action, $event)
+						}, (0, vue.createSlots)({ _: 2 }, [(0, vue.unref)(slots)["menu-item"] ? {
+							name: "default",
+							fn: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, "menu-item", { action: slotProps.action })]),
+							key: "0"
+						} : void 0]), 1032, [
+							"action",
+							"prefix",
+							"default",
+							"onSelect"
+						]);
+					}), 128))], 64);
+				}), 128))]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_action_menu_content_default", {
+	enumerable: true,
+	get: function() {
+		return as_action_menu_content_default;
+	}
+});

package/dist/as-cell-array-CXeZzZqt.cjs

@@ -0,0 +1,69 @@
+const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
+let vue = require("vue");
+//#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-cell-chips"
+};
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = { class: "as-cell-json-trigger-count" };
+//#endregion
+//#region src/components/defaults/as-cell-array.vue
+var as_cell_array_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-array",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const view = (0, vue.computed)(() => {
+			const v = require_get_cell_value.getCellValue(props.row, props.column.path);
+			if (!Array.isArray(v) || v.length === 0) return void 0;
+			let primitive = true;
+			for (const el of v) {
+				const t = typeof el;
+				if (t !== "string" && t !== "number" && t !== "boolean") {
+					primitive = false;
+					break;
+				}
+			}
+			return {
+				items: v,
+				primitive
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", null, [view.value && view.value.primitive ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(view.value.items, (item, i) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: i,
+					class: "as-cell-chip"
+				}, (0, vue.toDisplayString)(item), 1);
+			}), 128))])) : view.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_cell_json_popover.as_cell_json_popover_default, {
+				key: 1,
+				value: view.value.items
+			}, {
+				trigger: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "as-cell-json-trigger",
+					"aria-label": `View ${view.value.items.length} items`
+				}, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", { class: "as-cell-json-trigger-glyph" }, "{}", -1)), (0, vue.createElementVNode)("span", _hoisted_3, "[" + (0, vue.toDisplayString)(view.value.items.length) + "]", 1)], 8, _hoisted_2)]),
+				_: 1
+			}, 8, ["value"])) : (0, vue.createCommentVNode)("v-if", true)]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_array_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_array_default;
+	}
+});

package/dist/as-cell-array-DOQKR6t5.mjs

@@ -0,0 +1,64 @@
+import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-DUq25I0L.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
+//#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-cell-chips"
+};
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = { class: "as-cell-json-trigger-count" };
+//#endregion
+//#region src/components/defaults/as-cell-array.vue
+var as_cell_array_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-array",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const view = computed(() => {
+			const v = getCellValue(props.row, props.column.path);
+			if (!Array.isArray(v) || v.length === 0) return void 0;
+			let primitive = true;
+			for (const el of v) {
+				const t = typeof el;
+				if (t !== "string" && t !== "number" && t !== "boolean") {
+					primitive = false;
+					break;
+				}
+			}
+			return {
+				items: v,
+				primitive
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", null, [view.value && view.value.primitive ? (openBlock(), createElementBlock("span", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(view.value.items, (item, i) => {
+				return openBlock(), createElementBlock("span", {
+					key: i,
+					class: "as-cell-chip"
+				}, toDisplayString(item), 1);
+			}), 128))])) : view.value ? (openBlock(), createBlock(as_cell_json_popover_default, {
+				key: 1,
+				value: view.value.items
+			}, {
+				trigger: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: "as-cell-json-trigger",
+					"aria-label": `View ${view.value.items.length} items`
+				}, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "as-cell-json-trigger-glyph" }, "{}", -1)), createElementVNode("span", _hoisted_3, "[" + toDisplayString(view.value.items.length) + "]", 1)], 8, _hoisted_2)]),
+				_: 1
+			}, 8, ["value"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { as_cell_array_default as t };

package/dist/as-cell-array.cjs

@@ -0,0 +1,3 @@
+require("./as-cell-json-popover-BWdNs1YU.cjs");
+const require_as_cell_array = require("./as-cell-array-CXeZzZqt.cjs");
+module.exports = require_as_cell_array.as_cell_array_default;

package/dist/as-cell-array.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-cell-array.vue-pFs5GcCR.cjs";
+export = _default;

package/dist/as-cell-array.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-cell-array.vue-DZGM2VHh.mjs";
+export { _default as default };

package/dist/as-cell-array.mjs

@@ -0,0 +1,3 @@
+import "./as-cell-json-popover-DUq25I0L.mjs";
+import { t as as_cell_array_default } from "./as-cell-array-DOQKR6t5.mjs";
+export { as_cell_array_default as default };

package/dist/as-cell-array.vue-DZGM2VHh.d.mts

@@ -0,0 +1,12 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-cell-array.vue.d.ts
+type __VLS_Props = {
+  row: Record<string, unknown>;
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-cell-array.vue-pFs5GcCR.d.cts

@@ -0,0 +1,12 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-cell-array.vue.d.ts
+type __VLS_Props = {
+  row: Record<string, unknown>;
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-cell-date-CTrvxS1h.cjs

@@ -0,0 +1,78 @@
+const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
+const require_use_cell_locale = require("./use-cell-locale-B480_QYK.cjs");
+let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
+//#region src/utils/intl-cache.ts
+const dateTimeCache = /* @__PURE__ */ new Map();
+function getDateTimeFormat(locale, opts = {}) {
+	const key = `${locale}|${opts.timeZone ?? ""}|${opts.year ?? ""}|${opts.month ?? ""}|${opts.day ?? ""}|${opts.hour ?? ""}|${opts.minute ?? ""}`;
+	let f = dateTimeCache.get(key);
+	if (!f) {
+		f = new Intl.DateTimeFormat(locale, opts);
+		dateTimeCache.set(key, f);
+	}
+	return f;
+}
+//#endregion
+//#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+//#endregion
+//#region src/components/defaults/as-cell-date.vue
+var as_cell_date_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-date",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { locale, timezone } = require_use_cell_locale.useCellLocale();
+		const DATE_OPTS = {
+			year: "numeric",
+			month: "short",
+			day: "2-digit"
+		};
+		const DATETIME_OPTS = {
+			...DATE_OPTS,
+			hour: "2-digit",
+			minute: "2-digit"
+		};
+		const date = (0, vue.computed)(() => {
+			const v = require_get_cell_value.getCellValue(props.row, props.column.path);
+			if (v === null || v === void 0 || v === "") return void 0;
+			if (v instanceof Date) return Number.isFinite(v.getTime()) ? v : void 0;
+			if (typeof v === "number" || typeof v === "string") {
+				const d = new Date(v);
+				return Number.isFinite(d.getTime()) ? d : void 0;
+			}
+		});
+		const formatted = (0, vue.computed)(() => {
+			const d = date.value;
+			if (!d) return "";
+			if (props.column.type === "relative") return (0, _vueuse_core.formatTimeAgoIntl)(d, { locale: locale.value });
+			const tz = timezone.value;
+			const base = props.column.type === "datetime" ? DATETIME_OPTS : DATE_OPTS;
+			const opts = tz ? {
+				...base,
+				timeZone: tz
+			} : base;
+			return getDateTimeFormat(locale.value, opts).format(d);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { title: date.value?.toISOString() ?? "" }, (0, vue.toDisplayString)(formatted.value), 9, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_date_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_date_default;
+	}
+});

package/dist/as-cell-date-Cq49RHmL.mjs

@@ -0,0 +1,73 @@
+import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
+import { n as useCellLocale } from "./use-cell-locale-1uQaFTLQ.mjs";
+import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+import { formatTimeAgoIntl } from "@vueuse/core";
+//#region src/utils/intl-cache.ts
+const dateTimeCache = /* @__PURE__ */ new Map();
+function getDateTimeFormat(locale, opts = {}) {
+	const key = `${locale}|${opts.timeZone ?? ""}|${opts.year ?? ""}|${opts.month ?? ""}|${opts.day ?? ""}|${opts.hour ?? ""}|${opts.minute ?? ""}`;
+	let f = dateTimeCache.get(key);
+	if (!f) {
+		f = new Intl.DateTimeFormat(locale, opts);
+		dateTimeCache.set(key, f);
+	}
+	return f;
+}
+//#endregion
+//#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+//#endregion
+//#region src/components/defaults/as-cell-date.vue
+var as_cell_date_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-date",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { locale, timezone } = useCellLocale();
+		const DATE_OPTS = {
+			year: "numeric",
+			month: "short",
+			day: "2-digit"
+		};
+		const DATETIME_OPTS = {
+			...DATE_OPTS,
+			hour: "2-digit",
+			minute: "2-digit"
+		};
+		const date = computed(() => {
+			const v = getCellValue(props.row, props.column.path);
+			if (v === null || v === void 0 || v === "") return void 0;
+			if (v instanceof Date) return Number.isFinite(v.getTime()) ? v : void 0;
+			if (typeof v === "number" || typeof v === "string") {
+				const d = new Date(v);
+				return Number.isFinite(d.getTime()) ? d : void 0;
+			}
+		});
+		const formatted = computed(() => {
+			const d = date.value;
+			if (!d) return "";
+			if (props.column.type === "relative") return formatTimeAgoIntl(d, { locale: locale.value });
+			const tz = timezone.value;
+			const base = props.column.type === "datetime" ? DATETIME_OPTS : DATE_OPTS;
+			const opts = tz ? {
+				...base,
+				timeZone: tz
+			} : base;
+			return getDateTimeFormat(locale.value, opts).format(d);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", { title: date.value?.toISOString() ?? "" }, toDisplayString(formatted.value), 9, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { as_cell_date_default as t };

package/dist/as-cell-date.cjs

@@ -0,0 +1,3 @@
+const require_as_cell_date = require("./as-cell-date-CTrvxS1h.cjs");
+require("./use-cell-locale-B480_QYK.cjs");
+module.exports = require_as_cell_date.as_cell_date_default;

package/dist/as-cell-date.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-cell-date.vue-BBSps2B2.cjs";
+export = _default;

package/dist/as-cell-date.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-cell-date.vue-Zlt4mHWb.mjs";
+export { _default as default };

package/dist/as-cell-date.mjs

@@ -0,0 +1,3 @@
+import { t as as_cell_date_default } from "./as-cell-date-Cq49RHmL.mjs";
+import "./use-cell-locale-1uQaFTLQ.mjs";
+export { as_cell_date_default as default };

package/dist/as-cell-date.vue-BBSps2B2.d.cts

@@ -0,0 +1,12 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-cell-date.vue.d.ts
+type __VLS_Props = {
+  row: Record<string, unknown>;
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-cell-date.vue-Zlt4mHWb.d.mts

@@ -0,0 +1,12 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-cell-date.vue.d.ts
+type __VLS_Props = {
+  row: Record<string, unknown>;
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-cell-json-BynWIs1d.mjs

@@ -0,0 +1,37 @@
+import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-DUq25I0L.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, withCtx } from "vue";
+//#endregion
+//#region src/components/defaults/as-cell-json.vue
+var as_cell_json_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-json",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const value = computed(() => getCellValue(props.row, props.column.path));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", null, [value.value && typeof value.value === "object" ? (openBlock(), createBlock(as_cell_json_popover_default, {
+				key: 0,
+				value: value.value
+			}, {
+				trigger: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", {
+					type: "button",
+					class: "as-cell-json-trigger",
+					"aria-label": "View object"
+				}, [createElementVNode("span", { class: "as-cell-json-trigger-glyph" }, "{}")], -1)])]),
+				_: 1
+			}, 8, ["value"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { as_cell_json_default as t };

package/dist/as-cell-json-DvHvQ6IL.cjs

@@ -0,0 +1,42 @@
+const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/defaults/as-cell-json.vue
+var as_cell_json_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-json",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const value = (0, vue.computed)(() => require_get_cell_value.getCellValue(props.row, props.column.path));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", null, [value.value && typeof value.value === "object" ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_cell_json_popover.as_cell_json_popover_default, {
+				key: 0,
+				value: value.value
+			}, {
+				trigger: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "as-cell-json-trigger",
+					"aria-label": "View object"
+				}, [(0, vue.createElementVNode)("span", { class: "as-cell-json-trigger-glyph" }, "{}")], -1)])]),
+				_: 1
+			}, 8, ["value"])) : (0, vue.createCommentVNode)("v-if", true)]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_json_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_json_default;
+	}
+});

package/dist/as-cell-json-popover-BWdNs1YU.cjs

@@ -0,0 +1,70 @@
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+//#region src/components/internal/as-cell-json-body.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-cell-json-pre" };
+//#endregion
+//#region src/components/internal/as-cell-json-body.vue
+var as_cell_json_body_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-json-body",
+	props: { value: {
+		type: null,
+		required: true
+	} },
+	setup(__props) {
+		const props = __props;
+		const pretty = (0, vue.computed)(() => {
+			const v = props.value;
+			if (v === null || v === void 0) return "";
+			try {
+				return JSON.stringify(v, null, 2);
+			} catch {
+				return String(v);
+			}
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("pre", _hoisted_1, [(0, vue.createElementVNode)("code", null, (0, vue.toDisplayString)(pretty.value), 1)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-cell-json-popover.vue
+var as_cell_json_popover_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-json-popover",
+	props: { value: {
+		type: null,
+		required: true
+	} },
+	setup(__props) {
+		const open = (0, vue.ref)(false);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverRoot), {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverTrigger), { "as-child": "" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "trigger")]),
+					_: 3
+				}), (0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverPortal), null, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverContent), {
+						class: "as-cell-json-popup",
+						align: "start",
+						"side-offset": 4,
+						"collision-padding": 8
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(as_cell_json_body_default, { value: __props.value }, null, 8, ["value"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_json_popover_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_json_popover_default;
+	}
+});