@dou-ui/sheet 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/format-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,432 @@
+import { readRuleRange, ruleRangeText } from "../core/conditional.js";
+import { LOOKS, SCALES, TONES, barSwatch, lookName, scaleName, scaleSwatch, styleSample, toneKey } from "./format-presets.js";
+import { DouButton, DouCheckbox, DouDialog, DouForm, DouFormItem, DouInput, DouInputNumber, DouSegmentedControl, DouSelect } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, unref, useModel, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
+// src/components/format-dialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-sheet-format__values" };
+var _hoisted_2 = { class: "dou-sheet-format__and" };
+var _hoisted_3 = { class: "dou-sheet-format__values" };
+var _hoisted_4 = { class: "dou-sheet-format__look" };
+var _hoisted_5 = { class: "dou-sheet-format__look" };
+var _hoisted_6 = { class: "dou-sheet-format__look" };
+var _hoisted_7 = { class: "dou-sheet-format__look" };
+var _hoisted_8 = { class: "dou-sheet-format__look" };
+var _hoisted_9 = { class: "dou-sheet-format__look" };
+var format_dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "format-dialog",
+	props: /*@__PURE__*/ mergeModels({
+		format: {},
+		title: {},
+		styles: {},
+		messages: {}
+	}, {
+		"open": {
+			type: Boolean,
+			required: true
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["apply", "closed"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const m = computed(() => props.messages.formats);
+		function kindOf(f) {
+			if ("when" in f) return "when";
+			if ("formula" in f) return "formula";
+			if ("duplicates" in f || "unique" in f) return "duplicates";
+			if ("top" in f || "bottom" in f) return "rank";
+			if ("average" in f) return "average";
+			return "scale" in f ? "scale" : "bar";
+		}
+		const kind = computed(() => kindOf(props.format));
+		const OPS = [
+			"gt",
+			"ge",
+			"lt",
+			"le",
+			"eq",
+			"ne",
+			"between",
+			"notBetween",
+			"contains",
+			"notContains",
+			"begins",
+			"ends",
+			"blank",
+			"notBlank"
+		];
+		const opOptions = computed(() => OPS.map((value) => ({
+			value,
+			label: props.messages.ops[value]
+		})));
+		const target = ref("");
+		const op = ref("gt");
+		const value = ref("");
+		const to = ref("");
+		const formula = ref("");
+		const count = ref(10);
+		const percent = ref(false);
+		const repeated = ref("repeated");
+		const look = ref("danger");
+		const scale = ref("rag");
+		const bar = ref("neutral");
+		const tried = ref(false);
+		const text = (v) => v == null ? "" : String(v);
+		/** The rule's own look, when it isn't one the dialog offers. */
+		const current = computed(() => {
+			const f = props.format;
+			if (!("style" in f)) return void 0;
+			const style = typeof f.style === "string" ? void 0 : f.style;
+			return style && lookName(style) ? void 0 : f.style;
+		});
+		const resolve = (style) => typeof style === "string" ? props.styles?.[style] : style;
+		watch(open, (now) => {
+			if (!now) return;
+			const f = props.format;
+			target.value = ruleRangeText(f.range);
+			op.value = "when" in f ? f.when.op : "gt";
+			value.value = "when" in f ? text(f.when.value) : "";
+			to.value = "when" in f ? text(f.when.to) : "";
+			formula.value = "formula" in f ? f.formula : "";
+			count.value = "top" in f && f.top != null ? f.top : "bottom" in f ? f.bottom ?? 10 : 10;
+			percent.value = "percent" in f && !!f.percent;
+			repeated.value = "unique" in f ? "unique" : "repeated";
+			look.value = "style" in f ? (typeof f.style === "string" ? void 0 : lookName(f.style)) ?? "current" : "danger";
+			scale.value = "scale" in f ? scaleName(f.scale) ?? "current" : "rag";
+			bar.value = "bar" in f ? f.bar === true ? "neutral" : TONES.includes(f.bar) ? f.bar : "current" : "neutral";
+			tried.value = false;
+		});
+		const lookOptions = computed(() => [...current.value === void 0 ? [] : [{
+			value: "current",
+			label: m.value.current
+		}], ...Object.keys(LOOKS).map((name) => ({
+			value: name,
+			label: m.value.looks[name]
+		}))]);
+		function lookSample(name) {
+			return styleSample(name === "current" ? resolve(current.value) : LOOKS[name]);
+		}
+		const scaleOptions = computed(() => [..."scale" in props.format && !scaleName(props.format.scale) ? [{
+			value: "current",
+			label: m.value.current
+		}] : [], ...Object.keys(SCALES).map((name) => ({
+			value: name,
+			label: m.value.scales[name]
+		}))]);
+		function scaleColors(name) {
+			if (name !== "current") return SCALES[name];
+			return "scale" in props.format ? props.format.scale : SCALES.rag;
+		}
+		const barOptions = computed(() => [..."bar" in props.format && props.format.bar !== true && !TONES.includes(props.format.bar) ? [{
+			value: "current",
+			label: m.value.current
+		}] : [], ...TONES.map((tone) => ({
+			value: tone,
+			label: props.messages[toneKey(tone)]
+		}))]);
+		function barOf(name) {
+			if (name !== "current") return name;
+			return "bar" in props.format && props.format.bar !== true ? props.format.bar : "neutral";
+		}
+		const needsValue = computed(() => kind.value === "when" && op.value !== "blank" && op.value !== "notBlank");
+		const needsTo = computed(() => op.value === "between" || op.value === "notBetween");
+		const rangeOk = computed(() => readRuleRange(target.value) != null);
+		const valueOk = computed(() => !needsValue.value || value.value.trim() !== "" && (!needsTo.value || to.value.trim() !== ""));
+		const formulaOk = computed(() => kind.value !== "formula" || formula.value.trim().replace(/^=/, "") !== "");
+		const countOk = computed(() => kind.value !== "rank" || (count.value ?? 0) >= 1);
+		/** A typed operand: a number when it reads as one, otherwise the text. */
+		function operand(input) {
+			const trimmed = input.trim();
+			const n = Number(trimmed.replace(/,/g, ""));
+			return trimmed && Number.isFinite(n) && /\d/.test(trimmed) ? n : trimmed;
+		}
+		function result() {
+			const f = props.format;
+			const range = readRuleRange(target.value);
+			const style = look.value === "current" && current.value !== void 0 ? current.value : { ...LOOKS[look.value] };
+			switch (kind.value) {
+				case "when": {
+					const when = { op: op.value };
+					if (needsValue.value) when.value = operand(value.value);
+					if (needsValue.value && needsTo.value) when.to = operand(to.value);
+					return {
+						range,
+						when,
+						style
+					};
+				}
+				case "formula": {
+					const body = formula.value.trim();
+					return {
+						range,
+						formula: body.startsWith("=") ? body : `=${body}`,
+						style
+					};
+				}
+				case "duplicates": return repeated.value === "repeated" ? {
+					range,
+					duplicates: true,
+					style
+				} : {
+					range,
+					unique: true,
+					style
+				};
+				case "rank": {
+					const n = Math.round(count.value);
+					return {
+						range,
+						..."bottom" in f && f.bottom != null ? { bottom: n } : { top: n },
+						...percent.value && { percent: true },
+						style
+					};
+				}
+				case "average": return {
+					range,
+					average: "average" in f ? f.average : "above",
+					style
+				};
+				case "scale": return {
+					range,
+					scale: [...scaleColors(scale.value)]
+				};
+				case "bar": return {
+					range,
+					bar: bar.value === "neutral" && "bar" in f && f.bar === true ? true : barOf(bar.value)
+				};
+			}
+		}
+		const rangeInput = useTemplateRef("rangeInput");
+		const valueInput = useTemplateRef("valueInput");
+		const formulaInput = useTemplateRef("formulaInput");
+		const countInput = useTemplateRef("countInput");
+		function focusFirst() {
+			(valueInput.value ?? formulaInput.value ?? countInput.value ?? rangeInput.value)?.focus();
+		}
+		function apply() {
+			tried.value = true;
+			if (!rangeOk.value || !valueOk.value || !formulaOk.value || !countOk.value) return;
+			emit("apply", result());
+			open.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DouDialog), {
+				open: open.value,
+				"onUpdate:open": _cache[11] || (_cache[11] = ($event) => open.value = $event),
+				title: __props.title,
+				width: 400,
+				onOpened: focusFirst,
+				onClosed: _cache[12] || (_cache[12] = ($event) => emit("closed"))
+			}, {
+				footer: withCtx(({ close }) => [createVNode(unref(DouButton), {
+					variant: "outline",
+					onClick: close
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(m.value.cancel), 1)]),
+					_: 1
+				}, 8, ["onClick"]), createVNode(unref(DouButton), {
+					variant: "solid",
+					onClick: apply
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(m.value.apply), 1)]),
+					_: 1
+				})]),
+				default: withCtx(() => [createVNode(unref(DouForm), {
+					layout: "vertical",
+					class: "dou-sheet-format",
+					onSubmit: apply
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(DouFormItem), {
+							label: m.value.range,
+							error: tried.value && !rangeOk.value ? m.value.invalidRange : void 0
+						}, {
+							default: withCtx(() => [createVNode(unref(DouInput), {
+								ref_key: "rangeInput",
+								ref: rangeInput,
+								modelValue: target.value,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => target.value = $event),
+								invalid: tried.value && !rangeOk.value
+							}, null, 8, ["modelValue", "invalid"])]),
+							_: 1
+						}, 8, ["label", "error"]),
+						kind.value === "when" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(DouFormItem), { label: m.value.condition }, {
+							default: withCtx(() => [createVNode(unref(DouSelect), {
+								modelValue: op.value,
+								"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => op.value = $event),
+								options: opOptions.value
+							}, null, 8, ["modelValue", "options"])]),
+							_: 1
+						}, 8, ["label"]), needsValue.value ? (openBlock(), createBlock(unref(DouFormItem), {
+							key: 0,
+							label: m.value.value,
+							error: tried.value && !valueOk.value ? m.value.needValue : void 0
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(DouInput), {
+								ref_key: "valueInput",
+								ref: valueInput,
+								modelValue: value.value,
+								"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+								"aria-label": m.value.value,
+								invalid: tried.value && !value.value.trim(),
+								onKeydown: withKeys(withModifiers(apply, ["prevent"]), ["enter"])
+							}, null, 8, [
+								"modelValue",
+								"aria-label",
+								"invalid",
+								"onKeydown"
+							]), needsTo.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2, toDisplayString(m.value.and), 1), createVNode(unref(DouInput), {
+								modelValue: to.value,
+								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => to.value = $event),
+								"aria-label": m.value.value,
+								invalid: tried.value && !to.value.trim(),
+								onKeydown: withKeys(withModifiers(apply, ["prevent"]), ["enter"])
+							}, null, 8, [
+								"modelValue",
+								"aria-label",
+								"invalid",
+								"onKeydown"
+							])], 64)) : createCommentVNode("", true)])]),
+							_: 1
+						}, 8, ["label", "error"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
+						kind.value === "formula" ? (openBlock(), createBlock(unref(DouFormItem), {
+							key: 1,
+							label: m.value.formulaField,
+							help: m.value.formulaHelp,
+							error: tried.value && !formulaOk.value ? m.value.needFormula : void 0
+						}, {
+							default: withCtx(() => [createVNode(unref(DouInput), {
+								ref_key: "formulaInput",
+								ref: formulaInput,
+								modelValue: formula.value,
+								"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formula.value = $event),
+								class: "dou-sheet-format__formula",
+								spellcheck: "false",
+								autocomplete: "off",
+								invalid: tried.value && !formulaOk.value,
+								onKeydown: withKeys(withModifiers(apply, ["prevent"]), ["enter"])
+							}, null, 8, [
+								"modelValue",
+								"invalid",
+								"onKeydown"
+							])]),
+							_: 1
+						}, 8, [
+							"label",
+							"help",
+							"error"
+						])) : createCommentVNode("", true),
+						kind.value === "rank" ? (openBlock(), createBlock(unref(DouFormItem), {
+							key: 2,
+							label: m.value.count
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(unref(DouInputNumber), {
+								ref_key: "countInput",
+								ref: countInput,
+								modelValue: count.value,
+								"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => count.value = $event),
+								min: 1,
+								step: 1,
+								precision: 0
+							}, null, 8, ["modelValue"]), createVNode(unref(DouCheckbox), {
+								modelValue: percent.value,
+								"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => percent.value = $event)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(m.value.percent), 1)]),
+								_: 1
+							}, 8, ["modelValue"])])]),
+							_: 1
+						}, 8, ["label"])) : createCommentVNode("", true),
+						kind.value === "duplicates" ? (openBlock(), createBlock(unref(DouSegmentedControl), {
+							key: 3,
+							modelValue: repeated.value,
+							"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => repeated.value = $event),
+							block: "",
+							options: [{
+								value: "repeated",
+								label: m.value.repeated
+							}, {
+								value: "unique",
+								label: m.value.unique
+							}]
+						}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
+						kind.value === "scale" ? (openBlock(), createBlock(unref(DouFormItem), {
+							key: 4,
+							label: m.value.color
+						}, {
+							default: withCtx(() => [createVNode(unref(DouSelect), {
+								modelValue: scale.value,
+								"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => scale.value = $event),
+								options: scaleOptions.value
+							}, {
+								option: withCtx(({ option }) => [createElementVNode("span", _hoisted_4, [createElementVNode("span", {
+									class: "dou-sheet-format__sample",
+									style: normalizeStyle({ backgroundImage: unref(scaleSwatch)(scaleColors(String(option.value))) }),
+									"aria-hidden": "true"
+								}, null, 4), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								label: withCtx(({ option }) => [createElementVNode("span", _hoisted_5, [createElementVNode("span", {
+									class: "dou-sheet-format__sample",
+									style: normalizeStyle({ backgroundImage: unref(scaleSwatch)(scaleColors(String(option.value))) }),
+									"aria-hidden": "true"
+								}, null, 4), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								_: 1
+							}, 8, ["modelValue", "options"])]),
+							_: 1
+						}, 8, ["label"])) : kind.value === "bar" ? (openBlock(), createBlock(unref(DouFormItem), {
+							key: 5,
+							label: m.value.color
+						}, {
+							default: withCtx(() => [createVNode(unref(DouSelect), {
+								modelValue: bar.value,
+								"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => bar.value = $event),
+								options: barOptions.value
+							}, {
+								option: withCtx(({ option }) => [createElementVNode("span", _hoisted_6, [createElementVNode("span", {
+									class: "dou-sheet-format__sample is-bar",
+									style: normalizeStyle({ backgroundImage: unref(barSwatch)(barOf(String(option.value))) }),
+									"aria-hidden": "true"
+								}, null, 4), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								label: withCtx(({ option }) => [createElementVNode("span", _hoisted_7, [createElementVNode("span", {
+									class: "dou-sheet-format__sample is-bar",
+									style: normalizeStyle({ backgroundImage: unref(barSwatch)(barOf(String(option.value))) }),
+									"aria-hidden": "true"
+								}, null, 4), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								_: 1
+							}, 8, ["modelValue", "options"])]),
+							_: 1
+						}, 8, ["label"])) : (openBlock(), createBlock(unref(DouFormItem), {
+							key: 6,
+							label: m.value.look
+						}, {
+							default: withCtx(() => [createVNode(unref(DouSelect), {
+								modelValue: look.value,
+								"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => look.value = $event),
+								options: lookOptions.value
+							}, {
+								option: withCtx(({ option }) => [createElementVNode("span", _hoisted_8, [createElementVNode("span", {
+									class: normalizeClass(["dou-sheet-format__sample", lookSample(String(option.value)).cls]),
+									style: normalizeStyle(lookSample(String(option.value)).css),
+									"aria-hidden": "true"
+								}, "123", 6), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								label: withCtx(({ option }) => [createElementVNode("span", _hoisted_9, [createElementVNode("span", {
+									class: normalizeClass(["dou-sheet-format__sample", lookSample(String(option.value)).cls]),
+									style: normalizeStyle(lookSample(String(option.value)).css),
+									"aria-hidden": "true"
+								}, "123", 6), createTextVNode(" " + toDisplayString(option.label), 1)])]),
+								_: 1
+							}, 8, ["modelValue", "options"])]),
+							_: 1
+						}, 8, ["label"]))
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open", "title"]);
+		};
+	}
+});
+export { format_dialog_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=format-dialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/format-dialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-dialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createTextVNode","_toDisplayString","_createElementBlock","_Fragment","_createElementVNode","_withKeys","_withModifiers","_createCommentVNode","_normalizeStyle","_normalizeClass"],"sources":["../../src/components/format-dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouButton,\n  DouCheckbox,\n  DouDialog,\n  DouForm,\n  DouFormItem,\n  DouInput,\n  DouInputNumber,\n  DouSegmentedControl,\n  DouSelect,\n  type Tone,\n} from 'dou-ui'\nimport { computed, ref, useTemplateRef, watch } from 'vue'\nimport { readRuleRange, ruleRangeText } from '../core/conditional'\nimport type {\n  SheetColor,\n  SheetCondition,\n  SheetConditionalFormat,\n  SheetConditionalStyle,\n  SheetStyle,\n  SheetValue,\n} from '../core/model'\nimport type { SheetMessages } from '../locale'\nimport {\n  barSwatch,\n  LOOKS,\n  lookName,\n  SCALES,\n  scaleName,\n  scaleSwatch,\n  styleSample,\n  TONES,\n  toneKey,\n  type SheetLookName,\n  type SheetScaleColors,\n  type SheetScaleName,\n} from './format-presets'\n\n/*\n * Adds or edits one conditional format: the cells it applies to, what\n * they must meet, and how they look then. It starts from `format`, which\n * the toolbar's menu fills in for a new rule.\n */\n\nconst props = defineProps<{\n  format: SheetConditionalFormat\n  title: string\n  /** The workbook's named styles, for a rule that names one. */\n  styles: Record<string, SheetStyle> | undefined\n  messages: SheetMessages\n}>()\nconst open = defineModel<boolean>('open', { required: true })\nconst emit = defineEmits<{ apply: [format: SheetConditionalFormat]; closed: [] }>()\n\nconst m = computed(() => props.messages.formats)\n\ntype Kind = 'when' | 'formula' | 'duplicates' | 'rank' | 'average' | 'scale' | 'bar'\nfunction kindOf(f: SheetConditionalFormat): Kind {\n  if ('when' in f) return 'when'\n  if ('formula' in f) return 'formula'\n  if ('duplicates' in f || 'unique' in f) return 'duplicates'\n  if ('top' in f || 'bottom' in f) return 'rank'\n  if ('average' in f) return 'average'\n  return 'scale' in f ? 'scale' : 'bar'\n}\nconst kind = computed(() => kindOf(props.format))\n\nconst OPS: SheetCondition['op'][] = [\n  'gt',\n  'ge',\n  'lt',\n  'le',\n  'eq',\n  'ne',\n  'between',\n  'notBetween',\n  'contains',\n  'notContains',\n  'begins',\n  'ends',\n  'blank',\n  'notBlank',\n]\nconst opOptions = computed(() => OPS.map((value) => ({ value, label: props.messages.ops[value] })))\n\nconst target = ref('')\nconst op = ref<SheetCondition['op']>('gt')\nconst value = ref('')\nconst to = ref('')\nconst formula = ref('')\nconst count = ref<number | null>(10)\nconst percent = ref(false)\nconst repeated = ref<'repeated' | 'unique'>('repeated')\nconst look = ref<SheetLookName | 'current'>('danger')\nconst scale = ref<SheetScaleName | 'current'>('rag')\nconst bar = ref<Tone | 'current'>('neutral')\nconst tried = ref(false)\n\nconst text = (v: SheetValue | undefined) => (v == null ? '' : String(v))\n\n/** The rule's own look, when it isn't one the dialog offers. */\nconst current = computed<SheetConditionalStyle | undefined>(() => {\n  const f = props.format\n  if (!('style' in f)) return undefined\n  const style = typeof f.style === 'string' ? undefined : f.style\n  return style && lookName(style) ? undefined : f.style\n})\nconst resolve = (style: SheetConditionalStyle | undefined) =>\n  typeof style === 'string' ? props.styles?.[style] : style\n\nwatch(open, (now) => {\n  if (!now) return\n  const f = props.format\n  target.value = ruleRangeText(f.range)\n  op.value = 'when' in f ? f.when.op : 'gt'\n  value.value = 'when' in f ? text(f.when.value) : ''\n  to.value = 'when' in f ? text(f.when.to) : ''\n  formula.value = 'formula' in f ? f.formula : ''\n  count.value = 'top' in f && f.top != null ? f.top : 'bottom' in f ? (f.bottom ?? 10) : 10\n  percent.value = 'percent' in f && !!f.percent\n  repeated.value = 'unique' in f ? 'unique' : 'repeated'\n  look.value =\n    'style' in f\n      ? ((typeof f.style === 'string' ? undefined : lookName(f.style)) ?? 'current')\n      : 'danger'\n  scale.value = 'scale' in f ? (scaleName(f.scale) ?? 'current') : 'rag'\n  bar.value =\n    'bar' in f\n      ? f.bar === true\n        ? 'neutral'\n        : TONES.includes(f.bar as Tone)\n          ? (f.bar as Tone)\n          : 'current'\n      : 'neutral'\n  tried.value = false\n})\n\nconst lookOptions = computed(() => [\n  ...(current.value === undefined ? [] : [{ value: 'current', label: m.value.current }]),\n  ...(Object.keys(LOOKS) as SheetLookName[]).map((name) => ({\n    value: name,\n    label: m.value.looks[name],\n  })),\n])\nfunction lookSample(name: string) {\n  return styleSample(name === 'current' ? resolve(current.value) : LOOKS[name as SheetLookName])\n}\n\nconst scaleOptions = computed(() => [\n  ...('scale' in props.format && !scaleName(props.format.scale)\n    ? [{ value: 'current', label: m.value.current }]\n    : []),\n  ...(Object.keys(SCALES) as SheetScaleName[]).map((name) => ({\n    value: name,\n    label: m.value.scales[name],\n  })),\n])\nfunction scaleColors(name: string): readonly SheetColor[] {\n  if (name !== 'current') return SCALES[name as SheetScaleName]\n  return 'scale' in props.format ? props.format.scale : SCALES.rag\n}\n\nconst barOptions = computed(() => [\n  ...('bar' in props.format &&\n  props.format.bar !== true &&\n  !TONES.includes(props.format.bar as Tone)\n    ? [{ value: 'current', label: m.value.current }]\n    : []),\n  ...TONES.map((tone) => ({ value: tone, label: props.messages[toneKey(tone)] })),\n])\nfunction barOf(name: string): SheetColor {\n  if (name !== 'current') return name\n  return 'bar' in props.format && props.format.bar !== true ? props.format.bar : 'neutral'\n}\n\nconst needsValue = computed(\n  () => kind.value === 'when' && op.value !== 'blank' && op.value !== 'notBlank',\n)\nconst needsTo = computed(() => op.value === 'between' || op.value === 'notBetween')\nconst rangeOk = computed(() => readRuleRange(target.value) != null)\nconst valueOk = computed(\n  () =>\n    !needsValue.value || (value.value.trim() !== '' && (!needsTo.value || to.value.trim() !== '')),\n)\nconst formulaOk = computed(\n  () => kind.value !== 'formula' || formula.value.trim().replace(/^=/, '') !== '',\n)\nconst countOk = computed(() => kind.value !== 'rank' || (count.value ?? 0) >= 1)\n\n/** A typed operand: a number when it reads as one, otherwise the text. */\nfunction operand(input: string): SheetValue {\n  const trimmed = input.trim()\n  const n = Number(trimmed.replace(/,/g, ''))\n  return trimmed && Number.isFinite(n) && /\\d/.test(trimmed) ? n : trimmed\n}\n\nfunction result(): SheetConditionalFormat {\n  const f = props.format\n  const range = readRuleRange(target.value)!\n  const style: SheetConditionalStyle =\n    look.value === 'current' && current.value !== undefined\n      ? current.value\n      : { ...LOOKS[look.value as SheetLookName] }\n  switch (kind.value) {\n    case 'when': {\n      const when: SheetCondition = { op: op.value }\n      if (needsValue.value) when.value = operand(value.value)\n      if (needsValue.value && needsTo.value) when.to = operand(to.value)\n      return { range, when, style }\n    }\n    case 'formula': {\n      const body = formula.value.trim()\n      return { range, formula: body.startsWith('=') ? body : `=${body}`, style }\n    }\n    case 'duplicates':\n      return repeated.value === 'repeated'\n        ? { range, duplicates: true, style }\n        : { range, unique: true, style }\n    case 'rank': {\n      const n = Math.round(count.value!)\n      const rank = 'bottom' in f && f.bottom != null ? { bottom: n } : { top: n }\n      return { range, ...rank, ...(percent.value && { percent: true }), style }\n    }\n    case 'average':\n      return { range, average: 'average' in f ? f.average : 'above', style }\n    case 'scale':\n      return { range, scale: [...scaleColors(scale.value)] as SheetScaleColors }\n    case 'bar':\n      return {\n        range,\n        bar: bar.value === 'neutral' && 'bar' in f && f.bar === true ? true : barOf(bar.value),\n      }\n  }\n}\n\n// the first thing to fill in takes the focus, not the close button\nconst rangeInput = useTemplateRef<InstanceType<typeof DouInput>>('rangeInput')\nconst valueInput = useTemplateRef<InstanceType<typeof DouInput>>('valueInput')\nconst formulaInput = useTemplateRef<InstanceType<typeof DouInput>>('formulaInput')\nconst countInput = useTemplateRef<InstanceType<typeof DouInputNumber>>('countInput')\nfunction focusFirst() {\n  ;(valueInput.value ?? formulaInput.value ?? countInput.value ?? rangeInput.value)?.focus()\n}\n\nfunction apply() {\n  tried.value = true\n  if (!rangeOk.value || !valueOk.value || !formulaOk.value || !countOk.value) return\n  emit('apply', result())\n  open.value = false\n}\n</script>\n\n<template>\n  <DouDialog\n    v-model:open=\"open\"\n    :title=\"title\"\n    :width=\"400\"\n    @opened=\"focusFirst\"\n    @closed=\"emit('closed')\"\n  >\n    <DouForm layout=\"vertical\" class=\"dou-sheet-format\" @submit=\"apply\">\n      <DouFormItem :label=\"m.range\" :error=\"tried && !rangeOk ? m.invalidRange : undefined\">\n        <DouInput ref=\"rangeInput\" v-model=\"target\" :invalid=\"tried && !rangeOk\" />\n      </DouFormItem>\n      <template v-if=\"kind === 'when'\">\n        <DouFormItem :label=\"m.condition\">\n          <DouSelect v-model=\"op\" :options=\"opOptions\" />\n        </DouFormItem>\n        <DouFormItem\n          v-if=\"needsValue\"\n          :label=\"m.value\"\n          :error=\"tried && !valueOk ? m.needValue : undefined\"\n        >\n          <div class=\"dou-sheet-format__values\">\n            <DouInput\n              ref=\"valueInput\"\n              v-model=\"value\"\n              :aria-label=\"m.value\"\n              :invalid=\"tried && !value.trim()\"\n              @keydown.enter.prevent=\"apply\"\n            />\n            <template v-if=\"needsTo\">\n              <span class=\"dou-sheet-format__and\">{{ m.and }}</span>\n              <DouInput\n                v-model=\"to\"\n                :aria-label=\"m.value\"\n                :invalid=\"tried && !to.trim()\"\n                @keydown.enter.prevent=\"apply\"\n              />\n            </template>\n          </div>\n        </DouFormItem>\n      </template>\n      <DouFormItem\n        v-if=\"kind === 'formula'\"\n        :label=\"m.formulaField\"\n        :help=\"m.formulaHelp\"\n        :error=\"tried && !formulaOk ? m.needFormula : undefined\"\n      >\n        <DouInput\n          ref=\"formulaInput\"\n          v-model=\"formula\"\n          class=\"dou-sheet-format__formula\"\n          spellcheck=\"false\"\n          autocomplete=\"off\"\n          :invalid=\"tried && !formulaOk\"\n          @keydown.enter.prevent=\"apply\"\n        />\n      </DouFormItem>\n      <DouFormItem v-if=\"kind === 'rank'\" :label=\"m.count\">\n        <div class=\"dou-sheet-format__values\">\n          <DouInputNumber ref=\"countInput\" v-model=\"count\" :min=\"1\" :step=\"1\" :precision=\"0\" />\n          <DouCheckbox v-model=\"percent\">{{ m.percent }}</DouCheckbox>\n        </div>\n      </DouFormItem>\n      <DouSegmentedControl\n        v-if=\"kind === 'duplicates'\"\n        v-model=\"repeated\"\n        block\n        :options=\"[\n          { value: 'repeated', label: m.repeated },\n          { value: 'unique', label: m.unique },\n        ]\"\n      />\n      <DouFormItem v-if=\"kind === 'scale'\" :label=\"m.color\">\n        <DouSelect v-model=\"scale\" :options=\"scaleOptions\">\n          <template #option=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample\"\n                :style=\"{ backgroundImage: scaleSwatch(scaleColors(String(option.value))) }\"\n                aria-hidden=\"true\"\n              />\n              {{ option.label }}\n            </span>\n          </template>\n          <template #label=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample\"\n                :style=\"{ backgroundImage: scaleSwatch(scaleColors(String(option.value))) }\"\n                aria-hidden=\"true\"\n              />\n              {{ option.label }}\n            </span>\n          </template>\n        </DouSelect>\n      </DouFormItem>\n      <DouFormItem v-else-if=\"kind === 'bar'\" :label=\"m.color\">\n        <DouSelect v-model=\"bar\" :options=\"barOptions\">\n          <template #option=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample is-bar\"\n                :style=\"{ backgroundImage: barSwatch(barOf(String(option.value))) }\"\n                aria-hidden=\"true\"\n              />\n              {{ option.label }}\n            </span>\n          </template>\n          <template #label=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample is-bar\"\n                :style=\"{ backgroundImage: barSwatch(barOf(String(option.value))) }\"\n                aria-hidden=\"true\"\n              />\n              {{ option.label }}\n            </span>\n          </template>\n        </DouSelect>\n      </DouFormItem>\n      <DouFormItem v-else :label=\"m.look\">\n        <DouSelect v-model=\"look\" :options=\"lookOptions\">\n          <template #option=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample\"\n                :class=\"lookSample(String(option.value)).cls\"\n                :style=\"lookSample(String(option.value)).css\"\n                aria-hidden=\"true\"\n                >123</span\n              >\n              {{ option.label }}\n            </span>\n          </template>\n          <template #label=\"{ option }\">\n            <span class=\"dou-sheet-format__look\">\n              <span\n                class=\"dou-sheet-format__sample\"\n                :class=\"lookSample(String(option.value)).cls\"\n                :style=\"lookSample(String(option.value)).css\"\n                aria-hidden=\"true\"\n                >123</span\n              >\n              {{ option.label }}\n            </span>\n          </template>\n        </DouSelect>\n      </DouFormItem>\n    </DouForm>\n    <template #footer=\"{ close }\">\n      <DouButton variant=\"outline\" @click=\"close\">{{ m.cancel }}</DouButton>\n      <DouButton variant=\"solid\" @click=\"apply\">{{ m.apply }}</DouButton>\n    </template>\n  </DouDialog>\n</template>\n"],"mappings":"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"}

package/dist/components/format-list.js

@@ -0,0 +1,6 @@
+import format_list_vue_vue_type_script_setup_true_lang_default from "./format-list.vue_vue_type_script_setup_true_lang.js";
+// src/components/format-list.vue
+var format_list_default = format_list_vue_vue_type_script_setup_true_lang_default;
+export { format_list_default as default };
+
+//# sourceMappingURL=format-list.js.map

package/dist/components/format-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-list.js","names":["_sfc_main"],"sources":["../../src/components/format-list.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ArrowDownIcon, ArrowUpIcon, PencilIcon, TrashIcon } from '@dou-ui/icons'\nimport { DouButton, DouDialog, DouTooltip } from 'dou-ui'\nimport { computed, useId } from 'vue'\nimport { ruleRangeText } from '../core/conditional'\nimport type { SheetConditionalFormat, SheetStyle, SheetValue } from '../core/model'\nimport { format, type SheetMessages } from '../locale'\nimport { formatSample } from './format-presets'\n\n/*\n * The conditional formats of the sheet shown, in the order they apply:\n * what each checks, its cells and how they look, to edit, reorder or delete.\n */\n\nconst props = defineProps<{\n  formats: readonly SheetConditionalFormat[]\n  /** The workbook's named styles, for formats that name one. */\n  styles: Record<string, SheetStyle> | undefined\n  messages: SheetMessages\n}>()\nconst open = defineModel<boolean>('open', { required: true })\nconst emit = defineEmits<{\n  change: [formats: SheetConditionalFormat[]]\n  /** Asks to edit the format at `index`. */\n  edit: [index: number]\n  closed: []\n}>()\n\nconst m = computed(() => props.messages.formats)\nconst uid = useId()\n\nconst text = (value: SheetValue | undefined) =>\n  typeof value === 'string' ? `“${value}”` : String(value ?? '')\n\n/** What a format checks, in words. */\nfunction describe(f: SheetConditionalFormat) {\n  const d = m.value.describe\n  if ('when' in f) {\n    const { op, value, to } = f.when\n    const between = op === 'between' || op === 'notBetween'\n    return format(between ? d.between : d.when, {\n      op: props.messages.ops[op],\n      value: text(value),\n      to: text(to),\n    }).trim()\n  }\n  if ('formula' in f) return format(d.formula, { formula: f.formula })\n  if ('top' in f && f.top != null) return format(f.percent ? d.topPercent : d.top, { count: f.top })\n  if ('bottom' in f && f.bottom != null)\n    return format(f.percent ? d.bottomPercent : d.bottom, { count: f.bottom })\n  if ('average' in f) return f.average === 'above' ? d.above : d.below\n  if ('duplicates' in f) return d.repeated\n  if ('unique' in f) return d.unique\n  if ('scale' in f) return d.scale\n  return d.bar\n}\n\nconst sample = (f: SheetConditionalFormat) => formatSample(f, props.styles)\n\nfunction move(index: number, by: number) {\n  const list = [...props.formats]\n  const [item] = list.splice(index, 1)\n  list.splice(index + by, 0, item!)\n  emit('change', list)\n}\nfunction remove(index: number) {\n  emit(\n    'change',\n    props.formats.filter((_, i) => i !== index),\n  )\n}\n</script>\n\n<template>\n  <DouDialog v-model:open=\"open\" :title=\"m.title\" :width=\"520\" @closed=\"emit('closed')\">\n    <p v-if=\"!formats.length\" class=\"dou-sheet-formats__empty\">{{ m.empty }}</p>\n    <ol v-else class=\"dou-sheet-formats\">\n      <li v-for=\"(f, i) in formats\" :key=\"i\" class=\"dou-sheet-formats__item\">\n        <span\n          class=\"dou-sheet-format__sample\"\n          :class=\"sample(f).cls\"\n          :style=\"sample(f).css\"\n          aria-hidden=\"true\"\n          >123</span\n        >\n        <span class=\"dou-sheet-formats__what\">\n          <span :id=\"`${uid}-${i}`\" class=\"dou-sheet-formats__rule\">{{ describe(f) }}</span>\n          <span class=\"dou-sheet-formats__range\">{{ ruleRangeText(f.range) }}</span>\n        </span>\n        <span class=\"dou-sheet-formats__actions\">\n          <DouTooltip :content=\"m.edit\">\n            <DouButton\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-label=\"m.edit\"\n              :aria-describedby=\"`${uid}-${i}`\"\n              @click=\"emit('edit', i)\"\n            >\n              <PencilIcon />\n            </DouButton>\n          </DouTooltip>\n          <DouTooltip :content=\"m.moveUp\">\n            <DouButton\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-label=\"m.moveUp\"\n              :aria-describedby=\"`${uid}-${i}`\"\n              :disabled=\"i === 0\"\n              @click=\"move(i, -1)\"\n            >\n              <ArrowUpIcon />\n            </DouButton>\n          </DouTooltip>\n          <DouTooltip :content=\"m.moveDown\">\n            <DouButton\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-label=\"m.moveDown\"\n              :aria-describedby=\"`${uid}-${i}`\"\n              :disabled=\"i === formats.length - 1\"\n              @click=\"move(i, 1)\"\n            >\n              <ArrowDownIcon />\n            </DouButton>\n          </DouTooltip>\n          <DouTooltip :content=\"m.remove\">\n            <DouButton\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-label=\"m.remove\"\n              :aria-describedby=\"`${uid}-${i}`\"\n              @click=\"remove(i)\"\n            >\n              <TrashIcon />\n            </DouButton>\n          </DouTooltip>\n        </span>\n      </li>\n    </ol>\n    <template #footer=\"{ close }\">\n      <DouButton variant=\"outline\" @click=\"close\">{{ m.close }}</DouButton>\n    </template>\n  </DouDialog>\n</template>\n"],"mappings":""}