@g1cloud/page-builder-editor 1.0.0-alpha.66 → 1.0.0-alpha.68

package/dist/{PbPropertyEditorColor-BGjTjsY1.js → PbPropertyEditorColor-b2ezTtTY.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-BAf5rCS3.js";
+import { P as PbColorPicker } from "./index-D5OP13fw.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-CJotgTAb.js → PbPropertyEditorHtml-FFF21uix.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-BAf5rCS3.js";
+import { u as usePageBuilderEditor } from "./index-D5OP13fw.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-B3sFWrl1.js → PbPropertyEditorImage-tbf71-AJ.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-BAf5rCS3.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-D5OP13fw.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-B552hQQS.js → PbPropertyEditorMultilineText-CWOdctgA.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-BAf5rCS3.js";
+import { u as usePageBuilderEditor } from "./index-D5OP13fw.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-B52iIOFU.js → PbPropertyEditorText-Cz8eaZWR.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-BAf5rCS3.js";
+import { u as usePageBuilderEditor } from "./index-D5OP13fw.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-DLqVxB0x.js → PbPropertyEditorYoutube-DLxNoa73.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-BAf5rCS3.js";
+import { s as selectYoutubeVideo } from "./index-D5OP13fw.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-Co87rHVo.js → PbWidgetAddModal-Dg4RUWlK.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-BAf5rCS3.js";
+import { w as widgetPartDefinitions } from "./index-D5OP13fw.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-BAf5rCS3.js → index-D5OP13fw.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { ref, defineComponent, computed, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, onMounted, onBeforeUnmount, createBlock as createBlock$1, resolveDynamicComponent, unref, provide, inject, watch, renderList, normalizeProps, mergeProps, normalizeClass, withDirectives, vShow, reactive, defineAsyncComponent, createVNode, resolveComponent, vModelText, resolveDirective, withModifiers, renderSlot, guardReactiveProps, createTextVNode, markRaw, toHandlers, onUnmounted, Teleport } from "vue";
+import { ref, defineComponent, computed, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, onMounted, onBeforeUnmount, createBlock as createBlock$1, resolveDynamicComponent, unref, provide, inject, watch, renderList, normalizeProps, mergeProps, normalizeClass, withDirectives, vShow, reactive, defineAsyncComponent, createVNode, resolveComponent, vModelText, resolveDirective, withModifiers, renderSlot, guardReactiveProps, createTextVNode, markRaw, toHandlers, Teleport } from "vue";
 import { notNull, vT, BSTextInput, vClickOutside, useModal, BSButton, BSMultiLangTextInput, showNotification, BSSelect, BSTree, useContextMenu, i18n } from "@g1cloud/bluesea";
 import YouTube from "vue3-youtube";
 const create$5 = () => /* @__PURE__ */ new Map();
@@ -8210,15 +8210,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-B52iIOFU.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-Cz8eaZWR.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-B552hQQS.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-CWOdctgA.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BGjTjsY1.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-B3sFWrl1.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CJotgTAb.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DLqVxB0x.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-b2ezTtTY.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-tbf71-AJ.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-FFF21uix.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DLxNoa73.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12757,7 +12757,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-Co87rHVo.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-Dg4RUWlK.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -14498,17 +14498,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PbNavigator",
   setup(__props) {
     const pageBuilder = usePageBuilderEditor();
-    const tree = ref(null);
-    onMounted(() => {
-      if (tree.value) {
-        pageBuilder.keyHandlers.addDocumentKeyEventListener(tree.value);
-      }
-    });
-    onUnmounted(() => {
-      if (tree.value) {
-        pageBuilder.keyHandlers.removeDocumentKeyEventListener(tree.value);
-      }
-    });
+    const tree = ref();
+    watch(() => tree.value, () => tree.value && pageBuilder.keyHandlers.addDocumentKeyEventListener(tree.value));
     const page = computed(() => pageBuilder.model.rootPart.children || []);
     let savedPartSelection = null;
     const treeDragAndDropPolicy = {
@@ -14658,7 +14649,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "multi-select": "",
             "show-move-button": "",
             onRowMoved: rowMoved
-          }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"])
+          }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"]),
+          _cache[2] || (_cache[2] = createElementVNode("div", null, null, -1))
         ], 512)
       ]);
     };

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-BAf5rCS3.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-D5OP13fw.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -14499,17 +14499,8 @@ ${_html.style}
     __name: "PbNavigator",
     setup(__props) {
       const pageBuilder = usePageBuilderEditor();
-      const tree = vue.ref(null);
-      vue.onMounted(() => {
-        if (tree.value) {
-          pageBuilder.keyHandlers.addDocumentKeyEventListener(tree.value);
-        }
-      });
-      vue.onUnmounted(() => {
-        if (tree.value) {
-          pageBuilder.keyHandlers.removeDocumentKeyEventListener(tree.value);
-        }
-      });
+      const tree = vue.ref();
+      vue.watch(() => tree.value, () => tree.value && pageBuilder.keyHandlers.addDocumentKeyEventListener(tree.value));
       const page = vue.computed(() => pageBuilder.model.rootPart.children || []);
       let savedPartSelection = null;
       const treeDragAndDropPolicy = {
@@ -14659,7 +14650,8 @@ ${_html.style}
               "multi-select": "",
               "show-move-button": "",
               onRowMoved: rowMoved
-            }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"])
+            }, null, 8, ["expandedRows", "selectedRows", "data", "key-provider"]),
+            _cache[2] || (_cache[2] = vue.createElementVNode("div", null, null, -1))
           ], 512)
         ]);
       };

package/package.json

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