@g1cloud/page-builder-editor 1.0.0-alpha.95 → 1.0.0-alpha.97

package/dist/{PbPropertyEditorColor-BiBguem_.js → PbPropertyEditorColor-CaSd-97a.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-B1eN8cQ9.js";
+import { P as PbColorPicker } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "bs-layout-horizontal flex-align-center color" };

package/dist/{PbPropertyEditorCssLength-BKKA6dk_.js → PbPropertyEditorCssLength-nk7YdWvQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createVNode } from "vue";
 import { vT, BSTextInput } from "@g1cloud/bluesea";
-import { t as toCssLength } from "./index-B1eN8cQ9.js";
+import { t as toCssLength } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-number flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorHtml-CUPmDi2l.js → PbPropertyEditorHtml-CclJiLCC.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, defineAsyncComponent } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-B1eN8cQ9.js";
+import { u as usePageBuilderEditor } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-html flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorImage-C1IQgc0P.js → PbPropertyEditorImage-YVF4DEZ7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createTextVNode, toDisplayString, createVNode, createCommentVNode, Fragment } from "vue";
-import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-B1eN8cQ9.js";
+import { u as usePageBuilderEditor, C as ChangePropertyCommand } from "./index-CzHVyJKJ.js";
 import { useModal, vT, BSButton, BSMultiLangTextInput, showNotification } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image" };
 const _hoisted_2 = { class: "title" };

package/dist/{PbPropertyEditorMultilineText-C2rwaj4r.js → PbPropertyEditorMultilineText-DAsGTyGC.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-B1eN8cQ9.js";
+import { u as usePageBuilderEditor } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorText-D8hq-KlF.js → PbPropertyEditorText-B3BdY0s1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createBlock } from "vue";
 import { vT, BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-B1eN8cQ9.js";
+import { u as usePageBuilderEditor } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbPropertyEditorYoutube-DkkynkuY.js → PbPropertyEditorYoutube-Qn817R8S.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, unref } from "vue";
 import { useModal, vT } from "@g1cloud/bluesea";
-import { s as selectYoutubeVideo } from "./index-B1eN8cQ9.js";
+import { s as selectYoutubeVideo } from "./index-CzHVyJKJ.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{PbWidgetAddModal-C125UBym.js → PbWidgetAddModal-D4uBFMPN.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-B1eN8cQ9.js";
+import { w as widgetPartDefinitions } from "./index-CzHVyJKJ.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"];

package/dist/{index-B1eN8cQ9.js → index-CzHVyJKJ.js}

@@ -6886,16 +6886,26 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
   props: {
     part: {}
   },
-  emits: ["update:visible"],
+  emits: ["hideParent", "showParent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const visible = ref(true);
-    const updateVisible = (value) => {
+    const hideParent = () => {
       var _a, _b;
-      visible.value = value;
+      visible.value = false;
       const hideParentWhenInvisible = ((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible) === true || ((_b = props.part.properties) == null ? void 0 : _b.hideParentWhenInvisible) === "true";
-      emit("update:visible", value, hideParentWhenInvisible);
+      if (hideParentWhenInvisible) {
+        emit("hideParent", props.part.partId);
+      }
+    };
+    const showParent = () => {
+      var _a, _b;
+      visible.value = true;
+      const hideParentWhenInvisible = ((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible) === true || ((_b = props.part.properties) == null ? void 0 : _b.hideParentWhenInvisible) === "true";
+      if (hideParentWhenInvisible) {
+        emit("showParent", props.part.partId);
+      }
     };
     const classNames = computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
     const style = computed(() => ({
@@ -6939,7 +6949,8 @@ const _sfc_main$b$1 = /* @__PURE__ */ defineComponent({
         thisComponent.value ? (openBlock(), createBlock$1(resolveDynamicComponent(thisComponent.value), {
           key: 0,
           part: _ctx.part,
-          "onUpdate:visible": updateVisible
+          onHideParent: hideParent,
+          onShowParent: showParent
         }, null, 40, ["part"])) : createCommentVNode("", true)
       ], 14, _hoisted_1$8$1)), [
         [vShow, visible.value]
@@ -6953,16 +6964,23 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
     part: {},
     isMobilePage: { type: Boolean }
   },
-  emits: ["update:visible"],
+  emits: ["hideParent", "showParent"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const hiddenChildren = ref({});
     const visible = ref(true);
-    const updateVisible = (value, hideParentWhenInvisible) => {
-      if (hideParentWhenInvisible && !value) {
-        visible.value = false;
+    const hideParent = (partId) => {
+      visible.value = false;
+      hiddenChildren.value[partId] = true;
+      emit("hideParent", props.part.partId);
+    };
+    const showParent = (partId) => {
+      delete hiddenChildren.value[partId];
+      if (Object.keys(hiddenChildren.value).length === 0) {
+        visible.value = true;
+        emit("showParent", props.part.partId);
       }
-      emit("update:visible", visible.value, hideParentWhenInvisible);
     };
     const validTags = ["div", "section", "li"];
     const tag = computed(() => {
@@ -7013,7 +7031,8 @@ const _sfc_main$a$1 = /* @__PURE__ */ defineComponent({
             return openBlock(), createBlock$1(_sfc_main$b$1, {
               key: child.partId,
               part: child,
-              "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              onHideParent: hideParent,
+              onShowParent: showParent
             }, null, 8, ["part"]);
           }), 128)) : createCommentVNode("", true)
         ]),
@@ -7030,12 +7049,22 @@ const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
     part: {},
     isMobilePage: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["hideParent", "showParent"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const hiddenChildren = ref({});
     const visible = ref(true);
-    const updateVisible = (value, hideParentWhenInvisible) => {
-      if (hideParentWhenInvisible && !value) {
-        visible.value = false;
+    const hideParent = (partId) => {
+      visible.value = false;
+      hiddenChildren.value[partId] = true;
+      emit("hideParent", props.part.partId);
+    };
+    const showParent = (partId) => {
+      delete hiddenChildren.value[partId];
+      if (Object.keys(hiddenChildren.value).length === 0) {
+        visible.value = true;
+        emit("showParent", props.part.partId);
       }
     };
     const validTags = ["div", "section", "ul"];
@@ -7088,7 +7117,8 @@ const _sfc_main$9$1 = /* @__PURE__ */ defineComponent({
               key: child.partId,
               "is-mobile-page": _ctx.isMobilePage,
               part: child,
-              "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+              onHideParent: hideParent,
+              onShowParent: showParent
             }, null, 8, ["is-mobile-page", "part"]);
           }), 128)) : createCommentVNode("", true)
         ]),
@@ -7561,6 +7591,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(), createBlock$1(resolveDynamicComponent("script"), {
           id: "youtube-iframe-js-api-script",
+          class: "optanon-category-C0004",
           src: "https://www.youtube.com/iframe_api"
         })),
         ((_a = _ctx.part.properties) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -8561,16 +8592,16 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-BJ5qx69O.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-D8hq-KlF.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-B3BdY0s1.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-B76ArSb5.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-c5CNiTpt.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-C2rwaj4r.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-DAsGTyGC.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-B5sfulvx.js")),
-    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-BKKA6dk_.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-BiBguem_.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-C1IQgc0P.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CUPmDi2l.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-DkkynkuY.js"))
+    "css-length": () => defineAsyncComponent(() => import("./PbPropertyEditorCssLength-nk7YdWvQ.js")),
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-CaSd-97a.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-YVF4DEZ7.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CclJiLCC.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-Qn817R8S.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -13311,7 +13342,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-C125UBym.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-D4uBFMPN.js")),
     style: {
       width: "80%",
       height: "80%",

package/dist/page-builder-editor.js

@@ -1,4 +1,4 @@
-import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, R, o, S, p, W, q, r, v, x, y, z, A, D, E } from "./index-B1eN8cQ9.js";
+import { B, b, M, c, d, e, _, a, f, g, h, i, j, k, l, m, n, R, o, S, p, W, q, r, v, x, y, z, A, D, E } from "./index-CzHVyJKJ.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

package/dist/page-builder-editor.umd.cjs

@@ -6887,16 +6887,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     props: {
       part: {}
     },
-    emits: ["update:visible"],
+    emits: ["hideParent", "showParent"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
       const visible = vue.ref(true);
-      const updateVisible = (value) => {
+      const hideParent = () => {
         var _a, _b;
-        visible.value = value;
+        visible.value = false;
         const hideParentWhenInvisible = ((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible) === true || ((_b = props.part.properties) == null ? void 0 : _b.hideParentWhenInvisible) === "true";
-        emit("update:visible", value, hideParentWhenInvisible);
+        if (hideParentWhenInvisible) {
+          emit("hideParent", props.part.partId);
+        }
+      };
+      const showParent = () => {
+        var _a, _b;
+        visible.value = true;
+        const hideParentWhenInvisible = ((_a = props.part.properties) == null ? void 0 : _a.hideParentWhenInvisible) === true || ((_b = props.part.properties) == null ? void 0 : _b.hideParentWhenInvisible) === "true";
+        if (hideParentWhenInvisible) {
+          emit("showParent", props.part.partId);
+        }
       };
       const classNames = vue.computed(() => [getPartClassName(props.part), props.part.getClassNames()]);
       const style = vue.computed(() => ({
@@ -6940,7 +6950,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           thisComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(thisComponent.value), {
             key: 0,
             part: _ctx.part,
-            "onUpdate:visible": updateVisible
+            onHideParent: hideParent,
+            onShowParent: showParent
           }, null, 40, ["part"])) : vue.createCommentVNode("", true)
         ], 14, _hoisted_1$8$1)), [
           [vue.vShow, visible.value]
@@ -6954,16 +6965,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       part: {},
       isMobilePage: { type: Boolean }
     },
-    emits: ["update:visible"],
+    emits: ["hideParent", "showParent"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const hiddenChildren = vue.ref({});
       const visible = vue.ref(true);
-      const updateVisible = (value, hideParentWhenInvisible) => {
-        if (hideParentWhenInvisible && !value) {
-          visible.value = false;
+      const hideParent = (partId) => {
+        visible.value = false;
+        hiddenChildren.value[partId] = true;
+        emit("hideParent", props.part.partId);
+      };
+      const showParent = (partId) => {
+        delete hiddenChildren.value[partId];
+        if (Object.keys(hiddenChildren.value).length === 0) {
+          visible.value = true;
+          emit("showParent", props.part.partId);
         }
-        emit("update:visible", visible.value, hideParentWhenInvisible);
       };
       const validTags = ["div", "section", "li"];
       const tag = vue.computed(() => {
@@ -7014,7 +7032,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               return vue.openBlock(), vue.createBlock(_sfc_main$b$1, {
                 key: child.partId,
                 part: child,
-                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+                onHideParent: hideParent,
+                onShowParent: showParent
               }, null, 8, ["part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ]),
@@ -7031,12 +7050,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       part: {},
       isMobilePage: { type: Boolean }
     },
-    setup(__props) {
+    emits: ["hideParent", "showParent"],
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
+      const hiddenChildren = vue.ref({});
       const visible = vue.ref(true);
-      const updateVisible = (value, hideParentWhenInvisible) => {
-        if (hideParentWhenInvisible && !value) {
-          visible.value = false;
+      const hideParent = (partId) => {
+        visible.value = false;
+        hiddenChildren.value[partId] = true;
+        emit("hideParent", props.part.partId);
+      };
+      const showParent = (partId) => {
+        delete hiddenChildren.value[partId];
+        if (Object.keys(hiddenChildren.value).length === 0) {
+          visible.value = true;
+          emit("showParent", props.part.partId);
         }
       };
       const validTags = ["div", "section", "ul"];
@@ -7089,7 +7118,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 key: child.partId,
                 "is-mobile-page": _ctx.isMobilePage,
                 part: child,
-                "onUpdate:visible": _cache[0] || (_cache[0] = (value, hideParentWhenInvisible) => updateVisible(value, hideParentWhenInvisible))
+                onHideParent: hideParent,
+                onShowParent: showParent
               }, null, 8, ["is-mobile-page", "part"]);
             }), 128)) : vue.createCommentVNode("", true)
           ]),
@@ -7562,6 +7592,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent("script"), {
             id: "youtube-iframe-js-api-script",
+            class: "optanon-category-C0004",
             src: "https://www.youtube.com/iframe_api"
           })),
           ((_a = _ctx.part.properties) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/page-builder-editor",
   "private": false,
-  "version": "1.0.0-alpha.95",
+  "version": "1.0.0-alpha.97",
   "engins": {
     "node": ">= 20.0.0"
   },
@@ -31,7 +31,7 @@
     "vue-router": "^4.4.3",
     "vue3-click-away": "^1.2.4",
     "yjs": "^13.6.14",
-    "@g1cloud/page-builder-viewer": "1.0.0-alpha.95"
+    "@g1cloud/page-builder-viewer": "1.0.0-alpha.97"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",