@useinsider/guido 2.0.0-beta.087a24f → 2.0.0-beta.13a02f6

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.
@@ -1,21 +1,11 @@
1
- import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- function q(e, t, n) {
3
- return class extends r {
4
- getId() {
5
- return e;
6
- }
7
- getTargetNodes(o) {
8
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
9
- }
10
- };
11
- }
12
- function N(e, t, n = ".ins-recommendation-product-container") {
1
+ import { TextAlignBuiltInControl as l, TextColorBuiltInControl as s, TextSizeBuiltInControl as c, TextStyleBuiltInControl as u, TextFontFamilyBuiltInControl as i, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as B, ButtonBorderRadiusBuiltInControl as I, ButtonColorBuiltInControl as m, ButtonFontFamilyBuiltInControl as T, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as f, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
+ function N(e, t, n) {
13
3
  return class extends l {
14
4
  getId() {
15
5
  return e;
16
6
  }
17
- getTargetNodes(o) {
18
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
7
+ getTargetNodes(r) {
8
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
19
9
  }
20
10
  };
21
11
  }
@@ -24,8 +14,8 @@ function $(e, t, n = ".ins-recommendation-product-container") {
24
14
  getId() {
25
15
  return e;
26
16
  }
27
- getTargetNodes(o) {
28
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
17
+ getTargetNodes(r) {
18
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
29
19
  }
30
20
  };
31
21
  }
@@ -34,8 +24,8 @@ function p(e, t, n = ".ins-recommendation-product-container") {
34
24
  getId() {
35
25
  return e;
36
26
  }
37
- getTargetNodes(o) {
38
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
27
+ getTargetNodes(r) {
28
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
39
29
  }
40
30
  };
41
31
  }
@@ -44,8 +34,8 @@ function F(e, t, n = ".ins-recommendation-product-container") {
44
34
  getId() {
45
35
  return e;
46
36
  }
47
- getTargetNodes(o) {
48
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
37
+ getTargetNodes(r) {
38
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
49
39
  }
50
40
  };
51
41
  }
@@ -54,8 +44,8 @@ function z(e, t, n = ".ins-recommendation-product-container") {
54
44
  getId() {
55
45
  return e;
56
46
  }
57
- getTargetNodes(o) {
58
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
47
+ getTargetNodes(r) {
48
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
59
49
  }
60
50
  };
61
51
  }
@@ -64,38 +54,38 @@ function M(e, t, n = ".ins-recommendation-product-container") {
64
54
  getId() {
65
55
  return e;
66
56
  }
67
- getTargetNodes(o) {
68
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
57
+ getTargetNodes(r) {
58
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
69
59
  }
70
60
  };
71
61
  }
72
62
  function P(e, t, n = ".ins-recommendation-product-container") {
73
- return class extends x {
63
+ return class extends a {
74
64
  getId() {
75
65
  return e;
76
66
  }
77
- getTargetNodes(o) {
78
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
67
+ getTargetNodes(r) {
68
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
79
69
  }
80
70
  };
81
71
  }
82
- function R(e, t, n = ".ins-recommendation-product-container") {
83
- return class extends I {
72
+ function h(e, t, n = ".ins-recommendation-product-container") {
73
+ return class extends C {
84
74
  getId() {
85
75
  return e;
86
76
  }
87
- getTargetNodes(o) {
88
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
77
+ getTargetNodes(r) {
78
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
89
79
  }
90
80
  };
91
81
  }
92
- function h(e, t, n = ".ins-recommendation-product-container") {
93
- return class extends C {
82
+ function R(e, t, n = ".ins-recommendation-product-container") {
83
+ return class extends m {
94
84
  getId() {
95
85
  return e;
96
86
  }
97
- getTargetNodes(o) {
98
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
87
+ getTargetNodes(r) {
88
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
99
89
  }
100
90
  };
101
91
  }
@@ -104,18 +94,18 @@ function j(e, t, n = ".ins-recommendation-product-container") {
104
94
  getId() {
105
95
  return e;
106
96
  }
107
- getTargetNodes(o) {
108
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
97
+ getTargetNodes(r) {
98
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
109
99
  }
110
100
  };
111
101
  }
112
102
  function v(e, t, n = ".ins-recommendation-product-container") {
113
- return class extends m {
103
+ return class extends I {
114
104
  getId() {
115
105
  return e;
116
106
  }
117
- getTargetNodes(o) {
118
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
107
+ getTargetNodes(r) {
108
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
119
109
  }
120
110
  };
121
111
  }
@@ -124,28 +114,28 @@ function w(e, t, n = ".ins-recommendation-product-container") {
124
114
  getId() {
125
115
  return e;
126
116
  }
127
- getTargetNodes(o) {
128
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
117
+ getTargetNodes(r) {
118
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
129
119
  }
130
120
  };
131
121
  }
132
122
  function D(e, t, n = ".ins-recommendation-product-container") {
133
- return class extends S {
123
+ return class extends y {
134
124
  getId() {
135
125
  return e;
136
126
  }
137
- getTargetNodes(o) {
138
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
127
+ getTargetNodes(r) {
128
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
139
129
  }
140
130
  };
141
131
  }
142
132
  function E(e, t, n = ".ins-recommendation-product-container") {
143
- return class extends y {
133
+ return class extends S {
144
134
  getId() {
145
135
  return e;
146
136
  }
147
- getTargetNodes(o) {
148
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
137
+ getTargetNodes(r) {
138
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
149
139
  }
150
140
  };
151
141
  }
@@ -154,38 +144,38 @@ function G(e, t, n = ".ins-recommendation-product-container") {
154
144
  getId() {
155
145
  return e;
156
146
  }
157
- getTargetNodes(o) {
158
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
147
+ getTargetNodes(r) {
148
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
159
149
  }
160
150
  };
161
151
  }
162
- function H(e, t, n) {
163
- return class extends k {
152
+ function H(e, t, n = ".ins-recommendation-product-container") {
153
+ return class extends f {
164
154
  getId() {
165
155
  return e;
166
156
  }
167
- getTargetNodes(o) {
168
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
157
+ getTargetNodes(r) {
158
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
169
159
  }
170
160
  };
171
161
  }
172
162
  function J(e, t, n) {
173
- return class extends f {
163
+ return class extends k {
174
164
  getId() {
175
165
  return e;
176
166
  }
177
- getTargetNodes(o) {
178
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
167
+ getTargetNodes(r) {
168
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
179
169
  }
180
170
  };
181
171
  }
182
172
  function K(e, t, n) {
183
- return class extends a {
173
+ return class extends b {
184
174
  getId() {
185
175
  return e;
186
176
  }
187
- getTargetNodes(o) {
188
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
177
+ getTargetNodes(r) {
178
+ return r.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
189
179
  }
190
180
  };
191
181
  }
@@ -194,30 +184,50 @@ function L(e, t, n) {
194
184
  getId() {
195
185
  return e;
196
186
  }
197
- getTargetNodes(o) {
198
- return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
187
+ getTargetNodes(r) {
188
+ try {
189
+ const o = r.closest(n);
190
+ return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
191
+ } catch {
192
+ return [];
193
+ }
194
+ }
195
+ };
196
+ }
197
+ function O(e, t, n) {
198
+ return class extends x {
199
+ getId() {
200
+ return e;
201
+ }
202
+ getTargetNodes(r) {
203
+ try {
204
+ const o = r.closest(n);
205
+ return o ? o.querySelectorAll(`[esd-extension-block-id="${t}"]`) : [];
206
+ } catch {
207
+ return [];
208
+ }
199
209
  }
200
210
  };
201
211
  }
202
212
  export {
203
- P as createButtonAlignControl,
204
- h as createButtonBorderControl,
205
- j as createButtonBorderRadiusControl,
213
+ h as createButtonAlignControl,
214
+ j as createButtonBorderControl,
215
+ v as createButtonBorderRadiusControl,
206
216
  R as createButtonColorControl,
207
- J as createButtonFitToContainerControl,
208
- v as createButtonFontFamilyControl,
209
- w as createButtonMarginsControl,
210
- D as createButtonPaddingsControl,
211
- E as createButtonTextControl,
212
- G as createButtonTextSizeControl,
213
- H as createButtonTextStyleAndFontColorControl,
214
- L as createImageMarginsControl,
215
- K as createImageSizeControl,
216
- M as createPaddingsControl,
217
- q as createTextAlignControl,
218
- z as createTextBackgroundColorControl,
219
- N as createTextColorControl,
220
- F as createTextFontFamilyControl,
221
- $ as createTextSizeControl,
222
- p as createTextStyleControl
217
+ K as createButtonFitToContainerControl,
218
+ w as createButtonFontFamilyControl,
219
+ D as createButtonMarginsControl,
220
+ E as createButtonPaddingsControl,
221
+ G as createButtonTextControl,
222
+ H as createButtonTextSizeControl,
223
+ J as createButtonTextStyleAndFontColorControl,
224
+ O as createImageMarginsControl,
225
+ L as createImageSizeControl,
226
+ P as createPaddingsControl,
227
+ N as createTextAlignControl,
228
+ M as createTextBackgroundColorControl,
229
+ $ as createTextColorControl,
230
+ z as createTextFontFamilyControl,
231
+ p as createTextSizeControl,
232
+ F as createTextStyleControl
223
233
  };
package/dist/guido.css CHANGED
@@ -1 +1 @@
1
- .gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
1
+ .gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-3bf5c743] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
@@ -0,0 +1,7 @@
1
+ const o = { stripo: { version: "2.52.0" } }, s = {
2
+ guido: o
3
+ };
4
+ export {
5
+ s as default,
6
+ o as guido
7
+ };
@@ -8,7 +8,5 @@ export declare class ButtonLinkControl extends CommonControl {
8
8
  getTemplate(): string;
9
9
  onRender(): void;
10
10
  onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _listenToFormUpdates(): void;
12
- _onLinkChange(value: string): void;
13
11
  _getLink(): string;
14
12
  }
@@ -8,7 +8,5 @@ export declare class ImageLinkControl extends CommonControl {
8
8
  getTemplate(): string;
9
9
  onRender(): void;
10
10
  onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
11
- _listenToFormUpdates(): void;
12
- _onLinkChange(value: string): void;
13
11
  _getLink(): string;
14
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "2.0.0-beta.087a24f",
3
+ "version": "2.0.0-beta.13a02f6",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",