@g1cloud/page-builder-editor 1.0.0-alpha.54 → 1.0.0-alpha.56

package/dist/{PbPropertyEditorColor-kyvEt6xI.js → PbPropertyEditorColor-xMCiBQOw.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-BrJ6BLmW.js";
+import { P as PbColorPicker } from "./index-DTcGndye.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-BuKh8j3Z.js → PbPropertyEditorHtml-5CiqtEcc.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-BrJ6BLmW.js";
+import { u as usePageBuilderEditor } from "./index-DTcGndye.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-CMomDUUw.js → PbPropertyEditorImage-4Zry3AbP.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-BrJ6BLmW.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-DTcGndye.js";
 import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image" };
 const _hoisted_2 = { class: "title" };
@@ -44,8 +44,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return (_a = media.value) == null ? void 0 : _a.altText;
     });
     const copyUrl = () => {
-      if (!media.value || !media.value.url) return;
-      navigator.clipboard.writeText(media.value.url);
+      if (!media.value || !media.value.fileUrl) return;
+      navigator.clipboard.writeText(media.value.fileUrl);
       showNotification({ key: "pb.prop.copied" });
     };
     return (_ctx, _cache) => {
@@ -64,10 +64,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [unref(vT), { key: "pb.prop.selectMedia" }]
           ])
         ]),
-        ((_a = media.value) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        ((_a = media.value) == null ? void 0 : _a.fileUrl) ? (openBlock(), createElementBlock("div", _hoisted_3, [
           _cache[0] || (_cache[0] = createElementVNode("label", null, "URL", -1)),
           createElementVNode("div", _hoisted_4, [
-            createTextVNode(toDisplayString((_b = media.value) == null ? void 0 : _b.url) + " ", 1),
+            createTextVNode(toDisplayString((_b = media.value) == null ? void 0 : _b.fileUrl) + " ", 1),
             withDirectives(createVNode(unref(BSButton), {
               class: "border-0 mb-2 pl-0",
               "left-icon": "content_copy",

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

package/dist/{PbPropertyEditorText-BPFRUHyB.js → PbPropertyEditorText-C0mBiScQ.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-BrJ6BLmW.js";
+import { u as usePageBuilderEditor } from "./index-DTcGndye.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-D88m-cfy.js → PbPropertyEditorYoutube-BtgQZsqi.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-BrJ6BLmW.js";
+import { s as selectYoutubeVideo } from "./index-DTcGndye.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-3npSogG0.js → PbWidgetAddModal-BmdGylBE.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-BrJ6BLmW.js";
+import { w as widgetPartDefinitions } from "./index-DTcGndye.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/components/ui/PbColorPicker.vue.d.ts

@@ -28,10 +28,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disableFields?: boolean | undefined;
     }, import('@ckpack/vue-color').Context>;
 }, {
-    ClickOutside: {
-        mounted: (el: HTMLElement, binding: import('vue').DirectiveBinding<any, string, string>) => void;
-        updated: (el: HTMLElement, binding: import('vue').DirectiveBinding<any, string, string>) => void;
-        unmounted: (el: HTMLElement) => void;
-    };
+    ClickOutside: import('vue').ObjectDirective<any, any, string, string>;
 }, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/{index-BrJ6BLmW.js → index-DTcGndye.js}

@@ -7076,14 +7076,14 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("img", {
               alt: altText.value,
-              src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).url,
+              src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).fileUrl,
               style: normalizeStyle(style.value),
               class: "image"
             }, null, 12, _hoisted_2$4$1)
           ], 8, _hoisted_1$7$1)) : (openBlock(), createElementBlock("img", {
             key: 1,
             alt: altText.value,
-            src: ((_e = _ctx.part.properties) == null ? void 0 : _e.media).url,
+            src: ((_e = _ctx.part.properties) == null ? void 0 : _e.media).fileUrl,
             style: normalizeStyle(style.value),
             class: "image"
           }, null, 12, _hoisted_3$d))
@@ -7095,7 +7095,7 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
           controls: ""
         }, [
           createElementVNode("source", {
-            src: `${media.value.url}#t=0.01`
+            src: `${media.value.fileUrl}#t=0.01`
           }, null, 8, _hoisted_5$8)
         ], 8, _hoisted_4$b)) : createCommentVNode("", true)
       ], 64)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
@@ -8202,15 +8202,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BPFRUHyB.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C0mBiScQ.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-Cpz6njhD.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-99r8XpLR.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-kyvEt6xI.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-CMomDUUw.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BuKh8j3Z.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-D88m-cfy.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-xMCiBQOw.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-4Zry3AbP.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-5CiqtEcc.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-BtgQZsqi.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -11477,8 +11477,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const imageProvider = pageBuilder.getProvider("imageProvider");
       if (imageProvider) {
         imageProvider({ modal, mediaTypes: ["Image"] }, (media) => {
-          if (media.mediaType === "Image") {
-            updatePropertyValue({ backgroundImage: media.url });
+          if (media.mediaType === "Image" && media.fileUrl) {
+            updatePropertyValue({ backgroundImage: media.fileUrl });
           }
         });
       }
@@ -12308,8 +12308,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return (_b = (_a = part == null ? void 0 : part[0]) == null ? void 0 : _a.properties) == null ? void 0 : _b.thumbnail;
     });
     const copyUrl = () => {
-      if (!media.value || !media.value.url) return;
-      navigator.clipboard.writeText(media.value.url);
+      if (!media.value || !media.value.fileUrl) return;
+      navigator.clipboard.writeText(media.value.fileUrl);
       showNotification({ key: "pb.prop.copied" });
     };
     return (_ctx, _cache) => {
@@ -12328,10 +12328,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             [unref(vT), { key: "pb.prop.selectMedia" }]
           ])
         ]),
-        ((_a = media.value) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+        ((_a = media.value) == null ? void 0 : _a.fileUrl) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
           _cache[4] || (_cache[4] = createElementVNode("label", null, "URL", -1)),
           createElementVNode("div", _hoisted_4, [
-            createTextVNode(toDisplayString((_b = media.value) == null ? void 0 : _b.url) + " ", 1),
+            createTextVNode(toDisplayString((_b = media.value) == null ? void 0 : _b.fileUrl) + " ", 1),
             withDirectives(createVNode(unref(BSButton), {
               class: "border-0 mb-2 pl-0",
               "left-icon": "content_copy",
@@ -12769,7 +12769,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-3npSogG0.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-BmdGylBE.js")),
     style: {
       width: "80%",
       height: "80%",

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

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

@@ -7077,14 +7077,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               vue.createElementVNode("img", {
                 alt: altText.value,
-                src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).url,
+                src: ((_d = _ctx.part.properties) == null ? void 0 : _d.media).fileUrl,
                 style: vue.normalizeStyle(style.value),
                 class: "image"
               }, null, 12, _hoisted_2$4$1)
             ], 8, _hoisted_1$7$1)) : (vue.openBlock(), vue.createElementBlock("img", {
               key: 1,
               alt: altText.value,
-              src: ((_e = _ctx.part.properties) == null ? void 0 : _e.media).url,
+              src: ((_e = _ctx.part.properties) == null ? void 0 : _e.media).fileUrl,
               style: vue.normalizeStyle(style.value),
               class: "image"
             }, null, 12, _hoisted_3$k))
@@ -7096,7 +7096,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             controls: ""
           }, [
             vue.createElementVNode("source", {
-              src: `${media.value.url}#t=0.01`
+              src: `${media.value.fileUrl}#t=0.01`
             }, null, 8, _hoisted_5$b)
           ], 8, _hoisted_4$f)) : vue.createCommentVNode("", true)
         ], 64)) : _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
@@ -11478,8 +11478,8 @@ ${_html.style}
         const imageProvider = pageBuilder.getProvider("imageProvider");
         if (imageProvider) {
           imageProvider({ modal, mediaTypes: ["Image"] }, (media) => {
-            if (media.mediaType === "Image") {
-              updatePropertyValue({ backgroundImage: media.url });
+            if (media.mediaType === "Image" && media.fileUrl) {
+              updatePropertyValue({ backgroundImage: media.fileUrl });
             }
           });
         }
@@ -12309,8 +12309,8 @@ ${_html.style}
         return (_b = (_a = part == null ? void 0 : part[0]) == null ? void 0 : _a.properties) == null ? void 0 : _b.thumbnail;
       });
       const copyUrl = () => {
-        if (!media.value || !media.value.url) return;
-        navigator.clipboard.writeText(media.value.url);
+        if (!media.value || !media.value.fileUrl) return;
+        navigator.clipboard.writeText(media.value.fileUrl);
         bluesea.showNotification({ key: "pb.prop.copied" });
       };
       return (_ctx, _cache) => {
@@ -12329,10 +12329,10 @@ ${_html.style}
               [vue.unref(bluesea.vT), { key: "pb.prop.selectMedia" }]
             ])
           ]),
-          ((_a = media.value) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+          ((_a = media.value) == null ? void 0 : _a.fileUrl) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
             _cache[4] || (_cache[4] = vue.createElementVNode("label", null, "URL", -1)),
             vue.createElementVNode("div", _hoisted_4$4, [
-              vue.createTextVNode(vue.toDisplayString((_b = media.value) == null ? void 0 : _b.url) + " ", 1),
+              vue.createTextVNode(vue.toDisplayString((_b = media.value) == null ? void 0 : _b.fileUrl) + " ", 1),
               vue.withDirectives(vue.createVNode(vue.unref(bluesea.BSButton), {
                 class: "border-0 mb-2 pl-0",
                 "left-icon": "content_copy",
@@ -16814,8 +16814,8 @@ ${_html.style}
         return (_a = media.value) == null ? void 0 : _a.altText;
       });
       const copyUrl = () => {
-        if (!media.value || !media.value.url) return;
-        navigator.clipboard.writeText(media.value.url);
+        if (!media.value || !media.value.fileUrl) return;
+        navigator.clipboard.writeText(media.value.fileUrl);
         bluesea.showNotification({ key: "pb.prop.copied" });
       };
       return (_ctx, _cache) => {
@@ -16834,10 +16834,10 @@ ${_html.style}
               [vue.unref(bluesea.vT), { key: "pb.prop.selectMedia" }]
             ])
           ]),
-          ((_a = media.value) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
+          ((_a = media.value) == null ? void 0 : _a.fileUrl) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
             _cache[0] || (_cache[0] = vue.createElementVNode("label", null, "URL", -1)),
             vue.createElementVNode("div", _hoisted_4$3, [
-              vue.createTextVNode(vue.toDisplayString((_b = media.value) == null ? void 0 : _b.url) + " ", 1),
+              vue.createTextVNode(vue.toDisplayString((_b = media.value) == null ? void 0 : _b.fileUrl) + " ", 1),
               vue.withDirectives(vue.createVNode(vue.unref(bluesea.BSButton), {
                 class: "border-0 mb-2 pl-0",
                 "left-icon": "content_copy",

package/package.json

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