@atscript/vue-table 0.1.58

package/dist/as-preset-dialog-BdDRgwf_.mjs

@@ -0,0 +1,564 @@
+import { a as useTableContext } from "./use-table-state-C4JbonEZ.mjs";
+import { a as readPresetLabel, i as ownerNameOf, n as ASPECT_LABELS, r as aspectsOf, t as ASPECT_ICONS } from "./preset-aspect-display-BYeiSgcc.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { isSystemPresetId, setsEqual } from "@atscript/ui-table";
+import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";
+//#region src/components/defaults/as-preset-dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-preset-dialog-header" };
+const _hoisted_2 = { class: "as-preset-dialog-counter" };
+const _hoisted_3 = { class: "as-preset-dialog-toolbar" };
+const _hoisted_4 = { class: "as-preset-dialog-search" };
+const _hoisted_5 = { class: "as-preset-dialog-body" };
+const _hoisted_6 = {
+	key: 0,
+	class: "as-preset-dialog-empty"
+};
+const _hoisted_7 = { class: "as-preset-dialog-section-header" };
+const _hoisted_8 = ["data-deleted"];
+const _hoisted_9 = [
+	"value",
+	"checked",
+	"onChange",
+	"title"
+];
+const _hoisted_10 = [
+	"data-on",
+	"aria-pressed",
+	"title",
+	"onClick"
+];
+const _hoisted_11 = [
+	"data-on",
+	"aria-pressed",
+	"title",
+	"onClick"
+];
+const _hoisted_12 = {
+	key: 1,
+	class: "as-preset-dialog-row-fav-spacer",
+	"aria-hidden": "true"
+};
+const _hoisted_13 = { class: "as-preset-dialog-row-label" };
+const _hoisted_14 = ["onKeydown"];
+const _hoisted_15 = [
+	"data-pending",
+	"title",
+	"onMousedown"
+];
+const _hoisted_16 = ["data-pending"];
+const _hoisted_17 = { class: "as-preset-dialog-row-owner" };
+const _hoisted_18 = {
+	key: 0,
+	class: "as-preset-dialog-row-owner-self"
+};
+const _hoisted_19 = { class: "as-preset-dialog-aspect-strip" };
+const _hoisted_20 = ["data-on", "title"];
+const _hoisted_21 = [
+	"data-on",
+	"aria-pressed",
+	"title",
+	"onClick"
+];
+const _hoisted_22 = ["title"];
+const _hoisted_23 = {
+	key: 4,
+	class: "as-preset-dialog-row-public-spacer",
+	"aria-hidden": "true"
+};
+const _hoisted_24 = [
+	"data-on",
+	"aria-pressed",
+	"title",
+	"onClick"
+];
+const _hoisted_25 = {
+	key: 6,
+	class: "as-preset-dialog-row-delete-spacer",
+	"aria-hidden": "true"
+};
+const _hoisted_26 = { class: "as-preset-dialog-footer" };
+const _hoisted_27 = { class: "as-preset-dialog-footer-status" };
+const _hoisted_28 = {
+	key: 0,
+	class: "as-preset-dialog-footer-unsaved"
+};
+const _hoisted_29 = { class: "as-preset-dialog-footer-actions" };
+const _hoisted_30 = ["disabled"];
+//#endregion
+//#region src/components/defaults/as-preset-dialog.vue
+var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "as-preset-dialog",
+	setup(__props) {
+		const { state } = useTableContext();
+		const isOpen = computed({
+			get: () => state.preset.dialogOpen.value,
+			set: (val) => {
+				state.preset.dialogOpen.value = val;
+			}
+		});
+		const ownedCount = computed(() => {
+			const me = state.preset.currentUser.value;
+			if (me === null) return 0;
+			let n = 0;
+			for (const row of state.preset.presets.value) if (row.user === me) n++;
+			return n;
+		});
+		const presetLimit = computed(() => state.preset.capabilities.value?.presetLimit ?? null);
+		const counterText = computed(() => presetLimit.value !== null ? `${ownedCount.value} / ${presetLimit.value}` : `${ownedCount.value}`);
+		const serverFavIds = computed(() => {
+			const arr = (state.preset.userConf.value?.data)?.favPresetIds;
+			return new Set(arr ?? []);
+		});
+		const serverDefaultId = computed(() => (state.preset.userConf.value?.data)?.defaultPresetId ?? null);
+		const serverPublicIds = computed(() => {
+			const out = /* @__PURE__ */ new Set();
+			for (const row of state.preset.presets.value) if (row.public === true) out.add(row.id);
+			return out;
+		});
+		const pendingFavIds = ref(/* @__PURE__ */ new Set());
+		const pendingDefaultId = ref(null);
+		const pendingPublicIds = ref(/* @__PURE__ */ new Set());
+		const pendingLabels = ref(/* @__PURE__ */ new Map());
+		const pendingActiveId = ref(null);
+		const pendingDeleteIds = ref(/* @__PURE__ */ new Set());
+		function syncPendingFromServer() {
+			pendingFavIds.value = new Set(serverFavIds.value);
+			pendingDefaultId.value = serverDefaultId.value;
+			pendingPublicIds.value = new Set(serverPublicIds.value);
+			pendingLabels.value = /* @__PURE__ */ new Map();
+			pendingActiveId.value = state.preset.activeId.value;
+			pendingDeleteIds.value = /* @__PURE__ */ new Set();
+		}
+		watch(isOpen, (open) => {
+			if (open) {
+				syncPendingFromServer();
+				searchQuery.value = "";
+				cancelRename();
+				nextTick(() => searchInputRef.value?.focus());
+			}
+		});
+		watch([
+			serverFavIds,
+			serverDefaultId,
+			serverPublicIds,
+			state.preset.activeId
+		], () => {
+			if (!isOpen.value) return;
+			if (!isDirty.value) syncPendingFromServer();
+		});
+		const isDirty = computed(() => {
+			if (!setsEqual(pendingFavIds.value, serverFavIds.value)) return true;
+			if (pendingDefaultId.value !== serverDefaultId.value) return true;
+			if (!setsEqual(pendingPublicIds.value, serverPublicIds.value)) return true;
+			if (pendingLabels.value.size > 0) return true;
+			if (pendingActiveId.value !== state.preset.activeId.value) return true;
+			if (pendingDeleteIds.value.size > 0) return true;
+			return false;
+		});
+		const allRows = computed(() => {
+			const out = [];
+			for (const sp of state.preset.systemPresets.value) out.push({
+				id: sp.id,
+				label: sp.label,
+				kind: "system",
+				isPublic: false,
+				ownerLabel: "—",
+				aspects: [...state.preset.availableAspects],
+				pendingLabel: false
+			});
+			const stored = [];
+			for (const row of state.preset.presets.value) {
+				const isOwned = state.preset.isOwned(row.id);
+				const original = readPresetLabel(row);
+				const pending = pendingLabels.value.get(row.id);
+				const liveLabel = pending ?? original;
+				stored.push({
+					id: row.id,
+					label: liveLabel,
+					kind: isOwned ? "owned" : "public",
+					isPublic: pendingPublicIds.value.has(row.id),
+					ownerLabel: isOwned ? "you" : ownerNameOf(row, "—"),
+					aspects: aspectsOf(row, state.preset.availableAspects),
+					pendingLabel: pending !== void 0 && pending !== original
+				});
+			}
+			stored.sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" }));
+			return [...out, ...stored];
+		});
+		const searchQuery = ref("");
+		const searchInputRef = ref(null);
+		const sections = computed(() => {
+			const q = searchQuery.value.trim().toLowerCase();
+			const matches = (r) => !q || r.label.toLowerCase().includes(q) || r.ownerLabel.toLowerCase().includes(q);
+			const sys = [];
+			const own = [];
+			const shared = [];
+			for (const r of allRows.value) {
+				if (!matches(r)) continue;
+				if (r.kind === "system") sys.push(r);
+				else if (r.kind === "owned") own.push(r);
+				else shared.push(r);
+			}
+			const out = [];
+			if (sys.length > 0) out.push({
+				kind: "system",
+				label: "System",
+				rows: sys
+			});
+			if (own.length > 0) out.push({
+				kind: "owned",
+				label: "My presets",
+				rows: own
+			});
+			if (shared.length > 0) out.push({
+				kind: "public",
+				label: "Shared by others",
+				rows: shared
+			});
+			return out;
+		});
+		const totalFiltered = computed(() => sections.value.reduce((sum, s) => sum + s.rows.length, 0));
+		function toggleFavPending(id) {
+			const next = new Set(pendingFavIds.value);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			pendingFavIds.value = next;
+		}
+		function setDefaultPending(id) {
+			pendingDefaultId.value = pendingDefaultId.value === id ? null : id;
+		}
+		function togglePublicPending(id) {
+			const next = new Set(pendingPublicIds.value);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			pendingPublicIds.value = next;
+		}
+		function setActivePending(id) {
+			pendingActiveId.value = id;
+		}
+		function toggleDeletePending(id) {
+			const next = new Set(pendingDeleteIds.value);
+			if (!next.has(id)) {
+				next.add(id);
+				if (editingId.value === id) cancelRename();
+			} else next.delete(id);
+			pendingDeleteIds.value = next;
+		}
+		const editingId = ref(null);
+		const editingValue = ref("");
+		let renameInputRef = null;
+		function startRename(row) {
+			if (row.kind !== "owned") return;
+			editingId.value = row.id;
+			editingValue.value = row.label;
+		}
+		watch(editingId, (id) => {
+			if (!id) {
+				renameInputRef = null;
+				return;
+			}
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					renameInputRef?.focus();
+					renameInputRef?.select();
+				});
+			});
+		}, { flush: "post" });
+		function cancelRename() {
+			editingId.value = null;
+			editingValue.value = "";
+		}
+		/**
+		* Live writeback to `pendingLabels`. Called on every keystroke via
+		* `@input` so Save lights up the moment the value diverges from the
+		* server label. Empty string is treated as "revert" (drop the pending
+		* entry) so accidentally clearing the input doesn't queue a blank-name
+		* rename.
+		*/
+		function onRenameInput() {
+			if (!editingId.value) return;
+			const id = editingId.value;
+			const next = editingValue.value.trim();
+			const row = state.preset.presetsById.value.get(id);
+			const original = row ? readPresetLabel(row) : "";
+			const map = new Map(pendingLabels.value);
+			if (!next || next === original) map.delete(id);
+			else map.set(id, next);
+			pendingLabels.value = map;
+		}
+		function commitRename() {
+			cancelRename();
+		}
+		const saving = ref(false);
+		async function save() {
+			if (!isDirty.value || saving.value) return;
+			saving.value = true;
+			try {
+				await state.preset.batch(async () => {
+					const deleted = pendingDeleteIds.value;
+					if (!setsEqual(pendingFavIds.value, serverFavIds.value)) {
+						const cleaned = [];
+						for (const id of pendingFavIds.value) {
+							if (isSystemPresetId(id)) continue;
+							if (deleted.has(id)) continue;
+							if (!state.preset.presetsById.value.has(id)) continue;
+							if (state.preset.isOwned(id)) continue;
+							cleaned.push(id);
+						}
+						await state.preset.setFavorites(cleaned);
+					}
+					if (pendingDefaultId.value !== serverDefaultId.value) {
+						const next = pendingDefaultId.value && deleted.has(pendingDefaultId.value) ? null : pendingDefaultId.value;
+						if (next !== serverDefaultId.value) await state.preset.setDefault(next);
+					}
+					if (pendingLabels.value.size > 0) for (const [id, label] of pendingLabels.value) {
+						if (deleted.has(id)) continue;
+						try {
+							await state.preset.rename(id, label);
+						} catch (_err) {}
+					}
+					if (!setsEqual(pendingPublicIds.value, serverPublicIds.value)) {
+						const flips = [];
+						for (const id of pendingPublicIds.value) {
+							if (deleted.has(id)) continue;
+							if (!serverPublicIds.value.has(id)) flips.push(id);
+						}
+						for (const id of serverPublicIds.value) {
+							if (deleted.has(id)) continue;
+							if (!pendingPublicIds.value.has(id)) flips.push(id);
+						}
+						for (const id of flips) try {
+							await state.preset.togglePublic(id);
+						} catch (_err) {}
+					}
+					if (deleted.size > 0) for (const id of deleted) try {
+						await state.preset.remove(id);
+					} catch (_err) {}
+				});
+				if (pendingActiveId.value !== null && pendingActiveId.value !== state.preset.activeId.value && !pendingDeleteIds.value.has(pendingActiveId.value)) state.preset.apply(pendingActiveId.value);
+				state.preset.dialogOpen.value = false;
+			} finally {
+				saving.value = false;
+			}
+		}
+		function discardOrClose() {
+			syncPendingFromServer();
+			state.preset.dialogOpen.value = false;
+		}
+		function rowFavTitle(row) {
+			if (row.kind !== "public") return "";
+			return pendingFavIds.value.has(row.id) ? "Favorited — click to remove" : "Click to add to favorites";
+		}
+		function rowDefaultTitle(row) {
+			return row.id === pendingDefaultId.value ? "Default — click to unpin" : "Click to pin as default";
+		}
+		function rowPublicTitle(row) {
+			if (row.kind === "system") return "";
+			if (row.kind === "owned") return row.isPublic ? "Public — click to make private" : "Private — click to make public";
+			return "Public preset shared with everyone";
+		}
+		function canToggleRowPublic(row) {
+			if (row.kind !== "owned") return false;
+			const caps = state.preset.capabilities.value;
+			if (caps === null) return true;
+			return caps.canPublish || row.isPublic;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: isOpen.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogPortal), null, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "as-preset-dialog-overlay" }), createVNode(unref(DialogContent), {
+						class: "as-preset-dialog-content",
+						onEscapeKeyDown: _cache[2] || (_cache[2] = (ev) => {
+							ev.preventDefault();
+							discardOrClose();
+						}),
+						onPointerDownOutside: _cache[3] || (_cache[3] = (ev) => {
+							ev.preventDefault();
+							discardOrClose();
+						})
+					}, {
+						default: withCtx(() => [
+							createElementVNode("header", _hoisted_1, [
+								createVNode(unref(DialogTitle), { class: "as-preset-dialog-title" }, {
+									default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Presets", -1)])]),
+									_: 1
+								}),
+								createElementVNode("span", _hoisted_2, toDisplayString(counterText.value), 1),
+								createVNode(unref(DialogClose), {
+									class: "as-preset-dialog-close",
+									"aria-label": "Close",
+									onClick: withModifiers(discardOrClose, ["prevent"])
+								}, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createElementVNode("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
+							createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[7] || (_cache[7] = createElementVNode("span", {
+								class: "i-as-search as-preset-dialog-search-icon",
+								"aria-hidden": "true"
+							}, null, -1)), withDirectives(createElementVNode("input", {
+								ref_key: "searchInputRef",
+								ref: searchInputRef,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+								type: "search",
+								class: "as-preset-dialog-search-input",
+								placeholder: "Search by name or owner…"
+							}, null, 512), [[vModelText, searchQuery.value]])]), _cache[8] || (_cache[8] = createElementVNode("div", { class: "as-preset-dialog-legend" }, [
+								createElementVNode("span", { class: "as-preset-dialog-legend-item" }, [createElementVNode("span", {
+									class: "i-as-pin as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), createElementVNode("span", null, "default")]),
+								createElementVNode("span", { class: "as-preset-dialog-legend-item" }, [createElementVNode("span", {
+									class: "i-as-star as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), createElementVNode("span", null, "favorite")]),
+								createElementVNode("span", { class: "as-preset-dialog-legend-item" }, [createElementVNode("span", {
+									class: "i-as-eye-off as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), createElementVNode("span", null, "public")]),
+								createElementVNode("span", { class: "as-preset-dialog-legend-item" }, [createElementVNode("span", {
+									class: "i-as-trash as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), createElementVNode("span", null, "delete")])
+							], -1))]),
+							createElementVNode("div", _hoisted_5, [totalFiltered.value === 0 ? (openBlock(), createElementBlock("p", _hoisted_6, " No presets match \"" + toDisplayString(searchQuery.value) + "\". ", 1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(sections.value, (section) => {
+								return openBlock(), createElementBlock(Fragment, { key: section.kind }, [createElementVNode("div", _hoisted_7, toDisplayString(section.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(section.rows, (row) => {
+									return openBlock(), createElementBlock("div", {
+										key: row.id,
+										class: "as-preset-dialog-row",
+										"data-deleted": pendingDeleteIds.value.has(row.id) ? "" : void 0
+									}, [
+										createCommentVNode(" First column: pick which preset becomes active on Save.\n                 Radio (single-select — exactly one preset is applied at\n                 a time). Clicking it sets `pendingActiveId`; the actual\n                 `applyPreset` runs in the Save batch. "),
+										createElementVNode("input", {
+											type: "radio",
+											name: "as-preset-dialog-active",
+											class: "as-preset-dialog-row-active",
+											value: row.id,
+											checked: row.id === pendingActiveId.value,
+											onChange: ($event) => setActivePending(row.id),
+											title: row.id === pendingActiveId.value ? "This preset will be applied" : "Click to apply this preset on Save"
+										}, null, 40, _hoisted_9),
+										createElementVNode("button", {
+											type: "button",
+											class: "as-preset-dialog-row-default",
+											"data-on": row.id === pendingDefaultId.value ? "" : void 0,
+											"aria-pressed": row.id === pendingDefaultId.value,
+											title: rowDefaultTitle(row),
+											onClick: ($event) => setDefaultPending(row.id)
+										}, [createElementVNode("span", {
+											class: normalizeClass(row.id === pendingDefaultId.value ? "i-as-pin-filled" : "i-as-pin"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_10),
+										createCommentVNode(" Star: only meaningful for non-owned, non-system rows. Own\n                 + system rows already render in the picker so the star\n                 would be a no-op. Keep a sized spacer so the column-grid\n                 stays aligned. "),
+										row.kind === "public" ? (openBlock(), createElementBlock("button", {
+											key: 0,
+											type: "button",
+											class: "as-preset-dialog-row-fav",
+											"data-on": pendingFavIds.value.has(row.id) ? "" : void 0,
+											"aria-pressed": pendingFavIds.value.has(row.id),
+											title: rowFavTitle(row),
+											onClick: ($event) => toggleFavPending(row.id)
+										}, [createElementVNode("span", {
+											class: normalizeClass(pendingFavIds.value.has(row.id) ? "i-as-star-filled" : "i-as-star"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_11)) : (openBlock(), createElementBlock("span", _hoisted_12)),
+										createElementVNode("div", _hoisted_13, [editingId.value === row.id ? withDirectives((openBlock(), createElementBlock("input", {
+											key: 0,
+											ref_for: true,
+											ref: (el) => {
+												if (el) isRef(renameInputRef) ? renameInputRef.value = el : renameInputRef = el;
+											},
+											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editingValue.value = $event),
+											class: "as-preset-dialog-row-rename",
+											type: "text",
+											onInput: onRenameInput,
+											onKeydown: [withKeys(withModifiers(commitRename, ["prevent"]), ["enter"]), withKeys(withModifiers(cancelRename, ["prevent"]), ["escape"])],
+											onBlur: commitRename
+										}, null, 40, _hoisted_14)), [[vModelText, editingValue.value]]) : row.kind === "owned" && !pendingDeleteIds.value.has(row.id) ? (openBlock(), createElementBlock("span", {
+											key: 1,
+											class: "as-preset-dialog-row-label-text cursor-pointer",
+											"data-pending": row.pendingLabel ? "" : void 0,
+											title: row.pendingLabel ? "Modified — click to keep editing" : "Click to rename",
+											onMousedown: withModifiers(($event) => startRename(row), ["prevent", "stop"])
+										}, toDisplayString(row.label), 41, _hoisted_15)) : (openBlock(), createElementBlock("span", {
+											key: 2,
+											class: "as-preset-dialog-row-label-text",
+											"data-pending": row.pendingLabel ? "" : void 0
+										}, toDisplayString(row.label), 9, _hoisted_16))]),
+										createElementVNode("span", _hoisted_17, [row.kind === "owned" ? (openBlock(), createElementBlock("span", _hoisted_18, "you")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(row.ownerLabel), 1)], 64))]),
+										createElementVNode("div", _hoisted_19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).preset.availableAspects, (a) => {
+											return openBlock(), createElementBlock("span", {
+												key: a,
+												class: "as-preset-dialog-aspect-chip",
+												"data-on": row.aspects.includes(a) ? "" : void 0,
+												title: unref(ASPECT_LABELS)[a]
+											}, [createElementVNode("span", {
+												class: normalizeClass(unref(ASPECT_ICONS)[a]),
+												"aria-hidden": "true"
+											}, null, 2)], 8, _hoisted_20);
+										}), 128))]),
+										canToggleRowPublic(row) ? (openBlock(), createElementBlock("button", {
+											key: 2,
+											type: "button",
+											class: "as-preset-dialog-row-public-toggle",
+											"data-on": row.isPublic ? "" : void 0,
+											"aria-pressed": row.isPublic,
+											title: rowPublicTitle(row),
+											onClick: ($event) => togglePublicPending(row.id)
+										}, [createElementVNode("span", {
+											class: normalizeClass(row.isPublic ? "i-as-eye" : "i-as-eye-off"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_21)) : row.kind === "public" ? (openBlock(), createElementBlock("span", {
+											key: 3,
+											class: "as-preset-dialog-row-public-indicator",
+											title: rowPublicTitle(row)
+										}, [..._cache[9] || (_cache[9] = [createElementVNode("span", {
+											class: "i-as-eye",
+											"aria-hidden": "true"
+										}, null, -1)])], 8, _hoisted_22)) : (openBlock(), createElementBlock("span", _hoisted_23)),
+										row.kind === "owned" ? (openBlock(), createElementBlock("button", {
+											key: 5,
+											type: "button",
+											class: "as-preset-dialog-row-delete",
+											"data-on": pendingDeleteIds.value.has(row.id) ? "" : void 0,
+											"aria-pressed": pendingDeleteIds.value.has(row.id),
+											title: pendingDeleteIds.value.has(row.id) ? "Marked for deletion — click to undo" : "Mark for deletion (applied on Save)",
+											onClick: ($event) => toggleDeletePending(row.id)
+										}, [..._cache[10] || (_cache[10] = [createElementVNode("span", {
+											class: "i-as-trash",
+											"aria-hidden": "true"
+										}, null, -1)])], 8, _hoisted_24)) : (openBlock(), createElementBlock("span", _hoisted_25))
+									], 8, _hoisted_8);
+								}), 128))], 64);
+							}), 128))]),
+							createElementVNode("footer", _hoisted_26, [createElementVNode("div", _hoisted_27, [isDirty.value ? (openBlock(), createElementBlock("span", _hoisted_28, [..._cache[11] || (_cache[11] = [createElementVNode("span", {
+								class: "as-preset-dialog-footer-unsaved-dot",
+								"aria-hidden": "true"
+							}, null, -1), createTextVNode(" unsaved changes ", -1)])])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_29, [createElementVNode("button", {
+								type: "button",
+								class: "as-preset-dialog-footer-close",
+								onClick: discardOrClose
+							}, " Cancel "), createElementVNode("button", {
+								type: "button",
+								class: "as-preset-dialog-footer-save",
+								disabled: !isDirty.value || saving.value,
+								onClick: save
+							}, toDisplayString(saving.value ? "Saving…" : "Save"), 9, _hoisted_30)])])
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { as_preset_dialog_default as t };

package/dist/as-preset-dialog.cjs

@@ -0,0 +1,4 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./preset-aspect-display-y8aal_EF.cjs");
+const require_as_preset_dialog = require("./as-preset-dialog-BaTfwMnh.cjs");
+module.exports = require_as_preset_dialog.as_preset_dialog_default;

package/dist/as-preset-dialog.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-preset-dialog.vue-DP9fy00Y.cjs";
+export = _default;

package/dist/as-preset-dialog.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-preset-dialog.vue-Bzv-ON9W.mjs";
+export { _default as default };

package/dist/as-preset-dialog.mjs

@@ -0,0 +1,4 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./preset-aspect-display-BYeiSgcc.mjs";
+import { t as as_preset_dialog_default } from "./as-preset-dialog-BdDRgwf_.mjs";
+export { as_preset_dialog_default as default };

package/dist/as-preset-dialog.vue-Bzv-ON9W.d.mts

@@ -0,0 +1,7 @@
+import * as vue from "vue";
+
+//#region src/components/defaults/as-preset-dialog.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-preset-dialog.vue-DP9fy00Y.d.cts

@@ -0,0 +1,7 @@
+import * as vue from "vue";
+
+//#region src/components/defaults/as-preset-dialog.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };