@templatical/editor 0.26.2 → 0.27.0

package/dist/cdn/chunks/TitleEditor-nUAF7fKr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleEditor-nUAF7fKr.js","names":[],"sources":["../../../src/components/blocks/TitleEditor.vue","../../../src/components/blocks/TitleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport {\n  Bold,\n  Braces,\n  Italic,\n  Link,\n  LoaderCircle,\n  ScanLine,\n} from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  MERGE_TAG_PICKER_KEY,\n  LOGIC_TAG_PICKER_KEY,\n} from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\nimport { withLinkColor } from \"../../utils/linkColorExtension\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n// Hide the floating toolbar while either built-in picker modal is open — see\n// ParagraphToolbar.vue for the same rationale.\nconst picker = inject(MERGE_TAG_PICKER_KEY, null);\nconst logicPicker = inject(LOGIC_TAG_PICKER_KEY, null);\nconst pickerIsOpen = computed(\n  () => (picker?.isOpen.value ?? false) || (logicPicker?.isOpen.value ?? false),\n);\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkColor,\n  linkDialogRef,\n  canRequestMergeTag,\n  canInsertLogicTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n  handleAddLogicTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode, LineBoundaryKeys },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n          // StarterKit bundles @tiptap/extension-link (openOnClick: true).\n          // Disable it so the LinkExt below (openOnClick: false) is the only\n          // link extension — otherwise clicking a link while editing opens it.\n          link: false,\n        }),\n        withLinkColor(LinkExt).configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        LineBoundaryKeys,\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot && !pickerIsOpen\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-[var(--tpl-shadow-lg)]\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.insert\"\n            :title=\"t.mergeTag.insert\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.insertShort }}\n          </button>\n          <!-- Insert Logic -->\n          <span\n            v-if=\"canInsertLogicTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canInsertLogicTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.logicTag.insert\"\n            :title=\"t.logicTag.insert\"\n            data-testid=\"insert-logic-button\"\n            @click=\"handleAddLogicTag\"\n          >\n            <Braces :size=\"16\" :stroke-width=\"2\" />\n            {{ t.logicTag.insertShort }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      v-model:link-color=\"linkColor\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport { usePopoverRoot } from \"../../composables/usePopoverRoot\";\nimport type { TitleBlock as TitleBlockType } from \"@templatical/types\";\nimport {\n  Bold,\n  Braces,\n  Italic,\n  Link,\n  LoaderCircle,\n  ScanLine,\n} from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  MERGE_TAG_PICKER_KEY,\n  LOGIC_TAG_PICKER_KEY,\n} from \"../../keys\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\nimport { withLinkColor } from \"../../utils/linkColorExtension\";\n\nconst props = defineProps<{\n  block: TitleBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst popoverRoot = usePopoverRoot();\n// Hide the floating toolbar while either built-in picker modal is open — see\n// ParagraphToolbar.vue for the same rationale.\nconst picker = inject(MERGE_TAG_PICKER_KEY, null);\nconst logicPicker = inject(LOGIC_TAG_PICKER_KEY, null);\nconst pickerIsOpen = computed(\n  () => (picker?.isOpen.value ?? false) || (logicPicker?.isOpen.value ?? false),\n);\n\nconst { t } = useI18n();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkColor,\n  linkDialogRef,\n  canRequestMergeTag,\n  canInsertLogicTag,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n  handleAddLogicTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"TitleEditor\",\n  async loadExtensions({\n    mergeTags,\n    syntax,\n    triggerChar,\n    autocompleteEnabled,\n    suggestionEmptyText,\n  }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { MergeTagNode, MergeTagSuggestion, LogicMergeTagNode, LineBoundaryKeys },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n          bulletList: false,\n          orderedList: false,\n          listItem: false,\n          strike: false,\n          // StarterKit bundles @tiptap/extension-link (openOnClick: true).\n          // Disable it so the LinkExt below (openOnClick: false) is the only\n          // link extension — otherwise clicking a link while editing opens it.\n          link: false,\n        }),\n        withLinkColor(LinkExt).configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        LineBoundaryKeys,\n        ...(autocompleteEnabled && triggerChar && mergeTags.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags,\n                char: triggerChar,\n                emptyText: suggestionEmptyText,\n                popoverRoot,\n              }),\n            ]\n          : []),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <Teleport v-if=\"popoverRoot && !pickerIsOpen\" :to=\"popoverRoot\">\n      <div\n        :data-tpl-theme=\"tplUiTheme\"\n        role=\"toolbar\"\n        :aria-label=\"t.titleEditor.toolbar\"\n        class=\"tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-[var(--tpl-shadow-lg)]\"\n        :style=\"{\n          ...themeStyles,\n          top: `${toolbarPosition.top}px`,\n          left: `${toolbarPosition.left}px`,\n          transform: 'translateY(-100%)',\n        }\"\n      >\n        <template v-if=\"!isLoading && editor\">\n          <!-- Bold -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.titleEditor.bold\"\n            :title=\"t.titleEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <!-- Italic -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.titleEditor.italic\"\n            :title=\"t.titleEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.titleEditor.addLink\"\n            :title=\"t.titleEditor.addLink\"\n            @click=\"openLinkDialog\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"canRequestMergeTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canRequestMergeTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.mergeTag.insert\"\n            :title=\"t.mergeTag.insert\"\n            @click=\"handleAddMergeTag\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.insertShort }}\n          </button>\n          <!-- Insert Logic -->\n          <span\n            v-if=\"canInsertLogicTag\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"canInsertLogicTag\"\n            type=\"button\"\n            class=\"tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]\"\n            :aria-label=\"t.logicTag.insert\"\n            :title=\"t.logicTag.insert\"\n            data-testid=\"insert-logic-button\"\n            @click=\"handleAddLogicTag\"\n          >\n            <Braces :size=\"16\" :stroke-width=\"2\" />\n            {{ t.logicTag.insertShort }}\n          </button>\n        </template>\n        <template v-else>\n          <div\n            class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n          >\n            <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n            {{ t.errors.editorLoading }}\n          </div>\n        </template>\n      </div>\n    </Teleport>\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      v-model:link-color=\"linkColor\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/TplModal-C0IqikoV.js

@@ -0,0 +1,50 @@
+import { E as e, H as t, I as n, N as r, Q as i, S as a, at as o, b as s, d as c, f as l, g as u, h as d, l as f, lt as p, m, n as h, p as g } from "./draggable-BfpsXFg7.js";
+import { E as _ } from "./useEditorCore-CTu_qZ3W.js";
+import { B as v, H as y } from "./keys-CbQuRX85.js";
+import { n as b } from "./usePopoverPosition-BC-HA7TK.js";
+//#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
+var x = ["data-tpl-theme"], S = /* @__PURE__ */ a({
+	__name: "TplModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "keydown"],
+	setup(a, { emit: S }) {
+		let C = a, w = S, T = i(null), E = l(() => C.visible);
+		_(T, E);
+		let D = e(y), O = e(v, null), k = b();
+		function A(e) {
+			e.key === "Escape" && w("close"), w("keydown", e);
+		}
+		return (e, i) => o(k) ? (r(), m(c, {
+			key: 0,
+			to: o(k)
+		}, [s(h, {
+			"enter-active-class": "tpl:transition",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: t(() => [a.visible ? (r(), u("div", {
+				key: 0,
+				"data-tpl-theme": o(D),
+				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
+				style: p([{
+					"background-color": "var(--tpl-overlay)",
+					"backdrop-filter": "blur(8px)",
+					"-webkit-backdrop-filter": "blur(8px)"
+				}, o(O)]),
+				onClick: i[0] ||= f((e) => w("close"), ["self"]),
+				onKeydown: A
+			}, [g("div", {
+				ref_key: "dialogRef",
+				ref: T
+			}, [n(e.$slots, "default")], 512)], 44, x)) : d("", !0)]),
+			_: 3
+		})], 8, ["to"])) : d("", !0);
+	}
+});
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=TplModal-C0IqikoV.js.map

package/dist/cdn/chunks/TplModal-C0IqikoV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TplModal-C0IqikoV.js","names":[],"sources":["../../../src/components/TplModal.vue","../../../src/components/TplModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../composables\";\nimport { usePopoverRoot } from \"../composables/usePopoverRoot\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\n// The backdrop below carries the bare `tpl` class, which re-declares every\n// `--tpl-*` token from the base `.tpl` rule. A custom property declared on an\n// element beats one inherited from an ancestor, so that re-declaration shadows\n// the consumer's `theme` config — which lives as inline styles on the editor\n// root — for this whole teleported subtree. Re-applying `themeStyles` here is\n// what restores it, and doing it on the backdrop covers every dialog rendered\n// through this wrapper rather than each one remembering to. `data-tpl-theme`\n// does the same job for the dark token block. See the invariant in\n// `tests/theme-token-scope.test.ts` (issue #487).\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Escape\") {\n    emit(\"close\");\n  }\n  emit(\"keydown\", event);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <Transition\n      enter-active-class=\"tpl:transition\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"visible\"\n        :data-tpl-theme=\"tplUiTheme\"\n        class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n        style=\"\n          background-color: var(--tpl-overlay);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        :style=\"themeStyles\"\n        @click.self=\"emit('close')\"\n        @keydown=\"handleKeydown\"\n      >\n        <div ref=\"dialogRef\">\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../composables\";\nimport { usePopoverRoot } from \"../composables/usePopoverRoot\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\n// The backdrop below carries the bare `tpl` class, which re-declares every\n// `--tpl-*` token from the base `.tpl` rule. A custom property declared on an\n// element beats one inherited from an ancestor, so that re-declaration shadows\n// the consumer's `theme` config — which lives as inline styles on the editor\n// root — for this whole teleported subtree. Re-applying `themeStyles` here is\n// what restores it, and doing it on the backdrop covers every dialog rendered\n// through this wrapper rather than each one remembering to. `data-tpl-theme`\n// does the same job for the dark token block. See the invariant in\n// `tests/theme-token-scope.test.ts` (issue #487).\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Escape\") {\n    emit(\"close\");\n  }\n  emit(\"keydown\", event);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <Transition\n      enter-active-class=\"tpl:transition\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"visible\"\n        :data-tpl-theme=\"tplUiTheme\"\n        class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n        style=\"\n          background-color: var(--tpl-overlay);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        :style=\"themeStyles\"\n        @click.self=\"emit('close')\"\n        @keydown=\"handleKeydown\"\n      >\n        <div ref=\"dialogRef\">\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;EAMA,IAAM,IAAQ,GAIR,IAAO,GAKP,IAAY,EAAwB,IAAI,GACxC,IAAY,QAAe,EAAM,OAAO;EAC9C,EAAa,GAAW,CAAS;EAEjC,IAAM,IAAa,EAAO,CAAY,GAWhC,IAAc,EAAO,GAAkB,IAAI,GAC3C,IAAc,EAAe;EAEnC,SAAS,EAAc,GAA4B;GAIjD,AAHI,EAAM,QAAQ,YAChB,EAAK,OAAO,GAEd,EAAK,WAAW,CAAK;EACvB;mBAIkB,EAAA,CAAA,KAAhB,EAAA,GAAA,EA2BW,GAAA;;GA3BmB,IAAI,EAAA,CAAA;EAChC,GAAA,CAAA,EAyBa,GAAA;GAxBX,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;GACf,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;;GAEf,SAAA,QAgBM,CAfE,EAAA,WADR,EAAA,GAAA,EAgBM,OAAA;;IAdH,kBAAgB,EAAA,CAAA;IACjB,OAAM;IACN,OAIC,EAAA,CAJD;KAAA,oBAAA;KAAA,mBAAA;KAAA,2BAAA;IAAA,GAKQ,EAAA,CAAA,CAAW,CAAA;IAClB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,OAAA,GAAA,CAAA,MAAA,CAAA;IAChB,WAAS;GAEV,GAAA,CAAA,EAEM,OAAA;IAFG,SAAA;IAAJ,KAAI;GACP,GAAA,CAAA,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,GAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/cdn/chunks/VersionHistoryMenu-_MAj3qZj.js

@@ -0,0 +1,148 @@
+import { F as e, H as t, N as n, Q as r, S as i, at as a, b as o, ct as s, f as c, g as l, h as u, l as d, n as f, p, u as m, ut as h, y as g } from "./draggable-BfpsXFg7.js";
+import { t as _ } from "./dist-CM8TB0VD.js";
+import { t as v } from "./useI18n-DVWCJJFH.js";
+import { Ft as y, It as b, Pt as x, it as S, kt as C } from "./icons-C36Ha5VU.js";
+import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
+//#region src/components/VersionHistoryMenu.vue?vue&type=script&setup=true&lang.ts
+var T = [
+	"disabled",
+	"title",
+	"aria-label"
+], E = [
+	"aria-expanded",
+	"title",
+	"aria-label"
+], D = {
+	key: 0,
+	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)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
+	"data-testid": "version-history-dropdown"
+}, O = { 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)]" }, k = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8",
+	role: "status",
+	"aria-busy": "true"
+}, A = {
+	key: 1,
+	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]",
+	"data-testid": "version-history-empty"
+}, j = {
+	key: 2,
+	class: "tpl:max-h-64 tpl:overflow-y-auto"
+}, M = [
+	"data-version-id",
+	"disabled",
+	"onClick"
+], N = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, P = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, F = {
+	key: 0,
+	class: "tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]"
+}, I = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, L = [
+	"disabled",
+	"title",
+	"aria-label"
+], R = /* @__PURE__ */ i({
+	__name: "VersionHistoryMenu",
+	props: {
+		versions: {},
+		isLoading: { type: Boolean },
+		isRestoring: { type: Boolean },
+		previewingId: {}
+	},
+	emits: ["open", "navigate"],
+	setup(i, { emit: R }) {
+		let z = i, B = R, { t: V, format: H } = v(), U = r(!1), W = r(null), G = c(() => z.previewingId === null ? -1 : z.versions.findIndex((e) => e.id === z.previewingId)), K = c(() => G.value > 0 && !z.isRestoring && !z.isLoading), q = c(() => G.value < z.versions.length - 1 && z.versions.length > 0 && !z.isRestoring && !z.isLoading);
+		function J() {
+			K.value && B("navigate", z.versions[G.value - 1]);
+		}
+		function Y() {
+			q.value && B("navigate", z.versions[G.value + 1]);
+		}
+		function X() {
+			U.value = !U.value, U.value && B("open");
+		}
+		function Z(e) {
+			B("navigate", e), U.value = !1;
+		}
+		function Q(e) {
+			let t = w(e, V.time, H, 7);
+			return t === null ? new Date(e).toLocaleDateString(void 0, {
+				month: "short",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit"
+			}) : t;
+		}
+		return _(W, () => {
+			U.value = !1;
+		}), (r, c) => (n(), l("div", {
+			ref_key: "dropdownRef",
+			ref: W,
+			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5",
+			"data-testid": "version-history"
+		}, [
+			p("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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]",
+				"data-testid": "version-history-older",
+				disabled: !q.value,
+				title: a(V).versionHistory.olderVersion,
+				"aria-label": a(V).versionHistory.olderVersion,
+				onClick: d(Y, ["stop"])
+			}, [o(a(y), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, T),
+			p("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:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+				"data-testid": "version-history-toggle",
+				"aria-expanded": U.value,
+				title: a(V).versionHistory.tooltip,
+				"aria-label": a(V).versionHistory.tooltip,
+				onClick: d(X, ["stop"])
+			}, [o(a(C), {
+				size: 16,
+				"stroke-width": 1.5
+			}), o(a(b), {
+				class: s(["tpl:transition-transform", { "tpl:rotate-180": U.value }]),
+				size: 10,
+				"stroke-width": 2
+			}, null, 8, ["class"])], 8, E),
+			o(f, { name: "tpl-dropdown" }, {
+				default: t(() => [U.value ? (n(), l("div", D, [p("div", O, h(a(V).versionHistory.dropdownTitle), 1), i.isLoading && i.versions.length === 0 ? (n(), l("div", k, [o(a(S), {
+					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
+					size: 20,
+					"stroke-width": 2
+				})])) : i.versions.length === 0 ? (n(), l("div", A, h(a(V).versionHistory.empty), 1)) : (n(), l("div", j, [(n(!0), l(m, null, e(i.versions, (e) => (n(), l("button", {
+					key: e.id,
+					class: s(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]", e.id === i.previewingId ? "tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]" : "tpl:border-l-transparent"]),
+					style: { "background-color": "transparent" },
+					"data-testid": "version-history-entry",
+					"data-version-id": e.id,
+					disabled: i.isRestoring,
+					onClick: (t) => Z(e)
+				}, [p("div", N, [p("div", P, [p("span", null, h(e.label ?? Q(e.createdAt)), 1), e.isAutomatic ? (n(), l("span", F, h(a(V).versionHistory.auto), 1)) : u("", !0)]), e.label || e.author?.name ? (n(), l("div", I, [
+					e.label ? (n(), l(m, { key: 0 }, [g(h(Q(e.createdAt)), 1)], 64)) : u("", !0),
+					e.label && e.author?.name ? (n(), l(m, { key: 1 }, [g(" · ")], 64)) : u("", !0),
+					e.author?.name ? (n(), l(m, { key: 2 }, [g(h(e.author.name), 1)], 64)) : u("", !0)
+				])) : u("", !0)])], 10, M))), 128))]))])) : u("", !0)]),
+				_: 1
+			}),
+			p("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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]",
+				"data-testid": "version-history-newer",
+				disabled: !K.value,
+				title: a(V).versionHistory.newerVersion,
+				"aria-label": a(V).versionHistory.newerVersion,
+				onClick: d(J, ["stop"])
+			}, [o(a(x), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, L)
+		], 512));
+	}
+});
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=VersionHistoryMenu-_MAj3qZj.js.map

package/dist/cdn/chunks/VersionHistoryMenu-_MAj3qZj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionHistoryMenu-_MAj3qZj.js","names":[],"sources":["../../../src/components/VersionHistoryMenu.vue","../../../src/components/VersionHistoryMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\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    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\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:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\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)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\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          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\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=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\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>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\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    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\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:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\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)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\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          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\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=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\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>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\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:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\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/VersionHistoryPanels-6Hz9w20W.js

@@ -0,0 +1,48 @@
+import { N as e, S as t, at as n, g as r, h as i, m as a, u as o, x as s } from "./draggable-BfpsXFg7.js";
+//#endregion
+//#region src/components/VersionHistoryPanels.vue
+var c = /* @__PURE__ */ t({
+	__name: "VersionHistoryPanels",
+	props: { feature: {} },
+	setup(t) {
+		let c = t, l = s(() => import("./VersionPreviewBanner-D098_6_I.js")), u = s(() => import("./RestoreVersionDialog-B0Jadu6F.js"));
+		async function d() {
+			try {
+				await c.feature.requestRestore();
+			} catch {}
+		}
+		async function f() {
+			try {
+				await c.feature.saveAndRestore();
+			} catch {}
+		}
+		async function p() {
+			try {
+				await c.feature.discardAndRestore();
+			} catch {}
+		}
+		return (s, c) => (e(), r(o, null, [t.feature.isPreviewing.value ? (e(), a(n(l), {
+			key: 0,
+			visible: t.feature.isPreviewing.value,
+			"can-restore": t.feature.canRestore.value,
+			onCancel: c[0] ||= (e) => t.feature.cancelPreview(),
+			onConfirm: d
+		}, null, 8, ["visible", "can-restore"])) : i("", !0), t.feature.isConfirmingRestore.value ? (e(), a(n(u), {
+			key: 1,
+			visible: t.feature.isConfirmingRestore.value,
+			"can-save": t.feature.canSaveBeforeRestore.value,
+			"is-busy": t.feature.isConfirmBusy.value,
+			onCancel: c[1] ||= (e) => t.feature.cancelRestoreConfirm(),
+			onSaveAndRestore: f,
+			onDiscardAndRestore: p
+		}, null, 8, [
+			"visible",
+			"can-save",
+			"is-busy"
+		])) : i("", !0)], 64));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=VersionHistoryPanels-6Hz9w20W.js.map

package/dist/cdn/chunks/VersionHistoryPanels-6Hz9w20W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionHistoryPanels-6Hz9w20W.js","names":[],"sources":["../../../src/components/VersionHistoryPanels.vue","../../../src/components/VersionHistoryPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n"],"mappings":";;;;;;;EAkBA,IAAM,IAAQ,GAIR,IAAuB,QACrB,OAAO,qCACf,GAGM,IAAuB,QACrB,OAAO,qCACf;EAOA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAyC;GACtD,IAAI;IACF,MAAM,EAAM,QAAQ,kBAAkB;GACxC,QAAQ,CAER;EACF;oBAKU,EAAA,GAAA,EAAA,GAAA,MAAA,CAAA,EAAA,QAAQ,aAAa,SAD7B,EAAA,GAAA,EAME,EAAA,CAAA,GAAA;;GAJC,SAAS,EAAA,QAAQ,aAAa;GAC9B,eAAa,EAAA,QAAQ,WAAW;GAChC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,cAAa;GAC7B,WAAS;EAIJ,GAAA,MAAA,GAAA,CAAA,WAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAAA,QAAQ,oBAAoB,SADpC,EAAA,GAAA,EAQE,EAAA,CAAA,GAAA;;GANC,SAAS,EAAA,QAAQ,oBAAoB;GACrC,YAAU,EAAA,QAAQ,qBAAqB;GACvC,WAAS,EAAA,QAAQ,cAAc;GAC/B,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,qBAAoB;GACpC,kBAAkB;GAClB,qBAAqB"}

package/dist/cdn/chunks/VersionPreviewBanner-D098_6_I.js

@@ -0,0 +1,40 @@
+import { N as e, S as t, at as n, b as r, ct as i, g as a, h as o, p as s, ut as c } from "./draggable-BfpsXFg7.js";
+import { t as l } from "./useI18n-DVWCJJFH.js";
+import { kt as u } from "./icons-C36Ha5VU.js";
+import { f as d, v as f } from "./styleConstants-ByDqaYj_.js";
+//#region src/components/VersionPreviewBanner.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]",
+	"data-testid": "version-preview-banner",
+	role: "status"
+}, m = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]" }, h = { class: "tpl:flex tpl:items-center tpl:gap-2" }, g = /* @__PURE__ */ t({
+	__name: "VersionPreviewBanner",
+	props: {
+		visible: { type: Boolean },
+		canRestore: { type: Boolean }
+	},
+	emits: ["cancel", "confirm"],
+	setup(t, { emit: g }) {
+		let _ = g, { t: v } = l();
+		return (l, g) => t.visible ? (e(), a("div", p, [s("div", m, [r(n(u), {
+			size: 18,
+			"stroke-width": 2,
+			class: "tpl:text-[var(--tpl-primary)]"
+		}), s("span", null, c(n(v).versionPreview.message), 1)]), s("div", h, [s("button", {
+			class: i(n(d)),
+			style: { "background-color": "transparent" },
+			"data-testid": "version-preview-cancel",
+			onClick: g[0] ||= (e) => _("cancel")
+		}, c(n(v).versionPreview.cancel), 3), t.canRestore ? (e(), a("button", {
+			key: 0,
+			class: i(n(f)),
+			"data-testid": "version-preview-restore",
+			onClick: g[1] ||= (e) => _("confirm")
+		}, c(n(v).versionPreview.restore), 3)) : o("", !0)])])) : o("", !0);
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=VersionPreviewBanner-D098_6_I.js.map

package/dist/cdn/chunks/VersionPreviewBanner-D098_6_I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPreviewBanner-D098_6_I.js","names":[],"sources":["../../../src/components/VersionPreviewBanner.vue","../../../src/components/VersionPreviewBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Shared by both editors — it was `cloud/components/SnapshotPreviewBanner.vue`.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    class=\"tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]\"\n    data-testid=\"version-preview-banner\"\n    role=\"status\"\n  >\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]\"\n    >\n      <Clock\n        :size=\"18\"\n        :stroke-width=\"2\"\n        class=\"tpl:text-[var(--tpl-primary)]\"\n      />\n      <span>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Shared by both editors — it was `cloud/components/SnapshotPreviewBanner.vue`.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    class=\"tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]\"\n    data-testid=\"version-preview-banner\"\n    role=\"status\"\n  >\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]\"\n    >\n      <Clock\n        :size=\"18\"\n        :stroke-width=\"2\"\n        class=\"tpl:text-[var(--tpl-primary)]\"\n      />\n      <span>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAqBA,IAAM,IAAO,GAKP,EAAE,SAAM,EAAQ;mBAKZ,EAAA,WADR,EAAA,GAAA,EAkCM,OAlCN,GAkCM,CA5BJ,EASM,OATN,GASM,CANJ,EAIE,EAAA,CAAA,GAAA;GAHC,MAAM;GACN,gBAAc;GACf,OAAM;EAER,CAAA,GAAA,EAA2C,QAAA,MAAA,EAAlC,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,CAAA,CAAA,GAEnC,EAiBM,OAjBN,GAiBM,CAhBJ,EAOS,UAAA;GANN,OAAK,EAAE,EAAA,CAAA,CAAa;GACrB,OAAA,EAAA,oBAAA,cAAA;GACA,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,MAAM,GAAA,CAAA,GAGpB,EAAA,cADR,EAAA,GAAA,EAOS,UAAA;;GALN,OAAK,EAAE,EAAA,CAAA,CAAe;GACvB,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/cdn/chunks/{blockTypeIcons-FXlMM3PL.js → blockTypeIcons-hX_W4dqo.js}

@@ -1,4 +1,4 @@
-import { A as e, Dt as t, G as n, Ot as r, V as i, W as a, X as o, Z as s, et as c, f as l, ft as u, mt as d, v as f } from "./icons-CvYN6zrM.js";
+import { A as e, Dt as t, G as n, Ot as r, V as i, W as a, X as o, Z as s, et as c, f as l, ft as u, mt as d, v as f } from "./icons-C36Ha5VU.js";
 //#region src/utils/blockTypeIcons.ts
 var p = {
 	section: t,
@@ -18,4 +18,4 @@ var p = {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=blockTypeIcons-FXlMM3PL.js.map
+//# sourceMappingURL=blockTypeIcons-hX_W4dqo.js.map

package/dist/cdn/chunks/{blockTypeIcons-FXlMM3PL.js.map → blockTypeIcons-hX_W4dqo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"blockTypeIcons-FXlMM3PL.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}
+{"version":3,"file":"blockTypeIcons-hX_W4dqo.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}

package/dist/cdn/chunks/{ca-D1zgI9fQ.js → ca-Cqg9O8mx.js}

@@ -4,6 +4,27 @@ var e = {
 		poweredBy: "Amb la tecnologia de",
 		openSource: "Codi obert"
 	},
+	header: {
+		save: "Desa",
+		saving: "S'està desant...",
+		saved: "Desat",
+		unsaved: "Sense desar",
+		saveFailed: "No s'ha pogut desar",
+		saveNoTemplate: "Primer carrega o crea una plantilla",
+		templateName: "Nom de la plantilla",
+		rename: "Canvia el nom de la plantilla",
+		untitled: "Sense títol",
+		updatedAt: "Actualitzat {time}",
+		createdAt: "Creat {time}",
+		updatedJustNow: "Actualitzat ara mateix",
+		createdJustNow: "Creat ara mateix"
+	},
+	time: {
+		justNow: "Ara mateix",
+		minutesAgo: "fa {minutes} min",
+		hoursAgo: "fa {hours} h",
+		daysAgo: "fa {days} d"
+	},
 	history: {
 		undo: "Desfer",
 		redo: "Refer",
@@ -563,12 +584,54 @@ var e = {
 		expand: "Amplia",
 		collapse: "Redueix",
 		expandPreview: "Amplia la vista prèvia de {block}",
-		collapsePreview: "Redueix la vista prèvia de {block}",
-		time: {
-			justNow: "Ara mateix",
-			minutesAgo: "fa {minutes} min",
-			hoursAgo: "fa {hours} h",
-			daysAgo: "fa {days} d"
+		collapsePreview: "Redueix la vista prèvia de {block}"
+	},
+	comments: {
+		button: "Comentaris",
+		title: "Comentaris",
+		placeholder: "Escriu un comentari...",
+		replyPlaceholder: "Escriu una resposta...",
+		reply: "Respondre",
+		resolve: "Resoldre",
+		unresolve: "Reobrir",
+		delete: "Eliminar",
+		edit: "Editar",
+		cancel: "Cancel·lar",
+		save: "Desar",
+		noComments: "Encara no hi ha comentaris",
+		noCommentsHint: "Comença una conversa afegint un comentari a la plantilla o a un bloc concret.",
+		deleteConfirm: "Vols eliminar aquest comentari?",
+		filterAll: "Tots",
+		filterUnresolved: "Sense resoldre",
+		filterBlock: "Aquest bloc",
+		jumpToBlock: "Bloc",
+		ownedByYou: "Tu",
+		edited: "editat",
+		resolvedBy: "Resolt per {name}",
+		replyOne: "{count} resposta",
+		replyMany: "{count} respostes",
+		missingBlock: "Bloc no trobat",
+		saveTemplateFirst: "Desa la plantilla abans de comentar en aquest bloc."
+	},
+	versionHistory: {
+		tooltip: "Historial de versions",
+		dropdownTitle: "Historial de versions",
+		empty: "Encara no hi ha versions",
+		auto: "auto",
+		olderVersion: "Versió anterior",
+		newerVersion: "Versió més recent"
+	},
+	versionPreview: {
+		message: "Estàs veient una versió anterior d’aquesta plantilla.",
+		cancel: "Cancel·la",
+		restore: "Restaura aquesta versió",
+		restoreConfirm: {
+			title: "Vols restaurar aquesta versió?",
+			unsavedWithSave: "Tens canvis sense desar. Desa’ls primer i es mantindran a l’historial; si restaures sense desar, es perdran.",
+			unsavedNoSave: "Tens canvis sense desar i cap lloc on desar-los. Si restaures aquesta versió, es perdran.",
+			saveAndRestore: "Desa i restaura",
+			restoreAnyway: "Restaura igualment",
+			cancel: "Cancel·la"
 		}
 	},
 	previewResolution: {
@@ -634,4 +697,4 @@ var e = {
 //#endregion
 export { e as default };
 
-//# sourceMappingURL=ca-D1zgI9fQ.js.map
+//# sourceMappingURL=ca-Cqg9O8mx.js.map