@templatical/editor 0.38.0 → 0.39.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleEditor-uKu33Nwr.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        // The getter, not `mergeTags.value`: a snapshot here would pin the\n        // extension to the list as it stood when this block opened.\n        MergeTagNode.configure({ mergeTags: () => mergeTags.value, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        LineBoundaryKeys,\n        // Registration is decided here, when the block opens for editing, so a\n        // list that goes from empty to populated enables type-ahead for the\n        // next block opened rather than this one. Deliberate: registering\n        // unconditionally would show the suggestion popup to consumers who\n        // configured no tags at all.\n        ...(autocompleteEnabled && triggerChar && mergeTags.value.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags: () => mergeTags.value,\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: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        // The getter, not `mergeTags.value`: a snapshot here would pin the\n        // extension to the list as it stood when this block opened.\n        MergeTagNode.configure({ mergeTags: () => mergeTags.value, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n        LineBoundaryKeys,\n        // Registration is decided here, when the block opens for editing, so a\n        // list that goes from empty to populated enables type-ahead for the\n        // next block opened rather than this one. Deliberate: registering\n        // unconditionally would show the suggestion popup to consumers who\n        // configured no tags at all.\n        ...(autocompleteEnabled && triggerChar && mergeTags.value.length > 0\n          ? [\n              MergeTagSuggestion.configure({\n                mergeTags: () => mergeTags.value,\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: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/ToggleSwitch-CDy8OfcB.js

@@ -0,0 +1,104 @@
+import { I as e, N as t, Q as n, S as r, at as i, b as a, ct as o, g as s, h as c, m as l, p as u, ut as d, y as f } from "./draggable-IB4x6w2O.js";
+import { i as p, n as m, r as h, t as g } from "./LogicTagInsertButton-DpyPozop.js";
+//#region src/components/MergeTagTextarea.vue?vue&type=script&setup=true&lang.ts
+var _ = { key: 0 }, v = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, y = { key: 1 }, b = [
+	"value",
+	"placeholder",
+	"rows"
+], x = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, S = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", C = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", w = /* @__PURE__ */ r({
+	__name: "MergeTagTextarea",
+	props: {
+		modelValue: {},
+		placeholder: { default: "" },
+		rows: { default: 3 }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let d = e, f = r, w = n(null), { segments: T, hasMergeTags: E, canRequestMergeTag: D, isRequestingMergeTag: O, canInsertLogicTag: k, isRequestingLogicTag: A, isEditing: j, startEditing: M, handleInput: N, handleKeydown: P, handleClick: F, handleBlur: I, clearValue: L, insertMergeTag: R, insertLogicTag: z, replaceMergeTagAt: B } = p({
+			modelValue: () => d.modelValue,
+			emit: (e) => f("update:modelValue", e),
+			elementRef: w
+		});
+		return (n, r) => i(E) && !i(j) ? (t(), s("div", _, [a(h, {
+			segments: i(T),
+			"display-class": C,
+			onEdit: i(M),
+			onClear: i(L),
+			onRepick: i(B)
+		}, null, 8, [
+			"segments",
+			"onEdit",
+			"onClear",
+			"onRepick"
+		]), i(D) || i(k) ? (t(), s("div", v, [i(D) ? (t(), l(m, {
+			key: 0,
+			disabled: i(O),
+			onInsert: i(R)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0), i(k) ? (t(), l(g, {
+			key: 1,
+			disabled: i(A),
+			onInsert: i(z)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0)])) : c("", !0)])) : (t(), s("div", y, [u("textarea", {
+			ref_key: "textareaRef",
+			ref: w,
+			class: o(S),
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			rows: e.rows,
+			onInput: r[0] ||= (...e) => i(N) && i(N)(...e),
+			onKeydown: r[1] ||= (...e) => i(P) && i(P)(...e),
+			onClick: r[2] ||= (...e) => i(F) && i(F)(...e),
+			onBlur: r[3] ||= (...e) => i(I) && i(I)(...e)
+		}, null, 40, b), i(D) || i(k) ? (t(), s("div", x, [i(D) ? (t(), l(m, {
+			key: 0,
+			disabled: i(O),
+			onInsert: i(R)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0), i(k) ? (t(), l(g, {
+			key: 1,
+			disabled: i(A),
+			onInsert: i(z)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0)])) : c("", !0)]));
+	}
+}), T = { key: 0 }, E = {
+	key: 0,
+	class: "tpl:text-[var(--tpl-danger)]"
+}, D = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], O = /* @__PURE__ */ r({
+	__name: "ToggleSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let i = r;
+		return (r, a) => (t(), s("label", { class: o(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", n.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [r.$slots.default || n.label || n.required ? (t(), s("span", T, [e(r.$slots, "default", {}, () => [f(d(n.label), 1)]), n.required ? (t(), s("span", E, " *")) : c("", !0)])) : c("", !0), u("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": n.modelValue,
+			"aria-label": n.label,
+			disabled: n.disabled,
+			class: o([
+				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
+				n.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
+				n.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
+			]),
+			onClick: a[0] ||= (e) => !n.disabled && i("update:modelValue", !n.modelValue)
+		}, [u("span", { class: o(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200", n.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, D)], 2));
+	}
+});
+//#endregion
+export { w as n, O as t };
+
+//# sourceMappingURL=ToggleSwitch-CDy8OfcB.js.map

package/dist/cdn/chunks/ToggleSwitch-CDy8OfcB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch-CDy8OfcB.js","names":["$slots"],"sources":["../../../src/components/MergeTagTextarea.vue","../../../src/components/MergeTagTextarea.vue","../../../src/components/ToggleSwitch.vue","../../../src/components/ToggleSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useMergeTagField } from \"../composables/useMergeTagField\";\nimport MergeTagSegments from \"./MergeTagSegments.vue\";\nimport MergeTagInsertButton from \"./MergeTagInsertButton.vue\";\nimport LogicTagInsertButton from \"./LogicTagInsertButton.vue\";\nimport { ref } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    placeholder?: string;\n    rows?: number;\n  }>(),\n  {\n    placeholder: \"\",\n    rows: 3,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst {\n  segments,\n  hasMergeTags,\n  canRequestMergeTag,\n  isRequestingMergeTag,\n  canInsertLogicTag,\n  isRequestingLogicTag,\n  isEditing,\n  startEditing,\n  handleInput,\n  handleKeydown,\n  handleClick,\n  handleBlur,\n  clearValue,\n  insertMergeTag,\n  insertLogicTag,\n  replaceMergeTagAt,\n} = useMergeTagField({\n  modelValue: () => props.modelValue,\n  emit: (value) => emit(\"update:modelValue\", value),\n  elementRef: textareaRef,\n});\n\nconst textareaClass =\n  \"tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]\";\nconst displayClass =\n  \"tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\";\n</script>\n\n<template>\n  <div v-if=\"hasMergeTags && !isEditing\">\n    <MergeTagSegments\n      :segments=\"segments\"\n      :display-class=\"displayClass\"\n      @edit=\"startEditing\"\n      @clear=\"clearValue\"\n      @repick=\"replaceMergeTagAt\"\n    />\n    <div\n      v-if=\"canRequestMergeTag || canInsertLogicTag\"\n      class=\"tpl:flex tpl:flex-wrap tpl:gap-1.5\"\n    >\n      <MergeTagInsertButton\n        v-if=\"canRequestMergeTag\"\n        :disabled=\"isRequestingMergeTag\"\n        @insert=\"insertMergeTag\"\n      />\n      <LogicTagInsertButton\n        v-if=\"canInsertLogicTag\"\n        :disabled=\"isRequestingLogicTag\"\n        @insert=\"insertLogicTag\"\n      />\n    </div>\n  </div>\n  <div v-else>\n    <textarea\n      ref=\"textareaRef\"\n      :class=\"textareaClass\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :rows=\"rows\"\n      @input=\"handleInput\"\n      @keydown=\"handleKeydown\"\n      @click=\"handleClick\"\n      @blur=\"handleBlur\"\n    />\n    <div\n      v-if=\"canRequestMergeTag || canInsertLogicTag\"\n      class=\"tpl:flex tpl:flex-wrap tpl:gap-1.5\"\n    >\n      <MergeTagInsertButton\n        v-if=\"canRequestMergeTag\"\n        :disabled=\"isRequestingMergeTag\"\n        @insert=\"insertMergeTag\"\n      />\n      <LogicTagInsertButton\n        v-if=\"canInsertLogicTag\"\n        :disabled=\"isRequestingLogicTag\"\n        @insert=\"insertLogicTag\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useMergeTagField } from \"../composables/useMergeTagField\";\nimport MergeTagSegments from \"./MergeTagSegments.vue\";\nimport MergeTagInsertButton from \"./MergeTagInsertButton.vue\";\nimport LogicTagInsertButton from \"./LogicTagInsertButton.vue\";\nimport { ref } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    placeholder?: string;\n    rows?: number;\n  }>(),\n  {\n    placeholder: \"\",\n    rows: 3,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\nconst {\n  segments,\n  hasMergeTags,\n  canRequestMergeTag,\n  isRequestingMergeTag,\n  canInsertLogicTag,\n  isRequestingLogicTag,\n  isEditing,\n  startEditing,\n  handleInput,\n  handleKeydown,\n  handleClick,\n  handleBlur,\n  clearValue,\n  insertMergeTag,\n  insertLogicTag,\n  replaceMergeTagAt,\n} = useMergeTagField({\n  modelValue: () => props.modelValue,\n  emit: (value) => emit(\"update:modelValue\", value),\n  elementRef: textareaRef,\n});\n\nconst textareaClass =\n  \"tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]\";\nconst displayClass =\n  \"tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\";\n</script>\n\n<template>\n  <div v-if=\"hasMergeTags && !isEditing\">\n    <MergeTagSegments\n      :segments=\"segments\"\n      :display-class=\"displayClass\"\n      @edit=\"startEditing\"\n      @clear=\"clearValue\"\n      @repick=\"replaceMergeTagAt\"\n    />\n    <div\n      v-if=\"canRequestMergeTag || canInsertLogicTag\"\n      class=\"tpl:flex tpl:flex-wrap tpl:gap-1.5\"\n    >\n      <MergeTagInsertButton\n        v-if=\"canRequestMergeTag\"\n        :disabled=\"isRequestingMergeTag\"\n        @insert=\"insertMergeTag\"\n      />\n      <LogicTagInsertButton\n        v-if=\"canInsertLogicTag\"\n        :disabled=\"isRequestingLogicTag\"\n        @insert=\"insertLogicTag\"\n      />\n    </div>\n  </div>\n  <div v-else>\n    <textarea\n      ref=\"textareaRef\"\n      :class=\"textareaClass\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :rows=\"rows\"\n      @input=\"handleInput\"\n      @keydown=\"handleKeydown\"\n      @click=\"handleClick\"\n      @blur=\"handleBlur\"\n    />\n    <div\n      v-if=\"canRequestMergeTag || canInsertLogicTag\"\n      class=\"tpl:flex tpl:flex-wrap tpl:gap-1.5\"\n    >\n      <MergeTagInsertButton\n        v-if=\"canRequestMergeTag\"\n        :disabled=\"isRequestingMergeTag\"\n        @insert=\"insertMergeTag\"\n      />\n      <LogicTagInsertButton\n        v-if=\"canInsertLogicTag\"\n        :disabled=\"isRequestingLogicTag\"\n        @insert=\"insertLogicTag\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'tpl:flex tpl:items-center tpl:justify-between tpl:gap-2',\n      disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n    ]\"\n  >\n    <span v-if=\"$slots.default || label || required\">\n      <slot>{{ label }}</slot>\n      <span v-if=\"required\" class=\"tpl:text-[var(--tpl-danger)]\"> *</span>\n    </span>\n    <button\n      type=\"button\"\n      role=\"switch\"\n      :aria-checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      :class=\"[\n        'tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200',\n        modelValue\n          ? 'tpl:bg-[var(--tpl-primary)]'\n          : 'tpl:bg-[var(--tpl-border)]',\n        disabled\n          ? 'tpl:cursor-not-allowed tpl:opacity-60'\n          : 'tpl:cursor-pointer',\n      ]\"\n      @click=\"!disabled && emit('update:modelValue', !modelValue)\"\n    >\n      <span\n        class=\"tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200\"\n        :class=\"modelValue ? 'tpl:translate-x-4' : 'tpl:translate-x-0'\"\n      />\n    </button>\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'tpl:flex tpl:items-center tpl:justify-between tpl:gap-2',\n      disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n    ]\"\n  >\n    <span v-if=\"$slots.default || label || required\">\n      <slot>{{ label }}</slot>\n      <span v-if=\"required\" class=\"tpl:text-[var(--tpl-danger)]\"> *</span>\n    </span>\n    <button\n      type=\"button\"\n      role=\"switch\"\n      :aria-checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      :class=\"[\n        'tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200',\n        modelValue\n          ? 'tpl:bg-[var(--tpl-primary)]'\n          : 'tpl:bg-[var(--tpl-border)]',\n        disabled\n          ? 'tpl:cursor-not-allowed tpl:opacity-60'\n          : 'tpl:cursor-pointer',\n      ]\"\n      @click=\"!disabled && emit('update:modelValue', !modelValue)\"\n    >\n      <span\n        class=\"tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200\"\n        :class=\"modelValue ? 'tpl:translate-x-4' : 'tpl:translate-x-0'\"\n      />\n    </button>\n  </label>\n</template>\n"],"mappings":"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"}