@topol.io/editor-vue 0.0.1 → 0.0.2

package/README.md

@@ -56,7 +56,7 @@ TopolPlugin.save();
 | Action | Description |
 | --- | ----------- |
 | `TopolPlugin.save()` | Saves the content of the editor [more info](https://topol.io/docs#plugin-configuration) |
-| `TopolPlugin.load(template`) | Loads the provided template [more info](https://topol.io/docs#save-and-load-options) |
+| `TopolPlugin.load(template)` | Loads the provided template [more info](https://topol.io/docs#save-and-load-options) |
 | `TopolPlugin.togglePreview()` | Toggles editor preview [more info](https://topol.io/docs#preview-mode-on-desktop-and-mobile)|
 | `TopolPlugin.togglePreviewSize()` | Toggles editor preview size |
 | `TopolPlugin.undo()` | Undo change in editor [more info](https://topol.io/docs#redo-and-undo)|
@@ -69,6 +69,7 @@ TopolPlugin.save();
 | `TopolPlugin.destroy()` | Destroys the editor initialization [more info](https://topol.io/docs#working-with-js-frameworks) |
 
 <br>
+
 ## Editor Events
 
 The callbacks from editor are received as component events.
@@ -98,6 +99,7 @@ The callbacks from editor are received as component events.
 
 
 <br>
+
 ## TypeScript
 
 Topol Editor provides full TypeScript integration and exports all necessary types.

package/dist/topol-editor-vue.es.js

@@ -1,15 +1,15 @@
 import i from "@topol.io/editor";
 import { default as E } from "@topol.io/editor";
-import { defineComponent as p, onMounted as g, onBeforeUnmount as v, openBlock as C, createElementBlock as m } from "vue";
-const d = "topol-editor-id", u = /* @__PURE__ */ p({
+import { defineComponent as p, onMounted as g, onBeforeUnmount as C, openBlock as m, createElementBlock as v } from "vue";
+const l = "topol-editor-id", B = /* @__PURE__ */ p({
   __name: "TopolEditor",
   props: {
     options: {},
     stage: { default: "production" }
   },
-  emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged"],
-  setup(l, { emit: s }) {
-    const a = l, n = s, r = () => {
+  emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog"],
+  setup(d, { emit: s }) {
+    const a = d, n = s, r = () => {
       const t = {
         onSave(o, e) {
           n("onSave", { json: o, html: e });
@@ -59,22 +59,25 @@ const d = "topol-editor-id", u = /* @__PURE__ */ p({
         },
         onEdittedWithoutSaveChanged(o) {
           n("onEdittedWithoutSaveChanged", o);
+        },
+        onOpenCustomBlockDialog(o) {
+          n("onOpenCustomBlockDialog", o);
         }
       };
-      return { id: "#" + d, ...a.options, callbacks: { ...t } };
+      return { id: "#" + l, ...a.options, callbacks: { ...t } };
     };
     return g(async () => {
       const t = r();
       await i.init(t, { stage: a.stage });
-    }), v(() => {
+    }), C(() => {
       i.destroy();
-    }), (t, o) => (C(), m("div", {
-      id: d,
+    }), (t, o) => (m(), v("div", {
+      id: l,
       style: { position: "absolute", width: "100%", height: "100vh" }
     }));
   }
 });
 export {
-  u as TopolEditor,
+  B as TopolEditor,
   E as TopolPlugin
 };

package/dist/topol-editor-vue.umd.js

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["topol-editor-vue"]={},n.TopolPlugin,n.Vue))})(this,function(n,t,d){"use strict";const l="topol-editor-id",r=d.defineComponent({__name:"TopolEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged"],setup(c,{emit:p}){const s=c,e=p,u=()=>{const a={onSave(o,i){e("onSave",{json:o,html:i})},onSaveAndClose(o,i){e("onSaveAndClose",{json:o,html:i})},onTestSend(o,i,h){e("onTestSend",{email:o,json:i,html:h})},onOpenFileManager(){e("onOpenFileManager")},onLoaded(){e("onLoaded")},onBlockSave(o){e("onBlockSave",o)},onBlockRemove(o){e("onBlockRemove",o)},onBlockEdit(o){e("onBlockEdit",o)},onInit(){e("onInit")},onUndoChange(o){e("onUndoChange",o)},onRedoChange(o){e("onRedoChange",o)},onPreview(o){e("onPreview",o)},onAlert(o){e("onAlert",o)},onClose(){e("onClose")},onBannerClick(o,i){e("onBannerClick",{json:o,html:i})},onEdittedWithoutSaveChanged(o){e("onEdittedWithoutSaveChanged",o)}};return{id:"#"+l,...s.options,callbacks:{...a}}};return d.onMounted(async()=>{const a=u();await t.init(a,{stage:s.stage})}),d.onBeforeUnmount(()=>{t.destroy()}),(a,o)=>(d.openBlock(),d.createElementBlock("div",{id:l,style:{position:"absolute",width:"100%",height:"100vh"}}))}});n.TopolPlugin=t,n.TopolEditor=r,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["topol-editor-vue"]={},n.TopolPlugin,n.Vue))})(this,function(n,t,d){"use strict";const l="topol-editor-id",c=d.defineComponent({__name:"TopolEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged","onOpenCustomBlockDialog"],setup(r,{emit:p}){const s=r,e=p,u=()=>{const a={onSave(o,i){e("onSave",{json:o,html:i})},onSaveAndClose(o,i){e("onSaveAndClose",{json:o,html:i})},onTestSend(o,i,C){e("onTestSend",{email:o,json:i,html:C})},onOpenFileManager(){e("onOpenFileManager")},onLoaded(){e("onLoaded")},onBlockSave(o){e("onBlockSave",o)},onBlockRemove(o){e("onBlockRemove",o)},onBlockEdit(o){e("onBlockEdit",o)},onInit(){e("onInit")},onUndoChange(o){e("onUndoChange",o)},onRedoChange(o){e("onRedoChange",o)},onPreview(o){e("onPreview",o)},onAlert(o){e("onAlert",o)},onClose(){e("onClose")},onBannerClick(o,i){e("onBannerClick",{json:o,html:i})},onEdittedWithoutSaveChanged(o){e("onEdittedWithoutSaveChanged",o)},onOpenCustomBlockDialog(o){e("onOpenCustomBlockDialog",o)}};return{id:"#"+l,...s.options,callbacks:{...a}}};return d.onMounted(async()=>{const a=u();await t.init(a,{stage:s.stage})}),d.onBeforeUnmount(()=>{t.destroy()}),(a,o)=>(d.openBlock(),d.createElementBlock("div",{id:l,style:{position:"absolute",width:"100%",height:"100vh"}}))}});n.TopolPlugin=t,n.TopolEditor=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/types/TopolEditor.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onAlert: (notification: INotification) => void;
     onBannerClick: (data: ISaveData) => void;
     onEdittedWithoutSaveChanged: (hasUnsavedChanges: boolean) => void;
+    onOpenCustomBlockDialog: (blockContent: unknown) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: IVueOptions;
     stage?: IStage | undefined;
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onOnAlert?: ((notification: INotification) => any) | undefined;
     onOnBannerClick?: ((data: ISaveData) => any) | undefined;
     onOnEdittedWithoutSaveChanged?: ((hasUnsavedChanges: boolean) => any) | undefined;
+    onOnOpenCustomBlockDialog?: ((blockContent: unknown) => any) | undefined;
 }, {
     stage: IStage;
 }, {}>;

package/package.json

@@ -14,7 +14,7 @@
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "files": [
     "dist"
@@ -29,7 +29,7 @@
     }
   },
   "dependencies": {
-    "@topol.io/editor": "0.0.1"
+    "@topol.io/editor": "0.0.2"
   },
   "peerDependencies": {
     "vue": "^3.2.25"
@@ -48,7 +48,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && yarn run build:types",
+    "build": "vite build && pnpm run build:types",
     "preview": "vite preview",
     "build:types": "vue-tsc -p tsconfig.prod.json"
   }