@topol.io/editor-vue 1.0.0-alpha.1 → 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 (4) hide show
  1. package/README.md +1 -1
  2. package/dist/topol-editor-vue.es.js +139 -119
  3. package/dist/topol-editor-vue.umd.js +1 -1
  4. package/package.json +2 -2
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  <a href="https://topol.io" target="_blank">
2
- <img src="https://storage.googleapis.com/topolio17326/plugin-assets/6320/17326/topol-with-bg.png" alt="Tailwind CSS" width="400" height="120">
2
+ <svg width="391" height="100" viewBox="0 0 391 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M198.658 24.5069C194.15 21.9659 188.894 20.6954 182.903 20.6954C176.911 20.6954 171.655 21.9659 167.103 24.5069C162.561 27.0478 159.024 30.5918 156.525 35.161C154.003 39.7192 152.765 45.024 152.765 51.0755C152.765 57.1269 154.014 62.376 156.558 66.9341C159.08 71.5034 162.617 75.0474 167.136 77.5883C171.678 80.1293 176.922 81.3998 182.914 81.3998C188.906 81.3998 194.116 80.1293 198.635 77.5883C203.177 75.0474 206.703 71.5034 209.224 66.9341C211.746 62.376 213.018 57.0824 213.018 51.0755C213.018 45.0685 211.746 39.7192 209.224 35.161C206.703 30.5918 203.177 27.0478 198.658 24.5069ZM198.011 60.604C196.593 63.3233 194.585 65.4296 192.008 66.9119C189.43 68.4052 186.395 69.1519 182.914 69.1519C179.432 69.1519 176.386 68.4052 173.798 66.9119C171.209 65.4296 169.2 63.3233 167.772 60.604C166.344 57.8848 165.641 54.7086 165.641 51.0755C165.641 47.4423 166.344 44.2216 167.772 41.5134C169.2 38.8165 171.198 36.699 173.775 35.2056C176.353 33.7011 179.399 32.9433 182.914 32.9433C186.428 32.9433 189.43 33.7011 192.008 35.2056C194.585 36.699 196.593 38.8165 198.011 41.5134C199.439 44.2216 200.153 47.3978 200.153 51.0755C200.153 54.7532 199.439 57.8959 198.011 60.604ZM332.387 24.5069C327.879 21.9659 322.635 20.6954 316.643 20.6954C310.651 20.6954 305.384 21.9659 300.843 24.5069C296.291 27.0478 292.753 30.5918 290.254 35.161C287.744 39.7192 286.494 45.024 286.494 51.0755C286.494 57.1269 287.755 62.376 290.288 66.9341C292.809 71.5034 296.335 75.0474 300.876 77.5883C305.407 80.1293 310.651 81.3998 316.654 81.3998C322.657 81.3998 327.834 80.1293 332.376 77.5883C336.906 75.0474 340.432 71.5034 342.953 66.9341C345.475 62.376 346.747 57.0824 346.747 51.0755C346.747 45.0685 345.475 39.7192 342.953 35.161C340.432 30.5918 336.906 27.0478 332.387 24.5069ZM331.751 60.604C330.323 63.3233 328.325 65.4296 325.748 66.9119C323.159 68.4052 320.124 69.1519 316.654 69.1519C313.184 69.1519 310.126 68.4052 307.527 66.9119C304.938 65.4296 302.93 63.3233 301.501 60.604C300.084 57.8848 299.37 54.7086 299.37 51.0755C299.37 47.4423 300.084 44.2216 301.501 41.5134C302.93 38.8165 304.927 36.699 307.504 35.2056C310.082 33.7011 313.139 32.9433 316.654 32.9433C320.169 32.9433 323.159 33.7011 325.748 35.2056C328.325 36.699 330.323 38.8165 331.751 41.5134C333.168 44.2216 333.882 47.3978 333.882 51.0755C333.882 54.7532 333.168 57.8959 331.751 60.604ZM267.971 24.44C263.798 21.9436 258.889 20.6954 253.276 20.6954C248.043 20.6954 243.591 21.8656 239.942 24.1837C236.963 26.0782 234.575 28.7195 232.768 32.0517V21.8767H219.3V100H232.768V69.464C234.575 72.7962 236.952 75.4263 239.942 77.3208C243.591 79.6612 248.043 80.8091 253.276 80.8091C258.889 80.8091 263.798 79.5609 267.971 77.0311C272.156 74.5236 275.414 71.0019 277.757 66.4772C280.1 61.9637 281.283 56.7034 281.283 50.7188C281.283 44.7342 280.1 39.474 277.757 34.9604C275.414 30.4358 272.145 26.9252 267.971 24.44ZM266.186 60.1137C264.736 62.7995 262.694 64.8724 260.072 66.3435C257.449 67.8257 254.359 68.5612 250.81 68.5612C247.262 68.5612 244.171 67.8257 241.549 66.3435C238.916 64.8724 236.874 62.7995 235.435 60.1137C233.984 57.439 233.248 54.3185 233.248 50.7411C233.248 47.1637 233.973 43.9987 235.435 41.3351C236.874 38.6827 238.916 36.6098 241.549 35.1499C244.171 33.6788 247.262 32.9544 250.81 32.9544C254.359 32.9544 257.483 33.69 260.094 35.1499C262.705 36.6098 264.724 38.6827 266.186 41.3574C267.626 44.0321 268.362 47.1526 268.362 50.7411C268.362 54.3297 267.637 57.4501 266.186 60.1137ZM391 66.7781V80.2407H366.408V66.7781H391ZM366.397 0V66.7781H352.918V0H366.397ZM127.38 21.7096H149.607V35.1722H127.38V66.7893H113.79V0H127.38V21.7096ZM127.38 66.7781H147.152V80.2407H127.38V66.7781ZM80.3379 66.8004V80.263H60.2534V66.8004H80.3379ZM0 66.8004H20.0845V80.263H0V66.8004ZM0.0223161 50.1727V30.1126H20.0845V50.1727H0.0223161ZM60.2534 50.1727V30.1126H20.0845V13.4849H60.2534V30.1126H80.3044V50.1727H60.2534ZM20.0845 50.1727H60.2534V66.8004H20.0845V50.1727ZM0 13.4738V0.0222891H20.0845V13.4849L0 13.4738ZM80.3379 13.4738H60.2534V0.0222891H80.3379V13.4738Z" fill="black"/></svg>
3
3
  </a>
4
4
 
5
5
  ---
package/dist/topol-editor-vue.es.js CHANGED
@@ -1,23 +1,23 @@
1
- import { EmailEditor as v, LandingPageEditor as B } from "@topol.io/editor";
2
- import { EmailEditor as I, LandingPageEditor as D, default as M } from "@topol.io/editor";
3
- import { defineComponent as s, onMounted as g, onBeforeUnmount as u, createElementBlock as k, openBlock as p, ref as S, createBlock as O } from "vue";
4
- const C = "topol-email-editor-id", R = /* @__PURE__ */ s({
1
+ import { EmailEditor as C, LandingPageEditor as S } from "@topol.io/editor";
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(l, { emit: r }) {
12
- const d = l, e = r, i = () => ({
13
- onSave(o, n) {
14
- e("onSave", { json: o, html: n });
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) {
17
- e("onSaveAndClose", { json: o, html: n });
16
+ onSaveAndClose(n, o, r, g) {
17
+ e("onSaveAndClose", { json: n, html: o, mutations: r, syncedSections: g });
18
18
  },
19
- onTestSend(o, n, m) {
20
- e("onTestSend", { email: o, json: n, html: m });
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 C = "topol-email-editor-id", R = /* @__PURE__ */ s({
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
- return g(async () => {
89
+ return m(async () => {
75
90
  try {
76
- const o = {
77
- id: "#" + C,
91
+ const n = {
92
+ id: "#" + v,
78
93
  ...d.options,
79
- callbacks: i()
94
+ callbacks: a()
80
95
  };
81
- await v.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
- }), u(() => {
87
- v.destroy();
88
- }), (o, n) => (p(), k("div", {
89
- id: C,
101
+ }), k(() => {
102
+ C.destroy();
103
+ }), (n, o) => (p(), B("div", {
104
+ id: v,
90
105
  style: { position: "absolute", width: "100%", height: "100vh" }
91
106
  }));
92
107
  }
93
- }), E = "topol-landing-page-editor-id", f = /* @__PURE__ */ s({
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(l, { expose: r, emit: d }) {
101
- const e = l, i = d, o = S(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
- return g(async () => {
172
+ return m(async () => {
158
173
  try {
159
- const t = await B.init({ config: e.options, ...n() }, { stage: e.stage });
160
- o.value = t, t.render("#" + E);
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
- }), u(() => {
180
+ }), k(() => {
166
181
  var t;
167
- (t = o.value) == null || t.destroy();
168
- }), r({
182
+ (t = n.value) == null || t.destroy();
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) => (p(), k("div", {
192
+ }), (t, i) => (p(), B("div", {
178
193
  id: E,
179
194
  style: { position: "absolute", width: "100%", height: "100vh" }
180
195
  }));
181
196
  }
182
- }), L = /* @__PURE__ */ s({
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(l, { emit: r }) {
190
- const d = l, e = r;
191
- return g(() => {
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;
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) => (p(), O(R, {
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,
240
+ y as CoreEmailEditor,
241
+ w as CoreLandingPageEditor,
222
242
  R as EmailEditor,
223
- f as LandingPageEditor,
224
- L as TopolEditor,
225
- M as TopolPlugin
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 m="topol-email-editor-id",C=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(p,{emit:g}){const s=p,e=g,i=()=>({onSave(o,n){e("onSave",{json:o,html:n})},onSaveAndClose(o,n){e("onSaveAndClose",{json:o,html:n})},onTestSend(o,n,u){e("onTestSend",{email:o,json:n,html:u})},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:"#"+m,...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:m,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),E="topol-landing-page-editor-id",v=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(p,{expose:g,emit:s}){const e=p,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("#"+E)}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()}),g({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:E,style:{position:"absolute",width:"100%",height:"100vh"}}))}}),k=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(p,{emit:g}){const s=p,e=g;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(C,{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=C,d.LandingPageEditor=v,d.TopolEditor=k,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.1",
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.1"
32
+ "@topol.io/editor": "1.0.0-alpha.3"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "vue": "^3.2.25"