@g1cloud/page-builder-editor 1.0.0-alpha.84 → 1.0.0-alpha.85

package/dist/{PbPropertyEditorColor-Drq7aJIZ.js → PbPropertyEditorColor-Bti0mVmo.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-7cKWXpSb.js";
+import { P as PbColorPicker } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal flex-align-center color" };

package/dist/{PbPropertyEditorCssLength-OmHOXifI.js → PbPropertyEditorCssLength-BwkrC9am.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { t as toCssLength } from "./index-7cKWXpSb.js";
+import { t as toCssLength } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorHtml-Ce3uSfj1.js → PbPropertyEditorHtml-wnS2l_pT.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, defineAsyncComponent } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-7cKWXpSb.js";
+import { u as usePageBuilderEditor } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-html flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorImage-Dv6SR-r1.js → PbPropertyEditorImage-Bv5gVaiP.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, toDisplayString, createVNode, createCommentVNode, Fragment } from "vue";
-import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-7cKWXpSb.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-yhrcYaQY.js";
 import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image" };
 const _hoisted_2 = { class: "title" };

package/dist/{PbPropertyEditorMultilineText-BGl9Ymfs.js → PbPropertyEditorMultilineText-BpFMGEOv.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-7cKWXpSb.js";
+import { u as usePageBuilderEditor } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-_pmqNt0Q.js → PbPropertyEditorText-E92cKCb2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-7cKWXpSb.js";
+import { u as usePageBuilderEditor } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorYoutube-C9V3otnf.js → PbPropertyEditorYoutube-DRguFXvJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { s as selectYoutubeVideo } from "./index-7cKWXpSb.js";
+import { s as selectYoutubeVideo } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbWidgetAddModal-DTdNz5d_.js → PbWidgetAddModal-_yFu9o2c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 import { useModalHandle, BSModalFrame } from "@g1cloud/bluesea";
-import { w as widgetPartDefinitions } from "./index-7cKWXpSb.js";
+import { w as widgetPartDefinitions } from "./index-yhrcYaQY.js";
 const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
 const _hoisted_2 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
 const _hoisted_3 = ["onClick", "textContent"];

package/dist/{index-7cKWXpSb.js → index-yhrcYaQY.js}

@@ -7083,7 +7083,7 @@ const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7$1 = ["href", "target"];
-const _hoisted_2$3$1 = ["alt", "src"];
+const _hoisted_2$4$1 = ["alt", "src"];
 const _hoisted_3$d = ["alt", "src"];
 const _hoisted_4$b = ["poster"];
 const _hoisted_5$8 = ["src"];
@@ -7142,7 +7142,7 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
               src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).fileUrl,
               style: normalizeStyle(style.value),
               class: "image"
-            }, null, 12, _hoisted_2$3$1)
+            }, null, 12, _hoisted_2$4$1)
           ], 8, _hoisted_1$7$1)) : (openBlock(), createElementBlock("img", {
             key: 1,
             alt: altText.value,
@@ -7168,7 +7168,7 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$6$1 = ["textContent"];
-const _hoisted_2$2$1 = {
+const _hoisted_2$3$1 = {
   key: 1,
   class: "placeholder",
   textContent: "Empty Text"
@@ -7208,12 +7208,12 @@ const _sfc_main$7$1 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(style.value),
         class: "text",
         textContent: toDisplayString(text.value)
-      }, null, 12, _hoisted_1$6$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$2$1)) : createCommentVNode("", true);
+      }, null, 12, _hoisted_1$6$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$3$1)) : createCommentVNode("", true);
     };
   }
 });
 const _hoisted_1$5$1 = ["innerHTML"];
-const _hoisted_2$1$1 = {
+const _hoisted_2$2$1 = {
   key: 1,
   class: "placeholder",
   textContent: "Empty HTML"
@@ -7302,12 +7302,12 @@ const _sfc_main$6$1 = /* @__PURE__ */ defineComponent({
         ref: partRef,
         class: "html",
         innerHTML: (_b = html.value) == null ? void 0 : _b.tags
-      }, null, 8, _hoisted_1$5$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$1$1)) : createCommentVNode("", true);
+      }, null, 8, _hoisted_1$5$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$2$1)) : createCommentVNode("", true);
     };
   }
 });
 const _hoisted_1$4$1 = ["src"];
-const _hoisted_2$i = {
+const _hoisted_2$1$1 = {
   key: 1,
   class: "placeholder",
   textContent: "Empty URL"
@@ -7455,7 +7455,7 @@ const _sfc_main$5$1 = /* @__PURE__ */ defineComponent({
         ref: iframeRef,
         src: url.value,
         style: normalizeStyle(style.value)
-      }, null, 12, _hoisted_1$4$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$i)) : createCommentVNode("", true);
+      }, null, 12, _hoisted_1$4$1)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_2$1$1)) : createCommentVNode("", true);
     };
   }
 });
@@ -7772,7 +7772,8 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1$1 = { class: "pb-viewer" };
+const _hoisted_1$1$1 = ["innerHTML"];
+const _hoisted_2$i = { class: "pb-viewer" };
 const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
   __name: "PageBuilderViewer",
   props: {
@@ -7788,6 +7789,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
     if (props.plugin) viewer.registerCustomPlugin(props.plugin);
     providePageBuilderViewer(viewer);
     providePageBuilder(viewer);
+    const externalCss = viewer.getExternalCss();
     const part = computed(() => {
       const parts = viewer.model.rootPart.value.children;
       if (!parts || !parts.length) return;
@@ -7834,13 +7836,19 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
       removeStyleTag();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1$1, [
-        part.value ? (openBlock(), createBlock$1(_sfc_main$3$1, {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(externalCss) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          "is-mobile-page": _ctx.isMobilePage,
-          part: part.value
-        }, null, 8, ["is-mobile-page", "part"])) : createCommentVNode("", true)
-      ]);
+          innerHTML: unref(externalCss)
+        }, null, 8, _hoisted_1$1$1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$i, [
+          part.value ? (openBlock(), createBlock$1(_sfc_main$3$1, {
+            key: 0,
+            "is-mobile-page": _ctx.isMobilePage,
+            part: part.value
+          }, null, 8, ["is-mobile-page", "part"])) : createCommentVNode("", true)
+        ])
+      ], 64);
     };
   }
 });
@@ -8473,16 +8481,16 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-_pmqNt0Q.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-E92cKCb2.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BGl9Ymfs.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BpFMGEOv.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-OmHOXifI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Drq7aJIZ.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-Dv6SR-r1.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-Ce3uSfj1.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-C9V3otnf.js"))
+    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-BwkrC9am.js")),
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Bti0mVmo.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-Bv5gVaiP.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-wnS2l_pT.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DRguFXvJ.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -13122,7 +13130,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DTdNz5d_.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-_yFu9o2c.js")),
     style: {
       width: "80%",
       height: "80%",

package/dist/page-builder-editor.js

@@ -1,4 +1,4 @@
-import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, R, o, S, p, W, q, r, v, x, y, z, A, D, E } from "./index-7cKWXpSb.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, R, o, S, p, W, q, r, v, x, y, z, A, D, E } from "./index-yhrcYaQY.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

package/dist/page-builder-editor.umd.cjs

@@ -7084,7 +7084,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   });
   const _hoisted_1$7$1 = ["href", "target"];
-  const _hoisted_2$3$1 = ["alt", "src"];
+  const _hoisted_2$4$1 = ["alt", "src"];
   const _hoisted_3$k = ["alt", "src"];
   const _hoisted_4$f = ["poster"];
   const _hoisted_5$b = ["src"];
@@ -7143,7 +7143,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).fileUrl,
                 style: vue.normalizeStyle(style.value),
                 class: "image"
-              }, null, 12, _hoisted_2$3$1)
+              }, null, 12, _hoisted_2$4$1)
             ], 8, _hoisted_1$7$1)) : (vue.openBlock(), vue.createElementBlock("img", {
               key: 1,
               alt: altText.value,
@@ -7169,7 +7169,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   });
   const _hoisted_1$6$1 = ["textContent"];
-  const _hoisted_2$2$1 = {
+  const _hoisted_2$3$1 = {
     key: 1,
     class: "placeholder",
     textContent: "Empty Text"
@@ -7209,12 +7209,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           style: vue.normalizeStyle(style.value),
           class: "text",
           textContent: vue.toDisplayString(text.value)
-        }, null, 12, _hoisted_1$6$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2$1)) : vue.createCommentVNode("", true);
+        }, null, 12, _hoisted_1$6$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3$1)) : vue.createCommentVNode("", true);
       };
     }
   });
   const _hoisted_1$5$1 = ["innerHTML"];
-  const _hoisted_2$1$1 = {
+  const _hoisted_2$2$1 = {
     key: 1,
     class: "placeholder",
     textContent: "Empty HTML"
@@ -7303,12 +7303,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ref: partRef,
           class: "html",
           innerHTML: (_b = html.value) == null ? void 0 : _b.tags
-        }, null, 8, _hoisted_1$5$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1$1)) : vue.createCommentVNode("", true);
+        }, null, 8, _hoisted_1$5$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2$1)) : vue.createCommentVNode("", true);
       };
     }
   });
   const _hoisted_1$4$1 = ["src"];
-  const _hoisted_2$w = {
+  const _hoisted_2$1$1 = {
     key: 1,
     class: "placeholder",
     textContent: "Empty URL"
@@ -7456,7 +7456,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ref: iframeRef,
           src: url.value,
           style: vue.normalizeStyle(style.value)
-        }, null, 12, _hoisted_1$4$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w)) : vue.createCommentVNode("", true);
+        }, null, 12, _hoisted_1$4$1)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1$1)) : vue.createCommentVNode("", true);
       };
     }
   });
@@ -7773,7 +7773,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1$1 = { class: "pb-viewer" };
+  const _hoisted_1$1$1 = ["innerHTML"];
+  const _hoisted_2$w = { class: "pb-viewer" };
   const _sfc_main$2$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "PageBuilderViewer",
     props: {
@@ -7789,6 +7790,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (props.plugin) viewer.registerCustomPlugin(props.plugin);
       providePageBuilderViewer(viewer);
       providePageBuilder(viewer);
+      const externalCss = viewer.getExternalCss();
       const part = vue.computed(() => {
         const parts = viewer.model.rootPart.value.children;
         if (!parts || !parts.length) return;
@@ -7835,13 +7837,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         removeStyleTag();
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1$1, [
-          part.value ? (vue.openBlock(), vue.createBlock(_sfc_main$3$1, {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          vue.unref(externalCss) ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            "is-mobile-page": _ctx.isMobilePage,
-            part: part.value
-          }, null, 8, ["is-mobile-page", "part"])) : vue.createCommentVNode("", true)
-        ]);
+            innerHTML: vue.unref(externalCss)
+          }, null, 8, _hoisted_1$1$1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2$w, [
+            part.value ? (vue.openBlock(), vue.createBlock(_sfc_main$3$1, {
+              key: 0,
+              "is-mobile-page": _ctx.isMobilePage,
+              part: part.value
+            }, null, 8, ["is-mobile-page", "part"])) : vue.createCommentVNode("", true)
+          ])
+        ], 64);
       };
     }
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.84",
+  "version": "1.0.0-alpha.85",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -31,7 +31,7 @@
     "vue-router": "^4.4.3",
     "vue3-click-away": "^1.2.4",
     "yjs": "^13.6.14",
-    "@g1cloud/page-builder-viewer": "1.0.0-alpha.84"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.85"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",