@g1cloud/page-builder-editor 1.0.0-alpha.15 → 1.0.0-alpha.16

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

package/dist/{PbPropertyEditorHtml-Bb_kuc4m.js → PbPropertyEditorHtml-DH2Qep1X.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-BIoyBfxM.js";
+import { u as usePageBuilderEditor } from "./index-BcD7YsdY.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-DbxF_eg7.js → PbPropertyEditorImage-GN536Jw2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
+import { u as usePageBuilderEditor } from "./index-BcD7YsdY.js";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, a as PageBuilderEditorEvent } from "./index-BIoyBfxM.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
@@ -12,16 +12,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update-property-value"],
   setup(__props, { emit: __emit }) {
-    useModal();
     const pageBuilder = usePageBuilderEditor();
+    const modal = useModal();
     const emit = __emit;
     const selectImage = () => {
-      PageBuilderEditorEvent.emit.requestImage({
-        pageBuilderId: pageBuilder.instanceId,
-        callback: (url) => {
+      const imageProvider = pageBuilder.getProvider("image");
+      if (imageProvider) {
+        imageProvider({ modal }, (url) => {
           emit("update-property-value", { image: url });
-        }
-      });
+        });
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/{PbPropertyEditorMultilineText-CefJbbiM.js → PbPropertyEditorMultilineText-B5HryveI.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-BIoyBfxM.js";
+import { u as usePageBuilderEditor } from "./index-BcD7YsdY.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbWidgetAddModal-CQvFYzfU.js → PbWidgetAddModal-Zpo-ZeNH.js}

@@ -1,9 +1,20 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+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-BcD7YsdY.js";
 const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
-const _hoisted_2 = ["textContent"];
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Basic Widgets"
+}, null, -1);
 const _hoisted_3 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
 const _hoisted_4 = ["onClick", "textContent"];
+const _hoisted_5 = { class: "group mb-16" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Custom Widgets"
+}, null, -1);
+const _hoisted_7 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
+const _hoisted_8 = ["onClick", "textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbWidgetAddModal",
   props: {
@@ -12,9 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["selectHandler"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const modalHandle = useModalHandle();
+    const customWidgets = computed(() => props.pageBuilder.getCustomWidgets());
     const select = (partDefinition) => {
+      console.log(partDefinition);
       emit("selectHandler", partDefinition);
       modalHandle.close();
     };
@@ -22,15 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Block/Widget" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.partDefinitionGroups, (group) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(widgetPartDefinitions), (group) => {
               return openBlock(), createElementBlock("div", {
                 key: group.groupName,
                 class: "group mb-16"
               }, [
-                createElementVNode("div", {
-                  class: "mb-8",
-                  textContent: toDisplayString(group.caption)
-                }, null, 8, _hoisted_2),
+                _hoisted_2,
                 createElementVNode("div", _hoisted_3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
                     return openBlock(), createElementBlock("div", {
@@ -42,7 +53,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ])
               ]);
-            }), 128))
+            }), 128)),
+            createElementVNode("div", _hoisted_5, [
+              _hoisted_6,
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(customWidgets.value, (part) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: part.partName,
+                    class: "part",
+                    onClick: ($event) => select(part),
+                    textContent: toDisplayString(part.caption)
+                  }, null, 8, _hoisted_8);
+                }), 128))
+              ])
+            ])
           ])
         ]),
         _: 1

package/dist/{index-BIoyBfxM.js → index-BcD7YsdY.js}

@@ -7223,15 +7223,25 @@ class PageBuilderViewerImpl {
   registerCustomPlugin(plugin) {
     if (plugin.widgets) {
       plugin.widgets.forEach((v) => {
-        partDefinitions$1[v.partName] = {
-          partType: "Widget",
-          partName: v.partName,
-          creator: () => _sfc_main$q,
-          component: v.component
-        };
+        const w = { ...v };
+        w.partType = "Widget";
+        w.creator = () => _sfc_main$q;
+        partDefinitions$1[v.partName] = w;
       });
     }
   }
+  watchCustomWidgetData(part) {
+    const def = partDefinitions$1[part.partName];
+    if (!def || !def.dataWatcher)
+      return false;
+    return def.dataWatcher(part.properties);
+  }
+  provideCustomWidgetData(part) {
+    const def = partDefinitions$1[part.partName];
+    if (!def || !def.dataProvider)
+      return Promise.resolve();
+    return def.dataProvider(part.properties);
+  }
   render(pageContent) {
     const rootPart = new RootPart();
     rootPart.pageBuilderId = this.instanceId;
@@ -7394,17 +7404,28 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "PbCustomWidget",
   props: {
     part: {},
-    viewMode: { type: Boolean, default: false }
+    dataWatcher: { type: Function },
+    dataProvider: { type: Function }
   },
   setup(__props) {
     const props = __props;
     const pageBuilder = usePageBuilder();
     const comp = computed(() => pageBuilder.getCustomWidgetComponent(props.part));
+    const data = ref({});
     const bind = computed(() => ({
       pageBuilderId: pageBuilder.instanceId,
-      properties: props.part.properties,
-      placeholder: true
+      ...props.part.properties || {},
+      placeholder: true,
+      ...data.value || {}
     }));
+    const updateData = async () => {
+      data.value = await pageBuilder.provideCustomWidgetData(props.part);
+    };
+    onMounted(updateData);
+    watch(
+      () => pageBuilder.watchCustomWidgetData(props.part),
+      () => updateData()
+    );
     return (_ctx, _cache) => {
       return comp.value ? (openBlock(), createBlock$1(resolveDynamicComponent(comp.value), normalizeProps(mergeProps({ key: 0 }, bind.value)), null, 16)) : createCommentVNode("", true);
     };
@@ -7936,20 +7957,6 @@ class PartManager {
       }
     }
   }
-  getLocalDesignPartPropertyDefinitions(partName) {
-    let properties;
-    const partDef = this.getPartDefinition(partName);
-    if (!partDef || !partDef.propertyGroups)
-      return;
-    for (const group of partDef.propertyGroups) {
-      for (const property of group.properties) {
-        if (property.localized) {
-          properties = [...properties || [], property];
-        }
-      }
-    }
-    return properties;
-  }
   createPartComponent(part) {
     if (part) {
       const def = this.getPartDefinition(part.partName);
@@ -8029,11 +8036,11 @@ const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-Dgp_AVOD.js")),
     "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BWOKvwD9.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-CefJbbiM.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-B5HryveI.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-CWedbXJI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DI5Bm25g.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-DbxF_eg7.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-Bb_kuc4m.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Bw7qz0-r.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-GN536Jw2.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-DH2Qep1X.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -11996,7 +12003,7 @@ const widgets = [
   {
     partType: "Widget",
     partName: "TextWidget",
-    caption: "Text Widget",
+    caption: "Text",
     icon: "insert_text",
     propertyGroups: [
       {
@@ -12039,7 +12046,7 @@ const widgets = [
   {
     partType: "Widget",
     partName: "ImageWidget",
-    caption: "Image Widget",
+    caption: "Image",
     icon: "imagesmode",
     propertyGroups: [
       {
@@ -12065,7 +12072,7 @@ const widgets = [
   {
     partType: "Widget",
     partName: "HtmlWidget",
-    caption: "HTML Widget",
+    caption: "HTML",
     icon: "code",
     propertyGroups: [
       {
@@ -12120,6 +12127,13 @@ const designPartDefinitions = [
     ]
   }
 ];
+const widgetPartDefinitions = [
+  {
+    groupName: "Widget",
+    caption: "Widget",
+    partDefinitions: widgets
+  }
+];
 const blockWidgetPartDefinitions = [
   {
     groupName: "Block",
@@ -12209,7 +12223,7 @@ const openPartAddModal = (modal, args, callback) => {
 };
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-CQvFYzfU.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-Zpo-ZeNH.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -12313,6 +12327,36 @@ const _AddPartCommand = class _AddPartCommand {
 };
 __publicField(_AddPartCommand, "COMMAND_ID", "AddPart");
 let AddPartCommand = _AddPartCommand;
+const _AddSectionCommand = class _AddSectionCommand {
+  constructor(modal) {
+    __publicField(this, "commandId", _AddSectionCommand.COMMAND_ID);
+    __publicField(this, "caption", "Add Section");
+    this.modal = modal;
+  }
+  execute(pageBuilder, args) {
+    const def = pageBuilder.partManager.getSectionDefinition();
+    if (!def)
+      return;
+    addPart(pageBuilder, def);
+  }
+};
+__publicField(_AddSectionCommand, "COMMAND_ID", "AddSection");
+let AddSectionCommand = _AddSectionCommand;
+const _AddBlockCommand = class _AddBlockCommand {
+  constructor(modal) {
+    __publicField(this, "commandId", _AddBlockCommand.COMMAND_ID);
+    __publicField(this, "caption", "Add Block");
+    this.modal = modal;
+  }
+  execute(pageBuilder, args) {
+    const def = pageBuilder.partManager.getBlockDefinition();
+    if (!def)
+      return;
+    addPart(pageBuilder, def);
+  }
+};
+__publicField(_AddBlockCommand, "COMMAND_ID", "AddBlock");
+let AddBlockCommand = _AddBlockCommand;
 const addPart = (pageBuilder, def, attrs) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const selected = pageBuilder.context.getSelectedParts()[0];
@@ -12401,29 +12445,13 @@ const addPart = (pageBuilder, def, attrs) => {
   }
 };
 const addSectionBefore = (pageBuilder, modal, args) => {
-  const def = args && args.partDefinition;
-  if (!def) {
-    const partDefinitionGroups = designPartDefinitions;
-    openPartAddModal(modal, {
-      ...args || {},
-      pageBuilder,
-      partDefinitionGroups
-    }, (part, attrs) => {
-      addSectionBefore(pageBuilder, modal, {
-        ...args || {},
-        partDefinition: part,
-        ...attrs || {}
-      });
-    });
-    return;
-  }
   const selected = pageBuilder.context.getSelectedParts()[0];
   if (!selected)
     return;
   const section = pageBuilder.partManager.findNearestSection(selected);
   if (!section || !section.parent || !section.parent.children)
     return;
-  const newSection = createPartWithDefinition(def);
+  const newSection = createSection(pageBuilder);
   if (!newSection)
     return;
   const child = createBlock(pageBuilder);
@@ -12432,29 +12460,13 @@ const addSectionBefore = (pageBuilder, modal, args) => {
   insertParts(pageBuilder, section.parent.partId, index, [newSection], true);
 };
 const addSectionAfter = (pageBuilder, modal, args) => {
-  const def = args && args.partDefinition;
-  if (!def) {
-    const partDefinitionGroups = designPartDefinitions;
-    openPartAddModal(modal, {
-      ...args || {},
-      pageBuilder,
-      partDefinitionGroups
-    }, (part, attrs) => {
-      addSectionAfter(pageBuilder, modal, {
-        ...args || {},
-        partDefinition: part,
-        ...attrs || {}
-      });
-    });
-    return;
-  }
   const selected = pageBuilder.context.getSelectedParts()[0];
   if (!selected)
     return;
   const section = pageBuilder.partManager.findNearestSection(selected);
   if (!section || !section.parent || !section.parent.children)
     return;
-  const newSection = createPartWithDefinition(def);
+  const newSection = createSection(pageBuilder);
   if (!newSection)
     return;
   const child = createBlock(pageBuilder);
@@ -12577,7 +12589,7 @@ const _AddSectionAboveCommand = class _AddSectionAboveCommand {
     this.modal = modal;
   }
   execute(pageBuilder, args) {
-    addSectionBefore(pageBuilder, this.modal, args);
+    addSectionBefore(pageBuilder, this.modal);
   }
 };
 __publicField(_AddSectionAboveCommand, "COMMAND_ID", "AddSectionAbove");
@@ -12590,7 +12602,7 @@ const _AddSectionBelowCommand = class _AddSectionBelowCommand {
     this.modal = modal;
   }
   execute(pageBuilder, args) {
-    addSectionAfter(pageBuilder, this.modal, args);
+    addSectionAfter(pageBuilder, this.modal);
   }
 };
 __publicField(_AddSectionBelowCommand, "COMMAND_ID", "AddSectionBelow");
@@ -12802,6 +12814,8 @@ const createDefaultCommands = (modal) => {
     new OpenAddPartModalCommand(modal),
     new OpenAddWidgetModalCommand(modal),
     new AddPartCommand(modal),
+    new AddSectionCommand(modal),
+    new AddBlockCommand(modal),
     new AddSectionAboveCommand(modal),
     new AddSectionBelowCommand(modal),
     new AddBlockLeftCommand(),
@@ -13094,14 +13108,20 @@ const createDefaultToolButtonGroups = () => {
       groupId: "add",
       buttons: [
         {
-          buttonId: "core:openAddPartLayer",
-          caption: "Add Design Part...",
+          buttonId: "core:addSection",
+          caption: "Add Section",
           icon: "add_row_below",
-          handler: (modeler) => modeler.commandRegistry.executeCommand(OpenAddPartModalCommand.COMMAND_ID)
+          handler: (modeler) => modeler.commandRegistry.executeCommand(AddSectionCommand.COMMAND_ID)
         },
         {
-          buttonId: "core:openAddWidgetLayer",
-          caption: "Add Widget...",
+          buttonId: "core:addBlock",
+          caption: "Add Block",
+          icon: "add_column_right",
+          handler: (modeler) => modeler.commandRegistry.executeCommand(AddBlockCommand.COMMAND_ID)
+        },
+        {
+          buttonId: "core:addWidget",
+          caption: "Add Widget",
           icon: "desktop_landscape_add",
           handler: (modeler) => modeler.commandRegistry.executeCommand(OpenAddWidgetModalCommand.COMMAND_ID)
         }
@@ -13307,6 +13327,8 @@ class PageBuilderEditorImpl {
     __publicField(this, "scale", ref(1));
     __publicField(this, "locale", ref("en"));
     __publicField(this, "locales", ref(["en"]));
+    __publicField(this, "customWidgets", []);
+    __publicField(this, "providers", {});
     this.model = new Model2();
     this.context = new PageBuilderContextImpl(this);
     this.editMode = "free";
@@ -13331,6 +13353,21 @@ class PageBuilderEditorImpl {
       return def.component;
     }
   }
+  getProvider(name) {
+    return this.providers[name];
+  }
+  watchCustomWidgetData(part) {
+    const def = this.partManager.getPartDefinition(part.partName);
+    if (!def || !def.dataWatcher)
+      return false;
+    return def.dataWatcher(part.properties);
+  }
+  provideCustomWidgetData(part) {
+    const def = this.partManager.getPartDefinition(part.partName);
+    if (!def || !def.dataProvider)
+      return Promise.resolve();
+    return def.dataProvider(part.properties);
+  }
   registerPlugin(plugin) {
     if (plugin.partDefinitions)
       this.partManager.registerPartDefinitions(plugin.partDefinitions);
@@ -13352,13 +13389,23 @@ class PageBuilderEditorImpl {
       const partDefinitions2 = {};
       plugin.widgets.forEach((v) => {
         const w = { ...v };
-        w.partName = "Widget";
+        w.partType = "Widget";
         w.creator = () => _sfc_main$q;
         w.propertyGroups = [...w.propertyGroups, ...defaultWidgetPropertyGroups()];
         partDefinitions2[v.partName] = w;
+        const found = this.customWidgets.find((x) => x.partName === v.partName);
+        if (!found) {
+          this.customWidgets.push(w);
+        }
       });
       this.partManager.registerPartDefinitions(partDefinitions2);
     }
+    if (plugin.providers) {
+      this.providers = {
+        ...this.providers,
+        ...plugin.providers
+      };
+    }
     if (plugin.propertyEditors) {
       this.partManager.registerPartPropertyEditors(plugin.propertyEditors);
     }
@@ -13434,6 +13481,9 @@ class PageBuilderEditorImpl {
       ]
     });
   }
+  getCustomWidgets() {
+    return this.customWidgets;
+  }
   getEmptyPageContent() {
     const block = new Block();
     const section = new Section();
@@ -13479,7 +13529,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const insertSection = (index) => {
       if (!props.page)
         return;
-      editor.commandRegistry.executeCommand(OpenAddPartModalCommand.COMMAND_ID);
+      editor.commandRegistry.executeCommand(AddSectionCommand.COMMAND_ID);
     };
     return (_ctx, _cache) => {
       var _a;
@@ -14411,5 +14461,6 @@ export {
   providePageBuilderViewer as t,
   usePageBuilderEditor as u,
   usePageBuilder as v,
-  usePageBuilderViewer as w
+  widgetPartDefinitions as w,
+  usePageBuilderViewer as x
 };

package/dist/model/command.d.ts

@@ -53,6 +53,22 @@ export declare class AddPartCommand implements Command {
     constructor(modal: BSModal);
     execute(pageBuilder: PageBuilderEditor, args?: any): void;
 }
+export declare class AddSectionCommand implements Command {
+    private modal;
+    static readonly COMMAND_ID = "AddSection";
+    readonly commandId = "AddSection";
+    readonly caption = "Add Section";
+    constructor(modal: BSModal);
+    execute(pageBuilder: PageBuilderEditor, args?: any): void;
+}
+export declare class AddBlockCommand implements Command {
+    private modal;
+    static readonly COMMAND_ID = "AddBlock";
+    readonly commandId = "AddBlock";
+    readonly caption = "Add Block";
+    constructor(modal: BSModal);
+    execute(pageBuilder: PageBuilderEditor, args?: any): void;
+}
 export declare class AddSectionAboveCommand implements Command {
     private modal;
     static readonly COMMAND_ID = "AddSectionAbove";
@@ -181,7 +197,7 @@ export declare class SelectAllPartsCommand implements Command {
     readonly commandId = "SelectAllParts";
     execute(pageBuilder: PageBuilderEditor): void;
 }
-export declare const createDefaultCommands: (modal: BSModal) => (OpenAddPartModalCommand | OpenAddWidgetModalCommand | AddPartCommand | AddSectionAboveCommand | AddSectionBelowCommand | AddBlockLeftCommand | AddBlockRightCommand | AddBlockAboveCommand | AddBlockBelowCommand | AddWidgetLeftCommand | AddWidgetRightCommand | AddWidgetAboveCommand | AddWidgetBelowCommand | AddWidgetInsideCommand | ChangePropertyCommand | DeletePartCommand | CopyPartCommand | CutPartCommand | PastePartCommand | SelectAllPartsCommand)[];
+export declare const createDefaultCommands: (modal: BSModal) => (OpenAddPartModalCommand | OpenAddWidgetModalCommand | AddPartCommand | AddSectionCommand | AddBlockCommand | AddSectionAboveCommand | AddSectionBelowCommand | AddBlockLeftCommand | AddBlockRightCommand | AddBlockAboveCommand | AddBlockBelowCommand | AddWidgetLeftCommand | AddWidgetRightCommand | AddWidgetAboveCommand | AddWidgetBelowCommand | AddWidgetInsideCommand | ChangePropertyCommand | DeletePartCommand | CopyPartCommand | CutPartCommand | PastePartCommand | SelectAllPartsCommand)[];
 export declare const menuItemForCommand: (pageBuilder: PageBuilderEditor, commandId: string, caption?: string) => MenuItem;
 export declare const createDefaultContextMenus: () => ContextMenu[];
 export declare const createDefaultKeyHandlers: () => KeyHandler[];

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

@@ -1,3 +1,4 @@
+import { PartDefinition } from './part-definintion.ts';
 import { ContextMenuRegistry, ContextMenuRegistryImpl, KeyHandlers, PageBuilderContext, PageBuilderContextImpl } from './context.ts';
 import { ToolButtonRegistry } from './toolbar.ts';
 import { PageBuilderPlugin } from './plugin.ts';
@@ -36,6 +37,8 @@ export interface PageBuilderEditor extends PageBuilder {
     setLocales(locales?: string[]): void;
     makeSingleScreen(screenToKeep: number): void;
     makeMultipleScreen(): void;
+    getCustomWidgets(): PartDefinition[];
+    getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
 }
 export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     instanceId?: string;
@@ -51,12 +54,17 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     scale: Ref<number>;
     locale: Ref<string>;
     locales: Ref<string[]>;
+    customWidgets: PartDefinition[];
+    providers: Record<string, unknown>;
     constructor();
     getLocale(): string;
     setLocale(locale?: string): void;
     getLocales(): string[];
     setLocales(locales?: string[]): void;
     getCustomWidgetComponent(part: IPart): Component | undefined;
+    getProvider(name: string): (args?: any, callback?: (result?: any) => void) => unknown;
+    watchCustomWidgetData(part: IPart): unknown;
+    provideCustomWidgetData(part: IPart): Promise<unknown>;
     registerPlugin(plugin: PageBuilderPlugin): void;
     registerCustomPlugin(plugin: any): void;
     initData(content?: any[]): void;
@@ -65,6 +73,7 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     zoom(scale: number): void;
     makeSingleScreen(screenToKeep: number): void;
     makeMultipleScreen(): void;
+    getCustomWidgets(): PartDefinition[];
     private getEmptyPageContent;
     private initPlugins;
 }

package/dist/model/part-definintion.d.ts

@@ -14,6 +14,8 @@ export type PartDefinition = {
     allowsChild: (partOrName?: IPart | string | undefined) => boolean;
     creator: PartCreator;
     component?: Component;
+    dataWatcher?: (properties?: Record<string, unknown>) => unknown;
+    dataProvider?: (properties?: Record<string, unknown>) => Promise<unknown>;
 };
 export type PartDefinitionGroup = {
     groupName: string;

package/dist/model/part-manager.d.ts

@@ -15,7 +15,6 @@ export declare class PartManager {
     registerPartDefinitions(partDefinitions: Record<string, PartDefinition>): void;
     getPartDefinition(partName: string): PartDefinition | undefined;
     getPropertyDefinition(partName: string, propertyName: string): PartProperty | undefined;
-    getLocalDesignPartPropertyDefinitions(partName: string): PartProperty[] | undefined;
     createPartComponent(part?: IPart): Component | undefined;
     createPartComponents(parts?: IPart[]): PartComponent[];
     registerPartPropertyGroupEditors(editors: Record<string, PartPropertyGroupEditor>): void;

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, R, m, S, n, W, o, p, q, r, s, t, v, w } from "./index-BIoyBfxM.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, R, m, S, n, W, o, p, q, r, s, t, v, x } from "./index-BcD7YsdY.js";
 export {
   B as BLOCK_TYPE,
   b as Block,
@@ -27,5 +27,5 @@ export {
   s as providePageBuilder,
   t as providePageBuilderViewer,
   v as usePageBuilder,
-  w as usePageBuilderViewer
+  x as usePageBuilderViewer
 };