@g1cloud/page-builder-editor 1.0.0-alpha.28 → 1.0.0-alpha.29

package/dist/{PbPropertyEditorColor-Ph16JiGf.js → PbPropertyEditorColor-DD1lLnyZ.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-D6sT9Qxe.js";
+import { P as PbColorPicker } from "./index-D0CfudH-.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorHtml-BQ9llP6f.js → PbPropertyEditorHtml-DOIdxTYF.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-D6sT9Qxe.js";
+import { u as usePageBuilderEditor } from "./index-D0CfudH-.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorImage-6ebH3rsd.js → PbPropertyEditorImage-CyRHBdCX.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { u as usePageBuilderEditor } from "./index-D6sT9Qxe.js";
+import { u as usePageBuilderEditor } from "./index-D0CfudH-.js";
 import { useModal } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };

package/dist/{PbPropertyEditorMultilineText-BjnxPdTc.js → PbPropertyEditorMultilineText-BgUqY40C.js}

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

package/dist/{PbPropertyEditorText-B19310oG.js → PbPropertyEditorText-C01cWJn3.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
 import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-D6sT9Qxe.js";
+import { u as usePageBuilderEditor } from "./index-D0CfudH-.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorYoutube-DJlDigCR.js → PbPropertyEditorYoutube-ybr-RA1K.js}

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

package/dist/{PbWidgetAddModal-DQYPJftS.js → PbWidgetAddModal-axGuf3UA.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-D6sT9Qxe.js";
+import { w as widgetPartDefinitions } from "./index-D0CfudH-.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-D6sT9Qxe.js → index-D0CfudH-.js}

@@ -8131,13 +8131,13 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-Dgp_AVOD.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-B19310oG.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BjnxPdTc.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C01cWJn3.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BgUqY40C.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-CWedbXJI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Ph16JiGf.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-6ebH3rsd.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BQ9llP6f.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DJlDigCR.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DD1lLnyZ.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-CyRHBdCX.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-DOIdxTYF.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-ybr-RA1K.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12415,7 +12415,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DQYPJftS.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-axGuf3UA.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -14263,6 +14263,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const editor = usePageBuilderEditor();
+    const classNames = computed(() => {
+      return [
+        props.part.getClassNames()
+      ];
+    });
     const styleTag = computed(() => props.part.getStyleTag());
     const style = computed(() => {
       var _a, _b;
@@ -14312,9 +14317,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           innerHTML: styleTag.value
         }, null, 8, ["innerHTML"])) : createCommentVNode("", true),
         createElementVNode("div", {
+          class: normalizeClass([classNames.value, "pb-page"]),
           "data-part-id": (_a = _ctx.part) == null ? void 0 : _a.partId,
           style: normalizeStyle(style.value),
-          class: "pb-page",
           onContextmenu: showContextMenu,
           onMousedown: withModifiers(handleClick, ["stop"])
         }, [
@@ -14335,7 +14340,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, _cache[0] || (_cache[0] = [
             createElementVNode("i", { class: "material-icons-outlined" }, "add_circle_outline", -1)
           ]))
-        ], 44, _hoisted_1$3),
+        ], 46, _hoisted_1$3),
         _cache[1] || (_cache[1] = createElementVNode("div", { style: { "height": "100px" } }, null, -1))
       ], 64);
     };

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, t, v, x, y, z, A, C } from "./index-D6sT9Qxe.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, t, v, x, y, z, A, C } from "./index-D0CfudH-.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -14264,6 +14264,11 @@ ${_html.style}
     setup(__props) {
       const props = __props;
       const editor = usePageBuilderEditor();
+      const classNames = vue.computed(() => {
+        return [
+          props.part.getClassNames()
+        ];
+      });
       const styleTag = vue.computed(() => props.part.getStyleTag());
       const style = vue.computed(() => {
         var _a, _b;
@@ -14313,9 +14318,9 @@ ${_html.style}
             innerHTML: styleTag.value
           }, null, 8, ["innerHTML"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
+            class: vue.normalizeClass([classNames.value, "pb-page"]),
             "data-part-id": (_a = _ctx.part) == null ? void 0 : _a.partId,
             style: vue.normalizeStyle(style.value),
-            class: "pb-page",
             onContextmenu: showContextMenu,
             onMousedown: vue.withModifiers(handleClick, ["stop"])
           }, [
@@ -14336,7 +14341,7 @@ ${_html.style}
             }, _cache[0] || (_cache[0] = [
               vue.createElementVNode("i", { class: "material-icons-outlined" }, "add_circle_outline", -1)
             ]))
-          ], 44, _hoisted_1$f),
+          ], 46, _hoisted_1$f),
           _cache[1] || (_cache[1] = vue.createElementVNode("div", { style: { "height": "100px" } }, null, -1))
         ], 64);
       };

package/package.json

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