@g1cloud/page-builder-editor 1.0.0-alpha.81 → 1.0.0-alpha.83

package/css/page-builder-editor.css

@@ -47,6 +47,7 @@
 .pb-editor .pb-editor-body .pb-canvas-wrapper {
   background-color: var(--color-canvas-frame-bg);
   border-top: 1px solid var(--color-canvas-frame-bg);
+  border-bottom: 1px solid var(--color-canvas-frame-bg);
   flex-grow: 1;
   min-width: 0;
   width: 0;
@@ -262,17 +263,21 @@
 .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media .input-area {
   height: 24px;
 }
+.pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .group-editor-media .url {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+}
 .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .title {
   font-weight: 600;
 }
 .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part button {
-  color: #fff;
+  color: var(--white);
   border: none;
   padding: 0 4px;
   cursor: pointer;
   line-height: 1;
   height: 24px;
-  background-color: #1f8fff;
+  background-color: var(--primary);
 }
 .pb-editor .pb-editor-body .pb-sidebar .pb-sidebar-properties .pb-sidebar-property-group .property-editor-local-part .input-area {
   height: 24px;
@@ -301,14 +306,14 @@
   display: inline-block;
   width: 100px;
   height: 1px;
-  background: red;
+  background: var(--red);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
 }
 .pb-editor .pb-editor-body .pb-color-picker .buttons button.picker-button {
-  border: 1px solid #cccccc;
+  border: 1px solid var(--border);
 }
 .pb-editor .pb-editor-body .pb-color-picker .buttons button i {
   font-size: 1.4rem;
@@ -337,7 +342,7 @@
   width: 50%;
 }
 .pb-html-editor-modal .preview .content {
-  border: solid 1px #ccc;
+  border: solid 1px var(--border);
 }
 .pb-html-editor-modal .preview .content iframe {
   width: 100%;
@@ -362,24 +367,24 @@
   text-align: center;
 }
 .pb-html-editor-modal .buttons button {
-  color: #fff;
+  color: var(--white);
   border: none;
   padding: 4px 12px;
   cursor: pointer;
   line-height: 1;
   height: 28px;
-  background-color: #1f8fff;
+  background-color: var(--primary);
 }
 
 .pb-youtube-modal .flex-grow-1.overflow-auto {
   overflow: hidden !important;
 }
 .pb-youtube-modal button {
-  color: #fff;
+  color: var(--white);
   border: none;
   padding: 4px 12px;
   cursor: pointer;
   line-height: 1;
   height: 28px;
-  background-color: #1f8fff;
+  background-color: var(--primary);
 }

package/dist/{PbPropertyEditorColor-D1Et94Ef.js → PbPropertyEditorColor-B2whCX1d.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-tTR7GhuX.js";
+import { P as PbColorPicker } from "./index-CzWzYmyG.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-vEqAkXLy.js → PbPropertyEditorCssLength-Cq5y3hp5.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-tTR7GhuX.js";
+import { t as toCssLength } from "./index-CzWzYmyG.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-BD1ir-xW.js → PbPropertyEditorHtml-DunmjOZP.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-tTR7GhuX.js";
+import { u as usePageBuilderEditor } from "./index-CzWzYmyG.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-CrtSHsie.js → PbPropertyEditorImage-CAULnDMs.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-tTR7GhuX.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-CzWzYmyG.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-v01RFbU-.js → PbPropertyEditorMultilineText-CP-gnrl0.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-tTR7GhuX.js";
+import { u as usePageBuilderEditor } from "./index-CzWzYmyG.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-CDohV0Yq.js → PbPropertyEditorText-BqXqhBvc.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-tTR7GhuX.js";
+import { u as usePageBuilderEditor } from "./index-CzWzYmyG.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-gZIWmCbS.js → PbPropertyEditorYoutube-BM-3CS85.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-tTR7GhuX.js";
+import { s as selectYoutubeVideo } from "./index-CzWzYmyG.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-CetSlzPe.js → PbWidgetAddModal-B0EJiVqs.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-tTR7GhuX.js";
+import { w as widgetPartDefinitions } from "./index-CzWzYmyG.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"];