@g1cloud/page-builder-editor 1.0.0-alpha.40 → 1.0.0-alpha.41

package/dist/PageBuilderEditor.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     plugin?: unknown;
 }>>, {
     getPageContent: () => string;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-model": (modified: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     instanceId?: string | undefined;
     title?: string | undefined;
     pageContent?: string | undefined;
@@ -18,7 +20,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     locale?: string | undefined;
     toolbarPlugin?: PageBuilderToolbarPlugin | undefined;
     plugin?: unknown;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>> & Readonly<{
+    "onUpdate-model"?: ((modified: boolean) => 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/{PbPropertyEditorColor-CxzuXdSU.js → PbPropertyEditorColor-DK3I3ptt.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { BSTextInput } from "@g1cloud/bluesea";
-import { P as PbColorPicker } from "./index-CujMrKaK.js";
+import { P as PbColorPicker } from "./index-JJUQKU18.js";
 const _hoisted_1 = { class: "property-editor property-editor-color" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorHtml-CAwd0B2-.js → PbPropertyEditorHtml-TFX1UdLf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, defineAsyncComponent } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-CujMrKaK.js";
+import { u as usePageBuilderEditor } from "./index-JJUQKU18.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorImage-BUrb2xHD.js → PbPropertyEditorImage-C9-36J1r.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
-import { u as usePageBuilderEditor } from "./index-CujMrKaK.js";
+import { u as usePageBuilderEditor } from "./index-JJUQKU18.js";
 import { useModal } from "@g1cloud/bluesea";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const imageProvider = pageBuilder.getProvider("imageProvider");
       if (imageProvider) {
         imageProvider({ modal }, (media) => {
-          emit("update-property-value", { media });
+          emit("update-property-value", { media, altText: media.altText });
         });
       }
     };

package/dist/{PbPropertyEditorMultilineText-BZHzQltK.js → PbPropertyEditorMultilineText-_sKX10aQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
 import { BSMultiLangTextArea, BSTextArea } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-CujMrKaK.js";
+import { u as usePageBuilderEditor } from "./index-JJUQKU18.js";
 const _hoisted_1 = { class: "property-editor property-editor-multiline-text" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorText-6sglUVrs.js → PbPropertyEditorText-C5J3oD2S.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref } from "vue";
 import { BSMultiLangTextInput, BSTextInput } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor } from "./index-CujMrKaK.js";
+import { u as usePageBuilderEditor } from "./index-JJUQKU18.js";
 const _hoisted_1 = { class: "property-editor property-editor-text flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorYoutube-D4YwWYvB.js → PbPropertyEditorYoutube-D0yzhz00.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { s as selectYoutubeVideo } from "./index-CujMrKaK.js";
+import { s as selectYoutubeVideo } from "./index-JJUQKU18.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbWidgetAddModal-B1D1-muE.js → PbWidgetAddModal-DoIC_0FH.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-CujMrKaK.js";
+import { w as widgetPartDefinitions } from "./index-JJUQKU18.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/components/sidebar/property/PbPropertyEditorImage.vue.d.ts

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

package/dist/{index-CujMrKaK.js → index-JJUQKU18.js}

@@ -8153,15 +8153,15 @@ class PartManager {
 const defaultPartPropertyEditors = () => {
   return {
     "readonly-text": () => defineAsyncComponent(() => import("./PbPropertyEditorReadonlyText-Dgp_AVOD.js")),
-    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-6sglUVrs.js")),
+    "text": () => defineAsyncComponent(() => import("./PbPropertyEditorText-C5J3oD2S.js")),
     "number": () => defineAsyncComponent(() => import("./PbPropertyEditorNumber-TTgo0zbQ.js")),
     "boolean": () => defineAsyncComponent(() => import("./PbPropertyEditorBoolean-C7-iSAtn.js")),
-    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-BZHzQltK.js")),
+    "multiline-text": () => defineAsyncComponent(() => import("./PbPropertyEditorMultilineText-_sKX10aQ.js")),
     "select": () => defineAsyncComponent(() => import("./PbPropertyEditorSelect-CWedbXJI.js")),
-    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-CxzuXdSU.js")),
-    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-BUrb2xHD.js")),
-    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-CAwd0B2-.js")),
-    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-D4YwWYvB.js"))
+    "color": () => defineAsyncComponent(() => import("./PbPropertyEditorColor-DK3I3ptt.js")),
+    "image": () => defineAsyncComponent(() => import("./PbPropertyEditorImage-C9-36J1r.js")),
+    "html": () => defineAsyncComponent(() => import("./PbPropertyEditorHtml-TFX1UdLf.js")),
+    "youtube": () => defineAsyncComponent(() => import("./PbPropertyEditorYoutube-D0yzhz00.js"))
   };
 };
 const getPropertyValueOfParts = (parts, propertyName) => {
@@ -12293,6 +12293,13 @@ const widgets = [
             propertyType: "image",
             params: ""
           },
+          {
+            propertyName: "altText",
+            caption: "ALT Text",
+            propertyType: "text",
+            params: "",
+            multiLang: true
+          },
           {
             propertyName: "link",
             caption: "Link",
@@ -12503,7 +12510,7 @@ __publicField(_OpenAddWidgetModalCommand, "COMMAND_ID", "OpenAddWidgetModal");
 let OpenAddWidgetModalCommand = _OpenAddWidgetModalCommand;
 const openWidgetAddModal = (modal, args, callback) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./PbWidgetAddModal-B1D1-muE.js")),
+    component: defineAsyncComponent(() => import("./PbWidgetAddModal-DoIC_0FH.js")),
     style: {
       width: "80%",
       height: "80%",
@@ -13732,7 +13739,21 @@ class PageBuilderEditorImpl {
     __publicField(this, "providers", {});
     __publicField(this, "externalCssLinks", []);
     __publicField(this, "externalCssContent", "");
+    __publicField(this, "initialized", false);
+    __publicField(this, "onModelUpdated");
     this.model = new Model2();
+    this.model.undoManager.on("stack-item-added", (event) => {
+      if (!this.initialized) return;
+      if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+    });
+    this.model.undoManager.on("stack-item-popped", (event) => {
+      if (!this.initialized) return;
+      if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+    });
+    this.model.undoManager.on("stack-cleared", (event) => {
+      if (!this.initialized) return;
+      if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+    });
     this.context = new PageBuilderContextImpl(this);
     this.scale.value = 1;
     this.initPlugins();
@@ -13843,6 +13864,8 @@ class PageBuilderEditorImpl {
       ]
     };
     this.model.updateModel(param);
+    this.initialized = true;
+    this.model.undoManager.clear();
   }
   undo() {
     this.model.undoManager.undo();
@@ -14711,12 +14734,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     toolbarPlugin: {},
     plugin: {}
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["update-model"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const modal = useModal();
     const pageBuilderEditor = createPageBuilderEditor();
     pageBuilderEditor.instanceId = props.instanceId;
     pageBuilderEditor.title = props.title;
+    pageBuilderEditor.onModelUpdated = (modified) => {
+      emit("update-model", modified);
+    };
     if (props.locales) pageBuilderEditor.setLocales(props.locales);
     if (props.locale) pageBuilderEditor.setLocale(props.locale);
     if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin);

package/dist/model/page-builder-editor.d.ts

@@ -26,6 +26,7 @@ export interface PageBuilderEditor extends PageBuilder {
     scale: Ref<number>;
     locale: Ref<string>;
     locales: Ref<string[]>;
+    onModelUpdated?: (modified: boolean) => void;
     registerPlugin(plugin: PageBuilderPlugin): void;
     registerCustomPlugin(plugin: any): void;
     initData(data?: string): void;
@@ -57,6 +58,8 @@ export declare class PageBuilderEditorImpl implements PageBuilderEditor {
     providers: Record<string, unknown>;
     externalCssLinks: string[];
     externalCssContent: string;
+    initialized: boolean;
+    onModelUpdated?: (modified: boolean) => void;
     constructor();
     getLocale(): string;
     setLocale(locale?: string): void;

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, t, v, x, y, z, A, C } from "./index-CujMrKaK.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, t, v, x, y, z, A, C } from "./index-JJUQKU18.js";
 export {
   B as BLOCK_TYPE,
   b as Block,

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

@@ -12294,6 +12294,13 @@ ${_html.style}
               propertyType: "image",
               params: ""
             },
+            {
+              propertyName: "altText",
+              caption: "ALT Text",
+              propertyType: "text",
+              params: "",
+              multiLang: true
+            },
             {
               propertyName: "link",
               caption: "Link",
@@ -13733,7 +13740,21 @@ ${_html.style}
       __publicField(this, "providers", {});
       __publicField(this, "externalCssLinks", []);
       __publicField(this, "externalCssContent", "");
+      __publicField(this, "initialized", false);
+      __publicField(this, "onModelUpdated");
       this.model = new Model();
+      this.model.undoManager.on("stack-item-added", (event) => {
+        if (!this.initialized) return;
+        if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+      });
+      this.model.undoManager.on("stack-item-popped", (event) => {
+        if (!this.initialized) return;
+        if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+      });
+      this.model.undoManager.on("stack-cleared", (event) => {
+        if (!this.initialized) return;
+        if (this.onModelUpdated) this.onModelUpdated(this.model.undoManager.undoStack.length > 0);
+      });
       this.context = new PageBuilderContextImpl(this);
       this.scale.value = 1;
       this.initPlugins();
@@ -13844,6 +13865,8 @@ ${_html.style}
         ]
       };
       this.model.updateModel(param);
+      this.initialized = true;
+      this.model.undoManager.clear();
     }
     undo() {
       this.model.undoManager.undo();
@@ -14712,12 +14735,17 @@ ${_html.style}
       toolbarPlugin: {},
       plugin: {}
     },
-    setup(__props, { expose: __expose }) {
+    emits: ["update-model"],
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const modal = bluesea.useModal();
       const pageBuilderEditor = createPageBuilderEditor();
       pageBuilderEditor.instanceId = props.instanceId;
       pageBuilderEditor.title = props.title;
+      pageBuilderEditor.onModelUpdated = (modified) => {
+        emit("update-model", modified);
+      };
       if (props.locales) pageBuilderEditor.setLocales(props.locales);
       if (props.locale) pageBuilderEditor.setLocale(props.locale);
       if (props.plugin) pageBuilderEditor.registerCustomPlugin(props.plugin);
@@ -15100,7 +15128,7 @@ ${_html.style}
         const imageProvider = pageBuilder.getProvider("imageProvider");
         if (imageProvider) {
           imageProvider({ modal }, (media) => {
-            emit("update-property-value", { media });
+            emit("update-property-value", { media, altText: media.altText });
           });
         }
       };

package/package.json

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