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

package/dist/dashboard/widget-body.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { format } from "../locale.js";
+import { observersKey } from "./observers.js";
+import { provideWidgetContext } from "../widget/context.js";
+import { DouButton, DouEmpty, DouSpinner } from "dou-ui";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, onBeforeUnmount, onMounted, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { AlertCircleIcon } from "@dou-ui/icons";
+// src/dashboard/widget-body.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-busy"];
+var _hoisted_2 = {
+	key: 1,
+	class: "dou-dashboard__notice"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "dou-dashboard__status is-loading",
+	role: "status"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "dou-dashboard__status is-error",
+	role: "alert"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "dou-dashboard__status is-empty"
+};
+var widget_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardWidgetBody",
+	__name: "widget-body",
+	props: {
+		widget: {},
+		type: {},
+		editing: { type: Boolean },
+		fullscreen: { type: Boolean },
+		messages: {},
+		setProps: { type: Function },
+		setWorkbook: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const body = ref();
+		const width = ref(0);
+		const height = ref(0);
+		const observers = inject(observersKey);
+		let stop;
+		onMounted(() => {
+			stop = observers?.size(body.value, (entry) => {
+				width.value = entry.contentRect.width;
+				height.value = entry.contentRect.height;
+			});
+		});
+		onBeforeUnmount(() => stop?.());
+		const { status } = provideWidgetContext({
+			widget: () => props.widget,
+			editing: () => props.editing,
+			fullscreen: () => !!props.fullscreen,
+			size: {
+				width,
+				height
+			},
+			setProps: props.setProps,
+			setWorkbook: props.setWorkbook
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "dou-dashboard__body",
+				"aria-busy": unref(status).state === "loading" || void 0
+			}, [createElementVNode("div", {
+				ref_key: "body",
+				ref: body,
+				class: "dou-dashboard__content"
+			}, [__props.type ? (openBlock(), createBlock(resolveDynamicComponent(__props.type.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(format)(__props.messages.unknownType, { type: __props.widget.type })), 1))], 512), unref(status).state === "loading" ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(DouSpinner), {
+				size: "sm",
+				label: __props.messages.loading
+			}, null, 8, ["label"])])) : unref(status).state === "error" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+				createVNode(unref(AlertCircleIcon), { class: "dou-dashboard__status-icon" }),
+				createElementVNode("span", null, toDisplayString(unref(status).message || __props.messages.error), 1),
+				unref(status).retry ? (openBlock(), createBlock(unref(DouButton), {
+					key: 0,
+					size: "sm",
+					variant: "soft",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(status).retry())
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.messages.retry), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)
+			])) : unref(status).state === "empty" ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(DouEmpty), {
+				size: "sm",
+				title: unref(status).message || __props.messages.empty
+			}, null, 8, ["title"])])) : createCommentVNode("", true)], 8, _hoisted_1);
+		};
+	}
+});
+export { widget_body_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=widget-body.vue_vue_type_script_setup_true_lang.js.map

package/dist/dashboard/widget-body.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-body.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_createBlock","_resolveDynamicComponent","_toDisplayString","_createVNode","_withCtx","_createTextVNode","_createCommentVNode"],"sources":["../../src/dashboard/widget-body.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon } from '@dou-ui/icons'\nimport { DouButton, DouEmpty, DouSpinner } from 'dou-ui'\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue'\nimport type { SheetWorkbook } from '@dou-ui/sheet/core'\nimport type { DashboardWidget } from '../core/types'\nimport type { DashboardMessages } from '../locale'\nimport { format } from '../locale'\nimport { provideWidgetContext } from '../widget/context'\nimport { observersKey } from './observers'\nimport type { DashboardWidgetType } from '../widget/define'\n\ndefineOptions({ name: 'DouDashboardWidgetBody' })\n\nconst props = defineProps<{\n  widget: DashboardWidget\n  type?: DashboardWidgetType<any>\n  editing: boolean\n  fullscreen?: boolean\n  messages: DashboardMessages\n  setProps: (id: string, patch: Record<string, unknown>, options?: { group?: string }) => void\n  /** Where the widget's workbook goes, for its export menu; the full-screen copy has none. */\n  setWorkbook?: (id: string, get: () => SheetWorkbook | undefined) => () => void\n}>()\n\nconst body = ref<HTMLElement>()\nconst width = ref(0)\nconst height = ref(0)\nconst observers = inject(observersKey)\nlet stop: (() => void) | undefined\nonMounted(() => {\n  // not read here: that would lay the page out once per widget. The first\n  // observation comes before the page is painted.\n  stop = observers?.size(body.value!, (entry) => {\n    width.value = entry.contentRect.width\n    height.value = entry.contentRect.height\n  })\n})\nonBeforeUnmount(() => stop?.())\nconst { status } = provideWidgetContext({\n  widget: () => props.widget,\n  editing: () => props.editing,\n  fullscreen: () => !!props.fullscreen,\n  size: { width, height },\n  setProps: props.setProps,\n  setWorkbook: props.setWorkbook,\n})\n</script>\n\n<template>\n  <div class=\"dou-dashboard__body\" :aria-busy=\"status.state === 'loading' || undefined\">\n    <div ref=\"body\" class=\"dou-dashboard__content\">\n      <component :is=\"type.component\" v-if=\"type\" />\n      <div v-else class=\"dou-dashboard__notice\">\n        {{ format(messages.unknownType, { type: widget.type }) }}\n      </div>\n    </div>\n    <div v-if=\"status.state === 'loading'\" class=\"dou-dashboard__status is-loading\" role=\"status\">\n      <DouSpinner size=\"sm\" :label=\"messages.loading\" />\n    </div>\n    <div v-else-if=\"status.state === 'error'\" class=\"dou-dashboard__status is-error\" role=\"alert\">\n      <AlertCircleIcon class=\"dou-dashboard__status-icon\" />\n      <span>{{ status.message || messages.error }}</span>\n      <DouButton v-if=\"status.retry\" size=\"sm\" variant=\"soft\" @click=\"status.retry()\">\n        {{ messages.retry }}\n      </DouButton>\n    </div>\n    <div v-else-if=\"status.state === 'empty'\" class=\"dou-dashboard__status is-empty\">\n      <DouEmpty size=\"sm\" :title=\"status.message || messages.empty\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAWd,MAAM,OAAO,IAAiB;EAC9B,MAAM,QAAQ,IAAI,CAAC;EACnB,MAAM,SAAS,IAAI,CAAC;EACpB,MAAM,YAAY,OAAO,YAAY;EACrC,IAAI;EACJ,gBAAgB;GAGd,OAAO,WAAW,KAAK,KAAK,QAAS,UAAU;IAC7C,MAAM,QAAQ,MAAM,YAAY;IAChC,OAAO,QAAQ,MAAM,YAAY;GACnC,CAAC;EACH,CAAC;EACD,sBAAsB,OAAO,CAAC;EAC9B,MAAM,EAAE,WAAW,qBAAqB;GACtC,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,kBAAkB,CAAC,CAAC,MAAM;GAC1B,MAAM;IAAE;IAAO;GAAO;GACtB,UAAU,MAAM;GAChB,aAAa,MAAM;EACrB,CAAC;;GAIC,OAAAA,UAAA,GAAAC,mBAoBM,OAAA;IApBD,OAAM;IAAuB,aAAWC,MAAA,MAAA,CAAM,CAAC,UAAK,aAAkB,KAAA;G,IACzEC,mBAKM,OAAA;IALG,SAAA;IAAJ,KAAI;IAAO,OAAM;G,IACkB,QAAA,QAAtCH,UAAA,GAAAI,YAA8CC,wBAA9B,QAAA,KAAK,SAAS,GAAA,EAAA,KAAA,EAAA,CAAA,MAC9BL,UAAA,GAAAC,mBAEM,OAFN,YAEMK,gBADDJ,MAAA,MAAA,CAAM,CAAC,QAAA,SAAS,aAAW,EAAA,MAAU,QAAA,OAAO,KAAI,CAAA,CAAA,GAAA,CAAA,E,SAG5CA,MAAA,MAAA,CAAM,CAAC,UAAK,aAAvBF,UAAA,GAAAC,mBAEM,OAFN,YAEM,CADJM,YAAkDL,MAAA,UAAA,GAAA;IAAtC,MAAK;IAAM,OAAO,QAAA,SAAS;G,4BAEzBA,MAAA,MAAA,CAAM,CAAC,UAAK,WAA5BF,UAAA,GAAAC,mBAMM,OANN,YAMM;IALJM,YAAsDL,MAAA,eAAA,GAAA,EAArC,OAAM,6BAA4B,CAAA;IACnDC,mBAAmD,QAAA,MAAAG,gBAA1CJ,MAAA,MAAA,CAAM,CAAC,WAAW,QAAA,SAAS,KAAK,GAAA,CAAA;IACxBA,MAAA,MAAA,CAAM,CAAC,SAAxBF,UAAA,GAAAI,YAEYF,MAAA,SAAA,GAAA;;KAFmB,MAAK;KAAK,SAAQ;KAAQ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,MAAA,CAAM,CAAC,MAAK;;KAC1E,SAAAM,cAAoB,CAAjBC,gBAAAH,gBAAA,QAAA,SAAS,KAAK,GAAA,CAAA,C;;;G,MAGLJ,MAAA,MAAA,CAAM,CAAC,UAAK,WAA5BF,UAAA,GAAAC,mBAEM,OAFN,YAEM,CADJM,YAAgEL,MAAA,QAAA,GAAA;IAAtD,MAAK;IAAM,OAAOA,MAAA,MAAA,CAAM,CAAC,WAAW,QAAA,SAAS"}

package/dist/dashboard/widget-frame.js

@@ -0,0 +1,6 @@
+import widget_frame_vue_vue_type_script_setup_true_lang_default from "./widget-frame.vue_vue_type_script_setup_true_lang.js";
+// src/dashboard/widget-frame.vue
+var widget_frame_default = widget_frame_vue_vue_type_script_setup_true_lang_default;
+export { widget_frame_default as default };
+
+//# sourceMappingURL=widget-frame.js.map

package/dist/dashboard/widget-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-frame.js","names":["_sfc_main"],"sources":["../../src/dashboard/widget-frame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DownloadIcon, MaximizeIcon, MoreHorizontalIcon } from '@dou-ui/icons'\nimport {\n  DouAlert,\n  DouButton,\n  DouDropdown,\n  DouDropdownItem,\n  DouDropdownSub,\n  DouEditable,\n  DouTag,\n  DouTooltip,\n} from 'dou-ui'\nimport type { DropdownValue } from 'dou-ui'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport GridLayoutHandle from '../grid/grid-handle.vue'\nimport { format } from '../locale'\nimport { frameContextKey } from './frame-context'\nimport type { WidgetAction } from './frame-context'\nimport { observersKey } from './observers'\nimport WidgetBody from './widget-body.vue'\n\ndefineOptions({ name: 'DouDashboardWidget' })\n\nconst props = defineProps<{ id: string }>()\n\nconst frame = inject(frameContextKey)!\nconst widget = computed(() => frame.widget(props.id))\nconst type = computed(() => widget.value && frame.type(widget.value))\nconst title = computed(() => (widget.value ? frame.title(widget.value) : ''))\nconst editing = computed(() => frame.editing())\nconst messages = computed(() => frame.messages())\n/** The filters this widget set, each with a button to clear it. */\nconst linked = computed(() => frame.linked(props.id))\n/** All of them in one tag (a pivot table's click sets one per field), cleared together. */\nconst linkLabel = computed(() => linked.value.map((link) => link.label).join(' / '))\nfunction clearLinks() {\n  for (const link of linked.value) frame.clearFilter(link.key)\n}\n\n/** Others at this widget, when editing together: an outline in the first one's color and their names. */\nconst peers = computed(() => frame.peers(props.id))\nconst peerText = (peer: { name: string; action: string }) => {\n  const m = messages.value\n  const text =\n    peer.action === 'move'\n      ? m.peerMoving\n      : peer.action === 'resize'\n        ? m.peerResizing\n        : peer.action === 'settings'\n          ? m.peerSettings\n          : '{name}'\n  return format(text, { name: peer.name })\n}\n\nconst renaming = ref(false)\n\n// Widgets far out of view show only their title until they come near: with\n// hundreds of widgets, their contents and controls are most of the mounting.\nconst root = ref<HTMLElement>()\nconst active = ref(frame.eager(props.id))\nconst observers = inject(observersKey)\nlet stop: (() => void) | undefined\nonMounted(() => {\n  if (active.value || !observers) {\n    active.value = true\n    return\n  }\n  stop = observers.near(root.value!, () => {\n    active.value = true\n    stop?.()\n  })\n})\nonBeforeUnmount(() => stop?.())\n// the dashboard draws everything for an export only when this widget isn't drawn yet\nwatch(active, (drawn) => frame.setDrawn(props.id, drawn), { immediate: true })\nonBeforeUnmount(() => frame.setDrawn(props.id, false))\n// drawn in full to export or print the dashboard, and kept that way\nwatch(\n  () => frame.all(),\n  (all) => {\n    if (!all || active.value) return\n    active.value = true\n    stop?.()\n  },\n  { immediate: true },\n)\nconst canFullscreen = computed(() => type.value?.fullscreen !== false)\n\nconst emitAction = (action: WidgetAction) => frame.action(props.id, action)\n\n/** The file types this widget's content can be exported as; none unless it gives a workbook. */\nconst exporters = computed(() => frame.exporters(props.id))\nconst exportError = computed(() => frame.exportError(props.id))\nconst exporting = computed(() => frame.exporting(props.id))\nconst EXPORT = 'export:'\nconst exportOpen = ref(false)\n\nfunction onSelect(value: DropdownValue | undefined) {\n  if (typeof value !== 'string') return\n  if (value.startsWith(EXPORT)) frame.exportTo(props.id, value.slice(EXPORT.length))\n  else emitAction(value as WidgetAction)\n}\n</script>\n\n<template>\n  <!-- outside the frame, which cuts off what overflows it -->\n  <div v-if=\"widget && peers.length\" class=\"dou-dashboard__peers\" aria-hidden=\"true\">\n    <span\n      v-for=\"peer in peers\"\n      :key=\"`${peer.client}:${peer.action}`\"\n      :class=\"['dou-dashboard__peer', `is-${peer.action}`]\"\n      :style=\"{ '--dou-dashboard-peer-color': peer.color }\"\n    >\n      {{ peerText(peer) }}\n    </span>\n  </div>\n  <div\n    v-if=\"widget\"\n    ref=\"root\"\n    :class=\"['dou-dashboard__widget', peers.length && 'has-peers']\"\n    :style=\"peers.length ? { '--dou-dashboard-peer-color': peers[0]!.color } : undefined\"\n  >\n    <template v-if=\"!active\">\n      <div class=\"dou-dashboard__header\">\n        <div class=\"dou-dashboard__title\">{{ title }}</div>\n      </div>\n      <div class=\"dou-dashboard__body\" />\n    </template>\n    <component\n      v-else\n      :is=\"editing ? GridLayoutHandle : 'div'\"\n      :as=\"editing ? 'header' : undefined\"\n      class=\"dou-dashboard__header\"\n    >\n      <DouEditable\n        v-if=\"editing\"\n        v-model:editing=\"renaming\"\n        class=\"dou-dashboard__title\"\n        :model-value=\"title\"\n        trigger=\"dblclick\"\n        select-on-edit\n        :aria-label=\"messages.titleField\"\n        :data-dou-nodrag=\"renaming ? '' : undefined\"\n        @submit=\"(value) => frame.rename(id, value)\"\n      />\n      <div v-else class=\"dou-dashboard__title\">{{ title }}</div>\n      <div v-if=\"linked.length\" class=\"dou-dashboard__links\" data-dou-nodrag>\n        <DouTag\n          size=\"sm\"\n          closable\n          :close-label=\"format(messages.clearFilter, { value: linkLabel })\"\n          @close=\"clearLinks\"\n        >\n          {{ format(messages.filteredBy, { value: linkLabel }) }}\n        </DouTag>\n      </div>\n      <div class=\"dou-dashboard__actions\" data-dou-nodrag>\n        <DouDropdown v-if=\"editing\" placement=\"bottom-end\" @select=\"onSelect\">\n          <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.widgetMenu\">\n            <MoreHorizontalIcon />\n          </DouButton>\n          <template #menu>\n            <DouDropdownItem value=\"settings\">{{ messages.settings }}</DouDropdownItem>\n            <DouDropdownItem v-if=\"canFullscreen\" value=\"fullscreen\">\n              {{ messages.fullscreen }}\n            </DouDropdownItem>\n            <DouDropdownSub v-if=\"exporters.length\" :title=\"messages.export\">\n              <DouDropdownItem\n                v-for=\"exporter in exporters\"\n                :key=\"exporter.name\"\n                :value=\"EXPORT + exporter.name\"\n                :disabled=\"exporting\"\n              >\n                <template v-if=\"exporter.icon\" #prefix><component :is=\"exporter.icon\" /></template>\n                {{ exporter.label }}\n              </DouDropdownItem>\n            </DouDropdownSub>\n            <DouDropdownItem value=\"duplicate\" shortcut=\"mod+d\">\n              {{ messages.duplicate }}\n            </DouDropdownItem>\n            <DouDropdownItem value=\"remove\" tone=\"danger\" shortcut=\"delete\" divided>\n              {{ messages.remove }}\n            </DouDropdownItem>\n          </template>\n        </DouDropdown>\n        <DouTooltip\n          v-if=\"!editing && exporters.length\"\n          :content=\"messages.export\"\n          :disabled=\"exportOpen\"\n        >\n          <span class=\"dou-dashboard__trigger\">\n            <DouDropdown v-model:open=\"exportOpen\" placement=\"bottom-end\" @select=\"onSelect\">\n              <DouButton\n                size=\"sm\"\n                variant=\"ghost\"\n                :aria-label=\"messages.export\"\n                :loading=\"exporting\"\n                :disabled=\"exporting\"\n              >\n                <DownloadIcon />\n              </DouButton>\n              <template #menu>\n                <DouDropdownItem\n                  v-for=\"exporter in exporters\"\n                  :key=\"exporter.name\"\n                  :value=\"EXPORT + exporter.name\"\n                >\n                  <template v-if=\"exporter.icon\" #prefix\n                    ><component :is=\"exporter.icon\"\n                  /></template>\n                  {{ exporter.label }}\n                </DouDropdownItem>\n              </template>\n            </DouDropdown>\n          </span>\n        </DouTooltip>\n        <DouTooltip v-if=\"!editing && canFullscreen\" :content=\"messages.fullscreen\">\n          <DouButton\n            size=\"sm\"\n            variant=\"ghost\"\n            :aria-label=\"messages.fullscreen\"\n            @click=\"emitAction('fullscreen')\"\n          >\n            <MaximizeIcon />\n          </DouButton>\n        </DouTooltip>\n      </div>\n    </component>\n    <div v-if=\"exportError\" class=\"dou-dashboard__export-error\" data-dou-nodrag>\n      <DouAlert tone=\"danger\" closable @close=\"frame.clearExportError(id)\">\n        {{ exportError }}\n      </DouAlert>\n    </div>\n    <WidgetBody\n      v-if=\"active\"\n      :widget=\"widget\"\n      :type=\"type\"\n      :editing=\"editing\"\n      :messages=\"messages\"\n      :set-props=\"frame.setProps\"\n      :set-workbook=\"frame.setWorkbook\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/dashboard/widget-frame.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,300 @@
+import { format } from "../locale.js";
+import grid_handle_default from "../grid/grid-handle.js";
+import { observersKey } from "./observers.js";
+import widget_body_default from "./widget-body.js";
+import { frameContextKey } from "./frame-context.js";
+import { DouAlert, DouButton, DouDropdown, DouDropdownItem, DouDropdownSub, DouEditable, DouTag, DouTooltip } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { DownloadIcon, MaximizeIcon, MoreHorizontalIcon } from "@dou-ui/icons";
+// src/dashboard/widget-frame.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "dou-dashboard__peers",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = { class: "dou-dashboard__header" };
+var _hoisted_3 = { class: "dou-dashboard__title" };
+var _hoisted_4 = {
+	key: 1,
+	class: "dou-dashboard__title"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "dou-dashboard__links",
+	"data-dou-nodrag": ""
+};
+var _hoisted_6 = {
+	class: "dou-dashboard__actions",
+	"data-dou-nodrag": ""
+};
+var _hoisted_7 = { class: "dou-dashboard__trigger" };
+var _hoisted_8 = {
+	key: 2,
+	class: "dou-dashboard__export-error",
+	"data-dou-nodrag": ""
+};
+var EXPORT = "export:";
+var widget_frame_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardWidget",
+	__name: "widget-frame",
+	props: { id: {} },
+	setup(__props) {
+		const props = __props;
+		const frame = inject(frameContextKey);
+		const widget = computed(() => frame.widget(props.id));
+		const type = computed(() => widget.value && frame.type(widget.value));
+		const title = computed(() => widget.value ? frame.title(widget.value) : "");
+		const editing = computed(() => frame.editing());
+		const messages = computed(() => frame.messages());
+		/** The filters this widget set, each with a button to clear it. */
+		const linked = computed(() => frame.linked(props.id));
+		/** All of them in one tag (a pivot table's click sets one per field), cleared together. */
+		const linkLabel = computed(() => linked.value.map((link) => link.label).join(" / "));
+		function clearLinks() {
+			for (const link of linked.value) frame.clearFilter(link.key);
+		}
+		/** Others at this widget, when editing together: an outline in the first one's color and their names. */
+		const peers = computed(() => frame.peers(props.id));
+		const peerText = (peer) => {
+			const m = messages.value;
+			const text = peer.action === "move" ? m.peerMoving : peer.action === "resize" ? m.peerResizing : peer.action === "settings" ? m.peerSettings : "{name}";
+			return format(text, { name: peer.name });
+		};
+		const renaming = ref(false);
+		const root = ref();
+		const active = ref(frame.eager(props.id));
+		const observers = inject(observersKey);
+		let stop;
+		onMounted(() => {
+			if (active.value || !observers) {
+				active.value = true;
+				return;
+			}
+			stop = observers.near(root.value, () => {
+				active.value = true;
+				stop?.();
+			});
+		});
+		onBeforeUnmount(() => stop?.());
+		watch(active, (drawn) => frame.setDrawn(props.id, drawn), { immediate: true });
+		onBeforeUnmount(() => frame.setDrawn(props.id, false));
+		watch(() => frame.all(), (all) => {
+			if (!all || active.value) return;
+			active.value = true;
+			stop?.();
+		}, { immediate: true });
+		const canFullscreen = computed(() => type.value?.fullscreen !== false);
+		const emitAction = (action) => frame.action(props.id, action);
+		/** The file types this widget's content can be exported as; none unless it gives a workbook. */
+		const exporters = computed(() => frame.exporters(props.id));
+		const exportError = computed(() => frame.exportError(props.id));
+		const exporting = computed(() => frame.exporting(props.id));
+		const exportOpen = ref(false);
+		function onSelect(value) {
+			if (typeof value !== "string") return;
+			if (value.startsWith(EXPORT)) frame.exportTo(props.id, value.slice(7));
+			else emitAction(value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [widget.value && peers.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(peers.value, (peer) => {
+				return openBlock(), createElementBlock("span", {
+					key: `${peer.client}:${peer.action}`,
+					class: normalizeClass(["dou-dashboard__peer", `is-${peer.action}`]),
+					style: normalizeStyle({ "--dou-dashboard-peer-color": peer.color })
+				}, toDisplayString(peerText(peer)), 7);
+			}), 128))])) : createCommentVNode("", true), widget.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass(["dou-dashboard__widget", peers.value.length && "has-peers"]),
+				style: normalizeStyle(peers.value.length ? { "--dou-dashboard-peer-color": peers.value[0].color } : void 0)
+			}, [
+				!active.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(title.value), 1)]), _cache[5] || (_cache[5] = createElementVNode("div", { class: "dou-dashboard__body" }, null, -1))], 64)) : (openBlock(), createBlock(resolveDynamicComponent(editing.value ? grid_handle_default : "div"), {
+					key: 1,
+					as: editing.value ? "header" : void 0,
+					class: "dou-dashboard__header"
+				}, {
+					default: withCtx(() => [
+						editing.value ? (openBlock(), createBlock(unref(DouEditable), {
+							key: 0,
+							editing: renaming.value,
+							"onUpdate:editing": _cache[0] || (_cache[0] = ($event) => renaming.value = $event),
+							class: "dou-dashboard__title",
+							"model-value": title.value,
+							trigger: "dblclick",
+							"select-on-edit": "",
+							"aria-label": messages.value.titleField,
+							"data-dou-nodrag": renaming.value ? "" : void 0,
+							onSubmit: _cache[1] || (_cache[1] = (value) => unref(frame).rename(__props.id, value))
+						}, null, 8, [
+							"editing",
+							"model-value",
+							"aria-label",
+							"data-dou-nodrag"
+						])) : (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(title.value), 1)),
+						linked.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(DouTag), {
+							size: "sm",
+							closable: "",
+							"close-label": unref(format)(messages.value.clearFilter, { value: linkLabel.value }),
+							onClose: clearLinks
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(format)(messages.value.filteredBy, { value: linkLabel.value })), 1)]),
+							_: 1
+						}, 8, ["close-label"])])) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_6, [
+							editing.value ? (openBlock(), createBlock(unref(DouDropdown), {
+								key: 0,
+								placement: "bottom-end",
+								onSelect
+							}, {
+								menu: withCtx(() => [
+									createVNode(unref(DouDropdownItem), { value: "settings" }, {
+										default: withCtx(() => [createTextVNode(toDisplayString(messages.value.settings), 1)]),
+										_: 1
+									}),
+									canFullscreen.value ? (openBlock(), createBlock(unref(DouDropdownItem), {
+										key: 0,
+										value: "fullscreen"
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(messages.value.fullscreen), 1)]),
+										_: 1
+									})) : createCommentVNode("", true),
+									exporters.value.length ? (openBlock(), createBlock(unref(DouDropdownSub), {
+										key: 1,
+										title: messages.value.export
+									}, {
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(exporters.value, (exporter) => {
+											return openBlock(), createBlock(unref(DouDropdownItem), {
+												key: exporter.name,
+												value: EXPORT + exporter.name,
+												disabled: exporting.value
+											}, createSlots({
+												default: withCtx(() => [createTextVNode(" " + toDisplayString(exporter.label), 1)]),
+												_: 2
+											}, [exporter.icon ? {
+												name: "prefix",
+												fn: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(exporter.icon)))]),
+												key: "0"
+											} : void 0]), 1032, ["value", "disabled"]);
+										}), 128))]),
+										_: 1
+									}, 8, ["title"])) : createCommentVNode("", true),
+									createVNode(unref(DouDropdownItem), {
+										value: "duplicate",
+										shortcut: "mod+d"
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(messages.value.duplicate), 1)]),
+										_: 1
+									}),
+									createVNode(unref(DouDropdownItem), {
+										value: "remove",
+										tone: "danger",
+										shortcut: "delete",
+										divided: ""
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(messages.value.remove), 1)]),
+										_: 1
+									})
+								]),
+								default: withCtx(() => [createVNode(unref(DouButton), {
+									size: "sm",
+									variant: "ghost",
+									"aria-label": messages.value.widgetMenu
+								}, {
+									default: withCtx(() => [createVNode(unref(MoreHorizontalIcon))]),
+									_: 1
+								}, 8, ["aria-label"])]),
+								_: 1
+							})) : createCommentVNode("", true),
+							!editing.value && exporters.value.length ? (openBlock(), createBlock(unref(DouTooltip), {
+								key: 1,
+								content: messages.value.export,
+								disabled: exportOpen.value
+							}, {
+								default: withCtx(() => [createElementVNode("span", _hoisted_7, [createVNode(unref(DouDropdown), {
+									open: exportOpen.value,
+									"onUpdate:open": _cache[2] || (_cache[2] = ($event) => exportOpen.value = $event),
+									placement: "bottom-end",
+									onSelect
+								}, {
+									menu: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(exporters.value, (exporter) => {
+										return openBlock(), createBlock(unref(DouDropdownItem), {
+											key: exporter.name,
+											value: EXPORT + exporter.name
+										}, createSlots({
+											default: withCtx(() => [createTextVNode(" " + toDisplayString(exporter.label), 1)]),
+											_: 2
+										}, [exporter.icon ? {
+											name: "prefix",
+											fn: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(exporter.icon)))]),
+											key: "0"
+										} : void 0]), 1032, ["value"]);
+									}), 128))]),
+									default: withCtx(() => [createVNode(unref(DouButton), {
+										size: "sm",
+										variant: "ghost",
+										"aria-label": messages.value.export,
+										loading: exporting.value,
+										disabled: exporting.value
+									}, {
+										default: withCtx(() => [createVNode(unref(DownloadIcon))]),
+										_: 1
+									}, 8, [
+										"aria-label",
+										"loading",
+										"disabled"
+									])]),
+									_: 1
+								}, 8, ["open"])])]),
+								_: 1
+							}, 8, ["content", "disabled"])) : createCommentVNode("", true),
+							!editing.value && canFullscreen.value ? (openBlock(), createBlock(unref(DouTooltip), {
+								key: 2,
+								content: messages.value.fullscreen
+							}, {
+								default: withCtx(() => [createVNode(unref(DouButton), {
+									size: "sm",
+									variant: "ghost",
+									"aria-label": messages.value.fullscreen,
+									onClick: _cache[3] || (_cache[3] = ($event) => emitAction("fullscreen"))
+								}, {
+									default: withCtx(() => [createVNode(unref(MaximizeIcon))]),
+									_: 1
+								}, 8, ["aria-label"])]),
+								_: 1
+							}, 8, ["content"])) : createCommentVNode("", true)
+						])
+					]),
+					_: 1
+				}, 8, ["as"])),
+				exportError.value ? (openBlock(), createElementBlock("div", _hoisted_8, [createVNode(unref(DouAlert), {
+					tone: "danger",
+					closable: "",
+					onClose: _cache[4] || (_cache[4] = ($event) => unref(frame).clearExportError(__props.id))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(exportError.value), 1)]),
+					_: 1
+				})])) : createCommentVNode("", true),
+				active.value ? (openBlock(), createBlock(widget_body_default, {
+					key: 3,
+					widget: widget.value,
+					type: type.value,
+					editing: editing.value,
+					messages: messages.value,
+					"set-props": unref(frame).setProps,
+					"set-workbook": unref(frame).setWorkbook
+				}, null, 8, [
+					"widget",
+					"type",
+					"editing",
+					"messages",
+					"set-props",
+					"set-workbook"
+				])) : createCommentVNode("", true)
+			], 6)) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { widget_frame_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=widget-frame.vue_vue_type_script_setup_true_lang.js.map

package/dist/dashboard/widget-frame.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-frame.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_toDisplayString","_createCommentVNode","_createElementVNode","_createBlock","_resolveDynamicComponent","GridLayoutHandle","_withCtx","_unref","_createVNode","_createTextVNode","_createSlots","WidgetBody"],"sources":["../../src/dashboard/widget-frame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DownloadIcon, MaximizeIcon, MoreHorizontalIcon } from '@dou-ui/icons'\nimport {\n  DouAlert,\n  DouButton,\n  DouDropdown,\n  DouDropdownItem,\n  DouDropdownSub,\n  DouEditable,\n  DouTag,\n  DouTooltip,\n} from 'dou-ui'\nimport type { DropdownValue } from 'dou-ui'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport GridLayoutHandle from '../grid/grid-handle.vue'\nimport { format } from '../locale'\nimport { frameContextKey } from './frame-context'\nimport type { WidgetAction } from './frame-context'\nimport { observersKey } from './observers'\nimport WidgetBody from './widget-body.vue'\n\ndefineOptions({ name: 'DouDashboardWidget' })\n\nconst props = defineProps<{ id: string }>()\n\nconst frame = inject(frameContextKey)!\nconst widget = computed(() => frame.widget(props.id))\nconst type = computed(() => widget.value && frame.type(widget.value))\nconst title = computed(() => (widget.value ? frame.title(widget.value) : ''))\nconst editing = computed(() => frame.editing())\nconst messages = computed(() => frame.messages())\n/** The filters this widget set, each with a button to clear it. */\nconst linked = computed(() => frame.linked(props.id))\n/** All of them in one tag (a pivot table's click sets one per field), cleared together. */\nconst linkLabel = computed(() => linked.value.map((link) => link.label).join(' / '))\nfunction clearLinks() {\n  for (const link of linked.value) frame.clearFilter(link.key)\n}\n\n/** Others at this widget, when editing together: an outline in the first one's color and their names. */\nconst peers = computed(() => frame.peers(props.id))\nconst peerText = (peer: { name: string; action: string }) => {\n  const m = messages.value\n  const text =\n    peer.action === 'move'\n      ? m.peerMoving\n      : peer.action === 'resize'\n        ? m.peerResizing\n        : peer.action === 'settings'\n          ? m.peerSettings\n          : '{name}'\n  return format(text, { name: peer.name })\n}\n\nconst renaming = ref(false)\n\n// Widgets far out of view show only their title until they come near: with\n// hundreds of widgets, their contents and controls are most of the mounting.\nconst root = ref<HTMLElement>()\nconst active = ref(frame.eager(props.id))\nconst observers = inject(observersKey)\nlet stop: (() => void) | undefined\nonMounted(() => {\n  if (active.value || !observers) {\n    active.value = true\n    return\n  }\n  stop = observers.near(root.value!, () => {\n    active.value = true\n    stop?.()\n  })\n})\nonBeforeUnmount(() => stop?.())\n// the dashboard draws everything for an export only when this widget isn't drawn yet\nwatch(active, (drawn) => frame.setDrawn(props.id, drawn), { immediate: true })\nonBeforeUnmount(() => frame.setDrawn(props.id, false))\n// drawn in full to export or print the dashboard, and kept that way\nwatch(\n  () => frame.all(),\n  (all) => {\n    if (!all || active.value) return\n    active.value = true\n    stop?.()\n  },\n  { immediate: true },\n)\nconst canFullscreen = computed(() => type.value?.fullscreen !== false)\n\nconst emitAction = (action: WidgetAction) => frame.action(props.id, action)\n\n/** The file types this widget's content can be exported as; none unless it gives a workbook. */\nconst exporters = computed(() => frame.exporters(props.id))\nconst exportError = computed(() => frame.exportError(props.id))\nconst exporting = computed(() => frame.exporting(props.id))\nconst EXPORT = 'export:'\nconst exportOpen = ref(false)\n\nfunction onSelect(value: DropdownValue | undefined) {\n  if (typeof value !== 'string') return\n  if (value.startsWith(EXPORT)) frame.exportTo(props.id, value.slice(EXPORT.length))\n  else emitAction(value as WidgetAction)\n}\n</script>\n\n<template>\n  <!-- outside the frame, which cuts off what overflows it -->\n  <div v-if=\"widget && peers.length\" class=\"dou-dashboard__peers\" aria-hidden=\"true\">\n    <span\n      v-for=\"peer in peers\"\n      :key=\"`${peer.client}:${peer.action}`\"\n      :class=\"['dou-dashboard__peer', `is-${peer.action}`]\"\n      :style=\"{ '--dou-dashboard-peer-color': peer.color }\"\n    >\n      {{ peerText(peer) }}\n    </span>\n  </div>\n  <div\n    v-if=\"widget\"\n    ref=\"root\"\n    :class=\"['dou-dashboard__widget', peers.length && 'has-peers']\"\n    :style=\"peers.length ? { '--dou-dashboard-peer-color': peers[0]!.color } : undefined\"\n  >\n    <template v-if=\"!active\">\n      <div class=\"dou-dashboard__header\">\n        <div class=\"dou-dashboard__title\">{{ title }}</div>\n      </div>\n      <div class=\"dou-dashboard__body\" />\n    </template>\n    <component\n      v-else\n      :is=\"editing ? GridLayoutHandle : 'div'\"\n      :as=\"editing ? 'header' : undefined\"\n      class=\"dou-dashboard__header\"\n    >\n      <DouEditable\n        v-if=\"editing\"\n        v-model:editing=\"renaming\"\n        class=\"dou-dashboard__title\"\n        :model-value=\"title\"\n        trigger=\"dblclick\"\n        select-on-edit\n        :aria-label=\"messages.titleField\"\n        :data-dou-nodrag=\"renaming ? '' : undefined\"\n        @submit=\"(value) => frame.rename(id, value)\"\n      />\n      <div v-else class=\"dou-dashboard__title\">{{ title }}</div>\n      <div v-if=\"linked.length\" class=\"dou-dashboard__links\" data-dou-nodrag>\n        <DouTag\n          size=\"sm\"\n          closable\n          :close-label=\"format(messages.clearFilter, { value: linkLabel })\"\n          @close=\"clearLinks\"\n        >\n          {{ format(messages.filteredBy, { value: linkLabel }) }}\n        </DouTag>\n      </div>\n      <div class=\"dou-dashboard__actions\" data-dou-nodrag>\n        <DouDropdown v-if=\"editing\" placement=\"bottom-end\" @select=\"onSelect\">\n          <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.widgetMenu\">\n            <MoreHorizontalIcon />\n          </DouButton>\n          <template #menu>\n            <DouDropdownItem value=\"settings\">{{ messages.settings }}</DouDropdownItem>\n            <DouDropdownItem v-if=\"canFullscreen\" value=\"fullscreen\">\n              {{ messages.fullscreen }}\n            </DouDropdownItem>\n            <DouDropdownSub v-if=\"exporters.length\" :title=\"messages.export\">\n              <DouDropdownItem\n                v-for=\"exporter in exporters\"\n                :key=\"exporter.name\"\n                :value=\"EXPORT + exporter.name\"\n                :disabled=\"exporting\"\n              >\n                <template v-if=\"exporter.icon\" #prefix><component :is=\"exporter.icon\" /></template>\n                {{ exporter.label }}\n              </DouDropdownItem>\n            </DouDropdownSub>\n            <DouDropdownItem value=\"duplicate\" shortcut=\"mod+d\">\n              {{ messages.duplicate }}\n            </DouDropdownItem>\n            <DouDropdownItem value=\"remove\" tone=\"danger\" shortcut=\"delete\" divided>\n              {{ messages.remove }}\n            </DouDropdownItem>\n          </template>\n        </DouDropdown>\n        <DouTooltip\n          v-if=\"!editing && exporters.length\"\n          :content=\"messages.export\"\n          :disabled=\"exportOpen\"\n        >\n          <span class=\"dou-dashboard__trigger\">\n            <DouDropdown v-model:open=\"exportOpen\" placement=\"bottom-end\" @select=\"onSelect\">\n              <DouButton\n                size=\"sm\"\n                variant=\"ghost\"\n                :aria-label=\"messages.export\"\n                :loading=\"exporting\"\n                :disabled=\"exporting\"\n              >\n                <DownloadIcon />\n              </DouButton>\n              <template #menu>\n                <DouDropdownItem\n                  v-for=\"exporter in exporters\"\n                  :key=\"exporter.name\"\n                  :value=\"EXPORT + exporter.name\"\n                >\n                  <template v-if=\"exporter.icon\" #prefix\n                    ><component :is=\"exporter.icon\"\n                  /></template>\n                  {{ exporter.label }}\n                </DouDropdownItem>\n              </template>\n            </DouDropdown>\n          </span>\n        </DouTooltip>\n        <DouTooltip v-if=\"!editing && canFullscreen\" :content=\"messages.fullscreen\">\n          <DouButton\n            size=\"sm\"\n            variant=\"ghost\"\n            :aria-label=\"messages.fullscreen\"\n            @click=\"emitAction('fullscreen')\"\n          >\n            <MaximizeIcon />\n          </DouButton>\n        </DouTooltip>\n      </div>\n    </component>\n    <div v-if=\"exportError\" class=\"dou-dashboard__export-error\" data-dou-nodrag>\n      <DouAlert tone=\"danger\" closable @close=\"frame.clearExportError(id)\">\n        {{ exportError }}\n      </DouAlert>\n    </div>\n    <WidgetBody\n      v-if=\"active\"\n      :widget=\"widget\"\n      :type=\"type\"\n      :editing=\"editing\"\n      :messages=\"messages\"\n      :set-props=\"frame.setProps\"\n      :set-workbook=\"frame.setWorkbook\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/dashboard/widget-settings.js

@@ -0,0 +1,6 @@
+import widget_settings_vue_vue_type_script_setup_true_lang_default from "./widget-settings.vue_vue_type_script_setup_true_lang.js";
+// src/dashboard/widget-settings.vue
+var widget_settings_default = widget_settings_vue_vue_type_script_setup_true_lang_default;
+export { widget_settings_default as default };
+
+//# sourceMappingURL=widget-settings.js.map

package/dist/dashboard/widget-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-settings.js","names":["_sfc_main"],"sources":["../../src/dashboard/widget-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { DashboardWidget } from '../core/types'\nimport { provideWidgetContext } from '../widget/context'\nimport type { DashboardWidgetType } from '../widget/define'\n\ndefineOptions({ name: 'DouDashboardWidgetSettings' })\n\nconst props = defineProps<{\n  widget: DashboardWidget\n  type: DashboardWidgetType<any>\n  setProps: (id: string, patch: Record<string, unknown>, options?: { group?: string }) => void\n}>()\nconst emit = defineEmits<{ 'update:props': [props: Record<string, unknown>] }>()\n\n// the settings form can read the widget the same way its content does\nprovideWidgetContext({\n  widget: () => props.widget,\n  editing: () => true,\n  fullscreen: () => false,\n  size: { width: ref(0), height: ref(0) },\n  setProps: props.setProps,\n})\n</script>\n\n<template>\n  <component\n    :is=\"type.settings\"\n    :model-value=\"widget.props ?? {}\"\n    @update:model-value=\"(value: Record<string, unknown>) => emit('update:props', value)\"\n  />\n</template>\n"],"mappings":""}

package/dist/dashboard/widget-settings.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { provideWidgetContext } from "../widget/context.js";
+import { createBlock, defineComponent, openBlock, ref, resolveDynamicComponent } from "vue";
+// src/dashboard/widget-settings.vue?vue&type=script&setup=true&lang.ts
+var widget_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardWidgetSettings",
+	__name: "widget-settings",
+	props: {
+		widget: {},
+		type: {},
+		setProps: { type: Function }
+	},
+	emits: ["update:props"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		provideWidgetContext({
+			widget: () => props.widget,
+			editing: () => true,
+			fullscreen: () => false,
+			size: {
+				width: ref(0),
+				height: ref(0)
+			},
+			setProps: props.setProps
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.type.settings), {
+				"model-value": __props.widget.props ?? {},
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:props", value))
+			}, null, 8, ["model-value"]);
+		};
+	}
+});
+export { widget_settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=widget-settings.vue_vue_type_script_setup_true_lang.js.map

package/dist/dashboard/widget-settings.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-settings.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent"],"sources":["../../src/dashboard/widget-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { DashboardWidget } from '../core/types'\nimport { provideWidgetContext } from '../widget/context'\nimport type { DashboardWidgetType } from '../widget/define'\n\ndefineOptions({ name: 'DouDashboardWidgetSettings' })\n\nconst props = defineProps<{\n  widget: DashboardWidget\n  type: DashboardWidgetType<any>\n  setProps: (id: string, patch: Record<string, unknown>, options?: { group?: string }) => void\n}>()\nconst emit = defineEmits<{ 'update:props': [props: Record<string, unknown>] }>()\n\n// the settings form can read the widget the same way its content does\nprovideWidgetContext({\n  widget: () => props.widget,\n  editing: () => true,\n  fullscreen: () => false,\n  size: { width: ref(0), height: ref(0) },\n  setProps: props.setProps,\n})\n</script>\n\n<template>\n  <component\n    :is=\"type.settings\"\n    :model-value=\"widget.props ?? {}\"\n    @update:model-value=\"(value: Record<string, unknown>) => emit('update:props', value)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,qBAAqB;GACnB,cAAc,MAAM;GACpB,eAAe;GACf,kBAAkB;GAClB,MAAM;IAAE,OAAO,IAAI,CAAC;IAAG,QAAQ,IAAI,CAAC;GAAE;GACtC,UAAU,MAAM;EAClB,CAAC;;GAIC,OAAAA,UAAA,GAAAC,YAIEC,wBAHK,QAAA,KAAK,QAAQ,GAAA;IACjB,eAAa,QAAA,OAAO,SAAK,CAAA;IACzB,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAmC,KAAI,gBAAiB,KAAK"}

package/dist/data/context.js

@@ -0,0 +1,5 @@
+// src/data/context.ts
+var dataContextKey = Symbol("dou-dashboard-data");
+export { dataContextKey };
+
+//# sourceMappingURL=context.js.map

package/dist/data/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/data/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SourceStore } from './store'\nimport type { DashboardFilters, DashboardLinkedFilter, DashboardSetFilterOptions } from './types'\n\n/** What widgets read from their dashboard about data and filters. */\nexport interface DataContext {\n  store: SourceStore\n  /** The names of the dashboard's sources. */\n  sourceNames: () => string[]\n  /** Every filter value, as bound with `v-model:filters`. */\n  filters: () => DashboardFilters\n  /** The keys of the filters a widget set itself, which it doesn't see. */\n  emitted: (id: string) => ReadonlySet<string>\n  /** The filters a widget set itself, for its title bar. */\n  linked: (id: string) => DashboardLinkedFilter[]\n  /** Sets (or clears, with an empty value) a filter; `widget` is the widget setting it, if any. */\n  setFilter: (\n    widget: string | undefined,\n    key: string,\n    value: unknown,\n    options?: DashboardSetFilterOptions,\n  ) => void\n}\n\nexport const dataContextKey: InjectionKey<DataContext> = Symbol('dou-dashboard-data')\n"],"mappings":";AAwBA,IAAa,iBAA4C,OAAO,oBAAoB"}

package/dist/data/filters.js

@@ -0,0 +1,31 @@
+// src/data/filters.ts
+/** Whether a filter value filters nothing: `undefined`, `null`, `''` or an empty array. */
+function isEmptyFilter(value) {
+	return value === void 0 || value === null || value === "" || Array.isArray(value) && value.every(isEmptyFilter);
+}
+/** The filters without empty values and without `skip`, limited to `keys` when given. */
+function pickFilters(filters, keys, skip) {
+	const result = {};
+	for (const key of keys ?? Object.keys(filters)) {
+		const value = filters[key];
+		if (!skip?.has(key) && !isEmptyFilter(value)) result[key] = value;
+	}
+	return result;
+}
+/** JSON with object keys in order, so equal filters give equal text. */
+function stableKey(value) {
+	if (Array.isArray(value)) return `[${value.map(stableKey).join(",")}]`;
+	if (value && typeof value === "object") {
+		if (value instanceof Date) return JSON.stringify(value);
+		return `{${Object.keys(value).sort().filter((key) => value[key] !== void 0).map((key) => `${JSON.stringify(key)}:${stableKey(value[key])}`).join(",")}}`;
+	}
+	return value === void 0 ? "null" : JSON.stringify(value);
+}
+/** How a filter value reads when no label is given: lists joined with `、`. */
+function filterText(value) {
+	if (Array.isArray(value)) return value.map(filterText).join("、");
+	return value == null ? "" : String(value);
+}
+export { filterText, isEmptyFilter, pickFilters, stableKey };
+
+//# sourceMappingURL=filters.js.map

package/dist/data/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","names":[],"sources":["../../src/data/filters.ts"],"sourcesContent":["import type { DashboardFilters } from './types'\n\n/** Whether a filter value filters nothing: `undefined`, `null`, `''` or an empty array. */\nexport function isEmptyFilter(value: unknown) {\n  return (\n    value === undefined ||\n    value === null ||\n    value === '' ||\n    (Array.isArray(value) && value.every(isEmptyFilter))\n  )\n}\n\n/** The filters without empty values and without `skip`, limited to `keys` when given. */\nexport function pickFilters(\n  filters: DashboardFilters,\n  keys?: readonly string[],\n  skip?: ReadonlySet<string>,\n): DashboardFilters {\n  const result: DashboardFilters = {}\n  for (const key of keys ?? Object.keys(filters)) {\n    const value = filters[key]\n    if (!skip?.has(key) && !isEmptyFilter(value)) result[key] = value\n  }\n  return result\n}\n\n/** JSON with object keys in order, so equal filters give equal text. */\nexport function stableKey(value: unknown): string {\n  if (Array.isArray(value)) return `[${value.map(stableKey).join(',')}]`\n  if (value && typeof value === 'object') {\n    if (value instanceof Date) return JSON.stringify(value)\n    // oxlint-disable-next-line unicorn/no-array-sort -- sorts a fresh array\n    const keys = Object.keys(value).sort()\n    return `{${keys\n      .filter((key) => (value as Record<string, unknown>)[key] !== undefined)\n      .map((key) => `${JSON.stringify(key)}:${stableKey((value as Record<string, unknown>)[key])}`)\n      .join(',')}}`\n  }\n  return value === undefined ? 'null' : JSON.stringify(value)\n}\n\n/** How a filter value reads when no label is given: lists joined with `、`. */\nexport function filterText(value: unknown): string {\n  if (Array.isArray(value)) return value.map(filterText).join('、')\n  return value == null ? '' : String(value)\n}\n"],"mappings":";;AAGA,SAAgB,cAAc,OAAgB;CAC5C,OACE,UAAU,KAAA,KACV,UAAU,QACV,UAAU,MACT,MAAM,QAAQ,KAAK,KAAK,MAAM,MAAM,aAAa;AAEtD;;AAGA,SAAgB,YACd,SACA,MACA,MACkB;CAClB,MAAM,SAA2B,CAAC;CAClC,KAAK,MAAM,OAAO,QAAQ,OAAO,KAAK,OAAO,GAAG;EAC9C,MAAM,QAAQ,QAAQ;EACtB,IAAI,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,KAAK,GAAG,OAAO,OAAO;CAC9D;CACA,OAAO;AACT;;AAGA,SAAgB,UAAU,OAAwB;CAChD,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,IAAI,SAAS,CAAC,CAAC,KAAK,GAAG,EAAE;CACpE,IAAI,SAAS,OAAO,UAAU,UAAU;EACtC,IAAI,iBAAiB,MAAM,OAAO,KAAK,UAAU,KAAK;EAGtD,OAAO,IADM,OAAO,KAAK,KAAK,CAAC,CAAC,KACrB,CAAA,CACR,QAAQ,QAAS,MAAkC,SAAS,KAAA,CAAS,CAAC,CACtE,KAAK,QAAQ,GAAG,KAAK,UAAU,GAAG,EAAE,GAAG,UAAW,MAAkC,IAAI,GAAG,CAAC,CAC5F,KAAK,GAAG,EAAE;CACf;CACA,OAAO,UAAU,KAAA,IAAY,SAAS,KAAK,UAAU,KAAK;AAC5D;;AAGA,SAAgB,WAAW,OAAwB;CACjD,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,IAAI,UAAU,CAAC,CAAC,KAAK,GAAG;CAC/D,OAAO,SAAS,OAAO,KAAK,OAAO,KAAK;AAC1C"}