@g1cloud/page-builder-editor 1.0.0-alpha.8 → 1.0.0-alpha.80

package/dist/PbPropertyEditorText-DDtYWGlr.js

@@ -0,0 +1,50 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
+import { vT, BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
+import { u as usePageBuilderEditor } from "./index-BVTz0PeS.js";
+const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
+const _hoisted_2 = { class: "title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorText",
+  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 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, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
+        ]),
+        createElementVNode("div", null, [
+          _ctx.property.multiLang ? (openBlock(), createBlock(unref(BSMultiLangTextInput), {
+            key: 0,
+            locales: locales.value,
+            "model-value": _ctx.value,
+            width: "100%",
+            "onUpdate:modelValue": emitUpdatePropertyValue
+          }, null, 8, ["locales", "model-value"])) : (openBlock(), createBlock(unref(BSTextInput), {
+            key: 1,
+            "model-value": _ctx.value,
+            width: "100%",
+            "onUpdate:modelValue": emitUpdatePropertyValue
+          }, null, 8, ["model-value"]))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbPropertyEditorYoutube-BxrZ1nyk.js

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
+import { useModal, vT } from "@g1cloud/bluesea";
+import { s as selectYoutubeVideo } from "./index-BVTz0PeS.js";
+const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
+const _hoisted_2 = { class: "title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbPropertyEditorYoutube",
+  props: {
+    property: {},
+    value: {}
+  },
+  emits: ["update-property-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const modal = useModal();
+    const emit = __emit;
+    const selectVideo = () => {
+      selectYoutubeVideo(modal, props.value, (url) => {
+        emit("update-property-value", { url: url || "" });
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          withDirectives(createElementVNode("label", null, null, 512), [
+            [unref(vT), { key: _ctx.property.caption }]
+          ])
+        ]),
+        createElementVNode("div", null, [
+          withDirectives(createElementVNode("button", { onClick: selectVideo }, null, 512), [
+            [unref(vT), { key: "pb.prop.selectVideo" }]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbScreenSelectModal-57LXAzjs.js

@@ -0,0 +1,69 @@
+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: "mr-8" };
+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: { key: "pb.modal.screenSelect.title" } }, {
+        default: withCtx(() => [
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_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: { 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",
+                  name: "pc"
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(BSButton), {
+              caption: { key: "pb.button.ok" },
+              "button-color": "blue",
+              onClick: ok
+            }),
+            createVNode(unref(BSButton), {
+              caption: { key: "pb.button.cancel" },
+              class: "ml-8",
+              onClick: close
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbWidgetAddModal-uVBBeNVl.js

@@ -0,0 +1,79 @@
+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-BVTz0PeS.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"];
+const _hoisted_4 = { class: "group mb-16" };
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
+const _hoisted_7 = ["onClick", "textContent"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PbWidgetAddModal",
+  props: {
+    pageBuilder: {},
+    partDefinitionGroups: {}
+  },
+  emits: ["selectHandler"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modalHandle = useModalHandle();
+    const customWidgets = computed(() => props.pageBuilder.getCustomWidgets());
+    const select = (partDefinition) => {
+      emit("selectHandler", partDefinition);
+      modalHandle.close();
+    };
+    return (_ctx, _cache) => {
+      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) => {
+              return openBlock(), createElementBlock("div", {
+                key: group.groupName,
+                class: "group mb-16"
+              }, [
+                _cache[0] || (_cache[0] = createElementVNode("div", {
+                  class: "mb-8 section-title",
+                  textContent: "Basic Widgets"
+                }, null, -1)),
+                createElementVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: part.partName,
+                      class: "part w-200",
+                      onClick: ($event) => select(part),
+                      textContent: toDisplayString(part.caption)
+                    }, null, 8, _hoisted_3);
+                  }), 128))
+                ])
+              ]);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(customWidgets.value, (group) => {
+              return openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("div", {
+                  class: "mb-8 section-title",
+                  textContent: toDisplayString(group.caption)
+                }, null, 8, _hoisted_5),
+                createElementVNode("div", _hoisted_6, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: part.partName,
+                      class: "part w-200",
+                      onClick: ($event) => select(part),
+                      textContent: toDisplayString(part.caption)
+                    }, null, 8, _hoisted_7);
+                  }), 128))
+                ])
+              ]);
+            }), 256))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/PbYoutubeModal-CU8sClMD.js

@@ -0,0 +1,73 @@
+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: "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: {
+    url: {}
+  },
+  emits: ["selectUrl"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modalHandle = useModalHandle();
+    const url = ref(props.url);
+    const updateUrl = (value) => {
+      url.value = value;
+    };
+    const ok = () => {
+      emit("selectUrl", url.value);
+      modalHandle.close();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BSModalFrame), {
+        title: { key: "pb.modal.youtube.title" },
+        class: "pb-youtube-modal"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_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"]),
+            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",
+                src: url.value,
+                class: "youtube",
+                height: "360",
+                width: "480"
+              }, null, 8, ["src"])) : createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        buttons: withCtx(() => [
+          createElementVNode("div", _hoisted_4, [
+            withDirectives(createElementVNode("button", {
+              class: "mr-4",
+              onClick: ok
+            }, null, 512), [
+              [unref(vT), { key: "pb.button.ok" }]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/canvas/PbCanvas.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/depart/PbLoginDepart.vue.d.ts

@@ -1,10 +1,10 @@
 import { IPart } from '@g1cloud/page-builder-viewer';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>>>, {}, {}>;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 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<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    plugin?: PageBuilderToolbarPlugin | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    plugin?: PageBuilderToolbarPlugin | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 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/PbToolbarButton.vue.d.ts

@@ -1,10 +1,10 @@
 import { ToolButton } from '../../model/toolbar.ts';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     button: ToolButton;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     button: ToolButton;
-}>>>, {}, {}>;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,10 +1,10 @@
 import { ToolButtonGroup } from '../../model/toolbar.ts';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     group: ToolButtonGroup;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     group: ToolButtonGroup;
-}>>>, {}, {}>;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -0,0 +1,28 @@
+import { PageBuilderEditor } from '../../model/page-builder-editor.ts';
+import { TabEntry } from '@g1cloud/bluesea';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    html?: Record<string, unknown> | undefined;
+    locales?: string[] | undefined;
+    localeTabs?: TabEntry[] | undefined;
+    pageBuilder: PageBuilderEditor;
+}>>, {}, {}, {}, {}, 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;
+    pageBuilder: PageBuilderEditor;
+}>>> & Readonly<{
+    onUpdateHtml?: ((html: Record<string, unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/PbPartAddModal.vue.d.ts

@@ -1,17 +1,17 @@
 import { PartDefinition, PartDefinitionGroup } from '../../model/part-definintion.ts';
 import { PageBuilderEditor } from '../../model/page-builder-editor.ts';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     pageBuilder: PageBuilderEditor;
     partDefinitionGroups: PartDefinitionGroup[];
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectHandler: (partDefinition: PartDefinition) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     pageBuilder: PageBuilderEditor;
     partDefinitionGroups: PartDefinitionGroup[];
-}>>> & {
+}>>> & Readonly<{
     onSelectHandler?: ((partDefinition: PartDefinition) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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<{}> & Readonly<{
+    onSelect?: ((selection: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,17 +1,17 @@
 import { PartDefinition, PartDefinitionGroup } from '../../model/part-definintion.ts';
 import { PageBuilderEditor } from '../../model/page-builder-editor.ts';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     pageBuilder: PageBuilderEditor;
     partDefinitionGroups: PartDefinitionGroup[];
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectHandler: (partDefinition: PartDefinition) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     pageBuilder: PageBuilderEditor;
     partDefinitionGroups: PartDefinitionGroup[];
-}>>> & {
+}>>> & Readonly<{
     onSelectHandler?: ((partDefinition: PartDefinition) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    url?: string | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    selectUrl: (url: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    url?: string | undefined;
+}>>> & Readonly<{
+    onSelectUrl?: ((url: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/navigator/PbNavigator.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/part/PbAddWidgetButton.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/part/PbBlock.vue.d.ts

@@ -1,10 +1,14 @@
 import { IPart } from '@g1cloud/page-builder-viewer';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isMobilePage: boolean;
+    placeholder?: boolean | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>>>, {}, {}>;
+    isMobilePage: boolean;
+    placeholder?: boolean | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/part/PbPage.vue.d.ts

@@ -1,14 +1,14 @@
 import { IPart } from '@g1cloud/page-builder-viewer';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    page: IPart | undefined;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    part: IPart;
     width: number;
     isMobilePage: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    page: IPart | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    part: IPart;
     width: number;
     isMobilePage: boolean;
-}>>>, {}, {}>;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/part/PbPageFrame.vue.d.ts

@@ -0,0 +1,19 @@
+import { IPart } from '@g1cloud/page-builder-viewer';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    part: IPart;
+    width: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    part: IPart;
+    width: number;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/part/PbSection.vue.d.ts

@@ -1,10 +1,14 @@
 import { IPart } from '@g1cloud/page-builder-viewer';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isMobilePage: boolean;
+    placeholder?: boolean | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>>>, {}, {}>;
+    isMobilePage: boolean;
+    placeholder?: boolean | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/part/PbWidget.vue.d.ts

@@ -1,10 +1,12 @@
 import { IPart } from '@g1cloud/page-builder-viewer';
 
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isMobilePage?: boolean | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     part: IPart;
-}>>>, {}, {}>;
+    isMobilePage?: boolean | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/sidebar/PbSidebar.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/sidebar/PbSidebarProperties.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;