@atscript/vue-table 0.1.58

package/dist/as-cell-json-popover-DUq25I0L.mjs

@@ -0,0 +1,65 @@
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "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__ */ defineComponent({
+	__name: "as-cell-json-body",
+	props: { value: {
+		type: null,
+		required: true
+	} },
+	setup(__props) {
+		const props = __props;
+		const pretty = 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 openBlock(), createElementBlock("pre", _hoisted_1, [createElementVNode("code", null, toDisplayString(pretty.value), 1)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-cell-json-popover.vue
+var as_cell_json_popover_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-json-popover",
+	props: { value: {
+		type: null,
+		required: true
+	} },
+	setup(__props) {
+		const open = ref(false);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverRoot), {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
+					_: 3
+				}), createVNode(unref(PopoverPortal), null, {
+					default: withCtx(() => [createVNode(unref(PopoverContent), {
+						class: "as-cell-json-popup",
+						align: "start",
+						"side-offset": 4,
+						"collision-padding": 8
+					}, {
+						default: withCtx(() => [createVNode(as_cell_json_body_default, { value: __props.value }, null, 8, ["value"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { as_cell_json_popover_default as t };

package/dist/as-cell-json.cjs

@@ -0,0 +1,3 @@
+require("./as-cell-json-popover-BWdNs1YU.cjs");
+const require_as_cell_json = require("./as-cell-json-DvHvQ6IL.cjs");
+module.exports = require_as_cell_json.as_cell_json_default;

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

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

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

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

package/dist/as-cell-json.mjs

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

package/dist/as-cell-json.vue-C6wg4ARZ.d.cts

@@ -0,0 +1,12 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-cell-json.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.vue-CESWuCer.d.mts

@@ -0,0 +1,12 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-cell-json.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-number-0_WrSCzu.cjs

@@ -0,0 +1,76 @@
+const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
+const require_use_cell_locale = require("./use-cell-locale-B480_QYK.cjs");
+let _atscript_ui = require("@atscript/ui");
+let vue = require("vue");
+//#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-cell-number as-cell-decimal" };
+//#endregion
+//#region src/components/defaults/as-cell-number.vue
+var as_cell_number_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-number",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { locale } = require_use_cell_locale.useCellLocale();
+		const value = (0, vue.computed)(() => require_get_cell_value.getCellValue(props.row, props.column.path));
+		const currency = (0, vue.computed)(() => {
+			const c = props.column.currencyCode;
+			if (c) return c;
+			const ref = props.column.currencyRefField;
+			if (ref) {
+				const v = props.row[ref];
+				if (typeof v === "string" && v.length > 0) return v;
+			}
+		});
+		const unit = (0, vue.computed)(() => {
+			const u = props.column.unitCode;
+			if (u) return u;
+			const ref = props.column.unitRefField;
+			if (ref) {
+				const v = props.row[ref];
+				if (typeof v === "string" && v.length > 0) return v;
+			}
+		});
+		const formatted = (0, vue.computed)(() => {
+			const v = value.value;
+			if (v === null || v === void 0 || v === "") return "";
+			const cur = currency.value;
+			if (cur) {
+				const out = (0, _atscript_ui.formatDecimalForDisplay)({
+					value: v,
+					locale: locale.value,
+					currency: cur
+				});
+				if (out !== "") return out;
+				return typeof v === "string" ? v : String(v);
+			}
+			const out = (0, _atscript_ui.formatDecimalForDisplay)({
+				value: v,
+				scale: props.column.precisionScale,
+				locale: locale.value,
+				unit: unit.value
+			});
+			if (out !== "") return out;
+			return typeof v === "string" ? v : String(v);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_1, (0, vue.toDisplayString)(formatted.value), 1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_number_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_number_default;
+	}
+});

package/dist/as-cell-number-Bc1C97Vg.mjs

@@ -0,0 +1,71 @@
+import { t as getCellValue } from "./get-cell-value-DiH84HKL.mjs";
+import { n as useCellLocale } from "./use-cell-locale-1uQaFTLQ.mjs";
+import { formatDecimalForDisplay } from "@atscript/ui";
+import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+//#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-cell-number as-cell-decimal" };
+//#endregion
+//#region src/components/defaults/as-cell-number.vue
+var as_cell_number_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-number",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { locale } = useCellLocale();
+		const value = computed(() => getCellValue(props.row, props.column.path));
+		const currency = computed(() => {
+			const c = props.column.currencyCode;
+			if (c) return c;
+			const ref = props.column.currencyRefField;
+			if (ref) {
+				const v = props.row[ref];
+				if (typeof v === "string" && v.length > 0) return v;
+			}
+		});
+		const unit = computed(() => {
+			const u = props.column.unitCode;
+			if (u) return u;
+			const ref = props.column.unitRefField;
+			if (ref) {
+				const v = props.row[ref];
+				if (typeof v === "string" && v.length > 0) return v;
+			}
+		});
+		const formatted = computed(() => {
+			const v = value.value;
+			if (v === null || v === void 0 || v === "") return "";
+			const cur = currency.value;
+			if (cur) {
+				const out = formatDecimalForDisplay({
+					value: v,
+					locale: locale.value,
+					currency: cur
+				});
+				if (out !== "") return out;
+				return typeof v === "string" ? v : String(v);
+			}
+			const out = formatDecimalForDisplay({
+				value: v,
+				scale: props.column.precisionScale,
+				locale: locale.value,
+				unit: unit.value
+			});
+			if (out !== "") return out;
+			return typeof v === "string" ? v : String(v);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", _hoisted_1, toDisplayString(formatted.value), 1);
+		};
+	}
+});
+//#endregion
+export { as_cell_number_default as t };

package/dist/as-cell-number.cjs

@@ -0,0 +1,3 @@
+require("./use-cell-locale-B480_QYK.cjs");
+const require_as_cell_number = require("./as-cell-number-0_WrSCzu.cjs");
+module.exports = require_as_cell_number.as_cell_number_default;

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

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

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

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

package/dist/as-cell-number.mjs

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

package/dist/as-cell-number.vue-1Oq7nVI3.d.mts

@@ -0,0 +1,12 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-cell-number.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-number.vue-CJ2K5zeM.d.cts

@@ -0,0 +1,12 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-cell-number.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-union-C1w3B38J.mjs

@@ -0,0 +1,88 @@
+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 { t as formatCellValue } from "./format-cell-B2xMDYO9.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/defaults/as-cell-union.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-union.vue
+var as_cell_union_default = /* @__PURE__ */ defineComponent({
+	__name: "as-cell-union",
+	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)) {
+				if (v.length === 0) return { kind: "array-empty" };
+				let primitive = true;
+				for (const el of v) {
+					const t = typeof el;
+					if (t !== "string" && t !== "number" && t !== "boolean") {
+						primitive = false;
+						break;
+					}
+				}
+				return primitive ? {
+					kind: "array-chips",
+					items: v
+				} : {
+					kind: "array-json",
+					items: v
+				};
+			}
+			if (v && typeof v === "object") return {
+				kind: "object",
+				value: v
+			};
+			return {
+				kind: "primitive",
+				value: v
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", null, [view.value.kind === "array-chips" ? (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.kind === "array-json" ? (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"])) : view.value.kind === "object" ? (openBlock(), createBlock(as_cell_json_popover_default, {
+				key: 2,
+				value: view.value.value
+			}, {
+				trigger: withCtx(() => [..._cache[1] || (_cache[1] = [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"])) : view.value.kind === "primitive" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(formatCellValue)(view.value.value, props.column.type)), 1)], 64)) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { as_cell_union_default as t };

package/dist/as-cell-union-CFAI0utz.cjs

@@ -0,0 +1,93 @@
+const require_get_cell_value = require("./get-cell-value-CZSVfDLg.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-BWdNs1YU.cjs");
+const require_format_cell = require("./format-cell-D4mqaN0E.cjs");
+let vue = require("vue");
+//#region src/components/defaults/as-cell-union.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-union.vue
+var as_cell_union_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-cell-union",
+	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)) {
+				if (v.length === 0) return { kind: "array-empty" };
+				let primitive = true;
+				for (const el of v) {
+					const t = typeof el;
+					if (t !== "string" && t !== "number" && t !== "boolean") {
+						primitive = false;
+						break;
+					}
+				}
+				return primitive ? {
+					kind: "array-chips",
+					items: v
+				} : {
+					kind: "array-json",
+					items: v
+				};
+			}
+			if (v && typeof v === "object") return {
+				kind: "object",
+				value: v
+			};
+			return {
+				kind: "primitive",
+				value: v
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", null, [view.value.kind === "array-chips" ? ((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.kind === "array-json" ? ((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"])) : view.value.kind === "object" ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_cell_json_popover.as_cell_json_popover_default, {
+				key: 2,
+				value: view.value.value
+			}, {
+				trigger: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(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"])) : view.value.kind === "primitive" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(require_format_cell.formatCellValue)(view.value.value, props.column.type)), 1)], 64)) : (0, vue.createCommentVNode)("v-if", true)]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_cell_union_default", {
+	enumerable: true,
+	get: function() {
+		return as_cell_union_default;
+	}
+});

package/dist/as-cell-union.cjs

@@ -0,0 +1,4 @@
+require("./as-cell-json-popover-BWdNs1YU.cjs");
+require("./format-cell-D4mqaN0E.cjs");
+const require_as_cell_union = require("./as-cell-union-CFAI0utz.cjs");
+module.exports = require_as_cell_union.as_cell_union_default;

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

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

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

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

package/dist/as-cell-union.mjs

@@ -0,0 +1,4 @@
+import "./as-cell-json-popover-DUq25I0L.mjs";
+import "./format-cell-B2xMDYO9.mjs";
+import { t as as_cell_union_default } from "./as-cell-union-C1w3B38J.mjs";
+export { as_cell_union_default as default };

package/dist/as-cell-union.vue-CslPM_c2.d.cts

@@ -0,0 +1,12 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-cell-union.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-union.vue-NnDmQZOA.d.mts

@@ -0,0 +1,12 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-cell-union.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 };