@g1cloud/page-builder-editor 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/PbPropertyEditorMultilineText-CT3vTbYY.js

@@ -0,0 +1,67 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
+import { BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-Cr-_-n9T.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: {
+    property: {},
+    value: {}
+  },
+  emits: ["update-property-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageBuilder = usePageBuilderEditor();
+    const locales = computed(() => pageBuilder.getLocales());
+    const text = computed({
+      get() {
+        return props.value;
+      },
+      // @ts-ignore
+      set(value) {
+      }
+    });
+    const emitUpdatePropertyValue = (value) => {
+      const properties = {};
+      properties[props.property.propertyName] = value;
+      emit("update-property-value", properties);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("label", {
+            textContent: toDisplayString(_ctx.property.caption)
+          }, null, 8, _hoisted_3)
+        ]),
+        createElementVNode("div", null, [
+          _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextArea), {
+            key: 0,
+            modelValue: text.value,
+            "onUpdate:modelValue": [
+              _cache[0] || (_cache[0] = ($event) => text.value = $event),
+              emitUpdatePropertyValue
+            ],
+            locales: locales.value,
+            height: "60px",
+            width: "100%"
+          }, null, 8, ["modelValue", "locales"])) : (openBlock(), createBlock(unref(BSTextArea), {
+            key: 1,
+            modelValue: text.value,
+            "onUpdate:modelValue": [
+              _cache[1] || (_cache[1] = ($event) => text.value = $event),
+              emitUpdatePropertyValue
+            ],
+            height: "60px",
+            width: "100%"
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 const _hoisted_1 = { class: "property-editor property-editor-readonly-text" };
-const _hoisted_2 = { class: "label" };
+const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
 const _hoisted_4 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { BSSelect } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-select flex-align-center" };
-const _hoisted_2 = { class: "label" };
+const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorSelect",

package/dist/{PbPropertyEditorText-DNdXl-Tr.js → PbPropertyEditorText-DmM_LMjC.js}

@@ -1,7 +1,8 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
+import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-Cr-_-n9T.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
-const _hoisted_2 = { class: "label" };
+const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbPropertyEditorText",
@@ -13,6 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const pageBuilder = usePageBuilderEditor();
+    const locales = computed(() => pageBuilder.getLocales());
     const emitUpdatePropertyValue = (value) => {
       const properties = {};
       properties[props.property.propertyName] = value;
@@ -26,11 +29,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_3)
         ]),
         createElementVNode("div", null, [
-          createVNode(unref(BSTextInput), {
+          _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextInput), {
+            key: 0,
+            locales: locales.value,
             "model-value": _ctx.value,
             width: "100%",
             "onUpdate:modelValue": emitUpdatePropertyValue
-          }, null, 8, ["model-value"])
+          }, null, 8, ["locales", "model-value"])) : (openBlock(), createBlock(unref(BSTextInput), {
+            key: 1,
+            "model-value": _ctx.value,
+            width: "100%",
+            "onUpdate:modelValue": emitUpdatePropertyValue
+          }, null, 8, ["model-value"]))
         ])
       ]);
     };

package/dist/PbScreenSelectModal-DDATc9n1.js

@@ -0,0 +1,67 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
+import { useModalHandle, BSModalFrame, BSRadioButton, BSButton } from "@g1cloud/bluesea";
+const _hoisted_1 = { class: "mb-16" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("label", { class: "mr-8" }, "Which screen do you want to keep?", -1);
+const _hoisted_3 = { class: "text-right" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbScreenSelectModal",
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selection = ref("0");
+    const modalHandle = useModalHandle();
+    const close = () => {
+      modalHandle.close();
+    };
+    const ok = () => {
+      emit("select", parseInt(selection.value));
+      modalHandle.close();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BSModalFrame), { title: "Screen Selection" }, {
+        default: withCtx(() => [
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_1, [
+              _hoisted_2,
+              createElementVNode("div", null, [
+                createVNode(unref(BSRadioButton), {
+                  modelValue: selection.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selection.value = $event),
+                  "item-value": "0",
+                  label: "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",
+                  class: "ml-8",
+                  label: "PC",
+                  name: "pc"
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(BSButton), {
+              "button-color": "blue",
+              caption: "OK",
+              onClick: ok
+            }),
+            createVNode(unref(BSButton), {
+              caption: "Cancel",
+              class: "ml-8",
+              onClick: close
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{PbWidgetAddModal-CQvFYzfU.js → PbWidgetAddModal-BoYfb0dm.js}

@@ -1,9 +1,20 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+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-Cr-_-n9T.js";
 const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
-const _hoisted_2 = ["textContent"];
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Basic Widgets"
+}, null, -1);
 const _hoisted_3 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
 const _hoisted_4 = ["onClick", "textContent"];
+const _hoisted_5 = { class: "group mb-16" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", {
+  class: "mb-8",
+  textContent: "Custom Widgets"
+}, null, -1);
+const _hoisted_7 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
+const _hoisted_8 = ["onClick", "textContent"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PbWidgetAddModal",
   props: {
@@ -12,9 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["selectHandler"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const modalHandle = useModalHandle();
+    const customWidgets = computed(() => props.pageBuilder.getCustomWidgets());
     const select = (partDefinition) => {
+      console.log(partDefinition);
       emit("selectHandler", partDefinition);
       modalHandle.close();
     };
@@ -22,15 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Block/Widget" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.partDefinitionGroups, (group) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(widgetPartDefinitions), (group) => {
               return openBlock(), createElementBlock("div", {
                 key: group.groupName,
                 class: "group mb-16"
               }, [
-                createElementVNode("div", {
-                  class: "mb-8",
-                  textContent: toDisplayString(group.caption)
-                }, null, 8, _hoisted_2),
+                _hoisted_2,
                 createElementVNode("div", _hoisted_3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
                     return openBlock(), createElementBlock("div", {
@@ -42,7 +53,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ])
               ]);
-            }), 128))
+            }), 128)),
+            createElementVNode("div", _hoisted_5, [
+              _hoisted_6,
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(customWidgets.value, (part) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: part.partName,
+                    class: "part",
+                    onClick: ($event) => select(part),
+                    textContent: toDisplayString(part.caption)
+                  }, null, 8, _hoisted_8);
+                }), 128))
+              ])
+            ])
           ])
         ]),
         _: 1

package/dist/components/menu/PbMenu.vue.d.ts

@@ -1,2 +1,17 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+import { PageBuilderToolbarPlugin } from '../../model/plugin.ts';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+}>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/menu/PbToolbar.vue.d.ts

@@ -1,2 +1,17 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+import { PageBuilderToolbarPlugin } from '../../model/plugin.ts';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    plugin?: PageBuilderToolbarPlugin | undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    plugin?: PageBuilderToolbarPlugin | undefined;
+}>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/modal/PbHtmlEditorModal.vue.d.ts

@@ -0,0 +1,25 @@
+import { TabEntry } from '@g1cloud/bluesea';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    html?: Record<string, unknown> | undefined;
+    locales?: string[] | undefined;
+    localeTabs?: TabEntry[] | undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateHtml: (html: Record<string, unknown>) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    html?: Record<string, unknown> | undefined;
+    locales?: string[] | undefined;
+    localeTabs?: TabEntry[] | undefined;
+}>>> & {
+    onUpdateHtml?: ((html: Record<string, unknown>) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/modal/PbScreenSelectModal.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (selection: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onSelect?: ((selection: number) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/sidebar/property/{PbPropertyLocalMarketingPart.vue.d.ts → PbPropertyEditorHtml.vue.d.ts}

@@ -1,15 +1,15 @@
-import { IPart } from '@g1cloud/page-builder-viewer';
+import { PartProperty } from '../../../model/part-property.ts';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    selectedPart: IPart;
+    property: PartProperty;
+    value?: unknown;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "select-schedule": () => void;
-    "update-property-value": (properties: Record<string, string>) => void;
+    "update-property-value": (properties: Record<string, unknown>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    selectedPart: IPart;
+    property: PartProperty;
+    value?: unknown;
 }>>> & {
-    "onUpdate-property-value"?: ((properties: Record<string, string>) => any) | undefined;
-    "onSelect-schedule"?: (() => any) | undefined;
+    "onUpdate-property-value"?: ((properties: Record<string, unknown>) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,15 +1,17 @@
+import { MultiLangText } from '@g1cloud/page-builder-viewer';
 import { PartProperty } from '../../../model/part-property.ts';
+import { MultiLangString } from '@g1cloud/bluesea';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: MultiLangString | undefined;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update-property-value": (properties: Record<string, string>) => void;
+    "update-property-value": (properties: Record<string, MultiLangText>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: MultiLangString | undefined;
 }>>> & {
-    "onUpdate-property-value"?: ((properties: Record<string, string>) => any) | undefined;
+    "onUpdate-property-value"?: ((properties: Record<string, MultiLangText>) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,15 +1,16 @@
 import { PartProperty } from '../../../model/part-property.ts';
+import { MultiLangString } from '@g1cloud/bluesea';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: string | MultiLangString | undefined;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update-property-value": (properties: Record<string, string>) => void;
+    "update-property-value": (properties: Record<string, unknown>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     property: PartProperty;
-    value?: string | undefined;
+    value?: string | MultiLangString | undefined;
 }>>> & {
-    "onUpdate-property-value"?: ((properties: Record<string, string>) => any) | undefined;
+    "onUpdate-property-value"?: ((properties: Record<string, unknown>) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/ui/PbColorPicker.vue.d.ts

@@ -5,10 +5,10 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
 }, {
-    appliedColor: import('vue').ComputedRef<string>;
+    appliedColor: import('vue').ComputedRef<any>;
     isShowColorPicker: import('vue').Ref<boolean>;
     toggle: (value?: boolean) => void;
-    color: import('vue').Ref<string>;
+    color: import('vue').Ref<any>;
     emptyColor: () => void;
     colorHistory: string[] | undefined;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{