@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-K2U3FEL7.js → chunk-WUEP3PFN.js}

@@ -1,10 +1,23 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ImageCropper.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/ImageCropper.ts
-var ImageCropper = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var ImageCropper = _vue.defineComponent.call(void 0, {
   name: "TigerImageCropper",
   inheritAttrs: false,
   props: {
@@ -26,16 +39,16 @@ var ImageCropper = vue.defineComponent({
   },
   emits: ["crop-change", "ready"],
   setup(props, { emit, attrs, expose }) {
-    const containerRef = vue.ref(null);
-    const imageRef = vue.ref(null);
-    const imageLoaded = vue.ref(false);
-    const displayWidth = vue.ref(0);
-    const displayHeight = vue.ref(0);
-    const cropRect = vue.ref({ x: 0, y: 0, width: 0, height: 0 });
-    const dragMode = vue.ref("none");
-    const activeHandle = vue.ref(null);
-    const dragStartPos = vue.ref({ x: 0, y: 0 });
-    const dragStartRect = vue.ref({ x: 0, y: 0, width: 0, height: 0 });
+    const containerRef = _vue.ref.call(void 0, null);
+    const imageRef = _vue.ref.call(void 0, null);
+    const imageLoaded = _vue.ref.call(void 0, false);
+    const displayWidth = _vue.ref.call(void 0, 0);
+    const displayHeight = _vue.ref.call(void 0, 0);
+    const cropRect = _vue.ref.call(void 0, { x: 0, y: 0, width: 0, height: 0 });
+    const dragMode = _vue.ref.call(void 0, "none");
+    const activeHandle = _vue.ref.call(void 0, null);
+    const dragStartPos = _vue.ref.call(void 0, { x: 0, y: 0 });
+    const dragStartRect = _vue.ref.call(void 0, { x: 0, y: 0, width: 0, height: 0 });
     const loadImage = () => {
       const img = new window.Image();
       img.crossOrigin = "anonymous";
@@ -51,7 +64,7 @@ var ImageCropper = vue.defineComponent({
           displayWidth.value = img.naturalWidth;
           displayHeight.value = img.naturalHeight;
         }
-        cropRect.value = tigercatCore.getInitialCropRect(
+        cropRect.value = _tigercatcore.getInitialCropRect.call(void 0, 
           displayWidth.value,
           displayHeight.value,
           props.aspectRatio
@@ -61,14 +74,14 @@ var ImageCropper = vue.defineComponent({
       };
       img.src = props.src;
     };
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.src,
       () => {
         imageLoaded.value = false;
         loadImage();
       }
     );
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       loadImage();
     });
     const handleMouseDown = (e, mode, handle) => {
@@ -82,7 +95,7 @@ var ImageCropper = vue.defineComponent({
         const dx = ev.clientX - dragStartPos.value.x;
         const dy = ev.clientY - dragStartPos.value.y;
         if (dragMode.value === "move") {
-          cropRect.value = tigercatCore.moveCropRect(
+          cropRect.value = _tigercatcore.moveCropRect.call(void 0, 
             dragStartRect.value,
             dx,
             dy,
@@ -90,7 +103,7 @@ var ImageCropper = vue.defineComponent({
             displayHeight.value
           );
         } else if (dragMode.value === "resize" && activeHandle.value) {
-          cropRect.value = tigercatCore.resizeCropRect(
+          cropRect.value = _tigercatcore.resizeCropRect.call(void 0, 
             dragStartRect.value,
             activeHandle.value,
             dx,
@@ -128,7 +141,7 @@ var ImageCropper = vue.defineComponent({
         const dx = t.clientX - dragStartPos.value.x;
         const dy = t.clientY - dragStartPos.value.y;
         if (dragMode.value === "move") {
-          cropRect.value = tigercatCore.moveCropRect(
+          cropRect.value = _tigercatcore.moveCropRect.call(void 0, 
             dragStartRect.value,
             dx,
             dy,
@@ -136,7 +149,7 @@ var ImageCropper = vue.defineComponent({
             displayHeight.value
           );
         } else if (dragMode.value === "resize" && activeHandle.value) {
-          cropRect.value = tigercatCore.resizeCropRect(
+          cropRect.value = _tigercatcore.resizeCropRect.call(void 0, 
             dragStartRect.value,
             activeHandle.value,
             dx,
@@ -159,13 +172,58 @@ var ImageCropper = vue.defineComponent({
       document.addEventListener("touchmove", onTouchMove, { passive: false });
       document.addEventListener("touchend", onTouchEnd);
     };
+    const updateCropRect = (nextRect) => {
+      cropRect.value = nextRect;
+      emit("crop-change", cropRect.value);
+    };
+    const getKeyboardDelta = (e) => {
+      const step = e.shiftKey ? 10 : 1;
+      switch (e.key) {
+        case "ArrowLeft":
+          return { dx: -step, dy: 0 };
+        case "ArrowRight":
+          return { dx: step, dy: 0 };
+        case "ArrowUp":
+          return { dx: 0, dy: -step };
+        case "ArrowDown":
+          return { dx: 0, dy: step };
+        default:
+          return null;
+      }
+    };
+    const handleMoveKeyDown = (e) => {
+      const delta = getKeyboardDelta(e);
+      if (!delta) return;
+      e.preventDefault();
+      updateCropRect(
+        _tigercatcore.moveCropRect.call(void 0, cropRect.value, delta.dx, delta.dy, displayWidth.value, displayHeight.value)
+      );
+    };
+    const handleResizeKeyDown = (e, handle) => {
+      const delta = getKeyboardDelta(e);
+      if (!delta) return;
+      e.preventDefault();
+      updateCropRect(
+        _tigercatcore.resizeCropRect.call(void 0, 
+          cropRect.value,
+          handle,
+          delta.dx,
+          delta.dy,
+          displayWidth.value,
+          displayHeight.value,
+          props.aspectRatio,
+          props.minWidth,
+          props.minHeight
+        )
+      );
+    };
     const getCropResult = () => {
       return new Promise((resolve, reject) => {
         if (!imageRef.value) {
           reject(new Error("Image not loaded"));
           return;
         }
-        const { canvas, dataUrl } = tigercatCore.cropCanvas(
+        const { canvas, dataUrl } = _tigercatcore.cropCanvas.call(void 0, 
           imageRef.value,
           cropRect.value,
           displayWidth.value,
@@ -187,27 +245,27 @@ var ImageCropper = vue.defineComponent({
       });
     };
     expose({ getCropResult });
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.imageCropperContainerClasses,
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.imageCropperContainerClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const containerStyle = vue.computed(
-      () => tigercatCore.mergeStyleValues(attrs.style, props.style)
+    const containerStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
     );
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
       );
       if (!imageLoaded.value) {
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             ...forwardedAttrs,
             ref: containerRef,
-            class: tigercatCore.classNames(containerClasses.value, "flex items-center justify-center"),
+            class: _tigercatcore.classNames.call(void 0, containerClasses.value, "flex items-center justify-center"),
             style: Object.assign({}, containerStyle.value, {
               minHeight: "200px"
             }),
@@ -215,16 +273,16 @@ var ImageCropper = vue.defineComponent({
             "aria-label": "Loading image for cropping"
           },
           [
-            vue.h("div", {
+            _vue.h.call(void 0, "div", {
               class: "w-8 h-8 border-2 border-white/30 border-t-white rounded-full animate-spin"
             })
           ]
         );
       }
       const cr = cropRect.value;
-      const img = vue.h("img", {
+      const img = _vue.h.call(void 0, "img", {
         src: props.src,
-        class: tigercatCore.imageCropperImgClasses,
+        class: _tigercatcore.imageCropperImgClasses,
         style: {
           width: `${displayWidth.value}px`,
           height: `${displayHeight.value}px`
@@ -232,23 +290,23 @@ var ImageCropper = vue.defineComponent({
         draggable: false,
         alt: "Image to crop"
       });
-      const mask = vue.h(
+      const mask = _vue.h.call(void 0, 
         "svg",
         {
-          class: tigercatCore.imageCropperMaskClasses,
+          class: _tigercatcore.imageCropperMaskClasses,
           width: displayWidth.value,
           height: displayHeight.value,
           xmlns: "http://www.w3.org/2000/svg"
         },
         [
-          vue.h("defs", null, [
-            vue.h("mask", { id: "crop-mask" }, [
-              vue.h("rect", {
+          _vue.h.call(void 0, "defs", null, [
+            _vue.h.call(void 0, "mask", { id: "crop-mask" }, [
+              _vue.h.call(void 0, "rect", {
                 width: displayWidth.value,
                 height: displayHeight.value,
                 fill: "white"
               }),
-              vue.h("rect", {
+              _vue.h.call(void 0, "rect", {
                 x: cr.x,
                 y: cr.y,
                 width: cr.width,
@@ -257,7 +315,7 @@ var ImageCropper = vue.defineComponent({
               })
             ])
           ]),
-          vue.h("rect", {
+          _vue.h.call(void 0, "rect", {
             width: displayWidth.value,
             height: displayHeight.value,
             fill: "var(--tiger-image-cropper-mask, rgba(0,0,0,0.55))",
@@ -265,8 +323,8 @@ var ImageCropper = vue.defineComponent({
           })
         ]
       );
-      const selection = vue.h("div", {
-        class: tigercatCore.imageCropperSelectionClasses,
+      const selection = _vue.h.call(void 0, "div", {
+        class: _tigercatcore.imageCropperSelectionClasses,
         style: {
           left: `${cr.x}px`,
           top: `${cr.y}px`,
@@ -274,21 +332,26 @@ var ImageCropper = vue.defineComponent({
           height: `${cr.height}px`
         }
       });
-      const dragArea = vue.h("div", {
-        class: tigercatCore.imageCropperDragAreaClasses,
+      const dragArea = _vue.h.call(void 0, "div", {
+        class: _tigercatcore.imageCropperDragAreaClasses,
         style: {
           left: `${cr.x}px`,
           top: `${cr.y}px`,
           width: `${cr.width}px`,
           height: `${cr.height}px`
         },
+        role: "button",
+        tabindex: 0,
+        "aria-label": "Move crop area",
         onMousedown: (e) => handleMouseDown(e, "move"),
-        onTouchstart: (e) => handleTouchStart(e, "move")
+        onTouchstart: (e) => handleTouchStart(e, "move"),
+        onKeydown: handleMoveKeyDown
       });
       const guideLines = props.guides ? [
         // Horizontal lines
-        vue.h("div", {
-          class: tigercatCore.imageCropperGuideClasses,
+        _vue.h.call(void 0, "div", {
+          class: _tigercatcore.imageCropperGuideClasses,
+          "data-guide": "true",
           style: {
             left: `${cr.x}px`,
             top: `${cr.y + cr.height / 3}px`,
@@ -298,8 +361,9 @@ var ImageCropper = vue.defineComponent({
             borderTopStyle: "dashed"
           }
         }),
-        vue.h("div", {
-          class: tigercatCore.imageCropperGuideClasses,
+        _vue.h.call(void 0, "div", {
+          class: _tigercatcore.imageCropperGuideClasses,
+          "data-guide": "true",
           style: {
             left: `${cr.x}px`,
             top: `${cr.y + cr.height * 2 / 3}px`,
@@ -310,8 +374,9 @@ var ImageCropper = vue.defineComponent({
           }
         }),
         // Vertical lines
-        vue.h("div", {
-          class: tigercatCore.imageCropperGuideClasses,
+        _vue.h.call(void 0, "div", {
+          class: _tigercatcore.imageCropperGuideClasses,
+          "data-guide": "true",
           style: {
             left: `${cr.x + cr.width / 3}px`,
             top: `${cr.y}px`,
@@ -321,8 +386,9 @@ var ImageCropper = vue.defineComponent({
             borderLeftStyle: "dashed"
           }
         }),
-        vue.h("div", {
-          class: tigercatCore.imageCropperGuideClasses,
+        _vue.h.call(void 0, "div", {
+          class: _tigercatcore.imageCropperGuideClasses,
+          "data-guide": "true",
           style: {
             left: `${cr.x + cr.width * 2 / 3}px`,
             top: `${cr.y}px`,
@@ -333,7 +399,7 @@ var ImageCropper = vue.defineComponent({
           }
         })
       ] : [];
-      const handles = tigercatCore.CROP_HANDLES.map((handle) => {
+      const handles = _tigercatcore.CROP_HANDLES.map((handle) => {
         const pos = {};
         if (handle.includes("n")) pos.top = `${cr.y}px`;
         if (handle.includes("s")) pos.top = `${cr.y + cr.height}px`;
@@ -341,14 +407,18 @@ var ImageCropper = vue.defineComponent({
         if (handle.includes("w")) pos.left = `${cr.x}px`;
         if (handle.includes("e")) pos.left = `${cr.x + cr.width}px`;
         if (handle === "n" || handle === "s") pos.left = `${cr.x + cr.width / 2}px`;
-        return vue.h("div", {
-          class: tigercatCore.getCropperHandleClasses(handle),
+        return _vue.h.call(void 0, "div", {
+          class: _tigercatcore.getCropperHandleClasses.call(void 0, handle),
           style: pos,
+          role: "button",
+          tabindex: 0,
+          "aria-label": `Resize crop area ${handle}`,
           onMousedown: (e) => handleMouseDown(e, "resize", handle),
-          onTouchstart: (e) => handleTouchStart(e, "resize", handle)
+          onTouchstart: (e) => handleTouchStart(e, "resize", handle),
+          onKeydown: (e) => handleResizeKeyDown(e, handle)
         });
       });
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
@@ -369,5 +439,7 @@ var ImageCropper = vue.defineComponent({
 });
 var ImageCropper_default = ImageCropper;
 
-exports.ImageCropper = ImageCropper;
-exports.ImageCropper_default = ImageCropper_default;
+
+
+
+exports.ImageCropper = ImageCropper; exports.ImageCropper_default = ImageCropper_default;

package/dist/chunk-X5CFXNVK.js

@@ -0,0 +1,246 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/MarkdownEditor.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var modes = ["edit", "split", "preview"];
+var MarkdownEditor = _vue.defineComponent.call(void 0, {
+  name: "TigerMarkdownEditor",
+  props: {
+    value: { type: String, default: void 0 },
+    defaultValue: { type: String, default: "" },
+    placeholder: { type: String, default: void 0 },
+    mode: {
+      type: String,
+      default: void 0
+    },
+    defaultMode: {
+      type: String,
+      default: "split"
+    },
+    toolbar: {
+      type: [Array, Boolean],
+      default: void 0
+    },
+    showModeSwitch: { type: Boolean, default: true },
+    height: {
+      type: [Number, String],
+      default: 360
+    },
+    readOnly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    renderer: {
+      type: Object,
+      default: void 0
+    },
+    className: { type: String, default: void 0 },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["update:value", "change", "update:mode", "mode-change"],
+  setup(props, { emit, attrs }) {
+    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
+    const internalMode = _vue.ref.call(void 0, props.defaultMode);
+    const textareaRef = _vue.ref.call(void 0, null);
+    const currentValue = _vue.computed.call(void 0, 
+      () => props.value !== void 0 ? props.value : internalValue.value
+    );
+    const currentMode = _vue.computed.call(void 0, () => _nullishCoalesce(props.mode, () => ( internalMode.value)));
+    const toolbarItems = _vue.computed.call(void 0, 
+      () => props.toolbar === false ? [] : _nullishCoalesce(props.toolbar, () => ( _tigercatcore.defaultMarkdownToolbar))
+    );
+    const previewHtml = _vue.computed.call(void 0, () => _tigercatcore.renderMarkdownToHtml.call(void 0, currentValue.value, props.renderer));
+    const showFormattingToolbar = _vue.computed.call(void 0, () => props.toolbar !== false);
+    const showTopbar = _vue.computed.call(void 0, () => showFormattingToolbar.value || props.showModeSwitch);
+    const showEditor = _vue.computed.call(void 0, () => currentMode.value === "edit" || currentMode.value === "split");
+    const showPreview = _vue.computed.call(void 0, 
+      () => currentMode.value === "preview" || currentMode.value === "split"
+    );
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getMarkdownContainerClasses.call(void 0, props.disabled, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      )
+    );
+    const containerStyle = _vue.computed.call(void 0, () => {
+      const parsedHeight = _tigercatcore.parseMarkdownHeight.call(void 0, props.height);
+      return {
+        ...parsedHeight ? { height: parsedHeight } : {},
+        ...props.style
+      };
+    });
+    function commitValue(nextValue) {
+      if (props.value === void 0) internalValue.value = nextValue;
+      emit("update:value", nextValue);
+      emit("change", nextValue);
+    }
+    function commitMode(nextMode) {
+      if (props.mode === void 0) internalMode.value = nextMode;
+      emit("update:mode", nextMode);
+      emit("mode-change", nextMode);
+    }
+    async function restoreSelection(selectionStart, selectionEnd) {
+      await _vue.nextTick.call(void 0, );
+      const textarea = textareaRef.value;
+      if (!textarea) return;
+      textarea.selectionStart = selectionStart;
+      textarea.selectionEnd = selectionEnd;
+      textarea.focus();
+    }
+    function applyToolbarButton(button) {
+      if (props.readOnly || props.disabled) return;
+      const textarea = textareaRef.value;
+      const selection = {
+        value: currentValue.value,
+        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _ => _.selectionStart]), () => ( currentValue.value.length)),
+        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _2 => _2.selectionEnd]), () => ( currentValue.value.length))
+      };
+      const result = _tigercatcore.applyMarkdownToolbarAction.call(void 0, button, selection);
+      commitValue(result.value);
+      void restoreSelection(result.selectionStart, result.selectionEnd);
+    }
+    function handleKeydown(event) {
+      if (event.key === "Tab") {
+        event.preventDefault();
+        const textarea = event.currentTarget;
+        const before = textarea.value.slice(0, textarea.selectionStart);
+        const after = textarea.value.slice(textarea.selectionEnd);
+        const result = {
+          value: `${before}  ${after}`,
+          selectionStart: textarea.selectionStart + 2,
+          selectionEnd: textarea.selectionStart + 2
+        };
+        commitValue(result.value);
+        void restoreSelection(result.selectionStart, result.selectionEnd);
+        return;
+      }
+      const match = _tigercatcore.findMarkdownHotkeyMatch.call(void 0, toolbarItems.value, event);
+      if (match) {
+        event.preventDefault();
+        applyToolbarButton(match);
+      }
+    }
+    return () => {
+      const toolbarNode = showTopbar.value ? _vue.h.call(void 0, "div", { class: _tigercatcore.markdownEditorToolbarClasses }, [
+        showFormattingToolbar.value ? _vue.h.call(void 0, 
+          "div",
+          {
+            class: _tigercatcore.markdownEditorToolbarGroupClasses,
+            role: "toolbar",
+            "aria-label": "Markdown formatting"
+          },
+          toolbarItems.value.map((item, index) => {
+            if (_tigercatcore.isMarkdownToolbarSeparator.call(void 0, item)) {
+              return _vue.h.call(void 0, "div", {
+                key: `separator-${index}`,
+                class: _tigercatcore.markdownEditorToolbarSeparatorClasses,
+                role: "separator",
+                "aria-orientation": "vertical"
+              });
+            }
+            return _vue.h.call(void 0, 
+              "button",
+              {
+                key: item.name,
+                type: "button",
+                class: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, false),
+                title: _nullishCoalesce(item.tooltip, () => ( item.label)),
+                "aria-label": _nullishCoalesce(item.tooltip, () => ( item.label)),
+                disabled: props.disabled || props.readOnly,
+                onClick: () => applyToolbarButton(item)
+              },
+              item.icon ? _vue.h.call(void 0, "span", { innerHTML: item.icon }) : item.label
+            );
+          })
+        ) : _vue.h.call(void 0, "span"),
+        props.showModeSwitch ? _vue.h.call(void 0, 
+          "div",
+          {
+            class: _tigercatcore.markdownEditorToolbarGroupClasses,
+            role: "toolbar",
+            "aria-label": "Markdown view mode"
+          },
+          modes.map(
+            (item) => _vue.h.call(void 0, 
+              "button",
+              {
+                key: item,
+                type: "button",
+                class: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, currentMode.value === item),
+                "aria-label": _tigercatcore.markdownModeLabels[item],
+                "aria-pressed": currentMode.value === item,
+                disabled: props.disabled,
+                onClick: () => commitMode(item)
+              },
+              _tigercatcore.markdownModeLabels[item]
+            )
+          )
+        ) : null
+      ]) : null;
+      const textareaNode = showEditor.value ? _vue.h.call(void 0, "textarea", {
+        ref: textareaRef,
+        class: _tigercatcore.markdownEditorTextareaClasses,
+        value: currentValue.value,
+        onInput: (event) => commitValue(event.target.value),
+        onKeydown: handleKeydown,
+        placeholder: props.placeholder,
+        readonly: props.readOnly || props.disabled,
+        disabled: props.disabled,
+        spellcheck: true,
+        "aria-label": "Markdown editor",
+        "aria-multiline": true
+      }) : null;
+      const previewNode = showPreview.value ? _vue.h.call(void 0, "div", {
+        class: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.markdownEditorPreviewClasses,
+          currentMode.value === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
+          !currentValue.value ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
+        ),
+        role: "region",
+        "aria-label": "Markdown preview",
+        innerHTML: currentValue.value ? previewHtml.value : props.placeholder || ""
+      }) : null;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: containerClasses.value,
+          style: containerStyle.value,
+          "data-mode": currentMode.value
+        },
+        [
+          toolbarNode,
+          _vue.h.call(void 0, "div", { class: _tigercatcore.getMarkdownBodyClasses.call(void 0, currentMode.value) }, [
+            textareaNode,
+            previewNode
+          ])
+        ]
+      );
+    };
+  }
+});
+var MarkdownEditor_default = MarkdownEditor;
+
+
+
+
+exports.MarkdownEditor = MarkdownEditor; exports.MarkdownEditor_default = MarkdownEditor_default;