@atscript/vue-table 0.1.58

package/dist/as-preset-dialog-BaTfwMnh.cjs

@@ -0,0 +1,569 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+const require_preset_aspect_display = require("./preset-aspect-display-y8aal_EF.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+let reka_ui = require("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__ */ (0, vue.defineComponent)({
+	__name: "as-preset-dialog",
+	setup(__props) {
+		const { state } = require_use_table_state.useTableContext();
+		const isOpen = (0, vue.computed)({
+			get: () => state.preset.dialogOpen.value,
+			set: (val) => {
+				state.preset.dialogOpen.value = val;
+			}
+		});
+		const ownedCount = (0, vue.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 = (0, vue.computed)(() => state.preset.capabilities.value?.presetLimit ?? null);
+		const counterText = (0, vue.computed)(() => presetLimit.value !== null ? `${ownedCount.value} / ${presetLimit.value}` : `${ownedCount.value}`);
+		const serverFavIds = (0, vue.computed)(() => {
+			const arr = (state.preset.userConf.value?.data)?.favPresetIds;
+			return new Set(arr ?? []);
+		});
+		const serverDefaultId = (0, vue.computed)(() => (state.preset.userConf.value?.data)?.defaultPresetId ?? null);
+		const serverPublicIds = (0, vue.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 = (0, vue.ref)(/* @__PURE__ */ new Set());
+		const pendingDefaultId = (0, vue.ref)(null);
+		const pendingPublicIds = (0, vue.ref)(/* @__PURE__ */ new Set());
+		const pendingLabels = (0, vue.ref)(/* @__PURE__ */ new Map());
+		const pendingActiveId = (0, vue.ref)(null);
+		const pendingDeleteIds = (0, vue.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();
+		}
+		(0, vue.watch)(isOpen, (open) => {
+			if (open) {
+				syncPendingFromServer();
+				searchQuery.value = "";
+				cancelRename();
+				(0, vue.nextTick)(() => searchInputRef.value?.focus());
+			}
+		});
+		(0, vue.watch)([
+			serverFavIds,
+			serverDefaultId,
+			serverPublicIds,
+			state.preset.activeId
+		], () => {
+			if (!isOpen.value) return;
+			if (!isDirty.value) syncPendingFromServer();
+		});
+		const isDirty = (0, vue.computed)(() => {
+			if (!(0, _atscript_ui_table.setsEqual)(pendingFavIds.value, serverFavIds.value)) return true;
+			if (pendingDefaultId.value !== serverDefaultId.value) return true;
+			if (!(0, _atscript_ui_table.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 = (0, vue.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 = require_preset_aspect_display.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" : require_preset_aspect_display.ownerNameOf(row, "—"),
+					aspects: require_preset_aspect_display.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 = (0, vue.ref)("");
+		const searchInputRef = (0, vue.ref)(null);
+		const sections = (0, vue.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 = (0, vue.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 = (0, vue.ref)(null);
+		const editingValue = (0, vue.ref)("");
+		let renameInputRef = null;
+		function startRename(row) {
+			if (row.kind !== "owned") return;
+			editingId.value = row.id;
+			editingValue.value = row.label;
+		}
+		(0, vue.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 ? require_preset_aspect_display.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 = (0, vue.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 (!(0, _atscript_ui_table.setsEqual)(pendingFavIds.value, serverFavIds.value)) {
+						const cleaned = [];
+						for (const id of pendingFavIds.value) {
+							if ((0, _atscript_ui_table.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 (!(0, _atscript_ui_table.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogRoot), {
+				open: isOpen.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event)
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogPortal), null, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogOverlay), { class: "as-preset-dialog-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.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: (0, vue.withCtx)(() => [
+							(0, vue.createElementVNode)("header", _hoisted_1, [
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-preset-dialog-title" }, {
+									default: (0, vue.withCtx)(() => [..._cache[5] || (_cache[5] = [(0, vue.createTextVNode)("Presets", -1)])]),
+									_: 1
+								}),
+								(0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(counterText.value), 1),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
+									class: "as-preset-dialog-close",
+									"aria-label": "Close",
+									onClick: (0, vue.withModifiers)(discardOrClose, ["prevent"])
+								}, {
+									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createElementVNode)("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
+							(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", _hoisted_4, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", {
+								class: "i-as-search as-preset-dialog-search-icon",
+								"aria-hidden": "true"
+							}, null, -1)), (0, vue.withDirectives)((0, vue.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), [[vue.vModelText, searchQuery.value]])]), _cache[8] || (_cache[8] = (0, vue.createElementVNode)("div", { class: "as-preset-dialog-legend" }, [
+								(0, vue.createElementVNode)("span", { class: "as-preset-dialog-legend-item" }, [(0, vue.createElementVNode)("span", {
+									class: "i-as-pin as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), (0, vue.createElementVNode)("span", null, "default")]),
+								(0, vue.createElementVNode)("span", { class: "as-preset-dialog-legend-item" }, [(0, vue.createElementVNode)("span", {
+									class: "i-as-star as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), (0, vue.createElementVNode)("span", null, "favorite")]),
+								(0, vue.createElementVNode)("span", { class: "as-preset-dialog-legend-item" }, [(0, vue.createElementVNode)("span", {
+									class: "i-as-eye-off as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), (0, vue.createElementVNode)("span", null, "public")]),
+								(0, vue.createElementVNode)("span", { class: "as-preset-dialog-legend-item" }, [(0, vue.createElementVNode)("span", {
+									class: "i-as-trash as-preset-dialog-legend-icon",
+									"aria-hidden": "true"
+								}), (0, vue.createElementVNode)("span", null, "delete")])
+							], -1))]),
+							(0, vue.createElementVNode)("div", _hoisted_5, [totalFiltered.value === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6, " No presets match \"" + (0, vue.toDisplayString)(searchQuery.value) + "\". ", 1)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(sections.value, (section) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: section.kind }, [(0, vue.createElementVNode)("div", _hoisted_7, (0, vue.toDisplayString)(section.label), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(section.rows, (row) => {
+									return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+										key: row.id,
+										class: "as-preset-dialog-row",
+										"data-deleted": pendingDeleteIds.value.has(row.id) ? "" : void 0
+									}, [
+										(0, vue.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. "),
+										(0, vue.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),
+										(0, vue.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)
+										}, [(0, vue.createElementVNode)("span", {
+											class: (0, vue.normalizeClass)(row.id === pendingDefaultId.value ? "i-as-pin-filled" : "i-as-pin"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_10),
+										(0, vue.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" ? ((0, vue.openBlock)(), (0, vue.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)
+										}, [(0, vue.createElementVNode)("span", {
+											class: (0, vue.normalizeClass)(pendingFavIds.value.has(row.id) ? "i-as-star-filled" : "i-as-star"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_11)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_12)),
+										(0, vue.createElementVNode)("div", _hoisted_13, [editingId.value === row.id ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+											key: 0,
+											ref_for: true,
+											ref: (el) => {
+												if (el) (0, vue.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: [(0, vue.withKeys)((0, vue.withModifiers)(commitRename, ["prevent"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(cancelRename, ["prevent"]), ["escape"])],
+											onBlur: commitRename
+										}, null, 40, _hoisted_14)), [[vue.vModelText, editingValue.value]]) : row.kind === "owned" && !pendingDeleteIds.value.has(row.id) ? ((0, vue.openBlock)(), (0, vue.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: (0, vue.withModifiers)(($event) => startRename(row), ["prevent", "stop"])
+										}, (0, vue.toDisplayString)(row.label), 41, _hoisted_15)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+											key: 2,
+											class: "as-preset-dialog-row-label-text",
+											"data-pending": row.pendingLabel ? "" : void 0
+										}, (0, vue.toDisplayString)(row.label), 9, _hoisted_16))]),
+										(0, vue.createElementVNode)("span", _hoisted_17, [row.kind === "owned" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_18, "you")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(row.ownerLabel), 1)], 64))]),
+										(0, vue.createElementVNode)("div", _hoisted_19, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(state).preset.availableAspects, (a) => {
+											return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+												key: a,
+												class: "as-preset-dialog-aspect-chip",
+												"data-on": row.aspects.includes(a) ? "" : void 0,
+												title: (0, vue.unref)(require_preset_aspect_display.ASPECT_LABELS)[a]
+											}, [(0, vue.createElementVNode)("span", {
+												class: (0, vue.normalizeClass)((0, vue.unref)(require_preset_aspect_display.ASPECT_ICONS)[a]),
+												"aria-hidden": "true"
+											}, null, 2)], 8, _hoisted_20);
+										}), 128))]),
+										canToggleRowPublic(row) ? ((0, vue.openBlock)(), (0, vue.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)
+										}, [(0, vue.createElementVNode)("span", {
+											class: (0, vue.normalizeClass)(row.isPublic ? "i-as-eye" : "i-as-eye-off"),
+											"aria-hidden": "true"
+										}, null, 2)], 8, _hoisted_21)) : row.kind === "public" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+											key: 3,
+											class: "as-preset-dialog-row-public-indicator",
+											title: rowPublicTitle(row)
+										}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", {
+											class: "i-as-eye",
+											"aria-hidden": "true"
+										}, null, -1)])], 8, _hoisted_22)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_23)),
+										row.kind === "owned" ? ((0, vue.openBlock)(), (0, vue.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] = [(0, vue.createElementVNode)("span", {
+											class: "i-as-trash",
+											"aria-hidden": "true"
+										}, null, -1)])], 8, _hoisted_24)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_25))
+									], 8, _hoisted_8);
+								}), 128))], 64);
+							}), 128))]),
+							(0, vue.createElementVNode)("footer", _hoisted_26, [(0, vue.createElementVNode)("div", _hoisted_27, [isDirty.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_28, [..._cache[11] || (_cache[11] = [(0, vue.createElementVNode)("span", {
+								class: "as-preset-dialog-footer-unsaved-dot",
+								"aria-hidden": "true"
+							}, null, -1), (0, vue.createTextVNode)(" unsaved changes ", -1)])])) : (0, vue.createCommentVNode)("v-if", true)]), (0, vue.createElementVNode)("div", _hoisted_29, [(0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "as-preset-dialog-footer-close",
+								onClick: discardOrClose
+							}, " Cancel "), (0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "as-preset-dialog-footer-save",
+								disabled: !isDirty.value || saving.value,
+								onClick: save
+							}, (0, vue.toDisplayString)(saving.value ? "Saving…" : "Save"), 9, _hoisted_30)])])
+						]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_preset_dialog_default", {
+	enumerable: true,
+	get: function() {
+		return as_preset_dialog_default;
+	}
+});