@g1cloud/page-builder-editor 1.0.0-alpha.47 → 1.0.0-alpha.49

package/dist/{index-CRSmxHIB.js → index-Cuvfu0JI.js}

@@ -2,7 +2,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, markRaw, toHandlers, Teleport } from "vue";
-import { notNull, BSTextInput, vClickOutside, useModal, BSMultiLangTextInput, BSSelect, BSTree, useContextMenu } from "@g1cloud/bluesea";
+import { notNull, vT, BSTextInput, vClickOutside, useModal, BSMultiLangTextInput, BSSelect, BSTree, useContextMenu, i18n } from "@g1cloud/bluesea";
 import YouTube from "vue3-youtube";
 const create$5 = () => /* @__PURE__ */ new Map();
 const copy = (m) => {
@@ -7085,9 +7085,9 @@ const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$7$1 = ["href", "target"];
 const _hoisted_2$4$1 = ["alt", "src"];
 const _hoisted_3$d = ["alt", "src"];
-const _hoisted_4$a = ["poster"];
-const _hoisted_5$6 = ["src"];
-const _hoisted_6$6 = {
+const _hoisted_4$b = ["poster"];
+const _hoisted_5$8 = ["src"];
+const _hoisted_6$8 = {
   key: 1,
   class: "placeholder"
 };
@@ -7157,9 +7157,9 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("source", {
             src: `${media.value.url}#t=0.01`
-          }, null, 8, _hoisted_5$6)
-        ], 8, _hoisted_4$a)) : createCommentVNode("", true)
-      ], 64)) : _ctx.placeholder ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+          }, 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)
       ])) : createCommentVNode("", true);
     };
@@ -7591,7 +7591,7 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1$1 = ["innerHTML"];
-const _hoisted_2$g = { class: "pb-viewer" };
+const _hoisted_2$h = { class: "pb-viewer" };
 const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
   __name: "PageBuilderViewer",
   props: {
@@ -7632,7 +7632,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
           key: 0,
           innerHTML: unref(externalCss)
         }, null, 8, _hoisted_1$1$1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_2$h, [
           part.value ? (openBlock(), createBlock$1(_sfc_main$3$1, {
             key: 0,
             "is-mobile-page": _ctx.isMobilePage,
@@ -8267,16 +8267,16 @@ class PartManager {
 }
 const defaultPartPropertyEditors = () => {
   return {
-    "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-Dgp_AVOD.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-CtHSUEX_.js")),
-    "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-TTgo0zbQ.js")),
-    "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-C7-iSAtn.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BeOlO8l-.js")),
-    "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-CWedbXJI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DLlgxhjM.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-CIRglunW.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-BXuxLbsP.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-yWHO0Z_y.js"))
+    "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-Wd0rvpIX.js")),
+    "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
+    "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DgNTsKkr.js")),
+    "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BUL8pwCO.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-S-uagL32.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-DbKD33DT.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-BkXWRMx_.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -8296,7 +8296,7 @@ const isCursorInElement = (event, element) => {
 };
 const selectYoutubeVideo = (modal, url, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbYoutubeModal-8vQ_IPA0.js")),
+    component: defineAsyncComponent(() => import("./PbYoutubeModal-CU8sClMD.js")),
     style: {
       minWidth: "500px",
       minHeight: "400px"
@@ -9370,12 +9370,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$o = { class: "group-editor group-editor-position" };
-const _hoisted_2$f = { class: "flex-align-center" };
-const _hoisted_3$c = { class: "flex-grow-1" };
-const _hoisted_4$9 = { class: "bg-gray-100 py-5 rounded-8" };
-const _hoisted_5$5 = { class: "text-center" };
-const _hoisted_6$5 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_7$5 = { class: "text-center" };
+const _hoisted_2$g = { class: "flex-align-center" };
+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 _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPosition",
   props: {
@@ -9401,13 +9402,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const updateBottom = (value) => updatePropertyValue({ bottom: value });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$o, [
-        createElementVNode("div", _hoisted_2$f, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Position" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$g, [
           createElementVNode("div", _hoisted_3$c, [
-            createElementVNode("div", _hoisted_4$9, [
-              createElementVNode("div", _hoisted_5$5, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.position" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$a, [
+            createElementVNode("div", _hoisted_5$7, [
+              createElementVNode("div", _hoisted_6$7, [
                 createVNode(unref(BSTextInput), {
                   "model-value": top.value,
                   class: "ml-4",
@@ -9416,7 +9419,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_6$5, [
+              createElementVNode("div", _hoisted_7$5, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -9438,7 +9441,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7$5, [
+              createElementVNode("div", _hoisted_8$5, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -9455,12 +9458,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$n = { class: "group-editor group-editor-size" };
-const _hoisted_2$e = { class: "flex-align-center" };
-const _hoisted_3$b = { class: "flex-grow-1 bs-layout-horizontal" };
-const _hoisted_4$8 = { class: "flex-align-center mt-12" };
-const _hoisted_5$4 = { class: "flex-grow-1 bs-layout-horizontal" };
-const _hoisted_6$4 = { class: "flex-align-center mt-12" };
+const _hoisted_2$f = { class: "flex-align-center" };
+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_9$2 = { class: "title" };
+const _hoisted_10$2 = { class: "flex-grow-1 bs-layout-horizontal" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorSize",
   props: {
@@ -9490,11 +9496,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const updateMinHeight = (value) => updatePropertyValue({ minHeight: value });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createElementVNode("div", _hoisted_2$e, [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Size" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$f, [
           createElementVNode("div", _hoisted_3$b, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.size" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$9, [
             createVNode(unref(BSTextInput), {
               "model-value": width.value,
               class: "flex-grow-1 mr-2",
@@ -9509,11 +9517,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value"])
           ])
         ]),
-        createElementVNode("div", _hoisted_4$8, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Max Size" })
-          ], -1)),
-          createElementVNode("div", _hoisted_5$4, [
+        createElementVNode("div", _hoisted_5$6, [
+          createElementVNode("div", _hoisted_6$6, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.maxSize" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_7$4, [
             createVNode(unref(BSTextInput), {
               "model-value": maxWidth.value,
               class: "flex-grow-1 mr-2",
@@ -9528,11 +9538,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value"])
           ])
         ]),
-        createElementVNode("div", _hoisted_6$4, [
-          _cache[2] || (_cache[2] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Min Size" })
-          ], -1)),
-          createElementVNode("div", _hoisted_7$4, [
+        createElementVNode("div", _hoisted_8$4, [
+          createElementVNode("div", _hoisted_9$2, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.minSize" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_10$2, [
             createVNode(unref(BSTextInput), {
               "model-value": minWidth.value,
               class: "flex-grow-1 mr-2",
@@ -9708,7 +9720,7 @@ var script$4 = {
   }
 };
 const _hoisted_1$m = { class: "vc-alpha" };
-const _hoisted_2$d = { class: "vc-alpha-checkboard-wrap" };
+const _hoisted_2$e = { class: "vc-alpha-checkboard-wrap" };
 const _hoisted_3$a = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-alpha-picker" },
@@ -9716,13 +9728,13 @@ const _hoisted_3$a = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_4$7 = [
+const _hoisted_4$8 = [
   _hoisted_3$a
 ];
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkboard = resolveComponent("Checkboard");
   return openBlock(), createElementBlock("div", _hoisted_1$m, [
-    createElementVNode("div", _hoisted_2$d, [
+    createElementVNode("div", _hoisted_2$e, [
       createVNode(_component_Checkboard)
     ]),
     createElementVNode(
@@ -9751,7 +9763,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
             class: "vc-alpha-pointer",
             style: normalizeStyle({ left: `${$options.colors.a * 100}%` })
           },
-          _hoisted_4$7,
+          _hoisted_4$8,
           4
           /* STYLE */
         )
@@ -10826,9 +10838,9 @@ var script$3 = {
   }
 };
 const _hoisted_1$l = { class: "vc-editable-input" };
-const _hoisted_2$c = ["aria-labelledby"];
+const _hoisted_2$d = ["aria-labelledby"];
 const _hoisted_3$9 = ["id", "for"];
-const _hoisted_4$6 = { class: "vc-input__desc" };
+const _hoisted_4$7 = { class: "vc-input__desc" };
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$l, [
     withDirectives(createElementVNode("input", {
@@ -10838,7 +10850,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       class: "vc-input__input",
       onKeydown: _cache[1] || (_cache[1] = (...args) => $options.handleKeyDown && $options.handleKeyDown(...args)),
       onInput: _cache[2] || (_cache[2] = (...args) => $options.update && $options.update(...args))
-    }, null, 40, _hoisted_2$c), [
+    }, null, 40, _hoisted_2$d), [
       [vModelText, $options.val]
     ]),
     createElementVNode("span", {
@@ -10848,7 +10860,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString($options.labelSpanText), 9, _hoisted_3$9),
     createElementVNode(
       "span",
-      _hoisted_4$6,
+      _hoisted_4$7,
       toDisplayString($props.desc),
       1
       /* TEXT */
@@ -10932,7 +10944,7 @@ const _hoisted_1$k = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-saturation--black" },
   null,
@@ -10946,7 +10958,7 @@ const _hoisted_3$8 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_4$5 = [
+const _hoisted_4$6 = [
   _hoisted_3$8
 ];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10962,14 +10974,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     },
     [
       _hoisted_1$k,
-      _hoisted_2$b,
+      _hoisted_2$c,
       createElementVNode(
         "div",
         {
           class: "vc-saturation-pointer",
           style: normalizeStyle({ top: $options.pointerTop, left: $options.pointerLeft })
         },
-        _hoisted_4$5,
+        _hoisted_4$6,
         4
         /* STYLE */
       )
@@ -11111,7 +11123,7 @@ var script$1 = {
   }
 };
 const _hoisted_1$j = ["aria-valuenow"];
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-hue-picker" },
   null,
@@ -11119,7 +11131,7 @@ const _hoisted_2$a = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_3$7 = [
-  _hoisted_2$a
+  _hoisted_2$b
 ];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
@@ -11247,16 +11259,16 @@ var script = {
   }
 };
 const _hoisted_1$i = { class: "vc-sketch-saturation-wrap" };
-const _hoisted_2$9 = { class: "vc-sketch-controls" };
+const _hoisted_2$a = { class: "vc-sketch-controls" };
 const _hoisted_3$6 = { class: "vc-sketch-sliders" };
-const _hoisted_4$4 = { class: "vc-sketch-hue-wrap" };
-const _hoisted_5$3 = {
+const _hoisted_4$5 = { class: "vc-sketch-hue-wrap" };
+const _hoisted_5$5 = {
   key: 0,
   class: "vc-sketch-alpha-wrap"
 };
-const _hoisted_6$3 = { class: "vc-sketch-color-wrap" };
+const _hoisted_6$5 = { class: "vc-sketch-color-wrap" };
 const _hoisted_7$3 = ["aria-label"];
-const _hoisted_8$1 = {
+const _hoisted_8$3 = {
   key: 0,
   class: "vc-sketch-field"
 };
@@ -11274,7 +11286,7 @@ const _hoisted_14$1 = {
   "aria-label": "A color preset, pick one to set as current color"
 };
 const _hoisted_15$1 = ["aria-label", "onClick"];
-const _hoisted_16 = ["aria-label", "onClick"];
+const _hoisted_16$1 = ["aria-label", "onClick"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Saturation = resolveComponent("Saturation");
   const _component_Hue = resolveComponent("Hue");
@@ -11295,22 +11307,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           onChange: $options.childChange
         }, null, 8, ["value", "onChange"])
       ]),
-      createElementVNode("div", _hoisted_2$9, [
+      createElementVNode("div", _hoisted_2$a, [
         createElementVNode("div", _hoisted_3$6, [
-          createElementVNode("div", _hoisted_4$4, [
+          createElementVNode("div", _hoisted_4$5, [
             createVNode(_component_Hue, {
               value: _ctx.colors,
               onChange: $options.childChange
             }, null, 8, ["value", "onChange"])
           ]),
-          !$props.disableAlpha ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          !$props.disableAlpha ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
             createVNode(_component_Alpha, {
               value: _ctx.colors,
               onChange: $options.childChange
             }, null, 8, ["value", "onChange"])
           ])) : createCommentVNode("v-if", true)
         ]),
-        createElementVNode("div", _hoisted_6$3, [
+        createElementVNode("div", _hoisted_6$5, [
           createElementVNode("div", {
             "aria-label": `Current color is ${$options.activeColor}`,
             class: "vc-sketch-active-color",
@@ -11319,7 +11331,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_Checkboard)
         ])
       ]),
-      !$props.disableFields ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+      !$props.disableFields ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
         createCommentVNode(" rgba "),
         createElementVNode("div", _hoisted_9$1, [
           createVNode(_component_EdIn, {
@@ -11381,7 +11393,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   onClick: ($event) => $options.handlePreset(c)
                 }, [
                   createVNode(_component_Checkboard)
-                ], 8, _hoisted_16))
+                ], 8, _hoisted_16$1))
               ],
               64
               /* STABLE_FRAGMENT */
@@ -11462,7 +11474,7 @@ const _sfc_main$j = defineComponent({
   }
 });
 const _hoisted_1$h = { class: "buttons" };
-const _hoisted_2$8 = { class: "sketch-wrap" };
+const _hoisted_2$9 = { class: "sketch-wrap" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Sketch = resolveComponent("Sketch");
   const _directive_click_outside = resolveDirective("click-outside");
@@ -11486,7 +11498,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("i", { class: "material-icons-outlined" }, "delete", -1)
       ]))) : createCommentVNode("", true)
     ]),
-    createElementVNode("div", _hoisted_2$8, [
+    createElementVNode("div", _hoisted_2$9, [
       _ctx.isShowColorPicker ? (openBlock(), createBlock$1(_component_Sketch, {
         key: 0,
         modelValue: _ctx.color,
@@ -11500,9 +11512,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const PbColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render]]);
 const _hoisted_1$g = { class: "group-editor group-editor-background" };
-const _hoisted_2$7 = { class: "flex-align-center" };
-const _hoisted_3$5 = { class: "bs-layout-horizontal" };
-const _hoisted_4$3 = { class: "color" };
+const _hoisted_2$8 = { class: "flex-align-center" };
+const _hoisted_3$5 = { class: "title" };
+const _hoisted_4$4 = { class: "bs-layout-horizontal" };
+const _hoisted_5$4 = { class: "color" };
+const _hoisted_6$4 = { class: "image" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorBackground",
   props: {
@@ -11537,12 +11551,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createElementVNode("div", _hoisted_2$7, [
-          _cache[3] || (_cache[3] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Background" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$8, [
           createElementVNode("div", _hoisted_3$5, [
-            createElementVNode("div", _hoisted_4$3, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.background" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_5$4, [
               createVNode(PbColorPicker, {
                 value: color.value,
                 "hide-delete": "",
@@ -11558,8 +11574,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": updateColor
               }, null, 8, ["model-value"])
             ]),
-            createElementVNode("div", { class: "image" }, [
-              createElementVNode("button", { onClick: selectImage }, "Select Image")
+            createElementVNode("div", _hoisted_6$4, [
+              withDirectives(createElementVNode("button", { onClick: selectImage }, null, 512), [
+                [unref(vT), { key: "pb.prop.selectImage" }]
+              ])
             ])
           ])
         ])
@@ -11572,20 +11590,24 @@ const TopRightCornerIcon = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//
 const BottomLeftCornerIcon = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20transform='rotate(180)'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200H24V24H0z'/%3e%3cpath%20d='M21%2019v2h-2v-2h2zm-4%200v2h-2v-2h2zm-4%200v2h-2v-2h2zm-4%200v2H7v-2h2zm-4%200v2H3v-2h2zm16-4v2h-2v-2h2zM5%2015v2H3v-2h2zm0-4v2H3v-2h2zm11-8c2.687%200%204.882%202.124%204.995%204.783L21%208v5h-2V8c0-1.591-1.255-2.903-2.824-2.995L16%205h-5V3h5zM5%207v2H3V7h2zm0-4v2H3V3h2zm4%200v2H7V3h2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
 const BottomRightCornerIcon = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20transform='rotate(90)'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath%20fill='none'%20d='M0%200H24V24H0z'/%3e%3cpath%20d='M21%2019v2h-2v-2h2zm-4%200v2h-2v-2h2zm-4%200v2h-2v-2h2zm-4%200v2H7v-2h2zm-4%200v2H3v-2h2zm16-4v2h-2v-2h2zM5%2015v2H3v-2h2zm0-4v2H3v-2h2zm11-8c2.687%200%204.882%202.124%204.995%204.783L21%208v5h-2V8c0-1.591-1.255-2.903-2.824-2.995L16%205h-5V3h5zM5%207v2H3V7h2zm0-4v2H3V3h2zm4%200v2H7V3h2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
 const _hoisted_1$f = { class: "group-editor group-editor-border" };
-const _hoisted_2$6 = { class: "flex-align-center" };
-const _hoisted_3$4 = { class: "" };
-const _hoisted_4$2 = { class: "color" };
-const _hoisted_5$2 = { class: "mt-8" };
-const _hoisted_6$2 = { class: "flex-grow-1 mt-4" };
-const _hoisted_7$2 = { class: "bg-gray-100 py-5 rounded-8" };
-const _hoisted_8 = { class: "text-center" };
-const _hoisted_9 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_10 = { class: "text-center" };
-const _hoisted_11 = { class: "mt-8" };
-const _hoisted_12 = { class: "flex-grow-1 mt-4" };
-const _hoisted_13 = { class: "bg-gray-100 py-5 rounded-8" };
-const _hoisted_14 = { class: "" };
-const _hoisted_15 = { class: "mt-2" };
+const _hoisted_2$7 = { class: "flex-align-center" };
+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_9 = { class: "flex-grow-1 mt-4" };
+const _hoisted_10 = { class: "bg-gray-100 py-5 rounded-8" };
+const _hoisted_11 = { class: "text-center" };
+const _hoisted_12 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
+const _hoisted_13 = { class: "text-center" };
+const _hoisted_14 = { class: "mt-8" };
+const _hoisted_15 = { class: "sub-title" };
+const _hoisted_16 = { class: "flex-grow-1 mt-4" };
+const _hoisted_17 = { class: "bg-gray-100 py-5 rounded-8" };
+const _hoisted_18 = { class: "" };
+const _hoisted_19 = { class: "mt-2" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorBorder",
   props: {
@@ -11625,15 +11647,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const updateBorderBottomRightRadius = (value) => updatePropertyValue({ borderBottomRightRadius: value });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", _hoisted_2$6, [
-          _cache[7] || (_cache[7] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Border" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$7, [
           createElementVNode("div", _hoisted_3$4, [
-            _cache[3] || (_cache[3] = createElementVNode("div", { class: "sub-title" }, [
-              createElementVNode("label", { textContent: "Color" })
-            ], -1)),
-            createElementVNode("div", _hoisted_4$2, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.border" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$3, [
+            createElementVNode("div", _hoisted_5$3, [
+              withDirectives(createElementVNode("label", null, null, 512), [
+                [unref(vT), { key: "pb.prop.borderColor" }]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_6$3, [
               createVNode(PbColorPicker, {
                 value: color.value,
                 "hide-delete": "",
@@ -11651,13 +11677,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               }, null, 8, ["model-value"])
             ])
           ]),
-          createElementVNode("div", _hoisted_5$2, [
-            _cache[5] || (_cache[5] = createElementVNode("div", { class: "sub-title" }, [
-              createElementVNode("label", { textContent: "Border Width" })
-            ], -1)),
-            createElementVNode("div", _hoisted_6$2, [
-              createElementVNode("div", _hoisted_7$2, [
-                createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_7$2, [
+            createElementVNode("div", _hoisted_8$2, [
+              withDirectives(createElementVNode("label", null, null, 512), [
+                [unref(vT), { key: "pb.prop.borderWidth" }]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
                   createVNode(unref(BSTextInput), {
                     "model-value": borderTopWidth.value,
                     class: "ml-4",
@@ -11666,7 +11694,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": updateBorderTopWidth
                   }, null, 8, ["model-value"])
                 ]),
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_12, [
                   createVNode(unref(BSTextInput), {
                     "model-value": borderLeftWidth.value,
                     class: "ml-4",
@@ -11674,7 +11702,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     width: "30%",
                     "onUpdate:modelValue": updateBorderLeftWidth
                   }, null, 8, ["model-value"]),
-                  _cache[4] || (_cache[4] = createElementVNode("div", {
+                  _cache[3] || (_cache[3] = createElementVNode("div", {
                     class: "d-inline-block text-center text-gray-300",
                     style: { "width": "30%", "font-size": "12px" }
                   }, [
@@ -11688,7 +11716,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": updateBorderRightWidth
                   }, null, 8, ["model-value"])
                 ]),
-                createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_13, [
                   createVNode(unref(BSTextInput), {
                     "model-value": borderBottomWidth.value,
                     class: "ml-4",
@@ -11700,13 +11728,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_11, [
-            _cache[6] || (_cache[6] = createElementVNode("div", { class: "sub-title" }, [
-              createElementVNode("label", { textContent: "Border Radius" })
-            ], -1)),
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("div", _hoisted_13, [
-                createElementVNode("div", _hoisted_14, [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_15, [
+              withDirectives(createElementVNode("label", null, null, 512), [
+                [unref(vT), { key: "pb.prop.borderRadius" }]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("div", _hoisted_17, [
+                createElementVNode("div", _hoisted_18, [
                   createVNode(unref(BSTextInput), {
                     "model-value": borderTopLeftRadius.value,
                     prefix: { type: "image-url", value: unref(TopLeftCornerIcon) },
@@ -11722,7 +11752,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": updateBorderTopRightRadius
                   }, null, 8, ["model-value", "prefix"])
                 ]),
-                createElementVNode("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_19, [
                   createVNode(unref(BSTextInput), {
                     "model-value": borderBottomLeftRadius.value,
                     prefix: { type: "image-url", value: unref(BottomLeftCornerIcon) },
@@ -11747,12 +11777,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$e = { class: "group-editor group-editor-margin" };
-const _hoisted_2$5 = { class: "flex-align-center" };
-const _hoisted_3$3 = { class: "flex-grow-1" };
-const _hoisted_4$1 = { class: "bg-gray-100 py-5 rounded-8" };
-const _hoisted_5$1 = { class: "text-center" };
-const _hoisted_6$1 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_7$1 = { class: "text-center" };
+const _hoisted_2$6 = { class: "flex-align-center" };
+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 _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorMargin",
   props: {
@@ -11778,13 +11809,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const updateBottom = (value) => updatePropertyValue({ marginBottom: value });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$5, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Margin" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$6, [
           createElementVNode("div", _hoisted_3$3, [
-            createElementVNode("div", _hoisted_4$1, [
-              createElementVNode("div", _hoisted_5$1, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.margin" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("div", _hoisted_5$2, [
+              createElementVNode("div", _hoisted_6$2, [
                 createVNode(unref(BSTextInput), {
                   "model-value": top.value,
                   class: "ml-4",
@@ -11793,7 +11826,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_6$1, [
+              createElementVNode("div", _hoisted_7$1, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -11815,7 +11848,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7$1, [
+              createElementVNode("div", _hoisted_8$1, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -11832,12 +11865,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$d = { class: "group-editor group-editor-padding" };
-const _hoisted_2$4 = { class: "flex-align-center" };
-const _hoisted_3$2 = { class: "flex-grow-1" };
-const _hoisted_4 = { class: "bg-gray-100 py-5 rounded-8" };
-const _hoisted_5 = { class: "text-center" };
-const _hoisted_6 = { class: "bs-layout-horizontal justify-content-center align-items-center" };
-const _hoisted_7 = { class: "text-center" };
+const _hoisted_2$5 = { class: "flex-align-center" };
+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 _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorPadding",
   props: {
@@ -11863,13 +11897,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const updateBottom = (value) => updatePropertyValue({ paddingBottom: value });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("div", _hoisted_2$4, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, [
-            createElementVNode("label", { textContent: "Padding" })
-          ], -1)),
+        createElementVNode("div", _hoisted_2$5, [
           createElementVNode("div", _hoisted_3$2, [
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.padding" }]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$1, [
+            createElementVNode("div", _hoisted_5$1, [
+              createElementVNode("div", _hoisted_6$1, [
                 createVNode(unref(BSTextInput), {
                   "model-value": top.value,
                   class: "ml-4",
@@ -11878,7 +11914,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateTop
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
                 createVNode(unref(BSTextInput), {
                   "model-value": left.value,
                   class: "ml-4",
@@ -11900,7 +11936,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": updateRight
                 }, null, 8, ["model-value"])
               ]),
-              createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
                 createVNode(unref(BSTextInput), {
                   "model-value": bottom.value,
                   class: "ml-4",
@@ -11919,7 +11955,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 const positionGroup = () => {
   return {
     groupName: "position",
-    caption: "Position",
+    caption: "pb.prop.position",
     properties: [
       {
         propertyName: "left",
@@ -11948,7 +11984,7 @@ const positionGroup = () => {
 const sizeGroup = () => {
   return {
     groupName: "size",
-    caption: "Size",
+    caption: "pb.prop.size",
     properties: [
       {
         propertyName: "width",
@@ -11987,7 +12023,7 @@ const sizeGroup = () => {
 const marginGroup = () => {
   return {
     groupName: "margin",
-    caption: "Margin",
+    caption: "pb.prop.margin",
     properties: [
       {
         propertyName: "marginLeft",
@@ -12016,7 +12052,7 @@ const marginGroup = () => {
 const paddingGroup = () => {
   return {
     groupName: "padding",
-    caption: "Padding",
+    caption: "pb.margin.padding",
     properties: [
       {
         propertyName: "paddingLeft",
@@ -12049,32 +12085,32 @@ const commonGroup = () => {
     properties: [
       {
         propertyName: "name",
-        caption: "Name",
+        caption: "pb.prop.name",
         propertyType: "text"
       },
       {
         propertyName: "id",
-        caption: "ID",
+        caption: "pb.prop.id",
         propertyType: "text"
       },
       {
         propertyName: "classNames",
-        caption: "Class Names",
+        caption: "pb.prop.classNames",
         propertyType: "text"
       },
       {
         propertyName: "inlineStyle",
-        caption: "Inline Style",
+        caption: "pb.prop.inlineStyle",
         propertyType: "multiline-text"
       },
       {
         propertyName: "style",
-        caption: "Style",
+        caption: "pb.prop.style",
         propertyType: "multiline-text"
       },
       {
         propertyName: "partId",
-        caption: "Part ID",
+        caption: "pb.prop.partId",
         propertyType: "readonly-text"
       }
     ]
@@ -12083,23 +12119,23 @@ const commonGroup = () => {
 const layoutGroup = () => {
   return {
     groupName: "layout",
-    caption: "Layout",
+    caption: "pb.prop.layout",
     properties: [
       {
         propertyName: "direction",
-        caption: "Layout",
+        caption: "pb.prop.layout",
         propertyType: "select",
         params: "vertical,horizontal"
       },
       {
         propertyName: "wrap",
-        caption: "Wrap",
+        caption: "pb.prop.wrap",
         propertyType: "select",
         params: "nowrap,wrap"
       },
       {
         propertyName: "gap",
-        caption: "Gap",
+        caption: "pb.prop.gap",
         propertyType: "text"
       }
     ]
@@ -12108,23 +12144,23 @@ const layoutGroup = () => {
 const alignGroup = () => {
   return {
     groupName: "align",
-    caption: "Align",
+    caption: "pb.prop.align",
     properties: [
       {
         propertyName: "alignItems",
-        caption: "Align Items",
+        caption: "pb.prop.alignItems",
         propertyType: "select",
         params: "start,center,end"
       },
       {
         propertyName: "justifyContent",
-        caption: "Justify Content",
+        caption: "pb.prop.justifyContent",
         propertyType: "select",
         params: "start,center,end,between"
       },
       {
         propertyName: "alignSelf",
-        caption: "Align Self",
+        caption: "pb.prop.alignSelf",
         propertyType: "select",
         params: "start,center,end"
       }
@@ -12134,11 +12170,11 @@ const alignGroup = () => {
 const alignItemsGroup = () => {
   return {
     groupName: "align",
-    caption: "Align",
+    caption: "pb.prop.align",
     properties: [
       {
         propertyName: "alignItems",
-        caption: "Align Items",
+        caption: "pb.prop.alignItems",
         propertyType: "select",
         params: "start,center,end"
       }
@@ -12148,11 +12184,11 @@ const alignItemsGroup = () => {
 const alignSelfGroup = () => {
   return {
     groupName: "align",
-    caption: "Align",
+    caption: "pb.prop.align",
     properties: [
       {
         propertyName: "alignSelf",
-        caption: "Align Self",
+        caption: "pb.prop.alignSelf",
         propertyType: "select",
         params: ",start,center,end"
       }
@@ -12162,7 +12198,7 @@ const alignSelfGroup = () => {
 const backgroundGroup = () => {
   return {
     groupName: "background",
-    caption: "Background",
+    caption: "pb.prop.background",
     properties: [
       {
         propertyName: "backgroundColor",
@@ -12181,7 +12217,7 @@ const backgroundGroup = () => {
 const borderGroup = () => {
   return {
     groupName: "border",
-    caption: "Border",
+    caption: "pb.prop.border",
     properties: [
       {
         propertyName: "borderColor",
@@ -12268,11 +12304,16 @@ 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_5 = { class: "title mt-12" };
+const _hoisted_6 = { class: "title mt-12" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyGroupEditorMedia",
   props: {
-    property: {},
-    value: {}
+    group: {},
+    selectedParts: {}
   },
   setup(__props) {
     const pageBuilder = usePageBuilderEditor();
@@ -12317,16 +12358,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        _cache[8] || (_cache[8] = createElementVNode("div", { class: "title" }, [
-          createElementVNode("label", { textContent: "Media" })
-        ], -1)),
+        createElementVNode("div", _hoisted_2$4, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: "pb.prop.media" }]
+          ])
+        ]),
         createElementVNode("div", null, [
-          createElementVNode("button", { onClick: selectMedia }, "Select Media")
+          withDirectives(createElementVNode("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 }, [
-          _cache[4] || (_cache[4] = createElementVNode("div", { class: "title mt-12" }, [
-            createElementVNode("label", { textContent: "Alt Text" })
-          ], -1)),
+          createElementVNode("div", _hoisted_3$1, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.altText" }]
+            ])
+          ]),
           createElementVNode("div", null, [
             createVNode(unref(BSMultiLangTextInput), {
               locales: locales.value,
@@ -12335,9 +12382,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => updateProperty({ altText: value }))
             }, null, 8, ["locales", "model-value"])
           ]),
-          _cache[5] || (_cache[5] = createElementVNode("div", { class: "title mt-12" }, [
-            createElementVNode("label", { textContent: "Link" })
-          ], -1)),
+          createElementVNode("div", _hoisted_4, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.link" }]
+            ])
+          ]),
           createElementVNode("div", null, [
             createVNode(unref(BSTextInput), {
               "model-value": link.value,
@@ -12345,9 +12394,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => updateProperty({ link: value }))
             }, null, 8, ["model-value"])
           ]),
-          _cache[6] || (_cache[6] = createElementVNode("div", { class: "title mt-12" }, [
-            createElementVNode("label", { textContent: "Link Target" })
-          ], -1)),
+          createElementVNode("div", _hoisted_5, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.linkTarget" }]
+            ])
+          ]),
           createElementVNode("div", null, [
             createVNode(unref(BSTextInput), {
               "model-value": linkTarget.value,
@@ -12357,9 +12408,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ])
         ], 64)) : createCommentVNode("", true),
         ((_b = media.value) == null ? void 0 : _b.mediaType) === "Video" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _cache[7] || (_cache[7] = createElementVNode("div", { class: "title mt-12" }, [
-            createElementVNode("label", { textContent: "Thumbnail" })
-          ], -1)),
+          createElementVNode("div", _hoisted_6, [
+            withDirectives(createElementVNode("label", null, null, 512), [
+              [unref(vT), { key: "pb.prop.thumbnail" }]
+            ])
+          ]),
           createElementVNode("div", null, [
             createVNode(unref(BSTextInput), {
               "model-value": thumbnail.value,
@@ -12386,7 +12439,7 @@ const pageParts = [
         properties: [
           {
             propertyName: "maxWidth",
-            caption: "Max Width",
+            caption: "pb.prop.maxWidth",
             propertyType: "text",
             params: ""
           }
@@ -12456,32 +12509,32 @@ const widgets = [
         properties: [
           {
             propertyName: "text",
-            caption: "Text",
+            caption: "pb.prop.text",
             propertyType: "multiline-text",
             params: "",
             multiLang: true
           },
           {
             propertyName: "fontSize",
-            caption: "Font Size",
+            caption: "pb.prop.fontSize",
             propertyType: "text",
             params: ""
           },
           {
             propertyName: "fontWeight",
-            caption: "Weight",
+            caption: "pb.prop.fontWeight",
             propertyType: "text",
             params: ""
           },
           {
             propertyName: "textAlign",
-            caption: "Text Align",
+            caption: "pb.prop.textAlign",
             propertyType: "select",
             params: "left,center,right"
           },
           {
             propertyName: "color",
-            caption: "Font Color",
+            caption: "pb.prop.fontColor",
             propertyType: "color",
             params: ""
           }
@@ -12514,26 +12567,26 @@ const widgets = [
         properties: [
           {
             propertyName: "image",
-            caption: "Image",
+            caption: "pb.prop.image",
             propertyType: "image",
             params: ""
           },
           {
             propertyName: "altText",
-            caption: "Alt Text",
+            caption: "pb.prop.altText",
             propertyType: "text",
             params: "",
             multiLang: true
           },
           {
             propertyName: "link",
-            caption: "Link",
+            caption: "pb.prop.link",
             propertyType: "text",
             params: ""
           },
           {
             propertyName: "linkTarget",
-            caption: "Link Target",
+            caption: "pb.prop.linkTarget",
             propertyType: "text",
             params: ""
           }
@@ -12554,7 +12607,7 @@ const widgets = [
     propertyGroups: [
       {
         groupName: "Media",
-        caption: "Media",
+        caption: "pb.prop.media",
         properties: [
           {
             propertyName: "Media",
@@ -12601,11 +12654,11 @@ const widgets = [
     propertyGroups: [
       {
         groupName: "HTML",
-        caption: "HTML",
+        caption: "pb.prop.html",
         properties: [
           {
             propertyName: "html",
-            caption: "HTML",
+            caption: "pb.prop.html",
             propertyType: "html",
             params: "",
             multiLang: true
@@ -12631,7 +12684,7 @@ const widgets = [
         properties: [
           {
             propertyName: "url",
-            caption: "URL",
+            caption: "pb.prop.url",
             propertyType: "text",
             params: "",
             multiLang: true
@@ -12657,13 +12710,13 @@ const widgets = [
         properties: [
           {
             propertyName: "url",
-            caption: "URL",
+            caption: "pb.prop.url",
             propertyType: "youtube",
             params: ""
           },
           {
             propertyName: "aspectRatio",
-            caption: "Apect Ration",
+            caption: "pb.prop.aspectRatio",
             propertyType: "text",
             params: ""
           }
@@ -12782,7 +12835,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DkOxvb6V.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-Br2XZusB.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -13127,7 +13180,7 @@ const _AddSectionAboveCommand = class _AddSectionAboveCommand {
   }
 };
 __publicField(_AddSectionAboveCommand, "COMMAND_ID", "AddSectionAbove");
-__publicField(_AddSectionAboveCommand, "CAPTION", "Add Section Above");
+__publicField(_AddSectionAboveCommand, "CAPTION", "pb.menu.addSectionAbove");
 let AddSectionAboveCommand = _AddSectionAboveCommand;
 const _AddSectionBelowCommand = class _AddSectionBelowCommand {
   constructor(modal) {
@@ -13140,7 +13193,7 @@ const _AddSectionBelowCommand = class _AddSectionBelowCommand {
   }
 };
 __publicField(_AddSectionBelowCommand, "COMMAND_ID", "AddSectionBelow");
-__publicField(_AddSectionBelowCommand, "CAPTION", "Add Section Below");
+__publicField(_AddSectionBelowCommand, "CAPTION", "pb.menu.addSectionBelow");
 let AddSectionBelowCommand = _AddSectionBelowCommand;
 const _AddBlockLeftCommand = class _AddBlockLeftCommand {
   constructor() {
@@ -13152,7 +13205,7 @@ const _AddBlockLeftCommand = class _AddBlockLeftCommand {
   }
 };
 __publicField(_AddBlockLeftCommand, "COMMAND_ID", "AddBlockLeft");
-__publicField(_AddBlockLeftCommand, "CAPTION", "Add Block Left");
+__publicField(_AddBlockLeftCommand, "CAPTION", "pb.menu.addBlockLeft");
 let AddBlockLeftCommand = _AddBlockLeftCommand;
 const _AddBlockRightCommand = class _AddBlockRightCommand {
   constructor() {
@@ -13164,7 +13217,7 @@ const _AddBlockRightCommand = class _AddBlockRightCommand {
   }
 };
 __publicField(_AddBlockRightCommand, "COMMAND_ID", "AddBlockRight");
-__publicField(_AddBlockRightCommand, "CAPTION", "Add Block Right");
+__publicField(_AddBlockRightCommand, "CAPTION", "pb.menu.addBlockRight");
 let AddBlockRightCommand = _AddBlockRightCommand;
 const _AddBlockAboveCommand = class _AddBlockAboveCommand {
   constructor() {
@@ -13176,7 +13229,7 @@ const _AddBlockAboveCommand = class _AddBlockAboveCommand {
   }
 };
 __publicField(_AddBlockAboveCommand, "COMMAND_ID", "AddBlockAbove");
-__publicField(_AddBlockAboveCommand, "CAPTION", "Add Block Above");
+__publicField(_AddBlockAboveCommand, "CAPTION", "pb.menu.addBlockAbove");
 let AddBlockAboveCommand = _AddBlockAboveCommand;
 const _AddBlockBelowCommand = class _AddBlockBelowCommand {
   constructor() {
@@ -13188,7 +13241,7 @@ const _AddBlockBelowCommand = class _AddBlockBelowCommand {
   }
 };
 __publicField(_AddBlockBelowCommand, "COMMAND_ID", "AddBlockBelow");
-__publicField(_AddBlockBelowCommand, "CAPTION", "Add Block Below");
+__publicField(_AddBlockBelowCommand, "CAPTION", "pb.menu.addBlockBelow");
 let AddBlockBelowCommand = _AddBlockBelowCommand;
 const _AddWidgetLeftCommand = class _AddWidgetLeftCommand {
   constructor(modal) {
@@ -13201,7 +13254,7 @@ const _AddWidgetLeftCommand = class _AddWidgetLeftCommand {
   }
 };
 __publicField(_AddWidgetLeftCommand, "COMMAND_ID", "AddWidgetLeft");
-__publicField(_AddWidgetLeftCommand, "CAPTION", "Add Widget Left");
+__publicField(_AddWidgetLeftCommand, "CAPTION", "pb.menu.addWidgetLeft");
 let AddWidgetLeftCommand = _AddWidgetLeftCommand;
 const _AddWidgetRightCommand = class _AddWidgetRightCommand {
   constructor(modal) {
@@ -13214,7 +13267,7 @@ const _AddWidgetRightCommand = class _AddWidgetRightCommand {
   }
 };
 __publicField(_AddWidgetRightCommand, "COMMAND_ID", "AddWidgetRight");
-__publicField(_AddWidgetRightCommand, "CAPTION", "Add Widget Right");
+__publicField(_AddWidgetRightCommand, "CAPTION", "pb.menu.addWidgetRight");
 let AddWidgetRightCommand = _AddWidgetRightCommand;
 const _AddWidgetAboveCommand = class _AddWidgetAboveCommand {
   constructor(modal) {
@@ -13227,7 +13280,7 @@ const _AddWidgetAboveCommand = class _AddWidgetAboveCommand {
   }
 };
 __publicField(_AddWidgetAboveCommand, "COMMAND_ID", "AddWidgetAbove");
-__publicField(_AddWidgetAboveCommand, "CAPTION", "Add Widget Above");
+__publicField(_AddWidgetAboveCommand, "CAPTION", "pb.menu.addWidgetAbove");
 let AddWidgetAboveCommand = _AddWidgetAboveCommand;
 const _AddWidgetBelowCommand = class _AddWidgetBelowCommand {
   constructor(modal) {
@@ -13240,7 +13293,7 @@ const _AddWidgetBelowCommand = class _AddWidgetBelowCommand {
   }
 };
 __publicField(_AddWidgetBelowCommand, "COMMAND_ID", "AddWidgetBelow");
-__publicField(_AddWidgetBelowCommand, "CAPTION", "Add Widget Below");
+__publicField(_AddWidgetBelowCommand, "CAPTION", "pb.menu.addWidgetBelow");
 let AddWidgetBelowCommand = _AddWidgetBelowCommand;
 const _AddWidgetInsideCommand = class _AddWidgetInsideCommand {
   constructor(modal) {
@@ -13253,13 +13306,13 @@ const _AddWidgetInsideCommand = class _AddWidgetInsideCommand {
   }
 };
 __publicField(_AddWidgetInsideCommand, "COMMAND_ID", "AddWidgetInside");
-__publicField(_AddWidgetInsideCommand, "CAPTION", "Add Widget Inside");
+__publicField(_AddWidgetInsideCommand, "CAPTION", "pb.menu.addWidgetInside");
 let AddWidgetInsideCommand = _AddWidgetInsideCommand;
 const _ChangePropertyCommand = class _ChangePropertyCommand {
   constructor() {
     __publicField(this, "commandId", _ChangePropertyCommand.COMMAND_ID);
-    __publicField(this, "caption", "Change Property");
   }
+  // readonly caption = 'Change Property'
   execute(pageBuilder, args) {
     const parts = args.targetParts;
     const param = {
@@ -13296,7 +13349,7 @@ const _DeletePartCommand = class _DeletePartCommand {
   }
 };
 __publicField(_DeletePartCommand, "COMMAND_ID", "DeletePart");
-__publicField(_DeletePartCommand, "CAPTION", "Delete");
+__publicField(_DeletePartCommand, "CAPTION", "pb.menu.deletePart");
 let DeletePartCommand = _DeletePartCommand;
 const _CopyAllCommand = class _CopyAllCommand {
   constructor() {
@@ -13557,7 +13610,7 @@ const createDefaultCommands = (modal) => {
 const menuItemForCommand = (pageBuilder, commandId, caption) => {
   return {
     menuId: commandId,
-    caption: caption || commandId,
+    caption: { key: caption || commandId },
     handler: () => pageBuilder.commandRegistry.executeCommand(commandId)
   };
 };
@@ -13778,43 +13831,43 @@ const createDefaultToolButtonGroups = () => {
       buttons: [
         {
           buttonId: "core:undo",
-          caption: "Undo",
+          caption: "pb.button.undo",
           icon: "undo",
           handler: (modeler) => modeler.undo()
         },
         {
           buttonId: "core:redo",
-          caption: "Redo",
+          caption: "pb.button.redo",
           icon: "redo",
           handler: (modeler) => modeler.redo()
         },
         {
           buttonId: "core:copyAll",
-          caption: "Copy All",
+          caption: "pb.button.copyAll",
           icon: "copy_all",
           handler: (modeler) => modeler.commandRegistry.executeCommand(CopyAllCommand.COMMAND_ID)
         },
         {
           buttonId: "core:copy",
-          caption: "Copy",
+          caption: "pb.button.copy",
           icon: "content_copy",
           handler: (modeler) => modeler.commandRegistry.executeCommand(CopyPartCommand.COMMAND_ID)
         },
         {
           buttonId: "core:cut",
-          caption: "Cut",
+          caption: "pb.button.cut",
           icon: "cut",
           handler: (modeler) => modeler.commandRegistry.executeCommand(CutPartCommand.COMMAND_ID)
         },
         {
           buttonId: "core:paste",
-          caption: "Paste",
+          caption: "pb.button.paste",
           icon: "content_paste",
           handler: (modeler) => modeler.commandRegistry.executeCommand(PastePartCommand.COMMAND_ID)
         },
         {
           buttonId: "core:delete",
-          caption: "Delete",
+          caption: "pb.button.delete",
           icon: "delete",
           handler: (modeler) => modeler.commandRegistry.executeCommand(DeletePartCommand.COMMAND_ID)
         }
@@ -13825,19 +13878,19 @@ const createDefaultToolButtonGroups = () => {
       buttons: [
         {
           buttonId: "core:addSection",
-          caption: "Add Section",
+          caption: "pb.button.addSection",
           icon: "add_row_below",
           handler: (modeler) => modeler.commandRegistry.executeCommand(AddSectionCommand.COMMAND_ID)
         },
         {
           buttonId: "core:addBlock",
-          caption: "Add Block",
+          caption: "pb.button.addBlock",
           icon: "add_column_right",
           handler: (modeler) => modeler.commandRegistry.executeCommand(AddBlockCommand.COMMAND_ID)
         },
         {
           buttonId: "core:addWidget",
-          caption: "Add Widget",
+          caption: "pb.button.addWidget",
           icon: "desktop_landscape_add",
           handler: (modeler) => modeler.commandRegistry.executeCommand(OpenAddWidgetModalCommand.COMMAND_ID)
         }
@@ -14352,7 +14405,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", {
+        withDirectives((openBlock(), createElementBlock("div", {
           class: "tool-button bs-clickable",
           onClick: handleClick
         }, [
@@ -14361,6 +14414,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ fontSize: _ctx.button.iconFontSize || "20px" }),
             class: "font-icon"
           }, toDisplayString(_ctx.button.icon), 5)) : createCommentVNode("", true)
+        ])), [
+          [
+            unref(vT),
+            { key: _ctx.button.caption },
+            void 0,
+            { title: true }
+          ]
         ])
       ]);
     };
@@ -14387,7 +14447,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$9 = { class: "pb-toolbar bs-layout-horizontal align-items-center" };
 const _hoisted_2$3 = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_3$1 = { class: "mr-8" };
+const _hoisted_3 = { class: "mr-8" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "PbToolbar",
   props: {
@@ -14419,7 +14479,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     const makeSingleScreen = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./PbScreenSelectModal-CnI1IsvW.js")),
+        component: defineAsyncComponent(() => import("./PbScreenSelectModal-57LXAzjs.js")),
         bind: {},
         on: {
           select: (selection) => {
@@ -14463,7 +14523,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, null, 8, ["modelValue"])
         ]),
         _cache[2] || (_cache[2] = createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
-        createElementVNode("div", _hoisted_3$1, [
+        createElementVNode("div", _hoisted_3, [
           _ctx.plugin ? (openBlock(), createBlock$1(resolveDynamicComponent((_a = _ctx.plugin) == null ? void 0 : _a.component), mergeProps({ key: 0 }, (_b = _ctx.plugin) == null ? void 0 : _b.bind, toHandlers((_c = _ctx.plugin) == null ? void 0 : _c.on)), null, 16)) : createCommentVNode("", true)
         ])
       ]);
@@ -14680,7 +14740,6 @@ const _hoisted_2$2 = {
   key: 0,
   class: "group-title"
 };
-const _hoisted_3 = ["textContent"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PbSidebarPropertyGroupEditor",
   props: {
@@ -14697,9 +14756,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         _ctx.group.showGroupName ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.group.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.group.caption }]
+          ])
         ])) : createCommentVNode("", true),
         _ctx.partsKey ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           groupEditor.value ? (openBlock(), createBlock$1(resolveDynamicComponent(groupEditor.value), {
@@ -14849,6 +14908,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 6),
           createElementVNode("div", {
+            title: "Add Section",
             class: "pb-add-section-handle bottom",
             onClick: addSection
           }, _cache[0] || (_cache[0] = [
@@ -14920,10 +14980,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         if (!iframeRef.value || !iframeRef.value.contentDocument) return;
         const iframeBody = iframeRef.value.contentDocument.body;
         if (iframeBody) {
-          void iframeBody.offsetHeight;
-          const newHeight = iframeBody.scrollHeight;
-          if (iframeRef.value.style.height !== `${newHeight}px`) {
-            iframeRef.value.style.height = `${newHeight}px`;
+          const pageDiv = iframeRef.value.contentDocument.querySelector(".pb-page");
+          if (pageDiv) {
+            const newHeight = pageDiv.scrollHeight;
+            if (iframeRef.value.style.height !== `${newHeight}px`) {
+              iframeRef.value.style.height = `${newHeight}px`;
+            }
           }
         }
       });
@@ -15028,6 +15090,1298 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const enTexts = [
+  {
+    key: "pb.button.undo",
+    text: "Undo"
+  },
+  {
+    key: "pb.button.redo",
+    text: "Redo"
+  },
+  {
+    key: "pb.button.copyAll",
+    text: "Copy All"
+  },
+  {
+    key: "pb.button.copy",
+    text: "Copy"
+  },
+  {
+    key: "pb.button.cut",
+    text: "Cut"
+  },
+  {
+    key: "pb.button.paste",
+    text: "Paste"
+  },
+  {
+    key: "pb.button.delete",
+    text: "Delete"
+  },
+  {
+    key: "pb.button.addSection",
+    text: "Add Section"
+  },
+  {
+    key: "pb.button.addBlock",
+    text: "Add Block"
+  },
+  {
+    key: "pb.button.addWidget",
+    text: "Add Widget"
+  },
+  {
+    key: "pb.menu.addSectionAbove",
+    text: "Add Section Above"
+  },
+  {
+    key: "pb.menu.addSectionBelow",
+    text: "Add Section Below"
+  },
+  {
+    key: "pb.menu.addBlockLeft",
+    text: "Add Block Left"
+  },
+  {
+    key: "pb.menu.addBlockRight",
+    text: "Add Block Right"
+  },
+  {
+    key: "pb.menu.addBlockAbove",
+    text: "Add Block Above"
+  },
+  {
+    key: "pb.menu.addBlockBelow",
+    text: "Add Block Below"
+  },
+  {
+    key: "pb.menu.addWidgetLeft",
+    text: "Add Widget Left"
+  },
+  {
+    key: "pb.menu.addWidgetRight",
+    text: "Add Widget Right"
+  },
+  {
+    key: "pb.menu.addWidgetAbove",
+    text: "Add Widget Above"
+  },
+  {
+    key: "pb.menu.addWidgetBelow",
+    text: "Add Widget Below"
+  },
+  {
+    key: "pb.menu.addWidgetInside",
+    text: "Add Widget Inside"
+  },
+  {
+    key: "pb.menu.deletePart",
+    text: "Delete"
+  },
+  {
+    key: "pb.prop.name",
+    text: "Name"
+  },
+  {
+    key: "pb.prop.id",
+    text: "Tag ID"
+  },
+  {
+    key: "pb.prop.classNames",
+    text: "Class Names"
+  },
+  {
+    key: "pb.prop.inlineStyle",
+    text: "Inline CSS Style"
+  },
+  {
+    key: "pb.prop.style",
+    text: "CSS Style"
+  },
+  {
+    key: "pb.prop.partId",
+    text: "ID"
+  },
+  {
+    key: "pb.prop.size",
+    text: "Size"
+  },
+  {
+    key: "pb.prop.maxSize",
+    text: "Max Size"
+  },
+  {
+    key: "pb.prop.minSize",
+    text: "Min Size"
+  },
+  {
+    key: "pb.prop.margin",
+    text: "Margin"
+  },
+  {
+    key: "pb.prop.padding",
+    text: "Padding"
+  },
+  {
+    key: "pb.prop.background",
+    text: "Background"
+  },
+  {
+    key: "pb.prop.selectImage",
+    text: "Select Image"
+  },
+  {
+    key: "pb.prop.border",
+    text: "Border"
+  },
+  {
+    key: "pb.prop.borderColor",
+    text: "Color"
+  },
+  {
+    key: "pb.prop.borderWidth",
+    text: "Border Width"
+  },
+  {
+    key: "pb.prop.borderRadius",
+    text: "Border Radius"
+  },
+  {
+    key: "pb.prop.position",
+    text: "Position"
+  },
+  {
+    key: "pb.prop.editHtml",
+    text: "Edit HTML"
+  },
+  {
+    key: "pb.prop.selectMedia",
+    text: "Select Media"
+  },
+  {
+    key: "pb.prop.altText",
+    text: "Alt Text"
+  },
+  {
+    key: "pb.prop.link",
+    text: "Link"
+  },
+  {
+    key: "pb.prop.linkTarget",
+    text: "Link Target"
+  },
+  {
+    key: "pb.prop.thumbnail",
+    text: "Thumbnail"
+  },
+  {
+    key: "pb.prop.layout",
+    text: "Layout"
+  },
+  {
+    key: "pb.prop.direction",
+    text: "Direction"
+  },
+  {
+    key: "pb.prop.wrap",
+    text: "Wrap"
+  },
+  {
+    key: "pb.prop.gap",
+    text: "Gap"
+  },
+  {
+    key: "pb.prop.align",
+    text: "Align"
+  },
+  {
+    key: "pb.prop.alignItems",
+    text: "Align Items"
+  },
+  {
+    key: "pb.prop.justifyContent",
+    text: "Justify Content"
+  },
+  {
+    key: "pb.prop.alignSelf",
+    text: "Align Self"
+  },
+  {
+    key: "pb.prop.maxWidth",
+    text: "Max Width"
+  },
+  {
+    key: "pb.prop.text",
+    text: "Text"
+  },
+  {
+    key: "pb.prop.fontSize",
+    text: "Font Size"
+  },
+  {
+    key: "pb.prop.fontWeight",
+    text: "Font Weight"
+  },
+  {
+    key: "pb.prop.textAlign",
+    text: "Text Align"
+  },
+  {
+    key: "pb.prop.fontColor",
+    text: "Font Color"
+  },
+  {
+    key: "pb.prop.image",
+    text: "Image"
+  },
+  {
+    key: "pb.prop.media",
+    text: "Media"
+  },
+  {
+    key: "pb.prop.html",
+    text: "HTML"
+  },
+  {
+    key: "pb.prop.url",
+    text: "URL"
+  },
+  {
+    key: "pb.prop.aspectRatio",
+    text: "Aspect Ratio"
+  },
+  {
+    key: "pb.prop.selectVideo",
+    text: "Select Video"
+  },
+  {
+    key: "pb.button.ok",
+    text: "OK"
+  },
+  {
+    key: "pb.button.cancel",
+    text: "Cancel"
+  },
+  {
+    key: "pb.modal.addWidget.title",
+    text: "Add Widget"
+  },
+  {
+    key: "pb.modal.youtube.title",
+    text: "Youtube Video"
+  },
+  {
+    key: "pb.modal.youtube.url",
+    text: "URL"
+  },
+  {
+    key: "pb.modal.youtube.preview",
+    text: "Preview"
+  },
+  {
+    key: "pb.modal.screenSelect.title",
+    text: "Select Screen"
+  },
+  {
+    key: "pb.modal.screenSelect.message",
+    text: "Which screen do you want to keep?"
+  },
+  {
+    key: "pb.modal.screenSelect.pc",
+    text: "PC"
+  },
+  {
+    key: "pb.modal.screenSelect.mobile",
+    text: "Mobile"
+  },
+  {
+    key: "pb.modal.htmlEditor.title",
+    text: "HTML Editor"
+  },
+  {
+    key: "pb.modal.htmlEditor.preview",
+    text: "Preview"
+  },
+  {
+    key: "pb.modal.htmlEditor.tags",
+    text: "Tags"
+  },
+  {
+    key: "pb.modal.htmlEditor.style",
+    text: "Style"
+  }
+];
+const jaTexts = [
+  {
+    key: "pb.button.undo",
+    text: "元に戻す"
+  },
+  {
+    key: "pb.button.redo",
+    text: "やり直す"
+  },
+  {
+    key: "pb.button.copyAll",
+    text: "すべてコピー"
+  },
+  {
+    key: "pb.button.copy",
+    text: "コピー"
+  },
+  {
+    key: "pb.button.cut",
+    text: "切り取り"
+  },
+  {
+    key: "pb.button.paste",
+    text: "貼り付け"
+  },
+  {
+    key: "pb.button.delete",
+    text: "削除"
+  },
+  {
+    key: "pb.button.addSection",
+    text: "セクションを追加"
+  },
+  {
+    key: "pb.button.addBlock",
+    text: "ブロックを追加"
+  },
+  {
+    key: "pb.button.addWidget",
+    text: "ウィジェットを追加"
+  },
+  {
+    key: "pb.menu.addSectionAbove",
+    text: "上にセクションを追加"
+  },
+  {
+    key: "pb.menu.addSectionBelow",
+    text: "下にセクションを追加"
+  },
+  {
+    key: "pb.menu.addBlockLeft",
+    text: "左にブロックを追加"
+  },
+  {
+    key: "pb.menu.addBlockRight",
+    text: "右にブロックを追加"
+  },
+  {
+    key: "pb.menu.addBlockAbove",
+    text: "上にブロックを追加"
+  },
+  {
+    key: "pb.menu.addBlockBelow",
+    text: "下にブロックを追加"
+  },
+  {
+    key: "pb.menu.addWidgetLeft",
+    text: "左にウィジェットを追加"
+  },
+  {
+    key: "pb.menu.addWidgetRight",
+    text: "右にウィジェットを追加"
+  },
+  {
+    key: "pb.menu.addWidgetAbove",
+    text: "上にウィジェットを追加"
+  },
+  {
+    key: "pb.menu.addWidgetBelow",
+    text: "下にウィジェットを追加"
+  },
+  {
+    key: "pb.menu.addWidgetInside",
+    text: "内側にウィジェットを追加"
+  },
+  {
+    key: "pb.menu.deletePart",
+    text: "削除"
+  },
+  {
+    key: "pb.prop.name",
+    text: "名前"
+  },
+  {
+    key: "pb.prop.id",
+    text: "タグ ID"
+  },
+  {
+    key: "pb.prop.classNames",
+    text: "クラス名"
+  },
+  {
+    key: "pb.prop.inlineStyle",
+    text: "インライン CSS スタイル"
+  },
+  {
+    key: "pb.prop.style",
+    text: "CSS スタイル"
+  },
+  {
+    key: "pb.prop.partId",
+    text: "ID"
+  },
+  {
+    key: "pb.prop.size",
+    text: "サイズ"
+  },
+  {
+    key: "pb.prop.maxSize",
+    text: "最大サイズ"
+  },
+  {
+    key: "pb.prop.minSize",
+    text: "最小サイズ"
+  },
+  {
+    key: "pb.prop.margin",
+    text: "マージン"
+  },
+  {
+    key: "pb.prop.padding",
+    text: "パディング"
+  },
+  {
+    key: "pb.prop.background",
+    text: "背景"
+  },
+  {
+    key: "pb.prop.selectImage",
+    text: "画像を選択"
+  },
+  {
+    key: "pb.prop.border",
+    text: "枠線"
+  },
+  {
+    key: "pb.prop.borderColor",
+    text: "枠線の色"
+  },
+  {
+    key: "pb.prop.borderWidth",
+    text: "枠線の幅"
+  },
+  {
+    key: "pb.prop.borderRadius",
+    text: "枠線の角丸"
+  },
+  {
+    key: "pb.prop.position",
+    text: "位置"
+  },
+  {
+    key: "pb.prop.editHtml",
+    text: "HTML を編集"
+  },
+  {
+    key: "pb.prop.selectMedia",
+    text: "メディアを選択"
+  },
+  {
+    key: "pb.prop.altText",
+    text: "代替テキスト"
+  },
+  {
+    key: "pb.prop.link",
+    text: "リンク"
+  },
+  {
+    key: "pb.prop.linkTarget",
+    text: "リンクターゲット"
+  },
+  {
+    key: "pb.prop.thumbnail",
+    text: "サムネイル"
+  },
+  {
+    key: "pb.prop.layout",
+    text: "レイアウト"
+  },
+  {
+    key: "pb.prop.direction",
+    text: "方向"
+  },
+  {
+    key: "pb.prop.wrap",
+    text: "折り返し"
+  },
+  {
+    key: "pb.prop.gap",
+    text: "ギャップ"
+  },
+  {
+    key: "pb.prop.align",
+    text: "配置"
+  },
+  {
+    key: "pb.prop.alignItems",
+    text: "アイテムの配置"
+  },
+  {
+    key: "pb.prop.justifyContent",
+    text: "コンテンツの配置"
+  },
+  {
+    key: "pb.prop.alignSelf",
+    text: "セルフ配置"
+  },
+  {
+    key: "pb.prop.maxWidth",
+    text: "最大幅"
+  },
+  {
+    key: "pb.prop.text",
+    text: "テキスト"
+  },
+  {
+    key: "pb.prop.fontSize",
+    text: "フォントサイズ"
+  },
+  {
+    key: "pb.prop.fontWeight",
+    text: "フォントの太さ"
+  },
+  {
+    key: "pb.prop.textAlign",
+    text: "テキストの配置"
+  },
+  {
+    key: "pb.prop.fontColor",
+    text: "フォントの色"
+  },
+  {
+    key: "pb.prop.image",
+    text: "画像"
+  },
+  {
+    key: "pb.prop.media",
+    text: "メディア"
+  },
+  {
+    key: "pb.prop.html",
+    text: "HTML"
+  },
+  {
+    key: "pb.prop.url",
+    text: "URL"
+  },
+  {
+    key: "pb.prop.aspectRatio",
+    text: "アスペクト比"
+  },
+  {
+    key: "pb.prop.selectVideo",
+    text: "ビデオを選択"
+  },
+  {
+    key: "pb.button.ok",
+    text: "OK"
+  },
+  {
+    key: "pb.button.cancel",
+    text: "キャンセル"
+  },
+  {
+    key: "pb.modal.addWidget.title",
+    text: "ウィジェットを追加"
+  },
+  {
+    key: "pb.modal.youtube.title",
+    text: "YouTube ビデオ"
+  },
+  {
+    key: "pb.modal.youtube.url",
+    text: "URL"
+  },
+  {
+    key: "pb.modal.youtube.preview",
+    text: "プレビュー"
+  },
+  {
+    key: "pb.modal.screenSelect.title",
+    text: "スクリーンを選択"
+  },
+  {
+    key: "pb.modal.screenSelect.message",
+    text: "どのスクリーンを残しますか？"
+  },
+  {
+    key: "pb.modal.screenSelect.pc",
+    text: "PC"
+  },
+  {
+    key: "pb.modal.screenSelect.mobile",
+    text: "モバイル"
+  },
+  {
+    key: "pb.modal.htmlEditor.title",
+    text: "HTML エディター"
+  },
+  {
+    key: "pb.modal.htmlEditor.preview",
+    text: "プレビュー"
+  },
+  {
+    key: "pb.modal.htmlEditor.tags",
+    text: "タグ"
+  },
+  {
+    key: "pb.modal.htmlEditor.style",
+    text: "スタイル"
+  }
+];
+const koTexts = [
+  {
+    key: "pb.button.undo",
+    text: "실행 취소"
+  },
+  {
+    key: "pb.button.redo",
+    text: "다시 실행"
+  },
+  {
+    key: "pb.button.copyAll",
+    text: "모두 복사"
+  },
+  {
+    key: "pb.button.copy",
+    text: "복사"
+  },
+  {
+    key: "pb.button.cut",
+    text: "자르기"
+  },
+  {
+    key: "pb.button.paste",
+    text: "붙여넣기"
+  },
+  {
+    key: "pb.button.delete",
+    text: "삭제"
+  },
+  {
+    key: "pb.button.addSection",
+    text: "섹션 추가"
+  },
+  {
+    key: "pb.button.addBlock",
+    text: "블록 추가"
+  },
+  {
+    key: "pb.button.addWidget",
+    text: "위젯 추가"
+  },
+  {
+    key: "pb.menu.addSectionAbove",
+    text: "위에 섹션 추가"
+  },
+  {
+    key: "pb.menu.addSectionBelow",
+    text: "아래에 섹션 추가"
+  },
+  {
+    key: "pb.menu.addBlockLeft",
+    text: "왼쪽에 블록 추가"
+  },
+  {
+    key: "pb.menu.addBlockRight",
+    text: "오른쪽에 블록 추가"
+  },
+  {
+    key: "pb.menu.addBlockAbove",
+    text: "위에 블록 추가"
+  },
+  {
+    key: "pb.menu.addBlockBelow",
+    text: "아래에 블록 추가"
+  },
+  {
+    key: "pb.menu.addWidgetLeft",
+    text: "왼쪽에 위젯 추가"
+  },
+  {
+    key: "pb.menu.addWidgetRight",
+    text: "오른쪽에 위젯 추가"
+  },
+  {
+    key: "pb.menu.addWidgetAbove",
+    text: "위에 위젯 추가"
+  },
+  {
+    key: "pb.menu.addWidgetBelow",
+    text: "아래에 위젯 추가"
+  },
+  {
+    key: "pb.menu.addWidgetInside",
+    text: "안쪽에 위젯 추가"
+  },
+  {
+    key: "pb.menu.deletePart",
+    text: "삭제"
+  },
+  {
+    key: "pb.prop.name",
+    text: "이름"
+  },
+  {
+    key: "pb.prop.id",
+    text: "태그 ID"
+  },
+  {
+    key: "pb.prop.classNames",
+    text: "CSS 클래스"
+  },
+  {
+    key: "pb.prop.inlineStyle",
+    text: "인라인 CSS 스타일"
+  },
+  {
+    key: "pb.prop.style",
+    text: "CSS 스타일"
+  },
+  {
+    key: "pb.prop.partId",
+    text: "ID"
+  },
+  {
+    key: "pb.prop.size",
+    text: "크기"
+  },
+  {
+    key: "pb.prop.maxSize",
+    text: "최대 크기"
+  },
+  {
+    key: "pb.prop.minSize",
+    text: "최소 크기"
+  },
+  {
+    key: "pb.prop.margin",
+    text: "바깥쪽 여백"
+  },
+  {
+    key: "pb.prop.padding",
+    text: "안쪽 여백"
+  },
+  {
+    key: "pb.prop.background",
+    text: "배경"
+  },
+  {
+    key: "pb.prop.selectImage",
+    text: "이미지 선택"
+  },
+  {
+    key: "pb.prop.border",
+    text: "테두리"
+  },
+  {
+    key: "pb.prop.borderColor",
+    text: "색상"
+  },
+  {
+    key: "pb.prop.borderWidth",
+    text: "굵기"
+  },
+  {
+    key: "pb.prop.borderRadius",
+    text: "모서리 둥글기"
+  },
+  {
+    key: "pb.prop.position",
+    text: "위치"
+  },
+  {
+    key: "pb.prop.editHtml",
+    text: "HTML 편집"
+  },
+  {
+    key: "pb.prop.selectMedia",
+    text: "미디어 선택"
+  },
+  {
+    key: "pb.prop.altText",
+    text: "대체 텍스트"
+  },
+  {
+    key: "pb.prop.link",
+    text: "링크"
+  },
+  {
+    key: "pb.prop.linkTarget",
+    text: "링크 타겟"
+  },
+  {
+    key: "pb.prop.thumbnail",
+    text: "썸네일"
+  },
+  {
+    key: "pb.prop.layout",
+    text: "레이아웃"
+  },
+  {
+    key: "pb.prop.direction",
+    text: "방향"
+  },
+  {
+    key: "pb.prop.wrap",
+    text: "Wrap"
+  },
+  {
+    key: "pb.prop.gap",
+    text: "갭"
+  },
+  {
+    key: "pb.prop.align",
+    text: "정렬"
+  },
+  {
+    key: "pb.prop.alignItems",
+    text: "Align Items"
+  },
+  {
+    key: "pb.prop.justifyContent",
+    text: "Justify Content"
+  },
+  {
+    key: "pb.prop.alignSelf",
+    text: "Align Self"
+  },
+  {
+    key: "pb.prop.maxWidth",
+    text: "최대 너비"
+  },
+  {
+    key: "pb.prop.text",
+    text: "텍스트"
+  },
+  {
+    key: "pb.prop.fontSize",
+    text: "폰트 크기"
+  },
+  {
+    key: "pb.prop.fontWeight",
+    text: "폰트 굵기"
+  },
+  {
+    key: "pb.prop.textAlign",
+    text: "텍스트 정렬"
+  },
+  {
+    key: "pb.prop.fontColor",
+    text: "텍스트 색상"
+  },
+  {
+    key: "pb.prop.image",
+    text: "이미지"
+  },
+  {
+    key: "pb.prop.media",
+    text: "Media"
+  },
+  {
+    key: "pb.prop.html",
+    text: "HTML"
+  },
+  {
+    key: "pb.prop.url",
+    text: "URL"
+  },
+  {
+    key: "pb.prop.aspectRatio",
+    text: "가로/세로 비율"
+  },
+  {
+    key: "pb.prop.selectVideo",
+    text: "비디오 선택"
+  },
+  {
+    key: "pb.button.ok",
+    text: "확인"
+  },
+  {
+    key: "pb.button.cancel",
+    text: "취소"
+  },
+  {
+    key: "pb.modal.addWidget.title",
+    text: "위젯 추가"
+  },
+  {
+    key: "pb.modal.youtube.title",
+    text: "유튜브 비디오"
+  },
+  {
+    key: "pb.modal.youtube.url",
+    text: "URL"
+  },
+  {
+    key: "pb.modal.youtube.preview",
+    text: "미리보기"
+  },
+  {
+    key: "pb.modal.screenSelect.title",
+    text: "화면 선택"
+  },
+  {
+    key: "pb.modal.screenSelect.message",
+    text: "어떤 화면을 남기겠어요?"
+  },
+  {
+    key: "pb.modal.screenSelect.pc",
+    text: "PC"
+  },
+  {
+    key: "pb.modal.screenSelect.mobile",
+    text: "모바일"
+  },
+  {
+    key: "pb.modal.htmlEditor.title",
+    text: "HTML 편집"
+  },
+  {
+    key: "pb.modal.htmlEditor.preview",
+    text: "미리보기"
+  },
+  {
+    key: "pb.modal.htmlEditor.tags",
+    text: "태그"
+  },
+  {
+    key: "pb.modal.htmlEditor.style",
+    text: "스타일"
+  }
+];
+const zhTexts = [
+  {
+    key: "pb.button.undo",
+    text: "撤消"
+  },
+  {
+    key: "pb.button.redo",
+    text: "重做"
+  },
+  {
+    key: "pb.button.copyAll",
+    text: "全部复制"
+  },
+  {
+    key: "pb.button.copy",
+    text: "复制"
+  },
+  {
+    key: "pb.button.cut",
+    text: "剪切"
+  },
+  {
+    key: "pb.button.paste",
+    text: "粘贴"
+  },
+  {
+    key: "pb.button.delete",
+    text: "删除"
+  },
+  {
+    key: "pb.button.addSection",
+    text: "添加部分"
+  },
+  {
+    key: "pb.button.addBlock",
+    text: "添加区块"
+  },
+  {
+    key: "pb.button.addWidget",
+    text: "添加小部件"
+  },
+  {
+    key: "pb.menu.addSectionAbove",
+    text: "在上方添加部分"
+  },
+  {
+    key: "pb.menu.addSectionBelow",
+    text: "在下方添加部分"
+  },
+  {
+    key: "pb.menu.addBlockLeft",
+    text: "在左侧添加区块"
+  },
+  {
+    key: "pb.menu.addBlockRight",
+    text: "在右侧添加区块"
+  },
+  {
+    key: "pb.menu.addBlockAbove",
+    text: "在上方添加区块"
+  },
+  {
+    key: "pb.menu.addBlockBelow",
+    text: "在下方添加区块"
+  },
+  {
+    key: "pb.menu.addWidgetLeft",
+    text: "在左侧添加小部件"
+  },
+  {
+    key: "pb.menu.addWidgetRight",
+    text: "在右侧添加小部件"
+  },
+  {
+    key: "pb.menu.addWidgetAbove",
+    text: "在上方添加小部件"
+  },
+  {
+    key: "pb.menu.addWidgetBelow",
+    text: "在下方添加小部件"
+  },
+  {
+    key: "pb.menu.addWidgetInside",
+    text: "在内部添加小部件"
+  },
+  {
+    key: "pb.menu.deletePart",
+    text: "删除"
+  },
+  {
+    key: "pb.prop.name",
+    text: "名称"
+  },
+  {
+    key: "pb.prop.id",
+    text: "标签 ID"
+  },
+  {
+    key: "pb.prop.classNames",
+    text: "类名"
+  },
+  {
+    key: "pb.prop.inlineStyle",
+    text: "内联 CSS 样式"
+  },
+  {
+    key: "pb.prop.style",
+    text: "CSS 样式"
+  },
+  {
+    key: "pb.prop.partId",
+    text: "ID"
+  },
+  {
+    key: "pb.prop.size",
+    text: "大小"
+  },
+  {
+    key: "pb.prop.maxSize",
+    text: "最大尺寸"
+  },
+  {
+    key: "pb.prop.minSize",
+    text: "最小尺寸"
+  },
+  {
+    key: "pb.prop.margin",
+    text: "外边距"
+  },
+  {
+    key: "pb.prop.padding",
+    text: "内边距"
+  },
+  {
+    key: "pb.prop.background",
+    text: "背景"
+  },
+  {
+    key: "pb.prop.selectImage",
+    text: "选择图片"
+  },
+  {
+    key: "pb.prop.border",
+    text: "边框"
+  },
+  {
+    key: "pb.prop.borderColor",
+    text: "边框颜色"
+  },
+  {
+    key: "pb.prop.borderWidth",
+    text: "边框宽度"
+  },
+  {
+    key: "pb.prop.borderRadius",
+    text: "边框圆角"
+  },
+  {
+    key: "pb.prop.position",
+    text: "位置"
+  },
+  {
+    key: "pb.prop.editHtml",
+    text: "编辑 HTML"
+  },
+  {
+    key: "pb.prop.selectMedia",
+    text: "选择媒体"
+  },
+  {
+    key: "pb.prop.altText",
+    text: "替代文本"
+  },
+  {
+    key: "pb.prop.link",
+    text: "链接"
+  },
+  {
+    key: "pb.prop.linkTarget",
+    text: "链接目标"
+  },
+  {
+    key: "pb.prop.thumbnail",
+    text: "缩略图"
+  },
+  {
+    key: "pb.prop.layout",
+    text: "布局"
+  },
+  {
+    key: "pb.prop.direction",
+    text: "方向"
+  },
+  {
+    key: "pb.prop.wrap",
+    text: "换行"
+  },
+  {
+    key: "pb.prop.gap",
+    text: "间隙"
+  },
+  {
+    key: "pb.prop.align",
+    text: "对齐"
+  },
+  {
+    key: "pb.prop.alignItems",
+    text: "对齐项目"
+  },
+  {
+    key: "pb.prop.justifyContent",
+    text: "内容对齐"
+  },
+  {
+    key: "pb.prop.alignSelf",
+    text: "自对齐"
+  },
+  {
+    key: "pb.prop.maxWidth",
+    text: "最大宽度"
+  },
+  {
+    key: "pb.prop.text",
+    text: "文本"
+  },
+  {
+    key: "pb.prop.fontSize",
+    text: "字体大小"
+  },
+  {
+    key: "pb.prop.fontWeight",
+    text: "字体粗细"
+  },
+  {
+    key: "pb.prop.textAlign",
+    text: "文本对齐"
+  },
+  {
+    key: "pb.prop.fontColor",
+    text: "字体颜色"
+  },
+  {
+    key: "pb.prop.image",
+    text: "图片"
+  },
+  {
+    key: "pb.prop.media",
+    text: "媒体"
+  },
+  {
+    key: "pb.prop.html",
+    text: "HTML"
+  },
+  {
+    key: "pb.prop.url",
+    text: "URL"
+  },
+  {
+    key: "pb.prop.aspectRatio",
+    text: "纵横比"
+  },
+  {
+    key: "pb.prop.selectVideo",
+    text: "选择视频"
+  },
+  {
+    key: "pb.button.ok",
+    text: "确认"
+  },
+  {
+    key: "pb.button.cancel",
+    text: "取消"
+  },
+  {
+    key: "pb.modal.addWidget.title",
+    text: "添加小部件"
+  },
+  {
+    key: "pb.modal.youtube.title",
+    text: "YouTube 视频"
+  },
+  {
+    key: "pb.modal.youtube.url",
+    text: "URL"
+  },
+  {
+    key: "pb.modal.youtube.preview",
+    text: "预览"
+  },
+  {
+    key: "pb.modal.screenSelect.title",
+    text: "选择屏幕"
+  },
+  {
+    key: "pb.modal.screenSelect.message",
+    text: "您想保留哪个屏幕？"
+  },
+  {
+    key: "pb.modal.screenSelect.pc",
+    text: "电脑端"
+  },
+  {
+    key: "pb.modal.screenSelect.mobile",
+    text: "移动端"
+  },
+  {
+    key: "pb.modal.htmlEditor.title",
+    text: "HTML 编辑器"
+  },
+  {
+    key: "pb.modal.htmlEditor.preview",
+    text: "预览"
+  },
+  {
+    key: "pb.modal.htmlEditor.tags",
+    text: "标签"
+  },
+  {
+    key: "pb.modal.htmlEditor.style",
+    text: "样式"
+  }
+];
+i18n.addTexts("en", enTexts);
+i18n.addTexts("ja", jaTexts);
+i18n.addTexts("ko", koTexts);
+i18n.addTexts("zh", zhTexts);
 const _hoisted_1 = { class: "pb-editor bs-layout-vertical flex-grow-1" };
 const _hoisted_2 = { class: "pb-editor-body bs-layout-horizontal flex-grow-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({