@useinsider/guido 1.0.0-beta.83deaec → 1.0.0-beta.8861b13
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.
- package/README.md +17 -17
- package/dist/components/Guido.vue.d.ts +0 -4
- package/dist/components/Guido.vue.js +8 -8
- package/dist/components/Guido.vue2.js +18 -34
- package/dist/components/organisms/{header/HeaderWrapper.vue.js → top-bar/Header.vue.js} +7 -7
- package/dist/components/organisms/top-bar/Header.vue2.js +14 -0
- package/dist/components/organisms/{header/LeftSlot.vue.js → top-bar/HeaderLeftSlot.vue.js} +7 -7
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue2.js +11 -0
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.js +17 -0
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue2.js +19 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js +18 -0
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js +14 -0
- package/dist/components/organisms/{header/ViewOptions.vue.js → top-bar/HeaderViewOptions.vue.js} +5 -5
- package/dist/components/organisms/{header/ViewOptions.vue2.js → top-bar/HeaderViewOptions.vue2.js} +3 -3
- package/dist/composables/useStripo.d.ts +2 -2
- package/dist/composables/useStripo.js +55 -48
- package/dist/composables/useToaster.d.ts +0 -1
- package/dist/composables/useToaster.js +16 -24
- package/dist/enums/defaults.d.ts +0 -2
- package/dist/enums/defaults.js +3 -5
- package/dist/guido.css +1 -1
- package/dist/node_modules/pinia/dist/pinia.js +314 -0
- package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js +11 -0
- package/dist/static/editor.css.js +22 -72
- package/dist/stores/editor.d.ts +0 -2
- package/dist/stores/editor.js +2 -4
- package/package.json +1 -1
- package/dist/components/organisms/base/ModalWrapper.vue.d.ts +0 -72
- package/dist/components/organisms/base/ModalWrapper.vue.js +0 -19
- package/dist/components/organisms/base/ModalWrapper.vue2.js +0 -43
- package/dist/components/organisms/header/HeaderWrapper.vue2.js +0 -14
- package/dist/components/organisms/header/LeftSlot.vue2.js +0 -11
- package/dist/components/organisms/header/MiddleSlot.vue.js +0 -17
- package/dist/components/organisms/header/MiddleSlot.vue2.js +0 -20
- package/dist/components/organisms/header/RightSlot.vue.d.ts +0 -2
- package/dist/components/organisms/header/RightSlot.vue.js +0 -20
- package/dist/components/organisms/header/RightSlot.vue2.js +0 -26
- package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +0 -2
- package/dist/components/organisms/header/version-history/VersionHistory.vue.js +0 -22
- package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +0 -15
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +0 -16
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +0 -18
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue2.js +0 -16
- package/dist/components/organisms/header/version-history/ViewOptions.vue.js +0 -18
- package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +0 -23
- package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts +0 -21
- package/dist/components/organisms/save-template/SaveTemplateModal.vue.js +0 -22
- package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js +0 -81
- package/dist/composables/useHttp.js +0 -84
- package/dist/composables/usePartner.d.ts +0 -4
- package/dist/composables/usePartner.js +0 -16
- package/dist/composables/useTemplateCategories.d.ts +0 -38
- package/dist/composables/useTemplateCategories.js +0 -80
- package/dist/composables/useTemplateValidation.d.ts +0 -13
- package/dist/composables/useTemplateValidation.js +0 -57
- package/dist/composables/useVersionHistoryApi.d.ts +0 -8
- package/dist/composables/useVersionHistoryApi.js +0 -53
- package/dist/mock/api/custom-fonts.d.ts +0 -2
- package/dist/mock/api/template-library.d.ts +0 -2
- package/dist/services/stripoApi.d.ts +0 -7
- package/dist/services/stripoApi.js +0 -29
- package/dist/stores/version-history.d.ts +0 -80
- package/dist/stores/version-history.js +0 -28
- package/dist/utils/dateUtil.d.ts +0 -1
- package/dist/utils/dateUtil.js +0 -16
- /package/dist/components/organisms/{header/HeaderWrapper.vue.d.ts → top-bar/Header.vue.d.ts} +0 -0
- /package/dist/components/organisms/{header/LeftSlot.vue.d.ts → top-bar/HeaderLeftSlot.vue.d.ts} +0 -0
- /package/dist/components/organisms/{header/ViewOptions.vue.d.ts → top-bar/HeaderMiddleSlot.vue.d.ts} +0 -0
- /package/dist/components/organisms/{header/MiddleSlot.vue.d.ts → top-bar/HeaderRightSlot.vue.d.ts} +0 -0
- /package/dist/components/organisms/{header/version-history/ViewOptions.vue.d.ts → top-bar/HeaderViewOptions.vue.d.ts} +0 -0
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
import { hasInjectionContext as ut } from "../node_modules/vue-demi/lib/index.js";
|
|
2
|
+
import { inject as at, getCurrentInstance as it, set as O, ref as K, reactive as ft, markRaw as j, effectScope as _t, isRef as I, isReactive as J, toRef as T, del as A, nextTick as B, computed as tt, getCurrentScope as lt, onScopeDispose as Et, watch as pt, toRefs as Q } from "vue";
|
|
3
|
+
/*!
|
|
4
|
+
* pinia v2.3.1
|
|
5
|
+
* (c) 2025 Eduardo San Martin Morote
|
|
6
|
+
* @license MIT
|
|
7
|
+
*/
|
|
8
|
+
let R;
|
|
9
|
+
const $ = (t) => R = t, dt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
|
|
10
|
+
/* istanbul ignore next */
|
|
11
|
+
Symbol()
|
|
12
|
+
);
|
|
13
|
+
function V(t) {
|
|
14
|
+
return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
|
|
15
|
+
}
|
|
16
|
+
var x;
|
|
17
|
+
(function(t) {
|
|
18
|
+
t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
|
|
19
|
+
})(x || (x = {}));
|
|
20
|
+
const C = typeof window < "u";
|
|
21
|
+
function et(t, c) {
|
|
22
|
+
for (const r in c) {
|
|
23
|
+
const s = c[r];
|
|
24
|
+
if (!(r in t))
|
|
25
|
+
continue;
|
|
26
|
+
const u = t[r];
|
|
27
|
+
V(u) && V(s) && !I(s) && !J(s) ? t[r] = et(u, s) : O(t, r, s);
|
|
28
|
+
}
|
|
29
|
+
return t;
|
|
30
|
+
}
|
|
31
|
+
const ot = () => {
|
|
32
|
+
};
|
|
33
|
+
function X(t, c, r, s = ot) {
|
|
34
|
+
t.push(c);
|
|
35
|
+
const u = () => {
|
|
36
|
+
const f = t.indexOf(c);
|
|
37
|
+
f > -1 && (t.splice(f, 1), s());
|
|
38
|
+
};
|
|
39
|
+
return !r && lt() && Et(u), u;
|
|
40
|
+
}
|
|
41
|
+
function g(t, ...c) {
|
|
42
|
+
t.slice().forEach((r) => {
|
|
43
|
+
r(...c);
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
const ht = (t) => t(), Y = Symbol(), W = Symbol();
|
|
47
|
+
function H(t, c) {
|
|
48
|
+
t instanceof Map && c instanceof Map ? c.forEach((r, s) => t.set(s, r)) : t instanceof Set && c instanceof Set && c.forEach(t.add, t);
|
|
49
|
+
for (const r in c) {
|
|
50
|
+
if (!c.hasOwnProperty(r))
|
|
51
|
+
continue;
|
|
52
|
+
const s = c[r], u = t[r];
|
|
53
|
+
V(u) && V(s) && t.hasOwnProperty(r) && !I(s) && !J(s) ? t[r] = H(u, s) : t[r] = s;
|
|
54
|
+
}
|
|
55
|
+
return t;
|
|
56
|
+
}
|
|
57
|
+
const Nt = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
|
|
58
|
+
/* istanbul ignore next */
|
|
59
|
+
Symbol()
|
|
60
|
+
);
|
|
61
|
+
function vt(t) {
|
|
62
|
+
return !V(t) || !t.hasOwnProperty(Nt);
|
|
63
|
+
}
|
|
64
|
+
const { assign: y } = Object;
|
|
65
|
+
function Z(t) {
|
|
66
|
+
return !!(I(t) && t.effect);
|
|
67
|
+
}
|
|
68
|
+
function G(t, c, r, s) {
|
|
69
|
+
const { state: u, actions: f, getters: E } = c, i = r.state.value[t];
|
|
70
|
+
let b;
|
|
71
|
+
function N() {
|
|
72
|
+
!i && (process.env.NODE_ENV === "production" || !s) && O(r.state.value, t, u ? u() : {});
|
|
73
|
+
const p = process.env.NODE_ENV !== "production" && s ? (
|
|
74
|
+
// use ref() to unwrap refs inside state TODO: check if this is still necessary
|
|
75
|
+
Q(K(u ? u() : {}).value)
|
|
76
|
+
) : Q(r.state.value[t]);
|
|
77
|
+
return y(p, f, Object.keys(E || {}).reduce((_, l) => (process.env.NODE_ENV !== "production" && l in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${l}" in store "${t}".`), _[l] = j(tt(() => {
|
|
78
|
+
$(r);
|
|
79
|
+
const v = r._s.get(t);
|
|
80
|
+
if (v._r)
|
|
81
|
+
return E[l].call(v, v);
|
|
82
|
+
})), _), {}));
|
|
83
|
+
}
|
|
84
|
+
return b = M(t, N, c, r, s, !0), b;
|
|
85
|
+
}
|
|
86
|
+
function M(t, c, r = {}, s, u, f) {
|
|
87
|
+
let E;
|
|
88
|
+
const i = y({ actions: {} }, r);
|
|
89
|
+
if (process.env.NODE_ENV !== "production" && !s._e.active)
|
|
90
|
+
throw new Error("Pinia destroyed");
|
|
91
|
+
const b = { deep: !0 };
|
|
92
|
+
process.env.NODE_ENV;
|
|
93
|
+
let N, p, _ = [], l = [], v;
|
|
94
|
+
const D = s.state.value[t];
|
|
95
|
+
!f && !D && (process.env.NODE_ENV === "production" || !u) && O(s.state.value, t, {});
|
|
96
|
+
const w = K({});
|
|
97
|
+
let q;
|
|
98
|
+
function z(o) {
|
|
99
|
+
let e;
|
|
100
|
+
N = p = !1, process.env.NODE_ENV !== "production" && (v = []), typeof o == "function" ? (o(s.state.value[t]), e = {
|
|
101
|
+
type: x.patchFunction,
|
|
102
|
+
storeId: t,
|
|
103
|
+
events: v
|
|
104
|
+
}) : (H(s.state.value[t], o), e = {
|
|
105
|
+
type: x.patchObject,
|
|
106
|
+
payload: o,
|
|
107
|
+
storeId: t,
|
|
108
|
+
events: v
|
|
109
|
+
});
|
|
110
|
+
const a = q = Symbol();
|
|
111
|
+
B().then(() => {
|
|
112
|
+
q === a && (N = !0);
|
|
113
|
+
}), p = !0, g(_, e, s.state.value[t]);
|
|
114
|
+
}
|
|
115
|
+
const st = f ? function() {
|
|
116
|
+
const { state: e } = r, a = e ? e() : {};
|
|
117
|
+
this.$patch((d) => {
|
|
118
|
+
y(d, a);
|
|
119
|
+
});
|
|
120
|
+
} : (
|
|
121
|
+
/* istanbul ignore next */
|
|
122
|
+
process.env.NODE_ENV !== "production" ? () => {
|
|
123
|
+
throw new Error(`🍍: Store "${t}" is built using the setup syntax and does not implement $reset().`);
|
|
124
|
+
} : ot
|
|
125
|
+
);
|
|
126
|
+
function nt() {
|
|
127
|
+
E.stop(), _ = [], l = [], s._s.delete(t);
|
|
128
|
+
}
|
|
129
|
+
const k = (o, e = "") => {
|
|
130
|
+
if (Y in o)
|
|
131
|
+
return o[W] = e, o;
|
|
132
|
+
const a = function() {
|
|
133
|
+
$(s);
|
|
134
|
+
const d = Array.from(arguments), P = [], F = [];
|
|
135
|
+
function rt(h) {
|
|
136
|
+
P.push(h);
|
|
137
|
+
}
|
|
138
|
+
function ct(h) {
|
|
139
|
+
F.push(h);
|
|
140
|
+
}
|
|
141
|
+
g(l, {
|
|
142
|
+
args: d,
|
|
143
|
+
name: a[W],
|
|
144
|
+
store: n,
|
|
145
|
+
after: rt,
|
|
146
|
+
onError: ct
|
|
147
|
+
});
|
|
148
|
+
let S;
|
|
149
|
+
try {
|
|
150
|
+
S = o.apply(this && this.$id === t ? this : n, d);
|
|
151
|
+
} catch (h) {
|
|
152
|
+
throw g(F, h), h;
|
|
153
|
+
}
|
|
154
|
+
return S instanceof Promise ? S.then((h) => (g(P, h), h)).catch((h) => (g(F, h), Promise.reject(h))) : (g(P, S), S);
|
|
155
|
+
};
|
|
156
|
+
return a[Y] = !0, a[W] = e, a;
|
|
157
|
+
}, L = /* @__PURE__ */ j({
|
|
158
|
+
actions: {},
|
|
159
|
+
getters: {},
|
|
160
|
+
state: [],
|
|
161
|
+
hotState: w
|
|
162
|
+
}), U = {
|
|
163
|
+
_p: s,
|
|
164
|
+
// _s: scope,
|
|
165
|
+
$id: t,
|
|
166
|
+
$onAction: X.bind(null, l),
|
|
167
|
+
$patch: z,
|
|
168
|
+
$reset: st,
|
|
169
|
+
$subscribe(o, e = {}) {
|
|
170
|
+
const a = X(_, o, e.detached, () => d()), d = E.run(() => pt(() => s.state.value[t], (P) => {
|
|
171
|
+
(e.flush === "sync" ? p : N) && o({
|
|
172
|
+
storeId: t,
|
|
173
|
+
type: x.direct,
|
|
174
|
+
events: v
|
|
175
|
+
}, P);
|
|
176
|
+
}, y({}, b, e)));
|
|
177
|
+
return a;
|
|
178
|
+
},
|
|
179
|
+
$dispose: nt
|
|
180
|
+
};
|
|
181
|
+
U._r = !1;
|
|
182
|
+
const n = ft(process.env.NODE_ENV !== "production" || (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C ? y(
|
|
183
|
+
{
|
|
184
|
+
_hmrPayload: L,
|
|
185
|
+
_customProperties: j(/* @__PURE__ */ new Set())
|
|
186
|
+
// devtools custom properties
|
|
187
|
+
},
|
|
188
|
+
U
|
|
189
|
+
// must be added later
|
|
190
|
+
// setupStore
|
|
191
|
+
) : U);
|
|
192
|
+
s._s.set(t, n);
|
|
193
|
+
const m = (s._a && s._a.runWithContext || ht)(() => s._e.run(() => (E = _t()).run(() => c({ action: k }))));
|
|
194
|
+
for (const o in m) {
|
|
195
|
+
const e = m[o];
|
|
196
|
+
if (I(e) && !Z(e) || J(e))
|
|
197
|
+
process.env.NODE_ENV !== "production" && u ? O(w.value, o, T(m, o)) : f || (D && vt(e) && (I(e) ? e.value = D[o] : H(e, D[o])), O(s.state.value[t], o, e)), process.env.NODE_ENV !== "production" && L.state.push(o);
|
|
198
|
+
else if (typeof e == "function") {
|
|
199
|
+
const a = process.env.NODE_ENV !== "production" && u ? e : k(e, o);
|
|
200
|
+
O(m, o, a), process.env.NODE_ENV !== "production" && (L.actions[o] = e), i.actions[o] = e;
|
|
201
|
+
} else process.env.NODE_ENV !== "production" && Z(e) && (L.getters[o] = f ? (
|
|
202
|
+
// @ts-expect-error
|
|
203
|
+
r.getters[o]
|
|
204
|
+
) : e, C && (m._getters || // @ts-expect-error: same
|
|
205
|
+
(m._getters = j([]))).push(o));
|
|
206
|
+
}
|
|
207
|
+
if (Object.keys(m).forEach((o) => {
|
|
208
|
+
O(n, o, m[o]);
|
|
209
|
+
}), Object.defineProperty(n, "$state", {
|
|
210
|
+
get: () => process.env.NODE_ENV !== "production" && u ? w.value : s.state.value[t],
|
|
211
|
+
set: (o) => {
|
|
212
|
+
if (process.env.NODE_ENV !== "production" && u)
|
|
213
|
+
throw new Error("cannot set hotState");
|
|
214
|
+
z((e) => {
|
|
215
|
+
y(e, o);
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
}), process.env.NODE_ENV !== "production" && (n._hotUpdate = j((o) => {
|
|
219
|
+
n._hotUpdating = !0, o._hmrPayload.state.forEach((e) => {
|
|
220
|
+
if (e in n.$state) {
|
|
221
|
+
const a = o.$state[e], d = n.$state[e];
|
|
222
|
+
typeof a == "object" && V(a) && V(d) ? et(a, d) : o.$state[e] = d;
|
|
223
|
+
}
|
|
224
|
+
O(n, e, T(o.$state, e));
|
|
225
|
+
}), Object.keys(n.$state).forEach((e) => {
|
|
226
|
+
e in o.$state || A(n, e);
|
|
227
|
+
}), N = !1, p = !1, s.state.value[t] = T(o._hmrPayload, "hotState"), p = !0, B().then(() => {
|
|
228
|
+
N = !0;
|
|
229
|
+
});
|
|
230
|
+
for (const e in o._hmrPayload.actions) {
|
|
231
|
+
const a = o[e];
|
|
232
|
+
O(n, e, k(a, e));
|
|
233
|
+
}
|
|
234
|
+
for (const e in o._hmrPayload.getters) {
|
|
235
|
+
const a = o._hmrPayload.getters[e], d = f ? (
|
|
236
|
+
// special handling of options api
|
|
237
|
+
tt(() => ($(s), a.call(n, n)))
|
|
238
|
+
) : a;
|
|
239
|
+
O(n, e, d);
|
|
240
|
+
}
|
|
241
|
+
Object.keys(n._hmrPayload.getters).forEach((e) => {
|
|
242
|
+
e in o._hmrPayload.getters || A(n, e);
|
|
243
|
+
}), Object.keys(n._hmrPayload.actions).forEach((e) => {
|
|
244
|
+
e in o._hmrPayload.actions || A(n, e);
|
|
245
|
+
}), n._hmrPayload = o._hmrPayload, n._getters = o._getters, n._hotUpdating = !1;
|
|
246
|
+
})), (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
|
|
247
|
+
const o = {
|
|
248
|
+
writable: !0,
|
|
249
|
+
configurable: !0,
|
|
250
|
+
// avoid warning on devtools trying to display this property
|
|
251
|
+
enumerable: !1
|
|
252
|
+
};
|
|
253
|
+
["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((e) => {
|
|
254
|
+
Object.defineProperty(n, e, y({ value: n[e] }, o));
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
return n._r = !0, s._p.forEach((o) => {
|
|
258
|
+
if ((process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
|
|
259
|
+
const e = E.run(() => o({
|
|
260
|
+
store: n,
|
|
261
|
+
app: s._a,
|
|
262
|
+
pinia: s,
|
|
263
|
+
options: i
|
|
264
|
+
}));
|
|
265
|
+
Object.keys(e || {}).forEach((a) => n._customProperties.add(a)), y(n, e);
|
|
266
|
+
} else
|
|
267
|
+
y(n, E.run(() => o({
|
|
268
|
+
store: n,
|
|
269
|
+
app: s._a,
|
|
270
|
+
pinia: s,
|
|
271
|
+
options: i
|
|
272
|
+
})));
|
|
273
|
+
}), process.env.NODE_ENV !== "production" && n.$state && typeof n.$state == "object" && typeof n.$state.constructor == "function" && !n.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
|
|
274
|
+
state: () => new MyClass()
|
|
275
|
+
Found in store "${n.$id}".`), D && f && r.hydrate && r.hydrate(n.$state, D), N = !0, p = !0, n;
|
|
276
|
+
}
|
|
277
|
+
/*! #__NO_SIDE_EFFECTS__ */
|
|
278
|
+
// @__NO_SIDE_EFFECTS__
|
|
279
|
+
function mt(t, c, r) {
|
|
280
|
+
let s, u;
|
|
281
|
+
const f = typeof c == "function";
|
|
282
|
+
s = t, u = f ? r : c;
|
|
283
|
+
function E(i, b) {
|
|
284
|
+
const N = ut();
|
|
285
|
+
if (i = // in test mode, ignore the argument provided as we can always retrieve a
|
|
286
|
+
// pinia instance with getActivePinia()
|
|
287
|
+
(process.env.NODE_ENV === "test" && R && R._testing ? null : i) || (N ? at(dt, null) : null), i && $(i), process.env.NODE_ENV !== "production" && !R)
|
|
288
|
+
throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
|
|
289
|
+
See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
|
|
290
|
+
This will fail in production.`);
|
|
291
|
+
i = R, i._s.has(s) || (f ? M(s, c, u, i) : G(s, u, i), process.env.NODE_ENV !== "production" && (E._pinia = i));
|
|
292
|
+
const p = i._s.get(s);
|
|
293
|
+
if (process.env.NODE_ENV !== "production" && b) {
|
|
294
|
+
const _ = "__hot:" + s, l = f ? M(_, c, u, i, !0) : G(_, y({}, u), i, !0);
|
|
295
|
+
b._hotUpdate(l), delete i.state.value[_], i._s.delete(_);
|
|
296
|
+
}
|
|
297
|
+
if (process.env.NODE_ENV !== "production" && C) {
|
|
298
|
+
const _ = it();
|
|
299
|
+
if (_ && _.proxy && // avoid adding stores that are just built for hot module replacement
|
|
300
|
+
!b) {
|
|
301
|
+
const l = _.proxy, v = "_pStores" in l ? l._pStores : l._pStores = {};
|
|
302
|
+
v[s] = p;
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
return p;
|
|
306
|
+
}
|
|
307
|
+
return E.$id = s, E;
|
|
308
|
+
}
|
|
309
|
+
export {
|
|
310
|
+
x as MutationType,
|
|
311
|
+
mt as defineStore,
|
|
312
|
+
$ as setActivePinia,
|
|
313
|
+
vt as shouldHydrate
|
|
314
|
+
};
|
|
@@ -1,36 +1,22 @@
|
|
|
1
1
|
const n = `:host {
|
|
2
|
-
--guido-color
|
|
3
|
-
--guido-color-primary-500: #0A2ECC;
|
|
4
|
-
--guido-color-primary-100: #DAE1FB;
|
|
5
|
-
--guido-color-gray-800: #292929;
|
|
6
|
-
--guido-color-gray-300: #E1E1E1;
|
|
2
|
+
--guido-primary-color: #0a2ecc;
|
|
7
3
|
}
|
|
8
4
|
|
|
9
5
|
.label {
|
|
10
6
|
font-size: 13px;
|
|
11
|
-
color:
|
|
7
|
+
color: #292929;
|
|
12
8
|
}
|
|
13
9
|
|
|
14
10
|
.stacked-panel-title {
|
|
15
|
-
|
|
16
|
-
font-size: 16px;
|
|
11
|
+
font-size: 18px;
|
|
17
12
|
font-weight: 600;
|
|
18
|
-
color:
|
|
19
|
-
text-align: left;
|
|
13
|
+
color: #2c3546
|
|
20
14
|
}
|
|
21
15
|
|
|
22
16
|
.stacked-panel-item {
|
|
23
17
|
border-radius: 4px;
|
|
24
18
|
border: 1px solid #dcdfe6;
|
|
25
|
-
box-shadow: 0 0 0 0
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.container {
|
|
29
|
-
padding: 16px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.container.parent-container>.container {
|
|
33
|
-
padding: 0 16px;
|
|
19
|
+
box-shadow: 0 0 0 0 #e1e1e1,0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1)
|
|
34
20
|
}
|
|
35
21
|
|
|
36
22
|
/** SEGMENT BUTTON */
|
|
@@ -57,7 +43,7 @@ ue-switcher input:before {
|
|
|
57
43
|
}
|
|
58
44
|
|
|
59
45
|
.tabs-header button ue-icon-component.icon-button {
|
|
60
|
-
color:
|
|
46
|
+
color: #2c3546;
|
|
61
47
|
}
|
|
62
48
|
|
|
63
49
|
.tabs-header button:not(:last-child),
|
|
@@ -74,13 +60,13 @@ ue-switcher input:before {
|
|
|
74
60
|
}
|
|
75
61
|
|
|
76
62
|
.tabs-header button.checked {
|
|
77
|
-
background-color:
|
|
78
|
-
color: var(--guido-
|
|
79
|
-
border-color: var(--guido-
|
|
63
|
+
background-color: #c2ddff;
|
|
64
|
+
color: var(--guido-primary-color);
|
|
65
|
+
border-color: var(--guido-primary-color);
|
|
80
66
|
}
|
|
81
67
|
|
|
82
68
|
.tabs-header button.checked ue-icon-component.icon-button {
|
|
83
|
-
color: var(--guido-
|
|
69
|
+
color: var(--guido-primary-color);
|
|
84
70
|
}
|
|
85
71
|
/** SEGMENT BUTTON */
|
|
86
72
|
|
|
@@ -108,7 +94,7 @@ ue-switcher input:before {
|
|
|
108
94
|
}
|
|
109
95
|
|
|
110
96
|
.button-group .button ue-icon-component.icon-button {
|
|
111
|
-
color:
|
|
97
|
+
color: #2c3546;
|
|
112
98
|
}
|
|
113
99
|
|
|
114
100
|
.button-group > div:first-of-type .button {
|
|
@@ -121,14 +107,14 @@ ue-switcher input:before {
|
|
|
121
107
|
|
|
122
108
|
ue-check-buttons input:checked + .button,
|
|
123
109
|
ue-radio-buttons input:checked + .button {
|
|
124
|
-
background-color:
|
|
125
|
-
color: var(--guido-
|
|
126
|
-
border-color: var(--guido-
|
|
110
|
+
background-color: #c2ddff;
|
|
111
|
+
color: var(--guido-primary-color);
|
|
112
|
+
border-color: var(--guido-primary-color);
|
|
127
113
|
}
|
|
128
114
|
|
|
129
115
|
ue-check-buttons input:checked + .button ue-icon-component.icon-button,
|
|
130
116
|
ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
|
|
131
|
-
color: var(--guido-
|
|
117
|
+
color: var(--guido-primary-color);
|
|
132
118
|
}
|
|
133
119
|
/** BUTTON GROUP */
|
|
134
120
|
|
|
@@ -141,12 +127,12 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
|
|
|
141
127
|
|
|
142
128
|
.button[role="combobox"] {
|
|
143
129
|
background-color: #f9f9f9;
|
|
144
|
-
border: 1px solid
|
|
130
|
+
border: 1px solid #e1e1e1;
|
|
145
131
|
border-radius: 4px;
|
|
146
132
|
box-shadow: none;
|
|
147
133
|
min-height: 42px;
|
|
148
134
|
padding: 8px;
|
|
149
|
-
color:
|
|
135
|
+
color: #292929;
|
|
150
136
|
text-align: left;
|
|
151
137
|
outline: none;
|
|
152
138
|
white-space: nowrap;
|
|
@@ -156,25 +142,25 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
|
|
|
156
142
|
|
|
157
143
|
.button[role="combobox"].on {
|
|
158
144
|
background-color: #f9f9f9;
|
|
159
|
-
border-color: var(--guido-
|
|
145
|
+
border-color: var(--guido-primary-color);
|
|
160
146
|
box-shadow: 0 0 0 3px #b5c1f1 !important;
|
|
161
147
|
}
|
|
162
148
|
/** COMBOBOX */
|
|
163
149
|
|
|
164
150
|
/** BASE INPUT */
|
|
165
151
|
.base-input {
|
|
166
|
-
border: 1px solid
|
|
152
|
+
border: 1px solid #e1e1e1;
|
|
167
153
|
border-radius: 4px;
|
|
168
154
|
background-color: #f9f9f9;
|
|
169
155
|
align-items: center;
|
|
170
|
-
height:
|
|
171
|
-
max-height:
|
|
156
|
+
height: 42px;
|
|
157
|
+
max-height: 42px;
|
|
172
158
|
box-sizing: content-box;
|
|
173
159
|
outline: none;
|
|
174
160
|
resize: vertical;
|
|
175
161
|
padding: 8px;
|
|
176
162
|
transition: none !important;
|
|
177
|
-
color:
|
|
163
|
+
color: #292929;
|
|
178
164
|
box-shadow: none !important;
|
|
179
165
|
box-sizing: border-box !important;
|
|
180
166
|
}
|
|
@@ -190,42 +176,6 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
|
|
|
190
176
|
box-shadow: 0 0 0 3px #b5c1f1 !important;
|
|
191
177
|
}
|
|
192
178
|
/** BASE INPUT */
|
|
193
|
-
|
|
194
|
-
/** COUNTER */
|
|
195
|
-
ue-counter {
|
|
196
|
-
padding: 0 !important;
|
|
197
|
-
background-color: var(--guido-color-white) !important;
|
|
198
|
-
border: 1px solid var(--guido-color-gray-300);
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
ue-counter .button {
|
|
202
|
-
width: 40px;
|
|
203
|
-
height: 40px;
|
|
204
|
-
box-shadow: none;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
ue-counter .button .icon-button {
|
|
208
|
-
color: var(--guido-color-primary-500);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
ue-counter ue-button:first-child .button {
|
|
212
|
-
border-right: 1px solid var(--guido-color-gray-300);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
ue-counter ue-button:last-child .button {
|
|
216
|
-
border-left: 1px solid var(--guido-color-gray-300);
|
|
217
|
-
}
|
|
218
|
-
/** COUNTER */
|
|
219
|
-
|
|
220
|
-
/** COLOR */
|
|
221
|
-
ue-color {
|
|
222
|
-
width: 80px;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
ue-color .base-input {
|
|
226
|
-
width: 100%;
|
|
227
|
-
}
|
|
228
|
-
/** COLOR */
|
|
229
179
|
`;
|
|
230
180
|
export {
|
|
231
181
|
n as default
|
package/dist/stores/editor.d.ts
CHANGED
package/dist/stores/editor.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { defineStore as e } from "pinia";
|
|
1
|
+
import { defineStore as e } from "../node_modules/pinia/dist/pinia.js";
|
|
2
2
|
const t = e("editor", {
|
|
3
3
|
state: () => ({
|
|
4
4
|
isCodeEditorOpen: !1,
|
|
5
|
-
|
|
6
|
-
editorVisualMode: "desktop",
|
|
7
|
-
isSaveTemplateModalOpen: !1
|
|
5
|
+
editorVisualMode: "desktop"
|
|
8
6
|
})
|
|
9
7
|
});
|
|
10
8
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.8861b13",
|
|
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",
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
interface ModalWrapperProps {
|
|
2
|
-
isOpen: boolean;
|
|
3
|
-
title: string;
|
|
4
|
-
description?: string;
|
|
5
|
-
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
6
|
-
primaryButtonText?: string;
|
|
7
|
-
primaryButtonDisabled?: boolean;
|
|
8
|
-
primaryButtonLoading?: boolean;
|
|
9
|
-
cancelButtonText?: string;
|
|
10
|
-
showCancelButton?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
declare var __VLS_12: {};
|
|
14
|
-
type __VLS_Slots = {} & {
|
|
15
|
-
default?: (props: typeof __VLS_12) => any;
|
|
16
|
-
};
|
|
17
|
-
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
|
|
18
|
-
description: string;
|
|
19
|
-
size: string;
|
|
20
|
-
primaryButtonText: string;
|
|
21
|
-
primaryButtonDisabled: boolean;
|
|
22
|
-
primaryButtonLoading: boolean;
|
|
23
|
-
cancelButtonText: string;
|
|
24
|
-
showCancelButton: boolean;
|
|
25
|
-
className: string;
|
|
26
|
-
}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
|
|
27
|
-
close: () => void;
|
|
28
|
-
save: () => void;
|
|
29
|
-
cancel: () => void;
|
|
30
|
-
}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
|
|
31
|
-
description: string;
|
|
32
|
-
size: string;
|
|
33
|
-
primaryButtonText: string;
|
|
34
|
-
primaryButtonDisabled: boolean;
|
|
35
|
-
primaryButtonLoading: boolean;
|
|
36
|
-
cancelButtonText: string;
|
|
37
|
-
showCancelButton: boolean;
|
|
38
|
-
className: string;
|
|
39
|
-
}>>>, {
|
|
40
|
-
className: string;
|
|
41
|
-
size: "small" | "medium" | "large" | "extra-large";
|
|
42
|
-
description: string;
|
|
43
|
-
primaryButtonText: string;
|
|
44
|
-
primaryButtonDisabled: boolean;
|
|
45
|
-
primaryButtonLoading: boolean;
|
|
46
|
-
cancelButtonText: string;
|
|
47
|
-
showCancelButton: boolean;
|
|
48
|
-
}>;
|
|
49
|
-
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
50
|
-
export default _default;
|
|
51
|
-
type __VLS_WithDefaults<P, D> = {
|
|
52
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
53
|
-
default: D[K];
|
|
54
|
-
}> : P[K];
|
|
55
|
-
};
|
|
56
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
57
|
-
type __VLS_TypePropsToOption<T> = {
|
|
58
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
59
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
60
|
-
} : {
|
|
61
|
-
type: import('vue').PropType<T[K]>;
|
|
62
|
-
required: true;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
66
|
-
new (): {
|
|
67
|
-
$scopedSlots: S;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
type __VLS_PrettifyLocal<T> = {
|
|
71
|
-
[K in keyof T]: T[K];
|
|
72
|
-
} & {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import r from "./ModalWrapper.vue2.js";
|
|
2
|
-
import o from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var s = function() {
|
|
4
|
-
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
5
|
-
return n(e.InDrawer, { attrs: { id: "modal-wrapper", "description-text": t.description, "footer-button-group-options": e.drawerFooterOptions, size: t.size, status: t.isOpen, "title-text": t.title }, on: { cancelOrBackButtonEvent: e.handleCancel, onCloseEvent: e.handleClose, primaryButtonEvent: e.handleSave }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
|
|
6
|
-
return [n("div", { staticClass: "modal-content-wrapper", class: t.className }, [t._t("default")], 2)];
|
|
7
|
-
}, proxy: !0 }], null, !0) });
|
|
8
|
-
}, a = [], l = /* @__PURE__ */ o(
|
|
9
|
-
r,
|
|
10
|
-
s,
|
|
11
|
-
a,
|
|
12
|
-
!1,
|
|
13
|
-
null,
|
|
14
|
-
null
|
|
15
|
-
);
|
|
16
|
-
const u = l.exports;
|
|
17
|
-
export {
|
|
18
|
-
u as default
|
|
19
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { defineComponent as o, computed as l } from "vue";
|
|
2
|
-
import { InDrawer as r } from "@useinsider/design-system-vue";
|
|
3
|
-
const i = /* @__PURE__ */ o({
|
|
4
|
-
__name: "ModalWrapper",
|
|
5
|
-
props: {
|
|
6
|
-
isOpen: { type: Boolean },
|
|
7
|
-
title: null,
|
|
8
|
-
description: { default: "" },
|
|
9
|
-
size: { default: "medium" },
|
|
10
|
-
primaryButtonText: { default: "Save" },
|
|
11
|
-
primaryButtonDisabled: { type: Boolean, default: !1 },
|
|
12
|
-
primaryButtonLoading: { type: Boolean, default: !1 },
|
|
13
|
-
cancelButtonText: { default: "Cancel" },
|
|
14
|
-
showCancelButton: { type: Boolean, default: !0 },
|
|
15
|
-
className: { default: "" }
|
|
16
|
-
},
|
|
17
|
-
emits: ["close", "save", "cancel"],
|
|
18
|
-
setup(a, { emit: t }) {
|
|
19
|
-
const e = a, n = l(() => ({
|
|
20
|
-
primaryButton: {
|
|
21
|
-
styling: "solid",
|
|
22
|
-
type: "primary",
|
|
23
|
-
labelText: e.primaryButtonText,
|
|
24
|
-
disabled: e.primaryButtonDisabled || e.primaryButtonLoading
|
|
25
|
-
},
|
|
26
|
-
cancelOrBackButton: e.showCancelButton ? {
|
|
27
|
-
type: "secondary",
|
|
28
|
-
styling: "ghost",
|
|
29
|
-
labelText: e.cancelButtonText
|
|
30
|
-
} : void 0
|
|
31
|
-
}));
|
|
32
|
-
return { __sfc: !0, props: e, emit: t, drawerFooterOptions: n, handleClose: () => {
|
|
33
|
-
t("close");
|
|
34
|
-
}, handleSave: () => {
|
|
35
|
-
t("save");
|
|
36
|
-
}, handleCancel: () => {
|
|
37
|
-
t("cancel");
|
|
38
|
-
}, InDrawer: r };
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
export {
|
|
42
|
-
i as default
|
|
43
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { defineComponent as o } from "vue";
|
|
2
|
-
import { InContainer as r } from "@useinsider/design-system-vue";
|
|
3
|
-
import t from "./LeftSlot.vue.js";
|
|
4
|
-
import e from "./MiddleSlot.vue.js";
|
|
5
|
-
import m from "./RightSlot.vue.js";
|
|
6
|
-
const s = /* @__PURE__ */ o({
|
|
7
|
-
__name: "HeaderWrapper",
|
|
8
|
-
setup(p) {
|
|
9
|
-
return { __sfc: !0, InContainer: r, LeftSlot: t, MiddleSlot: e, RightSlot: m };
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
export {
|
|
13
|
-
s as default
|
|
14
|
-
};
|