treqit-ui-library 1.4.17 → 1.4.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/main.css +171 -2
- package/dist/main.scss +81 -8
- package/dist/treqit-ui-library.css +1 -1
- package/dist/treqit-ui-library.js +29 -24
- package/dist/treqit-ui-library.umd.cjs +1 -1
- package/package.json +50 -50
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Treqit UI library
|
|
2
|
-
|
|
3
|
-
command to publish to npm
|
|
4
|
-
npm version patch && npm publish --access public
|
|
1
|
+
# Treqit UI library
|
|
2
|
+
|
|
3
|
+
command to publish to npm
|
|
4
|
+
npm version patch && npm publish --access public
|
package/dist/main.css
CHANGED
|
@@ -1,6 +1,55 @@
|
|
|
1
|
-
/*
|
|
2
|
-
|
|
1
|
+
/* ==========================================================================
|
|
2
|
+
Design Tokens & Variables - Dark Mode Support
|
|
3
|
+
========================================================================== */
|
|
4
|
+
|
|
3
5
|
:root {
|
|
6
|
+
/* Core Colors */
|
|
7
|
+
--primary-color: #3C9273;
|
|
8
|
+
--secondary-color: #3C464D;
|
|
9
|
+
--error-color: #B00020;
|
|
10
|
+
--info-color: #2196F3;
|
|
11
|
+
--success-color: #4CAF50;
|
|
12
|
+
--warning-color: #FB8C00;
|
|
13
|
+
|
|
14
|
+
/* Light Theme Colors */
|
|
15
|
+
--background-color: #ededed;
|
|
16
|
+
--surface-color: #FFFFFF;
|
|
17
|
+
--surface-secondary: #F8F9FA;
|
|
18
|
+
--white-color: #FCFFFE;
|
|
19
|
+
--text-color: #3C464D;
|
|
20
|
+
--text-secondary: #6B7280;
|
|
21
|
+
--text-muted: #9CA3AF;
|
|
22
|
+
--border-color: #E5E7EB;
|
|
23
|
+
--shadow-color: rgba(0, 0, 0, 0.1);
|
|
24
|
+
|
|
25
|
+
/* Button Colors */
|
|
26
|
+
--btn-primary-bg: #3C9273;
|
|
27
|
+
--btn-primary-hover-bg: #31795f;
|
|
28
|
+
--btn-primary-text: #FFFFFF;
|
|
29
|
+
--btn-secondary-bg: white;
|
|
30
|
+
--btn-secondary-hover-bg: #cbd5e0;
|
|
31
|
+
--btn-secondary-text: #3C464D;
|
|
32
|
+
--btn-outlined-border: #E5E7EB;
|
|
33
|
+
--btn-outlined-hover-bg: #F3F4F6;
|
|
34
|
+
|
|
35
|
+
/* Input Colors */
|
|
36
|
+
--input-bg: #FFFFFF;
|
|
37
|
+
--input-border: #D1D5DB;
|
|
38
|
+
--input-border-focus: #3C9273;
|
|
39
|
+
--input-text: #374151;
|
|
40
|
+
--input-placeholder: #9CA3AF;
|
|
41
|
+
|
|
42
|
+
/* Card Colors */
|
|
43
|
+
--card-bg: #FFFFFF;
|
|
44
|
+
--card-border: #E5E7EB;
|
|
45
|
+
--card-shadow: rgba(0, 0, 0, 0.1);
|
|
46
|
+
|
|
47
|
+
/* Modal/Dialog Colors */
|
|
48
|
+
--overlay-bg: rgba(0, 0, 0, 0.5);
|
|
49
|
+
--modal-bg: #FFFFFF;
|
|
50
|
+
|
|
51
|
+
/* Spacing Scale */
|
|
52
|
+
/* Default (mobile) spacing scale */
|
|
4
53
|
--space-0: 0;
|
|
5
54
|
--space-1: 0.2rem; /* 3.2px */
|
|
6
55
|
--space-2: 0.4rem; /* 6.4px */
|
|
@@ -21,6 +70,50 @@
|
|
|
21
70
|
--space-64: 12.8rem; /* 204.8px */
|
|
22
71
|
}
|
|
23
72
|
|
|
73
|
+
/* Dark Theme */
|
|
74
|
+
[data-theme="dark"] {
|
|
75
|
+
/* Core Colors (adjusted for dark theme) */
|
|
76
|
+
--primary-color: #4EBAAA;
|
|
77
|
+
--secondary-color: #8B949E;
|
|
78
|
+
|
|
79
|
+
/* Dark Theme Colors */
|
|
80
|
+
--background-color: #0D1117;
|
|
81
|
+
--surface-color: #161B22;
|
|
82
|
+
--surface-secondary: #21262D;
|
|
83
|
+
--white-color: #F0F6FC;
|
|
84
|
+
--text-color: #F0F6FC;
|
|
85
|
+
--text-secondary: #8B949E;
|
|
86
|
+
--text-muted: #6E7681;
|
|
87
|
+
--border-color: #30363D;
|
|
88
|
+
--shadow-color: rgba(0, 0, 0, 0.3);
|
|
89
|
+
|
|
90
|
+
/* Button Colors */
|
|
91
|
+
--btn-primary-bg: #4EBAAA;
|
|
92
|
+
--btn-primary-hover-bg: #66C7B8;
|
|
93
|
+
--btn-primary-text: #0D1117;
|
|
94
|
+
--btn-secondary-bg: #21262D;
|
|
95
|
+
--btn-secondary-hover-bg: #30363D;
|
|
96
|
+
--btn-secondary-text: #F0F6FC;
|
|
97
|
+
--btn-outlined-border: #30363D;
|
|
98
|
+
--btn-outlined-hover-bg: #21262D;
|
|
99
|
+
|
|
100
|
+
/* Input Colors */
|
|
101
|
+
--input-bg: #21262D;
|
|
102
|
+
--input-border: #30363D;
|
|
103
|
+
--input-border-focus: #4EBAAA;
|
|
104
|
+
--input-text: #F0F6FC;
|
|
105
|
+
--input-placeholder: #6E7681;
|
|
106
|
+
|
|
107
|
+
/* Card Colors */
|
|
108
|
+
--card-bg: #161B22;
|
|
109
|
+
--card-border: #30363D;
|
|
110
|
+
--card-shadow: rgba(0, 0, 0, 0.5);
|
|
111
|
+
|
|
112
|
+
/* Modal/Dialog Colors */
|
|
113
|
+
--overlay-bg: rgba(0, 0, 0, 0.7);
|
|
114
|
+
--modal-bg: #161B22;
|
|
115
|
+
}
|
|
116
|
+
|
|
24
117
|
/* Medium screens (tablets, 768px and up) */
|
|
25
118
|
@media (min-width: 768px) {
|
|
26
119
|
:root {
|
|
@@ -449,4 +542,80 @@
|
|
|
449
542
|
.col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
|
|
450
543
|
.col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
|
|
451
544
|
.col-xl-12 { flex: 0 0 100%; max-width: 100%; }
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
/* ==========================================================================
|
|
548
|
+
Base Styles - Dark Mode Support
|
|
549
|
+
========================================================================== */
|
|
550
|
+
|
|
551
|
+
/* CSS Reset */
|
|
552
|
+
*, *::before, *::after {
|
|
553
|
+
box-sizing: border-box;
|
|
554
|
+
margin: 0;
|
|
555
|
+
padding: 0;
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
html, body {
|
|
559
|
+
height: 100%;
|
|
560
|
+
width: 100%;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
body {
|
|
564
|
+
font-family: 'Poppins', sans-serif;
|
|
565
|
+
line-height: 1.5;
|
|
566
|
+
-webkit-font-smoothing: antialiased;
|
|
567
|
+
-moz-osx-font-smoothing: grayscale;
|
|
568
|
+
color: var(--text-color);
|
|
569
|
+
background-color: var(--background-color);
|
|
570
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
.app-container {
|
|
574
|
+
display: flex;
|
|
575
|
+
flex-direction: column;
|
|
576
|
+
min-height: 100vh;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
/* Typography */
|
|
580
|
+
.responsive-text {
|
|
581
|
+
font-family: 'Poppins', sans-serif;
|
|
582
|
+
font-style: normal;
|
|
583
|
+
font-weight: 400;
|
|
584
|
+
font-size: 16px;
|
|
585
|
+
color: var(--text-color);
|
|
586
|
+
transition: color 0.3s ease;
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
.responsive-text-header {
|
|
590
|
+
font-family: 'Poppins', sans-serif;
|
|
591
|
+
font-style: normal;
|
|
592
|
+
font-weight: 700;
|
|
593
|
+
font-size: 96px;
|
|
594
|
+
color: var(--text-color);
|
|
595
|
+
transition: color 0.3s ease;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
/* Media Queries for responsive typography */
|
|
599
|
+
@media screen and (min-width: 1000px) {
|
|
600
|
+
.responsive-text {
|
|
601
|
+
font-size: 20px;
|
|
602
|
+
}
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
@media screen and (min-width: 601px) and (max-width: 999px) {
|
|
606
|
+
.responsive-text {
|
|
607
|
+
font-size: 2vw;
|
|
608
|
+
}
|
|
609
|
+
.responsive-text-header {
|
|
610
|
+
font-size: 6vw;
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
@media screen and (max-width: 600px) {
|
|
615
|
+
.responsive-text {
|
|
616
|
+
font-size: 12px;
|
|
617
|
+
}
|
|
618
|
+
.responsive-text-header {
|
|
619
|
+
font-size: 40px;
|
|
620
|
+
}
|
|
452
621
|
}
|
package/dist/main.scss
CHANGED
|
@@ -94,8 +94,9 @@ body {
|
|
|
94
94
|
font-family: 'Poppins';
|
|
95
95
|
-webkit-font-smoothing: antialiased;
|
|
96
96
|
-moz-osx-font-smoothing: grayscale;
|
|
97
|
-
color:
|
|
98
|
-
background-color:
|
|
97
|
+
color: var(--text-color);
|
|
98
|
+
background-color: var(--background-color);
|
|
99
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
.app-container {
|
|
@@ -109,16 +110,15 @@ body {
|
|
|
109
110
|
font-style: normal;
|
|
110
111
|
font-weight: 400;
|
|
111
112
|
font-size: 16px;
|
|
112
|
-
color:
|
|
113
|
+
color: var(--text-color);
|
|
113
114
|
}
|
|
114
115
|
|
|
115
|
-
|
|
116
116
|
.responsive-text-header {
|
|
117
117
|
font-family: 'Poppins';
|
|
118
118
|
font-style: normal;
|
|
119
119
|
font-weight: 700;
|
|
120
120
|
font-size: 96px;
|
|
121
|
-
color:
|
|
121
|
+
color: var(--text-color);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
/* ==========================================================================
|
|
@@ -126,25 +126,98 @@ body {
|
|
|
126
126
|
========================================================================== */
|
|
127
127
|
|
|
128
128
|
:root {
|
|
129
|
+
/* Core Colors */
|
|
129
130
|
--primary-color: #3C9273;
|
|
130
131
|
--secondary-color: #3C464D;
|
|
131
|
-
--background-color: #ededed;
|
|
132
|
-
--surface-color: #FFFFFF;
|
|
133
132
|
--error-color: #B00020;
|
|
134
133
|
--info-color: #2196F3;
|
|
135
134
|
--success-color: #4CAF50;
|
|
136
135
|
--warning-color: #FB8C00;
|
|
136
|
+
|
|
137
|
+
/* Light Theme Colors */
|
|
138
|
+
--background-color: #ededed;
|
|
139
|
+
--surface-color: #FFFFFF;
|
|
140
|
+
--surface-secondary: #F8F9FA;
|
|
137
141
|
--white-color: #FCFFFE;
|
|
138
142
|
--text-color: #3C464D;
|
|
139
|
-
|
|
143
|
+
--text-secondary: #6B7280;
|
|
144
|
+
--text-muted: #9CA3AF;
|
|
145
|
+
--border-color: #E5E7EB;
|
|
146
|
+
--shadow-color: rgba(0, 0, 0, 0.1);
|
|
147
|
+
|
|
140
148
|
/* Button Colors */
|
|
141
149
|
--btn-primary-bg: #3C9273;
|
|
142
150
|
--btn-primary-hover-bg: #31795f;
|
|
151
|
+
--btn-primary-text: #FFFFFF;
|
|
143
152
|
--btn-secondary-bg: white;
|
|
144
153
|
--btn-secondary-hover-bg: #cbd5e0;
|
|
154
|
+
--btn-secondary-text: #3C464D;
|
|
155
|
+
--btn-outlined-border: #E5E7EB;
|
|
156
|
+
--btn-outlined-hover-bg: #F3F4F6;
|
|
157
|
+
|
|
158
|
+
/* Input Colors */
|
|
159
|
+
--input-bg: #FFFFFF;
|
|
160
|
+
--input-border: #D1D5DB;
|
|
161
|
+
--input-border-focus: #3C9273;
|
|
162
|
+
--input-text: #374151;
|
|
163
|
+
--input-placeholder: #9CA3AF;
|
|
164
|
+
|
|
165
|
+
/* Card Colors */
|
|
166
|
+
--card-bg: #FFFFFF;
|
|
167
|
+
--card-border: #E5E7EB;
|
|
168
|
+
--card-shadow: rgba(0, 0, 0, 0.1);
|
|
169
|
+
|
|
170
|
+
/* Modal/Dialog Colors */
|
|
171
|
+
--overlay-bg: rgba(0, 0, 0, 0.5);
|
|
172
|
+
--modal-bg: #FFFFFF;
|
|
173
|
+
|
|
145
174
|
--text-dark: #1a202c;
|
|
146
175
|
}
|
|
147
176
|
|
|
177
|
+
/* Dark Theme */
|
|
178
|
+
[data-theme="dark"] {
|
|
179
|
+
/* Core Colors (adjusted for dark theme) */
|
|
180
|
+
--primary-color: #4EBAAA;
|
|
181
|
+
--secondary-color: #8B949E;
|
|
182
|
+
|
|
183
|
+
/* Dark Theme Colors */
|
|
184
|
+
--background-color: #0D1117;
|
|
185
|
+
--surface-color: #161B22;
|
|
186
|
+
--surface-secondary: #21262D;
|
|
187
|
+
--white-color: #F0F6FC;
|
|
188
|
+
--text-color: #F0F6FC;
|
|
189
|
+
--text-secondary: #8B949E;
|
|
190
|
+
--text-muted: #6E7681;
|
|
191
|
+
--border-color: #30363D;
|
|
192
|
+
--shadow-color: rgba(0, 0, 0, 0.3);
|
|
193
|
+
|
|
194
|
+
/* Button Colors */
|
|
195
|
+
--btn-primary-bg: #4EBAAA;
|
|
196
|
+
--btn-primary-hover-bg: #66C7B8;
|
|
197
|
+
--btn-primary-text: #0D1117;
|
|
198
|
+
--btn-secondary-bg: #21262D;
|
|
199
|
+
--btn-secondary-hover-bg: #30363D;
|
|
200
|
+
--btn-secondary-text: #F0F6FC;
|
|
201
|
+
--btn-outlined-border: #30363D;
|
|
202
|
+
--btn-outlined-hover-bg: #21262D;
|
|
203
|
+
|
|
204
|
+
/* Input Colors */
|
|
205
|
+
--input-bg: #21262D;
|
|
206
|
+
--input-border: #30363D;
|
|
207
|
+
--input-border-focus: #4EBAAA;
|
|
208
|
+
--input-text: #F0F6FC;
|
|
209
|
+
--input-placeholder: #6E7681;
|
|
210
|
+
|
|
211
|
+
/* Card Colors */
|
|
212
|
+
--card-bg: #161B22;
|
|
213
|
+
--card-border: #30363D;
|
|
214
|
+
--card-shadow: rgba(0, 0, 0, 0.5);
|
|
215
|
+
|
|
216
|
+
/* Modal/Dialog Colors */
|
|
217
|
+
--overlay-bg: rgba(0, 0, 0, 0.7);
|
|
218
|
+
--modal-bg: #161B22;
|
|
219
|
+
}
|
|
220
|
+
|
|
148
221
|
|
|
149
222
|
///full size screen
|
|
150
223
|
@media screen and (min-width: 1000px) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.avatar[data-v-2e02a766]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;vertical-align:middle}.avatar-initials[data-v-2e02a766]{color:#fff;font-weight:500;text-transform:uppercase}.avatar[data-v-2e02a766] img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.btn[data-v-8db92d47]{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;padding:.5rem 1rem;font-size:1rem;min-width:80px;overflow:hidden}.btn[data-v-8db92d47]:disabled{cursor:not-allowed}.btn--full[data-v-8db92d47]{width:100%}.btn-loader[data-v-8db92d47]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.simple-spinner[data-v-8db92d47]{border:6px solid currentColor;border-top-color:transparent;border-radius:50%;width:32px;height:32px;animation:spin-8db92d47 .8s linear infinite;opacity:.7}@keyframes spin-8db92d47{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-content.content-hidden[data-v-8db92d47]{visibility:hidden;opacity:0}.btn--x-large[data-v-8db92d47]{scrollbar-width:1.125rem;height:60px;font-size:1.35rem;min-width:92px;padding:0 24px;border-radius:12px}.btn--small[data-v-8db92d47]{padding:.25rem .75rem;font-size:.875rem;border-radius:5px!important}.btn--medium[data-v-8db92d47]{padding:.5rem 1rem;font-size:1rem;border-radius:8px!important}.btn--large[data-v-8db92d47]{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:8px!important}.btn--primary[data-v-8db92d47]{background-color:var(--btn-primary-bg);color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn--primary[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn--secondary[data-v-8db92d47]{background-color:var(--btn-secondary-bg);color:#1a202c;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:2px solid var(--secondary-color, #3C464D)}.btn--secondary[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-secondary-hover-bg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn--destructive[data-v-8db92d47]{background-color:#ef4444;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn--destructive[data-v-8db92d47]:not(:disabled):hover{background-color:#dc2626}.btn--outlined[data-v-8db92d47]{background-color:transparent;color:var(--btn-secondary-bg);border:2px solid var(--btn-secondary-bg);box-shadow:none}.btn--outlined[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-primary-bg);color:#fff}.btn--outlined-primary[data-v-8db92d47]{background-color:transparent;color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);box-shadow:none}.btn--outlined-primary[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-primary-bg);color:#fff}.btn--outlined-secondary[data-v-8db92d47]{background-color:#fff;color:var(--secondary-color, #3C464D);border:2px solid var(--secondary-color, #3C464D);box-shadow:none}.btn--outlined-secondary[data-v-8db92d47]:not(:disabled):hover{background-color:var(--secondary-color, #3C464D);color:#fff;border-color:#fff}.btn--elevated[data-v-8db92d47]{background-color:var(--btn-primary-bg);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn--elevated[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn--flat[data-v-8db92d47]{background-color:#fff;color:var(--btn-primary-bg);box-shadow:none}.btn--flat[data-v-8db92d47]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);color:#fff}.btn--text[data-v-8db92d47]{background-color:#fff;color:var(--btn-primary-bg);box-shadow:none}.btn--text[data-v-8db92d47]:not(:disabled):hover{background-color:#f0f0f0}.btn--rounded[data-v-8db92d47]{background-color:transparent;color:var(--secondary-color, #3C464D);border:2px solid var(--secondary-color, #3C464D);box-shadow:none;border-radius:50%!important;padding:.5rem;min-width:auto}@media screen and (max-width:768px){.btn--small[data-v-8db92d47]{padding:.2rem .6rem;font-size:.8rem}.btn--medium[data-v-8db92d47]{padding:.4rem .8rem;font-size:.9rem}.btn--large[data-v-8db92d47]{padding:.6rem 1.2rem;font-size:1rem}.btn--rounded[data-v-8db92d47]{padding:.3rem;font-size:.8rem;max-width:30px;max-height:30px}}.card[data-v-09430cb2]{border-color:#000;border-style:solid;border:thin solid;display:block;position:relative;text-decoration:none;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:1.5rem;overflow:hidden;font-size:1rem}@media screen and (max-width:959px){.card[data-v-09430cb2]{padding:1rem;font-size:.85rem}}@media screen and (max-width:599px){.card[data-v-09430cb2]{padding:.8rem;font-size:.8rem}}.chip[data-v-6b6b7ae9]{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;gap:.5rem}.remove-btn[data-v-6b6b7ae9]{background:#0000001a;border:none;border-radius:50%;padding:0;margin:0 -.25rem 0 .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.8;transition:opacity .2s}.remove-btn[data-v-6b6b7ae9]:hover{opacity:1}.chip--primary[data-v-6b6b7ae9]{background-color:#e6f4ff;color:#09f}.chip--secondary[data-v-6b6b7ae9]{background-color:#e2e8f0;color:#1a202c}.chip--success[data-v-6b6b7ae9]{background-color:#dcfce7;color:#16a34a}.chip--warning[data-v-6b6b7ae9]{background-color:#fef9c3;color:#ca8a04}.chip--danger[data-v-6b6b7ae9]{background-color:#fee2e2;color:#dc2626}.col[data-v-a5db8165]{box-sizing:border-box;width:100%;min-height:1px}.icon[data-v-4a07735a]{display:inline-block;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;min-width:1em;position:relative;text-align:center;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em;margin:5px}.date-picker[data-v-f09e8bb1]{display:flex;flex-direction:column;gap:4px;width:100%}.date-picker__label[data-v-f09e8bb1]{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.date-picker__required[data-v-f09e8bb1]{color:#ef4444;margin-left:2px}.date-picker__input-wrapper[data-v-f09e8bb1]{position:relative;display:flex;align-items:center}.date-picker__input[data-v-f09e8bb1]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;color:#374151;background-color:#fff;transition:all .2s ease-in-out}.date-picker__input[data-v-f09e8bb1]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-picker__input[data-v-f09e8bb1]:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.date-picker__input[data-v-f09e8bb1]:readonly{background-color:#f9fafb;cursor:default}.date-picker__input--with-icon[data-v-f09e8bb1]{padding-right:40px}.date-picker__icon[data-v-f09e8bb1]{position:absolute;right:12px;color:#6b7280;pointer-events:none}.date-picker__error[data-v-f09e8bb1]{font-size:12px;color:#ef4444;margin-top:2px}.date-picker__help[data-v-f09e8bb1]{font-size:12px;color:#6b7280;margin-top:2px}.date-picker--small .date-picker__input[data-v-f09e8bb1]{padding:6px 10px;font-size:13px}.date-picker--small .date-picker__label[data-v-f09e8bb1]{font-size:13px}.date-picker--large .date-picker__input[data-v-f09e8bb1]{padding:12px 16px;font-size:16px}.date-picker--large .date-picker__label[data-v-f09e8bb1]{font-size:16px}.date-picker--outlined .date-picker__input[data-v-f09e8bb1]{border:2px solid #d1d5db;background-color:transparent}.date-picker--outlined .date-picker__input[data-v-f09e8bb1]:focus{border-color:#3b82f6;box-shadow:none}.date-picker--filled .date-picker__input[data-v-f09e8bb1]{border:none;background-color:#f3f4f6}.date-picker--filled .date-picker__input[data-v-f09e8bb1]:focus{background-color:#fff;box-shadow:0 0 0 2px #3b82f6}.date-picker--error .date-picker__input[data-v-f09e8bb1]{border-color:#ef4444}.date-picker--error .date-picker__input[data-v-f09e8bb1]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-picker--disabled[data-v-f09e8bb1]{opacity:.6}.dialog-overlay[data-v-b9e605dc]{position:fixed;inset:0;background-color:#21212175;z-index:2000;display:flex;align-items:center;justify-content:center}.dialog-content[data-v-b9e605dc]{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}.dialog-content--sm[data-v-b9e605dc]{max-width:400px}.dialog-content--md[data-v-b9e605dc]{max-width:600px}.dialog-content--lg[data-v-b9e605dc]{max-width:800px}.dialog-content--xl[data-v-b9e605dc]{max-width:1140px}.dialog-header[data-v-b9e605dc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.dialog-title[data-v-b9e605dc]{font-size:1.25rem;font-weight:600;margin:0}.dialog-close-btn[data-v-b9e605dc]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%}.dialog-close-btn[data-v-b9e605dc]:hover{background-color:#f1f5f9}.dialog-body[data-v-b9e605dc]{padding:1.5rem}.dialog-body.scrollable[data-v-b9e605dc]{overflow-y:auto}.dialog-footer[data-v-b9e605dc]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0}.dialog-fade-enter-active[data-v-b9e605dc],.dialog-fade-leave-active[data-v-b9e605dc]{transition:opacity .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from[data-v-b9e605dc],.dialog-fade-leave-to[data-v-b9e605dc]{opacity:0}.dialog-fade-enter-active .dialog-content[data-v-b9e605dc],.dialog-fade-leave-active .dialog-content[data-v-b9e605dc]{transition:transform .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from .dialog-content[data-v-b9e605dc],.dialog-fade-leave-to .dialog-content[data-v-b9e605dc]{transform:scale(.9)}.divider[data-v-cbf66f89]{border:none;background-color:#e0e0e0;flex-shrink:0}.divider--horizontal[data-v-cbf66f89]{width:100%}.divider--vertical[data-v-cbf66f89]{width:1px;align-self:stretch}.spinner[data-v-69bc6c98]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin-69bc6c98 1s linear infinite}@keyframes spin-69bc6c98{to{transform:rotate(360deg)}}.image[data-v-a3997b8b]{border-radius:6px}.input-wrapper[data-v-9c7a100f]{position:relative;width:100%}.input-label[data-v-9c7a100f]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.input-container[data-v-9c7a100f]{position:relative}.input-field[data-v-9c7a100f]{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#1a202c;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;transition:border-color .2s,box-shadow .2s}.input-field[data-v-9c7a100f]:focus{outline:none;border-color:#3c9273;box-shadow:0 0 0 2px #3c927333}.input-field[data-v-9c7a100f]:disabled{background-color:#f7fafc;cursor:not-allowed}.navigation-drawer[data-v-a13e59a5]{position:fixed;top:0;bottom:0;max-width:100%;background-color:#fff;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;z-index:1007;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease-in-out}.navigation-drawer--left[data-v-a13e59a5]{left:0}.navigation-drawer--right[data-v-a13e59a5]{right:0}.overlay[data-v-a13e59a5]{position:fixed;inset:0;background-color:#00000080;z-index:1006}.fade-enter-active[data-v-a13e59a5],.fade-leave-active[data-v-a13e59a5]{transition:opacity .3s ease}.fade-enter-from[data-v-a13e59a5],.fade-leave-to[data-v-a13e59a5]{opacity:0}.slide-from-left-enter-from[data-v-a13e59a5],.slide-from-left-leave-to[data-v-a13e59a5]{transform:translate(-100%)}.slide-from-right-enter-from[data-v-a13e59a5],.slide-from-right-leave-to[data-v-a13e59a5]{transform:translate(100%)}.progress-circular[data-v-bdb14b7f]{position:relative;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.progress-circular svg[data-v-bdb14b7f]{transform:rotate(-90deg)}.progress-circular__underlay[data-v-bdb14b7f]{stroke:#e0e0e0}.progress-circular__overlay[data-v-bdb14b7f]{stroke:currentColor;transition:stroke-dashoffset .3s ease}.progress-circular[aria-valuenow] .progress-circular__overlay[data-v-bdb14b7f]{animation:none}.progress-circular:not([aria-valuenow]) .progress-circular__overlay[data-v-bdb14b7f]{animation:progress-circular-dash-bdb14b7f 1.4s ease-in-out infinite}.progress-circular[data-v-bdb14b7f]:not([aria-valuenow]){animation:progress-circular-rotate-bdb14b7f 1.4s linear infinite}.progress-circular__content[data-v-bdb14b7f]{position:absolute}@keyframes progress-circular-rotate-bdb14b7f{to{transform:rotate(360deg)}}@keyframes progress-circular-dash-bdb14b7f{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.flex-row[data-v-fc69ad3e]{display:flex;flex-direction:row;width:100%}.select-wrapper[data-v-d4f9136e]{position:relative;width:100%;cursor:pointer}.select-label[data-v-d4f9136e]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.select-container[data-v-d4f9136e]{position:relative}.select-input>option[data-v-d4f9136e]{cursor:pointer}.select-input[data-v-d4f9136e]{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:#1a202c;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;transition:border-color .2s,box-shadow .2s}.select-input[data-v-d4f9136e]:focus{outline:none;border-color:#3c9273;box-shadow:0 0 0 2px #3c927333}.select-input.no-arrow[data-v-d4f9136e]{padding-right:1rem}.select-input[data-v-d4f9136e]:disabled{background-color:#f7fafc;cursor:not-allowed}.select-icon[data-v-d4f9136e]{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;pointer-events:none;color:#6b7280}.spacer[data-v-370a82d1]{flex-grow:1}.textarea-wrapper[data-v-a2a785c2]{width:100%;margin-bottom:1rem}.textarea-label[data-v-a2a785c2]{display:block;margin-bottom:.5rem;font-weight:500;color:#3c464d}.textarea-input[data-v-a2a785c2]{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#3c464d;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;resize:vertical}.textarea-input[data-v-a2a785c2]:focus{border-color:#3c9273;outline:0;box-shadow:0 0 0 .2rem #3c927340}.textarea-input.has-error[data-v-a2a785c2]{border-color:#ef4444}.error-message[data-v-a2a785c2]{margin-top:.25rem;font-size:.875rem;color:#ef4444}.text-field-wrapper[data-v-02dabc6c]{width:100%;position:relative;max-width:100%}.input-container[data-v-02dabc6c]{position:relative}.text-field-input[data-v-02dabc6c]{all:unset;box-sizing:border-box;width:100%;height:56px;padding:1.25rem 1rem .5rem;font-size:1rem;font-weight:400;line-height:1.5}.text-field-label[data-v-02dabc6c]{position:absolute;top:1rem;left:1rem;color:#616161;pointer-events:none;transition:all .2s ease-out;transform-origin:top left;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 32px)}.text-field-fieldset[data-v-02dabc6c]{position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:4px;border:1px solid #9E9E9E;transition:border-color .2s ease-out}.text-field-legend[data-v-02dabc6c]{padding:0;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms}.legend-span[data-v-02dabc6c]{display:inline-block;padding-left:5px;padding-right:5px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-field-input:focus~.text-field-label[data-v-02dabc6c],.text-field-wrapper.has-value .text-field-label[data-v-02dabc6c]{transform:translateY(-.75rem) scale(.75)}.text-field-input:focus~.text-field-label[data-v-02dabc6c]{color:#3c9273}.text-field-input:focus~.text-field-fieldset[data-v-02dabc6c]{border-color:#3c9273;border-width:2px}.text-field-input:focus~.text-field-fieldset .text-field-legend[data-v-02dabc6c],.text-field-wrapper.has-value .text-field-fieldset .text-field-legend[data-v-02dabc6c]{transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms;max-width:calc(100% - 16px)}.text-field-fieldset.has-error[data-v-02dabc6c]{border-color:#b00020}.text-field-fieldset.has-error~.text-field-label[data-v-02dabc6c]{color:#b00020}.error-container[data-v-02dabc6c]{min-height:20px;margin-bottom:4px}.error-message[data-v-02dabc6c]{margin:3px 14px 0;font-size:.875rem;color:#b00020;line-height:1.2}.tooltip-container[data-v-a7533144]{position:relative;display:inline-block}.tooltip[data-v-a7533144]{position:absolute;z-index:1070;display:block;font-size:.875rem;line-height:1.4;color:#fff;background-color:#333;border-radius:.25rem;padding:.5rem .75rem;max-width:250px;white-space:normal;pointer-events:none}.tooltip-arrow[data-v-a7533144]{position:absolute;width:0;height:0;border-style:solid}.tooltip--top[data-v-a7533144]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--top .tooltip-arrow[data-v-a7533144]{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-color:#333 transparent transparent transparent}.tooltip--bottom[data-v-a7533144]{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--bottom .tooltip-arrow[data-v-a7533144]{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px;border-color:transparent transparent #333 transparent}.tooltip--left[data-v-a7533144]{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--left .tooltip-arrow[data-v-a7533144]{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent #333}.tooltip--right[data-v-a7533144]{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip--right .tooltip-arrow[data-v-a7533144]{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent #333 transparent transparent}.tooltip-fade-enter-active[data-v-a7533144],.tooltip-fade-leave-active[data-v-a7533144]{transition:opacity .2s ease}.tooltip-fade-enter-from[data-v-a7533144],.tooltip-fade-leave-to[data-v-a7533144]{opacity:0}.overlay[data-v-11b69f56]{position:fixed;inset:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay--contained[data-v-11b69f56]{position:absolute}.overlay-fade-enter-active[data-v-11b69f56],.overlay-fade-leave-active[data-v-11b69f56]{transition:opacity .3s ease}.overlay-fade-enter-from[data-v-11b69f56],.overlay-fade-leave-to[data-v-11b69f56]{opacity:0}
|
|
1
|
+
.avatar[data-v-b02c0c4e]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;vertical-align:middle}.avatar-initials[data-v-b02c0c4e]{color:var(--surface-color);font-weight:500;text-transform:uppercase;transition:color .3s ease}.avatar[data-v-b02c0c4e] img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media screen and (max-width:1024px){.avatar-initials[data-v-b02c0c4e]{font-size:.9em}}@media screen and (max-width:768px){.avatar-initials[data-v-b02c0c4e]{font-size:.8em}}@media screen and (max-width:480px){.avatar-initials[data-v-b02c0c4e]{font-size:.75em}}.btn[data-v-7e659005]{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;padding:.5rem 1rem;font-size:1rem;min-width:80px;overflow:hidden}.btn[data-v-7e659005]:disabled{cursor:not-allowed}.btn--full[data-v-7e659005]{width:100%}.btn-loader[data-v-7e659005]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.simple-spinner[data-v-7e659005]{border:6px solid currentColor;border-top-color:transparent;border-radius:50%;width:32px;height:32px;animation:spin-7e659005 .8s linear infinite;opacity:.7}@keyframes spin-7e659005{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-content.content-hidden[data-v-7e659005]{visibility:hidden;opacity:0}.btn--x-large[data-v-7e659005]{scrollbar-width:1.125rem;height:60px;font-size:1.35rem;min-width:92px;padding:0 24px;border-radius:12px}.btn--small[data-v-7e659005]{padding:.25rem .75rem;font-size:.875rem;border-radius:5px!important}.btn--medium[data-v-7e659005]{padding:.5rem 1rem;font-size:1rem;border-radius:8px!important}.btn--large[data-v-7e659005]{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:8px!important}.btn--primary[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color)}.btn--primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--secondary[data-v-7e659005]{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);border:2px solid var(--border-color)}.btn--secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-secondary-hover-bg);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--destructive[data-v-7e659005]{background-color:#ef4444;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn--destructive[data-v-7e659005]:not(:disabled):hover{background-color:#dc2626}.btn--outlined[data-v-7e659005]{background-color:transparent;color:var(--text-color);border:2px solid var(--btn-outlined-border);box-shadow:none}.btn--outlined[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--outlined-primary[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);box-shadow:none}.btn--outlined-primary[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--outlined-secondary[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none}.btn--outlined-secondary[data-v-7e659005]:not(:disabled):hover{background-color:var(--secondary-color);color:var(--surface-color)}.btn--elevated[data-v-7e659005]{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color)}.btn--elevated[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.btn--flat[data-v-7e659005]{background-color:var(--surface-color);color:var(--btn-primary-bg);box-shadow:none}.btn--flat[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-text)}.btn--text[data-v-7e659005]{background-color:transparent;color:var(--btn-primary-bg);box-shadow:none}.btn--text[data-v-7e659005]:not(:disabled):hover{background-color:var(--btn-outlined-hover-bg)}.btn--rounded[data-v-7e659005]{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);box-shadow:none;border-radius:50%!important;padding:.5rem;min-width:auto}@media screen and (min-width:768px)and (max-width:1024px){.btn--x-large[data-v-7e659005]{height:52px;font-size:1.2rem;padding:0 20px}.btn--small[data-v-7e659005]{padding:.2rem .6rem;font-size:.8rem}.btn--medium[data-v-7e659005]{padding:.45rem .9rem;font-size:.95rem}.btn--large[data-v-7e659005]{padding:.65rem 1.3rem;font-size:1.05rem}}@media screen and (max-width:768px){.btn[data-v-7e659005]{min-width:60px}.btn--x-large[data-v-7e659005]{height:48px;font-size:1.1rem;padding:0 16px}.btn--small[data-v-7e659005]{padding:.2rem .5rem;font-size:.75rem}.btn--medium[data-v-7e659005]{padding:.35rem .7rem;font-size:.85rem}.btn--large[data-v-7e659005]{padding:.5rem 1rem;font-size:.95rem}.btn--rounded[data-v-7e659005]{padding:.25rem;font-size:.75rem;max-width:28px;max-height:28px}}@media screen and (max-width:480px){.btn--x-large[data-v-7e659005]{height:44px;font-size:1rem;padding:0 12px}.btn--small[data-v-7e659005]{padding:.15rem .4rem;font-size:.7rem}.btn--medium[data-v-7e659005]{padding:.3rem .6rem;font-size:.8rem}.btn--large[data-v-7e659005]{padding:.4rem .8rem;font-size:.9rem}.btn--rounded[data-v-7e659005]{padding:.2rem;font-size:.7rem;max-width:26px;max-height:26px}}.card[data-v-82f14ba1]{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);display:block;overflow:hidden;position:relative;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;z-index:0;border-radius:8px;box-shadow:0 4px 6px -1px var(--card-shadow),0 2px 4px -2px var(--card-shadow);padding:1.5rem;font-size:1rem}@media screen and (min-width:768px)and (max-width:1024px){.card[data-v-82f14ba1]{padding:1.25rem;font-size:.9rem;border-radius:6px}}@media screen and (min-width:600px)and (max-width:768px){.card[data-v-82f14ba1]{padding:1rem;font-size:.85rem;border-radius:6px}}@media screen and (max-width:600px){.card[data-v-82f14ba1]{padding:.75rem;font-size:.8rem;border-radius:4px;box-shadow:0 2px 4px -1px var(--card-shadow),0 1px 2px -1px var(--card-shadow)}}@media screen and (max-width:480px){.card[data-v-82f14ba1]{padding:.625rem;font-size:.75rem}}.chip[data-v-9815960f]{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;gap:.5rem}.remove-btn[data-v-9815960f]{background:var(--shadow-color);border:none;border-radius:50%;padding:0;margin:0 -.25rem 0 .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.8;transition:opacity .2s,background-color .3s ease}.remove-btn[data-v-9815960f]:hover{opacity:1}.chip--primary[data-v-9815960f]{background-color:var(--primary-color);color:var(--surface-color);transition:background-color .3s ease,color .3s ease}.chip--secondary[data-v-9815960f]{background-color:var(--surface-secondary);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.chip--success[data-v-9815960f]{background-color:#dcfce7;color:#16a34a;transition:background-color .3s ease,color .3s ease}.chip--warning[data-v-9815960f]{background-color:#fef9c3;color:#ca8a04;transition:background-color .3s ease,color .3s ease}.chip--danger[data-v-9815960f]{background-color:#fee2e2;color:#dc2626;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .chip--success[data-v-9815960f]{background-color:#16a34a;color:#dcfce7}[data-theme=dark] .chip--warning[data-v-9815960f]{background-color:#ca8a04;color:#fef9c3}[data-theme=dark] .chip--danger[data-v-9815960f]{background-color:#dc2626;color:#fee2e2}@media screen and (min-width:768px)and (max-width:1024px){.chip[data-v-9815960f]{padding:.2rem .65rem;font-size:.8rem;gap:.4rem}.remove-btn[data-v-9815960f]{width:18px;height:18px;margin:0 -.2rem 0 .2rem}}@media screen and (max-width:768px){.chip[data-v-9815960f]{padding:.15rem .6rem;font-size:.75rem;gap:.3rem}.remove-btn[data-v-9815960f]{width:16px;height:16px;margin:0 -.15rem 0 .15rem}}@media screen and (max-width:480px){.chip[data-v-9815960f]{padding:.1rem .5rem;font-size:.7rem;gap:.25rem}.remove-btn[data-v-9815960f]{width:14px;height:14px;margin:0 -.1rem 0 .1rem}}.col[data-v-a5db8165]{box-sizing:border-box;width:100%;min-height:1px}.icon[data-v-7cd4d2d4]{display:inline-block;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;min-width:1em;position:relative;text-align:center;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em;margin:5px;transition:color .3s ease}.date-picker[data-v-44192e9d]{display:flex;flex-direction:column;gap:4px;width:100%}.date-picker__label[data-v-44192e9d]{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;transition:color .3s ease}.date-picker__required[data-v-44192e9d]{color:#ef4444;margin-left:2px}.date-picker__input-wrapper[data-v-44192e9d]{position:relative;display:flex;align-items:center}.date-picker__input[data-v-44192e9d]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;line-height:1.5;color:var(--text-color);background-color:var(--surface-color);transition:all .2s ease-in-out,background-color .3s ease,color .3s ease,border-color .3s ease}.date-picker__input[data-v-44192e9d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.date-picker__input[data-v-44192e9d]:disabled{background-color:var(--surface-secondary);color:var(--text-muted);cursor:not-allowed}.date-picker__input[data-v-44192e9d]:readonly{background-color:var(--surface-secondary);cursor:default}.date-picker__input--with-icon[data-v-44192e9d]{padding-right:40px}.date-picker__icon[data-v-44192e9d]{position:absolute;right:12px;color:var(--text-secondary);pointer-events:none;transition:color .3s ease}.date-picker__error[data-v-44192e9d]{font-size:12px;color:#ef4444;margin-top:2px}.date-picker__help[data-v-44192e9d]{font-size:12px;color:var(--text-secondary);margin-top:2px;transition:color .3s ease}.date-picker--small .date-picker__input[data-v-44192e9d]{padding:6px 10px;font-size:13px}.date-picker--small .date-picker__label[data-v-44192e9d]{font-size:13px}.date-picker--large .date-picker__input[data-v-44192e9d]{padding:12px 16px;font-size:16px}.date-picker--large .date-picker__label[data-v-44192e9d]{font-size:16px}.date-picker--outlined .date-picker__input[data-v-44192e9d]{border:2px solid var(--border-color);background-color:transparent}.date-picker--outlined .date-picker__input[data-v-44192e9d]:focus{border-color:var(--primary-color);box-shadow:none}.date-picker--filled .date-picker__input[data-v-44192e9d]{border:none;background-color:var(--surface-secondary)}.date-picker--filled .date-picker__input[data-v-44192e9d]:focus{background-color:var(--surface-color);box-shadow:0 0 0 2px var(--primary-color)}.date-picker--error .date-picker__input[data-v-44192e9d]{border-color:#ef4444}.date-picker--error .date-picker__input[data-v-44192e9d]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-picker--disabled[data-v-44192e9d]{opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.8rem;margin-bottom:.4rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.65rem .9rem;font-size:.95rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.3rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.65rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.75rem;margin-top:.35rem}}@media screen and (max-width:768px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.75rem;margin-bottom:.375rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2.2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.6rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.7rem;margin-top:.3rem}}@media screen and (max-width:480px){.date-picker .date-picker__label[data-v-44192e9d]{font-size:.7rem;margin-bottom:.25rem}.date-picker .date-picker__input[data-v-44192e9d]{padding:.5rem .7rem;font-size:.85rem}.date-picker .date-picker__input--with-icon[data-v-44192e9d]{padding-right:2rem}.date-picker .date-picker__icon[data-v-44192e9d]{right:.5rem}.date-picker .date-picker__help[data-v-44192e9d]{font-size:.65rem;margin-top:.25rem}}.dialog-overlay[data-v-fcf7a3f1]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:2000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.dialog-content[data-v-fcf7a3f1]{background-color:var(--modal-bg);color:var(--text-color);border-radius:4px;box-shadow:0 11px 15px -7px var(--shadow-color),0 24px 38px 3px var(--shadow-color),0 9px 46px 8px var(--shadow-color);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;transition:background-color .3s ease,color .3s ease}.dialog-content--fullscreen[data-v-fcf7a3f1]{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;box-shadow:none!important;display:flex;flex-direction:column}.dialog-content--sm[data-v-fcf7a3f1]{max-width:400px}.dialog-content--md[data-v-fcf7a3f1]{max-width:600px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:800px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:1140px}.dialog-header[data-v-fcf7a3f1]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.dialog-title[data-v-fcf7a3f1]{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.dialog-close-btn[data-v-fcf7a3f1]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary);transition:background-color .2s ease,color .3s ease}.dialog-close-btn[data-v-fcf7a3f1]:hover{background-color:var(--btn-outlined-hover-bg)}.dialog-body[data-v-fcf7a3f1]{padding:1.5rem}.dialog-body.scrollable[data-v-fcf7a3f1]{overflow-y:auto}.dialog-footer[data-v-fcf7a3f1]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.dialog-fade-enter-active[data-v-fcf7a3f1],.dialog-fade-leave-active[data-v-fcf7a3f1]{transition:opacity .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from[data-v-fcf7a3f1],.dialog-fade-leave-to[data-v-fcf7a3f1]{opacity:0}.dialog-fade-enter-active .dialog-content[data-v-fcf7a3f1],.dialog-fade-leave-active .dialog-content[data-v-fcf7a3f1]{transition:transform .225s cubic-bezier(.4,0,.2,1)}.dialog-fade-enter-from .dialog-content[data-v-fcf7a3f1],.dialog-fade-leave-to .dialog-content[data-v-fcf7a3f1]{transform:scale(.9)}@media screen and (min-width:768px)and (max-width:1024px){.dialog-content[data-v-fcf7a3f1]{max-width:95vw}.dialog-content--sm[data-v-fcf7a3f1]{max-width:360px}.dialog-content--md[data-v-fcf7a3f1]{max-width:540px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:720px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:900px}.dialog-header[data-v-fcf7a3f1]{padding:.9rem 1.3rem}.dialog-title[data-v-fcf7a3f1]{font-size:1.1rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.4rem}.dialog-body[data-v-fcf7a3f1]{padding:1.3rem}.dialog-footer[data-v-fcf7a3f1]{padding:.9rem 1.3rem;gap:.6rem}}@media screen and (max-width:768px){.dialog-content[data-v-fcf7a3f1]{max-width:95vw;max-height:90vh}.dialog-content--sm[data-v-fcf7a3f1]{max-width:320px}.dialog-content--md[data-v-fcf7a3f1]{max-width:480px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:600px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:700px}.dialog-header[data-v-fcf7a3f1]{padding:.8rem 1rem}.dialog-title[data-v-fcf7a3f1]{font-size:1rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.35rem}.dialog-body[data-v-fcf7a3f1]{padding:1rem}.dialog-footer[data-v-fcf7a3f1]{padding:.8rem 1rem;gap:.5rem}}@media screen and (max-width:480px){.dialog-content[data-v-fcf7a3f1]{max-width:98vw;max-height:95vh;margin:.5rem}.dialog-content--sm[data-v-fcf7a3f1]{max-width:280px}.dialog-content--md[data-v-fcf7a3f1]{max-width:320px}.dialog-content--lg[data-v-fcf7a3f1]{max-width:360px}.dialog-content--xl[data-v-fcf7a3f1]{max-width:400px}.dialog-header[data-v-fcf7a3f1]{padding:.7rem .8rem}.dialog-title[data-v-fcf7a3f1]{font-size:.9rem}.dialog-close-btn[data-v-fcf7a3f1]{padding:.3rem}.dialog-body[data-v-fcf7a3f1]{padding:.8rem}.dialog-footer[data-v-fcf7a3f1]{padding:.7rem .8rem;gap:.4rem;flex-direction:column}.dialog-footer[data-v-fcf7a3f1]>*{width:100%}}.divider[data-v-97348551]{border:none;background-color:var(--border-color);flex-shrink:0;transition:background-color .3s ease}.divider--horizontal[data-v-97348551]{width:100%}.divider--vertical[data-v-97348551]{width:1px;align-self:stretch}.spinner[data-v-28112817]{border:4px solid var(--border-color);width:36px;height:36px;border-radius:50%;border-left-color:var(--primary-color);animation:spin-28112817 1s linear infinite;transition:border-color .3s ease}@keyframes spin-28112817{to{transform:rotate(360deg)}}@media screen and (min-width:768px)and (max-width:1024px){.spinner[data-v-28112817]{width:32px;height:32px;border-width:3.5px}}@media screen and (max-width:768px){.spinner[data-v-28112817]{width:28px;height:28px;border-width:3px}}@media screen and (max-width:480px){.spinner[data-v-28112817]{width:24px;height:24px;border-width:2.5px}}.image[data-v-a3997b8b]{border-radius:6px}.input-wrapper[data-v-218a8bde]{position:relative;width:100%}.input-label[data-v-218a8bde]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.input-container[data-v-218a8bde]{position:relative}.input-field[data-v-218a8bde]{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.input-field[data-v-218a8bde]::placeholder{color:var(--input-placeholder)}.input-field[data-v-218a8bde]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.input-field[data-v-218a8bde]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}@media screen and (min-width:768px)and (max-width:1024px){.input-label[data-v-218a8bde]{font-size:.8rem;margin-bottom:.4rem}.input-field[data-v-218a8bde]{padding:.65rem .9rem;font-size:.95rem}}@media screen and (max-width:768px){.input-label[data-v-218a8bde]{font-size:.75rem;margin-bottom:.375rem}.input-field[data-v-218a8bde]{padding:.6rem .8rem;font-size:.9rem;border-radius:.25rem}}@media screen and (max-width:480px){.input-label[data-v-218a8bde]{font-size:.7rem;margin-bottom:.25rem}.input-field[data-v-218a8bde]{padding:.5rem .7rem;font-size:.85rem}}.navigation-drawer[data-v-a9459219]{position:fixed;top:0;bottom:0;max-width:100%;background-color:var(--surface-color);color:var(--text-color);box-shadow:0 8px 10px -5px var(--shadow-color),0 16px 24px 2px var(--shadow-color),0 6px 30px 5px var(--shadow-color);z-index:1007;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease-in-out,background-color .3s ease,color .3s ease}.navigation-drawer--left[data-v-a9459219]{left:0}.navigation-drawer--right[data-v-a9459219]{right:0}.overlay[data-v-a9459219]{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:1006;transition:background-color .3s ease}.fade-enter-active[data-v-a9459219],.fade-leave-active[data-v-a9459219]{transition:opacity .3s ease}.fade-enter-from[data-v-a9459219],.fade-leave-to[data-v-a9459219]{opacity:0}.slide-from-left-enter-from[data-v-a9459219],.slide-from-left-leave-to[data-v-a9459219]{transform:translate(-100%)}.slide-from-right-enter-from[data-v-a9459219],.slide-from-right-leave-to[data-v-a9459219]{transform:translate(100%)}@media screen and (min-width:768px)and (max-width:1024px){.navigation-drawer[data-v-a9459219]{max-width:90%}}@media screen and (max-width:768px){.navigation-drawer[data-v-a9459219]{max-width:85%}}@media screen and (max-width:480px){.navigation-drawer[data-v-a9459219]{max-width:90%}}.progress-circular[data-v-2e383161]{position:relative;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.progress-circular svg[data-v-2e383161]{transform:rotate(-90deg)}.progress-circular__underlay[data-v-2e383161]{stroke:var(--border-color);transition:stroke .3s ease}.progress-circular__overlay[data-v-2e383161]{stroke:currentColor;transition:stroke-dashoffset .3s ease,stroke .3s ease}.progress-circular[aria-valuenow] .progress-circular__overlay[data-v-2e383161]{animation:none}.progress-circular:not([aria-valuenow]) .progress-circular__overlay[data-v-2e383161]{animation:progress-circular-dash-2e383161 1.4s ease-in-out infinite}.progress-circular[data-v-2e383161]:not([aria-valuenow]){animation:progress-circular-rotate-2e383161 1.4s linear infinite}.progress-circular__content[data-v-2e383161]{position:absolute}@keyframes progress-circular-rotate-2e383161{to{transform:rotate(360deg)}}@keyframes progress-circular-dash-2e383161{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media screen and (min-width:768px)and (max-width:1024px){.progress-circular__content[data-v-2e383161]{font-size:.9rem}}@media screen and (max-width:768px){.progress-circular__content[data-v-2e383161]{font-size:.8rem}}@media screen and (max-width:480px){.progress-circular__content[data-v-2e383161]{font-size:.7rem}}.flex-row[data-v-fc69ad3e]{display:flex;flex-direction:row;width:100%}.select-wrapper[data-v-a36629f1]{position:relative;width:100%;cursor:pointer}.select-label[data-v-a36629f1]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.select-container[data-v-a36629f1]{position:relative}.select-input>option[data-v-a36629f1]{cursor:pointer;background-color:var(--input-bg);color:var(--input-text)}.select-input[data-v-a36629f1]{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .3s ease,color .3s ease}.select-input[data-v-a36629f1]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #3c927333}.select-input.no-arrow[data-v-a36629f1]{padding-right:1rem}.select-input[data-v-a36629f1]:disabled{background-color:var(--surface-secondary);cursor:not-allowed;opacity:.6}.select-icon[data-v-a36629f1]{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;pointer-events:none;color:var(--text-muted);transition:color .3s ease}@media screen and (min-width:768px)and (max-width:1024px){.select-label[data-v-a36629f1]{font-size:.8rem;margin-bottom:.4rem}.select-input[data-v-a36629f1]{padding:.65rem 2.3rem .65rem .9rem;font-size:.95rem}.select-icon[data-v-a36629f1]{padding-right:.65rem}}@media screen and (max-width:768px){.select-label[data-v-a36629f1]{font-size:.75rem;margin-bottom:.375rem}.select-input[data-v-a36629f1]{padding:.6rem 2.2rem .6rem .8rem;font-size:.9rem;border-radius:.25rem}.select-icon[data-v-a36629f1]{padding-right:.6rem}}@media screen and (max-width:480px){.select-label[data-v-a36629f1]{font-size:.7rem;margin-bottom:.25rem}.select-input[data-v-a36629f1]{padding:.5rem 2rem .5rem .7rem;font-size:.85rem}.select-icon[data-v-a36629f1]{padding-right:.5rem}}.spacer[data-v-370a82d1]{flex-grow:1}.textarea-wrapper[data-v-99d40ec4]{width:100%;margin-bottom:1rem}.textarea-label[data-v-99d40ec4]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);transition:color .3s ease}.textarea-input[data-v-99d40ec4]{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease,color .3s ease;resize:vertical}.textarea-input[data-v-99d40ec4]::placeholder{color:var(--input-placeholder)}.textarea-input[data-v-99d40ec4]:focus{border-color:var(--input-border-focus);outline:0;box-shadow:0 0 0 .2rem #3c927340}.textarea-input.has-error[data-v-99d40ec4]{border-color:#ef4444}.error-message[data-v-99d40ec4]{margin-top:.25rem;font-size:.875rem;color:#ef4444}@media screen and (min-width:768px)and (max-width:1024px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.8rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.4rem;font-size:.8rem}.textarea-input[data-v-99d40ec4]{padding:.65rem .9rem;font-size:.95rem}.error-message[data-v-99d40ec4]{font-size:.8rem}}@media screen and (max-width:768px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.75rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.375rem;font-size:.75rem}.textarea-input[data-v-99d40ec4]{padding:.6rem .8rem;font-size:.9rem;border-radius:3px}.error-message[data-v-99d40ec4]{font-size:.75rem;margin-top:.2rem}}@media screen and (max-width:480px){.textarea-wrapper[data-v-99d40ec4]{margin-bottom:.6rem}.textarea-label[data-v-99d40ec4]{margin-bottom:.25rem;font-size:.7rem}.textarea-input[data-v-99d40ec4]{padding:.5rem .7rem;font-size:.85rem}.error-message[data-v-99d40ec4]{font-size:.7rem}}.text-field-wrapper[data-v-f4c602d7]{width:100%;position:relative;max-width:100%}.input-container[data-v-f4c602d7]{position:relative}.text-field-input[data-v-f4c602d7]{all:unset;box-sizing:border-box;width:100%;height:56px;padding:1.25rem 1rem .5rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);transition:background-color .3s ease,color .3s ease}.text-field-label[data-v-f4c602d7]{position:absolute;top:1rem;left:1rem;color:var(--input-placeholder);pointer-events:none;transition:all .2s ease-out,color .3s ease;transform-origin:top left;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 32px)}.text-field-fieldset[data-v-f4c602d7]{position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:4px;border:1px solid var(--input-border);transition:border-color .2s ease-out,border .3s ease}.text-field-legend[data-v-f4c602d7]{padding:0;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms}.legend-span[data-v-f4c602d7]{display:inline-block;padding-left:5px;padding-right:5px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-field-input:focus~.text-field-label[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-label[data-v-f4c602d7]{transform:translateY(-.75rem) scale(.75)}.text-field-input:focus~.text-field-label[data-v-f4c602d7]{color:var(--input-border-focus)}.text-field-input:focus~.text-field-fieldset[data-v-f4c602d7]{border-color:var(--input-border-focus);border-width:2px}.text-field-input:focus~.text-field-fieldset .text-field-legend[data-v-f4c602d7],.text-field-wrapper.has-value .text-field-fieldset .text-field-legend[data-v-f4c602d7]{transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms;max-width:calc(100% - 16px)}.text-field-fieldset.has-error[data-v-f4c602d7]{border-color:#b00020}.text-field-fieldset.has-error~.text-field-label[data-v-f4c602d7]{color:#b00020}.error-container[data-v-f4c602d7]{min-height:20px;margin-bottom:4px}.error-message[data-v-f4c602d7]{margin:3px 14px 0;font-size:.875rem;color:#b00020;line-height:1.2}@media screen and (min-width:768px)and (max-width:1024px){.text-field-input[data-v-f4c602d7]{height:52px;padding:1.1rem .9rem .45rem;font-size:.95rem}.text-field-label[data-v-f4c602d7]{font-size:.95rem;top:.9rem;left:.9rem}.error-message[data-v-f4c602d7]{font-size:.8rem;margin:2px 12px 0}}@media screen and (max-width:768px){.text-field-input[data-v-f4c602d7]{height:48px;padding:1rem .8rem .4rem;font-size:.9rem}.text-field-label[data-v-f4c602d7]{font-size:.9rem;top:.8rem;left:.8rem}.text-field-fieldset[data-v-f4c602d7]{padding:0 6px}.error-message[data-v-f4c602d7]{font-size:.75rem;margin:2px 10px 0}}@media screen and (max-width:480px){.text-field-input[data-v-f4c602d7]{height:44px;padding:.9rem .7rem .35rem;font-size:.85rem}.text-field-label[data-v-f4c602d7]{font-size:.85rem;top:.7rem;left:.7rem}.error-message[data-v-f4c602d7]{font-size:.7rem;margin:1px 8px 0}}.tooltip-container[data-v-66afe288]{position:relative;display:inline-block}.tooltip[data-v-66afe288]{position:absolute;z-index:1070;display:block;font-size:.875rem;line-height:1.4;color:var(--surface-color);background-color:var(--text-color);border-radius:.25rem;padding:.5rem .75rem;max-width:250px;white-space:normal;pointer-events:none;transition:background-color .3s ease,color .3s ease}.tooltip-arrow[data-v-66afe288]{position:absolute;width:0;height:0;border-style:solid}.tooltip--top[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--top .tooltip-arrow[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-color:var(--text-color) transparent transparent transparent;transition:border-color .3s ease}.tooltip--bottom[data-v-66afe288]{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px;border-color:transparent transparent var(--text-color) transparent;transition:border-color .3s ease}.tooltip--left[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--left .tooltip-arrow[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--text-color);transition:border-color .3s ease}.tooltip--right[data-v-66afe288]{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip--right .tooltip-arrow[data-v-66afe288]{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--text-color) transparent transparent;transition:border-color .3s ease}.tooltip-fade-enter-active[data-v-66afe288],.tooltip-fade-leave-active[data-v-66afe288]{transition:opacity .2s ease}.tooltip-fade-enter-from[data-v-66afe288],.tooltip-fade-leave-to[data-v-66afe288]{opacity:0}@media screen and (min-width:768px)and (max-width:1024px){.tooltip[data-v-66afe288]{padding:.35rem .7rem;font-size:.75rem;max-width:200px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:6px;margin-top:6px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:6px;margin-right:6px}}@media screen and (max-width:768px){.tooltip[data-v-66afe288]{padding:.3rem .6rem;font-size:.7rem;max-width:180px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:5px;margin-top:5px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:5px;margin-right:5px}.tooltip-arrow[data-v-66afe288]{border-width:4px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 4px 4px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:4px 0 4px 4px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:4px 4px 4px 0}}@media screen and (max-width:480px){.tooltip[data-v-66afe288]{padding:.25rem .5rem;font-size:.65rem;max-width:150px}.tooltip--top[data-v-66afe288],.tooltip--bottom[data-v-66afe288]{margin-bottom:4px;margin-top:4px}.tooltip--left[data-v-66afe288],.tooltip--right[data-v-66afe288]{margin-left:4px;margin-right:4px}.tooltip-arrow[data-v-66afe288]{border-width:3px}.tooltip--top .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 0}.tooltip--bottom .tooltip-arrow[data-v-66afe288]{border-width:0 3px 3px}.tooltip--left .tooltip-arrow[data-v-66afe288]{border-width:3px 0 3px 3px}.tooltip--right .tooltip-arrow[data-v-66afe288]{border-width:3px 3px 3px 0}}.overlay[data-v-45f15f75]{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color .3s ease}.overlay--contained[data-v-45f15f75]{position:absolute}.overlay-fade-enter-active[data-v-45f15f75],.overlay-fade-leave-active[data-v-45f15f75]{transition:opacity .3s ease}.overlay-fade-enter-from[data-v-45f15f75],.overlay-fade-leave-to[data-v-45f15f75]{opacity:0}
|
|
@@ -21,8 +21,8 @@ const p = (e, t) => {
|
|
|
21
21
|
},
|
|
22
22
|
color: {
|
|
23
23
|
type: String,
|
|
24
|
-
default:
|
|
25
|
-
//
|
|
24
|
+
default: null
|
|
25
|
+
// Will use CSS variable as fallback
|
|
26
26
|
},
|
|
27
27
|
initials: {
|
|
28
28
|
type: String,
|
|
@@ -40,7 +40,8 @@ const p = (e, t) => {
|
|
|
40
40
|
const o = {
|
|
41
41
|
width: `${t.size}px`,
|
|
42
42
|
height: `${t.size}px`,
|
|
43
|
-
backgroundColor: t.color
|
|
43
|
+
backgroundColor: t.color || "var(--surface-secondary)",
|
|
44
|
+
transition: "background-color 0.3s ease"
|
|
44
45
|
};
|
|
45
46
|
return t.rounded === !0 || t.rounded === "" ? o.borderRadius = "50%" : t.rounded === !1 || t.rounded === 0 || t.rounded === "0" ? o.borderRadius = "0px" : typeof t.rounded == "number" && (o.borderRadius = `${t.rounded}px`), o;
|
|
46
47
|
});
|
|
@@ -53,7 +54,7 @@ const p = (e, t) => {
|
|
|
53
54
|
], !0)
|
|
54
55
|
], 6));
|
|
55
56
|
}
|
|
56
|
-
}, Y = /* @__PURE__ */ p(Q, [["__scopeId", "data-v-
|
|
57
|
+
}, Y = /* @__PURE__ */ p(Q, [["__scopeId", "data-v-b02c0c4e"]]), Z = ["type", "disabled"], ee = {
|
|
57
58
|
key: 0,
|
|
58
59
|
class: "btn-loader"
|
|
59
60
|
}, te = {
|
|
@@ -115,14 +116,14 @@ const p = (e, t) => {
|
|
|
115
116
|
], 2)
|
|
116
117
|
], 10, Z));
|
|
117
118
|
}
|
|
118
|
-
}, ae = /* @__PURE__ */ p(te, [["__scopeId", "data-v-
|
|
119
|
+
}, ae = /* @__PURE__ */ p(te, [["__scopeId", "data-v-7e659005"]]), le = { class: "card" }, ne = {
|
|
119
120
|
__name: "Card",
|
|
120
121
|
setup(e) {
|
|
121
122
|
return (t, a) => (n(), r("div", le, [
|
|
122
123
|
b(t.$slots, "default", {}, void 0, !0)
|
|
123
124
|
]));
|
|
124
125
|
}
|
|
125
|
-
}, oe = /* @__PURE__ */ p(ne, [["__scopeId", "data-v-
|
|
126
|
+
}, oe = /* @__PURE__ */ p(ne, [["__scopeId", "data-v-82f14ba1"]]), se = {
|
|
126
127
|
__name: "Chip",
|
|
127
128
|
props: {
|
|
128
129
|
variant: {
|
|
@@ -163,7 +164,7 @@ const p = (e, t) => {
|
|
|
163
164
|
], 2);
|
|
164
165
|
};
|
|
165
166
|
}
|
|
166
|
-
}, re = /* @__PURE__ */ p(se, [["__scopeId", "data-v-
|
|
167
|
+
}, re = /* @__PURE__ */ p(se, [["__scopeId", "data-v-9815960f"]]), ie = /* @__PURE__ */ T({
|
|
167
168
|
__name: "Column",
|
|
168
169
|
props: {
|
|
169
170
|
cols: { type: [String, Number], default: null },
|
|
@@ -230,7 +231,7 @@ const p = (e, t) => {
|
|
|
230
231
|
"aria-hidden": "true"
|
|
231
232
|
}, null, 6));
|
|
232
233
|
}
|
|
233
|
-
}, E = /* @__PURE__ */ p(ue, [["__scopeId", "data-v-
|
|
234
|
+
}, E = /* @__PURE__ */ p(ue, [["__scopeId", "data-v-7cd4d2d4"]]), ce = ["for"], me = {
|
|
234
235
|
key: 0,
|
|
235
236
|
class: "date-picker__required"
|
|
236
237
|
}, fe = { class: "date-picker__input-wrapper" }, pe = ["id", "value", "disabled", "readonly", "min", "max", "required"], ye = {
|
|
@@ -321,7 +322,7 @@ const p = (e, t) => {
|
|
|
321
322
|
e.helpText && !e.errorMessage ? (n(), r("div", ve, v(e.helpText), 1)) : u("", !0)
|
|
322
323
|
], 2));
|
|
323
324
|
}
|
|
324
|
-
}), he = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-
|
|
325
|
+
}), he = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-44192e9d"]]), be = ["aria-labelledby"], xe = {
|
|
325
326
|
key: 0,
|
|
326
327
|
class: "dialog-header"
|
|
327
328
|
}, $e = {
|
|
@@ -358,6 +359,10 @@ const p = (e, t) => {
|
|
|
358
359
|
okOnly: {
|
|
359
360
|
type: Boolean,
|
|
360
361
|
default: !1
|
|
362
|
+
},
|
|
363
|
+
fullscreen: {
|
|
364
|
+
type: Boolean,
|
|
365
|
+
default: !1
|
|
361
366
|
}
|
|
362
367
|
},
|
|
363
368
|
emits: ["update:modelValue", "ok"],
|
|
@@ -366,7 +371,8 @@ const p = (e, t) => {
|
|
|
366
371
|
l("update:modelValue", !1);
|
|
367
372
|
}, s = () => {
|
|
368
373
|
a.persistent || o();
|
|
369
|
-
}, d = i(() => a.width ? "" : `dialog-content--${a.size}`), f = i(() => {
|
|
374
|
+
}, d = i(() => a.fullscreen || a.width ? "" : `dialog-content--${a.size}`), f = i(() => {
|
|
375
|
+
if (a.fullscreen) return {};
|
|
370
376
|
const m = {};
|
|
371
377
|
return a.width && (m.maxWidth = typeof a.width == "number" || !isNaN(Number(a.width)) ? `${a.width}px` : a.width, m.width = m.maxWidth), m;
|
|
372
378
|
});
|
|
@@ -385,7 +391,7 @@ const p = (e, t) => {
|
|
|
385
391
|
onClick: s
|
|
386
392
|
}, [
|
|
387
393
|
c("div", {
|
|
388
|
-
class: y(["dialog-content", d.value]),
|
|
394
|
+
class: y(["dialog-content", [d.value, { "dialog-content--fullscreen": e.fullscreen }]]),
|
|
389
395
|
style: x(f.value),
|
|
390
396
|
role: "dialog",
|
|
391
397
|
"aria-modal": "true",
|
|
@@ -419,7 +425,7 @@ const p = (e, t) => {
|
|
|
419
425
|
]);
|
|
420
426
|
};
|
|
421
427
|
}
|
|
422
|
-
}, Se = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-
|
|
428
|
+
}, Se = /* @__PURE__ */ p(_e, [["__scopeId", "data-v-fcf7a3f1"]]), we = {
|
|
423
429
|
__name: "Divider",
|
|
424
430
|
props: {
|
|
425
431
|
vertical: {
|
|
@@ -441,14 +447,14 @@ const p = (e, t) => {
|
|
|
441
447
|
style: x(l.value)
|
|
442
448
|
}, null, 6));
|
|
443
449
|
}
|
|
444
|
-
}, ke = /* @__PURE__ */ p(we, [["__scopeId", "data-v-
|
|
450
|
+
}, ke = /* @__PURE__ */ p(we, [["__scopeId", "data-v-97348551"]]), Ve = { class: "spinner-container" }, Ie = {
|
|
445
451
|
__name: "ProgressSpinner",
|
|
446
452
|
setup(e) {
|
|
447
453
|
return (t, a) => (n(), r("div", Ve, [...a[0] || (a[0] = [
|
|
448
454
|
c("div", { class: "spinner" }, null, -1)
|
|
449
455
|
])]));
|
|
450
456
|
}
|
|
451
|
-
}, R = /* @__PURE__ */ p(Ie, [["__scopeId", "data-v-
|
|
457
|
+
}, R = /* @__PURE__ */ p(Ie, [["__scopeId", "data-v-28112817"]]), Ce = {
|
|
452
458
|
key: 0,
|
|
453
459
|
class: "placeholder"
|
|
454
460
|
}, Be = ["src", "alt"], ze = {
|
|
@@ -581,7 +587,7 @@ const p = (e, t) => {
|
|
|
581
587
|
])
|
|
582
588
|
], 2));
|
|
583
589
|
}
|
|
584
|
-
}, Ae = /* @__PURE__ */ p(Te, [["__scopeId", "data-v-
|
|
590
|
+
}, Ae = /* @__PURE__ */ p(Te, [["__scopeId", "data-v-218a8bde"]]), Pe = {
|
|
585
591
|
__name: "NavigationDrawer",
|
|
586
592
|
props: {
|
|
587
593
|
modelValue: {
|
|
@@ -641,7 +647,7 @@ const p = (e, t) => {
|
|
|
641
647
|
}, 8, ["name"])
|
|
642
648
|
]));
|
|
643
649
|
}
|
|
644
|
-
}, Fe = /* @__PURE__ */ p(Pe, [["__scopeId", "data-v-
|
|
650
|
+
}, Fe = /* @__PURE__ */ p(Pe, [["__scopeId", "data-v-a9459219"]]), Oe = ["aria-valuenow"], Ee = ["width", "height", "viewBox"], Re = ["cx", "cy", "r", "stroke-width"], Ge = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], je = {
|
|
645
651
|
key: 0,
|
|
646
652
|
class: "progress-circular__content"
|
|
647
653
|
}, $ = 44, He = {
|
|
@@ -673,8 +679,7 @@ const p = (e, t) => {
|
|
|
673
679
|
const t = e, a = i(() => ($ - t.width) / 2), l = i(() => 2 * Math.PI * a.value), o = i(() => ({
|
|
674
680
|
width: `${t.size}px`,
|
|
675
681
|
height: `${t.size}px`,
|
|
676
|
-
color: t.color === "primary" ? "
|
|
677
|
-
// Use primary green color
|
|
682
|
+
color: t.color === "primary" ? "var(--primary-color)" : t.color
|
|
678
683
|
})), s = i(() => t.width / t.size * $), d = i(() => t.indeterminate ? null : l.value * (1 - t.modelValue / 100));
|
|
679
684
|
return (f, m) => (n(), r("div", {
|
|
680
685
|
class: "progress-circular",
|
|
@@ -714,7 +719,7 @@ const p = (e, t) => {
|
|
|
714
719
|
])) : u("", !0)
|
|
715
720
|
], 12, Oe));
|
|
716
721
|
}
|
|
717
|
-
}, We = /* @__PURE__ */ p(He, [["__scopeId", "data-v-
|
|
722
|
+
}, We = /* @__PURE__ */ p(He, [["__scopeId", "data-v-2e383161"]]), Le = {
|
|
718
723
|
__name: "Row",
|
|
719
724
|
props: {
|
|
720
725
|
justify: {
|
|
@@ -846,7 +851,7 @@ const p = (e, t) => {
|
|
|
846
851
|
], 2);
|
|
847
852
|
};
|
|
848
853
|
}
|
|
849
|
-
}, tt = /* @__PURE__ */ p(et, [["__scopeId", "data-v-
|
|
854
|
+
}, tt = /* @__PURE__ */ p(et, [["__scopeId", "data-v-a36629f1"]]), at = { class: "spacer" }, lt = {
|
|
850
855
|
__name: "Spacer",
|
|
851
856
|
setup(e) {
|
|
852
857
|
return (t, a) => (n(), r("div", at));
|
|
@@ -906,7 +911,7 @@ const p = (e, t) => {
|
|
|
906
911
|
e.error ? (n(), r("p", it, v(e.error), 1)) : u("", !0)
|
|
907
912
|
]));
|
|
908
913
|
}
|
|
909
|
-
}, ut = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-
|
|
914
|
+
}, ut = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-99d40ec4"]]);
|
|
910
915
|
class ct {
|
|
911
916
|
static newGuid() {
|
|
912
917
|
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
|
|
@@ -1037,7 +1042,7 @@ const mt = { class: "input-container" }, ft = ["id", "type", "value", "autocompl
|
|
|
1037
1042
|
])
|
|
1038
1043
|
], 2));
|
|
1039
1044
|
}
|
|
1040
|
-
}), gt = /* @__PURE__ */ p(vt, [["__scopeId", "data-v-
|
|
1045
|
+
}), gt = /* @__PURE__ */ p(vt, [["__scopeId", "data-v-f4c602d7"]]), ht = ["aria-label"], bt = { class: "tooltip-content" }, xt = {
|
|
1041
1046
|
__name: "Tooltip",
|
|
1042
1047
|
props: {
|
|
1043
1048
|
text: {
|
|
@@ -1088,7 +1093,7 @@ const mt = { class: "input-container" }, ft = ["id", "type", "value", "autocompl
|
|
|
1088
1093
|
})
|
|
1089
1094
|
], 40, ht));
|
|
1090
1095
|
}
|
|
1091
|
-
}, $t = /* @__PURE__ */ p(xt, [["__scopeId", "data-v-
|
|
1096
|
+
}, $t = /* @__PURE__ */ p(xt, [["__scopeId", "data-v-66afe288"]]), _t = {
|
|
1092
1097
|
__name: "Overlay",
|
|
1093
1098
|
props: {
|
|
1094
1099
|
modelValue: {
|
|
@@ -1121,7 +1126,7 @@ const mt = { class: "input-container" }, ft = ["id", "type", "value", "autocompl
|
|
|
1121
1126
|
_: 3
|
|
1122
1127
|
}));
|
|
1123
1128
|
}
|
|
1124
|
-
}, St = /* @__PURE__ */ p(_t, [["__scopeId", "data-v-
|
|
1129
|
+
}, St = /* @__PURE__ */ p(_t, [["__scopeId", "data-v-45f15f75"]]), wt = (e) => {
|
|
1125
1130
|
e.component("Avatar", Y), e.component("Button", ae), e.component("Card", oe), e.component("Chip", re), e.component("Column", de), e.component("DatePicker", he), e.component("Dialog", Se), e.component("Divider", ke), e.component("Icon", E), e.component("Overlay", St), e.component("Image", Ne), e.component("Input", Ae), e.component("NavigationDrawer", Fe), e.component("Progress", We), e.component("ProgressSpinner", R), e.component("Row", Ue), e.component("Select", tt), e.component("Spacer", nt), e.component("TextArea", ut), e.component("TextField", gt), e.component("Tooltip", $t);
|
|
1126
1131
|
}, Vt = { install: wt };
|
|
1127
1132
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TreqitUiLibrary={},i.Vue))})(this,(function(i,e){"use strict";const d=(t,l)=>{const a=t.__vccOpts||t;for(const[o,n]of l)a[o]=n;return a},G={key:0,class:"avatar-initials"},S=d({__name:"Avatar",props:{size:{type:[String,Number],default:48},rounded:{type:[String,Number,Boolean],default:!0},color:{type:String,default:"var(--treqit-gray-300)"},initials:{type:String,default:null}},setup(t){const l=t,a=e.computed(()=>["avatar",{"avatar--rounded-sm":l.rounded==="sm","avatar--rounded-lg":l.rounded==="lg"}]),o=e.computed(()=>{const n={width:`${l.size}px`,height:`${l.size}px`,backgroundColor:l.color};return l.rounded===!0||l.rounded===""?n.borderRadius="50%":l.rounded===!1||l.rounded===0||l.rounded==="0"?n.borderRadius="0px":typeof l.rounded=="number"&&(n.borderRadius=`${l.rounded}px`),n});return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},()=>[t.initials?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(t.initials),1)):e.createCommentVNode("",!0)],!0)],6))}},[["__scopeId","data-v-2e02a766"]]),H=["type","disabled"],L={key:0,class:"btn-loader"},$=d({__name:"Button",props:{variant:{type:String,default:"primary",validator:t=>["primary","secondary","destructive","flat","elevated","text","outlined","outlined-primary","outlined-secondary","rounded"].includes(t)},size:{type:String,default:"medium",validator:t=>["sm","small","medium","large","x-large"].includes(t)},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},full:{type:Boolean,default:!1}},emits:["click"],setup(t){const l=t,a=e.computed(()=>["btn",`btn--${l.variant}`,`btn--${l.size==="sm"?"small":l.size}`,{"btn--loading":l.loading,"btn--full":l.full}]);return(o,n)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(a.value),disabled:t.disabled||t.loading,onClick:n[0]||(n[0]=r=>o.$emit("click"))},[t.loading?(e.openBlock(),e.createElementBlock("div",L,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"simple-spinner"},null,-1)])])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["btn-content",{"content-hidden":t.loading}])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2)],10,H))}},[["__scopeId","data-v-8db92d47"]]),U={class:"card"},V=d({__name:"Card",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-09430cb2"]]),x=d({__name:"Chip",props:{variant:{type:String,default:"secondary",validator:t=>["primary","secondary","success","warning","danger"].includes(t)},removable:{type:Boolean,default:!1}},emits:["remove"],setup(t){const l=t,a=e.computed(()=>["chip",`chip--${l.variant}`]);return(o,n)=>{const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0),t.removable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"remove-btn",onClick:n[0]||(n[0]=e.withModifiers(s=>o.$emit("remove"),["stop"])),"aria-label":"Remove"},[e.createVNode(r,{name:"close",size:"14","stroke-width":"2.5"})])):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-6b6b7ae9"]]),w=d(e.defineComponent({__name:"Column",props:{cols:{type:[String,Number],default:null},xs:{type:[String,Number],default:null},sm:{type:[String,Number],default:null},md:{type:[String,Number],default:null},lg:{type:[String,Number],default:null},xl:{type:[String,Number],default:null}},setup(t){const l=t,a=e.computed(()=>{const o=["col"],n={cols:"col-",xs:"col-xs-",sm:"col-sm-",md:"col-md-",lg:"col-lg-",xl:"col-xl-"};for(const r in n)l[r]&&o.push(`${n[r]}${l[r]}`);return o});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-a5db8165"]]),_=d({__name:"Icon",props:{icon:{type:String,required:!1},size:{type:[String,Number],default:24},color:{type:String,default:null}},setup(t){const l=t,a={"x-small":12,small:16,medium:24,large:32,"x-large":40},o=e.computed(()=>l.icon?["icon","mdi",l.icon]:["icon"]),n=e.computed(()=>{let r=l.size;typeof l.size=="string"&&a[l.size]&&(r=a[l.size]);const s={fontSize:`${r}px`};return l.color&&(s.color=l.color),s});return(r,s)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(o.value),style:e.normalizeStyle(n.value),"aria-hidden":"true"},null,6))}},[["__scopeId","data-v-4a07735a"]]),W=["for"],X={key:0,class:"date-picker__required"},J={class:"date-picker__input-wrapper"},K=["id","value","disabled","readonly","min","max","required"],Q={key:1,class:"date-picker__error"},Y={key:2,class:"date-picker__help"},C=d(e.defineComponent({__name:"DatePicker",props:{modelValue:{default:""},label:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},required:{type:Boolean},min:{},max:{},errorMessage:{},helpText:{},size:{default:"medium"},variant:{default:"default"},showIcon:{type:Boolean,default:!0}},emits:["update:modelValue","change","blur","focus"],setup(t,{emit:l}){const a=t,o=l,n=e.computed(()=>`date-picker-${Math.random().toString(36).substr(2,9)}`),r=e.computed(()=>["date-picker",`date-picker--${a.size}`,`date-picker--${a.variant}`,{"date-picker--disabled":a.disabled,"date-picker--readonly":a.readonly,"date-picker--error":a.errorMessage,"date-picker--required":a.required}]),s=e.computed(()=>["date-picker__input",{"date-picker__input--with-icon":a.showIcon}]),m=f=>{const g=f.target;o("update:modelValue",g.value)},c=f=>{const g=f.target;o("change",g.value)},u=f=>{o("blur",f)},y=f=>{o("focus",f)};return(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["date-picker",r.value])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.value,class:"date-picker__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],8,W)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.createElementVNode("input",{id:n.value,type:"date",value:t.modelValue,disabled:t.disabled,readonly:t.readonly,min:t.min,max:t.max,required:t.required,class:e.normalizeClass(s.value),onInput:m,onChange:c,onBlur:u,onFocus:y},null,42,K),t.showIcon?(e.openBlock(),e.createBlock(_,{key:0,icon:"mdi-calendar",class:"date-picker__icon"})):e.createCommentVNode("",!0)]),t.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0),t.helpText&&!t.errorMessage?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-f09e8bb1"]]),Z=["aria-labelledby"],v={key:0,class:"dialog-header"},ee={id:"dialog-title",class:"dialog-title"},N=d({__name:"Dialog",props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:""},persistent:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},size:{type:String,default:"md"},width:{type:[String,Number],default:null},okOnly:{type:Boolean,default:!1}},emits:["update:modelValue","ok"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=()=>{a.persistent||n()},s=e.computed(()=>a.width?"":`dialog-content--${a.size}`),m=e.computed(()=>{const c={};return a.width&&(c.maxWidth=typeof a.width=="number"||!isNaN(Number(a.width))?`${a.width}px`:a.width,c.width=c.maxWidth),c});return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(document.body.style.overflow=c?"hidden":"")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>{const y=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"dialog-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dialog-overlay",onClick:r},[e.createElementVNode("div",{class:e.normalizeClass(["dialog-content",s.value]),style:e.normalizeStyle(m.value),role:"dialog","aria-modal":"true","aria-labelledby":t.title?"dialog-title":void 0,onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[t.title?(e.openBlock(),e.createElementBlock("header",v,[e.createElementVNode("h2",ee,e.toDisplayString(t.title),1),e.createElementVNode("button",{onClick:n,class:"dialog-close-btn","aria-label":"Close dialog"},[e.createVNode(y,{icon:"mdi-close",size:"24"})])])):e.createCommentVNode("",!0),e.createElementVNode("main",{class:e.normalizeClass(["dialog-body",{scrollable:t.scrollable}])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],14,Z)])):e.createCommentVNode("",!0)]),_:3})])}}},[["__scopeId","data-v-b9e605dc"]]),E=d({__name:"Divider",props:{vertical:{type:Boolean,default:!1},height:{type:[String,Number],default:1}},setup(t){const l=t,a=e.computed(()=>["divider",l.vertical?"divider--vertical":"divider--horizontal"]),o=e.computed(()=>l.vertical?{}:{height:`${l.height}px`});return(n,r)=>(e.openBlock(),e.createElementBlock("hr",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},null,6))}},[["__scopeId","data-v-cbf66f89"]]),te={class:"spinner-container"},B=d({__name:"ProgressSpinner",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",te,[...a[0]||(a[0]=[e.createElementVNode("div",{class:"spinner"},null,-1)])]))}},[["__scopeId","data-v-69bc6c98"]]),le={key:0,class:"placeholder"},ae=["src","alt"],z=d({__name:"Image",props:{src:{type:String,required:!0},alt:{type:String,required:!1},width:{type:String,default:"100%"},height:{type:String,default:"auto"},maxHeight:{type:String,default:void 0},fit:{type:String,default:"cover"}},setup(t){const l=t,a=e.ref(!0),o=e.ref(!1),n=()=>{a.value=!1,o.value=!1},r=()=>{a.value=!1,o.value=!0};e.watch(()=>l.src,()=>{a.value=!0,o.value=!1},{immediate:!0});const s=e.computed(()=>({width:l.width,height:l.height,minWidth:l.width,minHeight:l.height,maxHeight:l.maxHeight}));return(m,c)=>{const u=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:"image-container",style:e.normalizeStyle(s.value)},[a.value||o.value?(e.openBlock(),e.createElementBlock("div",le,[a.value?(e.openBlock(),e.createBlock(B,{key:0})):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(u,{key:1,name:"image-off",size:48})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("img",{src:t.src,alt:t.alt,class:"image",style:e.normalizeStyle({objectFit:t.fit,maxHeight:t.maxHeight}),onLoad:n,onError:r},null,44,ae),[[e.vShow,!a.value&&!o.value]])],4)}}},[["__scopeId","data-v-a3997b8b"]]),oe=["for"],ne={class:"input-container"},re=["id","type","value","placeholder","disabled"],I=d({__name:"Input",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`input-${Math.random().toString(36).substring(2,9)}`},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=r=>{o("update:modelValue",r.target.value)};return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"input-label"},e.toDisplayString(t.label),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,onInput:n,placeholder:t.placeholder,disabled:t.disabled,class:"input-field"},null,40,re)])],2))}},[["__scopeId","data-v-9c7a100f"]]),D=d({__name:"NavigationDrawer",props:{modelValue:{type:Boolean,required:!0},location:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:[String,Number],default:300}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=e.computed(()=>["navigation-drawer",`navigation-drawer--${a.location}`]),s=e.computed(()=>({width:`${a.width}px`})),m=e.computed(()=>`slide-from-${a.location}`);return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(c?document.body.style.overflow="hidden":document.body.style.overflow="")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"overlay",onClick:n,"aria-hidden":"true"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:m.value},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("aside",{key:0,class:e.normalizeClass(r.value),style:e.normalizeStyle(s.value),role:"dialog","aria-modal":"true"},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3},8,["name"])]))}},[["__scopeId","data-v-a13e59a5"]]),ie=["aria-valuenow"],se=["width","height","viewBox"],ce=["cx","cy","r","stroke-width"],de=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],me={key:0,class:"progress-circular__content"},p=44,T=d({__name:"Progress",props:{modelValue:{type:[Number,String],default:0},size:{type:[Number,String],default:60},width:{type:[Number,String],default:10},color:{type:String,default:"primary"},indeterminate:{type:Boolean,default:!1}},setup(t){const l=t,a=e.computed(()=>(p-l.width)/2),o=e.computed(()=>2*Math.PI*a.value),n=e.computed(()=>({width:`${l.size}px`,height:`${l.size}px`,color:l.color==="primary"?"#3C9273":l.color})),r=e.computed(()=>l.width/l.size*p),s=e.computed(()=>l.indeterminate?null:o.value*(1-l.modelValue/100));return(m,c)=>(e.openBlock(),e.createElementBlock("div",{class:"progress-circular",style:e.normalizeStyle(n.value),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.indeterminate?void 0:t.modelValue},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:`0 0 ${p} ${p}`},[e.createElementVNode("circle",{class:"progress-circular__underlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value},null,8,ce),e.createElementVNode("circle",{class:"progress-circular__overlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value,"stroke-dasharray":o.value,"stroke-dashoffset":s.value},null,8,de)],8,se)),m.$slots.default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],12,ie))}},[["__scopeId","data-v-bdb14b7f"]]),M=d({__name:"Row",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"stretch"},gap:{type:String,default:"0"},wrap:{type:Boolean,default:!0}},setup(t){const l=t,a=e.computed(()=>({justifyContent:l.justify,alignItems:l.align,gap:l.gap,flexWrap:l.wrap?"wrap":"nowrap"}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"flex-row",style:e.normalizeStyle(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}},[["__scopeId","data-v-fc69ad3e"]]),ue=["for"],fe={class:"select-container"},pe=["id","value","disabled","multiple"],ye=["selected"],ge=["value"],he={key:0,class:"select-icon","aria-hidden":"true"},q=d({__name:"Select",props:{modelValue:{type:[String,Number,Array],default:""},options:{type:Array,required:!0},label:{type:String,default:""},placeholder:{type:String,default:"Select an option"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`select-${Math.random().toString(36).substring(2,9)}`},multiple:{type:Boolean,default:!1},hideArrow:{type:Boolean,default:!1},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;e.computed(()=>!a.options||a.options.length===0?[]:typeof a.options[0]=="string"?a.options.map(r=>({text:r,value:r})):a.options);const n=r=>{if(a.multiple){const s=Array.from(r.target.selectedOptions).map(m=>m.value);o("update:modelValue",s)}else o("update:modelValue",r.target.value)};return(r,s)=>{const m=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["select-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"select-label"},e.toDisplayString(t.label),9,ue)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,[e.createElementVNode("select",{id:t.id,value:t.modelValue,onChange:n,disabled:t.disabled,multiple:t.multiple,class:e.normalizeClass([{"no-arrow":t.hideArrow},"select-input"])},[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:"",disabled:"",selected:!t.modelValue},e.toDisplayString(t.placeholder),9,ye)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.text),9,ge))),128))],42,pe),t.hideArrow?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(m,{icon:"mdi-chevron-down",size:"20"})]))])],2)}}},[["__scopeId","data-v-d4f9136e"]]),ke={class:"spacer"},P=d({__name:"Spacer",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",ke))}},[["__scopeId","data-v-370a82d1"]]),be={class:"textarea-wrapper"},_e=["for"],Be=["id","value","placeholder","rows","maxlength"],Se={key:1,class:"error-message"},A=d({__name:"TextArea",props:{id:{type:String,required:!1},label:{type:String,default:""},modelValue:{type:String,default:""},placeholder:{type:String,default:""},rows:{type:[String,Number],default:3},maxlength:{type:[String,Number],default:null},error:{type:String,default:""}},emits:["update:modelValue"],setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",be,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"textarea-label"},e.toDisplayString(t.label),9,_e)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{id:t.id,value:t.modelValue,placeholder:t.placeholder,rows:t.rows,maxlength:t.maxlength,onInput:a[0]||(a[0]=o=>l.$emit("update:modelValue",o.target.value)),class:e.normalizeClass(["textarea-input",{"has-error":t.error}])},null,42,Be),t.error?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-a2a785c2"]]);class $e{static newGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(l){const a=Math.random()*16|0;return(l=="x"?a:a&3|8).toString(16)})}static isValidGuid(){const l=/^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;return function(a){return a&&l.test(a)}}static isEmptyGuid(l){return l==="00000000-0000-0000-0000-000000000000"}static emptyGuid(){return"00000000-0000-0000-0000-000000000000"}}const Ve={class:"input-container"},xe=["id","type","value","autocomplete","maxlength"],we=["for"],Ce={class:"error-container"},F=d(e.defineComponent({__name:"TextField",props:{id:{type:String,default:()=>`textfield-${$e.newGuid()}`},label:{type:String,default:""},modelValue:{type:[String,Number],default:""},rules:{type:Array,default:()=>[]},type:{type:String,default:"text"},trim:{type:Boolean,default:!1},placeholder:{type:String,default:""},autocomplete:{type:String,default:"off"},maxlength:{type:[String,Number],default:void 0}},emits:["update:modelValue"],setup(t,{expose:l,emit:a}){const o=t,n=a,r=e.ref([]),s=e.ref(!0),m=e.inject("form",null),c=e.getCurrentInstance(),u=async()=>{r.value=[];let k=!0;for(const h of o.rules){const b=h(o.modelValue);b!==!0&&(k=!1,r.value.push(b))}return{valid:k,errors:r.value}},y=()=>{n("update:modelValue",""),f()},f=()=>{r.value=[],s.value=!0},g=k=>{const h=k.target;n("update:modelValue",h.value),s.value||u()},Ie=()=>{s.value=!1,o.trim&&typeof o.modelValue=="string"&&n("update:modelValue",o.modelValue.trim()),u()};return e.onMounted(()=>{m&&c&&m.register({id:o.id,validate:u,reset:y,resetValidation:f})}),e.onUnmounted(()=>{m&&c&&m.unregister({id:o.id})}),l({validate:u,reset:y,resetValidation:f,id:o.id,errors:r}),(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-field-wrapper",{"has-value":t.modelValue}])},[e.createElementVNode("div",Ve,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,placeholder:" ",onInput:g,onBlur:Ie,class:"text-field-input",autocomplete:t.autocomplete,maxlength:t.maxlength},null,40,xe),t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"text-field-label"},e.toDisplayString(t.placeholder?t.placeholder:t.label),9,we)):e.createCommentVNode("",!0),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["text-field-fieldset",{"has-error":r.value.length>0}])},[...h[0]||(h[0]=[e.createElementVNode("legend",{class:"text-field-legend"},null,-1)])],2)]),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(b,De)=>(e.openBlock(),e.createElementBlock("p",{key:De,class:"error-message"},e.toDisplayString(b),1))),128))])],2))}}),[["__scopeId","data-v-02dabc6c"]]),Ne=["aria-label"],Ee={class:"tooltip-content"},O=d({__name:"Tooltip",props:{text:{type:String,required:!0},location:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},disabled:{type:Boolean,default:!1}},setup(t){const l=t,a=e.ref(!1),o=()=>{l.disabled||(a.value=!0)},n=()=>{a.value=!1},r=e.computed(()=>["tooltip",`tooltip--${l.location}`]);return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"tooltip-container",onMouseenter:o,onMouseleave:n,onFocusin:o,onFocusout:n,role:"tooltip","aria-label":t.text},[e.renderSlot(s.$slots,"default",{},void 0,!0),e.createVNode(e.Transition,{name:"tooltip-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.value)},[e.createElementVNode("div",Ee,e.toDisplayString(t.text),1),m[0]||(m[0]=e.createElementVNode("div",{class:"tooltip-arrow"},null,-1))],2)):e.createCommentVNode("",!0)]),_:1})],40,Ne))}},[["__scopeId","data-v-a7533144"]]),j=d({__name:"Overlay",props:{modelValue:{type:Boolean,default:!1},contained:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;function n(){o("update:modelValue",!1)}return e.watch(()=>a.modelValue,r=>{!a.contained&&typeof document<"u"&&(document.body.style.overflow=r?"hidden":"")}),(r,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"overlay-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overlay",{"overlay--contained":t.contained}]),onClick:e.withModifiers(n,["self"])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3}))}},[["__scopeId","data-v-11b69f56"]]),R=t=>{t.component("Avatar",S),t.component("Button",$),t.component("Card",V),t.component("Chip",x),t.component("Column",w),t.component("DatePicker",C),t.component("Dialog",N),t.component("Divider",E),t.component("Icon",_),t.component("Overlay",j),t.component("Image",z),t.component("Input",I),t.component("NavigationDrawer",D),t.component("Progress",T),t.component("ProgressSpinner",B),t.component("Row",M),t.component("Select",q),t.component("Spacer",P),t.component("TextArea",A),t.component("TextField",F),t.component("Tooltip",O)},ze={install:R};i.Avatar=S,i.Button=$,i.Card=V,i.Chip=x,i.Column=w,i.DatePicker=C,i.Dialog=N,i.Divider=E,i.Icon=_,i.Image=z,i.Input=I,i.NavigationDrawer=D,i.Overlay=j,i.Progress=T,i.ProgressSpinner=B,i.Row=M,i.Select=q,i.Spacer=P,i.TextArea=A,i.TextField=F,i.Tooltip=O,i.default=ze,i.install=R,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TreqitUiLibrary={},i.Vue))})(this,(function(i,e){"use strict";const d=(t,l)=>{const a=t.__vccOpts||t;for(const[o,n]of l)a[o]=n;return a},G={key:0,class:"avatar-initials"},S=d({__name:"Avatar",props:{size:{type:[String,Number],default:48},rounded:{type:[String,Number,Boolean],default:!0},color:{type:String,default:null},initials:{type:String,default:null}},setup(t){const l=t,a=e.computed(()=>["avatar",{"avatar--rounded-sm":l.rounded==="sm","avatar--rounded-lg":l.rounded==="lg"}]),o=e.computed(()=>{const n={width:`${l.size}px`,height:`${l.size}px`,backgroundColor:l.color||"var(--surface-secondary)",transition:"background-color 0.3s ease"};return l.rounded===!0||l.rounded===""?n.borderRadius="50%":l.rounded===!1||l.rounded===0||l.rounded==="0"?n.borderRadius="0px":typeof l.rounded=="number"&&(n.borderRadius=`${l.rounded}px`),n});return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},()=>[t.initials?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(t.initials),1)):e.createCommentVNode("",!0)],!0)],6))}},[["__scopeId","data-v-b02c0c4e"]]),H=["type","disabled"],L={key:0,class:"btn-loader"},$=d({__name:"Button",props:{variant:{type:String,default:"primary",validator:t=>["primary","secondary","destructive","flat","elevated","text","outlined","outlined-primary","outlined-secondary","rounded"].includes(t)},size:{type:String,default:"medium",validator:t=>["sm","small","medium","large","x-large"].includes(t)},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},full:{type:Boolean,default:!1}},emits:["click"],setup(t){const l=t,a=e.computed(()=>["btn",`btn--${l.variant}`,`btn--${l.size==="sm"?"small":l.size}`,{"btn--loading":l.loading,"btn--full":l.full}]);return(o,n)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(a.value),disabled:t.disabled||t.loading,onClick:n[0]||(n[0]=r=>o.$emit("click"))},[t.loading?(e.openBlock(),e.createElementBlock("div",L,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"simple-spinner"},null,-1)])])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["btn-content",{"content-hidden":t.loading}])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2)],10,H))}},[["__scopeId","data-v-7e659005"]]),U={class:"card"},V=d({__name:"Card",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(l.$slots,"default",{},void 0,!0)]))}},[["__scopeId","data-v-82f14ba1"]]),x=d({__name:"Chip",props:{variant:{type:String,default:"secondary",validator:t=>["primary","secondary","success","warning","danger"].includes(t)},removable:{type:Boolean,default:!1}},emits:["remove"],setup(t){const l=t,a=e.computed(()=>["chip",`chip--${l.variant}`]);return(o,n)=>{const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0),t.removable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"remove-btn",onClick:n[0]||(n[0]=e.withModifiers(s=>o.$emit("remove"),["stop"])),"aria-label":"Remove"},[e.createVNode(r,{name:"close",size:"14","stroke-width":"2.5"})])):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-9815960f"]]),w=d(e.defineComponent({__name:"Column",props:{cols:{type:[String,Number],default:null},xs:{type:[String,Number],default:null},sm:{type:[String,Number],default:null},md:{type:[String,Number],default:null},lg:{type:[String,Number],default:null},xl:{type:[String,Number],default:null}},setup(t){const l=t,a=e.computed(()=>{const o=["col"],n={cols:"col-",xs:"col-xs-",sm:"col-sm-",md:"col-md-",lg:"col-lg-",xl:"col-xl-"};for(const r in n)l[r]&&o.push(`${n[r]}${l[r]}`);return o});return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-a5db8165"]]),_=d({__name:"Icon",props:{icon:{type:String,required:!1},size:{type:[String,Number],default:24},color:{type:String,default:null}},setup(t){const l=t,a={"x-small":12,small:16,medium:24,large:32,"x-large":40},o=e.computed(()=>l.icon?["icon","mdi",l.icon]:["icon"]),n=e.computed(()=>{let r=l.size;typeof l.size=="string"&&a[l.size]&&(r=a[l.size]);const s={fontSize:`${r}px`};return l.color&&(s.color=l.color),s});return(r,s)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(o.value),style:e.normalizeStyle(n.value),"aria-hidden":"true"},null,6))}},[["__scopeId","data-v-7cd4d2d4"]]),W=["for"],X={key:0,class:"date-picker__required"},J={class:"date-picker__input-wrapper"},K=["id","value","disabled","readonly","min","max","required"],Q={key:1,class:"date-picker__error"},Y={key:2,class:"date-picker__help"},C=d(e.defineComponent({__name:"DatePicker",props:{modelValue:{default:""},label:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},required:{type:Boolean},min:{},max:{},errorMessage:{},helpText:{},size:{default:"medium"},variant:{default:"default"},showIcon:{type:Boolean,default:!0}},emits:["update:modelValue","change","blur","focus"],setup(t,{emit:l}){const a=t,o=l,n=e.computed(()=>`date-picker-${Math.random().toString(36).substr(2,9)}`),r=e.computed(()=>["date-picker",`date-picker--${a.size}`,`date-picker--${a.variant}`,{"date-picker--disabled":a.disabled,"date-picker--readonly":a.readonly,"date-picker--error":a.errorMessage,"date-picker--required":a.required}]),s=e.computed(()=>["date-picker__input",{"date-picker__input--with-icon":a.showIcon}]),m=f=>{const g=f.target;o("update:modelValue",g.value)},c=f=>{const g=f.target;o("change",g.value)},u=f=>{o("blur",f)},y=f=>{o("focus",f)};return(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["date-picker",r.value])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.value,class:"date-picker__label"},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],8,W)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.createElementVNode("input",{id:n.value,type:"date",value:t.modelValue,disabled:t.disabled,readonly:t.readonly,min:t.min,max:t.max,required:t.required,class:e.normalizeClass(s.value),onInput:m,onChange:c,onBlur:u,onFocus:y},null,42,K),t.showIcon?(e.openBlock(),e.createBlock(_,{key:0,icon:"mdi-calendar",class:"date-picker__icon"})):e.createCommentVNode("",!0)]),t.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.errorMessage),1)):e.createCommentVNode("",!0),t.helpText&&!t.errorMessage?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-44192e9d"]]),Z=["aria-labelledby"],v={key:0,class:"dialog-header"},ee={id:"dialog-title",class:"dialog-title"},N=d({__name:"Dialog",props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:""},persistent:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},size:{type:String,default:"md"},width:{type:[String,Number],default:null},okOnly:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1}},emits:["update:modelValue","ok"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=()=>{a.persistent||n()},s=e.computed(()=>a.fullscreen||a.width?"":`dialog-content--${a.size}`),m=e.computed(()=>{if(a.fullscreen)return{};const c={};return a.width&&(c.maxWidth=typeof a.width=="number"||!isNaN(Number(a.width))?`${a.width}px`:a.width,c.width=c.maxWidth),c});return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(document.body.style.overflow=c?"hidden":"")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>{const y=e.resolveComponent("Icon");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"dialog-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dialog-overlay",onClick:r},[e.createElementVNode("div",{class:e.normalizeClass(["dialog-content",[s.value,{"dialog-content--fullscreen":t.fullscreen}]]),style:e.normalizeStyle(m.value),role:"dialog","aria-modal":"true","aria-labelledby":t.title?"dialog-title":void 0,onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[t.title?(e.openBlock(),e.createElementBlock("header",v,[e.createElementVNode("h2",ee,e.toDisplayString(t.title),1),e.createElementVNode("button",{onClick:n,class:"dialog-close-btn","aria-label":"Close dialog"},[e.createVNode(y,{icon:"mdi-close",size:"24"})])])):e.createCommentVNode("",!0),e.createElementVNode("main",{class:e.normalizeClass(["dialog-body",{scrollable:t.scrollable}])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2)],14,Z)])):e.createCommentVNode("",!0)]),_:3})])}}},[["__scopeId","data-v-fcf7a3f1"]]),E=d({__name:"Divider",props:{vertical:{type:Boolean,default:!1},height:{type:[String,Number],default:1}},setup(t){const l=t,a=e.computed(()=>["divider",l.vertical?"divider--vertical":"divider--horizontal"]),o=e.computed(()=>l.vertical?{}:{height:`${l.height}px`});return(n,r)=>(e.openBlock(),e.createElementBlock("hr",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},null,6))}},[["__scopeId","data-v-97348551"]]),te={class:"spinner-container"},b=d({__name:"ProgressSpinner",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",te,[...a[0]||(a[0]=[e.createElementVNode("div",{class:"spinner"},null,-1)])]))}},[["__scopeId","data-v-28112817"]]),le={key:0,class:"placeholder"},ae=["src","alt"],z=d({__name:"Image",props:{src:{type:String,required:!0},alt:{type:String,required:!1},width:{type:String,default:"100%"},height:{type:String,default:"auto"},maxHeight:{type:String,default:void 0},fit:{type:String,default:"cover"}},setup(t){const l=t,a=e.ref(!0),o=e.ref(!1),n=()=>{a.value=!1,o.value=!1},r=()=>{a.value=!1,o.value=!0};e.watch(()=>l.src,()=>{a.value=!0,o.value=!1},{immediate:!0});const s=e.computed(()=>({width:l.width,height:l.height,minWidth:l.width,minHeight:l.height,maxHeight:l.maxHeight}));return(m,c)=>{const u=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:"image-container",style:e.normalizeStyle(s.value)},[a.value||o.value?(e.openBlock(),e.createElementBlock("div",le,[a.value?(e.openBlock(),e.createBlock(b,{key:0})):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(u,{key:1,name:"image-off",size:48})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("img",{src:t.src,alt:t.alt,class:"image",style:e.normalizeStyle({objectFit:t.fit,maxHeight:t.maxHeight}),onLoad:n,onError:r},null,44,ae),[[e.vShow,!a.value&&!o.value]])],4)}}},[["__scopeId","data-v-a3997b8b"]]),oe=["for"],ne={class:"input-container"},re=["id","type","value","placeholder","disabled"],I=d({__name:"Input",props:{modelValue:{type:[String,Number],default:""},label:{type:String,default:""},placeholder:{type:String,default:""},type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`input-${Math.random().toString(36).substring(2,9)}`},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=r=>{o("update:modelValue",r.target.value)};return(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"input-label"},e.toDisplayString(t.label),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,onInput:n,placeholder:t.placeholder,disabled:t.disabled,class:"input-field"},null,40,re)])],2))}},[["__scopeId","data-v-218a8bde"]]),D=d({__name:"NavigationDrawer",props:{modelValue:{type:Boolean,required:!0},location:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:[String,Number],default:300}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l,n=()=>{o("update:modelValue",!1)},r=e.computed(()=>["navigation-drawer",`navigation-drawer--${a.location}`]),s=e.computed(()=>({width:`${a.width}px`})),m=e.computed(()=>`slide-from-${a.location}`);return e.watch(()=>a.modelValue,c=>{typeof document<"u"&&(c?document.body.style.overflow="hidden":document.body.style.overflow="")}),e.onUnmounted(()=>{typeof document<"u"&&(document.body.style.overflow="")}),(c,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"overlay",onClick:n,"aria-hidden":"true"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:m.value},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("aside",{key:0,class:e.normalizeClass(r.value),style:e.normalizeStyle(s.value),role:"dialog","aria-modal":"true"},[e.renderSlot(c.$slots,"default",{},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3},8,["name"])]))}},[["__scopeId","data-v-a9459219"]]),ie=["aria-valuenow"],se=["width","height","viewBox"],ce=["cx","cy","r","stroke-width"],de=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],me={key:0,class:"progress-circular__content"},p=44,T=d({__name:"Progress",props:{modelValue:{type:[Number,String],default:0},size:{type:[Number,String],default:60},width:{type:[Number,String],default:10},color:{type:String,default:"primary"},indeterminate:{type:Boolean,default:!1}},setup(t){const l=t,a=e.computed(()=>(p-l.width)/2),o=e.computed(()=>2*Math.PI*a.value),n=e.computed(()=>({width:`${l.size}px`,height:`${l.size}px`,color:l.color==="primary"?"var(--primary-color)":l.color})),r=e.computed(()=>l.width/l.size*p),s=e.computed(()=>l.indeterminate?null:o.value*(1-l.modelValue/100));return(m,c)=>(e.openBlock(),e.createElementBlock("div",{class:"progress-circular",style:e.normalizeStyle(n.value),role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.indeterminate?void 0:t.modelValue},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:`0 0 ${p} ${p}`},[e.createElementVNode("circle",{class:"progress-circular__underlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value},null,8,ce),e.createElementVNode("circle",{class:"progress-circular__overlay",fill:"transparent",cx:p/2,cy:p/2,r:a.value,"stroke-width":r.value,"stroke-dasharray":o.value,"stroke-dashoffset":s.value},null,8,de)],8,se)),m.$slots.default?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(m.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],12,ie))}},[["__scopeId","data-v-2e383161"]]),M=d({__name:"Row",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"stretch"},gap:{type:String,default:"0"},wrap:{type:Boolean,default:!0}},setup(t){const l=t,a=e.computed(()=>({justifyContent:l.justify,alignItems:l.align,gap:l.gap,flexWrap:l.wrap?"wrap":"nowrap"}));return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:"flex-row",style:e.normalizeStyle(a.value)},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}},[["__scopeId","data-v-fc69ad3e"]]),ue=["for"],fe={class:"select-container"},pe=["id","value","disabled","multiple"],ye=["selected"],ge=["value"],he={key:0,class:"select-icon","aria-hidden":"true"},q=d({__name:"Select",props:{modelValue:{type:[String,Number,Array],default:""},options:{type:Array,required:!0},label:{type:String,default:""},placeholder:{type:String,default:"Select an option"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`select-${Math.random().toString(36).substring(2,9)}`},multiple:{type:Boolean,default:!1},hideArrow:{type:Boolean,default:!1},class:{type:String,default:""}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;e.computed(()=>!a.options||a.options.length===0?[]:typeof a.options[0]=="string"?a.options.map(r=>({text:r,value:r})):a.options);const n=r=>{if(a.multiple){const s=Array.from(r.target.selectedOptions).map(m=>m.value);o("update:modelValue",s)}else o("update:modelValue",r.target.value)};return(r,s)=>{const m=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["select-wrapper",a.class])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"select-label"},e.toDisplayString(t.label),9,ue)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,[e.createElementVNode("select",{id:t.id,value:t.modelValue,onChange:n,disabled:t.disabled,multiple:t.multiple,class:e.normalizeClass([{"no-arrow":t.hideArrow},"select-input"])},[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:"",disabled:"",selected:!t.modelValue},e.toDisplayString(t.placeholder),9,ye)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createElementBlock("option",{key:c.value,value:c.value},e.toDisplayString(c.text),9,ge))),128))],42,pe),t.hideArrow?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(m,{icon:"mdi-chevron-down",size:"20"})]))])],2)}}},[["__scopeId","data-v-a36629f1"]]),ke={class:"spacer"},P=d({__name:"Spacer",setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",ke))}},[["__scopeId","data-v-370a82d1"]]),Be={class:"textarea-wrapper"},_e=["for"],be=["id","value","placeholder","rows","maxlength"],Se={key:1,class:"error-message"},A=d({__name:"TextArea",props:{id:{type:String,required:!1},label:{type:String,default:""},modelValue:{type:String,default:""},placeholder:{type:String,default:""},rows:{type:[String,Number],default:3},maxlength:{type:[String,Number],default:null},error:{type:String,default:""}},emits:["update:modelValue"],setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",Be,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"textarea-label"},e.toDisplayString(t.label),9,_e)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{id:t.id,value:t.modelValue,placeholder:t.placeholder,rows:t.rows,maxlength:t.maxlength,onInput:a[0]||(a[0]=o=>l.$emit("update:modelValue",o.target.value)),class:e.normalizeClass(["textarea-input",{"has-error":t.error}])},null,42,be),t.error?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-99d40ec4"]]);class $e{static newGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(l){const a=Math.random()*16|0;return(l=="x"?a:a&3|8).toString(16)})}static isValidGuid(){const l=/^[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i;return function(a){return a&&l.test(a)}}static isEmptyGuid(l){return l==="00000000-0000-0000-0000-000000000000"}static emptyGuid(){return"00000000-0000-0000-0000-000000000000"}}const Ve={class:"input-container"},xe=["id","type","value","autocomplete","maxlength"],we=["for"],Ce={class:"error-container"},F=d(e.defineComponent({__name:"TextField",props:{id:{type:String,default:()=>`textfield-${$e.newGuid()}`},label:{type:String,default:""},modelValue:{type:[String,Number],default:""},rules:{type:Array,default:()=>[]},type:{type:String,default:"text"},trim:{type:Boolean,default:!1},placeholder:{type:String,default:""},autocomplete:{type:String,default:"off"},maxlength:{type:[String,Number],default:void 0}},emits:["update:modelValue"],setup(t,{expose:l,emit:a}){const o=t,n=a,r=e.ref([]),s=e.ref(!0),m=e.inject("form",null),c=e.getCurrentInstance(),u=async()=>{r.value=[];let k=!0;for(const h of o.rules){const B=h(o.modelValue);B!==!0&&(k=!1,r.value.push(B))}return{valid:k,errors:r.value}},y=()=>{n("update:modelValue",""),f()},f=()=>{r.value=[],s.value=!0},g=k=>{const h=k.target;n("update:modelValue",h.value),s.value||u()},Ie=()=>{s.value=!1,o.trim&&typeof o.modelValue=="string"&&n("update:modelValue",o.modelValue.trim()),u()};return e.onMounted(()=>{m&&c&&m.register({id:o.id,validate:u,reset:y,resetValidation:f})}),e.onUnmounted(()=>{m&&c&&m.unregister({id:o.id})}),l({validate:u,reset:y,resetValidation:f,id:o.id,errors:r}),(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-field-wrapper",{"has-value":t.modelValue}])},[e.createElementVNode("div",Ve,[e.createElementVNode("input",{id:t.id,type:t.type,value:t.modelValue,placeholder:" ",onInput:g,onBlur:Ie,class:"text-field-input",autocomplete:t.autocomplete,maxlength:t.maxlength},null,40,xe),t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"text-field-label"},e.toDisplayString(t.placeholder?t.placeholder:t.label),9,we)):e.createCommentVNode("",!0),e.createElementVNode("fieldset",{"aria-hidden":"true",class:e.normalizeClass(["text-field-fieldset",{"has-error":r.value.length>0}])},[...h[0]||(h[0]=[e.createElementVNode("legend",{class:"text-field-legend"},null,-1)])],2)]),e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(B,De)=>(e.openBlock(),e.createElementBlock("p",{key:De,class:"error-message"},e.toDisplayString(B),1))),128))])],2))}}),[["__scopeId","data-v-f4c602d7"]]),Ne=["aria-label"],Ee={class:"tooltip-content"},O=d({__name:"Tooltip",props:{text:{type:String,required:!0},location:{type:String,default:"top",validator:t=>["top","bottom","left","right"].includes(t)},disabled:{type:Boolean,default:!1}},setup(t){const l=t,a=e.ref(!1),o=()=>{l.disabled||(a.value=!0)},n=()=>{a.value=!1},r=e.computed(()=>["tooltip",`tooltip--${l.location}`]);return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:"tooltip-container",onMouseenter:o,onMouseleave:n,onFocusin:o,onFocusout:n,role:"tooltip","aria-label":t.text},[e.renderSlot(s.$slots,"default",{},void 0,!0),e.createVNode(e.Transition,{name:"tooltip-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.value)},[e.createElementVNode("div",Ee,e.toDisplayString(t.text),1),m[0]||(m[0]=e.createElementVNode("div",{class:"tooltip-arrow"},null,-1))],2)):e.createCommentVNode("",!0)]),_:1})],40,Ne))}},[["__scopeId","data-v-66afe288"]]),j=d({__name:"Overlay",props:{modelValue:{type:Boolean,default:!1},contained:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:l}){const a=t,o=l;function n(){o("update:modelValue",!1)}return e.watch(()=>a.modelValue,r=>{!a.contained&&typeof document<"u"&&(document.body.style.overflow=r?"hidden":"")}),(r,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"overlay-fade"},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overlay",{"overlay--contained":t.contained}]),onClick:e.withModifiers(n,["self"])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3}))}},[["__scopeId","data-v-45f15f75"]]),R=t=>{t.component("Avatar",S),t.component("Button",$),t.component("Card",V),t.component("Chip",x),t.component("Column",w),t.component("DatePicker",C),t.component("Dialog",N),t.component("Divider",E),t.component("Icon",_),t.component("Overlay",j),t.component("Image",z),t.component("Input",I),t.component("NavigationDrawer",D),t.component("Progress",T),t.component("ProgressSpinner",b),t.component("Row",M),t.component("Select",q),t.component("Spacer",P),t.component("TextArea",A),t.component("TextField",F),t.component("Tooltip",O)},ze={install:R};i.Avatar=S,i.Button=$,i.Card=V,i.Chip=x,i.Column=w,i.DatePicker=C,i.Dialog=N,i.Divider=E,i.Icon=_,i.Image=z,i.Input=I,i.NavigationDrawer=D,i.Overlay=j,i.Progress=T,i.ProgressSpinner=b,i.Row=M,i.Select=q,i.Spacer=P,i.TextArea=A,i.TextField=F,i.Tooltip=O,i.default=ze,i.install=R,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/package.json
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
{
|
|
2
|
-
"exports": {
|
|
3
|
-
".": {
|
|
4
|
-
"types": "./dist/index.d.ts",
|
|
5
|
-
"import": "./dist/treqit-ui-library.js",
|
|
6
|
-
"require": "./dist/treqit-ui-library.umd.cjs",
|
|
7
|
-
"default": "./dist/treqit-ui-library.js"
|
|
8
|
-
},
|
|
9
|
-
"./style.css": "./dist/treqit-ui-library.css",
|
|
10
|
-
"./dist/style.css": "./dist/treqit-ui-library.css",
|
|
11
|
-
"./css": "./dist/treqit-ui-library.css",
|
|
12
|
-
"./main.css": "./dist/main.css",
|
|
13
|
-
"./main.scss": "./dist/main.scss",
|
|
14
|
-
"./assets/css/main.css": "./dist/main.css",
|
|
15
|
-
"./assets/css/main.scss": "./dist/main.scss",
|
|
16
|
-
"./package.json": "./package.json"
|
|
17
|
-
},
|
|
18
|
-
"main": "./dist/treqit-ui-library.umd.cjs",
|
|
19
|
-
"module": "./dist/treqit-ui-library.js",
|
|
20
|
-
"files": [
|
|
21
|
-
"dist"
|
|
22
|
-
],
|
|
23
|
-
"name": "treqit-ui-library",
|
|
24
|
-
"private": false,
|
|
25
|
-
"version": "1.4.
|
|
26
|
-
"type": "module",
|
|
27
|
-
"types": "./dist/index.d.ts",
|
|
28
|
-
"scripts": {
|
|
29
|
-
"dev": "vite",
|
|
30
|
-
"build": "vue-tsc -b && vite build",
|
|
31
|
-
"preview": "vite preview"
|
|
32
|
-
},
|
|
33
|
-
"dependencies": {
|
|
34
|
-
"@types/luxon": "^3.7.1",
|
|
35
|
-
"luxon": "^3.7.2",
|
|
36
|
-
"vue": "^3.5.22"
|
|
37
|
-
},
|
|
38
|
-
"devDependencies": {
|
|
39
|
-
"@mdi/font": "^7.4.47",
|
|
40
|
-
"@mdi/js": "^7.4.47",
|
|
41
|
-
"@types/node": "^24.6.0",
|
|
42
|
-
"@vitejs/plugin-vue": "^6.0.1",
|
|
43
|
-
"@vue/tsconfig": "^0.8.1",
|
|
44
|
-
"sass-embedded": "^1.93.3",
|
|
45
|
-
"typescript": "~5.9.3",
|
|
46
|
-
"vite": "^7.1.7",
|
|
47
|
-
"vite-plugin-dts": "^4.5.4",
|
|
48
|
-
"vue-tsc": "^3.1.0"
|
|
49
|
-
}
|
|
50
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"exports": {
|
|
3
|
+
".": {
|
|
4
|
+
"types": "./dist/index.d.ts",
|
|
5
|
+
"import": "./dist/treqit-ui-library.js",
|
|
6
|
+
"require": "./dist/treqit-ui-library.umd.cjs",
|
|
7
|
+
"default": "./dist/treqit-ui-library.js"
|
|
8
|
+
},
|
|
9
|
+
"./style.css": "./dist/treqit-ui-library.css",
|
|
10
|
+
"./dist/style.css": "./dist/treqit-ui-library.css",
|
|
11
|
+
"./css": "./dist/treqit-ui-library.css",
|
|
12
|
+
"./main.css": "./dist/main.css",
|
|
13
|
+
"./main.scss": "./dist/main.scss",
|
|
14
|
+
"./assets/css/main.css": "./dist/main.css",
|
|
15
|
+
"./assets/css/main.scss": "./dist/main.scss",
|
|
16
|
+
"./package.json": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
"main": "./dist/treqit-ui-library.umd.cjs",
|
|
19
|
+
"module": "./dist/treqit-ui-library.js",
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
23
|
+
"name": "treqit-ui-library",
|
|
24
|
+
"private": false,
|
|
25
|
+
"version": "1.4.19",
|
|
26
|
+
"type": "module",
|
|
27
|
+
"types": "./dist/index.d.ts",
|
|
28
|
+
"scripts": {
|
|
29
|
+
"dev": "vite",
|
|
30
|
+
"build": "vue-tsc -b && vite build",
|
|
31
|
+
"preview": "vite preview"
|
|
32
|
+
},
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@types/luxon": "^3.7.1",
|
|
35
|
+
"luxon": "^3.7.2",
|
|
36
|
+
"vue": "^3.5.22"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@mdi/font": "^7.4.47",
|
|
40
|
+
"@mdi/js": "^7.4.47",
|
|
41
|
+
"@types/node": "^24.6.0",
|
|
42
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
43
|
+
"@vue/tsconfig": "^0.8.1",
|
|
44
|
+
"sass-embedded": "^1.93.3",
|
|
45
|
+
"typescript": "~5.9.3",
|
|
46
|
+
"vite": "^7.1.7",
|
|
47
|
+
"vite-plugin-dts": "^4.5.4",
|
|
48
|
+
"vue-tsc": "^3.1.0"
|
|
49
|
+
}
|
|
50
|
+
}
|