@g1cloud/page-builder-editor 1.0.0-alpha.50 → 1.0.0-alpha.52

package/dist/index.d.ts

@@ -1,8 +1,9 @@
+import { Model as PageBuilderEditorModel } from './model/model.ts';
 import { PartDefinition, PartDefinitionGroup } from './model/part-definintion.ts';
 import { PartProperty } from './model/part-property.ts';
 
 export { default as PageBuilderEditor } from './PageBuilderEditor.vue';
-export type { PartProperty, PartDefinitionGroup, PartDefinition };
+export type { PartProperty, PartDefinitionGroup, PartDefinition, PageBuilderEditorModel };
 export * from './model/event';
 export * from './model/plugin';
 export * from '@g1cloud/page-builder-viewer';

package/dist/model/command.d.ts

@@ -37,6 +37,7 @@ export declare class OpenAddWidgetModalCommand implements Command {
 export declare const createSection: (pageBuilder: PageBuilderEditor) => IPart | undefined;
 export declare const createBlock: (pageBuilder: PageBuilderEditor) => IPart | undefined;
 export declare const findLeafPart: (part: IPart | undefined) => IPart | undefined;
+export declare const pasteContentJson: (pageBuilder: PageBuilderEditor, json: string) => void;
 export declare class AddPartCommand implements Command {
     private modal;
     static readonly COMMAND_ID = "AddPart";

package/dist/model/default-part-property-group.d.ts

@@ -11,5 +11,6 @@ export declare const alignItemsGroup: () => PartPropertyGroup;
 export declare const alignSelfGroup: () => PartPropertyGroup;
 export declare const backgroundGroup: () => PartPropertyGroup;
 export declare const borderGroup: () => PartPropertyGroup;
+export declare const hideParentGroup: () => PartPropertyGroup;
 export declare const defaultPropertyGroups: () => PartPropertyGroup[];
 export declare const defaultWidgetPropertyGroups: () => PartPropertyGroup[];

package/dist/model/page-builder-editor.d.ts

@@ -1,3 +1,4 @@
+import { BSModal } from '@g1cloud/bluesea';
 import { PartDefinitionGroup } from './part-definintion.ts';
 import { ContextMenuRegistry, ContextMenuRegistryImpl, KeyHandlers, PageBuilderContext, PageBuilderContextImpl } from './context.ts';
 import { ToolButtonRegistry } from './toolbar.ts';
@@ -28,7 +29,7 @@ export interface PageBuilderEditor extends PageBuilder {
     locales: Ref<string[]>;
     onModelUpdated?: (modified: boolean) => void;
     registerPlugin(plugin: PageBuilderPlugin): void;
-    registerCustomPlugin(plugin: any): void;
+    registerCustomPlugin(plugin: any, modal: BSModal): void;
     initData(data?: string): void;
     undo(): void;
     redo(): void;
@@ -68,7 +69,7 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     getCustomWidgetComponent(part: IPart): Component | undefined;
     getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
     registerPlugin(plugin: PageBuilderPlugin): void;
-    registerCustomPlugin(plugin: any): void;
+    registerCustomPlugin(plugin: any, modal: BSModal): void;
     initData(data?: string): void;
     undo(): void;
     redo(): void;

package/dist/model/plugin.d.ts

@@ -1,4 +1,6 @@
-import { BSModal } from '@g1cloud/bluesea';
+import { Model } from './model.ts';
+import { IPart } from '@g1cloud/page-builder-viewer';
+import { BSModal, MultiLangText } from '@g1cloud/bluesea';
 import { Component } from 'vue';
 import { PartPropertyEditor, PartPropertyGroupEditor, PartPropertyType } from './part-property.ts';
 import { PartDefinition } from './part-definintion.ts';
@@ -24,6 +26,12 @@ export type PageBuilderToolbarPlugin = {
         [key: string]: Function | Function[];
     };
 };
+export type PageBuilderContextMenu = {
+    menuId: string;
+    caption: MultiLangText;
+    visible: (selected: IPart[]) => boolean;
+    handler: (selected: IPart[], model: Model, modal: BSModal) => void;
+};
 export type ImageProviderArg = {
     modal: BSModal;
     mediaTypes: string[];

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, o, R, p, S, q, W, r, t, v, x, y, z, A, C, D } from "./index-B-YMeKky.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, o, R, p, S, q, W, r, t, v, x, y, z, A, C, D } from "./index-DkU6TZPE.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -6892,8 +6892,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const emit = __emit;
       const visible = vue.ref(true);
       const updateVisible = (value) => {
+        var _a;
         visible.value = value;
-        emit("update:visible", value);
+        emit("update:visible", value, !!((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible));
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -6937,11 +6938,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const props = __props;
       const emit = __emit;
       const visible = vue.ref(true);
-      const childrenVisible = {};
-      const updateVisible = (partId, value) => {
-        childrenVisible[partId] = value;
-        visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
-        emit("update:visible", visible.value);
+      const updateVisible = (value, hideParentWhenInvisible) => {
+        if (hideParentWhenInvisible && !value) {
+          visible.value = false;
+        }
+        emit("update:visible", visible.value, hideParentWhenInvisible);
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -6964,8 +6965,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               return vue.openBlock(), vue.createBlock(_sfc_main$c$1, {
                 key: child.partId,
                 part: child,
-                "onUpdate:visible": (value) => updateVisible(child.partId, value)
-              }, null, 8, ["part", "onUpdate:visible"]);
+                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              }, null, 8, ["part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ], 14, _hoisted_1$a$1), [
             [vue.vShow, visible.value]
@@ -6984,10 +6985,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     setup(__props) {
       const props = __props;
       const visible = vue.ref(true);
-      const childrenVisible = {};
-      const updateVisible = (partId, value) => {
-        childrenVisible[partId] = value;
-        visible.value = props.part.children.some((child) => !(child.partId in childrenVisible) || childrenVisible[child.partId]);
+      const updateVisible = (value, hideParentWhenInvisible) => {
+        if (hideParentWhenInvisible && !value) {
+          visible.value = false;
+        }
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const styleTag = vue.computed(() => props.part.getStyleTag());
@@ -7011,8 +7012,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 key: child.partId,
                 "is-mobile-page": _ctx.isMobilePage,
                 part: child,
-                "onUpdate:visible": (value) => updateVisible(child.partId, value)
-              }, null, 8, ["is-mobile-page", "part", "onUpdate:visible"]);
+                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              }, null, 8, ["is-mobile-page", "part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ], 14, _hoisted_1$9$1), [
             [vue.vShow, visible.value]
@@ -7475,6 +7476,7 @@ ${_html.style}
     parsePartContent(partContent) {
       const part = this.createPart(partContent.partType);
       if (!part) return;
+      part.partId = partContent.partId;
       part.partType = partContent.partType;
       part.partName = partContent.partName;
       part.properties = partContent.properties ? JSON.parse(JSON.stringify(partContent.properties)) : null;
@@ -12269,11 +12271,24 @@ ${_html.style}
       propertyGroupEditor: () => _sfc_main$v
     };
   };
+  const hideParentGroup = () => {
+    return {
+      groupName: "hideParentGroup",
+      caption: "pb.prop.hideParent",
+      properties: [
+        {
+          propertyName: "hideParentWhenInvisible",
+          caption: "pb.prop.hideParentWhenInvisible",
+          propertyType: "boolean"
+        }
+      ]
+    };
+  };
   const defaultPropertyGroups = () => {
     return [layoutGroup(), alignGroup(), sizeGroup(), marginGroup(), paddingGroup(), backgroundGroup(), commonGroup()];
   };
   const defaultWidgetPropertyGroups = () => {
-    return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup()];
+    return [alignSelfGroup(), positionGroup(), sizeGroup(), marginGroup(), paddingGroup(), borderGroup(), backgroundGroup(), commonGroup(), hideParentGroup()];
   };
   const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "PbContainerWidget",
@@ -12912,6 +12927,177 @@ ${_html.style}
       if (part) pageBuilder.context.setSelection([part]);
     }
   };
+  const pasteContentJson = (pageBuilder, json) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const object = JSON.parse(json);
+    if (object.partType === ROOT_TYPE) {
+      const rootPart = partFromJsonObject(object, true);
+      if (!rootPart) throw new Error("Invalid data format");
+      let partIdsToDelete = void 0;
+      if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
+        partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
+      }
+      const param = {
+        delete: partIdsToDelete,
+        insert: [
+          {
+            partId: pageBuilder.model.getRootPartId(),
+            index: 0,
+            parts: rootPart.children || []
+          }
+        ]
+      };
+      pageBuilder.model.updateModel(param);
+    } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
+      const newPages = pageBuilder.model.parseParts(json);
+      if (!newPages) throw new Error("Invalid data format");
+      const newPage = newPages[0];
+      const selectedPage = pageBuilder.context.getSelectedPage();
+      if (!selectedPage) return;
+      const pages = pageBuilder.model.rootPart.children;
+      if (!pages) return;
+      let index = 0;
+      if (pages.length == 1) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page"
+        };
+      } else if (selectedPage === pages[0]) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page (Mobile)"
+        };
+      } else if (selectedPage === pages[1]) {
+        newPage.properties = {
+          ...newPage.properties || {},
+          name: "Page (PC)"
+        };
+        index = 1;
+      }
+      const param = {
+        delete: [selectedPage.partId],
+        insert: [
+          {
+            partId: pageBuilder.model.getRootPartId(),
+            index,
+            parts: [newPage]
+          }
+        ]
+      };
+      pageBuilder.model.updateModel(param);
+    } else {
+      const parts = pageBuilder.model.parseParts(json);
+      if (!parts) return;
+      let pasteType = "";
+      parts.forEach((part) => {
+        if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
+        else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
+        else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
+      });
+      if (!pasteType) return;
+      const partsToPaste = parts.map((part) => {
+        if (pasteType === SECTION_TYPE) {
+          if (part.partType === SECTION_TYPE) {
+            return part;
+          } else if (part.partType === BLOCK_TYPE) {
+            const section = createSection(pageBuilder);
+            if (!section) return;
+            section.children = [part];
+            return section;
+          } else {
+            const block = createBlock(pageBuilder);
+            if (!block) return;
+            block.children = [part];
+            const section = createSection(pageBuilder);
+            if (!section) return;
+            section.children = [block];
+            return section;
+          }
+        } else if (pasteType === BLOCK_TYPE) {
+          if (part.partType === BLOCK_TYPE) {
+            return part;
+          } else {
+            const block = createBlock(pageBuilder);
+            if (!block) return;
+            block.children = [part];
+            return block;
+          }
+        } else {
+          return part;
+        }
+      }).filter(bluesea.notNull);
+      const selectedPage = pageBuilder.context.getSelectedPage();
+      const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
+      if (!selectedPage || !selected) return;
+      let selectedWidget;
+      if (selected && selected.isWidget()) selectedWidget = selected;
+      if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
+      let selectedBlock;
+      if (selectedWidget) selectedBlock = selectedWidget.parent;
+      else if (selected && selected.isBlock()) selectedBlock = selected;
+      let selectedSection;
+      if (selectedBlock) selectedSection = selectedBlock.parent;
+      else if (selected && selected.isSection()) selectedSection = selected;
+      let targetPartId;
+      let targetIndex = -1;
+      let partsToInsert;
+      if (pasteType === SECTION_TYPE) {
+        targetPartId = selectedPage.partId;
+        targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
+        partsToInsert = partsToPaste;
+      } else if (pasteType === BLOCK_TYPE) {
+        if (selectedSection) {
+          targetPartId = selectedSection.partId;
+          targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
+          partsToInsert = partsToPaste;
+        } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
+          selectedSection = selectedPage.children[selectedPage.children.length - 1];
+          targetPartId = selectedSection.partId;
+          targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
+          partsToInsert = partsToPaste;
+        } else {
+          const newSection = createSection(pageBuilder);
+          if (!newSection) return;
+          newSection.children = partsToPaste;
+          targetPartId = selectedPage.partId;
+          targetIndex = 0;
+          partsToInsert = [newSection];
+        }
+      } else if (pasteType === WIDGET_TYPE) {
+        if (selectedBlock) {
+          targetPartId = selectedBlock.partId;
+          targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
+          partsToInsert = partsToPaste;
+        } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
+          if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
+          if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
+            selectedBlock = selectedSection.children[selectedSection.children.length - 1];
+            targetPartId = selectedBlock.partId;
+            targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
+            partsToInsert = partsToPaste;
+          } else {
+            const newBlock = createBlock(pageBuilder);
+            if (!newBlock) return;
+            newBlock.children = partsToPaste;
+            targetPartId = selectedSection.partId;
+            targetIndex = 0;
+            partsToInsert = [newBlock];
+          }
+        } else {
+          const newBlock = createBlock(pageBuilder);
+          const newSection = createSection(pageBuilder);
+          if (!newBlock || !newSection) return;
+          newSection.children = [newBlock];
+          newBlock.children = partsToPaste;
+          targetPartId = selectedPage.partId;
+          targetIndex = 0;
+          partsToInsert = [newSection];
+        }
+      }
+      if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
+      insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
+    }
+  };
   const _AddPartCommand = class _AddPartCommand {
     constructor(modal) {
       __publicField(this, "commandId", _AddPartCommand.COMMAND_ID);
@@ -13397,176 +13583,8 @@ ${_html.style}
       __publicField(this, "commandId", _PastePartCommand.COMMAND_ID);
     }
     async execute(pageBuilder) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       const json = await navigator.clipboard.readText();
-      const object = JSON.parse(json);
-      if (object.partType === ROOT_TYPE) {
-        const rootPart = partFromJsonObject(object, true);
-        if (!rootPart) throw new Error("Invalid data format");
-        let partIdsToDelete = void 0;
-        if ((_a = pageBuilder.model.rootPart.children) == null ? void 0 : _a.length) {
-          partIdsToDelete = pageBuilder.model.rootPart.children.map((v) => v.partId);
-        }
-        const param = {
-          delete: partIdsToDelete,
-          insert: [
-            {
-              partId: pageBuilder.model.getRootPartId(),
-              index: 0,
-              parts: rootPart.children || []
-            }
-          ]
-        };
-        pageBuilder.model.updateModel(param);
-      } else if (Array.isArray(object) && object[0] && object[0].partType === PAGE_TYPE) {
-        const newPages = pageBuilder.model.parseParts(json);
-        if (!newPages) throw new Error("Invalid data format");
-        const newPage = newPages[0];
-        const selectedPage = pageBuilder.context.getSelectedPage();
-        if (!selectedPage) return;
-        const pages = pageBuilder.model.rootPart.children;
-        if (!pages) return;
-        let index = 0;
-        if (pages.length == 1) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page"
-          };
-        } else if (selectedPage === pages[0]) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page (Mobile)"
-          };
-        } else if (selectedPage === pages[1]) {
-          newPage.properties = {
-            ...newPage.properties || {},
-            name: "Page (PC)"
-          };
-          index = 1;
-        }
-        const param = {
-          delete: [selectedPage.partId],
-          insert: [
-            {
-              partId: pageBuilder.model.getRootPartId(),
-              index,
-              parts: [newPage]
-            }
-          ]
-        };
-        pageBuilder.model.updateModel(param);
-      } else {
-        const parts = pageBuilder.model.parseParts(json);
-        if (!parts) return;
-        let pasteType = "";
-        parts.forEach((part) => {
-          if (part.partType === SECTION_TYPE) pasteType = SECTION_TYPE;
-          else if (part.partType === BLOCK_TYPE && (!pasteType || pasteType === WIDGET_TYPE)) pasteType = BLOCK_TYPE;
-          else if (part.partType === WIDGET_TYPE && !pasteType) pasteType = WIDGET_TYPE;
-        });
-        if (!pasteType) return;
-        const partsToPaste = parts.map((part) => {
-          if (pasteType === SECTION_TYPE) {
-            if (part.partType === SECTION_TYPE) {
-              return part;
-            } else if (part.partType === BLOCK_TYPE) {
-              const section = createSection(pageBuilder);
-              if (!section) return;
-              section.children = [part];
-              return section;
-            } else {
-              const block = createBlock(pageBuilder);
-              if (!block) return;
-              block.children = [part];
-              const section = createSection(pageBuilder);
-              if (!section) return;
-              section.children = [block];
-              return section;
-            }
-          } else if (pasteType === BLOCK_TYPE) {
-            if (part.partType === BLOCK_TYPE) {
-              return part;
-            } else {
-              const block = createBlock(pageBuilder);
-              if (!block) return;
-              block.children = [part];
-              return block;
-            }
-          } else {
-            return part;
-          }
-        }).filter(bluesea.notNull);
-        const selectedPage = pageBuilder.context.getSelectedPage();
-        const selected = pageBuilder.context.getSelectedParts()[0] || selectedPage;
-        if (!selectedPage || !selected) return;
-        let selectedWidget;
-        if (selected && selected.isWidget()) selectedWidget = selected;
-        if (selectedWidget && selectedWidget.isNestedWidget()) selectedWidget = selectedWidget.parent;
-        let selectedBlock;
-        if (selectedWidget) selectedBlock = selectedWidget.parent;
-        else if (selected && selected.isBlock()) selectedBlock = selected;
-        let selectedSection;
-        if (selectedBlock) selectedSection = selectedBlock.parent;
-        else if (selected && selected.isSection()) selectedSection = selected;
-        let targetPartId;
-        let targetIndex = -1;
-        let partsToInsert;
-        if (pasteType === SECTION_TYPE) {
-          targetPartId = selectedPage.partId;
-          targetIndex = selectedSection ? selectedPage.children.indexOf(selectedSection) + 1 : ((_b = selectedPage.children) == null ? void 0 : _b.length) || 0;
-          partsToInsert = partsToPaste;
-        } else if (pasteType === BLOCK_TYPE) {
-          if (selectedSection) {
-            targetPartId = selectedSection.partId;
-            targetIndex = selectedBlock ? selectedSection.children.indexOf(selectedBlock) + 1 : ((_c = selectedSection.children) == null ? void 0 : _c.length) || 0;
-            partsToInsert = partsToPaste;
-          } else if ((_d = selectedPage.children) == null ? void 0 : _d.length) {
-            selectedSection = selectedPage.children[selectedPage.children.length - 1];
-            targetPartId = selectedSection.partId;
-            targetIndex = ((_e = selectedSection.children) == null ? void 0 : _e.length) || 0;
-            partsToInsert = partsToPaste;
-          } else {
-            const newSection = createSection(pageBuilder);
-            if (!newSection) return;
-            newSection.children = partsToPaste;
-            targetPartId = selectedPage.partId;
-            targetIndex = 0;
-            partsToInsert = [newSection];
-          }
-        } else if (pasteType === WIDGET_TYPE) {
-          if (selectedBlock) {
-            targetPartId = selectedBlock.partId;
-            targetIndex = selectedWidget ? selectedBlock.children.indexOf(selectedWidget) + 1 : ((_f = selectedBlock.children) == null ? void 0 : _f.length) || 0;
-            partsToInsert = partsToPaste;
-          } else if (selectedSection || ((_g = selectedPage.children) == null ? void 0 : _g.length)) {
-            if (!selectedSection) selectedSection = selectedPage.children[selectedPage.children.length - 1];
-            if ((_h = selectedSection.children) == null ? void 0 : _h.length) {
-              selectedBlock = selectedSection.children[selectedSection.children.length - 1];
-              targetPartId = selectedBlock.partId;
-              targetIndex = ((_i = selectedBlock.children) == null ? void 0 : _i.length) || 0;
-              partsToInsert = partsToPaste;
-            } else {
-              const newBlock = createBlock(pageBuilder);
-              if (!newBlock) return;
-              newBlock.children = partsToPaste;
-              targetPartId = selectedSection.partId;
-              targetIndex = 0;
-              partsToInsert = [newBlock];
-            }
-          } else {
-            const newBlock = createBlock(pageBuilder);
-            const newSection = createSection(pageBuilder);
-            if (!newBlock || !newSection) return;
-            newSection.children = [newBlock];
-            newBlock.children = partsToPaste;
-            targetPartId = selectedPage.partId;
-            targetIndex = 0;
-            partsToInsert = [newSection];
-          }
-        }
-        if (!targetPartId || targetIndex < 0 || !partsToInsert) return;
-        insertParts(pageBuilder, targetPartId, targetIndex, partsToInsert, false);
-      }
+      pasteContentJson(pageBuilder, json);
     }
   };
   __publicField(_PastePartCommand, "COMMAND_ID", "PastePart");
@@ -14145,7 +14163,7 @@ ${_html.style}
       if (plugin.keyHandlers) this.keyHandlers.appendKeyHandlers(plugin.keyHandlers);
       if (plugin.toolButtonGroups) this.toolButtonRegistry.registerToolButtonGroups(plugin.toolButtonGroups);
     }
-    registerCustomPlugin(plugin) {
+    registerCustomPlugin(plugin, modal) {
       if (plugin.widgets) {
         const partDefinitions2 = {};
         plugin.widgets.forEach((group) => {
@@ -14184,6 +14202,29 @@ ${_html.style}
           this.externalCssContent = plugin.css.content;
         }
       }
+      if (plugin.contextMenus) {
+        const self2 = this;
+        const contextMenus = plugin.contextMenus.map((menu) => {
+          return {
+            commandId: menu.menuId,
+            groupId: "external",
+            precedence: 10,
+            getMenuItem(pageBuilder) {
+              const selected = self2.context.getSelectedParts();
+              if (menu.visible(selected)) {
+                return {
+                  menuId: menu.menuId,
+                  caption: menu.caption,
+                  handler() {
+                    menu.handler(selected, self2.model, modal);
+                  }
+                };
+              }
+            }
+          };
+        });
+        this.contextMenuRegistry.registerContextMenus(contextMenus);
+      }
     }
     initData(data) {
       const _data = JSON.parse(data || "{}") || {};
@@ -15417,6 +15458,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "Style"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "Hide block and section when invisible"
     }
   ];
   const jaTexts = [
@@ -15739,6 +15784,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "スタイル"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "非表示の場合はブロックとセクションも隠す"
     }
   ];
   const koTexts = [
@@ -16061,6 +16110,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "스타일"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "블록과 섹션도 함께 숨김처리하기"
     }
   ];
   const zhTexts = [
@@ -16383,6 +16436,10 @@ ${_html.style}
     {
       key: "pb.modal.htmlEditor.style",
       text: "样式"
+    },
+    {
+      key: "pb.prop.hideParentWhenInvisible",
+      text: "不可见时隐藏区块和区域"
     }
   ];
   bluesea.i18n.addTexts("en", enTexts);
@@ -16415,7 +16472,7 @@ ${_html.style}
       };
       if (props.locales) pageBuilderEditor.setLocales(props.locales);
       if (props.locale) pageBuilderEditor.setLocale(props.locale);
-      if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin);
+      if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin, modal);
       pageBuilderEditor.registerPlugin({
         // TODO
         commands: createDefaultCommands(modal)
@@ -16435,8 +16492,12 @@ ${_html.style}
       const getPageContent = () => {
         return pageBuilderEditor.model.serializeModel((part) => pageBuilderEditor.extractMedia(part));
       };
+      const pastePageContent = (contentJson) => {
+        pasteContentJson(pageBuilderEditor, contentJson);
+      };
       __expose({
-        getPageContent
+        getPageContent,
+        pastePageContent
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
@@ -17005,7 +17066,6 @@ ${_html.style}
       const modalHandle = bluesea.useModalHandle();
       const customWidgets = vue.computed(() => props.pageBuilder.getCustomWidgets());
       const select = (partDefinition) => {
-        console.log(partDefinition);
         emit("selectHandler", partDefinition);
         modalHandle.close();
       };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.50",
+  "version": "1.0.0-alpha.52",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -16,7 +16,7 @@
   "author": "zag@g1project.net",
   "license": "LicenseRef-LICENSE",
   "peerDependencies": {
-    "@g1cloud/bluesea": "5.0.0-alpha.91",
+    "@g1cloud/bluesea": "5.0.0-alpha.92",
     "vue3-youtube": "^0.1.9"
   },
   "dependencies": {
@@ -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.50"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.52"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",