@g1cloud/page-builder-editor 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/{PbPropertyEditorColor-yxTUPVwo.js → PbPropertyEditorColor-ecbXEcYN.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-B_Pvt4al.js";
+import { P as PbColorPicker } from "./index-CSLr4i8b.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/{PbPropertyEditorHtml-BjTENWC9.js → PbPropertyEditorHtml-CN43bcbD.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-B_Pvt4al.js";
+import { u as usePageBuilderEditor } from "./index-CSLr4i8b.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/{PbPropertyEditorImage-s2pj4vjF.js → PbPropertyEditorImage-BrP5jFP2.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-B_Pvt4al.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-CSLr4i8b.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-BGQUnY2p.js → PbPropertyEditorMultilineText-B5-0rW_W.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-B_Pvt4al.js";
+import { u as usePageBuilderEditor } from "./index-CSLr4i8b.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-DzXCAZtU.js → PbPropertyEditorText-B_ZEAlMz.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-B_Pvt4al.js";
+import { u as usePageBuilderEditor } from "./index-CSLr4i8b.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-DgTDJLnB.js → PbPropertyEditorYoutube-CYWYEZe0.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-B_Pvt4al.js";
+import { s as selectYoutubeVideo } from "./index-CSLr4i8b.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-oXOvER0a.js → PbWidgetAddModal-CDxfMi_c.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-B_Pvt4al.js";
+import { w as widgetPartDefinitions } from "./index-CSLr4i8b.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-B_Pvt4al.js → index-CSLr4i8b.js}

@@ -7342,13 +7342,17 @@ const defaultPartDefinitions = {
     partName: "YoutubeWidget",
     className: "pb-youtube-widget",
     creator: () => _sfc_main$4$1
-  },
-  "ContainerWidget": {
-    partType: "Widget",
-    partName: "ContainerWidget",
-    className: "pb-container-widget",
-    creator: () => _sfc_main$4$1
   }
+  /*
+   * BSP에서 사용안함
+   *
+  'ContainerWidget': {
+    partType: 'Widget',
+    partName: 'ContainerWidget',
+    className: 'pb-container-widget',
+    creator: () => PbContainerWidget
+  },
+  */
 };
 const PAGE_BUILDER_KEY = "PageBuilder";
 const PAGE_BUILDER_VIEWER_KEY = "PageBuilderViewer";
@@ -7374,7 +7378,7 @@ class PageBuilderViewerImpl {
       plugin.widgets.forEach((v) => {
         const w = { ...v };
         w.partType = "Widget";
-        w.creator = () => _sfc_main$r;
+        w.creator = () => _sfc_main$q;
         partDefinitions$1[v.partName] = w;
       });
     }
@@ -7606,7 +7610,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "PbCustomWidget",
   props: {
     part: {},
@@ -8206,15 +8210,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-DzXCAZtU.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-B_ZEAlMz.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BGQUnY2p.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-B5-0rW_W.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-yxTUPVwo.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-s2pj4vjF.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BjTENWC9.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DgTDJLnB.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-ecbXEcYN.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-BrP5jFP2.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CN43bcbD.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-CYWYEZe0.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -8463,7 +8467,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$q = {};
+const _sfc_main$p = {};
 const _hoisted_1$t = { class: "pb-add-widget-button" };
 function _sfc_render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$t, [
@@ -8475,7 +8479,7 @@ function _sfc_render$1(_ctx, _cache) {
     ]))
   ]);
 }
-const PbAddWidgetButton = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$1]]);
+const PbAddWidgetButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$1]]);
 const MOUSE_TRACKER_KEY = "mouseTracker";
 const MOUSE_TRACKER_NOT_FOUND = "MouseTracker not found";
 class MouseTracker {
@@ -8509,7 +8513,7 @@ const _hoisted_2$h = {
   class: "invalid-widget",
   textContent: "Invalid Widget"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "PbWidget",
   props: {
     part: {},
@@ -8953,7 +8957,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$r = ["data-part-id"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "PbBlock",
   props: {
     part: {},
@@ -9144,7 +9148,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             onAddWidget: addWidget
           })) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.part.children, (child) => {
-            return openBlock(), createBlock$1(_sfc_main$p, {
+            return openBlock(), createBlock$1(_sfc_main$o, {
               key: child.partId,
               part: child
             }, null, 8, ["part"]);
@@ -9157,7 +9161,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$q = { class: "pb-block" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "PbLoginDepart",
   props: {
     part: {}
@@ -9178,7 +9182,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$p = ["data-part-id"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "PbSection",
   props: {
     part: {},
@@ -9289,13 +9293,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           style: (_a = _ctx.part.properties) == null ? void 0 : _a.css
         }, properties.value), [
           ((_b = _ctx.part.properties) == null ? void 0 : _b.sectionType) === "static" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            ((_c = _ctx.part.properties) == null ? void 0 : _c.name) === "Login Design Part" ? (openBlock(), createBlock$1(_sfc_main$n, {
+            ((_c = _ctx.part.properties) == null ? void 0 : _c.name) === "Login Design Part" ? (openBlock(), createBlock$1(_sfc_main$m, {
               key: 0,
               part: _ctx.part
             }, null, 8, ["part"])) : createCommentVNode("", true)
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.part.children && _ctx.part.children.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.part.children, (block) => {
-              return openBlock(), createBlock$1(_sfc_main$o, {
+              return openBlock(), createBlock$1(_sfc_main$n, {
                 key: block.partId,
                 "is-mobile-page": _ctx.isMobilePage,
                 part: block
@@ -9320,7 +9324,7 @@ const _hoisted_5$7 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$7 = { class: "text-center" };
 const _hoisted_7$6 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
 const _hoisted_8$6 = { class: "text-center" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPosition",
   props: {
     group: {},
@@ -9410,7 +9414,7 @@ const _hoisted_7$5 = { class: "flex-grow-1 bs-layout-horizontal" };
 const _hoisted_8$5 = { class: "flex-align-center mt-12" };
 const _hoisted_9$2 = { class: "title" };
 const _hoisted_10$2 = { class: "flex-grow-1 bs-layout-horizontal" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorSize",
   props: {
     group: {},
@@ -11356,7 +11360,7 @@ styleInject(css_248z);
 script.render = render;
 script.__file = "src/components/sketch/sketch.vue";
 script.install = install;
-const _sfc_main$j = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "PbColorPicker",
   components: {
     Sketch: script
@@ -11453,14 +11457,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, () => _ctx.toggle(false)]
   ]);
 }
-const PbColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render]]);
+const PbColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render]]);
 const _hoisted_1$g = { class: "group-editor group-editor-background" };
 const _hoisted_2$8 = { class: "flex-align-center" };
 const _hoisted_3$5 = { class: "title" };
 const _hoisted_4$4 = { class: "bs-layout-horizontal" };
 const _hoisted_5$4 = { class: "color" };
 const _hoisted_6$4 = { class: "image" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorBackground",
   props: {
     group: {},
@@ -11551,7 +11555,7 @@ const _hoisted_16 = { class: "flex-grow-1 mt-4" };
 const _hoisted_17 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_18 = { class: "" };
 const _hoisted_19 = { class: "mt-2" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorBorder",
   props: {
     group: {},
@@ -11727,7 +11731,7 @@ const _hoisted_5$2 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$2 = { class: "text-center" };
 const _hoisted_7$2 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
 const _hoisted_8$2 = { class: "text-center" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorMargin",
   props: {
     group: {},
@@ -11815,7 +11819,7 @@ const _hoisted_5$1 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$1 = { class: "text-center" };
 const _hoisted_7$1 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
 const _hoisted_8$1 = { class: "text-center" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPadding",
   props: {
     group: {},
@@ -11921,7 +11925,7 @@ const positionGroup = () => {
         propertyType: "text"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$l
+    propertyGroupEditor: () => _sfc_main$k
   };
 };
 const sizeGroup = () => {
@@ -11960,7 +11964,7 @@ const sizeGroup = () => {
         propertyType: "text"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$k
+    propertyGroupEditor: () => _sfc_main$j
   };
 };
 const marginGroup = () => {
@@ -11989,7 +11993,7 @@ const marginGroup = () => {
         propertyType: "text"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$g
+    propertyGroupEditor: () => _sfc_main$f
   };
 };
 const paddingGroup = () => {
@@ -12018,7 +12022,7 @@ const paddingGroup = () => {
         propertyType: "text"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$f
+    propertyGroupEditor: () => _sfc_main$e
   };
 };
 const commonGroup = () => {
@@ -12154,7 +12158,7 @@ const backgroundGroup = () => {
         propertyType: "image"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$i
+    propertyGroupEditor: () => _sfc_main$h
   };
 };
 const borderGroup = () => {
@@ -12208,7 +12212,7 @@ const borderGroup = () => {
         propertyType: "text"
       }
     ],
-    propertyGroupEditor: () => _sfc_main$h
+    propertyGroupEditor: () => _sfc_main$g
   };
 };
 const hideParentGroup = () => {
@@ -12230,35 +12234,6 @@ const defaultPropertyGroups = () => {
 const defaultWidgetPropertyGroups = () => {
   return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup(), hideParentGroup()];
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "PbContainerWidget",
-  props: {
-    part: {},
-    placeholder: { type: Boolean }
-  },
-  setup(__props) {
-    const pageBuilder = usePageBuilderEditor();
-    const addWidget = () => {
-      pageBuilder.commandRegistry.executeCommand(OpenAddWidgetModalCommand.COMMAND_ID);
-    };
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.part.children ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.part.children, (child) => {
-          return openBlock(), createBlock$1(_sfc_main$p, {
-            key: child.partId,
-            "is-mobile-page": false,
-            part: child
-          }, null, 8, ["part"]);
-        }), 128)) : createCommentVNode("", true),
-        !_ctx.part.children || ((_a = _ctx.part.children) == null ? void 0 : _a.length) === 0 ? (openBlock(), createBlock$1(PbAddWidgetButton, {
-          key: 1,
-          onAddWidget: addWidget
-        })) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
 const _hoisted_1$c = { class: "group-editor group-editor-media" };
 const _hoisted_2$4 = { class: "title" };
 const _hoisted_3$1 = {
@@ -12441,7 +12416,7 @@ const pageParts = [
       alignItems: "center"
     },
     allowsChild: () => true,
-    creator: () => _sfc_main$m
+    creator: () => _sfc_main$l
   }
 ];
 const sectionParts = [
@@ -12460,7 +12435,7 @@ const sectionParts = [
       justifyContent: "start"
     },
     allowsChild: () => true,
-    creator: () => _sfc_main$m
+    creator: () => _sfc_main$l
   }
 ];
 const blockParts = [
@@ -12479,7 +12454,7 @@ const blockParts = [
       justifyContent: "start"
     },
     allowsChild: () => true,
-    creator: () => _sfc_main$o
+    creator: () => _sfc_main$n
   }
 ];
 const widgets = [
@@ -12672,27 +12647,31 @@ const widgets = [
     },
     allowsChild: () => false,
     creator: () => _sfc_main$4$1
-  },
+  }
+  /*
+   * BSP에서 사용안함
+   *
   {
-    partType: "Widget",
-    partName: "ContainerWidget",
-    caption: "Container",
-    icon: "widgets",
-    className: "pb-container-widget",
+    partType: 'Widget',
+    partName: 'ContainerWidget',
+    caption: 'Container',
+    icon: 'widgets',
+    className: 'pb-container-widget',
     propertyGroups: [
       {
-        groupName: "Container",
-        caption: "Container",
-        properties: []
+        groupName: 'Container',
+        caption: 'Container',
+        properties: [],
       },
       ...defaultWidgetPropertyGroups()
     ],
     initialProperties: {
-      height: "300px"
+      height: '300px'
     },
     allowsChild: () => true,
-    creator: () => _sfc_main$e
-  }
+    creator: () => PbContainerWidget
+  },
+  */
 ];
 const partDefinitions = {};
 for (const part of pageParts) {
@@ -12778,7 +12757,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-oXOvER0a.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-CDxfMi_c.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -14103,7 +14082,7 @@ class PageBuilderEditorImpl {
           group.partDefinitions.forEach((part) => {
             const p = { ...part };
             p.partType = "Widget";
-            p.creator = () => _sfc_main$r;
+            p.creator = () => _sfc_main$q;
             p.propertyGroups = [...p.propertyGroups, ...defaultWidgetPropertyGroups()];
             partDefinitions2[p.partName] = p;
             g.partDefinitions.push(p);
@@ -14191,6 +14170,7 @@ class PageBuilderEditorImpl {
     this.model.updateModel(param);
     this.initialized = true;
     this.model.undoManager.clear();
+    this.context.setSelection([]);
   }
   undo() {
     this.model.undoManager.undo();
@@ -14876,7 +14856,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(contentStyle.value)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList((_b = _ctx.part) == null ? void 0 : _b.children, (section, index) => {
-              return openBlock(), createBlock$1(_sfc_main$m, {
+              return openBlock(), createBlock$1(_sfc_main$l, {
                 key: section.partId,
                 "is-mobile-page": _ctx.isMobilePage,
                 part: section
@@ -16477,7 +16457,7 @@ export {
   _sfc_main$2$1 as f,
   Part as g,
   _sfc_main$1$1 as h,
-  _sfc_main$r as i,
+  _sfc_main$q as i,
   _sfc_main$6$1 as j,
   _sfc_main$5$1 as k,
   _sfc_main$8$1 as l,

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, D } from "./index-B_Pvt4al.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, D } from "./index-CSLr4i8b.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -7343,13 +7343,17 @@ ${_html.style}
       partName: "YoutubeWidget",
       className: "pb-youtube-widget",
       creator: () => _sfc_main$4$1
-    },
-    "ContainerWidget": {
-      partType: "Widget",
-      partName: "ContainerWidget",
-      className: "pb-container-widget",
-      creator: () => _sfc_main$4$1
     }
+    /*
+     * BSP에서 사용안함
+     *
+    'ContainerWidget': {
+      partType: 'Widget',
+      partName: 'ContainerWidget',
+      className: 'pb-container-widget',
+      creator: () => PbContainerWidget
+    },
+    */
   };
   const PAGE_BUILDER_KEY = "PageBuilder";
   const PAGE_BUILDER_VIEWER_KEY = "PageBuilderViewer";
@@ -7375,7 +7379,7 @@ ${_html.style}
         plugin.widgets.forEach((v) => {
           const w = { ...v };
           w.partType = "Widget";
-          w.creator = () => _sfc_main$F;
+          w.creator = () => _sfc_main$E;
           partDefinitions$1[v.partName] = w;
         });
       }
@@ -7607,7 +7611,7 @@ ${_html.style}
       };
     }
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     __name: "PbCustomWidget",
     props: {
       part: {},
@@ -8464,7 +8468,7 @@ ${_html.style}
     }
     return target;
   };
-  const _sfc_main$E = {};
+  const _sfc_main$D = {};
   const _hoisted_1$H = { class: "pb-add-widget-button" };
   function _sfc_render$1(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
@@ -8476,7 +8480,7 @@ ${_html.style}
       ]))
     ]);
   }
-  const PbAddWidgetButton = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
+  const PbAddWidgetButton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$1]]);
   const MOUSE_TRACKER_KEY = "mouseTracker";
   const MOUSE_TRACKER_NOT_FOUND = "MouseTracker not found";
   class MouseTracker {
@@ -8510,7 +8514,7 @@ ${_html.style}
     class: "invalid-widget",
     textContent: "Invalid Widget"
   };
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     __name: "PbWidget",
     props: {
       part: {},
@@ -8954,7 +8958,7 @@ ${_html.style}
     }
   });
   const _hoisted_1$F = ["data-part-id"];
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     __name: "PbBlock",
     props: {
       part: {},
@@ -9145,7 +9149,7 @@ ${_html.style}
               onAddWidget: addWidget
             })) : vue.createCommentVNode("", true),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.part.children, (child) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$D, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$C, {
                 key: child.partId,
                 part: child
               }, null, 8, ["part"]);
@@ -9158,7 +9162,7 @@ ${_html.style}
     }
   });
   const _hoisted_1$E = { class: "pb-block" };
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     __name: "PbLoginDepart",
     props: {
       part: {}
@@ -9179,7 +9183,7 @@ ${_html.style}
     }
   });
   const _hoisted_1$D = ["data-part-id"];
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     __name: "PbSection",
     props: {
       part: {},
@@ -9290,13 +9294,13 @@ ${_html.style}
             style: (_a = _ctx.part.properties) == null ? void 0 : _a.css
           }, properties.value), [
             ((_b = _ctx.part.properties) == null ? void 0 : _b.sectionType) === "static" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              ((_c = _ctx.part.properties) == null ? void 0 : _c.name) === "Login Design Part" ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+              ((_c = _ctx.part.properties) == null ? void 0 : _c.name) === "Login Design Part" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
                 key: 0,
                 part: _ctx.part
               }, null, 8, ["part"])) : vue.createCommentVNode("", true)
             ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               _ctx.part.children && _ctx.part.children.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.part.children, (block) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$C, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$B, {
                   key: block.partId,
                   "is-mobile-page": _ctx.isMobilePage,
                   part: block
@@ -9321,7 +9325,7 @@ ${_html.style}
   const _hoisted_6$9 = { class: "text-center" };
   const _hoisted_7$8 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
   const _hoisted_8$7 = { class: "text-center" };
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorPosition",
     props: {
       group: {},
@@ -9411,7 +9415,7 @@ ${_html.style}
   const _hoisted_8$6 = { class: "flex-align-center mt-12" };
   const _hoisted_9$3 = { class: "title" };
   const _hoisted_10$3 = { class: "flex-grow-1 bs-layout-horizontal" };
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorSize",
     props: {
       group: {},
@@ -11357,7 +11361,7 @@ ${_html.style}
   script.render = render;
   script.__file = "src/components/sketch/sketch.vue";
   script.install = install;
-  const _sfc_main$x = vue.defineComponent({
+  const _sfc_main$w = vue.defineComponent({
     name: "PbColorPicker",
     components: {
       Sketch: script
@@ -11454,14 +11458,14 @@ ${_html.style}
       [_directive_click_outside, () => _ctx.toggle(false)]
     ]);
   }
-  const PbColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
+  const PbColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render]]);
   const _hoisted_1$u = { class: "group-editor group-editor-background" };
   const _hoisted_2$l = { class: "flex-align-center" };
   const _hoisted_3$c = { class: "title" };
   const _hoisted_4$8 = { class: "bs-layout-horizontal" };
   const _hoisted_5$7 = { class: "color" };
   const _hoisted_6$6 = { class: "image" };
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorBackground",
     props: {
       group: {},
@@ -11552,7 +11556,7 @@ ${_html.style}
   const _hoisted_17 = { class: "bg-gray-100 py-5 rounded-8" };
   const _hoisted_18 = { class: "" };
   const _hoisted_19 = { class: "mt-2" };
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorBorder",
     props: {
       group: {},
@@ -11728,7 +11732,7 @@ ${_html.style}
   const _hoisted_6$4 = { class: "text-center" };
   const _hoisted_7$4 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
   const _hoisted_8$3 = { class: "text-center" };
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorMargin",
     props: {
       group: {},
@@ -11816,7 +11820,7 @@ ${_html.style}
   const _hoisted_6$3 = { class: "text-center" };
   const _hoisted_7$3 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
   const _hoisted_8$2 = { class: "text-center" };
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "PbPropertyGroupEditorPadding",
     props: {
       group: {},
@@ -11922,7 +11926,7 @@ ${_html.style}
           propertyType: "text"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$z
+      propertyGroupEditor: () => _sfc_main$y
     };
   };
   const sizeGroup = () => {
@@ -11961,7 +11965,7 @@ ${_html.style}
           propertyType: "text"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$y
+      propertyGroupEditor: () => _sfc_main$x
     };
   };
   const marginGroup = () => {
@@ -11990,7 +11994,7 @@ ${_html.style}
           propertyType: "text"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$u
+      propertyGroupEditor: () => _sfc_main$t
     };
   };
   const paddingGroup = () => {
@@ -12019,7 +12023,7 @@ ${_html.style}
           propertyType: "text"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$t
+      propertyGroupEditor: () => _sfc_main$s
     };
   };
   const commonGroup = () => {
@@ -12155,7 +12159,7 @@ ${_html.style}
           propertyType: "image"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$w
+      propertyGroupEditor: () => _sfc_main$v
     };
   };
   const borderGroup = () => {
@@ -12209,7 +12213,7 @@ ${_html.style}
           propertyType: "text"
         }
       ],
-      propertyGroupEditor: () => _sfc_main$v
+      propertyGroupEditor: () => _sfc_main$u
     };
   };
   const hideParentGroup = () => {
@@ -12231,35 +12235,6 @@ ${_html.style}
   const defaultWidgetPropertyGroups = () => {
     return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup(), hideParentGroup()];
   };
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    __name: "PbContainerWidget",
-    props: {
-      part: {},
-      placeholder: { type: Boolean }
-    },
-    setup(__props) {
-      const pageBuilder = usePageBuilderEditor();
-      const addWidget = () => {
-        pageBuilder.commandRegistry.executeCommand(OpenAddWidgetModalCommand.COMMAND_ID);
-      };
-      return (_ctx, _cache) => {
-        var _a;
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          _ctx.part.children ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.part.children, (child) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$D, {
-              key: child.partId,
-              "is-mobile-page": false,
-              part: child
-            }, null, 8, ["part"]);
-          }), 128)) : vue.createCommentVNode("", true),
-          !_ctx.part.children || ((_a = _ctx.part.children) == null ? void 0 : _a.length) === 0 ? (vue.openBlock(), vue.createBlock(PbAddWidgetButton, {
-            key: 1,
-            onAddWidget: addWidget
-          })) : vue.createCommentVNode("", true)
-        ], 64);
-      };
-    }
-  });
   const _hoisted_1$q = { class: "group-editor group-editor-media" };
   const _hoisted_2$h = { class: "title" };
   const _hoisted_3$8 = {
@@ -12442,7 +12417,7 @@ ${_html.style}
         alignItems: "center"
       },
       allowsChild: () => true,
-      creator: () => _sfc_main$A
+      creator: () => _sfc_main$z
     }
   ];
   const sectionParts = [
@@ -12461,7 +12436,7 @@ ${_html.style}
         justifyContent: "start"
       },
       allowsChild: () => true,
-      creator: () => _sfc_main$A
+      creator: () => _sfc_main$z
     }
   ];
   const blockParts = [
@@ -12480,7 +12455,7 @@ ${_html.style}
         justifyContent: "start"
       },
       allowsChild: () => true,
-      creator: () => _sfc_main$C
+      creator: () => _sfc_main$B
     }
   ];
   const widgets = [
@@ -12673,27 +12648,31 @@ ${_html.style}
       },
       allowsChild: () => false,
       creator: () => _sfc_main$4$1
-    },
+    }
+    /*
+     * BSP에서 사용안함
+     *
     {
-      partType: "Widget",
-      partName: "ContainerWidget",
-      caption: "Container",
-      icon: "widgets",
-      className: "pb-container-widget",
+      partType: 'Widget',
+      partName: 'ContainerWidget',
+      caption: 'Container',
+      icon: 'widgets',
+      className: 'pb-container-widget',
       propertyGroups: [
         {
-          groupName: "Container",
-          caption: "Container",
-          properties: []
+          groupName: 'Container',
+          caption: 'Container',
+          properties: [],
         },
         ...defaultWidgetPropertyGroups()
       ],
       initialProperties: {
-        height: "300px"
+        height: '300px'
       },
       allowsChild: () => true,
-      creator: () => _sfc_main$s
-    }
+      creator: () => PbContainerWidget
+    },
+    */
   ];
   const partDefinitions = {};
   for (const part of pageParts) {
@@ -14104,7 +14083,7 @@ ${_html.style}
             group.partDefinitions.forEach((part) => {
               const p = { ...part };
               p.partType = "Widget";
-              p.creator = () => _sfc_main$F;
+              p.creator = () => _sfc_main$E;
               p.propertyGroups = [...p.propertyGroups, ...defaultWidgetPropertyGroups()];
               partDefinitions2[p.partName] = p;
               g.partDefinitions.push(p);
@@ -14192,6 +14171,7 @@ ${_html.style}
       this.model.updateModel(param);
       this.initialized = true;
       this.model.undoManager.clear();
+      this.context.setSelection([]);
     }
     undo() {
       this.model.undoManager.undo();
@@ -14877,7 +14857,7 @@ ${_html.style}
               style: vue.normalizeStyle(contentStyle.value)
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = _ctx.part) == null ? void 0 : _b.children, (section, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$A, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                   key: section.partId,
                   "is-mobile-page": _ctx.isMobilePage,
                   part: section
@@ -17401,7 +17381,7 @@ ${_html.tags}` : "";
   exports2.PageBuilderViewer = _sfc_main$2$1;
   exports2.Part = Part;
   exports2.PbContainerWidget = _sfc_main$1$1;
-  exports2.PbCustomWidget = _sfc_main$F;
+  exports2.PbCustomWidget = _sfc_main$E;
   exports2.PbHtmlWidget = _sfc_main$6$1;
   exports2.PbIframeWidget = _sfc_main$5$1;
   exports2.PbMediaWidget = _sfc_main$8$1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.59",
+  "version": "1.0.0-alpha.60",
   "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.59"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.60"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",

package/dist/components/part/PbContainerWidget.vue.d.ts

@@ -1,19 +0,0 @@
-import { IPart } from '@g1cloud/page-builder-viewer';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    part: IPart;
-    placeholder?: boolean | undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    part: IPart;
-    placeholder?: boolean | undefined;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};