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

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

@@ -1,8 +1,8 @@
 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, markRaw, toHandlers, Teleport } from "vue";
-import { notNull, vT, BSTextInput, vClickOutside, useModal, BSMultiLangTextInput, BSSelect, BSTree, useContextMenu, i18n } from "@g1cloud/bluesea";
+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();
 const copy = (m) => {
@@ -6879,8 +6879,8 @@ let Model$1 = class Model {
     this.rootPart = ref(new RootPart());
   }
 };
-const _hoisted_1$b$1 = ["data-part-id"];
-const _sfc_main$c$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a$1 = ["data-part-id"];
+const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
   __name: "PbWidget",
   props: {
     part: {}
@@ -6918,15 +6918,15 @@ const _sfc_main$c$1 = /* @__PURE__ */ defineComponent({
             part: _ctx.part,
             "onUpdate:visible": updateVisible
           }, null, 40, ["part"])) : createCommentVNode("", true)
-        ], 14, _hoisted_1$b$1), [
+        ], 14, _hoisted_1$a$1), [
           [vShow, visible.value]
         ])
       ], 64);
     };
   }
 });
-const _hoisted_1$a$1 = ["data-part-id"];
-const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9$1 = ["data-part-id"];
+const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
   __name: "PbBlock",
   props: {
     part: {},
@@ -6961,21 +6961,21 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(style.value)
         }, [
           _ctx.part.children && _ctx.part.children.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.part.children, (child) => {
-            return openBlock(), createBlock$1(_sfc_main$c$1, {
+            return openBlock(), createBlock$1(_sfc_main$b$1, {
               key: child.partId,
               part: child,
               "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
             }, null, 8, ["part"]);
           }), 128)) : createCommentVNode("", true)
-        ], 14, _hoisted_1$a$1), [
+        ], 14, _hoisted_1$9$1), [
           [vShow, visible.value]
         ])
       ], 64);
     };
   }
 });
-const _hoisted_1$9$1 = ["data-part-id"];
-const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8$1 = ["data-part-id"];
+const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
   __name: "PbSection",
   props: {
     part: {},
@@ -7007,82 +7007,20 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(style.value)
         }, [
           _ctx.part.children && _ctx.part.children.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.part.children, (child) => {
-            return openBlock(), createBlock$1(_sfc_main$b$1, {
+            return openBlock(), createBlock$1(_sfc_main$a$1, {
               key: child.partId,
               "is-mobile-page": _ctx.isMobilePage,
               part: child,
               "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
             }, null, 8, ["is-mobile-page", "part"]);
           }), 128)) : createCommentVNode("", true)
-        ], 14, _hoisted_1$9$1), [
+        ], 14, _hoisted_1$8$1), [
           [vShow, visible.value]
         ])
       ], 64);
     };
   }
 });
-const _hoisted_1$8$1 = ["href", "target"];
-const _hoisted_2$5$1 = ["alt", "src"];
-const _hoisted_3$1$1 = ["alt", "src"];
-const _hoisted_4$1$1 = {
-  key: 1,
-  class: "placeholder"
-};
-const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
-  __name: "PbImageWidget",
-  props: {
-    part: {},
-    placeholder: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const pageBuilder = usePageBuilder();
-    const altText = computed(() => {
-      var _a;
-      const media = (_a = props.part.properties) == null ? void 0 : _a.media;
-      if (media && media.altText) {
-        const locale = pageBuilder.getLocale();
-        return media.altText[locale] || "";
-      }
-      return "";
-    });
-    const style = computed(() => {
-      var _a;
-      const media = (_a = props.part.properties) == null ? void 0 : _a.media;
-      if (media.width && media.height) {
-        return {
-          aspectRatio: media.width / media.height
-        };
-      }
-      return {};
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f;
-      return ((_a = _ctx.part.properties) == null ? void 0 : _a.media) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        ((_b = _ctx.part.properties) == null ? void 0 : _b.link) ? (openBlock(), createElementBlock("a", {
-          key: 0,
-          href: (_c = _ctx.part.properties) == null ? void 0 : _c.link,
-          target: (_d = _ctx.part.properties) == null ? void 0 : _d.linkTarget
-        }, [
-          createElementVNode("img", {
-            alt: altText.value,
-            src: ((_e = _ctx.part.properties) == null ? void 0 : _e.media).url,
-            style: normalizeStyle(style.value),
-            class: "image"
-          }, null, 12, _hoisted_2$5$1)
-        ], 8, _hoisted_1$8$1)) : (openBlock(), createElementBlock("img", {
-          key: 1,
-          alt: altText.value,
-          src: ((_f = _ctx.part.properties) == null ? void 0 : _f.media).url,
-          style: normalizeStyle(style.value),
-          class: "image"
-        }, null, 12, _hoisted_3$1$1))
-      ], 64)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_4$1$1, _cache[0] || (_cache[0] = [
-        createElementVNode("span", { class: "font-icon" }, "image", -1)
-      ]))) : createCommentVNode("", true);
-    };
-  }
-});
 const _hoisted_1$7$1 = ["href", "target"];
 const _hoisted_2$4$1 = ["alt", "src"];
 const _hoisted_3$d = ["alt", "src"];
@@ -7092,7 +7030,7 @@ const _hoisted_6$8 = {
   key: 1,
   class: "placeholder"
 };
-const _hoisted_7$6 = { class: "font-icon" };
+const _hoisted_7$7 = { class: "font-icon" };
 const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
   __name: "PbMediaWidget",
   props: {
@@ -7161,7 +7099,7 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_5$8)
         ], 8, _hoisted_4$b)) : createCommentVNode("", true)
       ], 64)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
-        createElementVNode("span", _hoisted_7$6, toDisplayString(placeholderIcon.value), 1)
+        createElementVNode("span", _hoisted_7$7, toDisplayString(placeholderIcon.value), 1)
       ])) : createCommentVNode("", true);
     };
   }
@@ -7363,13 +7301,13 @@ const defaultPartDefinitions = {
     partType: "Section",
     partName: "Section",
     className: "pb-section",
-    creator: () => _sfc_main$a$1
+    creator: () => _sfc_main$9$1
   },
   "Block": {
     partType: "Block",
     partName: "Block",
     className: "pb-block",
-    creator: () => _sfc_main$b$1
+    creator: () => _sfc_main$a$1
   },
   "TextWidget": {
     partType: "Widget",
@@ -7377,12 +7315,6 @@ const defaultPartDefinitions = {
     className: "pb-text-widget",
     creator: () => _sfc_main$7$1
   },
-  "ImageWidget": {
-    partType: "Widget",
-    partName: "ImageWidget",
-    className: "pb-image-widget",
-    creator: () => _sfc_main$9$1
-  },
   "MediaWidget": {
     partType: "Widget",
     partName: "MediaWidget",
@@ -7581,7 +7513,7 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(style.value)
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.part.children, (section) => {
-            return openBlock(), createBlock$1(_sfc_main$a$1, {
+            return openBlock(), createBlock$1(_sfc_main$9$1, {
               key: section.partId,
               "is-mobile-page": _ctx.isMobilePage,
               part: section
@@ -8270,15 +8202,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-DmTjpx6J.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-BPFRUHyB.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-C43eDCgk.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-Cpz6njhD.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-Db3UUuLc.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-B73oOweb.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CoxUtACW.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DPX-k3c5.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"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -9156,7 +9088,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const acceptWidget = (pageBuilder2, target, droppedPart, mouseOffsetX, mouseOffsetY) => {
       const block = props.part;
       let update = void 0;
-      if (droppedPart.partName === "ImageWidget") {
+      if (droppedPart.partName === "MediaWidget") {
         update = [{
           partId: droppedPart.partId,
           properties: {
@@ -9377,8 +9309,8 @@ const _hoisted_3$c = { class: "title" };
 const _hoisted_4$a = { class: "flex-grow-1" };
 const _hoisted_5$7 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$7 = { class: "text-center" };
-const _hoisted_7$5 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_8$5 = { class: "text-center" };
+const _hoisted_7$6 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
+const _hoisted_8$6 = { class: "text-center" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPosition",
   props: {
@@ -9421,7 +9353,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7$5, [
+              createElementVNode("div", _hoisted_7$6, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -9443,7 +9375,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_8$5, [
+              createElementVNode("div", _hoisted_8$6, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -9465,8 +9397,8 @@ const _hoisted_3$b = { class: "title" };
 const _hoisted_4$9 = { class: "flex-grow-1 bs-layout-horizontal" };
 const _hoisted_5$6 = { class: "flex-align-center mt-12" };
 const _hoisted_6$6 = { class: "title" };
-const _hoisted_7$4 = { class: "flex-grow-1 bs-layout-horizontal" };
-const _hoisted_8$4 = { class: "flex-align-center mt-12" };
+const _hoisted_7$5 = { class: "flex-grow-1 bs-layout-horizontal" };
+const _hoisted_8$5 = { class: "flex-align-center mt-12" };
 const _hoisted_9$2 = { class: "title" };
 const _hoisted_10$2 = { class: "flex-grow-1 bs-layout-horizontal" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -9525,7 +9457,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               [unref(vT), { key: "pb.prop.maxSize" }]
             ])
           ]),
-          createElementVNode("div", _hoisted_7$4, [
+          createElementVNode("div", _hoisted_7$5, [
             createVNode(unref(BSTextInput), {
               "model-value": maxWidth.value,
               class: "flex-grow-1 mr-2",
@@ -9540,7 +9472,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value"])
           ])
         ]),
-        createElementVNode("div", _hoisted_8$4, [
+        createElementVNode("div", _hoisted_8$5, [
           createElementVNode("div", _hoisted_9$2, [
             withDirectives(createElementVNode("label", null, null, 512), [
               [unref(vT), { key: "pb.prop.minSize" }]
@@ -11269,8 +11201,8 @@ const _hoisted_5$5 = {
   class: "vc-sketch-alpha-wrap"
 };
 const _hoisted_6$5 = { class: "vc-sketch-color-wrap" };
-const _hoisted_7$3 = ["aria-label"];
-const _hoisted_8$3 = {
+const _hoisted_7$4 = ["aria-label"];
+const _hoisted_8$4 = {
   key: 0,
   class: "vc-sketch-field"
 };
@@ -11329,11 +11261,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": `Current color is ${$options.activeColor}`,
             class: "vc-sketch-active-color",
             style: normalizeStyle({ background: $options.activeColor })
-          }, null, 12, _hoisted_7$3),
+          }, null, 12, _hoisted_7$4),
           createVNode(_component_Checkboard)
         ])
       ]),
-      !$props.disableFields ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+      !$props.disableFields ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
         createCommentVNode(" rgba "),
         createElementVNode("div", _hoisted_9$1, [
           createVNode(_component_EdIn, {
@@ -11597,8 +11529,8 @@ const _hoisted_3$4 = { class: "title" };
 const _hoisted_4$3 = { class: "" };
 const _hoisted_5$3 = { class: "sub-title" };
 const _hoisted_6$3 = { class: "color" };
-const _hoisted_7$2 = { class: "mt-8" };
-const _hoisted_8$2 = { class: "sub-title" };
+const _hoisted_7$3 = { class: "mt-8" };
+const _hoisted_8$3 = { class: "sub-title" };
 const _hoisted_9 = { class: "flex-grow-1 mt-4" };
 const _hoisted_10 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_11 = { class: "text-center" };
@@ -11679,8 +11611,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               }, null, 8, ["model-value"])
             ])
           ]),
-          createElementVNode("div", _hoisted_7$2, [
-            createElementVNode("div", _hoisted_8$2, [
+          createElementVNode("div", _hoisted_7$3, [
+            createElementVNode("div", _hoisted_8$3, [
               withDirectives(createElementVNode("label", null, null, 512), [
                 [unref(vT), { key: "pb.prop.borderWidth" }]
               ])
@@ -11784,8 +11716,8 @@ const _hoisted_3$3 = { class: "title" };
 const _hoisted_4$2 = { class: "flex-grow-1" };
 const _hoisted_5$2 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$2 = { class: "text-center" };
-const _hoisted_7$1 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_8$1 = { class: "text-center" };
+const _hoisted_7$2 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
+const _hoisted_8$2 = { class: "text-center" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorMargin",
   props: {
@@ -11828,7 +11760,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7$1, [
+              createElementVNode("div", _hoisted_7$2, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -11850,7 +11782,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_8$1, [
+              createElementVNode("div", _hoisted_8$2, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -11872,8 +11804,8 @@ const _hoisted_3$2 = { class: "title" };
 const _hoisted_4$1 = { class: "flex-grow-1" };
 const _hoisted_5$1 = { class: "bg-gray-100 py-5 rounded-8" };
 const _hoisted_6$1 = { class: "text-center" };
-const _hoisted_7 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_8 = { class: "text-center" };
+const _hoisted_7$1 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
+const _hoisted_8$1 = { class: "text-center" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPadding",
   props: {
@@ -11916,7 +11848,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_7$1, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -11938,7 +11870,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_8, [
+              createElementVNode("div", _hoisted_8$1, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -12320,10 +12252,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$c = { class: "group-editor group-editor-media" };
 const _hoisted_2$4 = { class: "title" };
-const _hoisted_3$1 = { class: "title mt-12" };
-const _hoisted_4 = { class: "title mt-12" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "title mt-12"
+};
+const _hoisted_4 = { class: "mt-8" };
 const _hoisted_5 = { class: "title mt-12" };
 const _hoisted_6 = { class: "title mt-12" };
+const _hoisted_7 = { class: "title mt-12" };
+const _hoisted_8 = { class: "title mt-12" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorMedia",
   props: {
@@ -12370,8 +12307,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       var _a, _b;
       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);
+      showNotification({ key: "pb.prop.copied" });
+    };
     return (_ctx, _cache) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", _hoisted_2$4, [
           withDirectives(createElementVNode("label", null, null, 512), [
@@ -12379,12 +12321,33 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", null, [
-          withDirectives(createElementVNode("button", { onClick: selectMedia }, null, 512), [
+          withDirectives(createElementVNode("button", {
+            class: "select-button",
+            onClick: selectMedia
+          }, null, 512), [
             [unref(vT), { key: "pb.prop.selectMedia" }]
           ])
         ]),
-        ((_a = media.value) == null ? void 0 : _a.mediaType) === "Image" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_3$1, [
+        ((_a = media.value) == null ? void 0 : _a.url) ? (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),
+            withDirectives(createVNode(unref(BSButton), {
+              class: "border-0 mb-2 pl-0",
+              "left-icon": "content_copy",
+              onClick: copyUrl
+            }, null, 512), [
+              [
+                unref(vT),
+                { key: "pb.button.copy" },
+                void 0,
+                { title: true }
+              ]
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        ((_c = media.value) == null ? void 0 : _c.mediaType) === "Image" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_5, [
             withDirectives(createElementVNode("label", null, null, 512), [
               [unref(vT), { key: "pb.prop.altText" }]
             ])
@@ -12397,7 +12360,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => updateProperty({ altText: value }))
             }, null, 8, ["locales", "model-value"])
           ]),
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_6, [
             withDirectives(createElementVNode("label", null, null, 512), [
               [unref(vT), { key: "pb.prop.link" }]
             ])
@@ -12409,7 +12372,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => updateProperty({ link: value }))
             }, null, 8, ["model-value"])
           ]),
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_7, [
             withDirectives(createElementVNode("label", null, null, 512), [
               [unref(vT), { key: "pb.prop.linkTarget" }]
             ])
@@ -12422,8 +12385,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value"])
           ])
         ], 64)) : createCommentVNode("", true),
-        ((_b = media.value) == null ? void 0 : _b.mediaType) === "Video" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_6, [
+        ((_d = media.value) == null ? void 0 : _d.mediaType) === "Video" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("div", _hoisted_8, [
             withDirectives(createElementVNode("label", null, null, 512), [
               [unref(vT), { key: "pb.prop.thumbnail" }]
             ])
@@ -12569,50 +12532,6 @@ const widgets = [
     allowsChild: () => false,
     creator: () => _sfc_main$7$1
   },
-  {
-    partType: "Widget",
-    partName: "ImageWidget",
-    caption: "Image",
-    icon: "image",
-    className: "pb-image-widget",
-    propertyGroups: [
-      {
-        groupName: "Image",
-        caption: "Image",
-        properties: [
-          {
-            propertyName: "image",
-            caption: "pb.prop.image",
-            propertyType: "image",
-            params: ""
-          },
-          {
-            propertyName: "altText",
-            caption: "pb.prop.altText",
-            propertyType: "text",
-            params: "",
-            multiLang: true
-          },
-          {
-            propertyName: "link",
-            caption: "pb.prop.link",
-            propertyType: "text",
-            params: ""
-          },
-          {
-            propertyName: "linkTarget",
-            caption: "pb.prop.linkTarget",
-            propertyType: "text",
-            params: ""
-          }
-        ]
-      },
-      ...defaultWidgetPropertyGroups()
-    ],
-    initialProperties: {},
-    allowsChild: () => false,
-    creator: () => _sfc_main$9$1
-  },
   {
     partType: "Widget",
     partName: "MediaWidget",
@@ -12850,7 +12769,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-CoT-pyXr.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-3npSogG0.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -12861,7 +12780,7 @@ const openWidgetAddModal = (modal, args, callback) => {
     bind: args,
     on: {
       selectHandler: (part) => {
-        if (["ImageWidget"].includes(part.partName)) {
+        if (["MediaWidget"].includes(part.partName)) {
           const imageProvider = args.pageBuilder.getProvider("imageProvider");
           if (imageProvider) {
             imageProvider({ modal }, (media) => {
@@ -13346,7 +13265,7 @@ const addWidgetInside = (command, pageBuilder, modal, args) => {
   if (!selected) return;
   const newWidget = createPartWithDefinition(def, { image: args.image });
   if (!newWidget) return;
-  if (selected.isWidget() && def.partName === "ImageWidget") {
+  if (selected.isWidget() && def.partName === "MediaWidget") {
     if (!newWidget.properties) newWidget.properties = {};
     newWidget.properties.left = "25%";
     newWidget.properties.top = "25%";
@@ -14967,7 +14886,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const canvasStyle = '.pb-page-wrapper {\n  margin: 0 auto;\n  padding: 0;\n}\n\n.pb-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 100px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n.pb-page .pb-page-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.pb-page .pb-page-content.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-page * {\n  box-sizing: border-box;\n}\n\n.pb-add-widget-button {\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.pb-add-widget-button button {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  padding: 8px;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n\n.pb-add-widget-button button:hover {\n  background-color: #eeeeee;\n}\n\n.pb-add-widget-button .icon {\n  font-size: 1rem;\n  vertical-align: middle;\n}\n\n.pb-add-widget-button .text {\n  font-size: 1rem;\n  vertical-align: middle;\n  margin-left: 0.4rem;\n}\n\n.pb-section {\n  display: flex;\n  position: relative;\n  width: 100%;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  outline: 1px dashed #ccc;\n  background-color: #fff;\n}\n\n.pb-section:hover:not(:has(.pb-block:hover)) {\n  background-color: #f0f0f0;\n}\n\n.pb-section.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-section.pb-section-static {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n}\n\n.pb-section.pb-section-static:after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.2);\n}\n\n.pb-section-static .pb-widget {\n  outline: none;\n}\n\n.pb-block {\n  display: flex;\n  min-width: 1px;\n  position: relative;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  outline: 1px dashed #ccc;\n}\n\n.pb-block:hover:not(:has(.pb-widget:hover)) {\n  background-color: #f0f0f0;\n}\n\n.pb-block.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-widget {\n  position: relative;\n  outline: 1px dashed #ccc;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: auto !important;\n  min-height: 50px;\n}\n\n.pb-widget * {\n  pointer-events: none;\n}\n\n.pb-widget.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-widget .children {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.pb-widget .pan-handle {\n  position: absolute;\n  left: -6px;\n  top: -6px;\n  width: 12px;\n  height: 12px;\n  background-color: #27ae60;\n  cursor: move;\n  pointer-events: auto !important;\n}\n\n.pb-widget .resize-handle {\n  position: absolute;\n  right: -6px;\n  bottom: -6px;\n  width: 12px;\n  height: 12px;\n  background-color: #27ae60;\n  cursor: nwse-resize;\n  pointer-events: auto !important;\n}\n\n.pb-widget {\n  position: relative;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n}\n\n.pb-widget .children {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.pb-text-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-text-widget .text {\n  color: #333;\n}\n\n.pb-text-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-image-widget {\n  width: 100%;\n}\n\n.pb-image-widget .image {\n  width: 100%;\n}\n\n.pb-image-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-image-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-media-widget {\n  width: 100%;\n}\n\n.pb-media-widget .image {\n  width: 100%;\n}\n\n.pb-media-widget .video {\n  width: 100%;\n}\n\n.pb-media-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-media-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-html-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-html-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-iframe-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-iframe-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-youtube-widget {\n  width: 100%;\n}\n\n.pb-youtube-widget .youtube {\n  width: 100%;\n  height: 100%;\n}\n\n.pb-youtube-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-youtube-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-container-widget {\n  width: 100%;\n}\n\n.pb-container-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-container-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-product-list-widget {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.pb-product-list-widget .product-wrapper {\n  width: 25%;\n}\n\n.pb-product-list-widget .product-wrapper .product {\n  width: 95%;\n  margin: 0 auto;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.pb-product-list-widget .product-wrapper img {\n  width: 100%;\n}\n\n.pb-product-list-widget .product-wrapper .name {\n  margin-top: 8px;\n  font-size: 14px;\n}\n\n.pb-product-list-widget .product-wrapper .price {\n  margin-top: 8px;\n  font-size: 14px;\n  font-weight: bold;\n}\n\n.pb-product-list-widget .product-wrapper .empty {\n  height: 200px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-product-list-widget .product-wrapper .empty span {\n  font-size: 40px;\n  color: #999;\n  line-height: 200px;\n  vertical-align: middle;\n}\n\n@media (max-width: 768px) {\n  .pb-product-list-widget .product-wrapper {\n    width: 50%;\n  }\n}\n\n.mobile .pb-product-list-widget .product-wrapper {\n  width: 50%;\n}\n\n.pb-login-widget {\n  height: 200px;\n  text-align: center;\n}\n\n.pb-login-widget h3 {\n  padding: 0;\n  margin: 0;\n  font-size: 32px;\n  font-weight: bold;\n  color: #ccc;\n  line-height: 200px;\n  vertical-align: middle;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  background-color: #aaa;\n  overflow: hidden;\n}\n\n.font-icon, .material-icons-outlined {\n  font-family: "Material Symbols Outlined", monospace;\n  font-size: 1rem;\n  max-width: 1em;\n}\n\n.pb-position-mark {\n  background-color: #ff3333;\n  opacity: 0.5;\n  border-radius: 2px;\n}\n\n.pb-add-section-handle {\n  position: relative;\n  text-align: center;\n  cursor: pointer;\n  z-index: 5;\n  height: 0;\n}\n\n.pb-add-section-handle.top::before, .pb-add-section-handle.bottom::before, .pb-add-section-handle.middle::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.pb-add-section-handle.bottom {\n  bottom: -32px;\n}\n\n.pb-add-section-handle:hover.top::before, .pb-add-section-handle:hover.bottom::before, .pb-add-section-handle:hover.middle::before,\n.pb-add-section-handle:hover > i {\n  opacity: 1;\n}\n\n.pb-add-section-handle > i {\n  font-style: normal;\n  vertical-align: middle;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  font-size: 2rem;\n  transform: translate(-50%, -50%);\n  opacity: 0.2;\n}';
+const canvasStyle = '.pb-page-wrapper {\n  margin: 0 auto;\n  padding: 0;\n}\n\n.pb-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding-bottom: 100px;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n.pb-page .pb-page-content {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.pb-page .pb-page-content.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-page * {\n  box-sizing: border-box;\n}\n\n.pb-add-widget-button {\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.pb-add-widget-button button {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  padding: 8px;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n\n.pb-add-widget-button button:hover {\n  background-color: #eeeeee;\n}\n\n.pb-add-widget-button .icon {\n  font-size: 1rem;\n  vertical-align: middle;\n}\n\n.pb-add-widget-button .text {\n  font-size: 1rem;\n  vertical-align: middle;\n  margin-left: 0.4rem;\n}\n\n.pb-section {\n  display: flex;\n  position: relative;\n  width: 100%;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  outline: 1px dashed #ccc;\n  background-color: #fff;\n}\n\n.pb-section:hover:not(:has(.pb-block:hover)) {\n  background-color: #f0f0f0;\n}\n\n.pb-section.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-section.pb-section-static {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n}\n\n.pb-section.pb-section-static:after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.2);\n}\n\n.pb-section-static .pb-widget {\n  outline: none;\n}\n\n.pb-block {\n  display: flex;\n  min-width: 1px;\n  position: relative;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  outline: 1px dashed #ccc;\n}\n\n.pb-block:hover:not(:has(.pb-widget:hover)) {\n  background-color: #f0f0f0;\n}\n\n.pb-block.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-widget {\n  position: relative;\n  outline: 1px dashed #ccc;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: auto !important;\n  min-height: 50px;\n}\n\n.pb-widget * {\n  pointer-events: none;\n}\n\n.pb-widget.selected::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid #4998f8;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.pb-widget .children {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.pb-widget .pan-handle {\n  position: absolute;\n  left: -6px;\n  top: -6px;\n  width: 12px;\n  height: 12px;\n  background-color: #27ae60;\n  cursor: move;\n  pointer-events: auto !important;\n}\n\n.pb-widget .resize-handle {\n  position: absolute;\n  right: -6px;\n  bottom: -6px;\n  width: 12px;\n  height: 12px;\n  background-color: #27ae60;\n  cursor: nwse-resize;\n  pointer-events: auto !important;\n}\n\n.pb-widget {\n  position: relative;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n}\n\n.pb-widget .children {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.pb-text-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-text-widget .text {\n  color: #333;\n}\n\n.pb-text-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-media-widget {\n  width: 100%;\n}\n\n.pb-media-widget .image {\n  width: 100%;\n}\n\n.pb-media-widget .video {\n  width: 100%;\n}\n\n.pb-media-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-media-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-html-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-html-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-iframe-widget {\n  width: 100%;\n  height: fit-content;\n}\n\n.pb-iframe-widget .placeholder {\n  padding: 4px 0;\n  font-size: 18px;\n  text-align: center;\n  color: #999;\n}\n\n.pb-youtube-widget {\n  width: 100%;\n}\n\n.pb-youtube-widget .youtube {\n  width: 100%;\n  height: 100%;\n}\n\n.pb-youtube-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-youtube-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-container-widget {\n  width: 100%;\n}\n\n.pb-container-widget .placeholder {\n  height: 100px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-container-widget .placeholder span {\n  font-size: 40px;\n  color: #999;\n  line-height: 100px;\n  vertical-align: middle;\n}\n\n.pb-product-list-widget {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.pb-product-list-widget .product-wrapper {\n  width: 25%;\n}\n\n.pb-product-list-widget .product-wrapper .product {\n  width: 95%;\n  margin: 0 auto;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.pb-product-list-widget .product-wrapper img {\n  width: 100%;\n}\n\n.pb-product-list-widget .product-wrapper .name {\n  margin-top: 8px;\n  font-size: 14px;\n}\n\n.pb-product-list-widget .product-wrapper .price {\n  margin-top: 8px;\n  font-size: 14px;\n  font-weight: bold;\n}\n\n.pb-product-list-widget .product-wrapper .empty {\n  height: 200px;\n  background-color: #eee;\n  text-align: center;\n}\n\n.pb-product-list-widget .product-wrapper .empty span {\n  font-size: 40px;\n  color: #999;\n  line-height: 200px;\n  vertical-align: middle;\n}\n\n@media (max-width: 768px) {\n  .pb-product-list-widget .product-wrapper {\n    width: 50%;\n  }\n}\n\n.mobile .pb-product-list-widget .product-wrapper {\n  width: 50%;\n}\n\n.pb-login-widget {\n  height: 200px;\n  text-align: center;\n}\n\n.pb-login-widget h3 {\n  padding: 0;\n  margin: 0;\n  font-size: 32px;\n  font-weight: bold;\n  color: #ccc;\n  line-height: 200px;\n  vertical-align: middle;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  background-color: #aaa;\n  overflow: hidden;\n}\n\n.font-icon, .material-icons-outlined {\n  font-family: "Material Symbols Outlined", monospace;\n  font-size: 1rem;\n  max-width: 1em;\n}\n\n.pb-position-mark {\n  background-color: #ff3333;\n  opacity: 0.5;\n  border-radius: 2px;\n}\n\n.pb-add-section-handle {\n  position: relative;\n  text-align: center;\n  cursor: pointer;\n  z-index: 5;\n  height: 0;\n}\n\n.pb-add-section-handle.top::before, .pb-add-section-handle.bottom::before, .pb-add-section-handle.middle::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.pb-add-section-handle.bottom {\n  bottom: -32px;\n}\n\n.pb-add-section-handle:hover.top::before, .pb-add-section-handle:hover.bottom::before, .pb-add-section-handle:hover.middle::before,\n.pb-add-section-handle:hover > i {\n  opacity: 1;\n}\n\n.pb-add-section-handle > i {\n  font-style: normal;\n  vertical-align: middle;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  font-size: 2rem;\n  transform: translate(-50%, -50%);\n  opacity: 0.2;\n}';
 const _hoisted_1$2 = ["width"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PbPageFrame",
@@ -15461,6 +15380,10 @@ const enTexts = [
   {
     key: "pb.prop.hideParentWhenInvisible",
     text: "Hide block and section when invisible"
+  },
+  {
+    key: "pb.prop.copied",
+    text: "Copied."
   }
 ];
 const jaTexts = [
@@ -15787,6 +15710,10 @@ const jaTexts = [
   {
     key: "pb.prop.hideParentWhenInvisible",
     text: "非表示の場合はブロックとセクションも隠す"
+  },
+  {
+    key: "pb.prop.copied",
+    text: "コピーされました。"
   }
 ];
 const koTexts = [
@@ -16113,6 +16040,10 @@ const koTexts = [
   {
     key: "pb.prop.hideParentWhenInvisible",
     text: "블록과 섹션도 함께 숨김처리하기"
+  },
+  {
+    key: "pb.prop.copied",
+    text: "복사되었습니다."
   }
 ];
 const zhTexts = [
@@ -16439,6 +16370,10 @@ const zhTexts = [
   {
     key: "pb.prop.hideParentWhenInvisible",
     text: "不可见时隐藏区块和区域"
+  },
+  {
+    key: "pb.prop.copied",
+    text: "已复制。"
   }
 ];
 i18n.addTexts("en", enTexts);
@@ -16515,9 +16450,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  providePageBuilderViewer as A,
+  usePageBuilder as A,
   BLOCK_TYPE$1 as B,
-  usePageBuilder as C,
+  ChangePropertyCommand as C,
   usePageBuilderViewer as D,
   Model$1 as M,
   PbColorPicker as P,
@@ -16536,19 +16471,19 @@ export {
   _sfc_main$r as i,
   _sfc_main$6$1 as j,
   _sfc_main$5$1 as k,
-  _sfc_main$9$1 as l,
-  _sfc_main$8$1 as m,
-  _sfc_main$7$1 as n,
-  _sfc_main$4$1 as o,
-  RootPart as p,
-  Section as q,
-  Widget as r,
+  _sfc_main$8$1 as l,
+  _sfc_main$7$1 as m,
+  _sfc_main$4$1 as n,
+  RootPart as o,
+  Section as p,
+  Widget as q,
+  createPageBuilderViewer as r,
   selectYoutubeVideo as s,
-  createPageBuilderViewer as t,
+  createPartComponent as t,
   usePageBuilderEditor as u,
-  createPartComponent as v,
+  createPartComponents as v,
   widgetPartDefinitions as w,
-  createPartComponents as x,
-  getPartClassName as y,
-  providePageBuilder as z
+  getPartClassName as x,
+  providePageBuilder as y,
+  providePageBuilderViewer as z
 };