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

package/css/page-builder-editor.scss

@@ -278,3 +278,15 @@
     }
   }
 }
+
+.pb-youtube-modal {
+  button {
+    color: #fff;
+    border: none;
+    padding: 4px 12px;
+    cursor: pointer;
+    line-height: 1;
+    height: 28px;
+    background-color: #1f8fff;
+  }
+}

package/dist/{PbHtmlEditorModal-dDR38rNy.js → PbHtmlEditorModal-C0MLYY66.js}

@@ -1,13 +1,15 @@
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createSlots, renderList, normalizeStyle } from "vue";
-import { useModalHandle, waitDuring, BSModalFrame, BSTabSheet, BSSelect, BSCodeEditor } from "@g1cloud/bluesea";
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createSlots, renderList, withDirectives, normalizeStyle } from "vue";
+import { useModalHandle, waitDuring, BSModalFrame, BSTabSheet, vT, BSSelect, BSCodeEditor } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "bs-layout-vertical flex-grow-1 h-full" };
 const _hoisted_2 = { class: "bs-layout-horizontal h-full pt-8" };
 const _hoisted_3 = { class: "preview" };
 const _hoisted_4 = { class: "bs-layout-vertical w-full h-full" };
 const _hoisted_5 = { class: "bs-layout-horizontal pb-4 align-items-center justify-content-between" };
-const _hoisted_6 = { class: "content flex-grow-1 overflow-y-hidden" };
-const _hoisted_7 = ["srcdoc"];
-const _hoisted_8 = { class: "editor bs-layout-vertical pl-8 h-full" };
+const _hoisted_6 = { class: "title pb-4" };
+const _hoisted_7 = { class: "content flex-grow-1 overflow-y-hidden" };
+const _hoisted_8 = ["srcdoc"];
+const _hoisted_9 = { class: "editor bs-layout-vertical pl-8 h-full" };
+const _hoisted_10 = { class: "bs-layout-horizontal justify-content-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbHtmlEditorModal",
   props: {
@@ -43,8 +45,8 @@ ${_html.tags}` : "";
       return data;
     });
     const editorTabs = [
-      { tabId: "tags", caption: "Tags" },
-      { tabId: "style", caption: "Style" }
+      { tabId: "tags", caption: { key: "pb.modal.htmlEditor.tags" } },
+      { tabId: "style", caption: { key: "pb.modal.htmlEditor.style" } }
     ];
     const editorTabId = ref("tags");
     const updateTags = (locale, value) => {
@@ -92,8 +94,8 @@ ${_html.tags}` : "";
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(BSModalFrame), {
-        class: "pb-html-editor-modal",
-        title: "HTML Editor"
+        title: { key: "pb.modal.htmlEditor.title" },
+        class: "pb-html-editor-modal"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
@@ -114,7 +116,9 @@ ${_html.tags}` : "";
                       createElementVNode("div", _hoisted_3, [
                         createElementVNode("div", _hoisted_4, [
                           createElementVNode("div", _hoisted_5, [
-                            _cache[3] || (_cache[3] = createElementVNode("div", { class: "title pb-4" }, "Preview", -1)),
+                            withDirectives(createElementVNode("div", _hoisted_6, null, 512), [
+                              [unref(vT), { key: "pb.modal.htmlEditor.preview" }]
+                            ]),
                             createVNode(unref(BSSelect), {
                               modelValue: previewWidth.value,
                               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewWidth.value = $event),
@@ -123,15 +127,15 @@ ${_html.tags}` : "";
                               "view-model": false
                             }, null, 8, ["modelValue", "label-provider"])
                           ]),
-                          createElementVNode("div", _hoisted_6, [
+                          createElementVNode("div", _hoisted_7, [
                             createElementVNode("iframe", {
                               srcdoc: preview.value[locale],
                               style: normalizeStyle(previewStyle.value)
-                            }, null, 12, _hoisted_7)
+                            }, null, 12, _hoisted_8)
                           ])
                         ])
                       ]),
-                      createElementVNode("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_9, [
                         createVNode(unref(BSTabSheet), {
                           "tab-id": editorTabId.value,
                           "onUpdate:tabId": [
@@ -170,11 +174,13 @@ ${_html.tags}` : "";
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", { class: "bs-layout-horizontal justify-content-center" }, [
-            createElementVNode("button", {
+          createElementVNode("div", _hoisted_10, [
+            withDirectives(createElementVNode("button", {
               class: "mr-4",
               onClick: ok
-            }, "OK")
+            }, null, 512), [
+              [unref(vT), { key: "pb.button.ok" }]
+            ])
           ])
         ]),
         _: 1

package/dist/{PbPropertyEditorBoolean-C7-iSAtn.js → PbPropertyEditorBoolean-c5CNiTpt.js}

@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _cache[0] || (_cache[0] = ($event) => booleanValue.value = $event),
               emitUpdatePropertyValue
             ],
-            label: _ctx.property.caption
+            label: { key: _ctx.property.caption }
           }, null, 8, ["modelValue", "label"])
         ])
       ]);

package/dist/{PbPropertyEditorColor-DBbxEdkH.js → PbPropertyEditorColor-BUL8pwCO.js}

@@ -1,10 +1,9 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-DzzU6Uxn.js";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSTextInput } from "@g1cloud/bluesea";
+import { P as PbColorPicker } from "./index-Cuvfu0JI.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
-const _hoisted_4 = { class: "bs-layout-horizontal flex-align-center color" };
+const _hoisted_3 = { class: "bs-layout-horizontal flex-align-center color" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorColor",
   props: {
@@ -27,11 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
-        createElementVNode("div", _hoisted_4, [
+        createElementVNode("div", _hoisted_3, [
           createVNode(PbColorPicker, {
             value: _ctx.value,
             "hide-delete": "",

package/dist/{PbPropertyEditorHtml-BjSqb8Am.js → PbPropertyEditorHtml-DbKD33DT.js}

@@ -1,9 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, defineAsyncComponent } from "vue";
-import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-DzzU6Uxn.js";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, defineAsyncComponent } from "vue";
+import { useModal, vT } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-Cuvfu0JI.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorHtml",
   props: {
@@ -20,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const locales = pageBuilder.getLocales();
       const localeTabs = locales.map((v) => ({ tabId: `tab-${v}`, caption: v }));
       modal.openModal({
-        component: defineAsyncComponent(() => import("./PbHtmlEditorModal-dDR38rNy.js")),
+        component: defineAsyncComponent(() => import("./PbHtmlEditorModal-C0MLYY66.js")),
         style: {
           width: "80%",
           height: "80%",
@@ -43,12 +42,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
-          createElementVNode("button", { onClick: editHtml }, "Edit HTML")
+          withDirectives((openBlock(), createElementBlock("button", { onClick: editHtml }, _cache[0] || (_cache[0] = [
+            createTextVNode("Edit HTML")
+          ]))), [
+            [unref(vT), { key: "pb.prop.editHtml" }]
+          ])
         ])
       ]);
     };

package/dist/{PbPropertyEditorImage-jJdSp8xy.js → PbPropertyEditorImage-S-uagL32.js}

@@ -1,9 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { u as usePageBuilderEditor } from "./index-DzzU6Uxn.js";
-import { useModal } from "@g1cloud/bluesea";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
+import { u as usePageBuilderEditor } from "./index-Cuvfu0JI.js";
+import { useModal, vT } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorImage",
   props: {
@@ -26,12 +25,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
-          createElementVNode("button", { onClick: selectImage }, "Select Image")
+          withDirectives(createElementVNode("button", { onClick: selectImage }, null, 512), [
+            [unref(vT), { key: "pb.prop.selectImage" }]
+          ])
         ])
       ]);
     };

package/dist/{PbPropertyEditorMultilineText-CNo8G0a2.js → PbPropertyEditorMultilineText-DgNTsKkr.js}

@@ -1,9 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
-import { BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-DzzU6Uxn.js";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
+import { vT, BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-Cuvfu0JI.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorMultilineText",
   props: {
@@ -32,9 +31,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextArea), {

package/dist/{PbPropertyEditorNumber-TTgo0zbQ.js → PbPropertyEditorNumber-B76ArSb5.js}

@@ -1,8 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSNumberInput } from "@g1cloud/bluesea";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSNumberInput } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorNumber",
   props: {
@@ -28,9 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           createVNode(unref(BSNumberInput), {

package/dist/{PbPropertyEditorReadonlyText-Dgp_AVOD.js → PbPropertyEditorReadonlyText-BJ5qx69O.js}

@@ -1,8 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, toDisplayString } from "vue";
+import { vT } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-readonly-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
-const _hoisted_4 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorReadonlyText",
   props: {
@@ -13,14 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           createElementVNode("div", {
             textContent: toDisplayString(_ctx.value)
-          }, null, 8, _hoisted_4)
+          }, null, 8, _hoisted_3)
         ])
       ]);
     };

package/dist/{PbPropertyEditorSelect-CWedbXJI.js → PbPropertyEditorSelect-B5sfulvx.js}

@@ -1,8 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSSelect } from "@g1cloud/bluesea";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
+import { vT, BSSelect } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-select flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorSelect",
   props: {
@@ -24,9 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           createVNode(unref(BSSelect), {

package/dist/{PbPropertyEditorText-BjR3sF3V.js → PbPropertyEditorText-Wd0rvpIX.js}

@@ -1,9 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
-import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-DzzU6Uxn.js";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
+import { vT, BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-Cuvfu0JI.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorText",
   props: {
@@ -24,9 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
           _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextInput), {

package/dist/{PbPropertyEditorYoutube-Dc9nSh5q.js → PbPropertyEditorYoutube-BkXWRMx_.js}

@@ -1,9 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { useModal } from "@g1cloud/bluesea";
-import { s as selectYoutubeVideo } from "./index-DzzU6Uxn.js";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
+import { useModal, vT } from "@g1cloud/bluesea";
+import { s as selectYoutubeVideo } from "./index-Cuvfu0JI.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorYoutube",
   props: {
@@ -23,12 +22,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            textContent: toDisplayString(_ctx.property.caption)
-          }, null, 8, _hoisted_3)
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
         ]),
         createElementVNode("div", null, [
-          createElementVNode("button", { onClick: selectVideo }, "Select Video")
+          withDirectives(createElementVNode("button", { onClick: selectVideo }, null, 512), [
+            [unref(vT), { key: "pb.prop.selectVideo" }]
+          ])
         ])
       ]);
     };

package/dist/{PbScreenSelectModal-CnI1IsvW.js → PbScreenSelectModal-57LXAzjs.js}

@@ -1,7 +1,8 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
-import { useModalHandle, BSModalFrame, BSRadioButton, BSButton } from "@g1cloud/bluesea";
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, withDirectives, createVNode } from "vue";
+import { useModalHandle, BSModalFrame, vT, BSRadioButton, BSButton } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "mb-16" };
-const _hoisted_2 = { class: "text-right" };
+const _hoisted_2 = { class: "mr-8" };
+const _hoisted_3 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbScreenSelectModal",
   emits: ["select"],
@@ -17,25 +18,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modalHandle.close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), { title: "Screen Selection" }, {
+      return openBlock(), createBlock(unref(BSModalFrame), { title: { key: "pb.modal.screenSelect.title" } }, {
         default: withCtx(() => [
           createElementVNode("div", null, [
             createElementVNode("div", _hoisted_1, [
-              _cache[2] || (_cache[2] = createElementVNode("label", { class: "mr-8" }, "Which screen do you want to keep?", -1)),
+              withDirectives(createElementVNode("label", _hoisted_2, null, 512), [
+                [unref(vT), { key: "pb.modal.screenSelect.message" }]
+              ]),
               createElementVNode("div", null, [
                 createVNode(unref(BSRadioButton), {
                   modelValue: selection.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event),
                   "item-value": "0",
-                  label: "Mobile",
+                  label: { key: "pb.modal.screenSelect.mobile" },
                   name: "mobile"
                 }, null, 8, ["modelValue"]),
                 createVNode(unref(BSRadioButton), {
                   modelValue: selection.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selection.value = $event),
                   "item-value": "1",
+                  label: { key: "pb.modal.screenSelect.pc" },
                   class: "ml-8",
-                  label: "PC",
                   name: "pc"
                 }, null, 8, ["modelValue"])
               ])
@@ -43,14 +46,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(unref(BSButton), {
+              caption: { key: "pb.button.ok" },
               "button-color": "blue",
-              caption: "OK",
               onClick: ok
             }),
             createVNode(unref(BSButton), {
-              caption: "Cancel",
+              caption: { key: "pb.button.cancel" },
               class: "ml-8",
               onClick: close
             })

package/dist/{PbWidgetAddModal-CjMB43KS.js → PbWidgetAddModal-Br2XZusB.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-DzzU6Uxn.js";
+import { w as widgetPartDefinitions } from "./index-Cuvfu0JI.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"];
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modalHandle.close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Widget" }, {
+      return openBlock(), createBlock(unref(BSModalFrame), { title: { key: "pb.modal.addWidget.title" } }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(widgetPartDefinitions), (group) => {

package/dist/{PbYoutubeModal-8vQ_IPA0.js → PbYoutubeModal-CU8sClMD.js}

@@ -1,8 +1,10 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode } from "vue";
-import { useModalHandle, BSModalFrame, BSTextInput } from "@g1cloud/bluesea";
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, withDirectives, createVNode, createCommentVNode } from "vue";
+import { useModalHandle, BSModalFrame, vT, BSTextInput } from "@g1cloud/bluesea";
 import YouTube from "vue3-youtube";
 const _hoisted_1 = { class: "bs-layout-vertical flex-grow-1 h-full" };
-const _hoisted_2 = { class: "w-480 h-360 border-w-1 border border-gray" };
+const _hoisted_2 = { class: "pt-8" };
+const _hoisted_3 = { class: "w-480 h-360 border-w-1 border border-gray" };
+const _hoisted_4 = { class: "bs-layout-horizontal justify-content-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbYoutubeModal",
   props: {
@@ -23,22 +25,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(BSModalFrame), {
-        class: "pb-youtube-modal",
-        title: "Youtube Video"
+        title: { key: "pb.modal.youtube.title" },
+        class: "pb-youtube-modal"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            _cache[0] || (_cache[0] = createElementVNode("div", { textContent: "URL" }, null, -1)),
+            withDirectives(createElementVNode("div", null, null, 512), [
+              [unref(vT), { key: "pb.modal.youtube.url" }]
+            ]),
             createVNode(unref(BSTextInput), {
               "model-value": url.value,
               width: "100%",
               "onUpdate:modelValue": updateUrl
             }, null, 8, ["model-value"]),
-            _cache[1] || (_cache[1] = createElementVNode("div", {
-              class: "pt-8",
-              textContent: "Preview"
-            }, null, -1)),
-            createElementVNode("div", _hoisted_2, [
+            withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+              [unref(vT), { key: "pb.modal.youtube.preview" }]
+            ]),
+            createElementVNode("div", _hoisted_3, [
               url.value ? (openBlock(), createBlock(unref(YouTube), {
                 key: 0,
                 ref: "youtube",
@@ -51,11 +54,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         buttons: withCtx(() => [
-          createElementVNode("div", { class: "bs-layout-horizontal justify-content-center" }, [
-            createElementVNode("button", {
+          createElementVNode("div", _hoisted_4, [
+            withDirectives(createElementVNode("button", {
               class: "mr-4",
               onClick: ok
-            }, "OK")
+            }, null, 512), [
+              [unref(vT), { key: "pb.button.ok" }]
+            ])
           ])
         ]),
         _: 1

package/dist/components/sidebar/property/PbPropertyGroupEditorMedia.vue.d.ts

@@ -1,12 +1,12 @@
-import { Media } from '@g1cloud/page-builder-viewer';
-import { PartProperty } from '../../../model/part-property.ts';
+import { IPart } from '@g1cloud/page-builder-viewer';
+import { PartPropertyGroup } from '../../../model/part-property.ts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    property: PartProperty;
-    value?: Media | undefined;
+    group: PartPropertyGroup;
+    selectedParts: IPart[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    property: PartProperty;
-    value?: Media | undefined;
+    group: PartPropertyGroup;
+    selectedParts: IPart[];
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;