veylan-component-library 1.2.0 → 1.3.0
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/dist/fusion-component-library.es.js +247 -245
- package/dist/fusion-component-library.es.js.map +1 -1
- package/dist/fusion-component-library.umd.js +1 -1
- package/dist/fusion-component-library.umd.js.map +1 -1
- package/dist/veylan-component-library.css +1 -1
- package/package.json +2 -2
- package/tailwind.config.js +31 -42
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as w, createElementBlock as
|
|
1
|
+
import { defineComponent as w, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as B, createElementVNode as e, renderSlot as q, toDisplayString as u, normalizeStyle as N, normalizeClass as z, createBlock as k, createTextVNode as c, Fragment as y, renderList as C, createVNode as M, createStaticVNode as v, ref as S, computed as V, withDirectives as E, vModelText as P } from "vue";
|
|
2
2
|
import { ChevronDown as U, Share2 as G, ArrowRight as O, ArrowLeft as W, MoreHorizontal as R, ToyBrick as Z, MessageSquare as $, Home as Q } from "lucide-vue-next";
|
|
3
3
|
const K = /* @__PURE__ */ w({
|
|
4
4
|
__name: "BaseModal",
|
|
@@ -9,19 +9,19 @@ const K = /* @__PURE__ */ w({
|
|
|
9
9
|
secondaryButtonText: { type: String, required: !1, default: "Cancel" }
|
|
10
10
|
},
|
|
11
11
|
emits: ["close", "primary", "secondary"],
|
|
12
|
-
setup(
|
|
12
|
+
setup(n, { expose: t, emit: l }) {
|
|
13
13
|
t();
|
|
14
|
-
const o =
|
|
14
|
+
const o = n, x = l, g = { props: o, emit: x, handleClose: () => {
|
|
15
15
|
x("close");
|
|
16
16
|
}, handlePrimary: () => {
|
|
17
17
|
x("primary");
|
|
18
18
|
}, handleSecondary: () => {
|
|
19
19
|
x("secondary");
|
|
20
20
|
} };
|
|
21
|
-
return Object.defineProperty(
|
|
21
|
+
return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
|
|
22
22
|
}
|
|
23
|
-
}),
|
|
24
|
-
const l =
|
|
23
|
+
}), h = (n, t) => {
|
|
24
|
+
const l = n.__vccOpts || n;
|
|
25
25
|
for (const [o, x] of t)
|
|
26
26
|
l[o] = x;
|
|
27
27
|
return l;
|
|
@@ -29,33 +29,33 @@ const K = /* @__PURE__ */ w({
|
|
|
29
29
|
class: "text-2xl font-bold text-black mb-8",
|
|
30
30
|
style: { "letter-spacing": "0" }
|
|
31
31
|
}, X = { class: "flex gap-4 pt-6" };
|
|
32
|
-
function ee(
|
|
33
|
-
return l.isOpen ? (a(),
|
|
32
|
+
function ee(n, t, l, o, x, f) {
|
|
33
|
+
return l.isOpen ? (a(), r("div", {
|
|
34
34
|
key: 0,
|
|
35
35
|
class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
|
|
36
|
-
onClick:
|
|
36
|
+
onClick: B(o.handleClose, ["self"])
|
|
37
37
|
}, [
|
|
38
38
|
e("div", Y, [
|
|
39
39
|
s(" Header "),
|
|
40
40
|
e(
|
|
41
41
|
"h2",
|
|
42
42
|
J,
|
|
43
|
-
|
|
43
|
+
u(l.title),
|
|
44
44
|
1
|
|
45
45
|
/* TEXT */
|
|
46
46
|
),
|
|
47
47
|
s(" Content Slot "),
|
|
48
|
-
|
|
48
|
+
q(n.$slots, "default"),
|
|
49
49
|
s(" Action Buttons "),
|
|
50
50
|
e("div", X, [
|
|
51
51
|
e(
|
|
52
52
|
"button",
|
|
53
53
|
{
|
|
54
54
|
onClick: o.handleSecondary,
|
|
55
|
-
class: "flex-1 h-8 flex items-center justify-center px-4 text-gray-
|
|
55
|
+
class: "flex-1 h-8 flex items-center justify-center px-4 text-gray-500 rounded-xl hover:bg-gray-50 transition-colors font-medium",
|
|
56
56
|
style: { "font-size": "12px" }
|
|
57
57
|
},
|
|
58
|
-
|
|
58
|
+
u(l.secondaryButtonText),
|
|
59
59
|
1
|
|
60
60
|
/* TEXT */
|
|
61
61
|
),
|
|
@@ -63,10 +63,10 @@ function ee(i, t, l, o, x, p) {
|
|
|
63
63
|
"button",
|
|
64
64
|
{
|
|
65
65
|
onClick: o.handlePrimary,
|
|
66
|
-
class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-
|
|
66
|
+
class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-600 transition-colors font-medium",
|
|
67
67
|
style: { "font-size": "12px" }
|
|
68
68
|
},
|
|
69
|
-
|
|
69
|
+
u(l.primaryButtonText),
|
|
70
70
|
1
|
|
71
71
|
/* TEXT */
|
|
72
72
|
)
|
|
@@ -74,7 +74,7 @@ function ee(i, t, l, o, x, p) {
|
|
|
74
74
|
])
|
|
75
75
|
])) : s("v-if", !0);
|
|
76
76
|
}
|
|
77
|
-
const Nt = /* @__PURE__ */
|
|
77
|
+
const Nt = /* @__PURE__ */ h(K, [["render", ee], ["__file", "/root/app/code/src/components/BaseModal.vue"]]), te = /* @__PURE__ */ w({
|
|
78
78
|
__name: "ButtonComponent",
|
|
79
79
|
props: {
|
|
80
80
|
variant: { type: String, required: !1, default: "primary" },
|
|
@@ -83,9 +83,9 @@ const Nt = /* @__PURE__ */ y(K, [["render", ee], ["__file", "/root/app/code/src/
|
|
|
83
83
|
disabled: { type: Boolean, required: !1, default: !1 }
|
|
84
84
|
},
|
|
85
85
|
emits: ["click"],
|
|
86
|
-
setup(
|
|
86
|
+
setup(n, { expose: t, emit: l }) {
|
|
87
87
|
t();
|
|
88
|
-
const o = l,
|
|
88
|
+
const o = l, f = { emit: o, handleClick: () => {
|
|
89
89
|
o("click");
|
|
90
90
|
}, get ArrowLeft() {
|
|
91
91
|
return W;
|
|
@@ -96,17 +96,17 @@ const Nt = /* @__PURE__ */ y(K, [["render", ee], ["__file", "/root/app/code/src/
|
|
|
96
96
|
}, get ChevronDown() {
|
|
97
97
|
return U;
|
|
98
98
|
} };
|
|
99
|
-
return Object.defineProperty(
|
|
99
|
+
return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
|
|
100
100
|
}
|
|
101
101
|
}), le = ["disabled"];
|
|
102
|
-
function se(
|
|
103
|
-
return a(),
|
|
102
|
+
function se(n, t, l, o, x, f) {
|
|
103
|
+
return a(), r("button", {
|
|
104
104
|
onClick: o.handleClick,
|
|
105
105
|
disabled: l.disabled || l.variant === "disabled",
|
|
106
106
|
class: z([
|
|
107
107
|
"flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",
|
|
108
108
|
{
|
|
109
|
-
"bg-black text-white hover:bg-gray-
|
|
109
|
+
"bg-black text-white hover:bg-gray-600": l.variant === "primary" && !l.disabled,
|
|
110
110
|
"bg-white text-black hover:bg-gray-50": l.variant === "outlined" && !l.disabled,
|
|
111
111
|
"bg-transparent text-black": l.variant === "text" && !l.disabled,
|
|
112
112
|
"cursor-not-allowed": l.variant === "disabled" || l.disabled
|
|
@@ -115,8 +115,8 @@ function se(i, t, l, o, x, p) {
|
|
|
115
115
|
style: N({
|
|
116
116
|
paddingLeft: l.rightIcon === "dropdown" ? "16px" : "24px",
|
|
117
117
|
paddingRight: l.rightIcon === "dropdown" ? "8px" : "24px",
|
|
118
|
-
...l.variant === "outlined" && !l.disabled && l.rightIcon === "dropdown" ? { borderWidth: "1px", borderColor: "#
|
|
119
|
-
...l.variant === "disabled" || l.disabled ? { backgroundColor: "#
|
|
118
|
+
...l.variant === "outlined" && !l.disabled && l.rightIcon === "dropdown" ? { borderWidth: "1px", borderColor: "#BDBDBD" } : l.variant === "outlined" && !l.disabled ? { borderWidth: "1px", borderColor: "#000000" } : {},
|
|
119
|
+
...l.variant === "disabled" || l.disabled ? { backgroundColor: "#DDDDDD", color: "#7D7D7D" } : {}
|
|
120
120
|
})
|
|
121
121
|
}, [
|
|
122
122
|
s(" Left Icon "),
|
|
@@ -130,7 +130,7 @@ function se(i, t, l, o, x, p) {
|
|
|
130
130
|
"stroke-width": 1.5
|
|
131
131
|
})) : s("v-if", !0),
|
|
132
132
|
s(" Text Slot "),
|
|
133
|
-
|
|
133
|
+
q(n.$slots, "default", {}, () => [
|
|
134
134
|
t[0] || (t[0] = c(
|
|
135
135
|
"Button",
|
|
136
136
|
-1
|
|
@@ -153,7 +153,7 @@ function se(i, t, l, o, x, p) {
|
|
|
153
153
|
})) : s("v-if", !0)
|
|
154
154
|
], 14, le);
|
|
155
155
|
}
|
|
156
|
-
const Vt = /* @__PURE__ */
|
|
156
|
+
const Vt = /* @__PURE__ */ h(te, [["render", se], ["__file", "/root/app/code/src/components/ButtonComponent.vue"]]), oe = /* @__PURE__ */ w({
|
|
157
157
|
__name: "CampaignCard",
|
|
158
158
|
props: {
|
|
159
159
|
showImage: { type: Boolean, required: !1, default: !0 },
|
|
@@ -174,12 +174,12 @@ const Vt = /* @__PURE__ */ y(te, [["render", se], ["__file", "/root/app/code/src
|
|
|
174
174
|
cardClasses: { type: String, required: !1, default: "" }
|
|
175
175
|
},
|
|
176
176
|
emits: ["menu-click", "add-click"],
|
|
177
|
-
setup(
|
|
177
|
+
setup(n, { expose: t }) {
|
|
178
178
|
t();
|
|
179
|
-
const o = { props:
|
|
179
|
+
const o = { props: n };
|
|
180
180
|
return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
|
|
181
181
|
}
|
|
182
|
-
}), ae = { class: "absolute inset-0" },
|
|
182
|
+
}), ae = { class: "absolute inset-0" }, re = ["src", "alt"], ie = { class: "relative flex justify-between items-start w-full" }, ne = {
|
|
183
183
|
key: 0,
|
|
184
184
|
class: "flex items-center gap-2"
|
|
185
185
|
}, de = {
|
|
@@ -195,40 +195,40 @@ const Vt = /* @__PURE__ */ y(te, [["render", se], ["__file", "/root/app/code/src
|
|
|
195
195
|
viewBox: "0 0 18 18",
|
|
196
196
|
fill: "none",
|
|
197
197
|
xmlns: "http://www.w3.org/2000/svg"
|
|
198
|
-
},
|
|
198
|
+
}, ue = {
|
|
199
199
|
key: 1,
|
|
200
200
|
class: "flex flex-col",
|
|
201
201
|
style: { padding: "0 16px", gap: "8px", margin: "0" }
|
|
202
|
-
},
|
|
202
|
+
}, ge = {
|
|
203
203
|
key: 0,
|
|
204
204
|
class: "text-black",
|
|
205
205
|
style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
|
|
206
|
-
},
|
|
206
|
+
}, fe = {
|
|
207
207
|
key: 1,
|
|
208
208
|
class: "text-black",
|
|
209
209
|
style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
|
|
210
|
-
},
|
|
210
|
+
}, pe = {
|
|
211
211
|
key: 2,
|
|
212
212
|
class: "flex items-end",
|
|
213
213
|
style: { padding: "0 16px", gap: "4px" }
|
|
214
|
-
},
|
|
214
|
+
}, me = {
|
|
215
215
|
class: "flex justify-between items-end flex-1",
|
|
216
216
|
style: { height: "24px" }
|
|
217
|
-
},
|
|
217
|
+
}, he = {
|
|
218
218
|
key: 0,
|
|
219
219
|
class: "flex items-center",
|
|
220
220
|
style: { gap: "4px" }
|
|
221
|
-
},
|
|
221
|
+
}, ve = {
|
|
222
222
|
class: "absolute left-0 top-0 flex items-center justify-center text-white",
|
|
223
223
|
style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
|
|
224
|
-
},
|
|
224
|
+
}, ye = {
|
|
225
225
|
style: { width: "12px", height: "12px" },
|
|
226
226
|
viewBox: "0 0 12 12",
|
|
227
227
|
fill: "none",
|
|
228
228
|
xmlns: "http://www.w3.org/2000/svg"
|
|
229
229
|
};
|
|
230
|
-
function be(
|
|
231
|
-
return a(),
|
|
230
|
+
function be(n, t, l, o, x, f) {
|
|
231
|
+
return a(), r(
|
|
232
232
|
"div",
|
|
233
233
|
{
|
|
234
234
|
class: z(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
|
|
@@ -236,7 +236,7 @@ function be(i, t, l, o, x, p) {
|
|
|
236
236
|
},
|
|
237
237
|
[
|
|
238
238
|
s(" Card Image Section "),
|
|
239
|
-
l.showImage ? (a(),
|
|
239
|
+
l.showImage ? (a(), r(
|
|
240
240
|
"div",
|
|
241
241
|
{
|
|
242
242
|
key: 0,
|
|
@@ -250,35 +250,35 @@ function be(i, t, l, o, x, p) {
|
|
|
250
250
|
src: l.imageSrc,
|
|
251
251
|
alt: l.imageAlt,
|
|
252
252
|
class: "w-full h-full object-cover"
|
|
253
|
-
}, null, 8,
|
|
253
|
+
}, null, 8, re)
|
|
254
254
|
]),
|
|
255
255
|
s(" Card Header Overlay "),
|
|
256
|
-
e("div",
|
|
256
|
+
e("div", ie, [
|
|
257
257
|
s(" Labels/Pills "),
|
|
258
|
-
l.showLabels ? (a(),
|
|
259
|
-
l.label1 ? (a(),
|
|
258
|
+
l.showLabels ? (a(), r("div", ne, [
|
|
259
|
+
l.label1 ? (a(), r(
|
|
260
260
|
"div",
|
|
261
261
|
de,
|
|
262
|
-
|
|
262
|
+
u(l.label1),
|
|
263
263
|
1
|
|
264
264
|
/* TEXT */
|
|
265
265
|
)) : s("v-if", !0),
|
|
266
|
-
l.label2 ? (a(),
|
|
266
|
+
l.label2 ? (a(), r(
|
|
267
267
|
"div",
|
|
268
268
|
ce,
|
|
269
|
-
|
|
269
|
+
u(l.label2),
|
|
270
270
|
1
|
|
271
271
|
/* TEXT */
|
|
272
272
|
)) : s("v-if", !0)
|
|
273
273
|
])) : s("v-if", !0),
|
|
274
274
|
s(" Menu Button "),
|
|
275
|
-
l.showMenu ? (a(),
|
|
275
|
+
l.showMenu ? (a(), r("button", {
|
|
276
276
|
key: 1,
|
|
277
|
-
onClick: t[0] || (t[0] = (
|
|
278
|
-
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-
|
|
277
|
+
onClick: t[0] || (t[0] = (i) => n.$emit("menu-click")),
|
|
278
|
+
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-50 transition-colors",
|
|
279
279
|
style: { width: "32px", height: "32px" }
|
|
280
280
|
}, [
|
|
281
|
-
(a(),
|
|
281
|
+
(a(), r("svg", xe, t[2] || (t[2] = [
|
|
282
282
|
e(
|
|
283
283
|
"path",
|
|
284
284
|
{
|
|
@@ -326,31 +326,31 @@ function be(i, t, l, o, x, p) {
|
|
|
326
326
|
/* CLASS */
|
|
327
327
|
)) : s("v-if", !0),
|
|
328
328
|
s(" Content Section "),
|
|
329
|
-
l.showContent ? (a(),
|
|
330
|
-
l.title ? (a(),
|
|
329
|
+
l.showContent ? (a(), r("div", ue, [
|
|
330
|
+
l.title ? (a(), r(
|
|
331
331
|
"h3",
|
|
332
|
-
|
|
333
|
-
|
|
332
|
+
ge,
|
|
333
|
+
u(l.title),
|
|
334
334
|
1
|
|
335
335
|
/* TEXT */
|
|
336
336
|
)) : s("v-if", !0),
|
|
337
|
-
l.description ? (a(),
|
|
337
|
+
l.description ? (a(), r(
|
|
338
338
|
"p",
|
|
339
|
-
|
|
340
|
-
|
|
339
|
+
fe,
|
|
340
|
+
u(l.description),
|
|
341
341
|
1
|
|
342
342
|
/* TEXT */
|
|
343
343
|
)) : s("v-if", !0)
|
|
344
344
|
])) : s("v-if", !0),
|
|
345
345
|
s(" Footer Section "),
|
|
346
|
-
l.showFooter ? (a(),
|
|
347
|
-
e("div",
|
|
346
|
+
l.showFooter ? (a(), r("div", pe, [
|
|
347
|
+
e("div", me, [
|
|
348
348
|
s(" Member Avatars "),
|
|
349
|
-
l.showMembers ? (a(),
|
|
350
|
-
(a(!0),
|
|
351
|
-
|
|
349
|
+
l.showMembers ? (a(), r("div", he, [
|
|
350
|
+
(a(!0), r(
|
|
351
|
+
y,
|
|
352
352
|
null,
|
|
353
|
-
C(l.members, (
|
|
353
|
+
C(l.members, (i, d) => (a(), r("div", {
|
|
354
354
|
key: d,
|
|
355
355
|
class: "relative",
|
|
356
356
|
style: { width: "24px", height: "24px" }
|
|
@@ -378,8 +378,8 @@ function be(i, t, l, o, x, p) {
|
|
|
378
378
|
)),
|
|
379
379
|
e(
|
|
380
380
|
"div",
|
|
381
|
-
|
|
382
|
-
|
|
381
|
+
ve,
|
|
382
|
+
u(i),
|
|
383
383
|
1
|
|
384
384
|
/* TEXT */
|
|
385
385
|
)
|
|
@@ -389,13 +389,13 @@ function be(i, t, l, o, x, p) {
|
|
|
389
389
|
))
|
|
390
390
|
])) : s("v-if", !0),
|
|
391
391
|
s(" Add Button "),
|
|
392
|
-
l.showAddButton ? (a(),
|
|
392
|
+
l.showAddButton ? (a(), r("button", {
|
|
393
393
|
key: 1,
|
|
394
|
-
onClick: t[1] || (t[1] = (
|
|
395
|
-
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-
|
|
394
|
+
onClick: t[1] || (t[1] = (i) => n.$emit("add-click")),
|
|
395
|
+
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-600 transition-colors",
|
|
396
396
|
style: { width: "32px", height: "32px" }
|
|
397
397
|
}, [
|
|
398
|
-
(a(),
|
|
398
|
+
(a(), r("svg", ye, t[4] || (t[4] = [
|
|
399
399
|
e(
|
|
400
400
|
"path",
|
|
401
401
|
{
|
|
@@ -431,7 +431,7 @@ function be(i, t, l, o, x, p) {
|
|
|
431
431
|
/* CLASS */
|
|
432
432
|
);
|
|
433
433
|
}
|
|
434
|
-
const
|
|
434
|
+
const Et = /* @__PURE__ */ h(oe, [["render", be], ["__file", "/root/app/code/src/components/CampaignCard.vue"]]), we = /* @__PURE__ */ w({
|
|
435
435
|
__name: "CardComponents",
|
|
436
436
|
props: {
|
|
437
437
|
showImage: { type: Boolean, required: !1, default: !0 },
|
|
@@ -452,9 +452,9 @@ const Pt = /* @__PURE__ */ y(oe, [["render", be], ["__file", "/root/app/code/src
|
|
|
452
452
|
cardClasses: { type: String, required: !1, default: "" }
|
|
453
453
|
},
|
|
454
454
|
emits: ["menu-click", "add-click"],
|
|
455
|
-
setup(
|
|
455
|
+
setup(n, { expose: t }) {
|
|
456
456
|
t();
|
|
457
|
-
const o = { props:
|
|
457
|
+
const o = { props: n, get MoreHorizontal() {
|
|
458
458
|
return R;
|
|
459
459
|
} };
|
|
460
460
|
return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
|
|
@@ -466,34 +466,34 @@ const Pt = /* @__PURE__ */ y(oe, [["render", be], ["__file", "/root/app/code/src
|
|
|
466
466
|
key: 0,
|
|
467
467
|
class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",
|
|
468
468
|
style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
|
|
469
|
-
},
|
|
469
|
+
}, Be = {
|
|
470
470
|
key: 1,
|
|
471
471
|
class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",
|
|
472
472
|
style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
|
|
473
|
-
},
|
|
473
|
+
}, Me = {
|
|
474
474
|
key: 1,
|
|
475
475
|
class: "flex flex-col",
|
|
476
476
|
style: { padding: "0 16px", gap: "8px", margin: "0" }
|
|
477
|
-
},
|
|
477
|
+
}, Ie = {
|
|
478
478
|
key: 0,
|
|
479
479
|
class: "text-black",
|
|
480
480
|
style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
|
|
481
|
-
},
|
|
481
|
+
}, De = {
|
|
482
482
|
key: 1,
|
|
483
483
|
class: "text-black",
|
|
484
484
|
style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
|
|
485
|
-
},
|
|
485
|
+
}, qe = {
|
|
486
486
|
key: 2,
|
|
487
487
|
class: "flex items-end mt-auto",
|
|
488
488
|
style: { padding: "0 16px", gap: "4px" }
|
|
489
489
|
}, Le = {
|
|
490
490
|
class: "flex justify-between items-end flex-1",
|
|
491
491
|
style: { height: "24px" }
|
|
492
|
-
},
|
|
492
|
+
}, He = {
|
|
493
493
|
key: 0,
|
|
494
494
|
class: "flex items-center",
|
|
495
495
|
style: { gap: "4px" }
|
|
496
|
-
},
|
|
496
|
+
}, Ae = {
|
|
497
497
|
class: "absolute left-0 top-0 flex items-center justify-center text-white",
|
|
498
498
|
style: { width: "24px", height: "24px", "font-size": "8px", "font-weight": "500", "line-height": "24px", "letter-spacing": "-0.08px" }
|
|
499
499
|
}, Fe = {
|
|
@@ -502,8 +502,8 @@ const Pt = /* @__PURE__ */ y(oe, [["render", be], ["__file", "/root/app/code/src
|
|
|
502
502
|
fill: "none",
|
|
503
503
|
xmlns: "http://www.w3.org/2000/svg"
|
|
504
504
|
};
|
|
505
|
-
function Te(
|
|
506
|
-
return a(),
|
|
505
|
+
function Te(n, t, l, o, x, f) {
|
|
506
|
+
return a(), r(
|
|
507
507
|
"div",
|
|
508
508
|
{
|
|
509
509
|
class: z(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
|
|
@@ -511,7 +511,7 @@ function Te(i, t, l, o, x, p) {
|
|
|
511
511
|
},
|
|
512
512
|
[
|
|
513
513
|
s(" Card Image Section "),
|
|
514
|
-
l.showImage ? (a(),
|
|
514
|
+
l.showImage ? (a(), r(
|
|
515
515
|
"div",
|
|
516
516
|
{
|
|
517
517
|
key: 0,
|
|
@@ -530,32 +530,32 @@ function Te(i, t, l, o, x, p) {
|
|
|
530
530
|
s(" Card Header Overlay "),
|
|
531
531
|
e("div", Ce, [
|
|
532
532
|
s(" Labels/Pills "),
|
|
533
|
-
l.showLabels ? (a(),
|
|
534
|
-
l.label1 ? (a(),
|
|
533
|
+
l.showLabels ? (a(), r("div", ze, [
|
|
534
|
+
l.label1 ? (a(), r(
|
|
535
535
|
"div",
|
|
536
536
|
Se,
|
|
537
|
-
|
|
537
|
+
u(l.label1),
|
|
538
538
|
1
|
|
539
539
|
/* TEXT */
|
|
540
540
|
)) : s("v-if", !0),
|
|
541
|
-
l.label2 ? (a(),
|
|
541
|
+
l.label2 ? (a(), r(
|
|
542
542
|
"div",
|
|
543
|
-
|
|
544
|
-
|
|
543
|
+
Be,
|
|
544
|
+
u(l.label2),
|
|
545
545
|
1
|
|
546
546
|
/* TEXT */
|
|
547
547
|
)) : s("v-if", !0)
|
|
548
548
|
])) : s("v-if", !0),
|
|
549
549
|
s(" Menu Button "),
|
|
550
|
-
l.showMenu ? (a(),
|
|
550
|
+
l.showMenu ? (a(), r("button", {
|
|
551
551
|
key: 1,
|
|
552
|
-
onClick: t[0] || (t[0] = (
|
|
553
|
-
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-
|
|
552
|
+
onClick: t[0] || (t[0] = (i) => n.$emit("menu-click")),
|
|
553
|
+
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-white hover:bg-gray-50 transition-colors",
|
|
554
554
|
style: { width: "24px", height: "24px" }
|
|
555
555
|
}, [
|
|
556
|
-
|
|
556
|
+
M(o.MoreHorizontal, {
|
|
557
557
|
size: 16,
|
|
558
|
-
color: "
|
|
558
|
+
color: "#000000",
|
|
559
559
|
"stroke-width": 2
|
|
560
560
|
})
|
|
561
561
|
])) : s("v-if", !0)
|
|
@@ -565,31 +565,31 @@ function Te(i, t, l, o, x, p) {
|
|
|
565
565
|
/* CLASS */
|
|
566
566
|
)) : s("v-if", !0),
|
|
567
567
|
s(" Content Section "),
|
|
568
|
-
l.showContent ? (a(),
|
|
569
|
-
l.title ? (a(),
|
|
568
|
+
l.showContent ? (a(), r("div", Me, [
|
|
569
|
+
l.title ? (a(), r(
|
|
570
570
|
"h3",
|
|
571
|
-
|
|
572
|
-
|
|
571
|
+
Ie,
|
|
572
|
+
u(l.title),
|
|
573
573
|
1
|
|
574
574
|
/* TEXT */
|
|
575
575
|
)) : s("v-if", !0),
|
|
576
|
-
l.description ? (a(),
|
|
576
|
+
l.description ? (a(), r(
|
|
577
577
|
"p",
|
|
578
|
-
|
|
579
|
-
|
|
578
|
+
De,
|
|
579
|
+
u(l.description),
|
|
580
580
|
1
|
|
581
581
|
/* TEXT */
|
|
582
582
|
)) : s("v-if", !0)
|
|
583
583
|
])) : s("v-if", !0),
|
|
584
584
|
s(" Footer Section "),
|
|
585
|
-
l.showFooter ? (a(),
|
|
585
|
+
l.showFooter ? (a(), r("div", qe, [
|
|
586
586
|
e("div", Le, [
|
|
587
587
|
s(" Member Avatars "),
|
|
588
|
-
l.showMembers ? (a(),
|
|
589
|
-
(a(!0),
|
|
590
|
-
|
|
588
|
+
l.showMembers ? (a(), r("div", He, [
|
|
589
|
+
(a(!0), r(
|
|
590
|
+
y,
|
|
591
591
|
null,
|
|
592
|
-
C(l.members, (
|
|
592
|
+
C(l.members, (i, d) => (a(), r("div", {
|
|
593
593
|
key: d,
|
|
594
594
|
class: "relative",
|
|
595
595
|
style: { width: "24px", height: "24px" }
|
|
@@ -617,8 +617,8 @@ function Te(i, t, l, o, x, p) {
|
|
|
617
617
|
)),
|
|
618
618
|
e(
|
|
619
619
|
"div",
|
|
620
|
-
|
|
621
|
-
|
|
620
|
+
Ae,
|
|
621
|
+
u(i),
|
|
622
622
|
1
|
|
623
623
|
/* TEXT */
|
|
624
624
|
)
|
|
@@ -628,13 +628,13 @@ function Te(i, t, l, o, x, p) {
|
|
|
628
628
|
))
|
|
629
629
|
])) : s("v-if", !0),
|
|
630
630
|
s(" Add Button "),
|
|
631
|
-
l.showAddButton ? (a(),
|
|
631
|
+
l.showAddButton ? (a(), r("button", {
|
|
632
632
|
key: 1,
|
|
633
|
-
onClick: t[1] || (t[1] = (
|
|
634
|
-
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-
|
|
633
|
+
onClick: t[1] || (t[1] = (i) => n.$emit("add-click")),
|
|
634
|
+
class: "flex justify-center items-center flex-shrink-0 rounded-full bg-black hover:bg-gray-600 transition-colors",
|
|
635
635
|
style: { width: "24px", height: "24px" }
|
|
636
636
|
}, [
|
|
637
|
-
(a(),
|
|
637
|
+
(a(), r("svg", Fe, t[3] || (t[3] = [
|
|
638
638
|
e(
|
|
639
639
|
"path",
|
|
640
640
|
{
|
|
@@ -670,29 +670,31 @@ function Te(i, t, l, o, x, p) {
|
|
|
670
670
|
/* CLASS */
|
|
671
671
|
);
|
|
672
672
|
}
|
|
673
|
-
const
|
|
673
|
+
const Pt = /* @__PURE__ */ h(we, [["render", Te], ["__file", "/root/app/code/src/components/CardComponents.vue"]]), je = /* @__PURE__ */ w({
|
|
674
674
|
__name: "ColorStyles",
|
|
675
|
-
setup(
|
|
675
|
+
setup(n, { expose: t }) {
|
|
676
676
|
t();
|
|
677
677
|
const l = {};
|
|
678
678
|
return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
|
|
679
679
|
}
|
|
680
680
|
}), Ne = { class: "flex flex-col gap-12 w-full" };
|
|
681
|
-
function Ve(
|
|
682
|
-
return a(),
|
|
683
|
-
s("
|
|
684
|
-
t[0] || (t[0] =
|
|
685
|
-
s("
|
|
686
|
-
t[1] || (t[1] =
|
|
687
|
-
s("
|
|
688
|
-
t[2] || (t[2] =
|
|
689
|
-
s("
|
|
690
|
-
t[3] || (t[3] =
|
|
681
|
+
function Ve(n, t, l, o, x, f) {
|
|
682
|
+
return a(), r("div", Ne, [
|
|
683
|
+
s(" Semantic Colors "),
|
|
684
|
+
t[0] || (t[0] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Color Styles - Semantic</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-information"></div><p class="text-xs font-medium">Information</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-information</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-success"></div><p class="text-xs font-medium">Success</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-success</code><code class="text-xs text-gray-600">#A2DA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-warning"></div><p class="text-xs font-medium">Warning</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-warning</code><code class="text-xs text-gray-600">#FFD700</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-error"></div><p class="text-xs font-medium">Error</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-error</code><code class="text-xs text-gray-600">#FF6B35</code></div></div></div>', 1)),
|
|
685
|
+
s(" Base Colors "),
|
|
686
|
+
t[1] || (t[1] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Base Colors</h3><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-white border border-gray-200"></div><p class="text-xs font-medium">White</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-white</code><code class="text-xs text-gray-600">#FFFFFF</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-black"></div><p class="text-xs font-medium">Black</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-black</code><code class="text-xs text-gray-600">#000000</code></div></div></div>', 1)),
|
|
687
|
+
s(" Gray Scale "),
|
|
688
|
+
t[2] || (t[2] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Gray Scale</h3><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-600"></div><p class="text-xs font-medium">Gray 600</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-600</code><code class="text-xs text-gray-600">#2D2D2D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-500"></div><p class="text-xs font-medium">Gray 500</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-500</code><code class="text-xs text-gray-600">#3D3D3D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-400"></div><p class="text-xs font-medium">Gray 400</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-400</code><code class="text-xs text-gray-600">#5D5D5D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-300"></div><p class="text-xs font-medium">Gray 300</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-300</code><code class="text-xs text-gray-600">#7D7D7D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-200"></div><p class="text-xs font-medium">Gray 200</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-200</code><code class="text-xs text-gray-600">#9D9D9D</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-100"></div><p class="text-xs font-medium">Gray 100</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-100</code><code class="text-xs text-gray-600">#BDBDBD</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-gray-50 border border-gray-200"></div><p class="text-xs font-medium">Gray 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-gray-50</code><code class="text-xs text-gray-600">#DDDDDD</code></div></div></div>', 1)),
|
|
689
|
+
s(" Eletric Green Palette "),
|
|
690
|
+
t[3] || (t[3] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Green</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green-50"></div><p class="text-xs font-medium">Eletric Green 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green-50</code><code class="text-xs text-gray-600">#DFF5A0</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green"></div><p class="text-xs font-medium">Eletric Green</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green</code><code class="text-xs text-gray-600">#A2DA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--25"></div><p class="text-xs font-medium">Eletric Green -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--25</code><code class="text-xs text-gray-600">#85BA00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--50"></div><p class="text-xs font-medium">Eletric Green -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--50</code><code class="text-xs text-gray-600">#6A9A00</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-green--75"></div><p class="text-xs font-medium">Eletric Green -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-green--75</code><code class="text-xs text-gray-600">#527A00</code></div></div></div>', 1)),
|
|
691
|
+
s(" Eletric Blue Palette "),
|
|
692
|
+
t[4] || (t[4] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Eletric Blue</h3><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue-50"></div><p class="text-xs font-medium">Eletric Blue 50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue-50</code><code class="text-xs text-gray-600">#A0F5F5</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue"></div><p class="text-xs font-medium">Eletric Blue</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue</code><code class="text-xs text-gray-600">#00DADA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--25"></div><p class="text-xs font-medium">Eletric Blue -25</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--25</code><code class="text-xs text-gray-600">#00BABA</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--50"></div><p class="text-xs font-medium">Eletric Blue -50</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--50</code><code class="text-xs text-gray-600">#009A9A</code></div><div class="flex flex-col gap-2"><div class="w-full h-20 rounded-lg bg-eletric-blue--75"></div><p class="text-xs font-medium">Eletric Blue -75</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-eletric-blue--75</code><code class="text-xs text-gray-600">#007A7A</code></div></div></div>', 1)),
|
|
691
693
|
s(" Usage Examples "),
|
|
692
|
-
t[
|
|
694
|
+
t[5] || (t[5] = v('<div class="flex flex-col gap-4"><h3 class="text-lg font-semibold text-gray-900">Usage Examples</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Background Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className="bg-information"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="bg-success"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="bg-eletric-green"</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Text Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className="text-information"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="text-success"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="text-eletric-blue"</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Border Colors</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className="border-gray-400"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="border-success"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="border-warning"</code></div></div><div class="bg-white border border-gray-200 rounded-lg p-6"><h4 class="text-sm font-semibold mb-3">Hover States</h4><div class="space-y-2 text-sm"><code class="block bg-gray-100 px-3 py-2 rounded">className="hover:bg-eletric-green"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="hover:text-error"</code><code class="block bg-gray-100 px-3 py-2 rounded">className="hover:border-information"</code></div></div></div></div>', 1))
|
|
693
695
|
]);
|
|
694
696
|
}
|
|
695
|
-
const Ut = /* @__PURE__ */
|
|
697
|
+
const Ut = /* @__PURE__ */ h(je, [["render", Ve], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), Ee = /* @__PURE__ */ w({
|
|
696
698
|
__name: "InviteCollaboratorsModalV2",
|
|
697
699
|
props: {
|
|
698
700
|
isOpen: { type: Boolean, required: !1, default: !1 },
|
|
@@ -700,42 +702,42 @@ const Ut = /* @__PURE__ */ y(je, [["render", Ve], ["__file", "/root/app/code/src
|
|
|
700
702
|
initialCollaborators: { type: Array, required: !1, default: () => [] }
|
|
701
703
|
},
|
|
702
704
|
emits: ["close", "add"],
|
|
703
|
-
setup(
|
|
705
|
+
setup(n, { expose: t, emit: l }) {
|
|
704
706
|
t();
|
|
705
|
-
const o =
|
|
706
|
-
const
|
|
707
|
-
if (!d.value) return
|
|
708
|
-
const
|
|
709
|
-
return
|
|
710
|
-
})),
|
|
711
|
-
const
|
|
712
|
-
|
|
713
|
-
}, F = (
|
|
714
|
-
const
|
|
715
|
-
|
|
716
|
-
}, T = (
|
|
717
|
-
const
|
|
718
|
-
|
|
719
|
-
},
|
|
720
|
-
|
|
721
|
-
},
|
|
722
|
-
|
|
707
|
+
const o = n, x = l, f = S(null), i = S(!1), d = S(""), g = S([]), _ = S([...o.initialCollaborators]), L = V(() => o.availableUsersList.filter((p) => {
|
|
708
|
+
const m = !_.value.some((j) => j.email === p.email);
|
|
709
|
+
if (!d.value) return m;
|
|
710
|
+
const b = d.value.toLowerCase();
|
|
711
|
+
return m && (p.name.toLowerCase().includes(b) || p.email.toLowerCase().includes(b));
|
|
712
|
+
})), H = (p) => g.value.some((m) => m.email === p.email), A = (p) => {
|
|
713
|
+
const m = g.value.findIndex((b) => b.email === p.email);
|
|
714
|
+
m > -1 ? g.value.splice(m, 1) : g.value.push(p), d.value = "";
|
|
715
|
+
}, F = (p) => {
|
|
716
|
+
const m = g.value.findIndex((b) => b.email === p.email);
|
|
717
|
+
m > -1 && g.value.splice(m, 1);
|
|
718
|
+
}, T = (p) => {
|
|
719
|
+
const m = _.value.findIndex((b) => b.email === p.email);
|
|
720
|
+
m > -1 && _.value.splice(m, 1);
|
|
721
|
+
}, I = () => {
|
|
722
|
+
f.value?.focus();
|
|
723
|
+
}, D = { props: o, emit: x, hiddenInput: f, showDropdown: i, searchQuery: d, selectedUsers: g, collaborators: _, availableUsers: L, isUserSelected: H, toggleUser: A, removeUser: F, removeCollaborator: T, focusInput: I, toggleDropdown: () => {
|
|
724
|
+
i.value = !i.value, i.value && I();
|
|
723
725
|
}, handleBlur: () => {
|
|
724
726
|
setTimeout(() => {
|
|
725
|
-
|
|
727
|
+
i.value = !1;
|
|
726
728
|
}, 200);
|
|
727
729
|
}, closeModal: () => {
|
|
728
|
-
x("close"),
|
|
730
|
+
x("close"), g.value = [], d.value = "", i.value = !1;
|
|
729
731
|
}, addCollaborators: () => {
|
|
730
|
-
|
|
731
|
-
_.value.some((
|
|
732
|
-
}), x("add",
|
|
732
|
+
g.value.length > 0 && (g.value.forEach((p) => {
|
|
733
|
+
_.value.some((m) => m.email === p.email) || _.value.push(p);
|
|
734
|
+
}), x("add", g.value, _.value), g.value = [], d.value = "", i.value = !1), x("close");
|
|
733
735
|
} };
|
|
734
|
-
return Object.defineProperty(
|
|
736
|
+
return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
|
|
735
737
|
}
|
|
736
|
-
}),
|
|
738
|
+
}), Pe = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Ue = { class: "relative mb-6" }, Ge = { class: "flex flex-wrap gap-2 flex-1" }, Oe = ["onClick"], We = {
|
|
737
739
|
key: 0,
|
|
738
|
-
class: "absolute top-full left-0 right-0 mt-2 bg-white border border-gray-
|
|
740
|
+
class: "absolute top-full left-0 right-0 mt-2 bg-white border border-gray-100 rounded-xl shadow-lg max-h-64 overflow-y-auto z-10"
|
|
739
741
|
}, Re = ["onMousedown"], Ze = { class: "flex-1" }, $e = { class: "text-sm font-semibold text-black" }, Qe = { class: "text-sm text-gray-600" }, Ke = {
|
|
740
742
|
key: 0,
|
|
741
743
|
class: "w-5 h-5 flex items-center justify-center text-black"
|
|
@@ -746,13 +748,13 @@ const Ut = /* @__PURE__ */ y(je, [["render", Ve], ["__file", "/root/app/code/src
|
|
|
746
748
|
class: "text-black",
|
|
747
749
|
style: { "font-size": "14px" }
|
|
748
750
|
}, et = ["onClick"];
|
|
749
|
-
function tt(
|
|
750
|
-
return l.isOpen ? (a(),
|
|
751
|
+
function tt(n, t, l, o, x, f) {
|
|
752
|
+
return l.isOpen ? (a(), r("div", {
|
|
751
753
|
key: 0,
|
|
752
754
|
class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
|
|
753
|
-
onClick:
|
|
755
|
+
onClick: B(o.closeModal, ["self"])
|
|
754
756
|
}, [
|
|
755
|
-
e("div",
|
|
757
|
+
e("div", Pe, [
|
|
756
758
|
s(" Header "),
|
|
757
759
|
t[3] || (t[3] = e(
|
|
758
760
|
"h2",
|
|
@@ -775,85 +777,85 @@ function tt(i, t, l, o, x, p) {
|
|
|
775
777
|
s(" Multi-select Input "),
|
|
776
778
|
e("div", Ue, [
|
|
777
779
|
e("div", {
|
|
778
|
-
class: "flex items-center gap-2 w-full px-4 py-2 border border-gray-
|
|
780
|
+
class: "flex items-center gap-2 w-full px-4 py-2 border border-gray-100 rounded-xl bg-white focus-within:border-gray-200 focus-within:outline-none transition-colors cursor-text min-h-[40px]",
|
|
779
781
|
onClick: o.focusInput
|
|
780
782
|
}, [
|
|
781
783
|
s(" Plus Icon "),
|
|
782
784
|
e("button", {
|
|
783
785
|
type: "button",
|
|
784
|
-
class: "flex-shrink-0 text-gray-
|
|
786
|
+
class: "flex-shrink-0 text-gray-500 text-xl font-light",
|
|
785
787
|
onClick: o.toggleDropdown
|
|
786
788
|
}, " + "),
|
|
787
789
|
s(" Selected User Pills "),
|
|
788
790
|
e("div", Ge, [
|
|
789
|
-
(a(!0),
|
|
790
|
-
|
|
791
|
+
(a(!0), r(
|
|
792
|
+
y,
|
|
791
793
|
null,
|
|
792
|
-
C(o.selectedUsers, (
|
|
793
|
-
key:
|
|
794
|
-
class: "inline-flex items-center gap-2 px-3 py-1.5 bg-gray-
|
|
794
|
+
C(o.selectedUsers, (i) => (a(), r("span", {
|
|
795
|
+
key: i.email,
|
|
796
|
+
class: "inline-flex items-center gap-2 px-3 py-1.5 bg-gray-50 rounded-lg text-sm font-normal text-black"
|
|
795
797
|
}, [
|
|
796
798
|
c(
|
|
797
|
-
|
|
799
|
+
u(i.display) + " ",
|
|
798
800
|
1
|
|
799
801
|
/* TEXT */
|
|
800
802
|
),
|
|
801
803
|
e("button", {
|
|
802
|
-
onClick:
|
|
803
|
-
class: "text-gray-
|
|
804
|
+
onClick: B((d) => o.removeUser(i), ["stop"]),
|
|
805
|
+
class: "text-gray-300 hover:text-black transition-colors"
|
|
804
806
|
}, " × ", 8, Oe)
|
|
805
807
|
]))),
|
|
806
808
|
128
|
|
807
809
|
/* KEYED_FRAGMENT */
|
|
808
810
|
)),
|
|
809
811
|
s(" Hidden Input for Focus "),
|
|
810
|
-
|
|
812
|
+
E(e(
|
|
811
813
|
"input",
|
|
812
814
|
{
|
|
813
815
|
ref: "hiddenInput",
|
|
814
816
|
type: "text",
|
|
815
817
|
class: "flex-1 min-w-[100px] outline-none bg-transparent text-black placeholder-gray-400",
|
|
816
818
|
placeholder: "",
|
|
817
|
-
onFocus: t[0] || (t[0] = (
|
|
819
|
+
onFocus: t[0] || (t[0] = (i) => o.showDropdown = !0),
|
|
818
820
|
onBlur: o.handleBlur,
|
|
819
|
-
"onUpdate:modelValue": t[1] || (t[1] = (
|
|
821
|
+
"onUpdate:modelValue": t[1] || (t[1] = (i) => o.searchQuery = i)
|
|
820
822
|
},
|
|
821
823
|
null,
|
|
822
824
|
544
|
|
823
825
|
/* NEED_HYDRATION, NEED_PATCH */
|
|
824
826
|
), [
|
|
825
|
-
[
|
|
827
|
+
[P, o.searchQuery]
|
|
826
828
|
])
|
|
827
829
|
])
|
|
828
830
|
]),
|
|
829
831
|
s(" Dropdown "),
|
|
830
|
-
o.showDropdown ? (a(),
|
|
831
|
-
(a(!0),
|
|
832
|
-
|
|
832
|
+
o.showDropdown ? (a(), r("div", We, [
|
|
833
|
+
(a(!0), r(
|
|
834
|
+
y,
|
|
833
835
|
null,
|
|
834
|
-
C(o.availableUsers, (
|
|
835
|
-
key:
|
|
836
|
+
C(o.availableUsers, (i) => (a(), r("button", {
|
|
837
|
+
key: i.email,
|
|
836
838
|
type: "button",
|
|
837
839
|
class: "w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",
|
|
838
|
-
onMousedown:
|
|
840
|
+
onMousedown: B((d) => o.toggleUser(i), ["prevent"])
|
|
839
841
|
}, [
|
|
840
842
|
e("div", Ze, [
|
|
841
843
|
e(
|
|
842
844
|
"div",
|
|
843
845
|
$e,
|
|
844
|
-
|
|
846
|
+
u(i.name),
|
|
845
847
|
1
|
|
846
848
|
/* TEXT */
|
|
847
849
|
),
|
|
848
850
|
e(
|
|
849
851
|
"div",
|
|
850
852
|
Qe,
|
|
851
|
-
|
|
853
|
+
u(i.email),
|
|
852
854
|
1
|
|
853
855
|
/* TEXT */
|
|
854
856
|
)
|
|
855
857
|
]),
|
|
856
|
-
o.isUserSelected(
|
|
858
|
+
o.isUserSelected(i) ? (a(), r("div", Ke, " ✓ ")) : s("v-if", !0)
|
|
857
859
|
], 40, Re))),
|
|
858
860
|
128
|
|
859
861
|
/* KEYED_FRAGMENT */
|
|
@@ -862,30 +864,30 @@ function tt(i, t, l, o, x, p) {
|
|
|
862
864
|
]),
|
|
863
865
|
s(" Collaborators List "),
|
|
864
866
|
e("div", Ye, [
|
|
865
|
-
(a(!0),
|
|
866
|
-
|
|
867
|
+
(a(!0), r(
|
|
868
|
+
y,
|
|
867
869
|
null,
|
|
868
|
-
C(o.collaborators, (
|
|
869
|
-
key:
|
|
870
|
-
class: "grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-
|
|
870
|
+
C(o.collaborators, (i) => (a(), r("div", {
|
|
871
|
+
key: i.email,
|
|
872
|
+
class: "grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-100"
|
|
871
873
|
}, [
|
|
872
874
|
e(
|
|
873
875
|
"div",
|
|
874
876
|
Je,
|
|
875
|
-
|
|
877
|
+
u(i.name),
|
|
876
878
|
1
|
|
877
879
|
/* TEXT */
|
|
878
880
|
),
|
|
879
881
|
e(
|
|
880
882
|
"div",
|
|
881
883
|
Xe,
|
|
882
|
-
|
|
884
|
+
u(i.email),
|
|
883
885
|
1
|
|
884
886
|
/* TEXT */
|
|
885
887
|
),
|
|
886
888
|
e("button", {
|
|
887
|
-
onClick: (d) => o.removeCollaborator(
|
|
888
|
-
class: "text-gray-
|
|
889
|
+
onClick: (d) => o.removeCollaborator(i),
|
|
890
|
+
class: "text-gray-500 hover:text-black transition-colors text-2xl leading-none"
|
|
889
891
|
}, " × ", 8, et)
|
|
890
892
|
]))),
|
|
891
893
|
128
|
|
@@ -896,7 +898,7 @@ function tt(i, t, l, o, x, p) {
|
|
|
896
898
|
e("div", { class: "flex gap-4 pt-6" }, [
|
|
897
899
|
e("button", {
|
|
898
900
|
onClick: o.closeModal,
|
|
899
|
-
class: "flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-
|
|
901
|
+
class: "flex-1 h-8 flex items-center justify-center gap-2 px-4 text-gray-500 rounded-xl hover:bg-gray-50 transition-colors font-medium",
|
|
900
902
|
style: { "font-size": "12px" }
|
|
901
903
|
}, t[2] || (t[2] = [
|
|
902
904
|
e(
|
|
@@ -927,14 +929,14 @@ function tt(i, t, l, o, x, p) {
|
|
|
927
929
|
])),
|
|
928
930
|
e("button", {
|
|
929
931
|
onClick: o.addCollaborators,
|
|
930
|
-
class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-
|
|
932
|
+
class: "flex-1 h-8 px-4 bg-black text-white rounded-xl hover:bg-gray-600 transition-colors font-medium",
|
|
931
933
|
style: { "font-size": "12px" }
|
|
932
934
|
}, " Add Collaborators ")
|
|
933
935
|
])
|
|
934
936
|
])
|
|
935
937
|
])) : s("v-if", !0);
|
|
936
938
|
}
|
|
937
|
-
const Gt = /* @__PURE__ */
|
|
939
|
+
const Gt = /* @__PURE__ */ h(Ee, [["render", tt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), lt = /* @__PURE__ */ w({
|
|
938
940
|
__name: "NavigationSidebar",
|
|
939
941
|
props: {
|
|
940
942
|
items: { type: Array, required: !1, default: () => [
|
|
@@ -947,23 +949,23 @@ const Gt = /* @__PURE__ */ y(Pe, [["render", tt], ["__scopeId", "data-v-f6014a35
|
|
|
947
949
|
activeItem: { type: Number, required: !1, default: 0 }
|
|
948
950
|
},
|
|
949
951
|
emits: ["item-click"],
|
|
950
|
-
setup(
|
|
952
|
+
setup(n, { expose: t, emit: l }) {
|
|
951
953
|
t();
|
|
952
|
-
const o = l,
|
|
954
|
+
const o = l, i = { emit: o, handleItemClick: (d) => {
|
|
953
955
|
o("item-click", d);
|
|
954
|
-
}, getIconColor: (d) => d ? "#
|
|
956
|
+
}, getIconColor: (d) => d ? "#A2DA00" : "#FFFFFF", get Home() {
|
|
955
957
|
return Q;
|
|
956
958
|
}, get MessageSquare() {
|
|
957
959
|
return $;
|
|
958
960
|
}, get ToyBrick() {
|
|
959
961
|
return Z;
|
|
960
962
|
} };
|
|
961
|
-
return Object.defineProperty(
|
|
963
|
+
return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
|
|
962
964
|
}
|
|
963
|
-
}), st = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, ot = { class: "pt-10 px-2 flex flex-col gap-8" }, at = { class: "flex flex-col gap-4" },
|
|
964
|
-
function
|
|
965
|
-
return a(),
|
|
966
|
-
|
|
965
|
+
}), st = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, ot = { class: "pt-10 px-2 flex flex-col gap-8" }, at = { class: "flex flex-col gap-4" }, rt = ["onClick"], it = { class: "nav-label text-sm text-gray-300 whitespace-nowrap" }, nt = { class: "flex flex-col items-start px-4 pb-8 gap-4" }, dt = { class: "profile-section flex items-center gap-3 w-full" }, ct = { class: "profile-text flex-1 min-w-0" }, xt = { class: "text-sm text-white font-medium whitespace-nowrap" }, ut = { class: "text-[10px] text-gray-400 whitespace-nowrap" };
|
|
966
|
+
function gt(n, t, l, o, x, f) {
|
|
967
|
+
return a(), r(
|
|
968
|
+
y,
|
|
967
969
|
null,
|
|
968
970
|
[
|
|
969
971
|
s(" Expandable Sidebar Navigation "),
|
|
@@ -971,30 +973,30 @@ function ut(i, t, l, o, x, p) {
|
|
|
971
973
|
s(" Top Section "),
|
|
972
974
|
e("div", ot, [
|
|
973
975
|
s(" Logo "),
|
|
974
|
-
t[0] || (t[0] =
|
|
976
|
+
t[0] || (t[0] = v('<div class="px-2" data-v-4c3eb68c><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M0 11.8333V0L11.8333 11.8333H0Z" fill="white" data-v-4c3eb68c></path><path d="M11.8333 12.166V23.9994L0 12.166H11.8333Z" fill="white" data-v-4c3eb68c></path><path d="M24 11.8333V0L12.1667 11.8333H24Z" fill="white" data-v-4c3eb68c></path><path d="M12.1665 12.166H23.9998L12.1665 23.9994V12.166Z" fill="white" data-v-4c3eb68c></path></svg></div>', 1)),
|
|
975
977
|
s(" Navigation Items "),
|
|
976
978
|
e("div", at, [
|
|
977
|
-
(a(!0),
|
|
978
|
-
|
|
979
|
+
(a(!0), r(
|
|
980
|
+
y,
|
|
979
981
|
null,
|
|
980
|
-
C(l.items, (
|
|
982
|
+
C(l.items, (i, d) => (a(), r("div", {
|
|
981
983
|
key: d,
|
|
982
|
-
onClick: (
|
|
983
|
-
class: z(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200", l.activeItem === d ? "bg-
|
|
984
|
+
onClick: (g) => o.handleItemClick(d),
|
|
985
|
+
class: z(["nav-item flex items-center gap-[18px] px-2.5 py-2 rounded-lg cursor-pointer transition-colors duration-200", l.activeItem === d ? "bg-gray-600" : "hover:bg-gray-600"])
|
|
984
986
|
}, [
|
|
985
987
|
s(" Dashboard Icon "),
|
|
986
|
-
|
|
988
|
+
i.icon === "dashboard" ? (a(), k(o.Home, {
|
|
987
989
|
key: 0,
|
|
988
990
|
class: "flex-shrink-0",
|
|
989
991
|
size: 20,
|
|
990
992
|
"stroke-width": 1.5,
|
|
991
993
|
color: o.getIconColor(l.activeItem === d)
|
|
992
|
-
}, null, 8, ["color"])) :
|
|
993
|
-
|
|
994
|
+
}, null, 8, ["color"])) : i.icon === "conversations" ? (a(), r(
|
|
995
|
+
y,
|
|
994
996
|
{ key: 1 },
|
|
995
997
|
[
|
|
996
998
|
s(" Conversations Icon "),
|
|
997
|
-
|
|
999
|
+
M(o.MessageSquare, {
|
|
998
1000
|
class: "flex-shrink-0",
|
|
999
1001
|
size: 20,
|
|
1000
1002
|
"stroke-width": 1.5,
|
|
@@ -1003,12 +1005,12 @@ function ut(i, t, l, o, x, p) {
|
|
|
1003
1005
|
],
|
|
1004
1006
|
2112
|
|
1005
1007
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
1006
|
-
)) :
|
|
1007
|
-
|
|
1008
|
+
)) : i.icon === "templates" ? (a(), r(
|
|
1009
|
+
y,
|
|
1008
1010
|
{ key: 2 },
|
|
1009
1011
|
[
|
|
1010
1012
|
s(" Templates Icon "),
|
|
1011
|
-
|
|
1013
|
+
M(o.ToyBrick, {
|
|
1012
1014
|
class: "flex-shrink-0",
|
|
1013
1015
|
size: 20,
|
|
1014
1016
|
"stroke-width": 1.5,
|
|
@@ -1020,39 +1022,39 @@ function ut(i, t, l, o, x, p) {
|
|
|
1020
1022
|
)) : s("v-if", !0),
|
|
1021
1023
|
e(
|
|
1022
1024
|
"span",
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
+
it,
|
|
1026
|
+
u(i.name),
|
|
1025
1027
|
1
|
|
1026
1028
|
/* TEXT */
|
|
1027
1029
|
)
|
|
1028
|
-
], 10,
|
|
1030
|
+
], 10, rt))),
|
|
1029
1031
|
128
|
|
1030
1032
|
/* KEYED_FRAGMENT */
|
|
1031
1033
|
))
|
|
1032
1034
|
])
|
|
1033
1035
|
]),
|
|
1034
1036
|
s(" Bottom Section - Profile "),
|
|
1035
|
-
e("div",
|
|
1037
|
+
e("div", nt, [
|
|
1036
1038
|
s(" User Profile "),
|
|
1037
1039
|
e("div", dt, [
|
|
1038
|
-
t[1] || (t[1] =
|
|
1040
|
+
t[1] || (t[1] = v('<div class="relative flex-shrink-0" data-v-4c3eb68c><svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><circle cx="20" cy="20" r="20" fill="#5D5D5D" data-v-4c3eb68c></circle></svg><svg class="absolute top-2 left-2" width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path d="M15.8332 17.5V15.8333C15.8332 14.9493 15.482 14.1014 14.8569 13.4763C14.2317 12.8512 13.3839 12.5 12.4998 12.5H7.49984C6.61578 12.5 5.76794 12.8512 5.14281 13.4763C4.51769 14.1014 4.1665 14.9493 4.1665 15.8333V17.5M13.3332 5.83333C13.3332 7.67428 11.8408 9.16667 9.99984 9.16667C8.15889 9.16667 6.6665 7.67428 6.6665 5.83333C6.6665 3.99238 8.15889 2.5 9.99984 2.5C11.8408 2.5 13.3332 3.99238 13.3332 5.83333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-4c3eb68c></path></svg></div>', 1)),
|
|
1039
1041
|
e("div", ct, [
|
|
1040
1042
|
e(
|
|
1041
1043
|
"div",
|
|
1042
1044
|
xt,
|
|
1043
|
-
|
|
1045
|
+
u(l.userName),
|
|
1044
1046
|
1
|
|
1045
1047
|
/* TEXT */
|
|
1046
1048
|
),
|
|
1047
1049
|
e(
|
|
1048
1050
|
"div",
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
+
ut,
|
|
1052
|
+
u(l.userVersion),
|
|
1051
1053
|
1
|
|
1052
1054
|
/* TEXT */
|
|
1053
1055
|
)
|
|
1054
1056
|
]),
|
|
1055
|
-
t[2] || (t[2] =
|
|
1057
|
+
t[2] || (t[2] = v('<button class="profile-menu flex-shrink-0" data-v-4c3eb68c><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4c3eb68c><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 1.66797C10.4427 1.66797 10.8666 1.84356 11.1792 2.15612C11.4917 2.46868 11.6673 2.89261 11.6673 3.33464C11.6673 3.77666 11.4917 4.20059 11.1792 4.51315C10.8666 4.82571 10.4427 5.0013 10.0007 5.0013C9.55862 5.0013 9.1347 4.82571 8.82214 4.51315C8.50958 4.20059 8.33398 3.77666 8.33398 3.33464C8.33398 2.89261 8.50958 2.46868 8.82214 2.15612C9.1347 1.84356 9.55862 1.66797 10.0007 1.66797Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0007 8.33203C10.4427 8.33203 10.8666 8.50763 11.1792 8.82019C11.4917 9.13275 11.6673 9.55667 11.6673 9.9987C11.6673 10.4407 11.4917 10.8646 11.1792 11.1772C10.8666 11.4898 10.4427 11.6654 10.0007 11.6654C9.55862 11.6654 9.1347 11.4898 8.82214 11.1772C8.50958 10.8646 8.33398 10.4407 8.33398 9.9987C8.33398 9.55667 8.50958 9.13275 8.82214 8.82019C9.1347 8.50763 9.55862 8.33203 10.0007 8.33203Z" fill="white" data-v-4c3eb68c></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99967 15C10.4417 15 10.8656 15.1756 11.1782 15.4882C11.4907 15.8007 11.6663 16.2246 11.6663 16.6667C11.6663 17.1087 11.4907 17.5326 11.1782 17.8452C10.8656 18.1577 10.4417 18.3333 9.99967 18.3333C9.55765 18.3333 9.13372 18.1577 8.82116 17.8452C8.5086 17.5326 8.33301 17.1087 8.33301 16.6667C8.33301 16.2246 8.5086 15.8007 8.82116 15.4882C9.13372 15.1756 9.55765 15 9.99967 15Z" fill="white" data-v-4c3eb68c></path></svg></button>', 1))
|
|
1056
1058
|
])
|
|
1057
1059
|
])
|
|
1058
1060
|
])
|
|
@@ -1061,16 +1063,16 @@ function ut(i, t, l, o, x, p) {
|
|
|
1061
1063
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
1062
1064
|
);
|
|
1063
1065
|
}
|
|
1064
|
-
const Ot = /* @__PURE__ */
|
|
1066
|
+
const Ot = /* @__PURE__ */ h(lt, [["render", gt], ["__scopeId", "data-v-4c3eb68c"], ["__file", "/root/app/code/src/components/NavigationSidebar.vue"]]), ft = /* @__PURE__ */ w({
|
|
1065
1067
|
__name: "TextStyles",
|
|
1066
|
-
setup(
|
|
1068
|
+
setup(n, { expose: t }) {
|
|
1067
1069
|
t();
|
|
1068
1070
|
const l = {};
|
|
1069
1071
|
return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
|
|
1070
1072
|
}
|
|
1071
|
-
}),
|
|
1072
|
-
function
|
|
1073
|
-
return a(),
|
|
1073
|
+
}), pt = { class: "flex flex-col gap-12 w-full" };
|
|
1074
|
+
function mt(n, t, l, o, x, f) {
|
|
1075
|
+
return a(), r("div", pt, [
|
|
1074
1076
|
s(" h1 "),
|
|
1075
1077
|
t[0] || (t[0] = e(
|
|
1076
1078
|
"div",
|
|
@@ -1277,14 +1279,14 @@ function vt(i, t, l, o, x, p) {
|
|
|
1277
1279
|
))
|
|
1278
1280
|
]);
|
|
1279
1281
|
}
|
|
1280
|
-
const Wt = /* @__PURE__ */
|
|
1282
|
+
const Wt = /* @__PURE__ */ h(ft, [["render", mt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), ht = {}, vt = {
|
|
1281
1283
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1282
1284
|
width: "20",
|
|
1283
1285
|
height: "20",
|
|
1284
1286
|
fill: "currentColor"
|
|
1285
1287
|
};
|
|
1286
|
-
function
|
|
1287
|
-
return a(),
|
|
1288
|
+
function yt(n, t) {
|
|
1289
|
+
return a(), r("svg", vt, t[0] || (t[0] = [
|
|
1288
1290
|
e(
|
|
1289
1291
|
"path",
|
|
1290
1292
|
{ d: "M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z" },
|
|
@@ -1294,14 +1296,14 @@ function ht(i, t) {
|
|
|
1294
1296
|
)
|
|
1295
1297
|
]));
|
|
1296
1298
|
}
|
|
1297
|
-
const Rt = /* @__PURE__ */
|
|
1299
|
+
const Rt = /* @__PURE__ */ h(ht, [["render", yt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), bt = {}, wt = {
|
|
1298
1300
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1299
1301
|
width: "20",
|
|
1300
1302
|
height: "17",
|
|
1301
1303
|
fill: "currentColor"
|
|
1302
1304
|
};
|
|
1303
|
-
function _t(
|
|
1304
|
-
return a(),
|
|
1305
|
+
function _t(n, t) {
|
|
1306
|
+
return a(), r("svg", wt, t[0] || (t[0] = [
|
|
1305
1307
|
e(
|
|
1306
1308
|
"path",
|
|
1307
1309
|
{ d: "M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z" },
|
|
@@ -1311,14 +1313,14 @@ function _t(i, t) {
|
|
|
1311
1313
|
)
|
|
1312
1314
|
]));
|
|
1313
1315
|
}
|
|
1314
|
-
const Zt = /* @__PURE__ */
|
|
1316
|
+
const Zt = /* @__PURE__ */ h(bt, [["render", _t], ["__file", "/root/app/code/src/components/icons/IconDocumentation.vue"]]), kt = {}, Ct = {
|
|
1315
1317
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1316
1318
|
width: "18",
|
|
1317
1319
|
height: "20",
|
|
1318
1320
|
fill: "currentColor"
|
|
1319
1321
|
};
|
|
1320
|
-
function zt(
|
|
1321
|
-
return a(),
|
|
1322
|
+
function zt(n, t) {
|
|
1323
|
+
return a(), r("svg", Ct, t[0] || (t[0] = [
|
|
1322
1324
|
e(
|
|
1323
1325
|
"path",
|
|
1324
1326
|
{ d: "M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" },
|
|
@@ -1328,14 +1330,14 @@ function zt(i, t) {
|
|
|
1328
1330
|
)
|
|
1329
1331
|
]));
|
|
1330
1332
|
}
|
|
1331
|
-
const $t = /* @__PURE__ */
|
|
1333
|
+
const $t = /* @__PURE__ */ h(kt, [["render", zt], ["__file", "/root/app/code/src/components/icons/IconEcosystem.vue"]]), St = {}, Bt = {
|
|
1332
1334
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1333
1335
|
width: "20",
|
|
1334
1336
|
height: "20",
|
|
1335
1337
|
fill: "currentColor"
|
|
1336
1338
|
};
|
|
1337
|
-
function
|
|
1338
|
-
return a(),
|
|
1339
|
+
function Mt(n, t) {
|
|
1340
|
+
return a(), r("svg", Bt, t[0] || (t[0] = [
|
|
1339
1341
|
e(
|
|
1340
1342
|
"path",
|
|
1341
1343
|
{ d: "M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z" },
|
|
@@ -1345,7 +1347,7 @@ function It(i, t) {
|
|
|
1345
1347
|
)
|
|
1346
1348
|
]));
|
|
1347
1349
|
}
|
|
1348
|
-
const Qt = /* @__PURE__ */
|
|
1350
|
+
const Qt = /* @__PURE__ */ h(St, [["render", Mt], ["__file", "/root/app/code/src/components/icons/IconSupport.vue"]]), It = {}, Dt = {
|
|
1349
1351
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1350
1352
|
"xmlns:xlink": "http://www.w3.org/1999/xlink",
|
|
1351
1353
|
"aria-hidden": "true",
|
|
@@ -1356,8 +1358,8 @@ const Qt = /* @__PURE__ */ y(St, [["render", It], ["__file", "/root/app/code/src
|
|
|
1356
1358
|
preserveAspectRatio: "xMidYMid meet",
|
|
1357
1359
|
viewBox: "0 0 24 24"
|
|
1358
1360
|
};
|
|
1359
|
-
function
|
|
1360
|
-
return a(),
|
|
1361
|
+
function qt(n, t) {
|
|
1362
|
+
return a(), r("svg", Dt, t[0] || (t[0] = [
|
|
1361
1363
|
e(
|
|
1362
1364
|
"path",
|
|
1363
1365
|
{
|
|
@@ -1370,12 +1372,12 @@ function At(i, t) {
|
|
|
1370
1372
|
)
|
|
1371
1373
|
]));
|
|
1372
1374
|
}
|
|
1373
|
-
const Kt = /* @__PURE__ */
|
|
1375
|
+
const Kt = /* @__PURE__ */ h(It, [["render", qt], ["__file", "/root/app/code/src/components/icons/IconTooling.vue"]]);
|
|
1374
1376
|
export {
|
|
1375
1377
|
Nt as BaseModal,
|
|
1376
1378
|
Vt as ButtonComponent,
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
+
Et as CampaignCard,
|
|
1380
|
+
Pt as CardComponents,
|
|
1379
1381
|
Ut as ColorStyles,
|
|
1380
1382
|
Rt as IconCommunity,
|
|
1381
1383
|
Zt as IconDocumentation,
|