@g1cloud/page-builder-editor 1.0.0-alpha.98 → 1.0.0-alpha.99

package/dist/{PbPropertyEditorColor-CpCyIjwS.js → PbPropertyEditorColor-BqVNRgdH.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-bTsjAv2l.js";
+import { P as PbColorPicker } from "./index-DWYmZB2S.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/{PbPropertyEditorCssLength-DxcSclK9.js → PbPropertyEditorCssLength-CqQObPGf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { t as toCssLength } from "./index-bTsjAv2l.js";
+import { t as toCssLength } from "./index-DWYmZB2S.js";
 const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorHtml-Chtjtv6-.js → PbPropertyEditorHtml-Cicp7p_s.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-bTsjAv2l.js";
+import { u as usePageBuilderEditor } from "./index-DWYmZB2S.js";
 const _hoisted_1 = { class: "property-editor property-editor-html flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorImage-DvjpV1hv.js → PbPropertyEditorImage-BMr4-UFz.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-bTsjAv2l.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-DWYmZB2S.js";
 import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image" };
 const _hoisted_2 = { class: "title" };
@@ -21,9 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const part = pageBuilder.context.getSelectedParts();
     const modal = useModal();
     const selectMedia = () => {
+      var _a;
       const imageProvider = pageBuilder.getProvider("imageProvider");
       if (imageProvider) {
-        imageProvider({ modal, mediaTypes: ["Image"] }, (media2) => {
+        imageProvider({ modal, mediaTypes: ["Image"], selectedMediaUrls: ((_a = media.value) == null ? void 0 : _a.fileUrl) ? [media.value.fileUrl] : [] }, (media2) => {
           updateProperty({ [props.property.propertyName]: media2 });
         });
       }

package/dist/{PbPropertyEditorMultilineText-B0JUZw_Q.js → PbPropertyEditorMultilineText-DKF6Ogyq.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-bTsjAv2l.js";
+import { u as usePageBuilderEditor } from "./index-DWYmZB2S.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-BpLqKfaJ.js → PbPropertyEditorText-CXzFycVD.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-bTsjAv2l.js";
+import { u as usePageBuilderEditor } from "./index-DWYmZB2S.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-D9rwvL_i.js → PbPropertyEditorYoutube-CgCsG9wD.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-bTsjAv2l.js";
+import { s as selectYoutubeVideo } from "./index-DWYmZB2S.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-BnF61r3d.js → PbWidgetAddModal-CKLzgZaN.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-bTsjAv2l.js";
+import { w as widgetPartDefinitions } from "./index-DWYmZB2S.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-bTsjAv2l.js → index-DWYmZB2S.js}

@@ -6798,7 +6798,9 @@ class Part {
     if (!inlineStyle) return styleObject;
     inlineStyle.split(";").forEach((rule) => {
       if (rule.trim()) {
-        const [property, value] = rule.split(":").map((part) => part.trim());
+        const index = rule.indexOf(":");
+        const property = rule.slice(0, index).trim();
+        const value = rule.slice(index + 1).trim();
         if (property && value) {
           const camelCasedProperty = property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
           styleObject[camelCasedProperty] = value;
@@ -8592,16 +8594,16 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BpLqKfaJ.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-CXzFycVD.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-B0JUZw_Q.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DKF6Ogyq.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-DxcSclK9.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-CpCyIjwS.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-DvjpV1hv.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-Chtjtv6-.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-D9rwvL_i.js"))
+    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-CqQObPGf.js")),
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BqVNRgdH.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-BMr4-UFz.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-Cicp7p_s.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-CgCsG9wD.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -11998,7 +12000,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const selectImage = () => {
       const imageProvider = pageBuilder.getProvider("imageProvider");
       if (imageProvider) {
-        imageProvider({ modal, mediaTypes: ["Image"] }, (media) => {
+        imageProvider({ modal, mediaTypes: ["Image"], selectedMediaUrls: image.value ? [image.value] : [] }, (media) => {
           if (media.mediaType === "Image" && media.fileUrl) {
             updatePropertyValue({ backgroundImage: media.fileUrl });
           }
@@ -12849,9 +12851,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const part = pageBuilder.context.getSelectedParts();
     const modal = useModal();
     const selectMedia = () => {
+      var _a;
       const imageProvider = pageBuilder.getProvider("imageProvider");
       if (imageProvider) {
-        imageProvider({ modal }, (media2) => {
+        imageProvider({ modal, selectedMediaUrls: ((_a = media.value) == null ? void 0 : _a.fileUrl) ? [media.value.fileUrl] : [] }, (media2) => {
           if (media2.mediaType === "Image") {
             updateProperty({ media: media2, thumbnail: "" });
           } else if (media2.mediaType === "Video") {
@@ -13384,7 +13387,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-BnF61r3d.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-CKLzgZaN.js")),
     style: {
       width: "80%",
       height: "80%",

package/dist/model/plugin.d.ts

@@ -35,4 +35,5 @@ export type PageBuilderContextMenu = {
 export type ImageProviderArg = {
     modal: BSModal;
     mediaTypes: string[];
+    selectedMediaUrls?: 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, R, o, S, p, W, q, r, v, x, y, z, A, D, E } from "./index-bTsjAv2l.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, v, x, y, z, A, D, E } from "./index-DWYmZB2S.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -6799,7 +6799,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (!inlineStyle) return styleObject;
       inlineStyle.split(";").forEach((rule) => {
         if (rule.trim()) {
-          const [property, value] = rule.split(":").map((part) => part.trim());
+          const index = rule.indexOf(":");
+          const property = rule.slice(0, index).trim();
+          const value = rule.slice(index + 1).trim();
           if (property && value) {
             const camelCasedProperty = property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
             styleObject[camelCasedProperty] = value;
@@ -11999,7 +12001,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const selectImage = () => {
         const imageProvider = pageBuilder.getProvider("imageProvider");
         if (imageProvider) {
-          imageProvider({ modal, mediaTypes: ["Image"] }, (media) => {
+          imageProvider({ modal, mediaTypes: ["Image"], selectedMediaUrls: image.value ? [image.value] : [] }, (media) => {
             if (media.mediaType === "Image" && media.fileUrl) {
               updatePropertyValue({ backgroundImage: media.fileUrl });
             }
@@ -12850,9 +12852,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const part = pageBuilder.context.getSelectedParts();
       const modal = bluesea.useModal();
       const selectMedia = () => {
+        var _a;
         const imageProvider = pageBuilder.getProvider("imageProvider");
         if (imageProvider) {
-          imageProvider({ modal }, (media2) => {
+          imageProvider({ modal, selectedMediaUrls: ((_a = media.value) == null ? void 0 : _a.fileUrl) ? [media.value.fileUrl] : [] }, (media2) => {
             if (media2.mediaType === "Image") {
               updateProperty({ media: media2, thumbnail: "" });
             } else if (media2.mediaType === "Video") {
@@ -17924,9 +17927,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const part = pageBuilder.context.getSelectedParts();
       const modal = bluesea.useModal();
       const selectMedia = () => {
+        var _a;
         const imageProvider = pageBuilder.getProvider("imageProvider");
         if (imageProvider) {
-          imageProvider({ modal, mediaTypes: ["Image"] }, (media2) => {
+          imageProvider({ modal, mediaTypes: ["Image"], selectedMediaUrls: ((_a = media.value) == null ? void 0 : _a.fileUrl) ? [media.value.fileUrl] : [] }, (media2) => {
             updateProperty({ [props.property.propertyName]: media2 });
           });
         }

package/package.json

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