@bagelink/vue 0.0.1274 → 0.0.1276

package/dist/components/form/inputs/FileUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAqtBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAYhD,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAmKF,iBAAS,MAAM,SAkBd;AA8BD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;CAChC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAslBT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BArxBvC,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAuwBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA1wBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAwwBgB,GAAG;;;;EAerC;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAstBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAYhD,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAmKF,iBAAS,MAAM,SAkBd;AA8BD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;CAChC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAslBT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BArxBvC,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAuwBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA1wBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAwwBgB,GAAG;;;;EAerC;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/RichText/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AAyRA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQpD,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;AAyV1G,wBASG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText/index.vue"],"names":[],"mappings":"AAsSA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQpD,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;AAiW1G,wBASG"}

package/dist/index.cjs

@@ -25804,7 +25804,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-9939a5fb"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-50fd0597"]]);
 const _hoisted_1$B = ["title"];
 const _hoisted_2$p = { key: 0 };
 const _hoisted_3$k = ["value", "placeholder"];
@@ -28115,6 +28115,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }
       emit2("update:modelValue", newValue);
     });
+    vue.watch(() => editor.state.isSplitView, (isEnabled) => {
+      var _a2;
+      if (isEnabled) {
+        editor.state.content = ((_a2 = editor.state.doc) == null ? void 0 : _a2.body.innerHTML) || "";
+      }
+    });
     return (_ctx, _cache) => {
       var _a2, _b;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
@@ -28150,7 +28156,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 _cache[0] || (_cache[0] = ($event) => vue.unref(editor).state.content = $event),
                 _cache[1] || (_cache[1] = ($event) => vue.unref(editor).updateState.content("html"))
               ],
-              language: "html"
+              language: "html",
+              class: "code-editor"
             }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
           ], 2),
           _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
@@ -28197,7 +28204,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-44cb2419"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-0aa61b83"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
 const _hoisted_3$d = { key: 1 };

package/dist/index.mjs

@@ -25802,7 +25802,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-9939a5fb"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-50fd0597"]]);
 const _hoisted_1$B = ["title"];
 const _hoisted_2$p = { key: 0 };
 const _hoisted_3$k = ["value", "placeholder"];
@@ -28113,6 +28113,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
       emit2("update:modelValue", newValue);
     });
+    watch(() => editor.state.isSplitView, (isEnabled) => {
+      var _a2;
+      if (isEnabled) {
+        editor.state.content = ((_a2 = editor.state.doc) == null ? void 0 : _a2.body.innerHTML) || "";
+      }
+    });
     return (_ctx, _cache) => {
       var _a2, _b;
       return openBlock(), createElementBlock("div", _hoisted_1$s, [
@@ -28148,7 +28154,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 _cache[0] || (_cache[0] = ($event) => unref(editor).state.content = $event),
                 _cache[1] || (_cache[1] = ($event) => unref(editor).updateState.content("html"))
               ],
-              language: "html"
+              language: "html",
+              class: "code-editor"
             }, null, 8, ["modelValue"])) : createCommentVNode("", true)
           ], 2),
           _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
@@ -28195,7 +28202,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-44cb2419"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-0aa61b83"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$h = ["disabled"];
 const _hoisted_3$d = { key: 1 };

package/dist/style.css

@@ -1638,7 +1638,7 @@ pre code.hljs{
 }
 }
 
-.fileUploadWrap[data-v-9939a5fb] {
+.fileUploadWrap[data-v-50fd0597] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1650,7 +1650,7 @@ pre code.hljs{
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-9939a5fb] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-50fd0597] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1658,14 +1658,14 @@ pre code.hljs{
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-9939a5fb],
-.fileUploadWrap[data-v-9939a5fb]:hover {
+.fileUploadWrap.dragover[data-v-50fd0597],
+.fileUploadWrap[data-v-50fd0597]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-9939a5fb] {
+.fileUploadWrap[style*='height: auto;'][data-v-50fd0597] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-9939a5fb] {
+.multi-image-item-preview[data-v-50fd0597] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -1679,12 +1679,12 @@ pre code.hljs{
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-9939a5fb] {
+.multi-image-item-preview p[data-v-50fd0597] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-9939a5fb] {
+.multi-preview[data-v-50fd0597] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1695,17 +1695,17 @@ pre code.hljs{
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-9939a5fb] {
+.bgl-single-preview[data-v-50fd0597] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-9939a5fb] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-50fd0597] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-9939a5fb] {
+.single-image-item-preview[data-v-50fd0597] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1713,13 +1713,13 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-9939a5fb] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-50fd0597] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-9939a5fb] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-50fd0597] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-9939a5fb] {
+.single-preview[data-v-50fd0597] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1727,9 +1727,10 @@ pre code.hljs{
 	height: calc(100% - 2rem);
 	object-fit: cover;
 	background: var(--bgl-gray-light);
-	width: 90%;
+	width: calc(90% - 2rem);
+	min-width: 5rem;
 }
-.single-image-item-preview[data-v-9939a5fb]:hover::after {
+.single-image-item-preview[data-v-50fd0597]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -1739,20 +1740,20 @@ pre code.hljs{
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-9939a5fb] {
+.single-image-item-preview:hover img[data-v-50fd0597] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-9939a5fb] {
+.bgl_fill-image.single-image-item-preview[data-v-50fd0597] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-9939a5fb] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-50fd0597] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-9939a5fb] {
+.single-image-item-preview .pie[data-v-50fd0597] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1766,31 +1767,31 @@ pre code.hljs{
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-9939a5fb] {
+.bgl_oval-upload[data-v-50fd0597] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-9939a5fb] {
+.bgl_oval-upload p[data-v-50fd0597] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-9939a5fb] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-50fd0597] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-9939a5fb] {
+.bgl_oval-upload .pie[data-v-50fd0597] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-9939a5fb] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-50fd0597] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-9939a5fb] {
+.bgl_oval-upload .single-image-item-preview[data-v-50fd0597] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-9939a5fb] {
+.bgl_oval-upload .single-preview[data-v-50fd0597] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-9939a5fb] {
+.pie[data-v-50fd0597] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1798,7 +1799,7 @@ pre code.hljs{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-9939a5fb]:before {
+.pie[data-v-50fd0597]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1816,26 +1817,26 @@ pre code.hljs{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-9939a5fb] {
+.pie .success[data-v-50fd0597] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-9939a5fb] {
+.pie .progress[data-v-50fd0597] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-9939a5fb] {
+.pie.complete .progress[data-v-50fd0597] {
 	display: none;
 }
-.pie.complete .success[data-v-9939a5fb] {
+.pie.complete .success[data-v-50fd0597] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-9939a5fb]:before {
+.pie.complete[data-v-50fd0597]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-9939a5fb] {
+.pie.complete[data-v-50fd0597] {
 	color: var(--bgl-green);
 }
 
@@ -2055,29 +2056,34 @@ input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 .content-area p,
 .content-area span,
 .content-area li{
-line-height: 1.65;
+	line-height: 1.65;
+}
+.code-editor {
+	flex: 1;
+	min-height: 240px !important;
+	height: 100%;
 }
 
-.rich-text-editor[data-v-44cb2419] {
+.rich-text-editor[data-v-0aa61b83] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-44cb2419] {
+.editor-container[data-v-0aa61b83] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-44cb2419],
-.preview-area[data-v-44cb2419] {
+.content-area[data-v-0aa61b83],
+.preview-area[data-v-0aa61b83] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-44cb2419] {
+.split-view[data-v-0aa61b83] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-44cb2419] {
+.editableContent[data-v-0aa61b83] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -2085,7 +2091,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-44cb2419] {
+.html-editor[data-v-0aa61b83] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -2096,12 +2102,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-44cb2419] {
+.preview-area[data-v-0aa61b83] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-44cb2419] {
+.fullscreen-mode[data-v-0aa61b83] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -2110,18 +2116,18 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-44cb2419] {
+.fullscreen-mode .editor-container[data-v-0aa61b83] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-44cb2419],
-.fullscreen-mode .preview-area[data-v-44cb2419] {
+.fullscreen-mode .content-area[data-v-0aa61b83],
+.fullscreen-mode .preview-area[data-v-0aa61b83] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-44cb2419]{
+.fullscreen-mode .code-editor[data-v-0aa61b83]{
 	height: 100% !important;
 }
-.debug-controls[data-v-44cb2419] {
+.debug-controls[data-v-0aa61b83] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1274",
+  "version": "0.0.1276",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/FileUpload.vue

@@ -598,7 +598,8 @@ function drop(e: DragEvent) {
 	height: calc(100% - 2rem);
 	object-fit: cover;
 	background: var(--bgl-gray-light);
-	width: 90%;
+	width: calc(90% - 2rem);
+	min-width: 5rem;
 }
 .single-image-item-preview:hover::after {
 	content: 'zoom_in';

package/src/components/form/inputs/RichText/index.vue

@@ -142,6 +142,12 @@ watch(() => editor.state.content, (newValue) => {
 	}
 	emit('update:modelValue', newValue)
 })
+
+watch(() => editor.state.isSplitView, (isEnabled) => {
+	if (isEnabled) {
+		editor.state.content = editor.state.doc?.body.innerHTML || ''
+	}
+})
 </script>
 
 <template>
@@ -168,6 +174,7 @@ watch(() => editor.state.content, (newValue) => {
 					v-if="editor.state.isSplitView"
 					v-model="editor.state.content"
 					language="html"
+					class="code-editor"
 					@update:modelValue="editor.updateState.content('html')"
 				/>
 			</div>
@@ -193,7 +200,13 @@ watch(() => editor.state.content, (newValue) => {
 .content-area p,
 .content-area span,
 .content-area li{
-line-height: 1.65;
+	line-height: 1.65;
+}
+
+.code-editor {
+	flex: 1;
+	min-height: 240px !important;
+	height: 100%;
 }
 </style>