@topol.io/editor-vue 1.0.0-alpha.2 → 1.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/topol-editor-vue.es.js +133 -113
  2. package/dist/topol-editor-vue.umd.js +1 -1
  3. package/package.json +2 -2
package/dist/topol-editor-vue.es.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import { EmailEditor as C, LandingPageEditor as S } from "@topol.io/editor";
2
- import { EmailEditor as I, LandingPageEditor as D, default as M } from "@topol.io/editor";
3
- import { defineComponent as p, onMounted as m, onBeforeUnmount as k, createElementBlock as B, openBlock as v, ref as O, createBlock as R } from "vue";
4
- const E = "topol-email-editor-id", T = /* @__PURE__ */ p({
2
+ import { EmailEditor as y, LandingPageEditor as w, default as I } from "@topol.io/editor";
3
+ import { defineComponent as u, onMounted as m, onBeforeUnmount as k, createElementBlock as B, openBlock as p, ref as O, createBlock as L } from "vue";
4
+ const v = "topol-email-editor-id", R = /* @__PURE__ */ u({
5
5
  __name: "EmailEditor",
6
6
  props: {
7
7
  options: {},
8
8
  stage: { default: "production" }
9
9
  },
10
- emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog", "onTemplateRename", "updateTestingEmailAddresses", "onError"],
11
- setup(r, { emit: s }) {
12
- const d = r, e = s, i = () => ({
13
- onSave(o, n, l, g) {
14
- e("onSave", { json: o, html: n, mutations: l, syncedSections: g });
10
+ emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog", "onTemplateRename", "updateTestingEmailAddresses", "onError", "onLanguageCreated", "onLanguageDeleted", "onLanguageSelected", "onPrimaryLanguageChanged", "onGetMutations"],
11
+ setup(l, { emit: s }) {
12
+ const d = l, e = s, a = () => ({
13
+ onSave(n, o, r, g) {
14
+ e("onSave", { json: n, html: o, mutations: r, syncedSections: g });
15
15
  },
16
- onSaveAndClose(o, n, l, g) {
17
- e("onSaveAndClose", { json: o, html: n, mutations: l, syncedSections: g });
16
+ onSaveAndClose(n, o, r, g) {
17
+ e("onSaveAndClose", { json: n, html: o, mutations: r, syncedSections: g });
18
18
  },
19
- onTestSend(o, n, l) {
20
- e("onTestSend", { email: o, json: n, html: l });
19
+ onTestSend(n, o, r) {
20
+ e("onTestSend", { email: n, json: o, html: r });
21
21
  },
22
22
  onOpenFileManager() {
23
23
  e("onOpenFileManager");
@@ -25,202 +25,222 @@ const E = "topol-email-editor-id", T = /* @__PURE__ */ p({
25
25
  onLoaded() {
26
26
  e("onLoaded");
27
27
  },
28
- onBlockSave(o) {
29
- e("onBlockSave", o);
28
+ onBlockSave(n) {
29
+ e("onBlockSave", n);
30
30
  },
31
- onBlockRemove(o) {
32
- e("onBlockRemove", o);
31
+ onBlockRemove(n) {
32
+ e("onBlockRemove", n);
33
33
  },
34
- onBlockEdit(o) {
35
- e("onBlockEdit", o);
34
+ onBlockEdit(n) {
35
+ e("onBlockEdit", n);
36
36
  },
37
37
  onInit() {
38
38
  e("onInit");
39
39
  },
40
- onUndoChange(o) {
41
- e("onUndoChange", o);
40
+ onUndoChange(n) {
41
+ e("onUndoChange", n);
42
42
  },
43
- onRedoChange(o) {
44
- e("onRedoChange", o);
43
+ onRedoChange(n) {
44
+ e("onRedoChange", n);
45
45
  },
46
- onPreview(o) {
47
- e("onPreview", o);
46
+ onPreview(n) {
47
+ e("onPreview", n);
48
48
  },
49
- onAlert(o) {
50
- e("onAlert", o);
49
+ onAlert(n) {
50
+ e("onAlert", n);
51
51
  },
52
52
  onClose() {
53
53
  e("onClose");
54
54
  },
55
- onBannerClick(o, n) {
56
- e("onBannerClick", { json: o, html: n });
55
+ onBannerClick(n, o) {
56
+ e("onBannerClick", { json: n, html: o });
57
57
  },
58
- onEdittedWithoutSaveChanged(o) {
59
- e("onEdittedWithoutSaveChanged", o);
58
+ onEdittedWithoutSaveChanged(n) {
59
+ e("onEdittedWithoutSaveChanged", n);
60
60
  },
61
- onOpenCustomBlockDialog(o) {
62
- e("onOpenCustomBlockDialog", o);
61
+ onOpenCustomBlockDialog(n) {
62
+ e("onOpenCustomBlockDialog", n);
63
63
  },
64
- onTemplateRename(o) {
65
- e("onTemplateRename", o);
64
+ onTemplateRename(n) {
65
+ e("onTemplateRename", n);
66
66
  },
67
- updateTestingEmailAddresses(o) {
68
- e("updateTestingEmailAddresses", o);
67
+ updateTestingEmailAddresses(n) {
68
+ e("updateTestingEmailAddresses", n);
69
69
  },
70
- onError(o, n) {
71
- e("onError", { type: o, message: n });
70
+ onError(n, o) {
71
+ e("onError", { type: n, message: o });
72
+ },
73
+ onLanguageCreated(n, o) {
74
+ e("onLanguageCreated", { lang: n, mutations: o });
75
+ },
76
+ onLanguageDeleted(n, o) {
77
+ e("onLanguageDeleted", { lang: n, mutations: o });
78
+ },
79
+ onLanguageSelected(n) {
80
+ e("onLanguageSelected", { lang: n });
81
+ },
82
+ onPrimaryLanguageChanged(n, o) {
83
+ e("onPrimaryLanguageChanged", { lang: n, mutations: o });
84
+ },
85
+ onGetMutations(n) {
86
+ e("onGetMutations", { mutations: n });
72
87
  }
73
88
  });
74
89
  return m(async () => {
75
90
  try {
76
- const o = {
77
- id: "#" + E,
91
+ const n = {
92
+ id: "#" + v,
78
93
  ...d.options,
79
- callbacks: i()
94
+ callbacks: a()
80
95
  };
81
- await C.init(o, { stage: d.stage });
82
- } catch (o) {
83
- const n = o instanceof Error ? o.message : "Failed to initialize editor";
84
- e("onError", { type: "init", message: n }), console.error("[@topol.io/editor-vue] EmailEditor initialization failed:", o);
96
+ await C.init(n, { stage: d.stage });
97
+ } catch (n) {
98
+ const o = n instanceof Error ? n.message : "Failed to initialize editor";
99
+ e("onError", { type: "init", message: o }), console.error("[@topol.io/editor-vue] EmailEditor initialization failed:", n);
85
100
  }
86
101
  }), k(() => {
87
102
  C.destroy();
88
- }), (o, n) => (v(), B("div", {
89
- id: E,
103
+ }), (n, o) => (p(), B("div", {
104
+ id: v,
90
105
  style: { position: "absolute", width: "100%", height: "100vh" }
91
106
  }));
92
107
  }
93
- }), u = "topol-landing-page-editor-id", f = /* @__PURE__ */ p({
108
+ }), E = "topol-landing-page-editor-id", P = /* @__PURE__ */ u({
94
109
  __name: "LandingPageEditor",
95
110
  props: {
96
111
  options: {},
97
112
  stage: { default: "production" }
98
113
  },
99
114
  emits: ["onSave", "onSaveAndClose", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog", "onTemplateRename", "onError"],
100
- setup(r, { expose: s, emit: d }) {
101
- const e = r, i = d, o = O(null), n = () => ({
102
- onSave(t, a) {
103
- i("onSave", { json: t, html: a });
115
+ setup(l, { expose: s, emit: d }) {
116
+ const e = l, a = d, n = O(null), o = () => ({
117
+ onSave(t, i) {
118
+ a("onSave", { json: t, html: i });
104
119
  },
105
- onSaveAndClose(t, a) {
106
- i("onSaveAndClose", { json: t, html: a });
120
+ onSaveAndClose(t, i) {
121
+ a("onSaveAndClose", { json: t, html: i });
107
122
  },
108
123
  onOpenFileManager() {
109
- i("onOpenFileManager");
124
+ a("onOpenFileManager");
110
125
  },
111
126
  onLoaded() {
112
- i("onLoaded");
127
+ a("onLoaded");
113
128
  },
114
129
  onBlockSave(t) {
115
- i("onBlockSave", t);
130
+ a("onBlockSave", t);
116
131
  },
117
132
  onBlockRemove(t) {
118
- i("onBlockRemove", t);
133
+ a("onBlockRemove", t);
119
134
  },
120
135
  onBlockEdit(t) {
121
- i("onBlockEdit", t);
136
+ a("onBlockEdit", t);
122
137
  },
123
138
  onInit() {
124
- i("onInit");
139
+ a("onInit");
125
140
  },
126
141
  onClose() {
127
- i("onClose");
142
+ a("onClose");
128
143
  },
129
144
  onUndoChange(t) {
130
- i("onUndoChange", t);
145
+ a("onUndoChange", t);
131
146
  },
132
147
  onRedoChange(t) {
133
- i("onRedoChange", t);
148
+ a("onRedoChange", t);
134
149
  },
135
150
  onPreview(t) {
136
- i("onPreview", t);
151
+ a("onPreview", t);
137
152
  },
138
153
  onAlert(t) {
139
- i("onAlert", t);
154
+ a("onAlert", t);
140
155
  },
141
- onBannerClick(t, a) {
142
- i("onBannerClick", { json: t, html: a });
156
+ onBannerClick(t, i) {
157
+ a("onBannerClick", { json: t, html: i });
143
158
  },
144
159
  onEdittedWithoutSaveChanged(t) {
145
- i("onEdittedWithoutSaveChanged", t);
160
+ a("onEdittedWithoutSaveChanged", t);
146
161
  },
147
162
  onOpenCustomBlockDialog(t) {
148
- i("onOpenCustomBlockDialog", t);
163
+ a("onOpenCustomBlockDialog", t);
149
164
  },
150
165
  onTemplateRename(t) {
151
- i("onTemplateRename", t);
166
+ a("onTemplateRename", t);
152
167
  },
153
- onError(t, a) {
154
- i("onError", { type: t, message: a });
168
+ onError(t, i) {
169
+ a("onError", { type: t, message: i });
155
170
  }
156
171
  });
157
172
  return m(async () => {
158
173
  try {
159
- const t = await S.init({ config: e.options, ...n() }, { stage: e.stage });
160
- o.value = t, t.render("#" + u);
174
+ const t = await S.init({ config: e.options, ...o() }, { stage: e.stage });
175
+ n.value = t, t.render("#" + E);
161
176
  } catch (t) {
162
- const a = t instanceof Error ? t.message : "Failed to initialize editor";
163
- i("onError", { type: "init", message: a }), console.error("[@topol.io/editor-vue] LandingPageEditor initialization failed:", t);
177
+ const i = t instanceof Error ? t.message : "Failed to initialize editor";
178
+ a("onError", { type: "init", message: i }), console.error("[@topol.io/editor-vue] LandingPageEditor initialization failed:", t);
164
179
  }
165
180
  }), k(() => {
166
181
  var t;
167
- (t = o.value) == null || t.destroy();
182
+ (t = n.value) == null || t.destroy();
168
183
  }), s({
169
184
  load: (t) => {
170
- var a;
171
- (a = o.value) == null || a.load(t);
185
+ var i;
186
+ (i = n.value) == null || i.load(t);
172
187
  },
173
188
  save: () => {
174
189
  var t;
175
- (t = o.value) == null || t.save();
190
+ (t = n.value) == null || t.save();
176
191
  }
177
- }), (t, a) => (v(), B("div", {
178
- id: u,
192
+ }), (t, i) => (p(), B("div", {
193
+ id: E,
179
194
  style: { position: "absolute", width: "100%", height: "100vh" }
180
195
  }));
181
196
  }
182
- }), L = /* @__PURE__ */ p({
197
+ }), f = /* @__PURE__ */ u({
183
198
  __name: "TopolEditor",
184
199
  props: {
185
200
  options: {},
186
201
  stage: { default: "production" }
187
202
  },
188
- emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog", "onTemplateRename", "updateTestingEmailAddresses", "onError"],
189
- setup(r, { emit: s }) {
190
- const d = r, e = s;
203
+ emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog", "onTemplateRename", "updateTestingEmailAddresses", "onError", "onLanguageCreated", "onLanguageDeleted", "onLanguageSelected", "onPrimaryLanguageChanged", "onGetMutations"],
204
+ setup(l, { emit: s }) {
205
+ const d = l, e = s;
191
206
  return m(() => {
192
207
  console.warn("[@topol.io/editor-vue] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.");
193
- }), (i, o) => (v(), R(T, {
208
+ }), (a, n) => (p(), L(R, {
194
209
  options: d.options,
195
210
  stage: d.stage,
196
- onOnSave: o[0] || (o[0] = (n) => e("onSave", n)),
197
- onOnSaveAndClose: o[1] || (o[1] = (n) => e("onSaveAndClose", n)),
198
- onOnTestSend: o[2] || (o[2] = (n) => e("onTestSend", n)),
199
- onOnOpenFileManager: o[3] || (o[3] = () => e("onOpenFileManager")),
200
- onOnLoaded: o[4] || (o[4] = () => e("onLoaded")),
201
- onOnBlockSave: o[5] || (o[5] = (n) => e("onBlockSave", n)),
202
- onOnBlockRemove: o[6] || (o[6] = (n) => e("onBlockRemove", n)),
203
- onOnBlockEdit: o[7] || (o[7] = (n) => e("onBlockEdit", n)),
204
- onOnInit: o[8] || (o[8] = () => e("onInit")),
205
- onOnClose: o[9] || (o[9] = () => e("onClose")),
206
- onOnUndoChange: o[10] || (o[10] = (n) => e("onUndoChange", n)),
207
- onOnRedoChange: o[11] || (o[11] = (n) => e("onRedoChange", n)),
208
- onOnPreview: o[12] || (o[12] = (n) => e("onPreview", n)),
209
- onOnAlert: o[13] || (o[13] = (n) => e("onAlert", n)),
210
- onOnBannerClick: o[14] || (o[14] = (n) => e("onBannerClick", n)),
211
- onOnEdittedWithoutSaveChanged: o[15] || (o[15] = (n) => e("onEdittedWithoutSaveChanged", n)),
212
- onOnOpenCustomBlockDialog: o[16] || (o[16] = (n) => e("onOpenCustomBlockDialog", n)),
213
- onOnTemplateRename: o[17] || (o[17] = (n) => e("onTemplateRename", n)),
214
- onUpdateTestingEmailAddresses: o[18] || (o[18] = (n) => e("updateTestingEmailAddresses", n)),
215
- onOnError: o[19] || (o[19] = (n) => e("onError", n))
211
+ onOnSave: n[0] || (n[0] = (o) => e("onSave", o)),
212
+ onOnSaveAndClose: n[1] || (n[1] = (o) => e("onSaveAndClose", o)),
213
+ onOnTestSend: n[2] || (n[2] = (o) => e("onTestSend", o)),
214
+ onOnOpenFileManager: n[3] || (n[3] = () => e("onOpenFileManager")),
215
+ onOnLoaded: n[4] || (n[4] = () => e("onLoaded")),
216
+ onOnBlockSave: n[5] || (n[5] = (o) => e("onBlockSave", o)),
217
+ onOnBlockRemove: n[6] || (n[6] = (o) => e("onBlockRemove", o)),
218
+ onOnBlockEdit: n[7] || (n[7] = (o) => e("onBlockEdit", o)),
219
+ onOnInit: n[8] || (n[8] = () => e("onInit")),
220
+ onOnClose: n[9] || (n[9] = () => e("onClose")),
221
+ onOnUndoChange: n[10] || (n[10] = (o) => e("onUndoChange", o)),
222
+ onOnRedoChange: n[11] || (n[11] = (o) => e("onRedoChange", o)),
223
+ onOnPreview: n[12] || (n[12] = (o) => e("onPreview", o)),
224
+ onOnAlert: n[13] || (n[13] = (o) => e("onAlert", o)),
225
+ onOnBannerClick: n[14] || (n[14] = (o) => e("onBannerClick", o)),
226
+ onOnEdittedWithoutSaveChanged: n[15] || (n[15] = (o) => e("onEdittedWithoutSaveChanged", o)),
227
+ onOnOpenCustomBlockDialog: n[16] || (n[16] = (o) => e("onOpenCustomBlockDialog", o)),
228
+ onOnTemplateRename: n[17] || (n[17] = (o) => e("onTemplateRename", o)),
229
+ onUpdateTestingEmailAddresses: n[18] || (n[18] = (o) => e("updateTestingEmailAddresses", o)),
230
+ onOnError: n[19] || (n[19] = (o) => e("onError", o)),
231
+ onOnLanguageCreated: n[20] || (n[20] = (o) => e("onLanguageCreated", o)),
232
+ onOnLanguageDeleted: n[21] || (n[21] = (o) => e("onLanguageDeleted", o)),
233
+ onOnLanguageSelected: n[22] || (n[22] = (o) => e("onLanguageSelected", o)),
234
+ onOnPrimaryLanguageChanged: n[23] || (n[23] = (o) => e("onPrimaryLanguageChanged", o)),
235
+ onOnGetMutations: n[24] || (n[24] = (o) => e("onGetMutations", o))
216
236
  }, null, 8, ["options", "stage"]));
217
237
  }
218
238
  });
219
239
  export {
220
- I as CoreEmailEditor,
221
- D as CoreLandingPageEditor,
222
- T as EmailEditor,
223
- f as LandingPageEditor,
224
- L as TopolEditor,
225
- M as TopolPlugin
240
+ y as CoreEmailEditor,
241
+ w as CoreLandingPageEditor,
242
+ R as EmailEditor,
243
+ P as LandingPageEditor,
244
+ f as TopolEditor,
245
+ I as TopolPlugin
226
246
  };
package/dist/topol-editor-vue.umd.js CHANGED
@@ -1 +1 @@
1
- (function(d,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],r):(d=typeof globalThis<"u"?globalThis:d||self,r(d["topol-editor-vue"]={},d.editor,d.Vue))})(this,function(d,r,a){"use strict";const E="topol-email-editor-id",u=a.defineComponent({__name:"EmailEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged","onOpenCustomBlockDialog","onTemplateRename","updateTestingEmailAddresses","onError"],setup(g,{emit:m}){const s=g,e=m,i=()=>({onSave(o,n,p,C){e("onSave",{json:o,html:n,mutations:p,syncedSections:C})},onSaveAndClose(o,n,p,C){e("onSaveAndClose",{json:o,html:n,mutations:p,syncedSections:C})},onTestSend(o,n,p){e("onTestSend",{email:o,json:n,html:p})},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,n){e("onBannerClick",{json:o,html:n})},onEdittedWithoutSaveChanged(o){e("onEdittedWithoutSaveChanged",o)},onOpenCustomBlockDialog(o){e("onOpenCustomBlockDialog",o)},onTemplateRename(o){e("onTemplateRename",o)},updateTestingEmailAddresses(o){e("updateTestingEmailAddresses",o)},onError(o,n){e("onError",{type:o,message:n})}});return a.onMounted(async()=>{try{const o={id:"#"+E,...s.options,callbacks:i()};await r.EmailEditor.init(o,{stage:s.stage})}catch(o){const n=o instanceof Error?o.message:"Failed to initialize editor";e("onError",{type:"init",message:n}),console.error("[@topol.io/editor-vue] EmailEditor initialization failed:",o)}}),a.onBeforeUnmount(()=>{r.EmailEditor.destroy()}),(o,n)=>(a.openBlock(),a.createElementBlock("div",{id:E,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),v="topol-landing-page-editor-id",k=a.defineComponent({__name:"LandingPageEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged","onOpenCustomBlockDialog","onTemplateRename","onError"],setup(g,{expose:m,emit:s}){const e=g,i=s,o=a.ref(null),n=()=>({onSave(t,l){i("onSave",{json:t,html:l})},onSaveAndClose(t,l){i("onSaveAndClose",{json:t,html:l})},onOpenFileManager(){i("onOpenFileManager")},onLoaded(){i("onLoaded")},onBlockSave(t){i("onBlockSave",t)},onBlockRemove(t){i("onBlockRemove",t)},onBlockEdit(t){i("onBlockEdit",t)},onInit(){i("onInit")},onClose(){i("onClose")},onUndoChange(t){i("onUndoChange",t)},onRedoChange(t){i("onRedoChange",t)},onPreview(t){i("onPreview",t)},onAlert(t){i("onAlert",t)},onBannerClick(t,l){i("onBannerClick",{json:t,html:l})},onEdittedWithoutSaveChanged(t){i("onEdittedWithoutSaveChanged",t)},onOpenCustomBlockDialog(t){i("onOpenCustomBlockDialog",t)},onTemplateRename(t){i("onTemplateRename",t)},onError(t,l){i("onError",{type:t,message:l})}});return a.onMounted(async()=>{try{const t=await r.LandingPageEditor.init({config:e.options,...n()},{stage:e.stage});o.value=t,t.render("#"+v)}catch(t){const l=t instanceof Error?t.message:"Failed to initialize editor";i("onError",{type:"init",message:l}),console.error("[@topol.io/editor-vue] LandingPageEditor initialization failed:",t)}}),a.onBeforeUnmount(()=>{var t;(t=o.value)==null||t.destroy()}),m({load:t=>{var l;(l=o.value)==null||l.load(t)},save:()=>{var t;(t=o.value)==null||t.save()}}),(t,l)=>(a.openBlock(),a.createElementBlock("div",{id:v,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),B=a.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","onTemplateRename","updateTestingEmailAddresses","onError"],setup(g,{emit:m}){const s=g,e=m;return a.onMounted(()=>{console.warn("[@topol.io/editor-vue] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.")}),(i,o)=>(a.openBlock(),a.createBlock(u,{options:s.options,stage:s.stage,onOnSave:o[0]||(o[0]=n=>e("onSave",n)),onOnSaveAndClose:o[1]||(o[1]=n=>e("onSaveAndClose",n)),onOnTestSend:o[2]||(o[2]=n=>e("onTestSend",n)),onOnOpenFileManager:o[3]||(o[3]=()=>e("onOpenFileManager")),onOnLoaded:o[4]||(o[4]=()=>e("onLoaded")),onOnBlockSave:o[5]||(o[5]=n=>e("onBlockSave",n)),onOnBlockRemove:o[6]||(o[6]=n=>e("onBlockRemove",n)),onOnBlockEdit:o[7]||(o[7]=n=>e("onBlockEdit",n)),onOnInit:o[8]||(o[8]=()=>e("onInit")),onOnClose:o[9]||(o[9]=()=>e("onClose")),onOnUndoChange:o[10]||(o[10]=n=>e("onUndoChange",n)),onOnRedoChange:o[11]||(o[11]=n=>e("onRedoChange",n)),onOnPreview:o[12]||(o[12]=n=>e("onPreview",n)),onOnAlert:o[13]||(o[13]=n=>e("onAlert",n)),onOnBannerClick:o[14]||(o[14]=n=>e("onBannerClick",n)),onOnEdittedWithoutSaveChanged:o[15]||(o[15]=n=>e("onEdittedWithoutSaveChanged",n)),onOnOpenCustomBlockDialog:o[16]||(o[16]=n=>e("onOpenCustomBlockDialog",n)),onOnTemplateRename:o[17]||(o[17]=n=>e("onTemplateRename",n)),onUpdateTestingEmailAddresses:o[18]||(o[18]=n=>e("updateTestingEmailAddresses",n)),onOnError:o[19]||(o[19]=n=>e("onError",n))},null,8,["options","stage"]))}});Object.defineProperty(d,"CoreEmailEditor",{enumerable:!0,get:()=>r.EmailEditor}),Object.defineProperty(d,"CoreLandingPageEditor",{enumerable:!0,get:()=>r.LandingPageEditor}),d.TopolPlugin=r,d.EmailEditor=u,d.LandingPageEditor=k,d.TopolEditor=B,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
1
+ (function(d,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],r):(d=typeof globalThis<"u"?globalThis:d||self,r(d["topol-editor-vue"]={},d.editor,d.Vue))})(this,function(d,r,i){"use strict";const C="topol-email-editor-id",E=i.defineComponent({__name:"EmailEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged","onOpenCustomBlockDialog","onTemplateRename","updateTestingEmailAddresses","onError","onLanguageCreated","onLanguageDeleted","onLanguageSelected","onPrimaryLanguageChanged","onGetMutations"],setup(u,{emit:m}){const s=u,e=m,a=()=>({onSave(n,o,g,p){e("onSave",{json:n,html:o,mutations:g,syncedSections:p})},onSaveAndClose(n,o,g,p){e("onSaveAndClose",{json:n,html:o,mutations:g,syncedSections:p})},onTestSend(n,o,g){e("onTestSend",{email:n,json:o,html:g})},onOpenFileManager(){e("onOpenFileManager")},onLoaded(){e("onLoaded")},onBlockSave(n){e("onBlockSave",n)},onBlockRemove(n){e("onBlockRemove",n)},onBlockEdit(n){e("onBlockEdit",n)},onInit(){e("onInit")},onUndoChange(n){e("onUndoChange",n)},onRedoChange(n){e("onRedoChange",n)},onPreview(n){e("onPreview",n)},onAlert(n){e("onAlert",n)},onClose(){e("onClose")},onBannerClick(n,o){e("onBannerClick",{json:n,html:o})},onEdittedWithoutSaveChanged(n){e("onEdittedWithoutSaveChanged",n)},onOpenCustomBlockDialog(n){e("onOpenCustomBlockDialog",n)},onTemplateRename(n){e("onTemplateRename",n)},updateTestingEmailAddresses(n){e("updateTestingEmailAddresses",n)},onError(n,o){e("onError",{type:n,message:o})},onLanguageCreated(n,o){e("onLanguageCreated",{lang:n,mutations:o})},onLanguageDeleted(n,o){e("onLanguageDeleted",{lang:n,mutations:o})},onLanguageSelected(n){e("onLanguageSelected",{lang:n})},onPrimaryLanguageChanged(n,o){e("onPrimaryLanguageChanged",{lang:n,mutations:o})},onGetMutations(n){e("onGetMutations",{mutations:n})}});return i.onMounted(async()=>{try{const n={id:"#"+C,...s.options,callbacks:a()};await r.EmailEditor.init(n,{stage:s.stage})}catch(n){const o=n instanceof Error?n.message:"Failed to initialize editor";e("onError",{type:"init",message:o}),console.error("[@topol.io/editor-vue] EmailEditor initialization failed:",n)}}),i.onBeforeUnmount(()=>{r.EmailEditor.destroy()}),(n,o)=>(i.openBlock(),i.createElementBlock("div",{id:C,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),v="topol-landing-page-editor-id",k=i.defineComponent({__name:"LandingPageEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged","onOpenCustomBlockDialog","onTemplateRename","onError"],setup(u,{expose:m,emit:s}){const e=u,a=s,n=i.ref(null),o=()=>({onSave(t,l){a("onSave",{json:t,html:l})},onSaveAndClose(t,l){a("onSaveAndClose",{json:t,html:l})},onOpenFileManager(){a("onOpenFileManager")},onLoaded(){a("onLoaded")},onBlockSave(t){a("onBlockSave",t)},onBlockRemove(t){a("onBlockRemove",t)},onBlockEdit(t){a("onBlockEdit",t)},onInit(){a("onInit")},onClose(){a("onClose")},onUndoChange(t){a("onUndoChange",t)},onRedoChange(t){a("onRedoChange",t)},onPreview(t){a("onPreview",t)},onAlert(t){a("onAlert",t)},onBannerClick(t,l){a("onBannerClick",{json:t,html:l})},onEdittedWithoutSaveChanged(t){a("onEdittedWithoutSaveChanged",t)},onOpenCustomBlockDialog(t){a("onOpenCustomBlockDialog",t)},onTemplateRename(t){a("onTemplateRename",t)},onError(t,l){a("onError",{type:t,message:l})}});return i.onMounted(async()=>{try{const t=await r.LandingPageEditor.init({config:e.options,...o()},{stage:e.stage});n.value=t,t.render("#"+v)}catch(t){const l=t instanceof Error?t.message:"Failed to initialize editor";a("onError",{type:"init",message:l}),console.error("[@topol.io/editor-vue] LandingPageEditor initialization failed:",t)}}),i.onBeforeUnmount(()=>{var t;(t=n.value)==null||t.destroy()}),m({load:t=>{var l;(l=n.value)==null||l.load(t)},save:()=>{var t;(t=n.value)==null||t.save()}}),(t,l)=>(i.openBlock(),i.createElementBlock("div",{id:v,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),B=i.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","onTemplateRename","updateTestingEmailAddresses","onError","onLanguageCreated","onLanguageDeleted","onLanguageSelected","onPrimaryLanguageChanged","onGetMutations"],setup(u,{emit:m}){const s=u,e=m;return i.onMounted(()=>{console.warn("[@topol.io/editor-vue] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.")}),(a,n)=>(i.openBlock(),i.createBlock(E,{options:s.options,stage:s.stage,onOnSave:n[0]||(n[0]=o=>e("onSave",o)),onOnSaveAndClose:n[1]||(n[1]=o=>e("onSaveAndClose",o)),onOnTestSend:n[2]||(n[2]=o=>e("onTestSend",o)),onOnOpenFileManager:n[3]||(n[3]=()=>e("onOpenFileManager")),onOnLoaded:n[4]||(n[4]=()=>e("onLoaded")),onOnBlockSave:n[5]||(n[5]=o=>e("onBlockSave",o)),onOnBlockRemove:n[6]||(n[6]=o=>e("onBlockRemove",o)),onOnBlockEdit:n[7]||(n[7]=o=>e("onBlockEdit",o)),onOnInit:n[8]||(n[8]=()=>e("onInit")),onOnClose:n[9]||(n[9]=()=>e("onClose")),onOnUndoChange:n[10]||(n[10]=o=>e("onUndoChange",o)),onOnRedoChange:n[11]||(n[11]=o=>e("onRedoChange",o)),onOnPreview:n[12]||(n[12]=o=>e("onPreview",o)),onOnAlert:n[13]||(n[13]=o=>e("onAlert",o)),onOnBannerClick:n[14]||(n[14]=o=>e("onBannerClick",o)),onOnEdittedWithoutSaveChanged:n[15]||(n[15]=o=>e("onEdittedWithoutSaveChanged",o)),onOnOpenCustomBlockDialog:n[16]||(n[16]=o=>e("onOpenCustomBlockDialog",o)),onOnTemplateRename:n[17]||(n[17]=o=>e("onTemplateRename",o)),onUpdateTestingEmailAddresses:n[18]||(n[18]=o=>e("updateTestingEmailAddresses",o)),onOnError:n[19]||(n[19]=o=>e("onError",o)),onOnLanguageCreated:n[20]||(n[20]=o=>e("onLanguageCreated",o)),onOnLanguageDeleted:n[21]||(n[21]=o=>e("onLanguageDeleted",o)),onOnLanguageSelected:n[22]||(n[22]=o=>e("onLanguageSelected",o)),onOnPrimaryLanguageChanged:n[23]||(n[23]=o=>e("onPrimaryLanguageChanged",o)),onOnGetMutations:n[24]||(n[24]=o=>e("onGetMutations",o))},null,8,["options","stage"]))}});Object.defineProperty(d,"CoreEmailEditor",{enumerable:!0,get:()=>r.EmailEditor}),Object.defineProperty(d,"CoreLandingPageEditor",{enumerable:!0,get:()=>r.LandingPageEditor}),d.TopolPlugin=r,d.EmailEditor=E,d.LandingPageEditor=k,d.TopolEditor=B,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "author": "Topol.io",
15
15
  "homepage": "https://topol.io",
16
16
  "license": "Apache-2.0",
17
- "version": "1.0.0-alpha.2",
17
+ "version": "1.0.0-alpha.3",
18
18
  "type": "module",
19
19
  "files": [
20
20
  "dist"
@@ -29,7 +29,7 @@
29
29
  }
30
30
  },
31
31
  "dependencies": {
32
- "@topol.io/editor": "1.0.0-alpha.2"
32
+ "@topol.io/editor": "1.0.0-alpha.3"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "vue": "^3.2.25"