@g1cloud/page-builder-editor 1.0.0-alpha.10 → 1.0.0-alpha.11

package/css/page-builder-editor.scss

@@ -69,8 +69,13 @@
   overflow-y: auto;
   padding: 8px 0;
   flex-grow: 1;
+
+  &:focus {
+    outline: none;
+  }
 }
 
+
 .pb-sidebar {
   width: 300px;
   overflow: auto;
@@ -247,6 +252,11 @@
     .bs-code-editor {
       height: 100%;
     }
+
+    textarea {
+      width: 100%;
+      height: 100%;
+    }
   }
 
   .buttons {

package/dist/{HtmlEditorModal-oXFayeg-.js → HtmlEditorModal-B2wOdZTD.js}

@@ -28,7 +28,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const style = ref(((_b = props.html) == null ? void 0 : _b.style) || "");
     const html = computed(() => `${tags.value || ""}
 <style>${style.value || ""}</style>`);
-    const updateHtml = (value) => {
+    const updateTags = (value) => {
+      tags.value = value;
+    };
+    const updateStyle = (value) => {
+      style.value = value;
     };
     const ok = () => {
       emit("updateHtml", {
@@ -56,28 +60,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _hoisted_9,
                   createElementVNode("div", _hoisted_10, [
                     createVNode(unref(BSCodeEditor), {
-                      modelValue: tags.value,
-                      "onUpdate:modelValue": [
-                        _cache[0] || (_cache[0] = ($event) => tags.value = $event),
-                        updateHtml
-                      ],
+                      "model-value": tags.value,
                       "editor-height": "100%",
-                      lang: "html"
-                    }, null, 8, ["modelValue"])
+                      lang: "html",
+                      "onUpdate:modelValue": updateTags
+                    }, null, 8, ["model-value"])
                   ])
                 ]),
                 createElementVNode("div", _hoisted_11, [
                   _hoisted_12,
                   createElementVNode("div", _hoisted_13, [
                     createVNode(unref(BSCodeEditor), {
-                      modelValue: style.value,
-                      "onUpdate:modelValue": [
-                        _cache[1] || (_cache[1] = ($event) => style.value = $event),
-                        updateHtml
-                      ],
+                      "model-value": style.value,
                       "editor-height": "100%",
-                      lang: "css"
-                    }, null, 8, ["modelValue"])
+                      lang: "css",
+                      "onUpdate:modelValue": updateStyle
+                    }, null, 8, ["model-value"])
                   ])
                 ])
               ])

package/dist/{PbPropertyEditorColor-B9I99uQK.js → PbPropertyEditorColor-D3brNT4U.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-jUNIezk-.js";
+import { P as PbColorPicker } from "./index-DdC6jCrv.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorHtml-BVT2SwoK.js → PbPropertyEditorHtml-D--QgdEp.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, defineAsyncComponent } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-jUNIezk-.js";
+import { u as usePageBuilderEditor } from "./index-DdC6jCrv.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         html = props.value[language];
       }
       modal.openModal({
-        component: defineAsyncComponent(() => import("./HtmlEditorModal-oXFayeg-.js")),
+        component: defineAsyncComponent(() => import("./HtmlEditorModal-B2wOdZTD.js")),
         style: {
           width: "80%",
           height: "80%",

package/dist/{PbPropertyEditorImage-DLwg5dJz.js → PbPropertyEditorImage-BB25lcTu.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-jUNIezk-.js";
+import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-DdC6jCrv.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorMultilineText-Bv4luXWg.js → PbPropertyEditorMultilineText-BN2Q1P1o.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-jUNIezk-.js";
+import { u as usePageBuilderEditor } from "./index-DdC6jCrv.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorProduct-6STGd-Zs.js → PbPropertyEditorProduct-CBk2DLhW.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-jUNIezk-.js";
+import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-DdC6jCrv.js";
 const _hoisted_1 = { class: "property-editor property-editor-product flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];