veylan-component-library 1.4.0 → 1.4.2
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/components/PromptInput.vue.d.ts +2 -0
- package/dist/fusion-component-library.es.js +284 -265
- 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 +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { ChevronDown as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as _, createElementBlock as r, createCommentVNode as s, openBlock as a, withModifiers as F, createElementVNode as e, renderSlot as N, toDisplayString as g, normalizeStyle as P, normalizeClass as C, createBlock as I, createTextVNode as x, Fragment as w, renderList as M, createVNode as B, createStaticVNode as y, ref as z, computed as R, withDirectives as U, vModelText as O, watch as G, nextTick as D, onMounted as W } from "vue";
|
|
2
|
+
import { ChevronDown as Z, Share2 as $, ArrowRight as K, ArrowLeft as Q, MoreHorizontal as Y, ToyBrick as J, MessageSquare as X, Home as ee, CircleArrowRight as te, Mic as le, Paperclip as se } from "lucide-vue-next";
|
|
3
|
+
const oe = /* @__PURE__ */ _({
|
|
4
4
|
__name: "BaseModal",
|
|
5
5
|
props: {
|
|
6
6
|
isOpen: { type: Boolean, required: !1, default: !1 },
|
|
@@ -11,43 +11,43 @@ const X = /* @__PURE__ */ w({
|
|
|
11
11
|
emits: ["close", "primary", "secondary"],
|
|
12
12
|
setup(n, { expose: t, emit: l }) {
|
|
13
13
|
t();
|
|
14
|
-
const o = n,
|
|
15
|
-
|
|
14
|
+
const o = n, c = l, p = { props: o, emit: c, handleClose: () => {
|
|
15
|
+
c("close");
|
|
16
16
|
}, handlePrimary: () => {
|
|
17
|
-
|
|
17
|
+
c("primary");
|
|
18
18
|
}, handleSecondary: () => {
|
|
19
|
-
|
|
19
|
+
c("secondary");
|
|
20
20
|
} };
|
|
21
21
|
return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
|
|
22
22
|
}
|
|
23
23
|
}), h = (n, t) => {
|
|
24
24
|
const l = n.__vccOpts || n;
|
|
25
|
-
for (const [o,
|
|
26
|
-
l[o] =
|
|
25
|
+
for (const [o, c] of t)
|
|
26
|
+
l[o] = c;
|
|
27
27
|
return l;
|
|
28
|
-
},
|
|
28
|
+
}, ae = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, re = {
|
|
29
29
|
class: "text-2xl font-bold text-black mb-8",
|
|
30
30
|
style: { "letter-spacing": "0" }
|
|
31
|
-
},
|
|
32
|
-
function
|
|
31
|
+
}, ie = { class: "flex gap-4 pt-6" };
|
|
32
|
+
function ne(n, t, l, o, c, u) {
|
|
33
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
36
|
onClick: F(o.handleClose, ["self"])
|
|
37
37
|
}, [
|
|
38
|
-
e("div",
|
|
38
|
+
e("div", ae, [
|
|
39
39
|
s(" Header "),
|
|
40
40
|
e(
|
|
41
41
|
"h2",
|
|
42
|
-
|
|
42
|
+
re,
|
|
43
43
|
g(l.title),
|
|
44
44
|
1
|
|
45
45
|
/* TEXT */
|
|
46
46
|
),
|
|
47
47
|
s(" Content Slot "),
|
|
48
|
-
|
|
48
|
+
N(n.$slots, "default"),
|
|
49
49
|
s(" Action Buttons "),
|
|
50
|
-
e("div",
|
|
50
|
+
e("div", ie, [
|
|
51
51
|
e(
|
|
52
52
|
"button",
|
|
53
53
|
{
|
|
@@ -74,7 +74,7 @@ function se(n, t, l, o, d, u) {
|
|
|
74
74
|
])
|
|
75
75
|
])) : s("v-if", !0);
|
|
76
76
|
}
|
|
77
|
-
const
|
|
77
|
+
const Qt = /* @__PURE__ */ h(oe, [["render", ne], ["__file", "/root/app/code/src/components/BaseModal.vue"]]), de = /* @__PURE__ */ _({
|
|
78
78
|
__name: "ButtonComponent",
|
|
79
79
|
props: {
|
|
80
80
|
variant: { type: String, required: !1, default: "primary" },
|
|
@@ -88,22 +88,22 @@ const Zt = /* @__PURE__ */ h(X, [["render", se], ["__file", "/root/app/code/src/
|
|
|
88
88
|
const o = l, u = { emit: o, handleClick: () => {
|
|
89
89
|
o("click");
|
|
90
90
|
}, get ArrowLeft() {
|
|
91
|
-
return
|
|
91
|
+
return Q;
|
|
92
92
|
}, get ArrowRight() {
|
|
93
|
-
return
|
|
93
|
+
return K;
|
|
94
94
|
}, get Share2() {
|
|
95
|
-
return
|
|
95
|
+
return $;
|
|
96
96
|
}, get ChevronDown() {
|
|
97
|
-
return
|
|
97
|
+
return Z;
|
|
98
98
|
} };
|
|
99
99
|
return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
|
|
100
100
|
}
|
|
101
|
-
}),
|
|
102
|
-
function
|
|
101
|
+
}), ce = ["disabled"];
|
|
102
|
+
function xe(n, t, l, o, c, u) {
|
|
103
103
|
return a(), r("button", {
|
|
104
104
|
onClick: o.handleClick,
|
|
105
105
|
disabled: l.disabled || l.variant === "disabled",
|
|
106
|
-
class:
|
|
106
|
+
class: C([
|
|
107
107
|
"flex items-center justify-center gap-3 h-8 rounded-lg font-medium text-sm transition-all duration-200",
|
|
108
108
|
{
|
|
109
109
|
"bg-black text-white hover:bg-gray-600": l.variant === "primary" && !l.disabled,
|
|
@@ -112,7 +112,7 @@ function re(n, t, l, o, d, u) {
|
|
|
112
112
|
"cursor-not-allowed": l.variant === "disabled" || l.disabled
|
|
113
113
|
}
|
|
114
114
|
]),
|
|
115
|
-
style:
|
|
115
|
+
style: P({
|
|
116
116
|
paddingLeft: l.rightIcon === "dropdown" ? "16px" : "24px",
|
|
117
117
|
paddingRight: l.rightIcon === "dropdown" ? "8px" : "24px",
|
|
118
118
|
...l.variant === "outlined" && !l.disabled && l.rightIcon === "dropdown" ? { borderWidth: "1px", borderColor: "#BDBDBD" } : l.variant === "outlined" && !l.disabled ? { borderWidth: "1px", borderColor: "#000000" } : {},
|
|
@@ -120,17 +120,17 @@ function re(n, t, l, o, d, u) {
|
|
|
120
120
|
})
|
|
121
121
|
}, [
|
|
122
122
|
s(" Left Icon "),
|
|
123
|
-
l.leftIcon === "arrow" ? (a(),
|
|
123
|
+
l.leftIcon === "arrow" ? (a(), I(o.ArrowLeft, {
|
|
124
124
|
key: 0,
|
|
125
125
|
size: 20,
|
|
126
126
|
"stroke-width": 1.5
|
|
127
|
-
})) : l.leftIcon === "share" ? (a(),
|
|
127
|
+
})) : l.leftIcon === "share" ? (a(), I(o.Share2, {
|
|
128
128
|
key: 1,
|
|
129
129
|
size: 20,
|
|
130
130
|
"stroke-width": 1.5
|
|
131
131
|
})) : s("v-if", !0),
|
|
132
132
|
s(" Text Slot "),
|
|
133
|
-
|
|
133
|
+
N(n.$slots, "default", {}, () => [
|
|
134
134
|
t[0] || (t[0] = x(
|
|
135
135
|
"Button",
|
|
136
136
|
-1
|
|
@@ -138,22 +138,22 @@ function re(n, t, l, o, d, u) {
|
|
|
138
138
|
))
|
|
139
139
|
]),
|
|
140
140
|
s(" Right Icon "),
|
|
141
|
-
l.rightIcon === "arrow" ? (a(),
|
|
141
|
+
l.rightIcon === "arrow" ? (a(), I(o.ArrowRight, {
|
|
142
142
|
key: 2,
|
|
143
143
|
size: 20,
|
|
144
144
|
"stroke-width": 1.5
|
|
145
|
-
})) : l.rightIcon === "share" ? (a(),
|
|
145
|
+
})) : l.rightIcon === "share" ? (a(), I(o.Share2, {
|
|
146
146
|
key: 3,
|
|
147
147
|
size: 20,
|
|
148
148
|
"stroke-width": 1.5
|
|
149
|
-
})) : l.rightIcon === "dropdown" ? (a(),
|
|
149
|
+
})) : l.rightIcon === "dropdown" ? (a(), I(o.ChevronDown, {
|
|
150
150
|
key: 4,
|
|
151
151
|
size: 20,
|
|
152
152
|
"stroke-width": 1.5
|
|
153
153
|
})) : s("v-if", !0)
|
|
154
|
-
], 14,
|
|
154
|
+
], 14, ce);
|
|
155
155
|
}
|
|
156
|
-
const
|
|
156
|
+
const Yt = /* @__PURE__ */ h(de, [["render", xe], ["__file", "/root/app/code/src/components/ButtonComponent.vue"]]), ue = /* @__PURE__ */ _({
|
|
157
157
|
__name: "CampaignCard",
|
|
158
158
|
props: {
|
|
159
159
|
showImage: { type: Boolean, required: !1, default: !0 },
|
|
@@ -179,59 +179,59 @@ const Kt = /* @__PURE__ */ h(oe, [["render", re], ["__file", "/root/app/code/src
|
|
|
179
179
|
const o = { props: n };
|
|
180
180
|
return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
|
|
181
181
|
}
|
|
182
|
-
}),
|
|
182
|
+
}), ge = { class: "absolute inset-0" }, pe = ["src", "alt"], fe = { class: "relative flex justify-between items-start w-full" }, me = {
|
|
183
183
|
key: 0,
|
|
184
184
|
class: "flex items-center gap-2"
|
|
185
|
-
},
|
|
185
|
+
}, he = {
|
|
186
186
|
key: 0,
|
|
187
187
|
class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-white text-black font-medium",
|
|
188
188
|
style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
|
|
189
|
-
},
|
|
189
|
+
}, ve = {
|
|
190
190
|
key: 1,
|
|
191
191
|
class: "flex h-6 px-2.5 justify-center items-center rounded-lg bg-black text-white font-medium",
|
|
192
192
|
style: { gap: "10px", "line-height": "24px", "font-size": "10px" }
|
|
193
|
-
},
|
|
193
|
+
}, be = {
|
|
194
194
|
style: { width: "18px", height: "18px" },
|
|
195
195
|
viewBox: "0 0 18 18",
|
|
196
196
|
fill: "none",
|
|
197
197
|
xmlns: "http://www.w3.org/2000/svg"
|
|
198
|
-
},
|
|
198
|
+
}, ye = {
|
|
199
199
|
key: 1,
|
|
200
200
|
class: "flex flex-col",
|
|
201
201
|
style: { padding: "0 16px", gap: "8px", margin: "0" }
|
|
202
|
-
},
|
|
202
|
+
}, we = {
|
|
203
203
|
key: 0,
|
|
204
204
|
class: "text-black",
|
|
205
205
|
style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
|
|
206
|
-
},
|
|
206
|
+
}, _e = {
|
|
207
207
|
key: 1,
|
|
208
208
|
class: "text-black",
|
|
209
209
|
style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
|
|
210
|
-
},
|
|
210
|
+
}, ke = {
|
|
211
211
|
key: 2,
|
|
212
212
|
class: "flex items-end",
|
|
213
213
|
style: { padding: "0 16px", gap: "4px" }
|
|
214
|
-
},
|
|
214
|
+
}, Ce = {
|
|
215
215
|
class: "flex justify-between items-end flex-1",
|
|
216
216
|
style: { height: "24px" }
|
|
217
|
-
},
|
|
217
|
+
}, ze = {
|
|
218
218
|
key: 0,
|
|
219
219
|
class: "flex items-center",
|
|
220
220
|
style: { gap: "4px" }
|
|
221
|
-
},
|
|
221
|
+
}, Se = {
|
|
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
|
+
}, Ie = {
|
|
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
|
|
230
|
+
function Me(n, t, l, o, c, u) {
|
|
231
231
|
return a(), r(
|
|
232
232
|
"div",
|
|
233
233
|
{
|
|
234
|
-
class:
|
|
234
|
+
class: C(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
|
|
235
235
|
style: { gap: "16px", padding: "16px 0 24px 0" }
|
|
236
236
|
},
|
|
237
237
|
[
|
|
@@ -240,32 +240,32 @@ function ke(n, t, l, o, d, u) {
|
|
|
240
240
|
"div",
|
|
241
241
|
{
|
|
242
242
|
key: 0,
|
|
243
|
-
class:
|
|
243
|
+
class: C(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
|
|
244
244
|
style: { height: "126px", margin: "-16px 0 0 0", padding: "16px 16px 0 16px", display: "flex", "justify-content": "space-between", "align-items": "flex-start", width: "100%" }
|
|
245
245
|
},
|
|
246
246
|
[
|
|
247
247
|
s(" Background Image "),
|
|
248
|
-
e("div",
|
|
248
|
+
e("div", ge, [
|
|
249
249
|
e("img", {
|
|
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, pe)
|
|
254
254
|
]),
|
|
255
255
|
s(" Card Header Overlay "),
|
|
256
|
-
e("div",
|
|
256
|
+
e("div", fe, [
|
|
257
257
|
s(" Labels/Pills "),
|
|
258
|
-
l.showLabels ? (a(), r("div",
|
|
258
|
+
l.showLabels ? (a(), r("div", me, [
|
|
259
259
|
l.label1 ? (a(), r(
|
|
260
260
|
"div",
|
|
261
|
-
|
|
261
|
+
he,
|
|
262
262
|
g(l.label1),
|
|
263
263
|
1
|
|
264
264
|
/* TEXT */
|
|
265
265
|
)) : s("v-if", !0),
|
|
266
266
|
l.label2 ? (a(), r(
|
|
267
267
|
"div",
|
|
268
|
-
|
|
268
|
+
ve,
|
|
269
269
|
g(l.label2),
|
|
270
270
|
1
|
|
271
271
|
/* TEXT */
|
|
@@ -278,7 +278,7 @@ function ke(n, t, l, o, d, u) {
|
|
|
278
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(), r("svg",
|
|
281
|
+
(a(), r("svg", be, t[2] || (t[2] = [
|
|
282
282
|
e(
|
|
283
283
|
"path",
|
|
284
284
|
{
|
|
@@ -326,32 +326,32 @@ function ke(n, t, l, o, d, u) {
|
|
|
326
326
|
/* CLASS */
|
|
327
327
|
)) : s("v-if", !0),
|
|
328
328
|
s(" Content Section "),
|
|
329
|
-
l.showContent ? (a(), r("div",
|
|
329
|
+
l.showContent ? (a(), r("div", ye, [
|
|
330
330
|
l.title ? (a(), r(
|
|
331
331
|
"h3",
|
|
332
|
-
|
|
332
|
+
we,
|
|
333
333
|
g(l.title),
|
|
334
334
|
1
|
|
335
335
|
/* TEXT */
|
|
336
336
|
)) : s("v-if", !0),
|
|
337
337
|
l.description ? (a(), r(
|
|
338
338
|
"p",
|
|
339
|
-
|
|
339
|
+
_e,
|
|
340
340
|
g(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(), r("div",
|
|
347
|
-
e("div",
|
|
346
|
+
l.showFooter ? (a(), r("div", ke, [
|
|
347
|
+
e("div", Ce, [
|
|
348
348
|
s(" Member Avatars "),
|
|
349
|
-
l.showMembers ? (a(), r("div",
|
|
349
|
+
l.showMembers ? (a(), r("div", ze, [
|
|
350
350
|
(a(!0), r(
|
|
351
|
-
|
|
351
|
+
w,
|
|
352
352
|
null,
|
|
353
|
-
|
|
354
|
-
key:
|
|
353
|
+
M(l.members, (i, d) => (a(), r("div", {
|
|
354
|
+
key: d,
|
|
355
355
|
class: "relative",
|
|
356
356
|
style: { width: "24px", height: "24px" }
|
|
357
357
|
}, [
|
|
@@ -378,7 +378,7 @@ function ke(n, t, l, o, d, u) {
|
|
|
378
378
|
)),
|
|
379
379
|
e(
|
|
380
380
|
"div",
|
|
381
|
-
|
|
381
|
+
Se,
|
|
382
382
|
g(i),
|
|
383
383
|
1
|
|
384
384
|
/* TEXT */
|
|
@@ -395,7 +395,7 @@ function ke(n, t, l, o, d, u) {
|
|
|
395
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(), r("svg",
|
|
398
|
+
(a(), r("svg", Ie, t[4] || (t[4] = [
|
|
399
399
|
e(
|
|
400
400
|
"path",
|
|
401
401
|
{
|
|
@@ -431,7 +431,7 @@ function ke(n, t, l, o, d, u) {
|
|
|
431
431
|
/* CLASS */
|
|
432
432
|
);
|
|
433
433
|
}
|
|
434
|
-
const
|
|
434
|
+
const Jt = /* @__PURE__ */ h(ue, [["render", Me], ["__file", "/root/app/code/src/components/CampaignCard.vue"]]), Be = /* @__PURE__ */ _({
|
|
435
435
|
__name: "CardComponents",
|
|
436
436
|
props: {
|
|
437
437
|
showImage: { type: Boolean, required: !1, default: !0 },
|
|
@@ -455,58 +455,58 @@ const $t = /* @__PURE__ */ h(ie, [["render", ke], ["__file", "/root/app/code/src
|
|
|
455
455
|
setup(n, { expose: t }) {
|
|
456
456
|
t();
|
|
457
457
|
const o = { props: n, get MoreHorizontal() {
|
|
458
|
-
return
|
|
458
|
+
return Y;
|
|
459
459
|
} };
|
|
460
460
|
return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
|
|
461
461
|
}
|
|
462
|
-
}),
|
|
462
|
+
}), qe = { class: "absolute inset-0" }, He = ["src", "alt"], Fe = { class: "relative flex justify-between items-start w-full" }, Le = {
|
|
463
463
|
key: 0,
|
|
464
464
|
class: "flex items-center gap-2"
|
|
465
|
-
},
|
|
465
|
+
}, Ae = {
|
|
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
|
+
}, De = {
|
|
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
|
+
}, Te = {
|
|
474
474
|
key: 1,
|
|
475
475
|
class: "flex flex-col",
|
|
476
476
|
style: { padding: "0 16px", gap: "8px", margin: "0" }
|
|
477
|
-
},
|
|
477
|
+
}, Ve = {
|
|
478
478
|
key: 0,
|
|
479
479
|
class: "text-black",
|
|
480
480
|
style: { "font-size": "16px", "font-weight": "600", "line-height": "20px" }
|
|
481
|
-
},
|
|
481
|
+
}, je = {
|
|
482
482
|
key: 1,
|
|
483
483
|
class: "text-black",
|
|
484
484
|
style: { "font-size": "12px", "font-weight": "400", "line-height": "18px" }
|
|
485
|
-
},
|
|
485
|
+
}, Ne = {
|
|
486
486
|
key: 2,
|
|
487
487
|
class: "flex items-end mt-auto",
|
|
488
488
|
style: { padding: "0 16px", gap: "4px" }
|
|
489
|
-
},
|
|
489
|
+
}, Ee = {
|
|
490
490
|
class: "flex justify-between items-end flex-1",
|
|
491
491
|
style: { height: "24px" }
|
|
492
|
-
},
|
|
492
|
+
}, Pe = {
|
|
493
493
|
key: 0,
|
|
494
494
|
class: "flex items-center",
|
|
495
495
|
style: { gap: "4px" }
|
|
496
|
-
},
|
|
496
|
+
}, Re = {
|
|
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
|
+
}, Ue = {
|
|
500
500
|
style: { width: "12px", height: "12px" },
|
|
501
501
|
viewBox: "0 0 12 12",
|
|
502
502
|
fill: "none",
|
|
503
503
|
xmlns: "http://www.w3.org/2000/svg"
|
|
504
504
|
};
|
|
505
|
-
function
|
|
505
|
+
function Oe(n, t, l, o, c, u) {
|
|
506
506
|
return a(), r(
|
|
507
507
|
"div",
|
|
508
508
|
{
|
|
509
|
-
class:
|
|
509
|
+
class: C(["flex flex-col bg-white rounded-2xl shadow-card w-full", l.cardClasses]),
|
|
510
510
|
style: { gap: "16px", padding: "16px 0 24px 0" }
|
|
511
511
|
},
|
|
512
512
|
[
|
|
@@ -515,32 +515,32 @@ function Ne(n, t, l, o, d, u) {
|
|
|
515
515
|
"div",
|
|
516
516
|
{
|
|
517
517
|
key: 0,
|
|
518
|
-
class:
|
|
518
|
+
class: C(["relative flex-shrink-0 overflow-hidden rounded-t-2xl", l.imageClasses]),
|
|
519
519
|
style: { height: "126px", margin: "-16px 0 0 0", padding: "16px 16px 0 16px", display: "flex", "justify-content": "space-between", "align-items": "flex-start", width: "100%" }
|
|
520
520
|
},
|
|
521
521
|
[
|
|
522
522
|
s(" Background Image "),
|
|
523
|
-
e("div",
|
|
523
|
+
e("div", qe, [
|
|
524
524
|
e("img", {
|
|
525
525
|
src: l.imageSrc,
|
|
526
526
|
alt: l.imageAlt,
|
|
527
527
|
class: "w-full h-full object-cover"
|
|
528
|
-
}, null, 8,
|
|
528
|
+
}, null, 8, He)
|
|
529
529
|
]),
|
|
530
530
|
s(" Card Header Overlay "),
|
|
531
|
-
e("div",
|
|
531
|
+
e("div", Fe, [
|
|
532
532
|
s(" Labels/Pills "),
|
|
533
|
-
l.showLabels ? (a(), r("div",
|
|
533
|
+
l.showLabels ? (a(), r("div", Le, [
|
|
534
534
|
l.label1 ? (a(), r(
|
|
535
535
|
"div",
|
|
536
|
-
|
|
536
|
+
Ae,
|
|
537
537
|
g(l.label1),
|
|
538
538
|
1
|
|
539
539
|
/* TEXT */
|
|
540
540
|
)) : s("v-if", !0),
|
|
541
541
|
l.label2 ? (a(), r(
|
|
542
542
|
"div",
|
|
543
|
-
|
|
543
|
+
De,
|
|
544
544
|
g(l.label2),
|
|
545
545
|
1
|
|
546
546
|
/* TEXT */
|
|
@@ -553,7 +553,7 @@ function Ne(n, t, l, o, d, u) {
|
|
|
553
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
|
+
B(o.MoreHorizontal, {
|
|
557
557
|
size: 16,
|
|
558
558
|
color: "#000000",
|
|
559
559
|
"stroke-width": 2
|
|
@@ -565,32 +565,32 @@ function Ne(n, t, l, o, d, u) {
|
|
|
565
565
|
/* CLASS */
|
|
566
566
|
)) : s("v-if", !0),
|
|
567
567
|
s(" Content Section "),
|
|
568
|
-
l.showContent ? (a(), r("div",
|
|
568
|
+
l.showContent ? (a(), r("div", Te, [
|
|
569
569
|
l.title ? (a(), r(
|
|
570
570
|
"h3",
|
|
571
|
-
|
|
571
|
+
Ve,
|
|
572
572
|
g(l.title),
|
|
573
573
|
1
|
|
574
574
|
/* TEXT */
|
|
575
575
|
)) : s("v-if", !0),
|
|
576
576
|
l.description ? (a(), r(
|
|
577
577
|
"p",
|
|
578
|
-
|
|
578
|
+
je,
|
|
579
579
|
g(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(), r("div",
|
|
586
|
-
e("div",
|
|
585
|
+
l.showFooter ? (a(), r("div", Ne, [
|
|
586
|
+
e("div", Ee, [
|
|
587
587
|
s(" Member Avatars "),
|
|
588
|
-
l.showMembers ? (a(), r("div",
|
|
588
|
+
l.showMembers ? (a(), r("div", Pe, [
|
|
589
589
|
(a(!0), r(
|
|
590
|
-
|
|
590
|
+
w,
|
|
591
591
|
null,
|
|
592
|
-
|
|
593
|
-
key:
|
|
592
|
+
M(l.members, (i, d) => (a(), r("div", {
|
|
593
|
+
key: d,
|
|
594
594
|
class: "relative",
|
|
595
595
|
style: { width: "24px", height: "24px" }
|
|
596
596
|
}, [
|
|
@@ -617,7 +617,7 @@ function Ne(n, t, l, o, d, u) {
|
|
|
617
617
|
)),
|
|
618
618
|
e(
|
|
619
619
|
"div",
|
|
620
|
-
|
|
620
|
+
Re,
|
|
621
621
|
g(i),
|
|
622
622
|
1
|
|
623
623
|
/* TEXT */
|
|
@@ -634,7 +634,7 @@ function Ne(n, t, l, o, d, u) {
|
|
|
634
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(), r("svg",
|
|
637
|
+
(a(), r("svg", Ue, t[3] || (t[3] = [
|
|
638
638
|
e(
|
|
639
639
|
"path",
|
|
640
640
|
{
|
|
@@ -670,31 +670,31 @@ function Ne(n, t, l, o, d, u) {
|
|
|
670
670
|
/* CLASS */
|
|
671
671
|
);
|
|
672
672
|
}
|
|
673
|
-
const
|
|
673
|
+
const Xt = /* @__PURE__ */ h(Be, [["render", Oe], ["__file", "/root/app/code/src/components/CardComponents.vue"]]), Ge = /* @__PURE__ */ _({
|
|
674
674
|
__name: "ColorStyles",
|
|
675
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
|
-
}),
|
|
681
|
-
function
|
|
682
|
-
return a(), r("div",
|
|
680
|
+
}), We = { class: "flex flex-col gap-12 w-full" };
|
|
681
|
+
function Ze(n, t, l, o, c, u) {
|
|
682
|
+
return a(), r("div", We, [
|
|
683
683
|
s(" Semantic Colors "),
|
|
684
|
-
t[0] || (t[0] =
|
|
684
|
+
t[0] || (t[0] = y('<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 text-black">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 text-black">Success</p><code class="text-xs bg-gray-100 px-2 py-1 rounded">bg-success</code><code class="text-xs text-gray-600">#C3FF00</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 text-black">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 text-black">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
685
|
s(" Base Colors "),
|
|
686
|
-
t[1] || (t[1] =
|
|
686
|
+
t[1] || (t[1] = y('<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 text-black">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 text-black">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
687
|
s(" Gray Scale "),
|
|
688
|
-
t[2] || (t[2] =
|
|
688
|
+
t[2] || (t[2] = y('<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 text-black">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">#303030</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 text-black">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">#454545</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 text-black">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 text-black">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">#8F8F8F</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 text-black">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">#C8C8C8</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 text-black">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">#E8E8E8</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 text-black">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">#F6F6F6</code></div></div></div>', 1)),
|
|
689
689
|
s(" Eletric Green Palette "),
|
|
690
|
-
t[3] || (t[3] =
|
|
690
|
+
t[3] || (t[3] = y('<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 text-black">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">#ECFFAC</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 text-black">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">#C3FF00</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 text-black">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">#8CB700</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 text-black">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">#638100</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 text-black">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">#354500</code></div></div></div>', 1)),
|
|
691
691
|
s(" Eletric Blue Palette "),
|
|
692
|
-
t[4] || (t[4] =
|
|
692
|
+
t[4] || (t[4] = y('<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 text-black">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 text-black">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 text-black">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 text-black">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 text-black">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)),
|
|
693
693
|
s(" Usage Examples "),
|
|
694
|
-
t[5] || (t[5] =
|
|
694
|
+
t[5] || (t[5] = y('<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))
|
|
695
695
|
]);
|
|
696
696
|
}
|
|
697
|
-
const
|
|
697
|
+
const el = /* @__PURE__ */ h(Ge, [["render", Ze], ["__file", "/root/app/code/src/components/ColorStyles.vue"]]), $e = /* @__PURE__ */ _({
|
|
698
698
|
__name: "InviteCollaboratorsModalV2",
|
|
699
699
|
props: {
|
|
700
700
|
isOpen: { type: Boolean, required: !1, default: !1 },
|
|
@@ -704,57 +704,57 @@ const Yt = /* @__PURE__ */ h(Ee, [["render", Ue], ["__file", "/root/app/code/src
|
|
|
704
704
|
emits: ["close", "add"],
|
|
705
705
|
setup(n, { expose: t, emit: l }) {
|
|
706
706
|
t();
|
|
707
|
-
const o = n,
|
|
708
|
-
const m = !
|
|
709
|
-
if (!
|
|
710
|
-
const
|
|
711
|
-
return m && (f.name.toLowerCase().includes(
|
|
712
|
-
})),
|
|
713
|
-
const m = p.value.findIndex((
|
|
714
|
-
m > -1 ? p.value.splice(m, 1) : p.value.push(f),
|
|
715
|
-
},
|
|
716
|
-
const m = p.value.findIndex((
|
|
707
|
+
const o = n, c = l, u = z(null), i = z(!1), d = z(""), p = z([]), b = z([...o.initialCollaborators]), L = R(() => o.availableUsersList.filter((f) => {
|
|
708
|
+
const m = !b.value.some((E) => E.email === f.email);
|
|
709
|
+
if (!d.value) return m;
|
|
710
|
+
const k = d.value.toLowerCase();
|
|
711
|
+
return m && (f.name.toLowerCase().includes(k) || f.email.toLowerCase().includes(k));
|
|
712
|
+
})), q = (f) => p.value.some((m) => m.email === f.email), A = (f) => {
|
|
713
|
+
const m = p.value.findIndex((k) => k.email === f.email);
|
|
714
|
+
m > -1 ? p.value.splice(m, 1) : p.value.push(f), d.value = "";
|
|
715
|
+
}, H = (f) => {
|
|
716
|
+
const m = p.value.findIndex((k) => k.email === f.email);
|
|
717
717
|
m > -1 && p.value.splice(m, 1);
|
|
718
|
-
},
|
|
719
|
-
const m =
|
|
720
|
-
m > -1 &&
|
|
721
|
-
},
|
|
718
|
+
}, v = (f) => {
|
|
719
|
+
const m = b.value.findIndex((k) => k.email === f.email);
|
|
720
|
+
m > -1 && b.value.splice(m, 1);
|
|
721
|
+
}, S = () => {
|
|
722
722
|
u.value?.focus();
|
|
723
|
-
},
|
|
724
|
-
i.value = !i.value, i.value &&
|
|
723
|
+
}, j = { props: o, emit: c, hiddenInput: u, showDropdown: i, searchQuery: d, selectedUsers: p, collaborators: b, availableUsers: L, isUserSelected: q, toggleUser: A, removeUser: H, removeCollaborator: v, focusInput: S, toggleDropdown: () => {
|
|
724
|
+
i.value = !i.value, i.value && S();
|
|
725
725
|
}, handleBlur: () => {
|
|
726
726
|
setTimeout(() => {
|
|
727
727
|
i.value = !1;
|
|
728
728
|
}, 200);
|
|
729
729
|
}, closeModal: () => {
|
|
730
|
-
|
|
730
|
+
c("close"), p.value = [], d.value = "", i.value = !1;
|
|
731
731
|
}, addCollaborators: () => {
|
|
732
732
|
p.value.length > 0 && (p.value.forEach((f) => {
|
|
733
|
-
|
|
734
|
-
}),
|
|
733
|
+
b.value.some((m) => m.email === f.email) || b.value.push(f);
|
|
734
|
+
}), c("add", p.value, b.value), p.value = [], d.value = "", i.value = !1), c("close");
|
|
735
735
|
} };
|
|
736
|
-
return Object.defineProperty(
|
|
736
|
+
return Object.defineProperty(j, "__isScriptSetup", { enumerable: !1, value: !0 }), j;
|
|
737
737
|
}
|
|
738
|
-
}),
|
|
738
|
+
}), Ke = { class: "bg-white rounded-2xl w-full max-w-[630px] p-8 shadow-xl" }, Qe = { class: "relative mb-6" }, Ye = { class: "flex flex-wrap gap-2 flex-1" }, Je = ["onClick"], Xe = {
|
|
739
739
|
key: 0,
|
|
740
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"
|
|
741
|
-
},
|
|
741
|
+
}, et = ["onMousedown"], tt = { class: "flex-1" }, lt = { class: "text-sm font-semibold text-black" }, st = { class: "text-sm text-gray-600" }, ot = {
|
|
742
742
|
key: 0,
|
|
743
743
|
class: "w-5 h-5 flex items-center justify-center text-black"
|
|
744
|
-
},
|
|
744
|
+
}, at = { class: "collaborators-list mb-8 max-h-96 overflow-y-auto" }, rt = {
|
|
745
745
|
class: "font-semibold text-black",
|
|
746
746
|
style: { "font-size": "14px" }
|
|
747
|
-
},
|
|
747
|
+
}, it = {
|
|
748
748
|
class: "text-black",
|
|
749
749
|
style: { "font-size": "14px" }
|
|
750
|
-
},
|
|
751
|
-
function
|
|
750
|
+
}, nt = ["onClick"];
|
|
751
|
+
function dt(n, t, l, o, c, u) {
|
|
752
752
|
return l.isOpen ? (a(), r("div", {
|
|
753
753
|
key: 0,
|
|
754
754
|
class: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",
|
|
755
755
|
onClick: F(o.closeModal, ["self"])
|
|
756
756
|
}, [
|
|
757
|
-
e("div",
|
|
757
|
+
e("div", Ke, [
|
|
758
758
|
s(" Header "),
|
|
759
759
|
t[3] || (t[3] = e(
|
|
760
760
|
"h2",
|
|
@@ -775,7 +775,7 @@ function ot(n, t, l, o, d, u) {
|
|
|
775
775
|
/* CACHED */
|
|
776
776
|
)),
|
|
777
777
|
s(" Multi-select Input "),
|
|
778
|
-
e("div",
|
|
778
|
+
e("div", Qe, [
|
|
779
779
|
e("div", {
|
|
780
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]",
|
|
781
781
|
onClick: o.focusInput
|
|
@@ -787,11 +787,11 @@ function ot(n, t, l, o, d, u) {
|
|
|
787
787
|
onClick: o.toggleDropdown
|
|
788
788
|
}, " + "),
|
|
789
789
|
s(" Selected User Pills "),
|
|
790
|
-
e("div",
|
|
790
|
+
e("div", Ye, [
|
|
791
791
|
(a(!0), r(
|
|
792
|
-
|
|
792
|
+
w,
|
|
793
793
|
null,
|
|
794
|
-
|
|
794
|
+
M(o.selectedUsers, (i) => (a(), r("span", {
|
|
795
795
|
key: i.email,
|
|
796
796
|
class: "inline-flex items-center gap-2 px-3 py-1.5 bg-gray-50 rounded-lg text-sm font-normal text-black"
|
|
797
797
|
}, [
|
|
@@ -801,15 +801,15 @@ function ot(n, t, l, o, d, u) {
|
|
|
801
801
|
/* TEXT */
|
|
802
802
|
),
|
|
803
803
|
e("button", {
|
|
804
|
-
onClick: F((
|
|
804
|
+
onClick: F((d) => o.removeUser(i), ["stop"]),
|
|
805
805
|
class: "text-gray-300 hover:text-black transition-colors"
|
|
806
|
-
}, " × ", 8,
|
|
806
|
+
}, " × ", 8, Je)
|
|
807
807
|
]))),
|
|
808
808
|
128
|
|
809
809
|
/* KEYED_FRAGMENT */
|
|
810
810
|
)),
|
|
811
811
|
s(" Hidden Input for Focus "),
|
|
812
|
-
|
|
812
|
+
U(e(
|
|
813
813
|
"input",
|
|
814
814
|
{
|
|
815
815
|
ref: "hiddenInput",
|
|
@@ -824,71 +824,71 @@ function ot(n, t, l, o, d, u) {
|
|
|
824
824
|
544
|
|
825
825
|
/* NEED_HYDRATION, NEED_PATCH */
|
|
826
826
|
), [
|
|
827
|
-
[
|
|
827
|
+
[O, o.searchQuery]
|
|
828
828
|
])
|
|
829
829
|
])
|
|
830
830
|
]),
|
|
831
831
|
s(" Dropdown "),
|
|
832
|
-
o.showDropdown ? (a(), r("div",
|
|
832
|
+
o.showDropdown ? (a(), r("div", Xe, [
|
|
833
833
|
(a(!0), r(
|
|
834
|
-
|
|
834
|
+
w,
|
|
835
835
|
null,
|
|
836
|
-
|
|
836
|
+
M(o.availableUsers, (i) => (a(), r("button", {
|
|
837
837
|
key: i.email,
|
|
838
838
|
type: "button",
|
|
839
839
|
class: "w-full px-4 py-3 text-left hover:bg-gray-50 transition-colors flex items-center justify-between group",
|
|
840
|
-
onMousedown: F((
|
|
840
|
+
onMousedown: F((d) => o.toggleUser(i), ["prevent"])
|
|
841
841
|
}, [
|
|
842
|
-
e("div",
|
|
842
|
+
e("div", tt, [
|
|
843
843
|
e(
|
|
844
844
|
"div",
|
|
845
|
-
|
|
845
|
+
lt,
|
|
846
846
|
g(i.name),
|
|
847
847
|
1
|
|
848
848
|
/* TEXT */
|
|
849
849
|
),
|
|
850
850
|
e(
|
|
851
851
|
"div",
|
|
852
|
-
|
|
852
|
+
st,
|
|
853
853
|
g(i.email),
|
|
854
854
|
1
|
|
855
855
|
/* TEXT */
|
|
856
856
|
)
|
|
857
857
|
]),
|
|
858
|
-
o.isUserSelected(i) ? (a(), r("div",
|
|
859
|
-
], 40,
|
|
858
|
+
o.isUserSelected(i) ? (a(), r("div", ot, " ✓ ")) : s("v-if", !0)
|
|
859
|
+
], 40, et))),
|
|
860
860
|
128
|
|
861
861
|
/* KEYED_FRAGMENT */
|
|
862
862
|
))
|
|
863
863
|
])) : s("v-if", !0)
|
|
864
864
|
]),
|
|
865
865
|
s(" Collaborators List "),
|
|
866
|
-
e("div",
|
|
866
|
+
e("div", at, [
|
|
867
867
|
(a(!0), r(
|
|
868
|
-
|
|
868
|
+
w,
|
|
869
869
|
null,
|
|
870
|
-
|
|
870
|
+
M(o.collaborators, (i) => (a(), r("div", {
|
|
871
871
|
key: i.email,
|
|
872
872
|
class: "grid grid-cols-[1fr_1.5fr_auto] gap-4 items-center py-4 border-b border-gray-100"
|
|
873
873
|
}, [
|
|
874
874
|
e(
|
|
875
875
|
"div",
|
|
876
|
-
|
|
876
|
+
rt,
|
|
877
877
|
g(i.name),
|
|
878
878
|
1
|
|
879
879
|
/* TEXT */
|
|
880
880
|
),
|
|
881
881
|
e(
|
|
882
882
|
"div",
|
|
883
|
-
|
|
883
|
+
it,
|
|
884
884
|
g(i.email),
|
|
885
885
|
1
|
|
886
886
|
/* TEXT */
|
|
887
887
|
),
|
|
888
888
|
e("button", {
|
|
889
|
-
onClick: (
|
|
889
|
+
onClick: (d) => o.removeCollaborator(i),
|
|
890
890
|
class: "text-gray-500 hover:text-black transition-colors text-2xl leading-none"
|
|
891
|
-
}, " × ", 8,
|
|
891
|
+
}, " × ", 8, nt)
|
|
892
892
|
]))),
|
|
893
893
|
128
|
|
894
894
|
/* KEYED_FRAGMENT */
|
|
@@ -936,7 +936,7 @@ function ot(n, t, l, o, d, u) {
|
|
|
936
936
|
])
|
|
937
937
|
])) : s("v-if", !0);
|
|
938
938
|
}
|
|
939
|
-
const
|
|
939
|
+
const tl = /* @__PURE__ */ h($e, [["render", dt], ["__scopeId", "data-v-f6014a35"], ["__file", "/root/app/code/src/components/InviteCollaboratorsModalV2.vue"]]), ct = /* @__PURE__ */ _({
|
|
940
940
|
__name: "NavigationSidebar",
|
|
941
941
|
props: {
|
|
942
942
|
items: { type: Array, required: !1, default: () => [
|
|
@@ -951,70 +951,70 @@ const Jt = /* @__PURE__ */ h(Oe, [["render", ot], ["__scopeId", "data-v-f6014a35
|
|
|
951
951
|
emits: ["item-click"],
|
|
952
952
|
setup(n, { expose: t, emit: l }) {
|
|
953
953
|
t();
|
|
954
|
-
const o = l, i = { emit: o, handleItemClick: (
|
|
955
|
-
o("item-click",
|
|
956
|
-
}, getIconColor: (
|
|
957
|
-
return
|
|
954
|
+
const o = l, i = { emit: o, handleItemClick: (d) => {
|
|
955
|
+
o("item-click", d);
|
|
956
|
+
}, getIconColor: (d) => d ? "#C3FF00" : "#FFFFFF", get Home() {
|
|
957
|
+
return ee;
|
|
958
958
|
}, get MessageSquare() {
|
|
959
|
-
return
|
|
959
|
+
return X;
|
|
960
960
|
}, get ToyBrick() {
|
|
961
|
-
return
|
|
961
|
+
return J;
|
|
962
962
|
} };
|
|
963
963
|
return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
|
|
964
964
|
}
|
|
965
|
-
}),
|
|
966
|
-
function
|
|
965
|
+
}), xt = { class: "sidebar-nav group bg-black flex flex-col justify-between shadow-md" }, ut = { class: "pt-6 px-2 flex flex-col gap-6" }, gt = { class: "flex flex-col gap-4" }, pt = ["onClick"], ft = { class: "flex flex-col items-start px-4 pb-6 gap-4" }, mt = { class: "profile-section flex items-center gap-3 w-full" }, ht = { class: "profile-text flex-1 min-w-0" }, vt = { class: "text-sm text-white font-medium whitespace-nowrap" }, bt = { class: "text-[10px] text-gray-400 whitespace-nowrap" };
|
|
966
|
+
function yt(n, t, l, o, c, u) {
|
|
967
967
|
return a(), r(
|
|
968
|
-
|
|
968
|
+
w,
|
|
969
969
|
null,
|
|
970
970
|
[
|
|
971
971
|
s(" Expandable Sidebar Navigation "),
|
|
972
|
-
e("aside",
|
|
972
|
+
e("aside", xt, [
|
|
973
973
|
s(" Top Section "),
|
|
974
|
-
e("div",
|
|
974
|
+
e("div", ut, [
|
|
975
975
|
s(" Logo "),
|
|
976
|
-
t[0] || (t[0] =
|
|
976
|
+
t[0] || (t[0] = y('<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)),
|
|
977
977
|
s(" Navigation Items "),
|
|
978
|
-
e("div",
|
|
978
|
+
e("div", gt, [
|
|
979
979
|
(a(!0), r(
|
|
980
|
-
|
|
980
|
+
w,
|
|
981
981
|
null,
|
|
982
|
-
|
|
983
|
-
key:
|
|
984
|
-
onClick: (p) => o.handleItemClick(
|
|
985
|
-
class:
|
|
982
|
+
M(l.items, (i, d) => (a(), r("div", {
|
|
983
|
+
key: d,
|
|
984
|
+
onClick: (p) => o.handleItemClick(d),
|
|
985
|
+
class: C(["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"])
|
|
986
986
|
}, [
|
|
987
987
|
s(" Dashboard Icon "),
|
|
988
|
-
i.icon === "dashboard" ? (a(),
|
|
988
|
+
i.icon === "dashboard" ? (a(), I(o.Home, {
|
|
989
989
|
key: 0,
|
|
990
990
|
class: "flex-shrink-0",
|
|
991
991
|
size: 20,
|
|
992
992
|
"stroke-width": 1.5,
|
|
993
|
-
color: o.getIconColor(l.activeItem ===
|
|
993
|
+
color: o.getIconColor(l.activeItem === d)
|
|
994
994
|
}, null, 8, ["color"])) : i.icon === "conversations" ? (a(), r(
|
|
995
|
-
|
|
995
|
+
w,
|
|
996
996
|
{ key: 1 },
|
|
997
997
|
[
|
|
998
998
|
s(" Conversations Icon "),
|
|
999
|
-
|
|
999
|
+
B(o.MessageSquare, {
|
|
1000
1000
|
class: "flex-shrink-0",
|
|
1001
1001
|
size: 20,
|
|
1002
1002
|
"stroke-width": 1.5,
|
|
1003
|
-
color: o.getIconColor(l.activeItem ===
|
|
1003
|
+
color: o.getIconColor(l.activeItem === d)
|
|
1004
1004
|
}, null, 8, ["color"])
|
|
1005
1005
|
],
|
|
1006
1006
|
2112
|
|
1007
1007
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
1008
1008
|
)) : i.icon === "templates" ? (a(), r(
|
|
1009
|
-
|
|
1009
|
+
w,
|
|
1010
1010
|
{ key: 2 },
|
|
1011
1011
|
[
|
|
1012
1012
|
s(" Templates Icon "),
|
|
1013
|
-
|
|
1013
|
+
B(o.ToyBrick, {
|
|
1014
1014
|
class: "flex-shrink-0",
|
|
1015
1015
|
size: 20,
|
|
1016
1016
|
"stroke-width": 1.5,
|
|
1017
|
-
color: o.getIconColor(l.activeItem ===
|
|
1017
|
+
color: o.getIconColor(l.activeItem === d)
|
|
1018
1018
|
}, null, 8, ["color"])
|
|
1019
1019
|
],
|
|
1020
1020
|
2112
|
|
@@ -1023,40 +1023,40 @@ function ft(n, t, l, o, d, u) {
|
|
|
1023
1023
|
e(
|
|
1024
1024
|
"span",
|
|
1025
1025
|
{
|
|
1026
|
-
class:
|
|
1026
|
+
class: C(["nav-label text-sm whitespace-nowrap", l.activeItem === d ? "text-white" : "text-gray-300"])
|
|
1027
1027
|
},
|
|
1028
1028
|
g(i.name),
|
|
1029
1029
|
3
|
|
1030
1030
|
/* TEXT, CLASS */
|
|
1031
1031
|
)
|
|
1032
|
-
], 10,
|
|
1032
|
+
], 10, pt))),
|
|
1033
1033
|
128
|
|
1034
1034
|
/* KEYED_FRAGMENT */
|
|
1035
1035
|
))
|
|
1036
1036
|
])
|
|
1037
1037
|
]),
|
|
1038
1038
|
s(" Bottom Section - Profile "),
|
|
1039
|
-
e("div",
|
|
1039
|
+
e("div", ft, [
|
|
1040
1040
|
s(" User Profile "),
|
|
1041
|
-
e("div",
|
|
1042
|
-
t[1] || (t[1] =
|
|
1043
|
-
e("div",
|
|
1041
|
+
e("div", mt, [
|
|
1042
|
+
t[1] || (t[1] = y('<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)),
|
|
1043
|
+
e("div", ht, [
|
|
1044
1044
|
e(
|
|
1045
1045
|
"div",
|
|
1046
|
-
|
|
1046
|
+
vt,
|
|
1047
1047
|
g(l.userName),
|
|
1048
1048
|
1
|
|
1049
1049
|
/* TEXT */
|
|
1050
1050
|
),
|
|
1051
1051
|
e(
|
|
1052
1052
|
"div",
|
|
1053
|
-
|
|
1053
|
+
bt,
|
|
1054
1054
|
g(l.userVersion),
|
|
1055
1055
|
1
|
|
1056
1056
|
/* TEXT */
|
|
1057
1057
|
)
|
|
1058
1058
|
]),
|
|
1059
|
-
t[2] || (t[2] =
|
|
1059
|
+
t[2] || (t[2] = y('<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))
|
|
1060
1060
|
])
|
|
1061
1061
|
])
|
|
1062
1062
|
])
|
|
@@ -1065,68 +1065,87 @@ function ft(n, t, l, o, d, u) {
|
|
|
1065
1065
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
1066
1066
|
);
|
|
1067
1067
|
}
|
|
1068
|
-
const
|
|
1068
|
+
const ll = /* @__PURE__ */ h(ct, [["render", yt], ["__scopeId", "data-v-4c3eb68c"], ["__file", "/root/app/code/src/components/NavigationSidebar.vue"]]), wt = /* @__PURE__ */ _({
|
|
1069
1069
|
__name: "PromptInput",
|
|
1070
1070
|
props: {
|
|
1071
1071
|
placeholder: { type: String, required: !1, default: "Or just tell me what you need..." },
|
|
1072
|
-
modelValue: { type: String, required: !1, default: "" }
|
|
1072
|
+
modelValue: { type: String, required: !1, default: "" },
|
|
1073
|
+
maxRows: { type: Number, required: !1, default: 10 }
|
|
1073
1074
|
},
|
|
1074
1075
|
emits: ["update:modelValue", "attach", "voice", "submit"],
|
|
1075
1076
|
setup(n, { expose: t, emit: l }) {
|
|
1076
1077
|
t();
|
|
1077
|
-
const o = n,
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
}, p = () => {
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1078
|
+
const o = n, c = l, u = z(o.modelValue), i = z(null), d = () => {
|
|
1079
|
+
if (!i.value) return;
|
|
1080
|
+
i.value.style.height = "auto";
|
|
1081
|
+
const v = i.value.scrollHeight, T = 20 * o.maxRows, V = Math.min(v, T);
|
|
1082
|
+
i.value.style.height = `${V}px`;
|
|
1083
|
+
}, p = (v) => {
|
|
1084
|
+
const S = v.target;
|
|
1085
|
+
u.value = S.value, c("update:modelValue", S.value), d();
|
|
1086
|
+
}, b = () => {
|
|
1087
|
+
c("attach");
|
|
1088
|
+
}, L = () => {
|
|
1089
|
+
c("voice");
|
|
1090
|
+
}, q = () => {
|
|
1091
|
+
u.value.trim() && (c("submit", u.value), u.value = "", D(() => {
|
|
1092
|
+
d();
|
|
1093
|
+
}));
|
|
1094
|
+
}, A = (v) => {
|
|
1095
|
+
v.key === "Enter" && !v.shiftKey && (v.preventDefault(), q());
|
|
1096
|
+
};
|
|
1097
|
+
G(() => o.modelValue, (v) => {
|
|
1098
|
+
u.value = v, D(() => {
|
|
1099
|
+
d();
|
|
1100
|
+
});
|
|
1101
|
+
}), W(() => {
|
|
1102
|
+
D(() => {
|
|
1103
|
+
d();
|
|
1104
|
+
});
|
|
1105
|
+
});
|
|
1106
|
+
const H = { props: o, emit: c, inputValue: u, textareaRef: i, autoResize: d, handleInput: p, handleAttach: b, handleVoice: L, handleSubmit: q, handleKeydown: A, get Paperclip() {
|
|
1107
|
+
return se;
|
|
1090
1108
|
}, get Mic() {
|
|
1091
|
-
return
|
|
1109
|
+
return le;
|
|
1092
1110
|
}, get CircleArrowRight() {
|
|
1093
|
-
return
|
|
1111
|
+
return te;
|
|
1094
1112
|
} };
|
|
1095
|
-
return Object.defineProperty(
|
|
1113
|
+
return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
|
|
1096
1114
|
}
|
|
1097
|
-
}),
|
|
1098
|
-
function
|
|
1099
|
-
return a(), r("div",
|
|
1100
|
-
e("div",
|
|
1115
|
+
}), _t = { class: "prompt-input-container" }, kt = { class: "prompt-input-wrapper" }, Ct = ["value", "placeholder"], zt = { class: "right-icons" }, St = ["disabled"];
|
|
1116
|
+
function It(n, t, l, o, c, u) {
|
|
1117
|
+
return a(), r("div", _t, [
|
|
1118
|
+
e("div", kt, [
|
|
1101
1119
|
s(" Attachment Icon "),
|
|
1102
1120
|
e("button", {
|
|
1103
1121
|
onClick: o.handleAttach,
|
|
1104
1122
|
class: "icon-button",
|
|
1105
1123
|
"aria-label": "Attach file"
|
|
1106
1124
|
}, [
|
|
1107
|
-
|
|
1125
|
+
B(o.Paperclip, {
|
|
1108
1126
|
size: 20,
|
|
1109
1127
|
"stroke-width": 1.5,
|
|
1110
1128
|
class: "icon"
|
|
1111
1129
|
})
|
|
1112
1130
|
]),
|
|
1113
|
-
s("
|
|
1114
|
-
e("
|
|
1115
|
-
|
|
1131
|
+
s(" Textarea Field "),
|
|
1132
|
+
e("textarea", {
|
|
1133
|
+
ref: "textareaRef",
|
|
1116
1134
|
value: o.inputValue,
|
|
1117
1135
|
onInput: o.handleInput,
|
|
1118
1136
|
onKeydown: o.handleKeydown,
|
|
1119
1137
|
placeholder: l.placeholder,
|
|
1120
|
-
class: "prompt-input"
|
|
1121
|
-
|
|
1138
|
+
class: "prompt-input",
|
|
1139
|
+
rows: "1"
|
|
1140
|
+
}, null, 40, Ct),
|
|
1122
1141
|
s(" Right Icons "),
|
|
1123
|
-
e("div",
|
|
1142
|
+
e("div", zt, [
|
|
1124
1143
|
e("button", {
|
|
1125
1144
|
onClick: o.handleVoice,
|
|
1126
1145
|
class: "icon-button",
|
|
1127
1146
|
"aria-label": "Voice input"
|
|
1128
1147
|
}, [
|
|
1129
|
-
|
|
1148
|
+
B(o.Mic, {
|
|
1130
1149
|
size: 20,
|
|
1131
1150
|
"stroke-width": 1.5,
|
|
1132
1151
|
class: "icon"
|
|
@@ -1134,30 +1153,30 @@ function _t(n, t, l, o, d, u) {
|
|
|
1134
1153
|
]),
|
|
1135
1154
|
e("button", {
|
|
1136
1155
|
onClick: o.handleSubmit,
|
|
1137
|
-
class:
|
|
1156
|
+
class: C(["icon-button", "submit-button", { "has-content": o.inputValue.trim() }]),
|
|
1138
1157
|
"aria-label": "Submit",
|
|
1139
1158
|
disabled: !o.inputValue.trim()
|
|
1140
1159
|
}, [
|
|
1141
|
-
|
|
1160
|
+
B(o.CircleArrowRight, {
|
|
1142
1161
|
size: 20,
|
|
1143
1162
|
"stroke-width": 1.5,
|
|
1144
1163
|
class: "icon"
|
|
1145
1164
|
})
|
|
1146
|
-
], 10,
|
|
1165
|
+
], 10, St)
|
|
1147
1166
|
])
|
|
1148
1167
|
])
|
|
1149
1168
|
]);
|
|
1150
1169
|
}
|
|
1151
|
-
const
|
|
1170
|
+
const sl = /* @__PURE__ */ h(wt, [["render", It], ["__scopeId", "data-v-4df7df36"], ["__file", "/root/app/code/src/components/PromptInput.vue"]]), Mt = /* @__PURE__ */ _({
|
|
1152
1171
|
__name: "TextStyles",
|
|
1153
1172
|
setup(n, { expose: t }) {
|
|
1154
1173
|
t();
|
|
1155
1174
|
const l = {};
|
|
1156
1175
|
return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
|
|
1157
1176
|
}
|
|
1158
|
-
}),
|
|
1159
|
-
function
|
|
1160
|
-
return a(), r("div",
|
|
1177
|
+
}), Bt = { class: "flex flex-col gap-12 w-full" };
|
|
1178
|
+
function qt(n, t, l, o, c, u) {
|
|
1179
|
+
return a(), r("div", Bt, [
|
|
1161
1180
|
s(" h1 "),
|
|
1162
1181
|
t[0] || (t[0] = e(
|
|
1163
1182
|
"div",
|
|
@@ -1364,14 +1383,14 @@ function zt(n, t, l, o, d, u) {
|
|
|
1364
1383
|
))
|
|
1365
1384
|
]);
|
|
1366
1385
|
}
|
|
1367
|
-
const
|
|
1386
|
+
const ol = /* @__PURE__ */ h(Mt, [["render", qt], ["__file", "/root/app/code/src/components/TextStyles.vue"]]), Ht = {}, Ft = {
|
|
1368
1387
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1369
1388
|
width: "20",
|
|
1370
1389
|
height: "20",
|
|
1371
1390
|
fill: "currentColor"
|
|
1372
1391
|
};
|
|
1373
|
-
function
|
|
1374
|
-
return a(), r("svg",
|
|
1392
|
+
function Lt(n, t) {
|
|
1393
|
+
return a(), r("svg", Ft, t[0] || (t[0] = [
|
|
1375
1394
|
e(
|
|
1376
1395
|
"path",
|
|
1377
1396
|
{ 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" },
|
|
@@ -1381,14 +1400,14 @@ function Mt(n, t) {
|
|
|
1381
1400
|
)
|
|
1382
1401
|
]));
|
|
1383
1402
|
}
|
|
1384
|
-
const
|
|
1403
|
+
const al = /* @__PURE__ */ h(Ht, [["render", Lt], ["__file", "/root/app/code/src/components/icons/IconCommunity.vue"]]), At = {}, Dt = {
|
|
1385
1404
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1386
1405
|
width: "20",
|
|
1387
1406
|
height: "17",
|
|
1388
1407
|
fill: "currentColor"
|
|
1389
1408
|
};
|
|
1390
|
-
function
|
|
1391
|
-
return a(), r("svg",
|
|
1409
|
+
function Tt(n, t) {
|
|
1410
|
+
return a(), r("svg", Dt, t[0] || (t[0] = [
|
|
1392
1411
|
e(
|
|
1393
1412
|
"path",
|
|
1394
1413
|
{ 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" },
|
|
@@ -1398,14 +1417,14 @@ function Ft(n, t) {
|
|
|
1398
1417
|
)
|
|
1399
1418
|
]));
|
|
1400
1419
|
}
|
|
1401
|
-
const
|
|
1420
|
+
const rl = /* @__PURE__ */ h(At, [["render", Tt], ["__file", "/root/app/code/src/components/icons/IconDocumentation.vue"]]), Vt = {}, jt = {
|
|
1402
1421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1403
1422
|
width: "18",
|
|
1404
1423
|
height: "20",
|
|
1405
1424
|
fill: "currentColor"
|
|
1406
1425
|
};
|
|
1407
|
-
function
|
|
1408
|
-
return a(), r("svg",
|
|
1426
|
+
function Nt(n, t) {
|
|
1427
|
+
return a(), r("svg", jt, t[0] || (t[0] = [
|
|
1409
1428
|
e(
|
|
1410
1429
|
"path",
|
|
1411
1430
|
{ 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" },
|
|
@@ -1415,14 +1434,14 @@ function At(n, t) {
|
|
|
1415
1434
|
)
|
|
1416
1435
|
]));
|
|
1417
1436
|
}
|
|
1418
|
-
const
|
|
1437
|
+
const il = /* @__PURE__ */ h(Vt, [["render", Nt], ["__file", "/root/app/code/src/components/icons/IconEcosystem.vue"]]), Et = {}, Pt = {
|
|
1419
1438
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1420
1439
|
width: "20",
|
|
1421
1440
|
height: "20",
|
|
1422
1441
|
fill: "currentColor"
|
|
1423
1442
|
};
|
|
1424
|
-
function
|
|
1425
|
-
return a(), r("svg",
|
|
1443
|
+
function Rt(n, t) {
|
|
1444
|
+
return a(), r("svg", Pt, t[0] || (t[0] = [
|
|
1426
1445
|
e(
|
|
1427
1446
|
"path",
|
|
1428
1447
|
{ 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" },
|
|
@@ -1432,7 +1451,7 @@ function Vt(n, t) {
|
|
|
1432
1451
|
)
|
|
1433
1452
|
]));
|
|
1434
1453
|
}
|
|
1435
|
-
const
|
|
1454
|
+
const nl = /* @__PURE__ */ h(Et, [["render", Rt], ["__file", "/root/app/code/src/components/icons/IconSupport.vue"]]), Ut = {}, Ot = {
|
|
1436
1455
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1437
1456
|
"xmlns:xlink": "http://www.w3.org/1999/xlink",
|
|
1438
1457
|
"aria-hidden": "true",
|
|
@@ -1443,8 +1462,8 @@ const al = /* @__PURE__ */ h(Dt, [["render", Vt], ["__file", "/root/app/code/src
|
|
|
1443
1462
|
preserveAspectRatio: "xMidYMid meet",
|
|
1444
1463
|
viewBox: "0 0 24 24"
|
|
1445
1464
|
};
|
|
1446
|
-
function
|
|
1447
|
-
return a(), r("svg",
|
|
1465
|
+
function Gt(n, t) {
|
|
1466
|
+
return a(), r("svg", Ot, t[0] || (t[0] = [
|
|
1448
1467
|
e(
|
|
1449
1468
|
"path",
|
|
1450
1469
|
{
|
|
@@ -1457,21 +1476,21 @@ function Et(n, t) {
|
|
|
1457
1476
|
)
|
|
1458
1477
|
]));
|
|
1459
1478
|
}
|
|
1460
|
-
const
|
|
1479
|
+
const dl = /* @__PURE__ */ h(Ut, [["render", Gt], ["__file", "/root/app/code/src/components/icons/IconTooling.vue"]]);
|
|
1461
1480
|
export {
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1481
|
+
Qt as BaseModal,
|
|
1482
|
+
Yt as ButtonComponent,
|
|
1483
|
+
Jt as CampaignCard,
|
|
1484
|
+
Xt as CardComponents,
|
|
1485
|
+
el as ColorStyles,
|
|
1486
|
+
al as IconCommunity,
|
|
1487
|
+
rl as IconDocumentation,
|
|
1488
|
+
il as IconEcosystem,
|
|
1489
|
+
nl as IconSupport,
|
|
1490
|
+
dl as IconTooling,
|
|
1491
|
+
tl as InviteCollaboratorsModalV2,
|
|
1492
|
+
ll as NavigationSidebar,
|
|
1493
|
+
sl as PromptInput,
|
|
1494
|
+
ol as TextStyles
|
|
1476
1495
|
};
|
|
1477
1496
|
//# sourceMappingURL=fusion-component-library.es.js.map
|