@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{SavedBlocksPanels-BDd8FH6l.js → SavedBlocksPanels-Bb-eDMAh.js}

@@ -1,11 +1,11 @@
-import { M as e, b as t, g as n, h as r, it as i, m as a, u as o, x as s } from "./draggable-BRF_Q_jB.js";
+import { M as e, b as t, g as n, h as r, it as i, m as a, u as o, x as s } from "./draggable-DCs9qL-b.js";
 //#endregion
 //#region src/components/SavedBlocksPanels.vue
 var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = t(() => import("./SavedBlocksPickBar-BNkLe8In.js")), u = t(() => import("./SaveBlockDialog-D3-oILb5.js")), d = t(() => import("./SavedBlocksBrowserModal-jMnNd4wn.js"));
+		let c = s, l = t(() => import("./SavedBlocksPickBar-GudFfXa4.js")), u = t(() => import("./SaveBlockDialog-B8KHhVkI.js")), d = t(() => import("./SavedBlocksBrowserModal-B-sjsIJv.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}
@@ -35,4 +35,4 @@ var c = /* @__PURE__ */ s({
 //#endregion
 export { c as default };
 
-//# sourceMappingURL=SavedBlocksPanels-BDd8FH6l.js.map
+//# sourceMappingURL=SavedBlocksPanels-Bb-eDMAh.js.map

package/dist/cdn/chunks/{SavedBlocksPanels-BDd8FH6l.js.map → SavedBlocksPanels-Bb-eDMAh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SavedBlocksPanels-BDd8FH6l.js","names":[],"sources":["../../../src/components/SavedBlocksPanels.vue","../../../src/components/SavedBlocksPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the saved-blocks UI, shared by the OSS and Cloud editors.\n *\n * Everything here is `defineAsyncComponent` rendered behind `v-if` on its own\n * state, so each chunk is fetched only when actually needed —\n * `defineAsyncComponent` triggers its `import()` on first render, not at\n * definition time. The editors in turn lazy-load *this* wrapper and render it\n * only when a `SavedBlocksProvider` is configured, so a consumer without one\n * downloads none of it.\n *\n * The pick bar lives here rather than in `Editor.vue` / `CloudEditor.vue` so\n * neither editor needs to know about saved blocks, and the lazy-load guarantee\n * covers the bar too.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { SavedBlock } from \"@templatical/types\";\nimport type { UseSavedBlocksFeatureReturn } from \"../composables/useSavedBlocksFeature\";\n\nconst props = defineProps<{\n  feature: UseSavedBlocksFeatureReturn;\n}>();\n\nconst SavedBlocksPickBar = defineAsyncComponent(\n  () => import(\"./SavedBlocksPickBar.vue\"),\n);\nconst SaveBlockDialog = defineAsyncComponent(\n  () => import(\"./SaveBlockDialog.vue\"),\n);\nconst SavedBlocksBrowserModal = defineAsyncComponent(\n  () => import(\"./SavedBlocksBrowserModal.vue\"),\n);\n\nfunction handleInsert(\n  saved: SavedBlock,\n  insertIndex: number | undefined,\n): void {\n  props.feature.insert(saved, insertIndex);\n}\n</script>\n\n<template>\n  <SavedBlocksPickBar\n    v-if=\"feature.isPicking.value\"\n    :count=\"feature.pickedCount.value\"\n    @confirm=\"feature.confirmPicking()\"\n    @cancel=\"feature.cancelPicking()\"\n  />\n\n  <SaveBlockDialog\n    v-if=\"feature.isSaveDialogOpen.value\"\n    :visible=\"feature.isSaveDialogOpen.value\"\n    :picked-ids=\"[...feature.pickedIds.value]\"\n    @close=\"feature.closeSaveDialog()\"\n    @saved=\"feature.refresh()\"\n  />\n\n  <SavedBlocksBrowserModal\n    v-if=\"feature.isBrowserOpen.value\"\n    :visible=\"feature.isBrowserOpen.value\"\n    @close=\"feature.closeBrowser()\"\n    @insert=\"handleInsert\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the saved-blocks UI, shared by the OSS and Cloud editors.\n *\n * Everything here is `defineAsyncComponent` rendered behind `v-if` on its own\n * state, so each chunk is fetched only when actually needed —\n * `defineAsyncComponent` triggers its `import()` on first render, not at\n * definition time. The editors in turn lazy-load *this* wrapper and render it\n * only when a `SavedBlocksProvider` is configured, so a consumer without one\n * downloads none of it.\n *\n * The pick bar lives here rather than in `Editor.vue` / `CloudEditor.vue` so\n * neither editor needs to know about saved blocks, and the lazy-load guarantee\n * covers the bar too.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { SavedBlock } from \"@templatical/types\";\nimport type { UseSavedBlocksFeatureReturn } from \"../composables/useSavedBlocksFeature\";\n\nconst props = defineProps<{\n  feature: UseSavedBlocksFeatureReturn;\n}>();\n\nconst SavedBlocksPickBar = defineAsyncComponent(\n  () => import(\"./SavedBlocksPickBar.vue\"),\n);\nconst SaveBlockDialog = defineAsyncComponent(\n  () => import(\"./SaveBlockDialog.vue\"),\n);\nconst SavedBlocksBrowserModal = defineAsyncComponent(\n  () => import(\"./SavedBlocksBrowserModal.vue\"),\n);\n\nfunction handleInsert(\n  saved: SavedBlock,\n  insertIndex: number | undefined,\n): void {\n  props.feature.insert(saved, insertIndex);\n}\n</script>\n\n<template>\n  <SavedBlocksPickBar\n    v-if=\"feature.isPicking.value\"\n    :count=\"feature.pickedCount.value\"\n    @confirm=\"feature.confirmPicking()\"\n    @cancel=\"feature.cancelPicking()\"\n  />\n\n  <SaveBlockDialog\n    v-if=\"feature.isSaveDialogOpen.value\"\n    :visible=\"feature.isSaveDialogOpen.value\"\n    :picked-ids=\"[...feature.pickedIds.value]\"\n    @close=\"feature.closeSaveDialog()\"\n    @saved=\"feature.refresh()\"\n  />\n\n  <SavedBlocksBrowserModal\n    v-if=\"feature.isBrowserOpen.value\"\n    :visible=\"feature.isBrowserOpen.value\"\n    @close=\"feature.closeBrowser()\"\n    @insert=\"handleInsert\"\n  />\n</template>\n"],"mappings":";;;;;;;EAmBA,IAAM,IAAQ,GAIR,IAAqB,QACnB,OAAO,mCACf,GACM,IAAkB,QAChB,OAAO,gCACf,GACM,IAA0B,QACxB,OAAO,wCACf;EAEA,SAAS,EACP,GACA,GACM;GACN,EAAM,QAAQ,OAAO,GAAO,CAAW;EACzC;;GAKU,EAAA,QAAQ,UAAU,SAD1B,EAAA,GAAA,EAKE,EAAA,CAAA,GAAA;;IAHC,OAAO,EAAA,QAAQ,YAAY;IAC3B,WAAO,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,eAAc;IAC/B,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,cAAa;;GAIxB,EAAA,QAAQ,iBAAiB,SADjC,EAAA,GAAA,EAME,EAAA,CAAA,GAAA;;IAJC,SAAS,EAAA,QAAQ,iBAAiB;IAClC,cAAU,CAAA,GAAM,EAAA,QAAQ,UAAU,KAAK;IACvC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,gBAAe;IAC9B,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,QAAO;;GAIjB,EAAA,QAAQ,cAAc,SAD9B,EAAA,GAAA,EAKE,EAAA,CAAA,GAAA;;IAHC,SAAS,EAAA,QAAQ,cAAc;IAC/B,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,aAAY;IAC3B,UAAQ"}
+{"version":3,"file":"SavedBlocksPanels-Bb-eDMAh.js","names":[],"sources":["../../../src/components/SavedBlocksPanels.vue","../../../src/components/SavedBlocksPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the saved-blocks UI, shared by the OSS and Cloud editors.\n *\n * Everything here is `defineAsyncComponent` rendered behind `v-if` on its own\n * state, so each chunk is fetched only when actually needed —\n * `defineAsyncComponent` triggers its `import()` on first render, not at\n * definition time. The editors in turn lazy-load *this* wrapper and render it\n * only when a `SavedBlocksProvider` is configured, so a consumer without one\n * downloads none of it.\n *\n * The pick bar lives here rather than in `Editor.vue` / `CloudEditor.vue` so\n * neither editor needs to know about saved blocks, and the lazy-load guarantee\n * covers the bar too.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { SavedBlock } from \"@templatical/types\";\nimport type { UseSavedBlocksFeatureReturn } from \"../composables/useSavedBlocksFeature\";\n\nconst props = defineProps<{\n  feature: UseSavedBlocksFeatureReturn;\n}>();\n\nconst SavedBlocksPickBar = defineAsyncComponent(\n  () => import(\"./SavedBlocksPickBar.vue\"),\n);\nconst SaveBlockDialog = defineAsyncComponent(\n  () => import(\"./SaveBlockDialog.vue\"),\n);\nconst SavedBlocksBrowserModal = defineAsyncComponent(\n  () => import(\"./SavedBlocksBrowserModal.vue\"),\n);\n\nfunction handleInsert(\n  saved: SavedBlock,\n  insertIndex: number | undefined,\n): void {\n  props.feature.insert(saved, insertIndex);\n}\n</script>\n\n<template>\n  <SavedBlocksPickBar\n    v-if=\"feature.isPicking.value\"\n    :count=\"feature.pickedCount.value\"\n    @confirm=\"feature.confirmPicking()\"\n    @cancel=\"feature.cancelPicking()\"\n  />\n\n  <SaveBlockDialog\n    v-if=\"feature.isSaveDialogOpen.value\"\n    :visible=\"feature.isSaveDialogOpen.value\"\n    :picked-ids=\"[...feature.pickedIds.value]\"\n    @close=\"feature.closeSaveDialog()\"\n    @saved=\"feature.refresh()\"\n  />\n\n  <SavedBlocksBrowserModal\n    v-if=\"feature.isBrowserOpen.value\"\n    :visible=\"feature.isBrowserOpen.value\"\n    @close=\"feature.closeBrowser()\"\n    @insert=\"handleInsert\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the saved-blocks UI, shared by the OSS and Cloud editors.\n *\n * Everything here is `defineAsyncComponent` rendered behind `v-if` on its own\n * state, so each chunk is fetched only when actually needed —\n * `defineAsyncComponent` triggers its `import()` on first render, not at\n * definition time. The editors in turn lazy-load *this* wrapper and render it\n * only when a `SavedBlocksProvider` is configured, so a consumer without one\n * downloads none of it.\n *\n * The pick bar lives here rather than in `Editor.vue` / `CloudEditor.vue` so\n * neither editor needs to know about saved blocks, and the lazy-load guarantee\n * covers the bar too.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { SavedBlock } from \"@templatical/types\";\nimport type { UseSavedBlocksFeatureReturn } from \"../composables/useSavedBlocksFeature\";\n\nconst props = defineProps<{\n  feature: UseSavedBlocksFeatureReturn;\n}>();\n\nconst SavedBlocksPickBar = defineAsyncComponent(\n  () => import(\"./SavedBlocksPickBar.vue\"),\n);\nconst SaveBlockDialog = defineAsyncComponent(\n  () => import(\"./SaveBlockDialog.vue\"),\n);\nconst SavedBlocksBrowserModal = defineAsyncComponent(\n  () => import(\"./SavedBlocksBrowserModal.vue\"),\n);\n\nfunction handleInsert(\n  saved: SavedBlock,\n  insertIndex: number | undefined,\n): void {\n  props.feature.insert(saved, insertIndex);\n}\n</script>\n\n<template>\n  <SavedBlocksPickBar\n    v-if=\"feature.isPicking.value\"\n    :count=\"feature.pickedCount.value\"\n    @confirm=\"feature.confirmPicking()\"\n    @cancel=\"feature.cancelPicking()\"\n  />\n\n  <SaveBlockDialog\n    v-if=\"feature.isSaveDialogOpen.value\"\n    :visible=\"feature.isSaveDialogOpen.value\"\n    :picked-ids=\"[...feature.pickedIds.value]\"\n    @close=\"feature.closeSaveDialog()\"\n    @saved=\"feature.refresh()\"\n  />\n\n  <SavedBlocksBrowserModal\n    v-if=\"feature.isBrowserOpen.value\"\n    :visible=\"feature.isBrowserOpen.value\"\n    @close=\"feature.closeBrowser()\"\n    @insert=\"handleInsert\"\n  />\n</template>\n"],"mappings":";;;;;;;EAmBA,IAAM,IAAQ,GAIR,IAAqB,QACnB,OAAO,mCACf,GACM,IAAkB,QAChB,OAAO,gCACf,GACM,IAA0B,QACxB,OAAO,wCACf;EAEA,SAAS,EACP,GACA,GACM;GACN,EAAM,QAAQ,OAAO,GAAO,CAAW;EACzC;;GAKU,EAAA,QAAQ,UAAU,SAD1B,EAAA,GAAA,EAKE,EAAA,CAAA,GAAA;;IAHC,OAAO,EAAA,QAAQ,YAAY;IAC3B,WAAO,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,eAAc;IAC/B,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,cAAa;;GAIxB,EAAA,QAAQ,iBAAiB,SADjC,EAAA,GAAA,EAME,EAAA,CAAA,GAAA;;IAJC,SAAS,EAAA,QAAQ,iBAAiB;IAClC,cAAU,CAAA,GAAM,EAAA,QAAQ,UAAU,KAAK;IACvC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,gBAAe;IAC9B,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,QAAO;;GAIjB,EAAA,QAAQ,cAAc,SAD9B,EAAA,GAAA,EAKE,EAAA,CAAA,GAAA;;IAHC,SAAS,EAAA,QAAQ,cAAc;IAC/B,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,aAAY;IAC3B,UAAQ"}

package/dist/cdn/chunks/{SavedBlocksPickBar-BNkLe8In.js → SavedBlocksPickBar-GudFfXa4.js}

@@ -1,7 +1,7 @@
-import { M as e, ct as t, g as n, it as r, p as i, v as a, x as o, y as s } from "./draggable-BRF_Q_jB.js";
-import "./useEditorCore-CTYH6u4r.js";
-import { t as c } from "./useI18n-aRMtgYRj.js";
-import { Bt as l, n as u } from "./icons-DN008liP.js";
+import { M as e, g as t, it as n, lt as r, p as i, v as a, x as o, y as s } from "./draggable-DCs9qL-b.js";
+import "./useEditorCore-C_nUXiph.js";
+import { t as c } from "./useI18n-UMs0F71x.js";
+import { Bt as l, n as u } from "./icons-CvYN6zrM.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	"data-testid": "saved-blocks-pick-bar",
@@ -19,36 +19,36 @@ var d = {
 		function C() {
 			y.count > 0 && b("confirm");
 		}
-		return (c, v) => (e(), n("div", d, [i("div", {
+		return (c, v) => (e(), t("div", d, [i("div", {
 			role: "toolbar",
-			"aria-label": r(x).savedBlocks.pickToolbar,
+			"aria-label": n(x).savedBlocks.pickToolbar,
 			class: "tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]",
 			style: {
 				"pointer-events": "auto",
 				"background-color": "var(--tpl-bg-elevated)",
 				"box-shadow": "var(--tpl-shadow-xl)"
 			}
-		}, [i("div", p, [i("span", m, t(r(S)(r(x).savedBlocks.pickCount, { count: o.count })), 1), i("span", h, t(r(x).savedBlocks.pickHint), 1)]), i("div", g, [i("button", {
+		}, [i("div", p, [i("span", m, r(n(S)(n(x).savedBlocks.pickCount, { count: o.count })), 1), i("span", h, r(n(x).savedBlocks.pickHint), 1)]), i("div", g, [i("button", {
 			type: "button",
 			"data-testid": "saved-blocks-pick-cancel",
 			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
 			onClick: v[0] ||= (e) => b("cancel")
-		}, [s(r(u), {
+		}, [s(n(u), {
 			size: 13,
 			"stroke-width": 2
-		}), a(" " + t(r(x).savedBlocks.cancel), 1)]), i("button", {
+		}), a(" " + r(n(x).savedBlocks.cancel), 1)]), i("button", {
 			type: "button",
 			"data-testid": "saved-blocks-pick-confirm",
 			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 			disabled: o.count === 0,
 			onClick: C
-		}, [s(r(l), {
+		}, [s(n(l), {
 			size: 13,
 			"stroke-width": 2
-		}), a(" " + t(r(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
+		}), a(" " + r(n(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
 	}
 });
 //#endregion
 export { v as default };
 
-//# sourceMappingURL=SavedBlocksPickBar-BNkLe8In.js.map
+//# sourceMappingURL=SavedBlocksPickBar-GudFfXa4.js.map

package/dist/cdn/chunks/{SavedBlocksPickBar-BNkLe8In.js.map → SavedBlocksPickBar-GudFfXa4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SavedBlocksPickBar-BNkLe8In.js","names":[],"sources":["../../../src/components/SavedBlocksPickBar.vue","../../../src/components/SavedBlocksPickBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Floating bar for an active pick session: how many blocks are picked, plus\n * Save and Cancel.\n *\n * Positioned like `EditorFooter` — absolute inside `.tpl`, NOT inside the\n * canvas body, whose `overflow: auto` would clip it. The rail offsets are the\n * non-preview ones because a session can't be active in preview mode\n * (`useSavedBlocksFeature` cancels it if preview turns on).\n */\nimport { useI18n } from \"../composables\";\nimport { Bookmark, X } from \"@lucide/vue\";\n\nconst props = defineProps<{\n  count: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"confirm\"): void;\n  (e: \"cancel\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nfunction handleConfirm(): void {\n  if (props.count > 0) emit(\"confirm\");\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"saved-blocks-pick-bar\"\n    class=\"tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4\"\n    style=\"pointer-events: none\"\n  >\n    <div\n      role=\"toolbar\"\n      :aria-label=\"t.savedBlocks.pickToolbar\"\n      class=\"tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]\"\n      style=\"\n        pointer-events: auto;\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <div class=\"tpl:flex tpl:flex-col\">\n        <span\n          data-testid=\"saved-blocks-pick-count\"\n          class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n        >\n          {{ format(t.savedBlocks.pickCount, { count }) }}\n        </span>\n        <span class=\"tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\">\n          {{ t.savedBlocks.pickHint }}\n        </span>\n      </div>\n\n      <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-cancel\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          @click=\"emit('cancel')\"\n        >\n          <X :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-confirm\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"count === 0\"\n          @click=\"handleConfirm\"\n        >\n          <Bookmark :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.save }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Floating bar for an active pick session: how many blocks are picked, plus\n * Save and Cancel.\n *\n * Positioned like `EditorFooter` — absolute inside `.tpl`, NOT inside the\n * canvas body, whose `overflow: auto` would clip it. The rail offsets are the\n * non-preview ones because a session can't be active in preview mode\n * (`useSavedBlocksFeature` cancels it if preview turns on).\n */\nimport { useI18n } from \"../composables\";\nimport { Bookmark, X } from \"@lucide/vue\";\n\nconst props = defineProps<{\n  count: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"confirm\"): void;\n  (e: \"cancel\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nfunction handleConfirm(): void {\n  if (props.count > 0) emit(\"confirm\");\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"saved-blocks-pick-bar\"\n    class=\"tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4\"\n    style=\"pointer-events: none\"\n  >\n    <div\n      role=\"toolbar\"\n      :aria-label=\"t.savedBlocks.pickToolbar\"\n      class=\"tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]\"\n      style=\"\n        pointer-events: auto;\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <div class=\"tpl:flex tpl:flex-col\">\n        <span\n          data-testid=\"saved-blocks-pick-count\"\n          class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n        >\n          {{ format(t.savedBlocks.pickCount, { count }) }}\n        </span>\n        <span class=\"tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\">\n          {{ t.savedBlocks.pickHint }}\n        </span>\n      </div>\n\n      <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-cancel\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          @click=\"emit('cancel')\"\n        >\n          <X :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-confirm\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"count === 0\"\n          @click=\"handleConfirm\"\n        >\n          <Bookmark :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.save }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,IAAM,IAAQ,GAIR,IAAO,GAKP,EAAE,MAAG,cAAW,EAAQ;EAE9B,SAAS,IAAsB;GAC7B,AAAI,EAAM,QAAQ,KAAG,EAAK,SAAS;EACrC;oBAIE,EAAA,GAAA,EAiDM,OAjDN,GAiDM,CA5CJ,EA2CM,OAAA;GA1CJ,MAAK;GACJ,cAAY,EAAA,CAAA,CAAC,CAAC,YAAY;GAC3B,OAAM;GACN,OAAA;IAAA,kBAAA;IAAA,oBAAA;IAAA,cAAA;GAAA;EAMA,GAAA,CAAA,EAUM,OAVN,GAUM,CATJ,EAKO,QALP,GAKO,EADF,EAAA,CAAA,CAAM,CAAC,EAAA,CAAA,CAAC,CAAC,YAAY,WAAS,EAAA,OAAI,EAAA,MAAK,CAAA,CAAA,GAAA,CAAA,GAE5C,EAEO,QAFP,GAEO,EADF,EAAA,CAAA,CAAC,CAAC,YAAY,QAAQ,GAAA,CAAA,CAAA,CAAA,GAI7B,EAoBM,OApBN,GAoBM,CAnBJ,EAQS,UAAA;GAPP,MAAK;GACL,eAAY;GACZ,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;EAEZ,GAAA,CAAA,EAAkC,EAAA,CAAA,GAAA;GAA9B,MAAM;GAAK,gBAAc;EAAK,CAAA,GAAA,EAAA,MAClC,EAAG,EAAA,CAAA,CAAC,CAAC,YAAY,MAAM,GAAA,CAAA,CAAA,CAAA,GAEzB,EASS,UAAA;GARP,MAAK;GACL,eAAY;GACZ,OAAM;GACL,UAAU,EAAA,UAAK;GACf,SAAO;EAER,GAAA,CAAA,EAAyC,EAAA,CAAA,GAAA;GAA9B,MAAM;GAAK,gBAAc;EAAK,CAAA,GAAA,EAAA,MACzC,EAAG,EAAA,CAAA,CAAC,CAAC,YAAY,IAAI,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SavedBlocksPickBar-GudFfXa4.js","names":[],"sources":["../../../src/components/SavedBlocksPickBar.vue","../../../src/components/SavedBlocksPickBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Floating bar for an active pick session: how many blocks are picked, plus\n * Save and Cancel.\n *\n * Positioned like `EditorFooter` — absolute inside `.tpl`, NOT inside the\n * canvas body, whose `overflow: auto` would clip it. The rail offsets are the\n * non-preview ones because a session can't be active in preview mode\n * (`useSavedBlocksFeature` cancels it if preview turns on).\n */\nimport { useI18n } from \"../composables\";\nimport { Bookmark, X } from \"@lucide/vue\";\n\nconst props = defineProps<{\n  count: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"confirm\"): void;\n  (e: \"cancel\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nfunction handleConfirm(): void {\n  if (props.count > 0) emit(\"confirm\");\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"saved-blocks-pick-bar\"\n    class=\"tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4\"\n    style=\"pointer-events: none\"\n  >\n    <div\n      role=\"toolbar\"\n      :aria-label=\"t.savedBlocks.pickToolbar\"\n      class=\"tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]\"\n      style=\"\n        pointer-events: auto;\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <div class=\"tpl:flex tpl:flex-col\">\n        <span\n          data-testid=\"saved-blocks-pick-count\"\n          class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n        >\n          {{ format(t.savedBlocks.pickCount, { count }) }}\n        </span>\n        <span class=\"tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\">\n          {{ t.savedBlocks.pickHint }}\n        </span>\n      </div>\n\n      <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-cancel\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          @click=\"emit('cancel')\"\n        >\n          <X :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-confirm\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"count === 0\"\n          @click=\"handleConfirm\"\n        >\n          <Bookmark :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.save }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Floating bar for an active pick session: how many blocks are picked, plus\n * Save and Cancel.\n *\n * Positioned like `EditorFooter` — absolute inside `.tpl`, NOT inside the\n * canvas body, whose `overflow: auto` would clip it. The rail offsets are the\n * non-preview ones because a session can't be active in preview mode\n * (`useSavedBlocksFeature` cancels it if preview turns on).\n */\nimport { useI18n } from \"../composables\";\nimport { Bookmark, X } from \"@lucide/vue\";\n\nconst props = defineProps<{\n  count: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"confirm\"): void;\n  (e: \"cancel\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nfunction handleConfirm(): void {\n  if (props.count > 0) emit(\"confirm\");\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"saved-blocks-pick-bar\"\n    class=\"tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4\"\n    style=\"pointer-events: none\"\n  >\n    <div\n      role=\"toolbar\"\n      :aria-label=\"t.savedBlocks.pickToolbar\"\n      class=\"tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]\"\n      style=\"\n        pointer-events: auto;\n        background-color: var(--tpl-bg-elevated);\n        box-shadow: var(--tpl-shadow-xl);\n      \"\n    >\n      <div class=\"tpl:flex tpl:flex-col\">\n        <span\n          data-testid=\"saved-blocks-pick-count\"\n          class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n        >\n          {{ format(t.savedBlocks.pickCount, { count }) }}\n        </span>\n        <span class=\"tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\">\n          {{ t.savedBlocks.pickHint }}\n        </span>\n      </div>\n\n      <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-cancel\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n          @click=\"emit('cancel')\"\n        >\n          <X :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"saved-blocks-pick-confirm\"\n          class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n          :disabled=\"count === 0\"\n          @click=\"handleConfirm\"\n        >\n          <Bookmark :size=\"13\" :stroke-width=\"2\" />\n          {{ t.savedBlocks.save }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,IAAM,IAAQ,GAIR,IAAO,GAKP,EAAE,MAAG,cAAW,EAAQ;EAE9B,SAAS,IAAsB;GAC7B,AAAI,EAAM,QAAQ,KAAG,EAAK,SAAS;EACrC;oBAIE,EAAA,GAAA,EAiDM,OAjDN,GAiDM,CA5CJ,EA2CM,OAAA;GA1CJ,MAAK;GACJ,cAAY,EAAA,CAAA,CAAC,CAAC,YAAY;GAC3B,OAAM;GACN,OAAA;IAAA,kBAAA;IAAA,oBAAA;IAAA,cAAA;GAAA;EAMA,GAAA,CAAA,EAUM,OAVN,GAUM,CATJ,EAKO,QALP,GAKO,EADF,EAAA,CAAA,CAAM,CAAC,EAAA,CAAA,CAAC,CAAC,YAAY,WAAS,EAAA,OAAI,EAAA,MAAK,CAAA,CAAA,GAAA,CAAA,GAE5C,EAEO,QAFP,GAEO,EADF,EAAA,CAAA,CAAC,CAAC,YAAY,QAAQ,GAAA,CAAA,CAAA,CAAA,GAI7B,EAoBM,OApBN,GAoBM,CAnBJ,EAQS,UAAA;GAPP,MAAK;GACL,eAAY;GACZ,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;EAEZ,GAAA,CAAA,EAAkC,EAAA,CAAA,GAAA;GAA9B,MAAM;GAAK,gBAAc;EAAK,CAAA,GAAA,EAAA,MAClC,EAAG,EAAA,CAAA,CAAC,CAAC,YAAY,MAAM,GAAA,CAAA,CAAA,CAAA,GAEzB,EASS,UAAA;GARP,MAAK;GACL,eAAY;GACZ,OAAM;GACL,UAAU,EAAA,UAAK;GACf,SAAO;EAER,GAAA,CAAA,EAAyC,EAAA,CAAA,GAAA;GAA9B,MAAM;GAAK,gBAAc;EAAK,CAAA,GAAA,EAAA,MACzC,EAAG,EAAA,CAAA,CAAC,CAAC,YAAY,IAAI,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/cdn/chunks/{SnapshotHistory-CYVi7fvQ.js → SnapshotHistory-Srpzt2na.js}

@@ -1,9 +1,9 @@
-import { M as e, P as t, V as n, Z as r, ct as i, f as a, g as o, h as s, it as c, l, n as u, ot as d, p as f, u as p, x as m, y as h, z as g } from "./draggable-BRF_Q_jB.js";
-import "./useEditorCore-CTYH6u4r.js";
-import { t as _ } from "./dist-BLF-S9_A.js";
-import { t as v } from "./useI18n-aRMtgYRj.js";
-import { Ft as y, It as b, Pt as x, at as S, kt as C } from "./icons-DN008liP.js";
-import { n as w } from "./useCloudI18n-CML0BxqX.js";
+import { M as e, P as t, V as n, Z as r, f as i, g as a, h as o, it as s, l as c, lt as l, n as u, p as d, st as f, u as p, x as m, y as h, z as g } from "./draggable-DCs9qL-b.js";
+import "./useEditorCore-C_nUXiph.js";
+import { t as _ } from "./dist-B2HKGHnc.js";
+import { t as v } from "./useI18n-UMs0F71x.js";
+import { Ft as y, It as b, Pt as x, it as S, kt as C } from "./icons-CvYN6zrM.js";
+import { n as w } from "./useCloudI18n-8wkJtuJD.js";
 import { t as T } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/cloud/components/SnapshotHistory.vue?vue&type=script&setup=true&lang.ts
 var E = ["disabled", "title"], D = ["title"], O = {
@@ -38,7 +38,7 @@ var E = ["disabled", "title"], D = ["title"], O = {
 		g(() => z.snapshots.length, () => {
 			G.value = -1;
 		});
-		let K = a(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = a(() => G.value < z.snapshots.length - 1 && z.snapshots.length > 0 && !z.isRestoring);
+		let K = i(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = i(() => G.value < z.snapshots.length - 1 && z.snapshots.length > 0 && !z.isRestoring);
 		function J() {
 			K.value && (G.value--, B("navigate", z.snapshots[G.value]));
 		}
@@ -63,52 +63,52 @@ var E = ["disabled", "title"], D = ["title"], O = {
 		}
 		return _(W, () => {
 			U.value = !1;
-		}), (r, a) => (e(), o("div", {
+		}), (r, i) => (e(), a("div", {
 			ref_key: "dropdownRef",
 			ref: W,
 			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5"
 		}, [
-			f("button", {
+			d("button", {
 				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
 				disabled: !q.value,
-				title: c(H).snapshotHistory.olderSnapshot,
-				onClick: l(Y, ["stop"])
-			}, [h(c(y), {
+				title: s(H).snapshotHistory.olderSnapshot,
+				onClick: c(Y, ["stop"])
+			}, [h(s(y), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, E),
-			f("button", {
+			d("button", {
 				class: "tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-				title: c(H).snapshotHistory.tooltip,
-				onClick: l(X, ["stop"])
-			}, [h(c(C), {
+				title: s(H).snapshotHistory.tooltip,
+				onClick: c(X, ["stop"])
+			}, [h(s(C), {
 				size: 16,
 				"stroke-width": 1.5
-			}), h(c(b), {
-				class: d(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
+			}), h(s(b), {
+				class: f(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
 				size: 10,
 				"stroke-width": 2
 			}, null, 8, ["class"])], 8, D),
 			h(u, { name: "tpl-dropdown" }, {
-				default: n(() => [U.value ? (e(), o("div", O, [f("div", k, i(c(H).snapshotHistory.dropdownTitle), 1), m.isLoading ? (e(), o("div", A, [h(c(S), {
+				default: n(() => [U.value ? (e(), a("div", O, [d("div", k, l(s(H).snapshotHistory.dropdownTitle), 1), m.isLoading ? (e(), a("div", A, [h(s(S), {
 					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
 					size: 20,
 					"stroke-width": 2
-				})])) : m.snapshots.length === 0 ? (e(), o("div", j, i(c(H).snapshotHistory.noSnapshots), 1)) : (e(), o("div", M, [(e(!0), o(p, null, t(m.snapshots, (t) => (e(), o("button", {
+				})])) : m.snapshots.length === 0 ? (e(), a("div", j, l(s(H).snapshotHistory.noSnapshots), 1)) : (e(), a("div", M, [(e(!0), a(p, null, t(m.snapshots, (t) => (e(), a("button", {
 					key: t.id,
 					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]",
 					style: { "background-color": "transparent" },
 					disabled: m.isRestoring,
 					onClick: (e) => Z(t.id)
-				}, [f("div", P, [f("div", F, [f("span", null, i(Q(t.created_at)), 1), t.is_autosave ? (e(), o("span", I, i(c(H).snapshotHistory.auto), 1)) : s("", !0)])])], 8, N))), 128))]))])) : s("", !0)]),
+				}, [d("div", P, [d("div", F, [d("span", null, l(Q(t.created_at)), 1), t.is_autosave ? (e(), a("span", I, l(s(H).snapshotHistory.auto), 1)) : o("", !0)])])], 8, N))), 128))]))])) : o("", !0)]),
 				_: 1
 			}),
-			f("button", {
+			d("button", {
 				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
 				disabled: !K.value,
-				title: c(H).snapshotHistory.newerSnapshot,
-				onClick: l(J, ["stop"])
-			}, [h(c(x), {
+				title: s(H).snapshotHistory.newerSnapshot,
+				onClick: c(J, ["stop"])
+			}, [h(s(x), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, L)
@@ -118,4 +118,4 @@ var E = ["disabled", "title"], D = ["title"], O = {
 //#endregion
 export { R as default };
 
-//# sourceMappingURL=SnapshotHistory-CYVi7fvQ.js.map
+//# sourceMappingURL=SnapshotHistory-Srpzt2na.js.map

package/dist/cdn/chunks/{SnapshotHistory-CYVi7fvQ.js.map → SnapshotHistory-Srpzt2na.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SnapshotHistory-CYVi7fvQ.js","names":[],"sources":["../../../src/cloud/components/SnapshotHistory.vue","../../../src/cloud/components/SnapshotHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@templatical/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  snapshots: TemplateSnapshot[];\n  isLoading: boolean;\n  isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"load\"): void;\n  (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n  () => props.snapshots.length,\n  () => {\n    currentIndex.value = -1;\n  },\n);\n\nconst canGoNewer = computed(() => {\n  return (\n    currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n  );\n});\n\nconst canGoOlder = computed(() => {\n  return (\n    currentIndex.value < props.snapshots.length - 1 &&\n    props.snapshots.length > 0 &&\n    !props.isRestoring\n  );\n});\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  currentIndex.value--;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  currentIndex.value++;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  if (isOpen.value && props.snapshots.length === 0) {\n    emit(\"load\");\n  }\n}\n\nfunction handleRestore(snapshotId: string): void {\n  const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n  if (index !== -1) {\n    currentIndex.value = index;\n    emit(\"navigate\", props.snapshots[index]);\n  }\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(\n    dateString,\n    cloudT.snapshotHistory,\n    format,\n    7,\n  );\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n  >\n    <!-- Go to older snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoOlder\"\n      :title=\"cloudT.snapshotHistory.olderSnapshot\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      :title=\"cloudT.snapshotHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform tpl:duration-150\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ cloudT.snapshotHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"snapshots.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.snapshotHistory.noSnapshots }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"snapshot in snapshots\"\n            :key=\"snapshot.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n            style=\"background-color: transparent\"\n            :disabled=\"isRestoring\"\n            @click=\"handleRestore(snapshot.id)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{ formatDate(snapshot.created_at) }}</span>\n                <span\n                  v-if=\"snapshot.is_autosave\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ cloudT.snapshotHistory.auto }}\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Go to newer snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoNewer\"\n      :title=\"cloudT.snapshotHistory.newerSnapshot\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@templatical/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  snapshots: TemplateSnapshot[];\n  isLoading: boolean;\n  isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"load\"): void;\n  (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n  () => props.snapshots.length,\n  () => {\n    currentIndex.value = -1;\n  },\n);\n\nconst canGoNewer = computed(() => {\n  return (\n    currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n  );\n});\n\nconst canGoOlder = computed(() => {\n  return (\n    currentIndex.value < props.snapshots.length - 1 &&\n    props.snapshots.length > 0 &&\n    !props.isRestoring\n  );\n});\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  currentIndex.value--;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  currentIndex.value++;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  if (isOpen.value && props.snapshots.length === 0) {\n    emit(\"load\");\n  }\n}\n\nfunction handleRestore(snapshotId: string): void {\n  const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n  if (index !== -1) {\n    currentIndex.value = index;\n    emit(\"navigate\", props.snapshots[index]);\n  }\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(\n    dateString,\n    cloudT.snapshotHistory,\n    format,\n    7,\n  );\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n  >\n    <!-- Go to older snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoOlder\"\n      :title=\"cloudT.snapshotHistory.olderSnapshot\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      :title=\"cloudT.snapshotHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform tpl:duration-150\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ cloudT.snapshotHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"snapshots.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.snapshotHistory.noSnapshots }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"snapshot in snapshots\"\n            :key=\"snapshot.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n            style=\"background-color: transparent\"\n            :disabled=\"isRestoring\"\n            @click=\"handleRestore(snapshot.id)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{ formatDate(snapshot.created_at) }}</span>\n                <span\n                  v-if=\"snapshot.is_autosave\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ cloudT.snapshotHistory.auto }}\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Go to newer snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoNewer\"\n      :title=\"cloudT.snapshotHistory.newerSnapshot\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAM,IAAQ,GAMR,IAAO,GAKP,EAAE,cAAW,EAAQ,GACrB,EAAE,GAAG,MAAW,EAAmB,GAEnC,IAAS,EAAI,EAAK,GAClB,IAAc,EAAwB,IAAI,GAG1C,IAAe,EAAI,EAAE;EAG3B,QACQ,EAAM,UAAU,cAChB;GACJ,EAAa,QAAQ;EACvB,CACF;EAEA,IAAM,IAAa,QAEf,EAAa,QAAQ,KAAK,EAAM,UAAU,SAAS,KAAK,CAAC,EAAM,WAElE,GAEK,IAAa,QAEf,EAAa,QAAQ,EAAM,UAAU,SAAS,KAC9C,EAAM,UAAU,SAAS,KACzB,CAAC,EAAM,WAEV;EAED,SAAS,IAAgB;GAClB,EAAW,UAChB,EAAa,SACb,EAAK,YAAY,EAAM,UAAU,EAAa,MAAM;EACtD;EAEA,SAAS,IAAgB;GAClB,EAAW,UAChB,EAAa,SACb,EAAK,YAAY,EAAM,UAAU,EAAa,MAAM;EACtD;EAEA,SAAS,IAAuB;GAE9B,AADA,EAAO,QAAQ,CAAC,EAAO,OACnB,EAAO,SAAS,EAAM,UAAU,WAAW,KAC7C,EAAK,MAAM;EAEf;EAEA,SAAS,EAAc,GAA0B;GAC/C,IAAM,IAAQ,EAAM,UAAU,WAAW,MAAM,EAAE,OAAO,CAAU;GAKlE,AAJI,MAAU,OACZ,EAAa,QAAQ,GACrB,EAAK,YAAY,EAAM,UAAU,EAAM,IAEzC,EAAO,QAAQ;EACjB;EAEA,SAAS,EAAW,GAA4B;GAC9C,IAAM,IAAS,EACb,GACA,EAAO,iBACP,GACA,CACF;GAGA,OAFI,MAAW,OAER,IAAI,KAAK,CAAU,CAAC,CAAC,mBAAmB,KAAA,GAAW;IACxD,OAAO;IACP,KAAK;IACL,MAAM;IACN,QAAQ;GACV,CAAC,IAP2B;EAQ9B;SAEA,EAAe,SAAmB;GAChC,EAAO,QAAQ;EACjB,CAAC,cAIC,EAAA,GAAA,EA+FM,OAAA;GA9FA,SAAA;GAAJ,KAAI;GACJ,OAAM;;GAGN,EAOS,UAAA;IANP,OAAM;IACL,UAAQ,CAAG,EAAA;IACX,OAAO,EAAA,CAAA,CAAM,CAAC,gBAAgB;IAC9B,SAAK,EAAO,GAAO,CAAA,MAAA,CAAA;GAEpB,GAAA,CAAA,EAA4C,EAAA,CAAA,GAAA;IAA9B,MAAM;IAAK,gBAAc;;GAIzC,EAYS,UAAA;IAXP,OAAM;IACL,OAAO,EAAA,CAAA,CAAM,CAAC,gBAAgB;IAC9B,SAAK,EAAO,GAAc,CAAA,MAAA,CAAA;GAE3B,GAAA,CAAA,EAAwC,EAAA,CAAA,GAAA;IAAhC,MAAM;IAAK,gBAAc;GACjC,CAAA,GAAA,EAKE,EAAA,CAAA,GAAA;IAJA,OAAK,EAAA,CAAC,6CAA2C,EAAA,kBACrB,EAAA,MAAM,CAAA,CAAA;IACjC,MAAM;IACN,gBAAc;;GAInB,EAuDa,GAAA,EAvDD,MAAK,eAAc,GAAA;IAC7B,SAAA,QAqDM,CApDE,EAAA,SADR,EAAA,GAAA,EAqDM,OArDN,GAqDM,CAhDJ,EAIM,OAJN,GAIM,EADD,EAAA,CAAA,CAAM,CAAC,gBAAgB,aAAa,GAAA,CAAA,GAIjC,EAAA,aADR,EAAA,GAAA,EASM,OATN,GASM,CALJ,EAIE,EAAA,CAAA,GAAA;KAHA,OAAM;KACL,MAAM;KACN,gBAAc;IAKN,CAAA,CAAA,CAAA,KAAA,EAAA,UAAU,WAAM,KAD7B,EAAA,GAAA,EAKM,OALN,GAKM,EADD,EAAA,CAAA,CAAM,CAAC,gBAAgB,WAAW,GAAA,CAAA,MAGvC,EAAA,GAAA,EAuBM,OAvBN,GAuBM,EAtBJ,EAAA,EAAA,GAAA,EAqBS,GAAA,MAAA,EApBY,EAAA,YAAZ,OADT,EAAA,GAAA,EAqBS,UAAA;KAnBN,KAAK,EAAS;KACf,OAAM;KACN,OAAA,EAAA,oBAAA,cAAA;KACC,UAAU,EAAA;KACV,UAAK,MAAE,EAAc,EAAS,EAAE;IAEjC,GAAA,CAAA,EAYM,OAZN,GAYM,CAXJ,EAUM,OAVN,GAUM,CAPJ,EAAkD,QAAA,MAAA,EAAzC,EAAW,EAAS,UAAU,CAAA,GAAA,CAAA,GAE/B,EAAS,eADjB,EAAA,GAAA,EAKO,QALP,GAKO,EADF,EAAA,CAAA,CAAM,CAAC,gBAAgB,IAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,CAAA;;;GAU5C,EAOS,UAAA;IANP,OAAM;IACL,UAAQ,CAAG,EAAA;IACX,OAAO,EAAA,CAAA,CAAM,CAAC,gBAAgB;IAC9B,SAAK,EAAO,GAAO,CAAA,MAAA,CAAA;GAEpB,GAAA,CAAA,EAA6C,EAAA,CAAA,GAAA;IAA9B,MAAM;IAAK,gBAAc"}
+{"version":3,"file":"SnapshotHistory-Srpzt2na.js","names":[],"sources":["../../../src/cloud/components/SnapshotHistory.vue","../../../src/cloud/components/SnapshotHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@templatical/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  snapshots: TemplateSnapshot[];\n  isLoading: boolean;\n  isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"load\"): void;\n  (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n  () => props.snapshots.length,\n  () => {\n    currentIndex.value = -1;\n  },\n);\n\nconst canGoNewer = computed(() => {\n  return (\n    currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n  );\n});\n\nconst canGoOlder = computed(() => {\n  return (\n    currentIndex.value < props.snapshots.length - 1 &&\n    props.snapshots.length > 0 &&\n    !props.isRestoring\n  );\n});\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  currentIndex.value--;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  currentIndex.value++;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  if (isOpen.value && props.snapshots.length === 0) {\n    emit(\"load\");\n  }\n}\n\nfunction handleRestore(snapshotId: string): void {\n  const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n  if (index !== -1) {\n    currentIndex.value = index;\n    emit(\"navigate\", props.snapshots[index]);\n  }\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(\n    dateString,\n    cloudT.snapshotHistory,\n    format,\n    7,\n  );\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n  >\n    <!-- Go to older snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoOlder\"\n      :title=\"cloudT.snapshotHistory.olderSnapshot\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      :title=\"cloudT.snapshotHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform tpl:duration-150\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ cloudT.snapshotHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"snapshots.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.snapshotHistory.noSnapshots }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"snapshot in snapshots\"\n            :key=\"snapshot.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n            style=\"background-color: transparent\"\n            :disabled=\"isRestoring\"\n            @click=\"handleRestore(snapshot.id)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{ formatDate(snapshot.created_at) }}</span>\n                <span\n                  v-if=\"snapshot.is_autosave\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ cloudT.snapshotHistory.auto }}\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Go to newer snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoNewer\"\n      :title=\"cloudT.snapshotHistory.newerSnapshot\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@templatical/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n  snapshots: TemplateSnapshot[];\n  isLoading: boolean;\n  isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"load\"): void;\n  (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n  () => props.snapshots.length,\n  () => {\n    currentIndex.value = -1;\n  },\n);\n\nconst canGoNewer = computed(() => {\n  return (\n    currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n  );\n});\n\nconst canGoOlder = computed(() => {\n  return (\n    currentIndex.value < props.snapshots.length - 1 &&\n    props.snapshots.length > 0 &&\n    !props.isRestoring\n  );\n});\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  currentIndex.value--;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  currentIndex.value++;\n  emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  if (isOpen.value && props.snapshots.length === 0) {\n    emit(\"load\");\n  }\n}\n\nfunction handleRestore(snapshotId: string): void {\n  const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n  if (index !== -1) {\n    currentIndex.value = index;\n    emit(\"navigate\", props.snapshots[index]);\n  }\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(\n    dateString,\n    cloudT.snapshotHistory,\n    format,\n    7,\n  );\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n  >\n    <!-- Go to older snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoOlder\"\n      :title=\"cloudT.snapshotHistory.olderSnapshot\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      :title=\"cloudT.snapshotHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform tpl:duration-150\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ cloudT.snapshotHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"snapshots.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ cloudT.snapshotHistory.noSnapshots }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"snapshot in snapshots\"\n            :key=\"snapshot.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n            style=\"background-color: transparent\"\n            :disabled=\"isRestoring\"\n            @click=\"handleRestore(snapshot.id)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{ formatDate(snapshot.created_at) }}</span>\n                <span\n                  v-if=\"snapshot.is_autosave\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ cloudT.snapshotHistory.auto }}\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Go to newer snapshot -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      :disabled=\"!canGoNewer\"\n      :title=\"cloudT.snapshotHistory.newerSnapshot\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{TemplateScoringPanel-D0KrxVnr.js → TemplateScoringPanel-NucRtAP0.js}

@@ -1,9 +1,9 @@
-import { L as e, M as t, P as n, T as r, V as i, Z as a, ct as o, g as s, h as c, it as l, m as u, n as d, ot as ee, p as f, st as p, u as m, v as h, x as g, y as _, z as te } from "./draggable-BRF_Q_jB.js";
-import { E as ne, G as v, g as y, z as b } from "./keys-CZOBuCQd.js";
-import { A as x, B as S, E as C, It as re, Mt as w, at as ie, ft as ae, k as oe, n as se, t as ce, u as le, wt as ue } from "./icons-DN008liP.js";
-import { t as T } from "./LoadingTrack-CiNg9s16.js";
+import { L as e, M as t, P as n, T as r, V as i, Z as a, ct as o, g as s, h as c, it as l, lt as u, m as d, n as ee, p as f, st as p, u as m, v as h, x as g, y as _, z as te } from "./draggable-DCs9qL-b.js";
+import { E as ne, G as v, g as y, z as b } from "./keys-Cmc2Yl3D.js";
+import { E as x, It as re, Mt as S, O as ie, dt as ae, it as oe, k as C, n as se, t as ce, u as le, wt as ue, z as w } from "./icons-CvYN6zrM.js";
+import { t as T } from "./LoadingTrack-C52ZGL5q.js";
 import { t as E } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as D } from "./useCloudI18n-CML0BxqX.js";
+import { n as D } from "./useCloudI18n-8wkJtuJD.js";
 //#region src/cloud/utils/scoringStyles.ts
 function O(e) {
 	return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
@@ -78,9 +78,9 @@ var M = {
 			"accessibility",
 			"bestPractices"
 		], Ae = {
-			spam: oe,
+			spam: ie,
 			readability: ue,
-			accessibility: C,
+			accessibility: x,
 			bestPractices: ce
 		};
 		function Q() {
@@ -101,7 +101,7 @@ var M = {
 		function $() {
 			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
 		}
-		return (r, a) => (t(), u(d, {
+		return (r, a) => (t(), d(ee, {
 			"enter-active-class": "tpl-scoring-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -109,15 +109,15 @@ var M = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: i(() => [g.visible ? (t(), s("div", M, [f("div", N, [f("div", P, [_(l(x), {
+			default: i(() => [g.visible ? (t(), s("div", M, [f("div", N, [f("div", P, [_(l(C), {
 				size: 13,
 				"stroke-width": 2
-			}), f("span", null, o(l(K).scoring.title), 1)]), f("div", F, [l(J).scoringResult.value && !l(J).isScoring.value ? (t(), s("button", {
+			}), f("span", null, u(l(K).scoring.title), 1)]), f("div", F, [l(J).scoringResult.value && !l(J).isScoring.value ? (t(), s("button", {
 				key: 0,
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 				title: l(K).scoring.rescore,
 				onClick: a[0] ||= (e) => Q()
-			}, [_(l(S), {
+			}, [_(l(w), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, I)) : c("", !0), f("button", {
@@ -126,37 +126,37 @@ var M = {
 			}, [_(l(se), {
 				size: 14,
 				"stroke-width": 2
-			})])])]), f("div", L, [l(J).isScoring.value ? (t(), s("div", R, [f("p", z, o(l(K).scoring.scoring), 1), _(T, { class: "tpl:w-3/4" })])) : l(J).error.value && !l(J).scoringResult.value ? (t(), s("div", B, [
-				_(l(w), {
+			})])])]), f("div", L, [l(J).isScoring.value ? (t(), s("div", R, [f("p", z, u(l(K).scoring.scoring), 1), _(T, { class: "tpl:w-3/4" })])) : l(J).error.value && !l(J).scoringResult.value ? (t(), s("div", B, [
+				_(l(S), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-danger)]"
 				}),
-				f("p", V, o(l(K).scoring.error), 1),
+				f("p", V, u(l(K).scoring.error), 1),
 				f("button", {
 					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
 					onClick: a[2] ||= (e) => Q()
-				}, [_(l(S), {
+				}, [_(l(w), {
 					size: 12,
 					"stroke-width": 2
-				}), h(" " + o(l(K).scoring.rescore), 1)])
+				}), h(" " + u(l(K).scoring.rescore), 1)])
 			])) : l(J).scoringResult.value ? (t(), s("div", H, [
 				f("div", {
 					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
-					style: p({ backgroundColor: l(k)(l(J).scoringResult.value.score) })
+					style: o({ backgroundColor: l(k)(l(J).scoringResult.value.score) })
 				}, [
 					f("span", {
 						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
-						style: p({ color: l(O)(l(J).scoringResult.value.score) })
-					}, o(l(J).scoringResult.value.score), 5),
-					f("span", U, o(l(K).scoring.overallScore), 1),
-					$() > 0 ? (t(), s("span", de, o($()) + " " + o(l(K).scoring.findings), 1)) : c("", !0)
+						style: o({ color: l(O)(l(J).scoringResult.value.score) })
+					}, u(l(J).scoringResult.value.score), 5),
+					f("span", U, u(l(K).scoring.overallScore), 1),
+					$() > 0 ? (t(), s("span", de, u($()) + " " + u(l(K).scoring.findings), 1)) : c("", !0)
 				], 4),
-				l(J).fixError.value ? (t(), s("div", fe, [_(l(w), {
+				l(J).fixError.value ? (t(), s("div", fe, [_(l(S), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), f("span", null, o(l(K).scoring.fixError), 1)])) : c("", !0),
+				}), f("span", null, u(l(K).scoring.fixError), 1)])) : c("", !0),
 				(t(), s(m, null, n(Z, (r) => f("div", {
 					key: r,
 					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
@@ -164,63 +164,63 @@ var M = {
 					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100 tpl:bg-[var(--tpl-bg)]",
 					onClick: (e) => ke(r)
 				}, [
-					(t(), u(e(Ae[r]), {
+					(t(), d(e(Ae[r]), {
 						size: 14,
 						"stroke-width": 2,
-						style: p({ color: l(O)(l(J).scoringResult.value.categories[r].score) })
+						style: o({ color: l(O)(l(J).scoringResult.value.categories[r].score) })
 					}, null, 8, ["style"])),
-					f("span", me, o(l(K).scoring.categories[r]), 1),
+					f("span", me, u(l(K).scoring.categories[r]), 1),
 					f("span", {
 						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
-						style: p({
+						style: o({
 							color: l(O)(l(J).scoringResult.value.categories[r].score),
 							backgroundColor: l(k)(l(J).scoringResult.value.categories[r].score)
 						})
-					}, o(l(J).scoringResult.value.categories[r].score), 5),
-					l(J).scoringResult.value.categories[r].findings.length > 0 ? (t(), s("span", he, o(l(J).scoringResult.value.categories[r].findings.length), 1)) : c("", !0),
+					}, u(l(J).scoringResult.value.categories[r].score), 5),
+					l(J).scoringResult.value.categories[r].findings.length > 0 ? (t(), s("span", he, u(l(J).scoringResult.value.categories[r].findings.length), 1)) : c("", !0),
 					_(l(re), {
 						size: 12,
 						"stroke-width": 2,
-						class: ee(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[r] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+						class: p(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[r] ? "tpl:rotate-0" : "tpl:-rotate-90"])
 					}, null, 8, ["class"])
-				], 8, pe), X.value[r] ? (t(), s("div", ge, [l(J).scoringResult.value.categories[r].findings.length === 0 ? (t(), s("div", _e, o(l(K).scoring.noFindings), 1)) : c("", !0), (t(!0), s(m, null, n(l(J).scoringResult.value.categories[r].findings, (n) => (t(), s("div", {
+				], 8, pe), X.value[r] ? (t(), s("div", ge, [l(J).scoringResult.value.categories[r].findings.length === 0 ? (t(), s("div", _e, u(l(K).scoring.noFindings), 1)) : c("", !0), (t(!0), s(m, null, n(l(J).scoringResult.value.categories[r].findings, (n) => (t(), s("div", {
 					key: n.id,
 					class: "tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]"
-				}, [f("div", ve, [(t(), u(e(l(n.severity === "high" ? w : n.severity === "medium" ? le : ae)), {
+				}, [f("div", ve, [(t(), d(e(l(n.severity === "high" ? S : n.severity === "medium" ? le : ae)), {
 					size: 13,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0",
-					style: p({ color: l(A)(n.severity) })
+					style: o({ color: l(A)(n.severity) })
 				}, null, 8, ["style"])), f("div", ye, [
 					f("div", be, [f("span", {
 						class: "tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight",
-						style: p({
+						style: o({
 							color: l(A)(n.severity),
 							backgroundColor: l(j)(n.severity)
 						})
-					}, o(l(K).scoring.severity[n.severity]), 5), f("span", xe, o(n.message), 1)]),
-					n.suggestion ? (t(), s("p", Se, o(n.suggestion), 1)) : c("", !0),
+					}, u(l(K).scoring.severity[n.severity]), 5), f("span", xe, u(n.message), 1)]),
+					n.suggestion ? (t(), s("p", Se, u(n.suggestion), 1)) : c("", !0),
 					n.blockId ? (t(), s("div", Ce, [f("button", {
 						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
 						style: { "background-color": "transparent" },
 						disabled: l(J).fixingFindingId.value !== null,
 						onClick: (e) => je(n)
-					}, [l(J).fixingFindingId.value === n.id ? (t(), u(l(ie), {
+					}, [l(J).fixingFindingId.value === n.id ? (t(), d(l(oe), {
 						key: 0,
 						class: "tpl-spinner",
 						size: 11,
 						"stroke-width": 2
-					})) : (t(), u(l(C), {
+					})) : (t(), d(l(x), {
 						key: 1,
 						size: 11,
 						"stroke-width": 2
-					})), h(" " + o(l(J).fixingFindingId.value === n.id ? l(K).scoring.fixing : l(K).scoring.fix), 1)], 8, we), l(J).fixError.value ? (t(), s("p", Te, o(l(J).fixError.value), 1)) : c("", !0)])) : c("", !0)
+					})), h(" " + u(l(J).fixingFindingId.value === n.id ? l(K).scoring.fixing : l(K).scoring.fix), 1)], 8, we), l(J).fixError.value ? (t(), s("p", Te, u(l(J).fixError.value), 1)) : c("", !0)])) : c("", !0)
 				])])]))), 128))])) : c("", !0)])), 64))
-			])) : (t(), s("div", Ee, [_(l(x), {
+			])) : (t(), s("div", Ee, [_(l(C), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-dim)]"
-			}), f("p", De, o(l(K).scoring.emptyState), 1)])), f("p", Oe, o(l(K).aiMenu.disclaimer), 1)])])) : c("", !0)]),
+			}), f("p", De, u(l(K).scoring.emptyState), 1)])), f("p", Oe, u(l(K).aiMenu.disclaimer), 1)])])) : c("", !0)]),
 			_: 1
 		}));
 	}
@@ -228,4 +228,4 @@ var M = {
 //#endregion
 export { W as default };
 
-//# sourceMappingURL=TemplateScoringPanel-D0KrxVnr.js.map
+//# sourceMappingURL=TemplateScoringPanel-NucRtAP0.js.map