@dou-ui/dashboard 0.0.0-stage → 0.1.0-alpha.1

package/dist/widgets/shared.js

@@ -0,0 +1,68 @@
+// src/widgets/shared.ts
+/** The value at a dotted path, e.g. `total.amount`; the data itself for an empty path. */
+function valueAt(data, path) {
+	if (!path) return data;
+	let value = data;
+	for (const key of path.split(".")) {
+		if (value == null || typeof value !== "object") return void 0;
+		value = value[key];
+	}
+	return value;
+}
+/** The rows of a source's data: the data when it is a list, or the list at `path`. */
+function rowsOf(data, path) {
+	const value = valueAt(data, path);
+	return Array.isArray(value) ? value : [];
+}
+/** The keys of the first row of a list, or of an object: the fields to pick from in settings. */
+function fieldsOf(data) {
+	const first = Array.isArray(data) ? data[0] : data;
+	return first && typeof first === "object" && !Array.isArray(first) ? Object.keys(first) : [];
+}
+/** The keys whose value in the first row is a number. */
+function numberFieldsOf(data) {
+	const first = Array.isArray(data) ? data[0] : data;
+	return fieldsOf(data).filter((key) => typeof first[key] === "number");
+}
+/** A filter value from a value of the data: dates as `YYYY-MM-DD`, so the filters stay JSON. */
+var pad = (n) => String(n).padStart(2, "0");
+function filterValueOf(value) {
+	if (!(value instanceof Date)) return value;
+	return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+}
+/** A value of the data as a sheet cell's: dates as `YYYY-MM-DD`, text starting with `=` kept as text. */
+function sheetValueOf(value) {
+	if (value == null) return null;
+	if (typeof value === "number") return Number.isFinite(value) ? value : null;
+	if (typeof value === "boolean") return value;
+	const text = value instanceof Date ? filterValueOf(value) : String(value);
+	return text.startsWith("=") ? `'${text}` : text;
+}
+/**
+* Rows of data as a workbook, for the dashboard's export menu: one sheet,
+* a bold head row with the columns' titles, a row per row of data. An
+* empty `name` takes the widget's title.
+*/
+function rowsToWorkbook(name, columns, rows) {
+	const colSizes = {};
+	columns.forEach((column, i) => column.width && (colSizes[i] = Math.round(column.width)));
+	return {
+		version: 1,
+		sheets: [{
+			name,
+			cells: [columns.map((column) => ({
+				value: sheetValueOf(column.title),
+				style: "head"
+			})), ...rows.map((row) => columns.map((column) => sheetValueOf(row[column.key])))],
+			freeze: {
+				rows: 1,
+				cols: 0
+			},
+			colSizes
+		}],
+		styles: { head: { bold: true } }
+	};
+}
+export { fieldsOf, filterValueOf, numberFieldsOf, rowsOf, rowsToWorkbook, valueAt };
+
+//# sourceMappingURL=shared.js.map

package/dist/widgets/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../src/widgets/shared.ts"],"sourcesContent":["import type { SheetValue, SheetWorkbook } from '@dou-ui/sheet/core'\n\n/** The value at a dotted path, e.g. `total.amount`; the data itself for an empty path. */\nexport function valueAt(data: unknown, path: string | undefined): unknown {\n  if (!path) return data\n  let value = data\n  for (const key of path.split('.')) {\n    if (value == null || typeof value !== 'object') return undefined\n    value = (value as Record<string, unknown>)[key]\n  }\n  return value\n}\n\n/** The rows of a source's data: the data when it is a list, or the list at `path`. */\nexport function rowsOf(data: unknown, path?: string): Record<string, unknown>[] {\n  const value = valueAt(data, path)\n  return Array.isArray(value) ? (value as Record<string, unknown>[]) : []\n}\n\n/** The keys of the first row of a list, or of an object: the fields to pick from in settings. */\nexport function fieldsOf(data: unknown): string[] {\n  const first = Array.isArray(data) ? data[0] : data\n  return first && typeof first === 'object' && !Array.isArray(first) ? Object.keys(first) : []\n}\n\n/** The keys whose value in the first row is a number. */\nexport function numberFieldsOf(data: unknown): string[] {\n  const first = Array.isArray(data) ? data[0] : data\n  return fieldsOf(data).filter((key) => typeof (first as Record<string, unknown>)[key] === 'number')\n}\n\n/** A filter value from a value of the data: dates as `YYYY-MM-DD`, so the filters stay JSON. */\nconst pad = (n: number) => String(n).padStart(2, '0')\n\nexport function filterValueOf(value: unknown): unknown {\n  if (!(value instanceof Date)) return value\n  return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`\n}\n\n/** A value of the data as a sheet cell's: dates as `YYYY-MM-DD`, text starting with `=` kept as text. */\nfunction sheetValueOf(value: unknown): SheetValue {\n  if (value == null) return null\n  if (typeof value === 'number') return Number.isFinite(value) ? value : null\n  if (typeof value === 'boolean') return value\n  const text = value instanceof Date ? (filterValueOf(value) as string) : String(value)\n  return text.startsWith('=') ? `'${text}` : text\n}\n\n/**\n * Rows of data as a workbook, for the dashboard's export menu: one sheet,\n * a bold head row with the columns' titles, a row per row of data. An\n * empty `name` takes the widget's title.\n */\nexport function rowsToWorkbook(\n  name: string,\n  columns: readonly { key: string; title: string; width?: number }[],\n  rows: readonly Record<string, unknown>[],\n): SheetWorkbook {\n  const colSizes: Record<number, number> = {}\n  columns.forEach((column, i) => column.width && (colSizes[i] = Math.round(column.width)))\n  return {\n    version: 1,\n    sheets: [\n      {\n        name,\n        cells: [\n          columns.map((column) => ({ value: sheetValueOf(column.title), style: 'head' })),\n          ...rows.map((row) => columns.map((column) => sheetValueOf(row[column.key]))),\n        ],\n        freeze: { rows: 1, cols: 0 },\n        colSizes,\n      },\n    ],\n    styles: { head: { bold: true } },\n  }\n}\n"],"mappings":";;AAGA,SAAgB,QAAQ,MAAe,MAAmC;CACxE,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,QAAQ;CACZ,KAAK,MAAM,OAAO,KAAK,MAAM,GAAG,GAAG;EACjC,IAAI,SAAS,QAAQ,OAAO,UAAU,UAAU,OAAO,KAAA;EACvD,QAAS,MAAkC;CAC7C;CACA,OAAO;AACT;;AAGA,SAAgB,OAAO,MAAe,MAA0C;CAC9E,MAAM,QAAQ,QAAQ,MAAM,IAAI;CAChC,OAAO,MAAM,QAAQ,KAAK,IAAK,QAAsC,CAAC;AACxE;;AAGA,SAAgB,SAAS,MAAyB;CAChD,MAAM,QAAQ,MAAM,QAAQ,IAAI,IAAI,KAAK,KAAK;CAC9C,OAAO,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI,CAAC;AAC7F;;AAGA,SAAgB,eAAe,MAAyB;CACtD,MAAM,QAAQ,MAAM,QAAQ,IAAI,IAAI,KAAK,KAAK;CAC9C,OAAO,SAAS,IAAI,CAAC,CAAC,QAAQ,QAAQ,OAAQ,MAAkC,SAAS,QAAQ;AACnG;;AAGA,IAAM,OAAO,MAAc,OAAO,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;AAEpD,SAAgB,cAAc,OAAyB;CACrD,IAAI,EAAE,iBAAiB,OAAO,OAAO;CACrC,OAAO,GAAG,MAAM,YAAY,EAAE,GAAG,IAAI,MAAM,SAAS,IAAI,CAAC,EAAE,GAAG,IAAI,MAAM,QAAQ,CAAC;AACnF;;AAGA,SAAS,aAAa,OAA4B;CAChD,IAAI,SAAS,MAAM,OAAO;CAC1B,IAAI,OAAO,UAAU,UAAU,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;CACvE,IAAI,OAAO,UAAU,WAAW,OAAO;CACvC,MAAM,OAAO,iBAAiB,OAAQ,cAAc,KAAK,IAAe,OAAO,KAAK;CACpF,OAAO,KAAK,WAAW,GAAG,IAAI,IAAI,SAAS;AAC7C;;;;;;AAOA,SAAgB,eACd,MACA,SACA,MACe;CACf,MAAM,WAAmC,CAAC;CAC1C,QAAQ,SAAS,QAAQ,MAAM,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM,OAAO,KAAK,EAAE;CACvF,OAAO;EACL,SAAS;EACT,QAAQ,CACN;GACE;GACA,OAAO,CACL,QAAQ,KAAK,YAAY;IAAE,OAAO,aAAa,OAAO,KAAK;IAAG,OAAO;GAAO,EAAE,GAC9E,GAAG,KAAK,KAAK,QAAQ,QAAQ,KAAK,WAAW,aAAa,IAAI,OAAO,IAAI,CAAC,CAAC,CAC7E;GACA,QAAQ;IAAE,MAAM;IAAG,MAAM;GAAE;GAC3B;EACF,CACF;EACA,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAK,EAAE;CACjC;AACF"}

package/dist/widgets/source-field.js

@@ -0,0 +1,6 @@
+import source_field_vue_vue_type_script_setup_true_lang_default from "./source-field.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/source-field.vue
+var source_field_default = source_field_vue_vue_type_script_setup_true_lang_default;
+export { source_field_default as default };
+
+//# sourceMappingURL=source-field.js.map

package/dist/widgets/source-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-field.js","names":["_sfc_main"],"sources":["../../src/widgets/source-field.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSelect } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport SettingsField from './settings-field.vue'\n\ndefineOptions({ name: 'DouDashboardSourceField' })\n\n/** The source's name in the widget's `props.source`. */\nconst model = defineModel<string | undefined>()\nconst props = defineProps<{ optional?: boolean }>()\n\nconst messages = useDashboardMessages()\nconst { sources } = useDashboardWidget()\nconst options = computed(() => [\n  ...(props.optional ? [{ value: '', label: messages.value.noSource }] : []),\n  ...sources.value.map((name) => ({ value: name, label: name })),\n])\n</script>\n\n<template>\n  <SettingsField :label=\"messages.source\">\n    <DouSelect\n      :model-value=\"model ?? ''\"\n      :options=\"options\"\n      :aria-label=\"messages.source\"\n      @update:model-value=\"(value) => (model = (value as string) || undefined)\"\n    />\n  </SettingsField>\n</template>\n"],"mappings":""}

package/dist/widgets/source-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { useDashboardMessages } from "../locale.js";
+import { useDashboardWidget } from "../widget/context.js";
+import settings_field_default from "./settings-field.js";
+import { DouSelect } from "dou-ui";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+// src/widgets/source-field.vue?vue&type=script&setup=true&lang.ts
+var source_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardSourceField",
+	__name: "source-field",
+	props: /*@__PURE__*/ mergeModels({ optional: { type: Boolean } }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** The source's name in the widget's `props.source`. */
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const messages = useDashboardMessages();
+		const { sources } = useDashboardWidget();
+		const options = computed(() => [...props.optional ? [{
+			value: "",
+			label: messages.value.noSource
+		}] : [], ...sources.value.map((name) => ({
+			value: name,
+			label: name
+		}))]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(settings_field_default, { label: unref(messages).source }, {
+				default: withCtx(() => [createVNode(unref(DouSelect), {
+					"model-value": model.value ?? "",
+					options: options.value,
+					"aria-label": unref(messages).source,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => model.value = value || void 0)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["label"]);
+		};
+	}
+});
+export { source_field_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=source-field.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/source-field.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-field.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","SettingsField","_unref","_withCtx","_createVNode"],"sources":["../../src/widgets/source-field.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSelect } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport SettingsField from './settings-field.vue'\n\ndefineOptions({ name: 'DouDashboardSourceField' })\n\n/** The source's name in the widget's `props.source`. */\nconst model = defineModel<string | undefined>()\nconst props = defineProps<{ optional?: boolean }>()\n\nconst messages = useDashboardMessages()\nconst { sources } = useDashboardWidget()\nconst options = computed(() => [\n  ...(props.optional ? [{ value: '', label: messages.value.noSource }] : []),\n  ...sources.value.map((name) => ({ value: name, label: name })),\n])\n</script>\n\n<template>\n  <SettingsField :label=\"messages.source\">\n    <DouSelect\n      :model-value=\"model ?? ''\"\n      :options=\"options\"\n      :aria-label=\"messages.source\"\n      @update:model-value=\"(value) => (model = (value as string) || undefined)\"\n    />\n  </SettingsField>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,MAAM,QAAQA,SAA+B,SAAA,YAAC;EAC9C,MAAM,QAAQ;EAEd,MAAM,WAAW,qBAAqB;EACtC,MAAM,EAAE,YAAY,mBAAmB;EACvC,MAAM,UAAU,eAAe,CAC7B,GAAI,MAAM,WAAW,CAAC;GAAE,OAAO;GAAI,OAAO,SAAS,MAAM;EAAS,CAAC,IAAI,CAAC,GACxE,GAAG,QAAQ,MAAM,KAAK,UAAU;GAAE,OAAO;GAAM,OAAO;EAAK,EAAE,CAC/D,CAAC;;GAIC,OAAAC,UAAA,GAAAC,YAOgBC,wBAAA,EAPA,OAAOC,MAAA,QAAA,CAAQ,CAAC,O;IAC9B,SAAAC,cAKE,CALFC,YAKEF,MAAA,SAAA,GAAA;KAJC,eAAa,MAAA,SAAK;KAClB,SAAS,QAAA;KACT,cAAYA,MAAA,QAAA,CAAQ,CAAC;KACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAW,MAAA,QAAS,SAAoB,KAAA"}

package/dist/widgets/stat-settings.js

@@ -0,0 +1,6 @@
+import stat_settings_vue_vue_type_script_setup_true_lang_default from "./stat-settings.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/stat-settings.vue
+var stat_settings_default = stat_settings_vue_vue_type_script_setup_true_lang_default;
+export { stat_settings_default as default };
+
+//# sourceMappingURL=stat-settings.js.map

package/dist/widgets/stat-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-settings.js","names":["_sfc_main"],"sources":["../../src/widgets/stat-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouInputNumber } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from './field-select.vue'\nimport SettingsField from './settings-field.vue'\nimport { fieldsOf } from './shared'\nimport SourceField from './source-field.vue'\nimport type { StatWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardStatSettings' })\n\nconst model = defineModel<StatWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst fields = computed(() => fieldsOf(data.value))\nconst set = (patch: Partial<StatWidgetProps>) => (model.value = { ...model.value, ...patch })\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField\n      :model-value=\"model.source\"\n      optional\n      @update:model-value=\"(source) => set({ source })\"\n    />\n    <FieldSelect\n      v-if=\"model.source\"\n      :model-value=\"model.field\"\n      :label=\"messages.value\"\n      :fields=\"fields\"\n      @update:model-value=\"(field) => set({ field: field as string | undefined })\"\n    />\n    <SettingsField v-else :label=\"messages.value\">\n      <DouInputNumber\n        :model-value=\"model.value ?? null\"\n        :aria-label=\"messages.value\"\n        @update:model-value=\"(value) => set({ value: value ?? undefined })\"\n      />\n    </SettingsField>\n    <div class=\"dou-dashboard__field-row\">\n      <SettingsField :label=\"messages.prefix\">\n        <DouInput\n          :model-value=\"model.prefix ?? ''\"\n          :aria-label=\"messages.prefix\"\n          @update:model-value=\"(prefix) => set({ prefix: prefix || undefined })\"\n        />\n      </SettingsField>\n      <SettingsField :label=\"messages.suffix\">\n        <DouInput\n          :model-value=\"model.suffix ?? ''\"\n          :aria-label=\"messages.suffix\"\n          @update:model-value=\"(suffix) => set({ suffix: suffix || undefined })\"\n        />\n      </SettingsField>\n    </div>\n    <SettingsField :label=\"messages.precision\">\n      <DouInputNumber\n        :model-value=\"model.precision ?? null\"\n        :min=\"0\"\n        :max=\"6\"\n        :aria-label=\"messages.precision\"\n        @update:model-value=\"(precision) => set({ precision: precision ?? undefined })\"\n      />\n    </SettingsField>\n    <template v-if=\"model.source\">\n      <FieldSelect\n        :model-value=\"model.trend\"\n        :label=\"messages.trend\"\n        :fields=\"fields\"\n        @update:model-value=\"(trend) => set({ trend: trend as string | undefined })\"\n      />\n      <FieldSelect\n        :model-value=\"model.delta\"\n        :label=\"messages.delta\"\n        :fields=\"fields\"\n        @update:model-value=\"(delta) => set({ delta: delta as string | undefined })\"\n      />\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/widgets/stat-settings.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import { useDashboardMessages } from "../locale.js";
+import { useDashboardWidget } from "../widget/context.js";
+import { fieldsOf } from "./shared.js";
+import settings_field_default from "./settings-field.js";
+import field_select_default from "./field-select.js";
+import source_field_default from "./source-field.js";
+import { DouInput, DouInputNumber } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, useModel, withCtx } from "vue";
+// src/widgets/stat-settings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-dashboard__settings" };
+var _hoisted_2 = { class: "dou-dashboard__field-row" };
+var stat_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardStatSettings",
+	__name: "stat-settings",
+	props: {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const messages = useDashboardMessages();
+		const { data } = useDashboardWidget();
+		const fields = computed(() => fieldsOf(data.value));
+		const set = (patch) => model.value = {
+			...model.value,
+			...patch
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(source_field_default, {
+					"model-value": model.value.source,
+					optional: "",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (source) => set({ source }))
+				}, null, 8, ["model-value"]),
+				model.value.source ? (openBlock(), createBlock(field_select_default, {
+					key: 0,
+					"model-value": model.value.field,
+					label: unref(messages).value,
+					fields: fields.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = (field) => set({ field }))
+				}, null, 8, [
+					"model-value",
+					"label",
+					"fields"
+				])) : (openBlock(), createBlock(settings_field_default, {
+					key: 1,
+					label: unref(messages).value
+				}, {
+					default: withCtx(() => [createVNode(unref(DouInputNumber), {
+						"model-value": model.value.value ?? null,
+						"aria-label": unref(messages).value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => set({ value: value ?? void 0 }))
+					}, null, 8, ["model-value", "aria-label"])]),
+					_: 1
+				}, 8, ["label"])),
+				createElementVNode("div", _hoisted_2, [createVNode(settings_field_default, { label: unref(messages).prefix }, {
+					default: withCtx(() => [createVNode(unref(DouInput), {
+						"model-value": model.value.prefix ?? "",
+						"aria-label": unref(messages).prefix,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = (prefix) => set({ prefix: prefix || void 0 }))
+					}, null, 8, ["model-value", "aria-label"])]),
+					_: 1
+				}, 8, ["label"]), createVNode(settings_field_default, { label: unref(messages).suffix }, {
+					default: withCtx(() => [createVNode(unref(DouInput), {
+						"model-value": model.value.suffix ?? "",
+						"aria-label": unref(messages).suffix,
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = (suffix) => set({ suffix: suffix || void 0 }))
+					}, null, 8, ["model-value", "aria-label"])]),
+					_: 1
+				}, 8, ["label"])]),
+				createVNode(settings_field_default, { label: unref(messages).precision }, {
+					default: withCtx(() => [createVNode(unref(DouInputNumber), {
+						"model-value": model.value.precision ?? null,
+						min: 0,
+						max: 6,
+						"aria-label": unref(messages).precision,
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = (precision) => set({ precision: precision ?? void 0 }))
+					}, null, 8, ["model-value", "aria-label"])]),
+					_: 1
+				}, 8, ["label"]),
+				model.value.source ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(field_select_default, {
+					"model-value": model.value.trend,
+					label: unref(messages).trend,
+					fields: fields.value,
+					"onUpdate:modelValue": _cache[6] || (_cache[6] = (trend) => set({ trend }))
+				}, null, 8, [
+					"model-value",
+					"label",
+					"fields"
+				]), createVNode(field_select_default, {
+					"model-value": model.value.delta,
+					label: unref(messages).delta,
+					fields: fields.value,
+					"onUpdate:modelValue": _cache[7] || (_cache[7] = (delta) => set({ delta }))
+				}, null, 8, [
+					"model-value",
+					"label",
+					"fields"
+				])], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+export { stat_settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=stat-settings.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/stat-settings.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-settings.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","SourceField","_createBlock","FieldSelect","_unref","SettingsField","_withCtx","_createElementVNode","_Fragment","_createCommentVNode"],"sources":["../../src/widgets/stat-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouInputNumber } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from './field-select.vue'\nimport SettingsField from './settings-field.vue'\nimport { fieldsOf } from './shared'\nimport SourceField from './source-field.vue'\nimport type { StatWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardStatSettings' })\n\nconst model = defineModel<StatWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst fields = computed(() => fieldsOf(data.value))\nconst set = (patch: Partial<StatWidgetProps>) => (model.value = { ...model.value, ...patch })\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField\n      :model-value=\"model.source\"\n      optional\n      @update:model-value=\"(source) => set({ source })\"\n    />\n    <FieldSelect\n      v-if=\"model.source\"\n      :model-value=\"model.field\"\n      :label=\"messages.value\"\n      :fields=\"fields\"\n      @update:model-value=\"(field) => set({ field: field as string | undefined })\"\n    />\n    <SettingsField v-else :label=\"messages.value\">\n      <DouInputNumber\n        :model-value=\"model.value ?? null\"\n        :aria-label=\"messages.value\"\n        @update:model-value=\"(value) => set({ value: value ?? undefined })\"\n      />\n    </SettingsField>\n    <div class=\"dou-dashboard__field-row\">\n      <SettingsField :label=\"messages.prefix\">\n        <DouInput\n          :model-value=\"model.prefix ?? ''\"\n          :aria-label=\"messages.prefix\"\n          @update:model-value=\"(prefix) => set({ prefix: prefix || undefined })\"\n        />\n      </SettingsField>\n      <SettingsField :label=\"messages.suffix\">\n        <DouInput\n          :model-value=\"model.suffix ?? ''\"\n          :aria-label=\"messages.suffix\"\n          @update:model-value=\"(suffix) => set({ suffix: suffix || undefined })\"\n        />\n      </SettingsField>\n    </div>\n    <SettingsField :label=\"messages.precision\">\n      <DouInputNumber\n        :model-value=\"model.precision ?? null\"\n        :min=\"0\"\n        :max=\"6\"\n        :aria-label=\"messages.precision\"\n        @update:model-value=\"(precision) => set({ precision: precision ?? undefined })\"\n      />\n    </SettingsField>\n    <template v-if=\"model.source\">\n      <FieldSelect\n        :model-value=\"model.trend\"\n        :label=\"messages.trend\"\n        :fields=\"fields\"\n        @update:model-value=\"(trend) => set({ trend: trend as string | undefined })\"\n      />\n      <FieldSelect\n        :model-value=\"model.delta\"\n        :label=\"messages.delta\"\n        :fields=\"fields\"\n        @update:model-value=\"(delta) => set({ delta: delta as string | undefined })\"\n      />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQA,SAA4B,SAAA,YAAmB;EAC7D,MAAM,WAAW,qBAAqB;EACtC,MAAM,EAAE,SAAS,mBAAmB;EACpC,MAAM,SAAS,eAAe,SAAS,KAAK,KAAK,CAAC;EAClD,MAAM,OAAO,UAAqC,MAAM,QAAQ;GAAE,GAAG,MAAM;GAAO,GAAG;EAAM;;GAIzF,OAAAC,UAAA,GAAAC,mBA2DM,OA3DN,YA2DM;IA1DJC,YAIEC,sBAAA;KAHC,eAAa,MAAA,MAAM;KACpB,UAAA;KACC,uBAAkB,OAAA,OAAA,OAAA,MAAG,WAAW,IAAG,EAAG,OAAM,CAAA;;IAGvC,MAAA,MAAM,UADdH,UAAA,GAAAI,YAMEC,sBAAA;;KAJC,eAAa,MAAA,MAAM;KACnB,OAAOC,MAAA,QAAA,CAAQ,CAAC;KAChB,QAAQ,OAAA;KACR,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAU,IAAG,EAAU,MAAK,CAAA;;;;;I,OAEpDN,UAAA,GAAAI,YAMgBG,wBAAA;;KANO,OAAOD,MAAA,QAAA,CAAQ,CAAC;;KACrC,SAAAE,cAIE,CAJFN,YAIEI,MAAA,cAAA,GAAA;MAHC,eAAa,MAAA,MAAM,SAAK;MACxB,cAAYA,MAAA,QAAA,CAAQ,CAAC;MACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAU,IAAG,EAAA,OAAU,SAAS,KAAA,EAAS,CAAA;;;;IAGnEG,mBAeM,OAfN,YAeM,CAdJP,YAMgBK,wBAAA,EANA,OAAOD,MAAA,QAAA,CAAQ,CAAC,O;KAC9B,SAAAE,cAIE,CAJFN,YAIEI,MAAA,QAAA,GAAA;MAHC,eAAa,MAAA,MAAM,UAAM;MACzB,cAAYA,MAAA,QAAA,CAAQ,CAAC;MACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,WAAW,IAAG,EAAA,QAAW,UAAU,KAAA,EAAS,CAAA;;;I,kBAGtEJ,YAMgBK,wBAAA,EANA,OAAOD,MAAA,QAAA,CAAQ,CAAC,O;KAC9B,SAAAE,cAIE,CAJFN,YAIEI,MAAA,QAAA,GAAA;MAHC,eAAa,MAAA,MAAM,UAAM;MACzB,cAAYA,MAAA,QAAA,CAAQ,CAAC;MACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,WAAW,IAAG,EAAA,QAAW,UAAU,KAAA,EAAS,CAAA;;;;IAIxEJ,YAQgBK,wBAAA,EARA,OAAOD,MAAA,QAAA,CAAQ,CAAC,U;KAC9B,SAAAE,cAME,CANFN,YAMEI,MAAA,cAAA,GAAA;MALC,eAAa,MAAA,MAAM,aAAS;MAC5B,KAAK;MACL,KAAK;MACL,cAAYA,MAAA,QAAA,CAAQ,CAAC;MACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,cAAc,IAAG,EAAA,WAAc,aAAa,KAAA,EAAS,CAAA;;;;IAG/D,MAAA,MAAM,UAAtBN,UAAA,GAAAC,mBAaWS,UAAA,EAAA,KAAA,EAAA,GAAA,CAZTR,YAKEG,sBAAA;KAJC,eAAa,MAAA,MAAM;KACnB,OAAOC,MAAA,QAAA,CAAQ,CAAC;KAChB,QAAQ,OAAA;KACR,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAU,IAAG,EAAU,MAAK,CAAA;;;;;I,IAEpDJ,YAKEG,sBAAA;KAJC,eAAa,MAAA,MAAM;KACnB,OAAOC,MAAA,QAAA,CAAQ,CAAC;KAChB,QAAQ,OAAA;KACR,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAU,IAAG,EAAU,MAAK,CAAA"}

package/dist/widgets/stat.js

@@ -0,0 +1,6 @@
+import stat_vue_vue_type_script_setup_true_lang_default from "./stat.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/stat.vue
+var stat_default = stat_vue_vue_type_script_setup_true_lang_default;
+export { stat_default as default };
+
+//# sourceMappingURL=stat.js.map

package/dist/widgets/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","names":["_sfc_main"],"sources":["../../src/widgets/stat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSparkline, DouStatistic } from 'dou-ui'\nimport { computed } from 'vue'\nimport { format, useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport { valueAt } from './shared'\nimport type { StatWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardStatWidget' })\n\nconst { props, data, size } = useDashboardWidget<StatWidgetProps>()\nconst messages = useDashboardMessages()\n\nconst value = computed(() => {\n  const { field, value: fixed } = props.value\n  if (!field) return fixed ?? null\n  const read = Number(valueAt(data.value, field))\n  return Number.isFinite(read) ? read : null\n})\nconst delta = computed(() => {\n  const read = props.value.delta ? Number(valueAt(data.value, props.value.delta)) : Number.NaN\n  return Number.isFinite(read) ? read : undefined\n})\nconst deltaText = computed(() => {\n  if (delta.value === undefined) return ''\n  const percent = `${delta.value > 0 ? '+' : ''}${(delta.value * 100).toFixed(1)}%`\n  return format(messages.value.deltaText, { value: percent })\n})\nconst points = computed(() => {\n  const list = props.value.trend ? valueAt(data.value, props.value.trend) : undefined\n  return Array.isArray(list) ? list.map(Number).filter(Number.isFinite) : []\n})\n/** The sparkline takes what the number leaves of the height, out to the card's edges. */\nconst sparkHeight = computed(() => Math.max(0, Math.floor(size.height.value - 56)))\n</script>\n\n<template>\n  <div class=\"dou-dashboard-stat\">\n    <DouStatistic\n      :value=\"value\"\n      :precision=\"props.precision\"\n      :prefix=\"props.prefix\"\n      :suffix=\"props.suffix\"\n      :trend=\"delta === undefined || delta === 0 ? undefined : delta > 0 ? 'up' : 'down'\"\n    >\n      <template v-if=\"deltaText\" #footer>{{ deltaText }}</template>\n    </DouStatistic>\n    <div v-if=\"points.length > 1 && sparkHeight >= 24\" class=\"dou-dashboard-stat__spark\">\n      <DouSparkline\n        :data=\"points\"\n        type=\"area\"\n        smooth\n        :width=\"size.width.value + 32\"\n        :height=\"sparkHeight\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/widgets/stat.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import { format, useDashboardMessages } from "../locale.js";
+import { useDashboardWidget } from "../widget/context.js";
+import { valueAt } from "./shared.js";
+import { DouSparkline, DouStatistic } from "dou-ui";
+import { computed, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+// src/widgets/stat.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-dashboard-stat" };
+var _hoisted_2 = {
+	key: 0,
+	class: "dou-dashboard-stat__spark"
+};
+var stat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardStatWidget",
+	__name: "stat",
+	setup(__props) {
+		const { props, data, size } = useDashboardWidget();
+		const messages = useDashboardMessages();
+		const value = computed(() => {
+			const { field, value: fixed } = props.value;
+			if (!field) return fixed ?? null;
+			const read = Number(valueAt(data.value, field));
+			return Number.isFinite(read) ? read : null;
+		});
+		const delta = computed(() => {
+			const read = props.value.delta ? Number(valueAt(data.value, props.value.delta)) : NaN;
+			return Number.isFinite(read) ? read : void 0;
+		});
+		const deltaText = computed(() => {
+			if (delta.value === void 0) return "";
+			const percent = `${delta.value > 0 ? "+" : ""}${(delta.value * 100).toFixed(1)}%`;
+			return format(messages.value.deltaText, { value: percent });
+		});
+		const points = computed(() => {
+			const list = props.value.trend ? valueAt(data.value, props.value.trend) : void 0;
+			return Array.isArray(list) ? list.map(Number).filter(Number.isFinite) : [];
+		});
+		/** The sparkline takes what the number leaves of the height, out to the card's edges. */
+		const sparkHeight = computed(() => Math.max(0, Math.floor(size.height.value - 56)));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(DouStatistic), {
+				value: value.value,
+				precision: unref(props).precision,
+				prefix: unref(props).prefix,
+				suffix: unref(props).suffix,
+				trend: delta.value === void 0 || delta.value === 0 ? void 0 : delta.value > 0 ? "up" : "down"
+			}, createSlots({ _: 2 }, [deltaText.value ? {
+				name: "footer",
+				fn: withCtx(() => [createTextVNode(toDisplayString(deltaText.value), 1)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"value",
+				"precision",
+				"prefix",
+				"suffix",
+				"trend"
+			]), points.value.length > 1 && sparkHeight.value >= 24 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(DouSparkline), {
+				data: points.value,
+				type: "area",
+				smooth: "",
+				width: unref(size).width.value + 32,
+				height: sparkHeight.value
+			}, null, 8, [
+				"data",
+				"width",
+				"height"
+			])])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { stat_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=stat.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/stat.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../src/widgets/stat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSparkline, DouStatistic } from 'dou-ui'\nimport { computed } from 'vue'\nimport { format, useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport { valueAt } from './shared'\nimport type { StatWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardStatWidget' })\n\nconst { props, data, size } = useDashboardWidget<StatWidgetProps>()\nconst messages = useDashboardMessages()\n\nconst value = computed(() => {\n  const { field, value: fixed } = props.value\n  if (!field) return fixed ?? null\n  const read = Number(valueAt(data.value, field))\n  return Number.isFinite(read) ? read : null\n})\nconst delta = computed(() => {\n  const read = props.value.delta ? Number(valueAt(data.value, props.value.delta)) : Number.NaN\n  return Number.isFinite(read) ? read : undefined\n})\nconst deltaText = computed(() => {\n  if (delta.value === undefined) return ''\n  const percent = `${delta.value > 0 ? '+' : ''}${(delta.value * 100).toFixed(1)}%`\n  return format(messages.value.deltaText, { value: percent })\n})\nconst points = computed(() => {\n  const list = props.value.trend ? valueAt(data.value, props.value.trend) : undefined\n  return Array.isArray(list) ? list.map(Number).filter(Number.isFinite) : []\n})\n/** The sparkline takes what the number leaves of the height, out to the card's edges. */\nconst sparkHeight = computed(() => Math.max(0, Math.floor(size.height.value - 56)))\n</script>\n\n<template>\n  <div class=\"dou-dashboard-stat\">\n    <DouStatistic\n      :value=\"value\"\n      :precision=\"props.precision\"\n      :prefix=\"props.prefix\"\n      :suffix=\"props.suffix\"\n      :trend=\"delta === undefined || delta === 0 ? undefined : delta > 0 ? 'up' : 'down'\"\n    >\n      <template v-if=\"deltaText\" #footer>{{ deltaText }}</template>\n    </DouStatistic>\n    <div v-if=\"points.length > 1 && sparkHeight >= 24\" class=\"dou-dashboard-stat__spark\">\n      <DouSparkline\n        :data=\"points\"\n        type=\"area\"\n        smooth\n        :width=\"size.width.value + 32\"\n        :height=\"sparkHeight\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,MAAM,EAAE,OAAO,MAAM,SAAS,mBAAoC;EAClE,MAAM,WAAW,qBAAqB;EAEtC,MAAM,QAAQ,eAAe;GAC3B,MAAM,EAAE,OAAO,OAAO,UAAU,MAAM;GACtC,IAAI,CAAC,OAAO,OAAO,SAAS;GAC5B,MAAM,OAAO,OAAO,QAAQ,KAAK,OAAO,KAAK,CAAC;GAC9C,OAAO,OAAO,SAAS,IAAI,IAAI,OAAO;EACxC,CAAC;EACD,MAAM,QAAQ,eAAe;GAC3B,MAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,QAAQ,KAAK,OAAO,MAAM,MAAM,KAAK,CAAC,IAAI;GAClF,OAAO,OAAO,SAAS,IAAI,IAAI,OAAO,KAAA;EACxC,CAAC;EACD,MAAM,YAAY,eAAe;GAC/B,IAAI,MAAM,UAAU,KAAA,GAAW,OAAO;GACtC,MAAM,UAAU,GAAG,MAAM,QAAQ,IAAI,MAAM,MAAM,MAAM,QAAQ,IAAA,CAAK,QAAQ,CAAC,EAAE;GAC/E,OAAO,OAAO,SAAS,MAAM,WAAW,EAAE,OAAO,QAAQ,CAAC;EAC5D,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,MAAM,OAAO,MAAM,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,MAAM,KAAK,IAAI,KAAA;GAC1E,OAAO,MAAM,QAAQ,IAAI,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,OAAO,OAAO,QAAQ,IAAI,CAAC;EAC3E,CAAC;;EAED,MAAM,cAAc,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,OAAO,QAAQ,EAAE,CAAC,CAAC;;GAIhF,OAAAA,UAAA,GAAAC,mBAmBM,OAnBN,YAmBM,CAlBJC,YAQeC,MAAA,YAAA,GAAA;IAPZ,OAAO,MAAA;IACP,WAAWA,MAAA,KAAA,CAAK,CAAC;IACjB,QAAQA,MAAA,KAAA,CAAK,CAAC;IACd,QAAQA,MAAA,KAAA,CAAK,CAAC;IACd,OAAO,MAAA,UAAU,KAAA,KAAa,MAAA,UAAK,IAAS,KAAA,IAAY,MAAA,QAAK,IAAA,OAAA;G,0BAE9C,UAAA,Q;IAAY,MAAA;IAAO,IAAAE,cAAe,CAAZC,gBAAAC,gBAAA,UAAA,KAAS,GAAA,CAAA,C;;;;;;;;G,IAEtC,OAAA,MAAO,SAAM,KAAQ,YAAA,SAAW,MAA3CP,UAAA,GAAAC,mBAQM,OARN,YAQM,CAPJC,YAMEC,MAAA,YAAA,GAAA;IALC,MAAM,OAAA;IACP,MAAK;IACL,QAAA;IACC,OAAOA,MAAA,IAAA,CAAI,CAAC,MAAM,QAAK;IACvB,QAAQ,YAAA"}

package/dist/widgets/table-settings.js

@@ -0,0 +1,6 @@
+import table_settings_vue_vue_type_script_setup_true_lang_default from "./table-settings.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/table-settings.vue
+var table_settings_default = table_settings_vue_vue_type_script_setup_true_lang_default;
+export { table_settings_default as default };
+
+//# sourceMappingURL=table-settings.js.map

package/dist/widgets/table-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-settings.js","names":["_sfc_main"],"sources":["../../src/widgets/table-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouCheckbox, DouInput } from 'dou-ui'\nimport { computed } from 'vue'\nimport { format, useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport SettingsField from './settings-field.vue'\nimport { fieldsOf, rowsOf } from './shared'\nimport SourceField from './source-field.vue'\nimport type { TableWidgetColumn, TableWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTableSettings' })\n\nconst model = defineModel<TableWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\n\n/** Every field of the rows, those shown first in their order. */\nconst fields = computed(() => {\n  const all = fieldsOf(rowsOf(data.value, model.value.path))\n  const shown = model.value.columns?.map((column) => column.key) ?? all\n  return [...shown, ...all.filter((key) => !shown.includes(key))]\n})\nconst columns = computed<TableWidgetColumn[]>(\n  () =>\n    model.value.columns ?? fieldsOf(rowsOf(data.value, model.value.path)).map((key) => ({ key })),\n)\nconst columnOf = (key: string) => columns.value.find((column) => column.key === key)\n\nfunction toggle(key: string, on: boolean) {\n  const next = on\n    ? [...columns.value, { key }]\n    : columns.value.filter((column) => column.key !== key)\n  model.value = { ...model.value, columns: next }\n}\n\nfunction retitle(key: string, title: string) {\n  const next = columns.value.map((column) =>\n    column.key === key ? { key, ...(title ? { title } : {}) } : column,\n  )\n  model.value = { ...model.value, columns: next }\n}\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField\n      :model-value=\"model.source\"\n      @update:model-value=\"(source) => (model = { ...model, source })\"\n    />\n    <SettingsField v-if=\"fields.length\" :label=\"messages.columns\">\n      <div class=\"dou-dashboard__columns\">\n        <div v-for=\"key in fields\" :key=\"key\" class=\"dou-dashboard__column\">\n          <DouCheckbox\n            :model-value=\"!!columnOf(key)\"\n            @update:model-value=\"(on) => toggle(key, !!on)\"\n          >\n            {{ key }}\n          </DouCheckbox>\n          <DouInput\n            v-if=\"columnOf(key)\"\n            size=\"sm\"\n            :model-value=\"columnOf(key)?.title ?? ''\"\n            :placeholder=\"key\"\n            :aria-label=\"format(messages.columnTitle, { field: key })\"\n            @update:model-value=\"(title) => retitle(key, title)\"\n          />\n        </div>\n      </div>\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":""}

package/dist/widgets/table-settings.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,90 @@
+import { format, useDashboardMessages } from "../locale.js";
+import { useDashboardWidget } from "../widget/context.js";
+import { fieldsOf, rowsOf } from "./shared.js";
+import settings_field_default from "./settings-field.js";
+import source_field_default from "./source-field.js";
+import { DouCheckbox, DouInput } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+// src/widgets/table-settings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-dashboard__settings" };
+var _hoisted_2 = { class: "dou-dashboard__columns" };
+var table_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardTableSettings",
+	__name: "table-settings",
+	props: {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const messages = useDashboardMessages();
+		const { data } = useDashboardWidget();
+		/** Every field of the rows, those shown first in their order. */
+		const fields = computed(() => {
+			const all = fieldsOf(rowsOf(data.value, model.value.path));
+			const shown = model.value.columns?.map((column) => column.key) ?? all;
+			return [...shown, ...all.filter((key) => !shown.includes(key))];
+		});
+		const columns = computed(() => model.value.columns ?? fieldsOf(rowsOf(data.value, model.value.path)).map((key) => ({ key })));
+		const columnOf = (key) => columns.value.find((column) => column.key === key);
+		function toggle(key, on) {
+			const next = on ? [...columns.value, { key }] : columns.value.filter((column) => column.key !== key);
+			model.value = {
+				...model.value,
+				columns: next
+			};
+		}
+		function retitle(key, title) {
+			const next = columns.value.map((column) => column.key === key ? {
+				key,
+				...title ? { title } : {}
+			} : column);
+			model.value = {
+				...model.value,
+				columns: next
+			};
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(source_field_default, {
+				"model-value": model.value.source,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (source) => model.value = {
+					...model.value,
+					source
+				})
+			}, null, 8, ["model-value"]), fields.value.length ? (openBlock(), createBlock(settings_field_default, {
+				key: 0,
+				label: unref(messages).columns
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(fields.value, (key) => {
+					return openBlock(), createElementBlock("div", {
+						key,
+						class: "dou-dashboard__column"
+					}, [createVNode(unref(DouCheckbox), {
+						"model-value": !!columnOf(key),
+						"onUpdate:modelValue": (on) => toggle(key, !!on)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(key), 1)]),
+						_: 2
+					}, 1032, ["model-value", "onUpdate:modelValue"]), columnOf(key) ? (openBlock(), createBlock(unref(DouInput), {
+						key: 0,
+						size: "sm",
+						"model-value": columnOf(key)?.title ?? "",
+						placeholder: key,
+						"aria-label": unref(format)(unref(messages).columnTitle, { field: key }),
+						"onUpdate:modelValue": (title) => retitle(key, title)
+					}, null, 8, [
+						"model-value",
+						"placeholder",
+						"aria-label",
+						"onUpdate:modelValue"
+					])) : createCommentVNode("", true)]);
+				}), 128))])]),
+				_: 1
+			}, 8, ["label"])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { table_settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=table-settings.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/table-settings.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-settings.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","SourceField","_createBlock","SettingsField","_unref","_withCtx","_createElementVNode","_Fragment","_renderList","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../src/widgets/table-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouCheckbox, DouInput } from 'dou-ui'\nimport { computed } from 'vue'\nimport { format, useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport SettingsField from './settings-field.vue'\nimport { fieldsOf, rowsOf } from './shared'\nimport SourceField from './source-field.vue'\nimport type { TableWidgetColumn, TableWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTableSettings' })\n\nconst model = defineModel<TableWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\n\n/** Every field of the rows, those shown first in their order. */\nconst fields = computed(() => {\n  const all = fieldsOf(rowsOf(data.value, model.value.path))\n  const shown = model.value.columns?.map((column) => column.key) ?? all\n  return [...shown, ...all.filter((key) => !shown.includes(key))]\n})\nconst columns = computed<TableWidgetColumn[]>(\n  () =>\n    model.value.columns ?? fieldsOf(rowsOf(data.value, model.value.path)).map((key) => ({ key })),\n)\nconst columnOf = (key: string) => columns.value.find((column) => column.key === key)\n\nfunction toggle(key: string, on: boolean) {\n  const next = on\n    ? [...columns.value, { key }]\n    : columns.value.filter((column) => column.key !== key)\n  model.value = { ...model.value, columns: next }\n}\n\nfunction retitle(key: string, title: string) {\n  const next = columns.value.map((column) =>\n    column.key === key ? { key, ...(title ? { title } : {}) } : column,\n  )\n  model.value = { ...model.value, columns: next }\n}\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField\n      :model-value=\"model.source\"\n      @update:model-value=\"(source) => (model = { ...model, source })\"\n    />\n    <SettingsField v-if=\"fields.length\" :label=\"messages.columns\">\n      <div class=\"dou-dashboard__columns\">\n        <div v-for=\"key in fields\" :key=\"key\" class=\"dou-dashboard__column\">\n          <DouCheckbox\n            :model-value=\"!!columnOf(key)\"\n            @update:model-value=\"(on) => toggle(key, !!on)\"\n          >\n            {{ key }}\n          </DouCheckbox>\n          <DouInput\n            v-if=\"columnOf(key)\"\n            size=\"sm\"\n            :model-value=\"columnOf(key)?.title ?? ''\"\n            :placeholder=\"key\"\n            :aria-label=\"format(messages.columnTitle, { field: key })\"\n            @update:model-value=\"(title) => retitle(key, title)\"\n          />\n        </div>\n      </div>\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQA,SAA6B,SAAA,YAAmB;EAC9D,MAAM,WAAW,qBAAqB;EACtC,MAAM,EAAE,SAAS,mBAAmB;;EAGpC,MAAM,SAAS,eAAe;GAC5B,MAAM,MAAM,SAAS,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,CAAC;GACzD,MAAM,QAAQ,MAAM,MAAM,SAAS,KAAK,WAAW,OAAO,GAAG,KAAK;GAClE,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,QAAQ,QAAQ,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;EAChE,CAAC;EACD,MAAM,UAAU,eAEZ,MAAM,MAAM,WAAW,SAAS,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,IAAI,EAAE,CAChG;EACA,MAAM,YAAY,QAAgB,QAAQ,MAAM,MAAM,WAAW,OAAO,QAAQ,GAAG;EAEnF,SAAS,OAAO,KAAa,IAAa;GACxC,MAAM,OAAO,KACT,CAAC,GAAG,QAAQ,OAAO,EAAE,IAAI,CAAC,IAC1B,QAAQ,MAAM,QAAQ,WAAW,OAAO,QAAQ,GAAG;GACvD,MAAM,QAAQ;IAAE,GAAG,MAAM;IAAO,SAAS;GAAK;EAChD;EAEA,SAAS,QAAQ,KAAa,OAAe;GAC3C,MAAM,OAAO,QAAQ,MAAM,KAAK,WAC9B,OAAO,QAAQ,MAAM;IAAE;IAAK,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GAAG,IAAI,MAC9D;GACA,MAAM,QAAQ;IAAE,GAAG,MAAM;IAAO,SAAS;GAAK;EAChD;;GAIE,OAAAC,UAAA,GAAAC,mBAyBM,OAzBN,YAyBM,CAxBJC,YAGEC,sBAAA;IAFC,eAAa,MAAA,MAAM;IACnB,uBAAkB,OAAA,OAAA,OAAA,MAAG,WAAY,MAAA,QAAK;KAAA,GAAQ,MAAA;KAAO;IAAM;G,8BAEzC,OAAA,MAAO,UAA5BH,UAAA,GAAAI,YAmBgBC,wBAAA;;IAnBqB,OAAOC,MAAA,QAAA,CAAQ,CAAC;;IACnD,SAAAC,cAiBM,CAjBNC,mBAiBM,OAjBN,YAiBM,EAhBJR,UAAA,IAAA,GAAAC,mBAeMQ,UAAA,MAAAC,WAfa,OAAA,QAAP,QAAG;KAAf,OAAAV,UAAA,GAAAC,mBAeM,OAAA;MAf2B;MAAK,OAAM;K,IAC1CC,YAKcI,MAAA,WAAA,GAAA;MAJX,eAAW,CAAA,CAAI,SAAS,GAAG;MAC3B,wBAAqB,OAAO,OAAO,KAAG,CAAA,CAAI,EAAE;;MAE7C,SAAAC,cAAS,CAANI,gBAAAC,gBAAA,GAAG,GAAA,CAAA,C;;K,kDAGA,SAAS,GAAG,KADpBZ,UAAA,GAAAI,YAOEE,MAAA,QAAA,GAAA;;MALA,MAAK;MACJ,eAAa,SAAS,GAAG,CAAA,EAAG,SAAK;MACjC,aAAa;MACb,cAAYA,MAAA,MAAA,CAAM,CAACA,MAAA,QAAA,CAAQ,CAAC,aAAW,EAAA,OAAW,IAAG,CAAA;MACrD,wBAAqB,UAAU,QAAQ,KAAK,KAAK"}

package/dist/widgets/table.js

@@ -0,0 +1,6 @@
+import table_vue_vue_type_script_setup_true_lang_default from "./table.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/table.vue
+var table_default = table_vue_vue_type_script_setup_true_lang_default;
+export { table_default as default };
+
+//# sourceMappingURL=table.js.map

package/dist/widgets/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["_sfc_main"],"sources":["../../src/widgets/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouTable } from 'dou-ui'\nimport type { TableColumn } from 'dou-ui'\nimport { computed, onMounted, ref } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { fieldsOf, rowsToWorkbook, rowsOf } from './shared'\nimport type { TableWidgetColumn, TableWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTableWidget' })\n\nconst { props, data, size, setWorkbook } = useDashboardWidget<TableWidgetProps>()\nconst rows = computed(() => rowsOf(data.value, props.value.path))\n/** Each row's key: its `rowKey` field, or its place in the list. */\nconst keys = computed(() => {\n  const map = new WeakMap<object, string | number>()\n  const field = props.value.rowKey\n  rows.value.forEach((row, index) => map.set(row, field ? (row[field] as string | number) : index))\n  return map\n})\nconst rowKey = (row: Record<string, unknown>) => keys.value.get(row) ?? ''\nconst number = new Intl.NumberFormat()\n/** The table's font, read once it is on the page, to measure texts with. */\nconst root = ref<{ $el: Element }>()\nconst font = ref('')\nonMounted(() => {\n  const cell = root.value?.$el.querySelector('td, th')\n  if (cell) font.value = getComputedStyle(cell).font\n})\nlet context: CanvasRenderingContext2D | null | undefined\n/** How wide a text is in the table's font, or about how wide before it is known. */\nfunction textWidth(text: string) {\n  context ??=\n    typeof document === 'undefined' ? null : document.createElement('canvas').getContext('2d')\n  if (context && font.value) {\n    context.font = font.value\n    return context.measureText(text).width\n  }\n  let width = 0\n  for (const char of text) width += char.charCodeAt(0) > 0x2e7f ? 14 : 8.5\n  return width\n}\n/** Room for the title and the first rows' texts, with the cell's padding; up to 240px. */\nfunction minWidthOf(title: string, texts: unknown[]) {\n  let widest = textWidth(title)\n  for (const text of texts) widest = Math.max(widest, textWidth(String(text ?? '')))\n  return Math.min(240, Math.ceil(widest) + 28)\n}\nconst columns = computed<TableColumn[]>(() => {\n  const first = rows.value[0]\n  const list: TableWidgetColumn[] =\n    props.value.columns ?? fieldsOf(rows.value).map((key) => ({ key }))\n  return list.map(({ key, title }) => {\n    const numeric = typeof first?.[key] === 'number'\n    // numbers with digit groups, as in the stat widget\n    const value = numeric\n      ? (row: Record<string, unknown>) =>\n          typeof row[key] === 'number' ? number.format(row[key] as number) : row[key]\n      : undefined\n    const sample = rows.value.slice(0, 20).map((row) => (value ? value(row) : row[key]))\n    const least = minWidthOf(title || key, sample)\n    return {\n      key,\n      title: title || key,\n      align: numeric ? 'end' : undefined,\n      ellipsis: true,\n      // shares of the width follow the contents; never narrower than them\n      width: least,\n      minWidth: least,\n      value,\n    }\n  })\n})\n// the export menu writes the rows as they are, numbers without digit groups\nsetWorkbook(() =>\n  rowsToWorkbook(\n    '',\n    columns.value.map((column) => ({\n      key: column.key as string,\n      title: String(column.title),\n      width: typeof column.width === 'number' ? column.width : undefined,\n    })),\n    rows.value,\n  ),\n)\n</script>\n\n<template>\n  <DouTable\n    ref=\"root\"\n    class=\"dou-dashboard-table\"\n    :data=\"rows\"\n    :columns=\"columns\"\n    :row-key=\"rowKey\"\n    size=\"sm\"\n    :max-height=\"size.height.value || undefined\"\n    :virtual=\"rows.length > 100\"\n  />\n</template>\n"],"mappings":""}

package/dist/widgets/table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { useDashboardWidget } from "../widget/context.js";
+import { fieldsOf, rowsOf, rowsToWorkbook } from "./shared.js";
+import { DouTable } from "dou-ui";
+import { computed, createBlock, defineComponent, onMounted, openBlock, ref, unref } from "vue";
+// src/widgets/table.vue?vue&type=script&setup=true&lang.ts
+var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardTableWidget",
+	__name: "table",
+	setup(__props) {
+		const { props, data, size, setWorkbook } = useDashboardWidget();
+		const rows = computed(() => rowsOf(data.value, props.value.path));
+		/** Each row's key: its `rowKey` field, or its place in the list. */
+		const keys = computed(() => {
+			const map = /* @__PURE__ */ new WeakMap();
+			const field = props.value.rowKey;
+			rows.value.forEach((row, index) => map.set(row, field ? row[field] : index));
+			return map;
+		});
+		const rowKey = (row) => keys.value.get(row) ?? "";
+		const number = new Intl.NumberFormat();
+		/** The table's font, read once it is on the page, to measure texts with. */
+		const root = ref();
+		const font = ref("");
+		onMounted(() => {
+			const cell = root.value?.$el.querySelector("td, th");
+			if (cell) font.value = getComputedStyle(cell).font;
+		});
+		let context;
+		/** How wide a text is in the table's font, or about how wide before it is known. */
+		function textWidth(text) {
+			context ??= typeof document === "undefined" ? null : document.createElement("canvas").getContext("2d");
+			if (context && font.value) {
+				context.font = font.value;
+				return context.measureText(text).width;
+			}
+			let width = 0;
+			for (const char of text) width += char.charCodeAt(0) > 11903 ? 14 : 8.5;
+			return width;
+		}
+		/** Room for the title and the first rows' texts, with the cell's padding; up to 240px. */
+		function minWidthOf(title, texts) {
+			let widest = textWidth(title);
+			for (const text of texts) widest = Math.max(widest, textWidth(String(text ?? "")));
+			return Math.min(240, Math.ceil(widest) + 28);
+		}
+		const columns = computed(() => {
+			const first = rows.value[0];
+			return (props.value.columns ?? fieldsOf(rows.value).map((key) => ({ key }))).map(({ key, title }) => {
+				const numeric = typeof first?.[key] === "number";
+				const value = numeric ? (row) => typeof row[key] === "number" ? number.format(row[key]) : row[key] : void 0;
+				const sample = rows.value.slice(0, 20).map((row) => value ? value(row) : row[key]);
+				const least = minWidthOf(title || key, sample);
+				return {
+					key,
+					title: title || key,
+					align: numeric ? "end" : void 0,
+					ellipsis: true,
+					width: least,
+					minWidth: least,
+					value
+				};
+			});
+		});
+		setWorkbook(() => rowsToWorkbook("", columns.value.map((column) => ({
+			key: column.key,
+			title: String(column.title),
+			width: typeof column.width === "number" ? column.width : void 0
+		})), rows.value));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DouTable), {
+				ref_key: "root",
+				ref: root,
+				class: "dou-dashboard-table",
+				data: rows.value,
+				columns: columns.value,
+				"row-key": rowKey,
+				size: "sm",
+				"max-height": unref(size).height.value || void 0,
+				virtual: rows.value.length > 100
+			}, null, 8, [
+				"data",
+				"columns",
+				"max-height",
+				"virtual"
+			]);
+		};
+	}
+});
+export { table_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=table.vue_vue_type_script_setup_true_lang.js.map