@g1cloud/page-builder-editor 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist/text/text.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.50",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -16,18 +16,21 @@
   "author": "zag@g1project.net",
   "license": "LicenseRef-LICENSE",
   "peerDependencies": {
-    "@g1cloud/bluesea": "5.0.0-alpha.50"
+    "@g1cloud/bluesea": "5.0.0-alpha.91",
+    "vue3-youtube": "^0.1.9"
   },
   "dependencies": {
     "@ckpack/vue-color": "^1.5.0",
+    "@ctrl/tinycolor": "^3.6.1",
     "dayjs": "^1.11.11",
     "mitt": "^3.0.1",
     "short-unique-id": "^5.0.3",
-    "vue": "^3.4.26",
-    "vue-router": "^4.3.2",
+    "vite-svg-loader": "^5.1.0",
+    "vue": "^3.5.3",
+    "vue-router": "^4.4.3",
     "vue3-click-away": "^1.2.4",
     "yjs": "^13.6.14",
-    "@g1cloud/page-builder-viewer": "1.0.0-alpha.5"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.50"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",
@@ -35,7 +38,7 @@
     "jsdom": "^24.0.0",
     "sass": "^1.75.0",
     "typescript": "^5.4.5",
-    "vite": "^5.2.11",
+    "vite": "^5.4.3",
     "vite-plugin-dts": "^3.9.0",
     "vitest": "^1.5.0",
     "vitest-canvas-mock": "^0.3.3",

package/dist/PbPartAddModal-DuLpnV4E.js

@@ -1,50 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
-import { useModalHandle, BSModalFrame } from "@g1cloud/bluesea";
-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 _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbPartAddModal",
-  props: {
-    pageBuilder: {},
-    partDefinitionGroups: {}
-  },
-  emits: ["selectHandler"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modalHandle = useModalHandle();
-    const select = (partDefinition) => {
-      emit("selectHandler", partDefinition);
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Design Part" }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.partDefinitionGroups, (group) => {
-              return openBlock(), createElementBlock("div", {
-                key: group.groupName,
-                class: "group mb-16"
-              }, [
-                createElementVNode("div", _hoisted_2, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: part.partName,
-                      class: "part",
-                      onClick: ($event) => select(part),
-                      textContent: toDisplayString(part.caption)
-                    }, null, 8, _hoisted_3);
-                  }), 128))
-                ])
-              ]);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/PbPropertyEditorImage-EuqsavTF.js

@@ -1,42 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-Mob7K7vK.js";
-const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbPropertyEditorImage",
-  props: {
-    property: {},
-    value: {}
-  },
-  emits: ["update-property-value"],
-  setup(__props, { emit: __emit }) {
-    useModal();
-    const pageBuilder = usePageBuilderEditor();
-    const emit = __emit;
-    const selectImage = () => {
-      PageBuilderEditorEvent.emit.requestImage({
-        pageBuilderId: pageBuilder.instanceId,
-        callback: (url) => {
-          emit("update-property-value", { image: url });
-        }
-      });
-    };
-    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, [
-          createElementVNode("button", { onClick: selectImage }, "Select Image")
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/PbPropertyEditorProduct-COnCyYJl.js

@@ -1,49 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-Mob7K7vK.js";
-const _hoisted_1 = { class: "property-editor property-editor-product flex-align-center" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbPropertyEditorProduct",
-  props: {
-    property: {},
-    value: {}
-  },
-  emits: ["update-property-value"],
-  setup(__props, { emit: __emit }) {
-    const pageBuilder = usePageBuilderEditor();
-    useModal();
-    const emit = __emit;
-    const selectProducts = () => {
-      var _a;
-      let itemCodes = "";
-      const selectedParts = pageBuilder.context.getSelectedParts();
-      if (selectedParts && selectedParts.length === 1) {
-        itemCodes = ((_a = selectedParts[0].properties) == null ? void 0 : _a.products) || "";
-      }
-      PageBuilderEditorEvent.emit.requestProducts({
-        pageBuilderId: pageBuilder.instanceId,
-        itemCodes,
-        callback: (products) => {
-          emit("update-property-value", { products: products.map((v) => v.itemCode).join(",") });
-        }
-      });
-    };
-    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, [
-          createElementVNode("button", { onClick: selectProducts }, "Select Product")
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/PbPropertyEditorText-DNdXl-Tr.js

@@ -1,41 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
-import { BSTextInput } from "@g1cloud/bluesea";
-const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = ["textContent"];
-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 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, [
-          createVNode(unref(BSTextInput), {
-            "model-value": _ctx.value,
-            width: "100%",
-            "onUpdate:modelValue": emitUpdatePropertyValue
-          }, null, 8, ["model-value"])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/PbWidgetAddModal-CQvFYzfU.js

@@ -1,55 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
-import { useModalHandle, BSModalFrame } from "@g1cloud/bluesea";
-const _hoisted_1 = { class: "bs-layout-vertical pb-part-add-modal" };
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { class: "bs-layout-horizontal-wrap ml-16 mb-8 gap-8" };
-const _hoisted_4 = ["onClick", "textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbWidgetAddModal",
-  props: {
-    pageBuilder: {},
-    partDefinitionGroups: {}
-  },
-  emits: ["selectHandler"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modalHandle = useModalHandle();
-    const select = (partDefinition) => {
-      emit("selectHandler", partDefinition);
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), { title: "Add Block/Widget" }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.partDefinitionGroups, (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),
-                createElementVNode("div", _hoisted_3, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(group.partDefinitions, (part) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: part.partName,
-                      class: "part",
-                      onClick: ($event) => select(part),
-                      textContent: toDisplayString(part.caption)
-                    }, null, 8, _hoisted_4);
-                  }), 128))
-                ])
-              ]);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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