@dou-ui/dashboard 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/chart/chart-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-settings.js","names":["_sfc_main"],"sources":["../../src/chart/chart-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouSegmentedControl, DouSwitch } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from '../widgets/field-select.vue'\nimport SettingsField from '../widgets/settings-field.vue'\nimport { fieldsOf, numberFieldsOf, rowsOf } from '../widgets/shared'\nimport SourceField from '../widgets/source-field.vue'\nimport type { ChartWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardChartSettings' })\n\nconst model = defineModel<ChartWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst rows = computed(() => rowsOf(data.value, model.value.path))\nconst set = (patch: Partial<ChartWidgetProps>) => (model.value = { ...model.value, ...patch })\nconst kind = computed(() => model.value.kind ?? 'line')\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField :model-value=\"model.source\" @update:model-value=\"(source) => set({ source })\" />\n    <SettingsField :label=\"messages.chartKind\">\n      <DouSegmentedControl\n        :model-value=\"kind\"\n        :options=\"[\n          { value: 'line', label: messages.chartLine },\n          { value: 'area', label: messages.chartArea },\n          { value: 'bar', label: messages.chartBar },\n          { value: 'pie', label: messages.chartPie },\n        ]\"\n        :aria-label=\"messages.chartKind\"\n        @update:model-value=\"(value) => set({ kind: value as ChartWidgetProps['kind'] })\"\n      />\n    </SettingsField>\n    <FieldSelect\n      :model-value=\"model.x\"\n      :label=\"messages.xField\"\n      :fields=\"fieldsOf(rows)\"\n      @update:model-value=\"(x) => set({ x: x as string | undefined })\"\n    />\n    <FieldSelect\n      :model-value=\"kind === 'pie' ? (model.y ?? []).slice(0, 1) : model.y\"\n      :label=\"messages.yFields\"\n      :fields=\"numberFieldsOf(rows)\"\n      :multiple=\"kind !== 'pie'\"\n      @update:model-value=\"\n        (y) => set({ y: y === undefined ? undefined : Array.isArray(y) ? y : [y] })\n      \"\n    />\n    <div v-if=\"kind === 'bar' || kind === 'area'\" class=\"dou-dashboard__field-row\">\n      <DouSwitch\n        :model-value=\"!!model.stacked\"\n        @update:model-value=\"(stacked) => set({ stacked: stacked || undefined })\"\n      >\n        {{ messages.stacked }}\n      </DouSwitch>\n      <DouSwitch\n        v-if=\"kind === 'bar'\"\n        :model-value=\"!!model.horizontal\"\n        @update:model-value=\"(horizontal) => set({ horizontal: horizontal || undefined })\"\n      >\n        {{ messages.horizontal }}\n      </DouSwitch>\n    </div>\n    <SettingsField :label=\"messages.chartFilter\" :hint=\"messages.chartFilterHint\">\n      <DouInput\n        :model-value=\"model.filter ?? ''\"\n        :aria-label=\"messages.chartFilter\"\n        @update:model-value=\"(key) => set({ filter: key.trim() || undefined })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chart-settings.js","names":["_sfc_main"],"sources":["../../src/chart/chart-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouSegmentedControl, DouSwitch } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from '../widgets/field-select.vue'\nimport SettingsField from '../widgets/settings-field.vue'\nimport { fieldsOf, numberFieldsOf, rowsOf } from '../widgets/shared'\nimport SourceField from '../widgets/source-field.vue'\nimport type { ChartWidgetProps } from './types'\nimport { chartPropsOf } from './read-props'\n\ndefineOptions({ name: 'DouDashboardChartSettings' })\n\nconst model = defineModel<ChartWidgetProps>({ required: true })\n// the props as saved may have the wrong types: read them as the widget does\nconst view = computed(() => chartPropsOf(model.value as Record<string, unknown>))\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst rows = computed(() => rowsOf(data.value, view.value.path))\nconst set = (patch: Partial<ChartWidgetProps>) => (model.value = { ...model.value, ...patch })\nconst kind = computed(() => view.value.kind ?? 'line')\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField :model-value=\"view.source\" @update:model-value=\"(source) => set({ source })\" />\n    <SettingsField :label=\"messages.chartKind\">\n      <DouSegmentedControl\n        :model-value=\"kind\"\n        :options=\"[\n          { value: 'line', label: messages.chartLine },\n          { value: 'area', label: messages.chartArea },\n          { value: 'bar', label: messages.chartBar },\n          { value: 'pie', label: messages.chartPie },\n        ]\"\n        :aria-label=\"messages.chartKind\"\n        @update:model-value=\"(value) => set({ kind: value as ChartWidgetProps['kind'] })\"\n      />\n    </SettingsField>\n    <FieldSelect\n      :model-value=\"view.x\"\n      :label=\"messages.xField\"\n      :fields=\"fieldsOf(rows)\"\n      @update:model-value=\"(x) => set({ x: x as string | undefined })\"\n    />\n    <FieldSelect\n      :model-value=\"kind === 'pie' ? (view.y ?? []).slice(0, 1) : view.y\"\n      :label=\"messages.yFields\"\n      :fields=\"numberFieldsOf(rows)\"\n      :multiple=\"kind !== 'pie'\"\n      @update:model-value=\"\n        (y) => set({ y: y === undefined ? undefined : Array.isArray(y) ? y : [y] })\n      \"\n    />\n    <div v-if=\"kind === 'bar' || kind === 'area'\" class=\"dou-dashboard__field-row\">\n      <DouSwitch\n        :model-value=\"!!view.stacked\"\n        @update:model-value=\"(stacked) => set({ stacked: stacked || undefined })\"\n      >\n        {{ messages.stacked }}\n      </DouSwitch>\n      <DouSwitch\n        v-if=\"kind === 'bar'\"\n        :model-value=\"!!view.horizontal\"\n        @update:model-value=\"(horizontal) => set({ horizontal: horizontal || undefined })\"\n      >\n        {{ messages.horizontal }}\n      </DouSwitch>\n    </div>\n    <SettingsField :label=\"messages.chartFilter\" :hint=\"messages.chartFilterHint\">\n      <DouInput\n        :model-value=\"view.filter ?? ''\"\n        :aria-label=\"messages.chartFilter\"\n        @update:model-value=\"(key) => set({ filter: key.trim() || undefined })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":""}

package/dist/chart/chart-settings.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { fieldsOf, numberFieldsOf, rowsOf } from "../widgets/shared.js";
 import settings_field_default from "../widgets/settings-field.js";
 import field_select_default from "../widgets/field-select.js";
 import source_field_default from "../widgets/source-field.js";
+import { chartPropsOf } from "./read-props.js";
 import { DouInput, DouSegmentedControl, DouSwitch } from "dou-ui";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
 // src/chart/chart-settings.vue?vue&type=script&setup=true&lang.ts
@@ -22,18 +23,19 @@ var chart_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
+		const view = computed(() => chartPropsOf(model.value));
 		const messages = useDashboardMessages();
 		const { data } = useDashboardWidget();
-		const rows = computed(() => rowsOf(data.value, model.value.path));
+		const rows = computed(() => rowsOf(data.value, view.value.path));
 		const set = (patch) => model.value = {
 			...model.value,
 			...patch
 		};
-		const kind = computed(() => model.value.kind ?? "line");
+		const kind = computed(() => view.value.kind ?? "line");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(source_field_default, {
-					"model-value": model.value.source,
+					"model-value": view.value.source,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = (source) => set({ source }))
 				}, null, 8, ["model-value"]),
 				createVNode(settings_field_default, { label: unref(messages).chartKind }, {
@@ -67,7 +69,7 @@ var chart_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					_: 1
 				}, 8, ["label"]),
 				createVNode(field_select_default, {
-					"model-value": model.value.x,
+					"model-value": view.value.x,
 					label: unref(messages).xField,
 					fields: unref(fieldsOf)(rows.value),
 					"onUpdate:modelValue": _cache[2] || (_cache[2] = (x) => set({ x }))
@@ -77,7 +79,7 @@ var chart_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					"fields"
 				]),
 				createVNode(field_select_default, {
-					"model-value": kind.value === "pie" ? (model.value.y ?? []).slice(0, 1) : model.value.y,
+					"model-value": kind.value === "pie" ? (view.value.y ?? []).slice(0, 1) : view.value.y,
 					label: unref(messages).yFields,
 					fields: unref(numberFieldsOf)(rows.value),
 					multiple: kind.value !== "pie",
@@ -89,14 +91,14 @@ var chart_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					"multiple"
 				]),
 				kind.value === "bar" || kind.value === "area" ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(DouSwitch), {
-					"model-value": !!model.value.stacked,
+					"model-value": !!view.value.stacked,
 					"onUpdate:modelValue": _cache[4] || (_cache[4] = (stacked) => set({ stacked: stacked || void 0 }))
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).stacked), 1)]),
 					_: 1
 				}, 8, ["model-value"]), kind.value === "bar" ? (openBlock(), createBlock(unref(DouSwitch), {
 					key: 0,
-					"model-value": !!model.value.horizontal,
+					"model-value": !!view.value.horizontal,
 					"onUpdate:modelValue": _cache[5] || (_cache[5] = (horizontal) => set({ horizontal: horizontal || void 0 }))
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).horizontal), 1)]),
@@ -107,7 +109,7 @@ var chart_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					hint: unref(messages).chartFilterHint
 				}, {
 					default: withCtx(() => [createVNode(unref(DouInput), {
-						"model-value": model.value.filter ?? "",
+						"model-value": view.value.filter ?? "",
 						"aria-label": unref(messages).chartFilter,
 						"onUpdate:modelValue": _cache[6] || (_cache[6] = (key) => set({ filter: key.trim() || void 0 }))
 					}, null, 8, ["model-value", "aria-label"])]),

package/dist/chart/chart-settings.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-settings.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","SourceField","SettingsField","_unref","_withCtx","FieldSelect","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode"],"sources":["../../src/chart/chart-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouSegmentedControl, DouSwitch } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from '../widgets/field-select.vue'\nimport SettingsField from '../widgets/settings-field.vue'\nimport { fieldsOf, numberFieldsOf, rowsOf } from '../widgets/shared'\nimport SourceField from '../widgets/source-field.vue'\nimport type { ChartWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardChartSettings' })\n\nconst model = defineModel<ChartWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst rows = computed(() => rowsOf(data.value, model.value.path))\nconst set = (patch: Partial<ChartWidgetProps>) => (model.value = { ...model.value, ...patch })\nconst kind = computed(() => model.value.kind ?? 'line')\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField :model-value=\"model.source\" @update:model-value=\"(source) => set({ source })\" />\n    <SettingsField :label=\"messages.chartKind\">\n      <DouSegmentedControl\n        :model-value=\"kind\"\n        :options=\"[\n          { value: 'line', label: messages.chartLine },\n          { value: 'area', label: messages.chartArea },\n          { value: 'bar', label: messages.chartBar },\n          { value: 'pie', label: messages.chartPie },\n        ]\"\n        :aria-label=\"messages.chartKind\"\n        @update:model-value=\"(value) => set({ kind: value as ChartWidgetProps['kind'] })\"\n      />\n    </SettingsField>\n    <FieldSelect\n      :model-value=\"model.x\"\n      :label=\"messages.xField\"\n      :fields=\"fieldsOf(rows)\"\n      @update:model-value=\"(x) => set({ x: x as string | undefined })\"\n    />\n    <FieldSelect\n      :model-value=\"kind === 'pie' ? (model.y ?? []).slice(0, 1) : model.y\"\n      :label=\"messages.yFields\"\n      :fields=\"numberFieldsOf(rows)\"\n      :multiple=\"kind !== 'pie'\"\n      @update:model-value=\"\n        (y) => set({ y: y === undefined ? undefined : Array.isArray(y) ? y : [y] })\n      \"\n    />\n    <div v-if=\"kind === 'bar' || kind === 'area'\" class=\"dou-dashboard__field-row\">\n      <DouSwitch\n        :model-value=\"!!model.stacked\"\n        @update:model-value=\"(stacked) => set({ stacked: stacked || undefined })\"\n      >\n        {{ messages.stacked }}\n      </DouSwitch>\n      <DouSwitch\n        v-if=\"kind === 'bar'\"\n        :model-value=\"!!model.horizontal\"\n        @update:model-value=\"(horizontal) => set({ horizontal: horizontal || undefined })\"\n      >\n        {{ messages.horizontal }}\n      </DouSwitch>\n    </div>\n    <SettingsField :label=\"messages.chartFilter\" :hint=\"messages.chartFilterHint\">\n      <DouInput\n        :model-value=\"model.filter ?? ''\"\n        :aria-label=\"messages.chartFilter\"\n        @update:model-value=\"(key) => set({ filter: key.trim() || undefined })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chart-settings.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","SourceField","SettingsField","_unref","_withCtx","FieldSelect","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode"],"sources":["../../src/chart/chart-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouInput, DouSegmentedControl, DouSwitch } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useDashboardMessages } from '../locale'\nimport { useDashboardWidget } from '../widget/context'\nimport FieldSelect from '../widgets/field-select.vue'\nimport SettingsField from '../widgets/settings-field.vue'\nimport { fieldsOf, numberFieldsOf, rowsOf } from '../widgets/shared'\nimport SourceField from '../widgets/source-field.vue'\nimport type { ChartWidgetProps } from './types'\nimport { chartPropsOf } from './read-props'\n\ndefineOptions({ name: 'DouDashboardChartSettings' })\n\nconst model = defineModel<ChartWidgetProps>({ required: true })\n// the props as saved may have the wrong types: read them as the widget does\nconst view = computed(() => chartPropsOf(model.value as Record<string, unknown>))\nconst messages = useDashboardMessages()\nconst { data } = useDashboardWidget()\nconst rows = computed(() => rowsOf(data.value, view.value.path))\nconst set = (patch: Partial<ChartWidgetProps>) => (model.value = { ...model.value, ...patch })\nconst kind = computed(() => view.value.kind ?? 'line')\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SourceField :model-value=\"view.source\" @update:model-value=\"(source) => set({ source })\" />\n    <SettingsField :label=\"messages.chartKind\">\n      <DouSegmentedControl\n        :model-value=\"kind\"\n        :options=\"[\n          { value: 'line', label: messages.chartLine },\n          { value: 'area', label: messages.chartArea },\n          { value: 'bar', label: messages.chartBar },\n          { value: 'pie', label: messages.chartPie },\n        ]\"\n        :aria-label=\"messages.chartKind\"\n        @update:model-value=\"(value) => set({ kind: value as ChartWidgetProps['kind'] })\"\n      />\n    </SettingsField>\n    <FieldSelect\n      :model-value=\"view.x\"\n      :label=\"messages.xField\"\n      :fields=\"fieldsOf(rows)\"\n      @update:model-value=\"(x) => set({ x: x as string | undefined })\"\n    />\n    <FieldSelect\n      :model-value=\"kind === 'pie' ? (view.y ?? []).slice(0, 1) : view.y\"\n      :label=\"messages.yFields\"\n      :fields=\"numberFieldsOf(rows)\"\n      :multiple=\"kind !== 'pie'\"\n      @update:model-value=\"\n        (y) => set({ y: y === undefined ? undefined : Array.isArray(y) ? y : [y] })\n      \"\n    />\n    <div v-if=\"kind === 'bar' || kind === 'area'\" class=\"dou-dashboard__field-row\">\n      <DouSwitch\n        :model-value=\"!!view.stacked\"\n        @update:model-value=\"(stacked) => set({ stacked: stacked || undefined })\"\n      >\n        {{ messages.stacked }}\n      </DouSwitch>\n      <DouSwitch\n        v-if=\"kind === 'bar'\"\n        :model-value=\"!!view.horizontal\"\n        @update:model-value=\"(horizontal) => set({ horizontal: horizontal || undefined })\"\n      >\n        {{ messages.horizontal }}\n      </DouSwitch>\n    </div>\n    <SettingsField :label=\"messages.chartFilter\" :hint=\"messages.chartFilterHint\">\n      <DouInput\n        :model-value=\"view.filter ?? ''\"\n        :aria-label=\"messages.chartFilter\"\n        @update:model-value=\"(key) => set({ filter: key.trim() || undefined })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/chart/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":["_sfc_main"],"sources":["../../src/chart/chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouChart,\n  DouChartArea,\n  DouChartBar,\n  DouChartLine,\n  DouChartPie,\n  DouChartTooltip,\n} from '@dou-ui/chart'\nimport type { ChartPointEvent } from '@dou-ui/chart'\nimport { computed, watch } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { filterValueOf, rowsOf, rowsToWorkbook } from '../widgets/shared'\nimport type { ChartWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardChartWidget' })\n\nconst { props, data, size, setFilter, ownFilters, widget, setWorkbook } =\n  useDashboardWidget<ChartWidgetProps>()\nconst rows = computed(() => rowsOf(data.value, props.value.path))\nconst kind = computed(() => props.value.kind ?? 'line')\nconst ys = computed(() => props.value.y ?? [])\nconst nameOf = (key: string) => props.value.labels?.[key] ?? key\n/** The x this widget filters by, if any: the other bars fade. */\nconst picked = computed(() =>\n  props.value.filter ? ownFilters.value[props.value.filter] : undefined,\n)\n/** Bars other than the picked one turn gray; a new function when the pick changes, so they draw again. */\nconst barColor = computed(() => {\n  const value = picked.value\n  const x = props.value.x ?? ''\n  if (!props.value.filter || value === undefined) return undefined\n  return (row: Record<string, unknown>) =>\n    filterValueOf(row[x]) === value ? undefined : 'var(--dou-color-border-strong)'\n})\n\n// the export menu writes the chart's data: a column for x, one for each series;\n// a chart without its fields has no menu\nconst seriesKeys = computed(() => (kind.value === 'pie' ? ys.value.slice(0, 1) : ys.value))\nconst exportable = computed(() => !!props.value.x && seriesKeys.value.length > 0)\nwatch(\n  exportable,\n  (ok) =>\n    setWorkbook(\n      ok\n        ? () => {\n            const x = props.value.x!\n            return rowsToWorkbook(\n              '',\n              [\n                { key: x, title: nameOf(x) },\n                ...seriesKeys.value.map((key) => ({ key, title: nameOf(key) })),\n              ],\n              rows.value,\n            )\n          }\n        : null,\n    ),\n  { immediate: true },\n)\n\nfunction onSelect(event: ChartPointEvent) {\n  const key = props.value.filter\n  if (!key) return\n  const value = filterValueOf(event.x)\n  if (value === picked.value) setFilter(key, undefined)\n  else setFilter(key, value, { label: event.title ?? String(value) })\n}\n</script>\n\n<template>\n  <DouChart\n    class=\"dou-dashboard-chart\"\n    :data=\"rows\"\n    :x=\"props.x\"\n    :height=\"size.height.value || 160\"\n    :horizontal=\"kind === 'bar' && props.horizontal\"\n    :legend=\"kind === 'pie' || ys.length > 1\"\n    :aria-label=\"widget.title\"\n    v-on=\"props.filter ? { select: onSelect } : {}\"\n  >\n    <DouChartPie\n      v-if=\"kind === 'pie'\"\n      :value=\"ys[0] ?? ''\"\n      :name=\"ys[0] ? nameOf(ys[0]) : undefined\"\n      :inner-radius=\"0.6\"\n    />\n    <template v-else>\n      <template v-for=\"y in ys\" :key=\"y\">\n        <DouChartBar\n          v-if=\"kind === 'bar'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n          :color=\"barColor\"\n        />\n        <DouChartArea\n          v-else-if=\"kind === 'area'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n        />\n        <DouChartLine v-else :y=\"y\" :name=\"nameOf(y)\" />\n      </template>\n    </template>\n    <DouChartTooltip />\n  </DouChart>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chart.js","names":["_sfc_main"],"sources":["../../src/chart/chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouChart,\n  DouChartArea,\n  DouChartBar,\n  DouChartLine,\n  DouChartPie,\n  DouChartTooltip,\n} from '@dou-ui/chart'\nimport type { ChartPointEvent } from '@dou-ui/chart'\nimport { computed, watch } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { filterValueOf, rowsOf, rowsToWorkbook } from '../widgets/shared'\nimport { chartPropsOf } from './read-props'\n\ndefineOptions({ name: 'DouDashboardChartWidget' })\n\nconst { props: raw, data, size, setFilter, ownFilters, widget, setWorkbook } = useDashboardWidget()\nconst props = computed(() => chartPropsOf(raw.value))\nconst rows = computed(() => rowsOf(data.value, props.value.path))\nconst kind = computed(() => props.value.kind ?? 'line')\nconst ys = computed(() => props.value.y ?? [])\nconst x = computed(() => props.value.x)\nconst filter = computed(() => props.value.filter)\nconst nameOf = (key: string) => props.value.labels?.[key] ?? key\n/** The x this widget filters by, if any: the other bars fade. */\nconst picked = computed(() => (filter.value ? ownFilters.value[filter.value] : undefined))\n/** Bars other than the picked one turn gray; a new function when the pick changes, so they draw again. */\nconst barColor = computed(() => {\n  const value = picked.value\n  const field = x.value ?? ''\n  if (!filter.value || value === undefined) return undefined\n  return (row: Record<string, unknown>) =>\n    filterValueOf(row[field]) === value ? undefined : 'var(--dou-color-border-strong)'\n})\n\n// the export menu writes the chart's data: a column for x, one for each series;\n// a chart without its fields has no menu\nconst seriesKeys = computed(() => (kind.value === 'pie' ? ys.value.slice(0, 1) : ys.value))\nconst exportable = computed(() => !!x.value && seriesKeys.value.length > 0)\nwatch(\n  exportable,\n  (ok) =>\n    setWorkbook(\n      ok\n        ? () => {\n            const field = x.value!\n            return rowsToWorkbook(\n              '',\n              [\n                { key: field, title: nameOf(field) },\n                ...seriesKeys.value.map((key) => ({ key, title: nameOf(key) })),\n              ],\n              rows.value,\n            )\n          }\n        : null,\n    ),\n  { immediate: true },\n)\n\nfunction onSelect(event: ChartPointEvent) {\n  const key = filter.value\n  if (!key) return\n  const value = filterValueOf(event.x)\n  if (value === picked.value) setFilter(key, undefined)\n  else setFilter(key, value, { label: event.title ?? String(value) })\n}\n</script>\n\n<template>\n  <DouChart\n    class=\"dou-dashboard-chart\"\n    :data=\"rows\"\n    :x=\"x\"\n    :height=\"size.height.value || 160\"\n    :horizontal=\"kind === 'bar' && props.horizontal\"\n    :legend=\"kind === 'pie' || ys.length > 1\"\n    :aria-label=\"widget.title\"\n    v-on=\"filter ? { select: onSelect } : {}\"\n  >\n    <DouChartPie\n      v-if=\"kind === 'pie'\"\n      :value=\"ys[0] ?? ''\"\n      :name=\"ys[0] ? nameOf(ys[0]) : undefined\"\n      :inner-radius=\"0.6\"\n    />\n    <template v-else>\n      <template v-for=\"y in ys\" :key=\"y\">\n        <DouChartBar\n          v-if=\"kind === 'bar'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n          :color=\"barColor\"\n        />\n        <DouChartArea\n          v-else-if=\"kind === 'area'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n        />\n        <DouChartLine v-else :y=\"y\" :name=\"nameOf(y)\" />\n      </template>\n    </template>\n    <DouChartTooltip />\n  </DouChart>\n</template>\n"],"mappings":""}

package/dist/chart/chart.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useDashboardWidget } from "../widget/context.js";
 import { filterValueOf, rowsOf, rowsToWorkbook } from "../widgets/shared.js";
+import { chartPropsOf } from "./read-props.js";
 import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderList, toHandlers, unref, watch, withCtx } from "vue";
 import { DouChart, DouChartArea, DouChartBar, DouChartLine, DouChartPie, DouChartTooltip } from "@dou-ui/chart";
 // src/chart/chart.vue?vue&type=script&setup=true&lang.ts
@@ -7,34 +8,37 @@ var chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 	name: "DouDashboardChartWidget",
 	__name: "chart",
 	setup(__props) {
-		const { props, data, size, setFilter, ownFilters, widget, setWorkbook } = useDashboardWidget();
+		const { props: raw, data, size, setFilter, ownFilters, widget, setWorkbook } = useDashboardWidget();
+		const props = computed(() => chartPropsOf(raw.value));
 		const rows = computed(() => rowsOf(data.value, props.value.path));
 		const kind = computed(() => props.value.kind ?? "line");
 		const ys = computed(() => props.value.y ?? []);
+		const x = computed(() => props.value.x);
+		const filter = computed(() => props.value.filter);
 		const nameOf = (key) => props.value.labels?.[key] ?? key;
 		/** The x this widget filters by, if any: the other bars fade. */
-		const picked = computed(() => props.value.filter ? ownFilters.value[props.value.filter] : void 0);
+		const picked = computed(() => filter.value ? ownFilters.value[filter.value] : void 0);
 		/** Bars other than the picked one turn gray; a new function when the pick changes, so they draw again. */
 		const barColor = computed(() => {
 			const value = picked.value;
-			const x = props.value.x ?? "";
-			if (!props.value.filter || value === void 0) return void 0;
-			return (row) => filterValueOf(row[x]) === value ? void 0 : "var(--dou-color-border-strong)";
+			const field = x.value ?? "";
+			if (!filter.value || value === void 0) return void 0;
+			return (row) => filterValueOf(row[field]) === value ? void 0 : "var(--dou-color-border-strong)";
 		});
 		const seriesKeys = computed(() => kind.value === "pie" ? ys.value.slice(0, 1) : ys.value);
-		const exportable = computed(() => !!props.value.x && seriesKeys.value.length > 0);
+		const exportable = computed(() => !!x.value && seriesKeys.value.length > 0);
 		watch(exportable, (ok) => setWorkbook(ok ? () => {
-			const x = props.value.x;
+			const field = x.value;
 			return rowsToWorkbook("", [{
-				key: x,
-				title: nameOf(x)
+				key: field,
+				title: nameOf(field)
 			}, ...seriesKeys.value.map((key) => ({
 				key,
 				title: nameOf(key)
 			}))], rows.value);
 		} : null), { immediate: true });
 		function onSelect(event) {
-			const key = props.value.filter;
+			const key = filter.value;
 			if (!key) return;
 			const value = filterValueOf(event.x);
 			if (value === picked.value) setFilter(key, void 0);
@@ -44,12 +48,12 @@ var chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return openBlock(), createBlock(unref(DouChart), mergeProps({
 				class: "dou-dashboard-chart",
 				data: rows.value,
-				x: unref(props).x,
+				x: x.value,
 				height: unref(size).height.value || 160,
-				horizontal: kind.value === "bar" && unref(props).horizontal,
+				horizontal: kind.value === "bar" && props.value.horizontal,
 				legend: kind.value === "pie" || ys.value.length > 1,
 				"aria-label": unref(widget).title
-			}, toHandlers(unref(props).filter ? { select: onSelect } : {})), {
+			}, toHandlers(filter.value ? { select: onSelect } : {})), {
 				default: withCtx(() => [kind.value === "pie" ? (openBlock(), createBlock(unref(DouChartPie), {
 					key: 0,
 					value: ys.value[0] ?? "",
@@ -60,7 +64,7 @@ var chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: 0,
 						y,
 						name: nameOf(y),
-						stack: unref(props).stacked || void 0,
+						stack: props.value.stacked || void 0,
 						color: barColor.value
 					}, null, 8, [
 						"y",
@@ -71,7 +75,7 @@ var chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: 1,
 						y,
 						name: nameOf(y),
-						stack: unref(props).stacked || void 0
+						stack: props.value.stacked || void 0
 					}, null, 8, [
 						"y",
 						"name",

package/dist/chart/chart.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_toHandlers","_withCtx","_createElementBlock","_Fragment","_renderList","_createVNode"],"sources":["../../src/chart/chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouChart,\n  DouChartArea,\n  DouChartBar,\n  DouChartLine,\n  DouChartPie,\n  DouChartTooltip,\n} from '@dou-ui/chart'\nimport type { ChartPointEvent } from '@dou-ui/chart'\nimport { computed, watch } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { filterValueOf, rowsOf, rowsToWorkbook } from '../widgets/shared'\nimport type { ChartWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardChartWidget' })\n\nconst { props, data, size, setFilter, ownFilters, widget, setWorkbook } =\n  useDashboardWidget<ChartWidgetProps>()\nconst rows = computed(() => rowsOf(data.value, props.value.path))\nconst kind = computed(() => props.value.kind ?? 'line')\nconst ys = computed(() => props.value.y ?? [])\nconst nameOf = (key: string) => props.value.labels?.[key] ?? key\n/** The x this widget filters by, if any: the other bars fade. */\nconst picked = computed(() =>\n  props.value.filter ? ownFilters.value[props.value.filter] : undefined,\n)\n/** Bars other than the picked one turn gray; a new function when the pick changes, so they draw again. */\nconst barColor = computed(() => {\n  const value = picked.value\n  const x = props.value.x ?? ''\n  if (!props.value.filter || value === undefined) return undefined\n  return (row: Record<string, unknown>) =>\n    filterValueOf(row[x]) === value ? undefined : 'var(--dou-color-border-strong)'\n})\n\n// the export menu writes the chart's data: a column for x, one for each series;\n// a chart without its fields has no menu\nconst seriesKeys = computed(() => (kind.value === 'pie' ? ys.value.slice(0, 1) : ys.value))\nconst exportable = computed(() => !!props.value.x && seriesKeys.value.length > 0)\nwatch(\n  exportable,\n  (ok) =>\n    setWorkbook(\n      ok\n        ? () => {\n            const x = props.value.x!\n            return rowsToWorkbook(\n              '',\n              [\n                { key: x, title: nameOf(x) },\n                ...seriesKeys.value.map((key) => ({ key, title: nameOf(key) })),\n              ],\n              rows.value,\n            )\n          }\n        : null,\n    ),\n  { immediate: true },\n)\n\nfunction onSelect(event: ChartPointEvent) {\n  const key = props.value.filter\n  if (!key) return\n  const value = filterValueOf(event.x)\n  if (value === picked.value) setFilter(key, undefined)\n  else setFilter(key, value, { label: event.title ?? String(value) })\n}\n</script>\n\n<template>\n  <DouChart\n    class=\"dou-dashboard-chart\"\n    :data=\"rows\"\n    :x=\"props.x\"\n    :height=\"size.height.value || 160\"\n    :horizontal=\"kind === 'bar' && props.horizontal\"\n    :legend=\"kind === 'pie' || ys.length > 1\"\n    :aria-label=\"widget.title\"\n    v-on=\"props.filter ? { select: onSelect } : {}\"\n  >\n    <DouChartPie\n      v-if=\"kind === 'pie'\"\n      :value=\"ys[0] ?? ''\"\n      :name=\"ys[0] ? nameOf(ys[0]) : undefined\"\n      :inner-radius=\"0.6\"\n    />\n    <template v-else>\n      <template v-for=\"y in ys\" :key=\"y\">\n        <DouChartBar\n          v-if=\"kind === 'bar'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n          :color=\"barColor\"\n        />\n        <DouChartArea\n          v-else-if=\"kind === 'area'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n        />\n        <DouChartLine v-else :y=\"y\" :name=\"nameOf(y)\" />\n      </template>\n    </template>\n    <DouChartTooltip />\n  </DouChart>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_toHandlers","_withCtx","_createElementBlock","_Fragment","_renderList","_createVNode"],"sources":["../../src/chart/chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouChart,\n  DouChartArea,\n  DouChartBar,\n  DouChartLine,\n  DouChartPie,\n  DouChartTooltip,\n} from '@dou-ui/chart'\nimport type { ChartPointEvent } from '@dou-ui/chart'\nimport { computed, watch } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { filterValueOf, rowsOf, rowsToWorkbook } from '../widgets/shared'\nimport { chartPropsOf } from './read-props'\n\ndefineOptions({ name: 'DouDashboardChartWidget' })\n\nconst { props: raw, data, size, setFilter, ownFilters, widget, setWorkbook } = useDashboardWidget()\nconst props = computed(() => chartPropsOf(raw.value))\nconst rows = computed(() => rowsOf(data.value, props.value.path))\nconst kind = computed(() => props.value.kind ?? 'line')\nconst ys = computed(() => props.value.y ?? [])\nconst x = computed(() => props.value.x)\nconst filter = computed(() => props.value.filter)\nconst nameOf = (key: string) => props.value.labels?.[key] ?? key\n/** The x this widget filters by, if any: the other bars fade. */\nconst picked = computed(() => (filter.value ? ownFilters.value[filter.value] : undefined))\n/** Bars other than the picked one turn gray; a new function when the pick changes, so they draw again. */\nconst barColor = computed(() => {\n  const value = picked.value\n  const field = x.value ?? ''\n  if (!filter.value || value === undefined) return undefined\n  return (row: Record<string, unknown>) =>\n    filterValueOf(row[field]) === value ? undefined : 'var(--dou-color-border-strong)'\n})\n\n// the export menu writes the chart's data: a column for x, one for each series;\n// a chart without its fields has no menu\nconst seriesKeys = computed(() => (kind.value === 'pie' ? ys.value.slice(0, 1) : ys.value))\nconst exportable = computed(() => !!x.value && seriesKeys.value.length > 0)\nwatch(\n  exportable,\n  (ok) =>\n    setWorkbook(\n      ok\n        ? () => {\n            const field = x.value!\n            return rowsToWorkbook(\n              '',\n              [\n                { key: field, title: nameOf(field) },\n                ...seriesKeys.value.map((key) => ({ key, title: nameOf(key) })),\n              ],\n              rows.value,\n            )\n          }\n        : null,\n    ),\n  { immediate: true },\n)\n\nfunction onSelect(event: ChartPointEvent) {\n  const key = filter.value\n  if (!key) return\n  const value = filterValueOf(event.x)\n  if (value === picked.value) setFilter(key, undefined)\n  else setFilter(key, value, { label: event.title ?? String(value) })\n}\n</script>\n\n<template>\n  <DouChart\n    class=\"dou-dashboard-chart\"\n    :data=\"rows\"\n    :x=\"x\"\n    :height=\"size.height.value || 160\"\n    :horizontal=\"kind === 'bar' && props.horizontal\"\n    :legend=\"kind === 'pie' || ys.length > 1\"\n    :aria-label=\"widget.title\"\n    v-on=\"filter ? { select: onSelect } : {}\"\n  >\n    <DouChartPie\n      v-if=\"kind === 'pie'\"\n      :value=\"ys[0] ?? ''\"\n      :name=\"ys[0] ? nameOf(ys[0]) : undefined\"\n      :inner-radius=\"0.6\"\n    />\n    <template v-else>\n      <template v-for=\"y in ys\" :key=\"y\">\n        <DouChartBar\n          v-if=\"kind === 'bar'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n          :color=\"barColor\"\n        />\n        <DouChartArea\n          v-else-if=\"kind === 'area'\"\n          :y=\"y\"\n          :name=\"nameOf(y)\"\n          :stack=\"props.stacked || undefined\"\n        />\n        <DouChartLine v-else :y=\"y\" :name=\"nameOf(y)\" />\n      </template>\n    </template>\n    <DouChartTooltip />\n  </DouChart>\n</template>\n"],"mappings":"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"}

package/dist/chart/read-props.js

@@ -0,0 +1,26 @@
+import { flagOf, oneOf, recordOf, textOf, textsOf } from "../widgets/shared.js";
+// src/chart/read-props.ts
+/** The chart widget's props as its type says; what isn't the right type counts as not set. */
+function chartPropsOf(props) {
+	const labels = {};
+	for (const [key, label] of Object.entries(recordOf(props.labels) ?? {})) if (typeof label === "string") labels[key] = label;
+	return {
+		source: textOf(props.source),
+		path: textOf(props.path),
+		kind: oneOf(props.kind, [
+			"line",
+			"area",
+			"bar",
+			"pie"
+		]),
+		x: textOf(props.x),
+		y: textsOf(props.y),
+		labels,
+		stacked: flagOf(props.stacked),
+		horizontal: flagOf(props.horizontal),
+		filter: textOf(props.filter)
+	};
+}
+export { chartPropsOf };
+
+//# sourceMappingURL=read-props.js.map

package/dist/chart/read-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-props.js","names":[],"sources":["../../src/chart/read-props.ts"],"sourcesContent":["import { flagOf, oneOf, recordOf, textOf, textsOf } from '../widgets/shared'\nimport type { ChartWidgetProps } from './types'\n\n/** The chart widget's props as its type says; what isn't the right type counts as not set. */\nexport function chartPropsOf(props: Record<string, unknown>): ChartWidgetProps {\n  const labels: Record<string, string> = {}\n  for (const [key, label] of Object.entries(recordOf(props.labels) ?? {}))\n    if (typeof label === 'string') labels[key] = label\n  return {\n    source: textOf(props.source),\n    path: textOf(props.path),\n    kind: oneOf(props.kind, ['line', 'area', 'bar', 'pie'] as const),\n    x: textOf(props.x),\n    y: textsOf(props.y),\n    labels,\n    stacked: flagOf(props.stacked),\n    horizontal: flagOf(props.horizontal),\n    filter: textOf(props.filter),\n  }\n}\n"],"mappings":";;;AAIA,SAAgB,aAAa,OAAkD;CAC7E,MAAM,SAAiC,CAAC;CACxC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,SAAS,MAAM,MAAM,KAAK,CAAC,CAAC,GACpE,IAAI,OAAO,UAAU,UAAU,OAAO,OAAO;CAC/C,OAAO;EACL,QAAQ,OAAO,MAAM,MAAM;EAC3B,MAAM,OAAO,MAAM,IAAI;EACvB,MAAM,MAAM,MAAM,MAAM;GAAC;GAAQ;GAAQ;GAAO;EAAK,CAAU;EAC/D,GAAG,OAAO,MAAM,CAAC;EACjB,GAAG,QAAQ,MAAM,CAAC;EAClB;EACA,SAAS,OAAO,MAAM,OAAO;EAC7B,YAAY,OAAO,MAAM,UAAU;EACnC,QAAQ,OAAO,MAAM,MAAM;CAC7B;AACF"}

package/dist/core/document.js

@@ -32,7 +32,8 @@ function shapeProblems(value, lists) {
 /**
 * The problems of a dashboard document, before it is saved or shown: an
 * unknown version, widgets without an id or sharing one, types nobody
-* registered, and places that are not whole cells.
+* registered, places that are not whole cells, and `comments` that are
+* not a list of thread ids.
 */
 function checkDocument(document, options = {}) {
 	const shape = shapeProblems(document, ["widgets"]);
@@ -76,6 +77,14 @@ function checkDocument(document, options = {}) {
 			text: name,
 			message: `The place of "${widget.id}" on "${name}" is not whole cells`
 		});
+		const notes = widget.comments;
+		if (notes !== void 0 && !(Array.isArray(notes) && notes.every((id) => typeof id === "string"))) problems.push({
+			code: "bad-comments",
+			widgetId: widget.id,
+			path: `${path}.comments`,
+			text: widget.id,
+			message: `The comments of "${widget.id}" are not a list of thread ids`
+		});
 	});
 	return problems;
 }

package/dist/core/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","names":[],"sources":["../../src/core/document.ts"],"sourcesContent":["import type { DashboardWidgetType } from '../widget/define'\nimport type { DashboardDocument, DashboardPlace, DashboardWidget } from './types'\n\n/** A dashboard with no widgets, the `v-model` when none is bound. */\nexport const emptyDocument = (): DashboardDocument => ({ version: 1, widgets: [] })\n\nexport interface DocumentProblem {\n  code: 'version' | 'shape' | 'duplicate-id' | 'missing-id' | 'unknown-type' | 'bad-place'\n  /** The widget at fault; none for the document's own problems. */\n  widgetId?: string\n  /** Where the problem is, e.g. `widgets[2]` or `widgets[2].place.lg`; `version` for the version. */\n  path: string\n  /** The id, type or breakpoint at fault, for the editor's message. */\n  text: string\n  /** An English description, for logs. */\n  message: string\n}\n\nexport interface CheckDocumentOptions {\n  /** The registered widget types; without them, types are not checked. */\n  widgets?: readonly DashboardWidgetType<any>[]\n}\n\nconst isCount = (value: unknown, min: number) =>\n  typeof value === 'number' && Number.isInteger(value) && value >= min\n\n/** Whether `value` is a place on a grid: whole numbers, the size at least 1. */\nexport function isDashboardPlace(value: unknown): value is DashboardPlace {\n  if (!value || typeof value !== 'object') return false\n  const place = value as Record<string, unknown>\n  return isCount(place.x, 0) && isCount(place.y, 0) && isCount(place.w, 1) && isCount(place.h, 1)\n}\n\n/**\n * What is wrong with the shape itself: the document is not an object, or a\n * list in it is not an array. Nothing else can be checked until it is fixed.\n */\nfunction shapeProblems(value: unknown, lists: string[]): DocumentProblem[] {\n  if (!value || typeof value !== 'object' || Array.isArray(value))\n    return [{ code: 'shape', path: '', text: '', message: 'The document is not an object' }]\n  return lists\n    .filter((key) => !Array.isArray((value as Record<string, unknown>)[key]))\n    .map((key) => ({ code: 'shape', path: key, text: '', message: `\"${key}\" is not a list` }))\n}\n\n/**\n * The problems of a dashboard document, before it is saved or shown: an\n * unknown version, widgets without an id or sharing one, types nobody\n * registered, and places that are not whole cells.\n */\nexport function checkDocument(\n  document: DashboardDocument,\n  options: CheckDocumentOptions = {},\n): DocumentProblem[] {\n  const shape = shapeProblems(document, ['widgets'])\n  if (shape.length) return shape\n  const problems: DocumentProblem[] = []\n  if (document.version !== 1)\n    problems.push({\n      code: 'version',\n      path: 'version',\n      text: String(document.version),\n      message: `Version ${String(document.version)} is not known`,\n    })\n  const types = options.widgets && new Set(options.widgets.map((type) => type.type))\n  const ids = new Set<string>()\n  document.widgets.forEach((widget, i) => {\n    const path = `widgets[${i}]`\n    if (!widget.id) {\n      problems.push({ code: 'missing-id', path, text: '', message: `${path} has no id` })\n    } else if (ids.has(widget.id)) {\n      problems.push({\n        code: 'duplicate-id',\n        widgetId: widget.id,\n        path,\n        text: widget.id,\n        message: `The id \"${widget.id}\" is used more than once`,\n      })\n    }\n    ids.add(widget.id)\n    if (types && !types.has(widget.type))\n      problems.push({\n        code: 'unknown-type',\n        widgetId: widget.id,\n        path,\n        text: widget.type,\n        message: `No widget type \"${widget.type}\" is registered`,\n      })\n    for (const [name, place] of Object.entries(widget.place ?? {}))\n      if (place !== undefined && !isDashboardPlace(place))\n        problems.push({\n          code: 'bad-place',\n          widgetId: widget.id,\n          path: `${path}.place.${name}`,\n          text: name,\n          message: `The place of \"${widget.id}\" on \"${name}\" is not whole cells`,\n        })\n  })\n  return problems\n}\n\n/** The saved data as an object of version 1, or an error saying why it can't be. */\nfunction sourceOf(input: unknown): Record<string, unknown> {\n  if (!input || typeof input !== 'object' || Array.isArray(input))\n    throw new Error(\n      `[@dou-ui/dashboard] a dashboard document must be an object, not ${Array.isArray(input) ? 'an array' : (JSON.stringify(input) ?? String(input))}`,\n    )\n  const source = input as Record<string, unknown>\n  const version = source.version ?? 1\n  if (version !== 1)\n    throw new Error(\n      `[@dou-ui/dashboard] unknown document version ${JSON.stringify(version) ?? String(version)} (expected 1); data saved by a newer @dou-ui/dashboard needs that version to open`,\n    )\n  return source\n}\n\n/**\n * Brings a saved document up to the current version, and fills what an\n * older or hand-written one may lack (`version`, `place`). Widgets that are\n * not objects and places that are not whole cells are dropped; anything\n * else is kept as it is. Throws for data that is not an object\n * (an array, `null`, a string) and for a version it does not know.\n */\nexport function migrateDocument(input: unknown): DashboardDocument {\n  const source = sourceOf(input)\n  const list = Array.isArray(source.widgets) ? source.widgets : []\n  const widgets: DashboardWidget[] = []\n  for (const value of list) {\n    if (!value || typeof value !== 'object') continue\n    const widget = value as Record<string, unknown>\n    const place: DashboardWidget['place'] = {}\n    if (widget.place && typeof widget.place === 'object')\n      for (const [name, entry] of Object.entries(widget.place))\n        if (isDashboardPlace(entry))\n          place[name] = { x: entry.x, y: entry.y, w: entry.w, h: entry.h }\n    widgets.push({\n      ...widget,\n      id: String(widget.id ?? ''),\n      type: String(widget.type ?? ''),\n      place,\n    } as DashboardWidget)\n  }\n  return { ...source, version: 1, widgets } as DashboardDocument\n}\n"],"mappings":"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"}
+{"version":3,"file":"document.js","names":[],"sources":["../../src/core/document.ts"],"sourcesContent":["import type { DashboardWidgetType } from '../widget/define'\nimport type { DashboardDocument, DashboardPlace, DashboardWidget } from './types'\n\n/** A dashboard with no widgets, the `v-model` when none is bound. */\nexport const emptyDocument = (): DashboardDocument => ({ version: 1, widgets: [] })\n\nexport interface DocumentProblem {\n  code:\n    | 'version'\n    | 'shape'\n    | 'duplicate-id'\n    | 'missing-id'\n    | 'unknown-type'\n    | 'bad-place'\n    | 'bad-comments'\n  /** The widget at fault; none for the document's own problems. */\n  widgetId?: string\n  /** Where the problem is, e.g. `widgets[2]` or `widgets[2].place.lg`; `version` for the version. */\n  path: string\n  /** The id, type or breakpoint at fault, for the editor's message. */\n  text: string\n  /** An English description, for logs. */\n  message: string\n}\n\nexport interface CheckDocumentOptions {\n  /** The registered widget types; without them, types are not checked. */\n  widgets?: readonly DashboardWidgetType<any>[]\n}\n\nconst isCount = (value: unknown, min: number) =>\n  typeof value === 'number' && Number.isInteger(value) && value >= min\n\n/** Whether `value` is a place on a grid: whole numbers, the size at least 1. */\nexport function isDashboardPlace(value: unknown): value is DashboardPlace {\n  if (!value || typeof value !== 'object') return false\n  const place = value as Record<string, unknown>\n  return isCount(place.x, 0) && isCount(place.y, 0) && isCount(place.w, 1) && isCount(place.h, 1)\n}\n\n/**\n * What is wrong with the shape itself: the document is not an object, or a\n * list in it is not an array. Nothing else can be checked until it is fixed.\n */\nfunction shapeProblems(value: unknown, lists: string[]): DocumentProblem[] {\n  if (!value || typeof value !== 'object' || Array.isArray(value))\n    return [{ code: 'shape', path: '', text: '', message: 'The document is not an object' }]\n  return lists\n    .filter((key) => !Array.isArray((value as Record<string, unknown>)[key]))\n    .map((key) => ({ code: 'shape', path: key, text: '', message: `\"${key}\" is not a list` }))\n}\n\n/**\n * The problems of a dashboard document, before it is saved or shown: an\n * unknown version, widgets without an id or sharing one, types nobody\n * registered, places that are not whole cells, and `comments` that are\n * not a list of thread ids.\n */\nexport function checkDocument(\n  document: DashboardDocument,\n  options: CheckDocumentOptions = {},\n): DocumentProblem[] {\n  const shape = shapeProblems(document, ['widgets'])\n  if (shape.length) return shape\n  const problems: DocumentProblem[] = []\n  if (document.version !== 1)\n    problems.push({\n      code: 'version',\n      path: 'version',\n      text: String(document.version),\n      message: `Version ${String(document.version)} is not known`,\n    })\n  const types = options.widgets && new Set(options.widgets.map((type) => type.type))\n  const ids = new Set<string>()\n  document.widgets.forEach((widget, i) => {\n    const path = `widgets[${i}]`\n    if (!widget.id) {\n      problems.push({ code: 'missing-id', path, text: '', message: `${path} has no id` })\n    } else if (ids.has(widget.id)) {\n      problems.push({\n        code: 'duplicate-id',\n        widgetId: widget.id,\n        path,\n        text: widget.id,\n        message: `The id \"${widget.id}\" is used more than once`,\n      })\n    }\n    ids.add(widget.id)\n    if (types && !types.has(widget.type))\n      problems.push({\n        code: 'unknown-type',\n        widgetId: widget.id,\n        path,\n        text: widget.type,\n        message: `No widget type \"${widget.type}\" is registered`,\n      })\n    for (const [name, place] of Object.entries(widget.place ?? {}))\n      if (place !== undefined && !isDashboardPlace(place))\n        problems.push({\n          code: 'bad-place',\n          widgetId: widget.id,\n          path: `${path}.place.${name}`,\n          text: name,\n          message: `The place of \"${widget.id}\" on \"${name}\" is not whole cells`,\n        })\n    const notes: unknown = widget.comments\n    if (\n      notes !== undefined &&\n      !(Array.isArray(notes) && notes.every((id) => typeof id === 'string'))\n    )\n      problems.push({\n        code: 'bad-comments',\n        widgetId: widget.id,\n        path: `${path}.comments`,\n        text: widget.id,\n        message: `The comments of \"${widget.id}\" are not a list of thread ids`,\n      })\n  })\n  return problems\n}\n\n/** The saved data as an object of version 1, or an error saying why it can't be. */\nfunction sourceOf(input: unknown): Record<string, unknown> {\n  if (!input || typeof input !== 'object' || Array.isArray(input))\n    throw new Error(\n      `[@dou-ui/dashboard] a dashboard document must be an object, not ${Array.isArray(input) ? 'an array' : (JSON.stringify(input) ?? String(input))}`,\n    )\n  const source = input as Record<string, unknown>\n  const version = source.version ?? 1\n  if (version !== 1)\n    throw new Error(\n      `[@dou-ui/dashboard] unknown document version ${JSON.stringify(version) ?? String(version)} (expected 1); data saved by a newer @dou-ui/dashboard needs that version to open`,\n    )\n  return source\n}\n\n/**\n * Brings a saved document up to the current version, and fills what an\n * older or hand-written one may lack (`version`, `place`). Widgets that are\n * not objects and places that are not whole cells are dropped; anything\n * else is kept as it is. Throws for data that is not an object\n * (an array, `null`, a string) and for a version it does not know.\n */\nexport function migrateDocument(input: unknown): DashboardDocument {\n  const source = sourceOf(input)\n  const list = Array.isArray(source.widgets) ? source.widgets : []\n  const widgets: DashboardWidget[] = []\n  for (const value of list) {\n    if (!value || typeof value !== 'object') continue\n    const widget = value as Record<string, unknown>\n    const place: DashboardWidget['place'] = {}\n    if (widget.place && typeof widget.place === 'object')\n      for (const [name, entry] of Object.entries(widget.place))\n        if (isDashboardPlace(entry))\n          place[name] = { x: entry.x, y: entry.y, w: entry.w, h: entry.h }\n    widgets.push({\n      ...widget,\n      id: String(widget.id ?? ''),\n      type: String(widget.type ?? ''),\n      place,\n    } as DashboardWidget)\n  }\n  return { ...source, version: 1, widgets } as DashboardDocument\n}\n"],"mappings":"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"}

package/dist/core/history.js

@@ -56,11 +56,34 @@ var DashboardHistory = class {
 			origin: "redo"
 		});
 	}
+	/**
+	* Gives a change kept out of undo to the widget as undo and redo bring it
+	* back, too: comments started on a widget stay on it when its adding is
+	* undone and redone.
+	*/
+	carry(id, patch) {
+		const fix = (steps) => steps.map((step) => step.type === "add" && step.widget.id === id ? {
+			...step,
+			widget: withPatch(step.widget, patch)
+		} : step);
+		for (const entry of [...this.done, ...this.undone]) {
+			entry.steps = fix(entry.steps);
+			entry.inverse = fix(entry.inverse);
+		}
+	}
 	clear() {
 		this.done = [];
 		this.undone = [];
 	}
 };
+function withPatch(widget, patch) {
+	const next = {
+		...widget,
+		...patch
+	};
+	for (const [key, value] of Object.entries(patch)) if (value === void 0) delete next[key];
+	return next;
+}
 export { DashboardHistory };
 
 //# sourceMappingURL=history.js.map

package/dist/core/history.js.map

@@ -1 +1 @@
-{"version":3,"file":"history.js","names":[],"sources":["../../src/core/history.ts"],"sourcesContent":["import { applySteps } from './transaction'\nimport type { DashboardStep, DashboardTransaction } from './transaction'\nimport type { DashboardDocument } from './types'\n\ninterface Entry {\n  steps: DashboardStep[]\n  inverse: DashboardStep[]\n  group?: string\n  time: number\n}\n\n/** Transactions of one group merge when they come within this many ms. */\nconst GROUP_WINDOW = 1000\n\n/** Undo and redo of a dashboard: the steps of each transaction and the steps that undo them. */\nexport class DashboardHistory {\n  private done: Entry[] = []\n  private undone: Entry[] = []\n\n  constructor(private depth = 200) {}\n\n  get canUndo() {\n    return this.done.length > 0\n  }\n\n  get canRedo() {\n    return this.undone.length > 0\n  }\n\n  record(tr: DashboardTransaction, now = Date.now()) {\n    if (!tr.changed || tr.meta.history === false) return\n    this.undone = []\n    const last = this.done[this.done.length - 1]\n    const group = tr.meta.group\n    if (last && group && last.group === group && now - last.time < GROUP_WINDOW) {\n      last.steps = [...last.steps, ...tr.steps]\n      last.inverse = [...tr.inverse, ...last.inverse]\n      last.time = now\n      return\n    }\n    this.done.push({ steps: tr.steps.slice(), inverse: tr.inverse.slice(), group, time: now })\n    if (this.done.length > this.depth) this.done.shift()\n  }\n\n  undo(document: DashboardDocument) {\n    const entry = this.done.pop()\n    if (!entry) return null\n    this.undone.push(entry)\n    return applySteps(document, entry.inverse, { history: false, origin: 'undo' })\n  }\n\n  redo(document: DashboardDocument) {\n    const entry = this.undone.pop()\n    if (!entry) return null\n    this.done.push({ ...entry, group: undefined })\n    return applySteps(document, entry.steps, { history: false, origin: 'redo' })\n  }\n\n  clear() {\n    this.done = []\n    this.undone = []\n  }\n}\n"],"mappings":";;;AAYA,IAAM,eAAe;;AAGrB,IAAa,mBAAb,MAA8B;CAIR;CAHpB,OAAwB,CAAC;CACzB,SAA0B,CAAC;CAE3B,YAAY,QAAgB,KAAK;EAAb,KAAA,QAAA;CAAc;CAElC,IAAI,UAAU;EACZ,OAAO,KAAK,KAAK,SAAS;CAC5B;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK,OAAO,SAAS;CAC9B;CAEA,OAAO,IAA0B,MAAM,KAAK,IAAI,GAAG;EACjD,IAAI,CAAC,GAAG,WAAW,GAAG,KAAK,YAAY,OAAO;EAC9C,KAAK,SAAS,CAAC;EACf,MAAM,OAAO,KAAK,KAAK,KAAK,KAAK,SAAS;EAC1C,MAAM,QAAQ,GAAG,KAAK;EACtB,IAAI,QAAQ,SAAS,KAAK,UAAU,SAAS,MAAM,KAAK,OAAO,cAAc;GAC3E,KAAK,QAAQ,CAAC,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK;GACxC,KAAK,UAAU,CAAC,GAAG,GAAG,SAAS,GAAG,KAAK,OAAO;GAC9C,KAAK,OAAO;GACZ;EACF;EACA,KAAK,KAAK,KAAK;GAAE,OAAO,GAAG,MAAM,MAAM;GAAG,SAAS,GAAG,QAAQ,MAAM;GAAG;GAAO,MAAM;EAAI,CAAC;EACzF,IAAI,KAAK,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;CACrD;CAEA,KAAK,UAA6B;EAChC,MAAM,QAAQ,KAAK,KAAK,IAAI;EAC5B,IAAI,CAAC,OAAO,OAAO;EACnB,KAAK,OAAO,KAAK,KAAK;EACtB,OAAO,WAAW,UAAU,MAAM,SAAS;GAAE,SAAS;GAAO,QAAQ;EAAO,CAAC;CAC/E;CAEA,KAAK,UAA6B;EAChC,MAAM,QAAQ,KAAK,OAAO,IAAI;EAC9B,IAAI,CAAC,OAAO,OAAO;EACnB,KAAK,KAAK,KAAK;GAAE,GAAG;GAAO,OAAO,KAAA;EAAU,CAAC;EAC7C,OAAO,WAAW,UAAU,MAAM,OAAO;GAAE,SAAS;GAAO,QAAQ;EAAO,CAAC;CAC7E;CAEA,QAAQ;EACN,KAAK,OAAO,CAAC;EACb,KAAK,SAAS,CAAC;CACjB;AACF"}
+{"version":3,"file":"history.js","names":[],"sources":["../../src/core/history.ts"],"sourcesContent":["import { applySteps } from './transaction'\nimport type { DashboardStep, DashboardTransaction } from './transaction'\nimport type { DashboardDocument, DashboardWidget } from './types'\n\ninterface Entry {\n  steps: DashboardStep[]\n  inverse: DashboardStep[]\n  group?: string\n  time: number\n}\n\n/** Transactions of one group merge when they come within this many ms. */\nconst GROUP_WINDOW = 1000\n\n/** Undo and redo of a dashboard: the steps of each transaction and the steps that undo them. */\nexport class DashboardHistory {\n  private done: Entry[] = []\n  private undone: Entry[] = []\n\n  constructor(private depth = 200) {}\n\n  get canUndo() {\n    return this.done.length > 0\n  }\n\n  get canRedo() {\n    return this.undone.length > 0\n  }\n\n  record(tr: DashboardTransaction, now = Date.now()) {\n    if (!tr.changed || tr.meta.history === false) return\n    this.undone = []\n    const last = this.done[this.done.length - 1]\n    const group = tr.meta.group\n    if (last && group && last.group === group && now - last.time < GROUP_WINDOW) {\n      last.steps = [...last.steps, ...tr.steps]\n      last.inverse = [...tr.inverse, ...last.inverse]\n      last.time = now\n      return\n    }\n    this.done.push({ steps: tr.steps.slice(), inverse: tr.inverse.slice(), group, time: now })\n    if (this.done.length > this.depth) this.done.shift()\n  }\n\n  undo(document: DashboardDocument) {\n    const entry = this.done.pop()\n    if (!entry) return null\n    this.undone.push(entry)\n    return applySteps(document, entry.inverse, { history: false, origin: 'undo' })\n  }\n\n  redo(document: DashboardDocument) {\n    const entry = this.undone.pop()\n    if (!entry) return null\n    this.done.push({ ...entry, group: undefined })\n    return applySteps(document, entry.steps, { history: false, origin: 'redo' })\n  }\n\n  /**\n   * Gives a change kept out of undo to the widget as undo and redo bring it\n   * back, too: comments started on a widget stay on it when its adding is\n   * undone and redone.\n   */\n  carry(id: string, patch: Partial<DashboardWidget>) {\n    const fix = (steps: DashboardStep[]) =>\n      steps.map((step) =>\n        step.type === 'add' && step.widget.id === id\n          ? { ...step, widget: withPatch(step.widget, patch) }\n          : step,\n      )\n    for (const entry of [...this.done, ...this.undone]) {\n      entry.steps = fix(entry.steps)\n      entry.inverse = fix(entry.inverse)\n    }\n  }\n\n  clear() {\n    this.done = []\n    this.undone = []\n  }\n}\n\nfunction withPatch(widget: DashboardWidget, patch: Partial<DashboardWidget>): DashboardWidget {\n  const next = { ...widget, ...patch }\n  for (const [key, value] of Object.entries(patch))\n    if (value === undefined) delete (next as Record<string, unknown>)[key]\n  return next\n}\n"],"mappings":";;;AAYA,IAAM,eAAe;;AAGrB,IAAa,mBAAb,MAA8B;CAIR;CAHpB,OAAwB,CAAC;CACzB,SAA0B,CAAC;CAE3B,YAAY,QAAgB,KAAK;EAAb,KAAA,QAAA;CAAc;CAElC,IAAI,UAAU;EACZ,OAAO,KAAK,KAAK,SAAS;CAC5B;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK,OAAO,SAAS;CAC9B;CAEA,OAAO,IAA0B,MAAM,KAAK,IAAI,GAAG;EACjD,IAAI,CAAC,GAAG,WAAW,GAAG,KAAK,YAAY,OAAO;EAC9C,KAAK,SAAS,CAAC;EACf,MAAM,OAAO,KAAK,KAAK,KAAK,KAAK,SAAS;EAC1C,MAAM,QAAQ,GAAG,KAAK;EACtB,IAAI,QAAQ,SAAS,KAAK,UAAU,SAAS,MAAM,KAAK,OAAO,cAAc;GAC3E,KAAK,QAAQ,CAAC,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK;GACxC,KAAK,UAAU,CAAC,GAAG,GAAG,SAAS,GAAG,KAAK,OAAO;GAC9C,KAAK,OAAO;GACZ;EACF;EACA,KAAK,KAAK,KAAK;GAAE,OAAO,GAAG,MAAM,MAAM;GAAG,SAAS,GAAG,QAAQ,MAAM;GAAG;GAAO,MAAM;EAAI,CAAC;EACzF,IAAI,KAAK,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;CACrD;CAEA,KAAK,UAA6B;EAChC,MAAM,QAAQ,KAAK,KAAK,IAAI;EAC5B,IAAI,CAAC,OAAO,OAAO;EACnB,KAAK,OAAO,KAAK,KAAK;EACtB,OAAO,WAAW,UAAU,MAAM,SAAS;GAAE,SAAS;GAAO,QAAQ;EAAO,CAAC;CAC/E;CAEA,KAAK,UAA6B;EAChC,MAAM,QAAQ,KAAK,OAAO,IAAI;EAC9B,IAAI,CAAC,OAAO,OAAO;EACnB,KAAK,KAAK,KAAK;GAAE,GAAG;GAAO,OAAO,KAAA;EAAU,CAAC;EAC7C,OAAO,WAAW,UAAU,MAAM,OAAO;GAAE,SAAS;GAAO,QAAQ;EAAO,CAAC;CAC7E;;;;;;CAOA,MAAM,IAAY,OAAiC;EACjD,MAAM,OAAO,UACX,MAAM,KAAK,SACT,KAAK,SAAS,SAAS,KAAK,OAAO,OAAO,KACtC;GAAE,GAAG;GAAM,QAAQ,UAAU,KAAK,QAAQ,KAAK;EAAE,IACjD,IACN;EACF,KAAK,MAAM,SAAS,CAAC,GAAG,KAAK,MAAM,GAAG,KAAK,MAAM,GAAG;GAClD,MAAM,QAAQ,IAAI,MAAM,KAAK;GAC7B,MAAM,UAAU,IAAI,MAAM,OAAO;EACnC;CACF;CAEA,QAAQ;EACN,KAAK,OAAO,CAAC;EACb,KAAK,SAAS,CAAC;CACjB;AACF;AAEA,SAAS,UAAU,QAAyB,OAAkD;CAC5F,MAAM,OAAO;EAAE,GAAG;EAAQ,GAAG;CAAM;CACnC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,UAAU,KAAA,GAAW,OAAQ,KAAiC;CACpE,OAAO;AACT"}

package/dist/core/transaction.js

@@ -192,8 +192,14 @@ function longestRun(values) {
 * that are gone are removed, new ones added, changed keys updated, and the
 * fewest widgets taken out and put back to match the order. Unchanged
 * widgets keep their objects.
+*
+* A widget that stays keeps its `comments`, the discussions on it, as they
+* are: restoring a default layout doesn't take them off. Pass
+* `{ keepComments: false }` for the exact steps, e.g. to apply a shared
+* document.
 */
-function replaceWidgets(tr, next) {
+function replaceWidgets(tr, next, options = {}) {
+	const keep = options.keepComments !== false;
 	const wanted = new Map(next.widgets.map((widget, index) => [widget.id, index]));
 	for (const widget of tr.doc.widgets) {
 		const index = wanted.get(widget.id);
@@ -208,7 +214,7 @@ function replaceWidgets(tr, next) {
 		const patch = {};
 		const old = there;
 		const item = widget;
-		for (const key of /* @__PURE__ */ new Set([...Object.keys(old), ...Object.keys(item)])) if (!PROTECTED.has(key)) patch[key] = item[key];
+		for (const key of /* @__PURE__ */ new Set([...Object.keys(old), ...Object.keys(item)])) if (!PROTECTED.has(key) && !(keep && key === "comments")) patch[key] = item[key];
 		tr.update(widget.id, patch);
 	});
 	return tr;

package/dist/core/transaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"transaction.js","names":[],"sources":["../../src/core/transaction.ts"],"sourcesContent":["import type { DashboardDocument, DashboardWidget } from './types'\n\n/**\n * Keys of a widget to set; `undefined` removes the key. `id` and `type`\n * cannot be set: remove the widget and add another instead.\n */\nexport type DashboardWidgetPatch = { [key: string]: unknown } & {\n  id?: never\n  type?: never\n}\n\n/** One change to a dashboard. `index` is where in `widgets` an added widget goes. */\nexport type DashboardStep =\n  | { type: 'add'; widget: DashboardWidget; index: number }\n  | { type: 'remove'; id: string }\n  | { type: 'update'; id: string; patch: DashboardWidgetPatch }\n\nexport interface DashboardTransactionMeta {\n  /** `false` keeps the change out of undo, e.g. a change from another person. */\n  history?: boolean\n  /** Changes of the same group within a second become one undo step, e.g. typing in a setting. */\n  group?: string\n  /** Where the change came from: `layout`, `menu`, `keyboard`, `settings`, `api`… */\n  origin?: string\n  [key: string]: unknown\n}\n\nconst PROTECTED = new Set(['id', 'type'])\n\n/** Deep equality of JSON values; key order doesn't matter. */\nexport function sameValue(a: unknown, b: unknown): boolean {\n  if (a === b) return true\n  if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return false\n  if (Array.isArray(a) !== Array.isArray(b)) return false\n  const keys = Object.keys(a)\n  if (keys.length !== Object.keys(b).length) return false\n  return keys.every((key) =>\n    sameValue((a as Record<string, unknown>)[key], (b as Record<string, unknown>)[key]),\n  )\n}\n\n/** Applies one step: the new document and the step that undoes it, or `null` when it changes nothing. */\nfunction applyStep(\n  document: DashboardDocument,\n  step: DashboardStep,\n): [DashboardDocument, DashboardStep, DashboardStep] | null {\n  const widgets = document.widgets\n  const indexOf = (id: string) => widgets.findIndex((widget) => widget.id === id)\n  if (step.type === 'add') {\n    if (indexOf(step.widget.id) >= 0) return null\n    const index = Math.max(0, Math.min(widgets.length, step.index))\n    const next = [...widgets.slice(0, index), step.widget, ...widgets.slice(index)]\n    return [\n      { ...document, widgets: next },\n      { ...step, index },\n      { type: 'remove', id: step.widget.id },\n    ]\n  }\n  const index = indexOf(step.id)\n  if (index < 0) return null\n  const widget = widgets[index]!\n  if (step.type === 'remove') {\n    const next = [...widgets.slice(0, index), ...widgets.slice(index + 1)]\n    return [{ ...document, widgets: next }, step, { type: 'add', widget, index }]\n  }\n  const old = widget as unknown as Record<string, unknown>\n  const changed: Record<string, unknown> = { ...old }\n  const patch: Record<string, unknown> = {}\n  const undo: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(step.patch)) {\n    if (PROTECTED.has(key))\n      throw new Error(`[@dou-ui/dashboard] a widget's \"${key}\" cannot be changed`)\n    if (sameValue(old[key], value)) continue\n    patch[key] = value\n    undo[key] = old[key]\n    if (value === undefined) delete changed[key]\n    else changed[key] = value\n  }\n  if (!Object.keys(patch).length) return null\n  const next = widgets.slice()\n  next[index] = changed as unknown as DashboardWidget\n  return [\n    { ...document, widgets: next },\n    { type: 'update', id: step.id, patch: patch as DashboardWidgetPatch },\n    { type: 'update', id: step.id, patch: undo as DashboardWidgetPatch },\n  ]\n}\n\n/**\n * Changes to a dashboard, made step by step and then handed to the\n * dashboard's `dispatch` as one change (one undo step). A step that changes\n * nothing (a widget that isn't there, a patch to the same values, an id\n * already in use) is left out.\n *\n * ```ts\n * const tr = dashboard.value.transaction()\n * tr.update('orders', { title: '本周订单' }).remove('memo')\n * dashboard.value.dispatch(tr)\n * ```\n */\nexport class DashboardTransaction {\n  /** The document after the steps so far. */\n  doc: DashboardDocument\n  readonly steps: DashboardStep[] = []\n  /** The steps that undo the ones so far, last one first. */\n  readonly inverse: DashboardStep[] = []\n  readonly meta: DashboardTransactionMeta = {}\n\n  constructor(\n    /** The document the transaction starts from. */\n    readonly before: DashboardDocument,\n  ) {\n    this.doc = before\n  }\n\n  /** Whether any step was made. */\n  get changed() {\n    return this.steps.length > 0\n  }\n\n  /** Apply a step as it is. */\n  step(step: DashboardStep) {\n    const result = applyStep(this.doc, step)\n    if (!result) return this\n    this.doc = result[0]\n    this.steps.push(result[1])\n    this.inverse.unshift(result[2])\n    return this\n  }\n\n  /** Put a widget into the document at `index` (the end by default). */\n  add(widget: DashboardWidget, index = Infinity) {\n    return this.step({ type: 'add', widget, index })\n  }\n\n  /** Take a widget out. */\n  remove(id: string) {\n    return this.step({ type: 'remove', id })\n  }\n\n  /** Set keys of a widget, e.g. `{ title }`, `{ props }` or `{ place }`; `undefined` removes a key. */\n  update(id: string, patch: DashboardWidgetPatch) {\n    return this.step({ type: 'update', id, patch })\n  }\n\n  setMeta(key: string, value: unknown) {\n    this.meta[key] = value\n    return this\n  }\n}\n\n/**\n * Applies steps to a document in one go, giving the transaction: its `doc`\n * (unchanged widgets are kept as they are) and the `inverse` steps that\n * undo it. For the server, tests, or saved steps.\n */\nexport function applySteps(\n  document: DashboardDocument,\n  steps: readonly DashboardStep[],\n  meta: DashboardTransactionMeta = {},\n): DashboardTransaction {\n  const tr = new DashboardTransaction(document)\n  Object.assign(tr.meta, meta)\n  for (const step of steps) tr.step(step)\n  return tr\n}\n\n/** A deep copy of a JSON value (also of a reactive one). */\nexport const cloneJson = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T\n\n/** The indexes of the longest strictly increasing run of `values`. */\nfunction longestRun(values: readonly number[]): Set<number> {\n  const tails: number[] = []\n  const previous: number[] = []\n  values.forEach((value, index) => {\n    let low = 0\n    let high = tails.length\n    while (low < high) {\n      const mid = (low + high) >> 1\n      if (values[tails[mid]!]! < value) low = mid + 1\n      else high = mid\n    }\n    previous[index] = low > 0 ? tails[low - 1]! : -1\n    tails[low] = index\n  })\n  const kept = new Set<number>()\n  let index = tails.length ? tails[tails.length - 1]! : -1\n  while (index >= 0) {\n    kept.add(index)\n    index = previous[index]!\n  }\n  return kept\n}\n\n/**\n * Adds the steps that turn the transaction's document into `next`: widgets\n * that are gone are removed, new ones added, changed keys updated, and the\n * fewest widgets taken out and put back to match the order. Unchanged\n * widgets keep their objects.\n */\nexport function replaceWidgets(tr: DashboardTransaction, next: DashboardDocument) {\n  const wanted = new Map(next.widgets.map((widget, index) => [widget.id, index]))\n  for (const widget of tr.doc.widgets) {\n    const index = wanted.get(widget.id)\n    // a widget whose type changed is a new widget\n    if (index === undefined || next.widgets[index]!.type !== widget.type) tr.remove(widget.id)\n  }\n  const current = tr.doc.widgets\n  const kept = longestRun(current.map((widget) => wanted.get(widget.id)!))\n  for (const [index, widget] of current.entries()) if (!kept.has(index)) tr.remove(widget.id)\n  next.widgets.forEach((widget, index) => {\n    const there = tr.doc.widgets[index]\n    if (there?.id !== widget.id) return void tr.add(widget, index)\n    const patch: Record<string, unknown> = {}\n    const old = there as unknown as Record<string, unknown>\n    const item = widget as unknown as Record<string, unknown>\n    for (const key of new Set([...Object.keys(old), ...Object.keys(item)]))\n      if (!PROTECTED.has(key)) patch[key] = item[key]\n    tr.update(widget.id, patch as DashboardWidgetPatch)\n  })\n  return tr\n}\n"],"mappings":"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"}
+{"version":3,"file":"transaction.js","names":[],"sources":["../../src/core/transaction.ts"],"sourcesContent":["import type { DashboardDocument, DashboardWidget } from './types'\n\n/**\n * Keys of a widget to set; `undefined` removes the key. `id` and `type`\n * cannot be set: remove the widget and add another instead.\n */\nexport type DashboardWidgetPatch = { [key: string]: unknown } & {\n  id?: never\n  type?: never\n}\n\n/** One change to a dashboard. `index` is where in `widgets` an added widget goes. */\nexport type DashboardStep =\n  | { type: 'add'; widget: DashboardWidget; index: number }\n  | { type: 'remove'; id: string }\n  | { type: 'update'; id: string; patch: DashboardWidgetPatch }\n\nexport interface DashboardTransactionMeta {\n  /** `false` keeps the change out of undo, e.g. a change from another person. */\n  history?: boolean\n  /** Changes of the same group within a second become one undo step, e.g. typing in a setting. */\n  group?: string\n  /** Where the change came from: `layout`, `menu`, `keyboard`, `settings`, `api`… */\n  origin?: string\n  [key: string]: unknown\n}\n\nconst PROTECTED = new Set(['id', 'type'])\n\nexport interface ReplaceWidgetsOptions {\n  /** A widget that stays keeps its `comments`; `true` by default. */\n  keepComments?: boolean\n}\n\n/** Deep equality of JSON values; key order doesn't matter. */\nexport function sameValue(a: unknown, b: unknown): boolean {\n  if (a === b) return true\n  if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return false\n  if (Array.isArray(a) !== Array.isArray(b)) return false\n  const keys = Object.keys(a)\n  if (keys.length !== Object.keys(b).length) return false\n  return keys.every((key) =>\n    sameValue((a as Record<string, unknown>)[key], (b as Record<string, unknown>)[key]),\n  )\n}\n\n/** Applies one step: the new document and the step that undoes it, or `null` when it changes nothing. */\nfunction applyStep(\n  document: DashboardDocument,\n  step: DashboardStep,\n): [DashboardDocument, DashboardStep, DashboardStep] | null {\n  const widgets = document.widgets\n  const indexOf = (id: string) => widgets.findIndex((widget) => widget.id === id)\n  if (step.type === 'add') {\n    if (indexOf(step.widget.id) >= 0) return null\n    const index = Math.max(0, Math.min(widgets.length, step.index))\n    const next = [...widgets.slice(0, index), step.widget, ...widgets.slice(index)]\n    return [\n      { ...document, widgets: next },\n      { ...step, index },\n      { type: 'remove', id: step.widget.id },\n    ]\n  }\n  const index = indexOf(step.id)\n  if (index < 0) return null\n  const widget = widgets[index]!\n  if (step.type === 'remove') {\n    const next = [...widgets.slice(0, index), ...widgets.slice(index + 1)]\n    return [{ ...document, widgets: next }, step, { type: 'add', widget, index }]\n  }\n  const old = widget as unknown as Record<string, unknown>\n  const changed: Record<string, unknown> = { ...old }\n  const patch: Record<string, unknown> = {}\n  const undo: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(step.patch)) {\n    if (PROTECTED.has(key))\n      throw new Error(`[@dou-ui/dashboard] a widget's \"${key}\" cannot be changed`)\n    if (sameValue(old[key], value)) continue\n    patch[key] = value\n    undo[key] = old[key]\n    if (value === undefined) delete changed[key]\n    else changed[key] = value\n  }\n  if (!Object.keys(patch).length) return null\n  const next = widgets.slice()\n  next[index] = changed as unknown as DashboardWidget\n  return [\n    { ...document, widgets: next },\n    { type: 'update', id: step.id, patch: patch as DashboardWidgetPatch },\n    { type: 'update', id: step.id, patch: undo as DashboardWidgetPatch },\n  ]\n}\n\n/**\n * Changes to a dashboard, made step by step and then handed to the\n * dashboard's `dispatch` as one change (one undo step). A step that changes\n * nothing (a widget that isn't there, a patch to the same values, an id\n * already in use) is left out.\n *\n * ```ts\n * const tr = dashboard.value.transaction()\n * tr.update('orders', { title: '本周订单' }).remove('memo')\n * dashboard.value.dispatch(tr)\n * ```\n */\nexport class DashboardTransaction {\n  /** The document after the steps so far. */\n  doc: DashboardDocument\n  readonly steps: DashboardStep[] = []\n  /** The steps that undo the ones so far, last one first. */\n  readonly inverse: DashboardStep[] = []\n  readonly meta: DashboardTransactionMeta = {}\n\n  constructor(\n    /** The document the transaction starts from. */\n    readonly before: DashboardDocument,\n  ) {\n    this.doc = before\n  }\n\n  /** Whether any step was made. */\n  get changed() {\n    return this.steps.length > 0\n  }\n\n  /** Apply a step as it is. */\n  step(step: DashboardStep) {\n    const result = applyStep(this.doc, step)\n    if (!result) return this\n    this.doc = result[0]\n    this.steps.push(result[1])\n    this.inverse.unshift(result[2])\n    return this\n  }\n\n  /** Put a widget into the document at `index` (the end by default). */\n  add(widget: DashboardWidget, index = Infinity) {\n    return this.step({ type: 'add', widget, index })\n  }\n\n  /** Take a widget out. */\n  remove(id: string) {\n    return this.step({ type: 'remove', id })\n  }\n\n  /** Set keys of a widget, e.g. `{ title }`, `{ props }` or `{ place }`; `undefined` removes a key. */\n  update(id: string, patch: DashboardWidgetPatch) {\n    return this.step({ type: 'update', id, patch })\n  }\n\n  setMeta(key: string, value: unknown) {\n    this.meta[key] = value\n    return this\n  }\n}\n\n/**\n * Applies steps to a document in one go, giving the transaction: its `doc`\n * (unchanged widgets are kept as they are) and the `inverse` steps that\n * undo it. For the server, tests, or saved steps.\n */\nexport function applySteps(\n  document: DashboardDocument,\n  steps: readonly DashboardStep[],\n  meta: DashboardTransactionMeta = {},\n): DashboardTransaction {\n  const tr = new DashboardTransaction(document)\n  Object.assign(tr.meta, meta)\n  for (const step of steps) tr.step(step)\n  return tr\n}\n\n/** A deep copy of a JSON value (also of a reactive one). */\nexport const cloneJson = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T\n\n/** The indexes of the longest strictly increasing run of `values`. */\nfunction longestRun(values: readonly number[]): Set<number> {\n  const tails: number[] = []\n  const previous: number[] = []\n  values.forEach((value, index) => {\n    let low = 0\n    let high = tails.length\n    while (low < high) {\n      const mid = (low + high) >> 1\n      if (values[tails[mid]!]! < value) low = mid + 1\n      else high = mid\n    }\n    previous[index] = low > 0 ? tails[low - 1]! : -1\n    tails[low] = index\n  })\n  const kept = new Set<number>()\n  let index = tails.length ? tails[tails.length - 1]! : -1\n  while (index >= 0) {\n    kept.add(index)\n    index = previous[index]!\n  }\n  return kept\n}\n\n/**\n * Adds the steps that turn the transaction's document into `next`: widgets\n * that are gone are removed, new ones added, changed keys updated, and the\n * fewest widgets taken out and put back to match the order. Unchanged\n * widgets keep their objects.\n *\n * A widget that stays keeps its `comments`, the discussions on it, as they\n * are: restoring a default layout doesn't take them off. Pass\n * `{ keepComments: false }` for the exact steps, e.g. to apply a shared\n * document.\n */\nexport function replaceWidgets(\n  tr: DashboardTransaction,\n  next: DashboardDocument,\n  options: ReplaceWidgetsOptions = {},\n) {\n  const keep = options.keepComments !== false\n  const wanted = new Map(next.widgets.map((widget, index) => [widget.id, index]))\n  for (const widget of tr.doc.widgets) {\n    const index = wanted.get(widget.id)\n    // a widget whose type changed is a new widget\n    if (index === undefined || next.widgets[index]!.type !== widget.type) tr.remove(widget.id)\n  }\n  const current = tr.doc.widgets\n  const kept = longestRun(current.map((widget) => wanted.get(widget.id)!))\n  for (const [index, widget] of current.entries()) if (!kept.has(index)) tr.remove(widget.id)\n  next.widgets.forEach((widget, index) => {\n    const there = tr.doc.widgets[index]\n    if (there?.id !== widget.id) return void tr.add(widget, index)\n    const patch: Record<string, unknown> = {}\n    const old = there as unknown as Record<string, unknown>\n    const item = widget as unknown as Record<string, unknown>\n    for (const key of new Set([...Object.keys(old), ...Object.keys(item)]))\n      if (!PROTECTED.has(key) && !(keep && key === 'comments')) patch[key] = item[key]\n    tr.update(widget.id, patch as DashboardWidgetPatch)\n  })\n  return tr\n}\n"],"mappings":";AA2BA,IAAM,4BAAY,IAAI,IAAI,CAAC,MAAM,MAAM,CAAC;;AAQxC,SAAgB,UAAU,GAAY,GAAqB;CACzD,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,CAAC,KAAK,CAAC,KAAK,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU,OAAO;CACvE,IAAI,MAAM,QAAQ,CAAC,MAAM,MAAM,QAAQ,CAAC,GAAG,OAAO;CAClD,MAAM,OAAO,OAAO,KAAK,CAAC;CAC1B,IAAI,KAAK,WAAW,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,OAAO;CAClD,OAAO,KAAK,OAAO,QACjB,UAAW,EAA8B,MAAO,EAA8B,IAAI,CACpF;AACF;;AAGA,SAAS,UACP,UACA,MAC0D;CAC1D,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,OAAe,QAAQ,WAAW,WAAW,OAAO,OAAO,EAAE;CAC9E,IAAI,KAAK,SAAS,OAAO;EACvB,IAAI,QAAQ,KAAK,OAAO,EAAE,KAAK,GAAG,OAAO;EACzC,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,QAAQ,KAAK,KAAK,CAAC;EAC9D,MAAM,OAAO;GAAC,GAAG,QAAQ,MAAM,GAAG,KAAK;GAAG,KAAK;GAAQ,GAAG,QAAQ,MAAM,KAAK;EAAC;EAC9E,OAAO;GACL;IAAE,GAAG;IAAU,SAAS;GAAK;GAC7B;IAAE,GAAG;IAAM;GAAM;GACjB;IAAE,MAAM;IAAU,IAAI,KAAK,OAAO;GAAG;EACvC;CACF;CACA,MAAM,QAAQ,QAAQ,KAAK,EAAE;CAC7B,IAAI,QAAQ,GAAG,OAAO;CACtB,MAAM,SAAS,QAAQ;CACvB,IAAI,KAAK,SAAS,UAAU;EAC1B,MAAM,OAAO,CAAC,GAAG,QAAQ,MAAM,GAAG,KAAK,GAAG,GAAG,QAAQ,MAAM,QAAQ,CAAC,CAAC;EACrE,OAAO;GAAC;IAAE,GAAG;IAAU,SAAS;GAAK;GAAG;GAAM;IAAE,MAAM;IAAO;IAAQ;GAAM;EAAC;CAC9E;CACA,MAAM,MAAM;CACZ,MAAM,UAAmC,EAAE,GAAG,IAAI;CAClD,MAAM,QAAiC,CAAC;CACxC,MAAM,OAAgC,CAAC;CACvC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,KAAK,GAAG;EACrD,IAAI,UAAU,IAAI,GAAG,GACnB,MAAM,IAAI,MAAM,mCAAmC,IAAI,oBAAoB;EAC7E,IAAI,UAAU,IAAI,MAAM,KAAK,GAAG;EAChC,MAAM,OAAO;EACb,KAAK,OAAO,IAAI;EAChB,IAAI,UAAU,KAAA,GAAW,OAAO,QAAQ;OACnC,QAAQ,OAAO;CACtB;CACA,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,QAAQ,OAAO;CACvC,MAAM,OAAO,QAAQ,MAAM;CAC3B,KAAK,SAAS;CACd,OAAO;EACL;GAAE,GAAG;GAAU,SAAS;EAAK;EAC7B;GAAE,MAAM;GAAU,IAAI,KAAK;GAAW;EAA8B;EACpE;GAAE,MAAM;GAAU,IAAI,KAAK;GAAI,OAAO;EAA6B;CACrE;AACF;;;;;;;;;;;;;AAcA,IAAa,uBAAb,MAAkC;CAUrB;;CARX;CACA,QAAkC,CAAC;;CAEnC,UAAoC,CAAC;CACrC,OAA0C,CAAC;CAE3C,YAEE,QACA;EADS,KAAA,SAAA;EAET,KAAK,MAAM;CACb;;CAGA,IAAI,UAAU;EACZ,OAAO,KAAK,MAAM,SAAS;CAC7B;;CAGA,KAAK,MAAqB;EACxB,MAAM,SAAS,UAAU,KAAK,KAAK,IAAI;EACvC,IAAI,CAAC,QAAQ,OAAO;EACpB,KAAK,MAAM,OAAO;EAClB,KAAK,MAAM,KAAK,OAAO,EAAE;EACzB,KAAK,QAAQ,QAAQ,OAAO,EAAE;EAC9B,OAAO;CACT;;CAGA,IAAI,QAAyB,QAAQ,UAAU;EAC7C,OAAO,KAAK,KAAK;GAAE,MAAM;GAAO;GAAQ;EAAM,CAAC;CACjD;;CAGA,OAAO,IAAY;EACjB,OAAO,KAAK,KAAK;GAAE,MAAM;GAAU;EAAG,CAAC;CACzC;;CAGA,OAAO,IAAY,OAA6B;EAC9C,OAAO,KAAK,KAAK;GAAE,MAAM;GAAU;GAAI;EAAM,CAAC;CAChD;CAEA,QAAQ,KAAa,OAAgB;EACnC,KAAK,KAAK,OAAO;EACjB,OAAO;CACT;AACF;;;;;;AAOA,SAAgB,WACd,UACA,OACA,OAAiC,CAAC,GACZ;CACtB,MAAM,KAAK,IAAI,qBAAqB,QAAQ;CAC5C,OAAO,OAAO,GAAG,MAAM,IAAI;CAC3B,KAAK,MAAM,QAAQ,OAAO,GAAG,KAAK,IAAI;CACtC,OAAO;AACT;;AAGA,IAAa,aAAgB,UAAgB,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC;;AAG7E,SAAS,WAAW,QAAwC;CAC1D,MAAM,QAAkB,CAAC;CACzB,MAAM,WAAqB,CAAC;CAC5B,OAAO,SAAS,OAAO,UAAU;EAC/B,IAAI,MAAM;EACV,IAAI,OAAO,MAAM;EACjB,OAAO,MAAM,MAAM;GACjB,MAAM,MAAO,MAAM,QAAS;GAC5B,IAAI,OAAO,MAAM,QAAU,OAAO,MAAM,MAAM;QACzC,OAAO;EACd;EACA,SAAS,SAAS,MAAM,IAAI,MAAM,MAAM,KAAM;EAC9C,MAAM,OAAO;CACf,CAAC;CACD,MAAM,uBAAO,IAAI,IAAY;CAC7B,IAAI,QAAQ,MAAM,SAAS,MAAM,MAAM,SAAS,KAAM;CACtD,OAAO,SAAS,GAAG;EACjB,KAAK,IAAI,KAAK;EACd,QAAQ,SAAS;CACnB;CACA,OAAO;AACT;;;;;;;;;;;;AAaA,SAAgB,eACd,IACA,MACA,UAAiC,CAAC,GAClC;CACA,MAAM,OAAO,QAAQ,iBAAiB;CACtC,MAAM,SAAS,IAAI,IAAI,KAAK,QAAQ,KAAK,QAAQ,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;CAC9E,KAAK,MAAM,UAAU,GAAG,IAAI,SAAS;EACnC,MAAM,QAAQ,OAAO,IAAI,OAAO,EAAE;EAElC,IAAI,UAAU,KAAA,KAAa,KAAK,QAAQ,MAAM,CAAE,SAAS,OAAO,MAAM,GAAG,OAAO,OAAO,EAAE;CAC3F;CACA,MAAM,UAAU,GAAG,IAAI;CACvB,MAAM,OAAO,WAAW,QAAQ,KAAK,WAAW,OAAO,IAAI,OAAO,EAAE,CAAE,CAAC;CACvE,KAAK,MAAM,CAAC,OAAO,WAAW,QAAQ,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,OAAO,OAAO,EAAE;CAC1F,KAAK,QAAQ,SAAS,QAAQ,UAAU;EACtC,MAAM,QAAQ,GAAG,IAAI,QAAQ;EAC7B,IAAI,OAAO,OAAO,OAAO,IAAI,OAAO,KAAK,GAAG,IAAI,QAAQ,KAAK;EAC7D,MAAM,QAAiC,CAAC;EACxC,MAAM,MAAM;EACZ,MAAM,OAAO;EACb,KAAK,MAAM,uBAAO,IAAI,IAAI,CAAC,GAAG,OAAO,KAAK,GAAG,GAAG,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC,GACnE,IAAI,CAAC,UAAU,IAAI,GAAG,KAAK,EAAE,QAAQ,QAAQ,aAAa,MAAM,OAAO,KAAK;EAC9E,GAAG,OAAO,OAAO,IAAI,KAA6B;CACpD,CAAC;CACD,OAAO;AACT"}

package/dist/dashboard/comment-button.js

@@ -0,0 +1,6 @@
+import comment_button_vue_vue_type_script_setup_true_lang_default from "./comment-button.vue_vue_type_script_setup_true_lang.js";
+// src/dashboard/comment-button.vue
+var comment_button_default = comment_button_vue_vue_type_script_setup_true_lang_default;
+export { comment_button_default as default };
+
+//# sourceMappingURL=comment-button.js.map

package/dist/dashboard/comment-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-button.js","names":["_sfc_main"],"sources":["../../src/dashboard/comment-button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MessageCircleIcon } from '@dou-ui/icons'\nimport { DouButton, DouTooltip, type Placement } from 'dou-ui'\nimport { computed } from 'vue'\nimport { format, type DashboardMessages } from '../locale'\nimport type { DashboardComments } from './comments'\n\n/*\n * A widget's comment button, in its title bar and its full screen view:\n * with how many open threads there are, opening them or the box to start one.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    id: string\n    comments: DashboardComments\n    messages: DashboardMessages\n    /** Where the tooltip goes: in the full screen view, clear of the dialog's close button above. */\n    tooltipPlacement?: Placement\n  }>(),\n  { tooltipPlacement: 'top' },\n)\n\nconst count = computed(() => props.comments.openOn.value.get(props.id)?.length ?? 0)\n/** Shown with something to open, or a thread to start. */\nconst shown = computed(\n  () => props.comments.enabled.value && (props.comments.writable.value || count.value > 0),\n)\nconst expanded = computed(() => props.comments.current.value === props.id)\nconst label = computed(() =>\n  count.value ? format(props.messages.comments, { count: count.value }) : props.messages.comment,\n)\n\nfunction toggle(event: MouseEvent) {\n  if (expanded.value) return props.comments.close()\n  // pressed from the keyboard (no clicks counted): straight into the reply box;\n  // a click or tap only shows the threads, without bringing up a phone's keyboard\n  props.comments.start(props.id, event.detail === 0)\n}\n</script>\n\n<template>\n  <DouTooltip v-if=\"shown\" :content=\"label\" :placement=\"tooltipPlacement\">\n    <DouButton\n      size=\"sm\"\n      variant=\"ghost\"\n      :class=\"['dou-dashboard__comment', count && 'has-threads']\"\n      :aria-label=\"label\"\n      :aria-expanded=\"expanded\"\n      :data-dou-comment=\"id\"\n      @click=\"toggle\"\n    >\n      <template v-if=\"count\" #leading><MessageCircleIcon /></template>\n      <template v-if=\"count\">{{ count }}</template>\n      <MessageCircleIcon v-else />\n    </DouButton>\n  </DouTooltip>\n</template>\n"],"mappings":""}

package/dist/dashboard/comment-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { format } from "../locale.js";
+import { DouButton, DouTooltip } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { MessageCircleIcon } from "@dou-ui/icons";
+// src/dashboard/comment-button.vue?vue&type=script&setup=true&lang.ts
+var comment_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "comment-button",
+	props: {
+		id: {},
+		comments: {},
+		messages: {},
+		tooltipPlacement: { default: "top" }
+	},
+	setup(__props) {
+		const props = __props;
+		const count = computed(() => props.comments.openOn.value.get(props.id)?.length ?? 0);
+		/** Shown with something to open, or a thread to start. */
+		const shown = computed(() => props.comments.enabled.value && (props.comments.writable.value || count.value > 0));
+		const expanded = computed(() => props.comments.current.value === props.id);
+		const label = computed(() => count.value ? format(props.messages.comments, { count: count.value }) : props.messages.comment);
+		function toggle(event) {
+			if (expanded.value) return props.comments.close();
+			props.comments.start(props.id, event.detail === 0);
+		}
+		return (_ctx, _cache) => {
+			return shown.value ? (openBlock(), createBlock(unref(DouTooltip), {
+				key: 0,
+				content: label.value,
+				placement: __props.tooltipPlacement
+			}, {
+				default: withCtx(() => [createVNode(unref(DouButton), {
+					size: "sm",
+					variant: "ghost",
+					class: normalizeClass(["dou-dashboard__comment", count.value && "has-threads"]),
+					"aria-label": label.value,
+					"aria-expanded": expanded.value,
+					"data-dou-comment": __props.id,
+					onClick: toggle
+				}, createSlots({
+					default: withCtx(() => [count.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(count.value), 1)], 64)) : (openBlock(), createBlock(unref(MessageCircleIcon), { key: 1 }))]),
+					_: 2
+				}, [count.value ? {
+					name: "leading",
+					fn: withCtx(() => [createVNode(unref(MessageCircleIcon))]),
+					key: "0"
+				} : void 0]), 1032, [
+					"class",
+					"aria-label",
+					"aria-expanded",
+					"data-dou-comment"
+				])]),
+				_: 1
+			}, 8, ["content", "placement"])) : createCommentVNode("", true);
+		};
+	}
+});
+export { comment_button_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=comment-button.vue_vue_type_script_setup_true_lang.js.map