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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.23",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -16,19 +16,21 @@
   "author": "zag@g1project.net",
   "license": "LicenseRef-LICENSE",
   "peerDependencies": {
-    "@g1cloud/bluesea": "5.0.0-alpha.68"
+    "@g1cloud/bluesea": "5.0.0-alpha.73",
+    "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",
     "vite-svg-loader": "^5.1.0",
-    "vue": "^3.4.26",
-    "vue-router": "^4.3.2",
+    "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.21"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.23"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",
@@ -36,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/PbHtmlEditorModal-aaecwH7V.js

@@ -1,131 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createSlots, renderList } from "vue";
-import { useModalHandle, BSModalFrame, BSTabSheet, 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 flex-grow-1" };
-const _hoisted_4 = { class: "bs-layout-vertical w-full h-full" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "title pb-4" }, "Preview", -1);
-const _hoisted_6 = ["innerHTML"];
-const _hoisted_7 = { class: "editor bs-layout-vertical pl-8" };
-const _hoisted_8 = { class: "tags bs-layout-vertical w-full" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "title pb-4" }, "HTML", -1);
-const _hoisted_10 = { class: "content flex-grow-1" };
-const _hoisted_11 = { class: "style bs-layout-vertical w-full pt-8" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "title pb-4" }, "Style", -1);
-const _hoisted_13 = { class: "content flex-grow-1" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PbHtmlEditorModal",
-  props: {
-    html: {},
-    locales: {},
-    localeTabs: {}
-  },
-  emits: ["updateHtml"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tabId = ref(props.localeTabs && props.localeTabs[0].tabId);
-    const modalHandle = useModalHandle();
-    const html = ref(props.html || {});
-    const preview = computed(() => {
-      var _a;
-      let data = {};
-      (_a = props.locales) == null ? void 0 : _a.forEach((locale) => {
-        const _html = html.value[locale] || { tags: "", style: "" };
-        data[locale] = _html.tags ? `${_html.tags}
-<style>${_html.style}</style>` : "";
-      });
-      return data;
-    });
-    const updateTags = (locale, value) => {
-      if (!html.value)
-        html.value = {};
-      if (!html.value[locale])
-        html.value[locale] = {};
-      html.value[locale].tags = value;
-    };
-    const updateStyle = (locale, value) => {
-      if (!html.value)
-        html.value = {};
-      if (!html.value[locale])
-        html.value[locale] = {};
-      html.value[locale].style = value;
-    };
-    const ok = () => {
-      emit("updateHtml", html.value);
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BSModalFrame), {
-        class: "pb-html-editor-modal",
-        title: "HTML Editor"
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(BSTabSheet), {
-              "tab-id": tabId.value,
-              "onUpdate:tabId": _cache[0] || (_cache[0] = ($event) => tabId.value = $event),
-              tabs: _ctx.localeTabs,
-              class: "flex-grow-1"
-            }, createSlots({ _: 2 }, [
-              renderList(_ctx.locales, (locale) => {
-                return {
-                  name: `tab-${locale}`,
-                  fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      createElementVNode("div", _hoisted_3, [
-                        createElementVNode("div", _hoisted_4, [
-                          _hoisted_5,
-                          createElementVNode("div", {
-                            class: "content flex-grow-1",
-                            innerHTML: preview.value[locale]
-                          }, null, 8, _hoisted_6)
-                        ])
-                      ]),
-                      createElementVNode("div", _hoisted_7, [
-                        createElementVNode("div", _hoisted_8, [
-                          _hoisted_9,
-                          createElementVNode("div", _hoisted_10, [
-                            createVNode(unref(BSCodeEditor), {
-                              "model-value": (html.value[locale] || {}).tags,
-                              "editor-height": "100%",
-                              lang: "html",
-                              "onUpdate:modelValue": (value) => updateTags(locale, value)
-                            }, null, 8, ["model-value", "onUpdate:modelValue"])
-                          ])
-                        ]),
-                        createElementVNode("div", _hoisted_11, [
-                          _hoisted_12,
-                          createElementVNode("div", _hoisted_13, [
-                            createVNode(unref(BSCodeEditor), {
-                              "model-value": (html.value[locale] || {}).style,
-                              "editor-height": "100%",
-                              lang: "css",
-                              "onUpdate:modelValue": (value) => updateStyle(locale, value)
-                            }, null, 8, ["model-value", "onUpdate:modelValue"])
-                          ])
-                        ])
-                      ])
-                    ])
-                  ])
-                };
-              })
-            ]), 1032, ["tab-id", "tabs"])
-          ])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", { class: "bs-layout-horizontal justify-content-center" }, [
-            createElementVNode("button", {
-              class: "mr-4",
-              onClick: ok
-            }, "OK")
-          ])
-        ]),
-        _: 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;