@qikdev/vue-ui 0.2.331 → 0.2.335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vue-ui.css CHANGED
@@ -173,23 +173,23 @@
173
173
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
174
174
  }
175
175
  }
176
- .basic-input-style[data-v-9802877e] {
176
+ .basic-input-style[data-v-781fc138] {
177
177
  color: inherit;
178
178
  background: color-mix(in lab, currentColor 4%, transparent);
179
179
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
180
180
  }
181
- .ux-tabset[data-v-9802877e] {
181
+ .ux-tabset[data-v-781fc138] {
182
182
  flex: 1;
183
183
  overflow: hidden;
184
184
  }
185
- .ux-tabset.horizontal[data-v-9802877e] {
185
+ .ux-tabset.horizontal[data-v-781fc138] {
186
186
  display: flex;
187
187
  flex-direction: column;
188
188
  }
189
- .ux-tabset.horizontal.block > .tabset-menu[data-v-9802877e] {
189
+ .ux-tabset.horizontal.block > .tabset-menu[data-v-781fc138] {
190
190
  background: color-mix(in lab, currentColor 7%, transparent);
191
191
  }
192
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-9802877e] {
192
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-781fc138] {
193
193
  display: block;
194
194
  padding: 1em;
195
195
  cursor: pointer;
@@ -200,18 +200,18 @@
200
200
  flex: 1;
201
201
  align-items: center;
202
202
  }
203
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-9802877e]:hover {
203
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-781fc138]:hover {
204
204
  color: color-mix(in lab, currentColor 60%, transparent);
205
205
  }
206
- .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-9802877e] {
206
+ .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-781fc138] {
207
207
  background: var(--bg1, #fff);
208
208
  color: var(--primary);
209
209
  border-top: 3px solid var(--primary);
210
210
  }
211
- .ux-tabset.horizontal.inline > .tabset-menu[data-v-9802877e] {
211
+ .ux-tabset.horizontal.inline > .tabset-menu[data-v-781fc138] {
212
212
  overflow-x: auto;
213
213
  }
214
- .ux-tabset.horizontal.inline > .tabset-menu a[data-v-9802877e] {
214
+ .ux-tabset.horizontal.inline > .tabset-menu a[data-v-781fc138] {
215
215
  display: block;
216
216
  padding: 1em 0;
217
217
  margin: 0 1.5em 0 0;
@@ -224,23 +224,23 @@
224
224
  white-space: nowrap;
225
225
  text-overflow: ellipsis;
226
226
  }
227
- .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-9802877e] {
227
+ .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-781fc138] {
228
228
  opacity: 1;
229
229
  border-bottom: 3px solid var(--primary);
230
230
  }
231
- .ux-tabset.horizontal.pills > .tabset-menu[data-v-9802877e] {
231
+ .ux-tabset.horizontal.pills > .tabset-menu[data-v-781fc138] {
232
232
  overflow-x: auto;
233
233
  }
234
- .ux-tabset.vertical[data-v-9802877e] {
234
+ .ux-tabset.vertical[data-v-781fc138] {
235
235
  display: flex;
236
236
  flex-direction: row;
237
237
  }
238
- .ux-tabset.vertical > .tabset-menu[data-v-9802877e] {
238
+ .ux-tabset.vertical > .tabset-menu[data-v-781fc138] {
239
239
  max-width: 150px;
240
240
  min-width: 100px;
241
241
  background: color-mix(in lab, currentColor 7%, transparent);
242
242
  }
243
- .ux-tabset.vertical > .tabset-menu a[data-v-9802877e] {
243
+ .ux-tabset.vertical > .tabset-menu a[data-v-781fc138] {
244
244
  display: block;
245
245
  padding: 1em;
246
246
  cursor: pointer;
@@ -248,10 +248,10 @@
248
248
  font-weight: 500;
249
249
  border-left: 3px solid transparent;
250
250
  }
251
- .ux-tabset.vertical > .tabset-menu a[data-v-9802877e]:hover {
251
+ .ux-tabset.vertical > .tabset-menu a[data-v-781fc138]:hover {
252
252
  color: color-mix(in lab, currentColor 60%, transparent);
253
253
  }
254
- .ux-tabset.vertical > .tabset-menu a.active[data-v-9802877e] {
254
+ .ux-tabset.vertical > .tabset-menu a.active[data-v-781fc138] {
255
255
  background: var(--bg1, #fff);
256
256
  color: var(--primary);
257
257
  border-left: 3px solid var(--primary);
@@ -275,23 +275,23 @@ td .avatar-wrapper[data-v-a4b42e00] {
275
275
  td[data-v-677f555b] {
276
276
  text-align: center;
277
277
  }
278
- .basic-input-style[data-v-794b199f] {
278
+ .basic-input-style[data-v-4e852113] {
279
279
  color: inherit;
280
280
  background: color-mix(in lab, currentColor 4%, transparent);
281
281
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
282
282
  }
283
- td[data-v-794b199f] {
283
+ td[data-v-4e852113] {
284
284
  min-width: 60px;
285
285
  width: 60px;
286
286
  padding: 0.3em !important;
287
287
  text-align: center;
288
288
  }
289
- td .image-wrapper[data-v-794b199f] {
289
+ td .image-wrapper[data-v-4e852113] {
290
290
  width: 50px;
291
291
  height: 50px;
292
292
  cursor: pointer;
293
293
  }
294
- td .ux-image[data-v-794b199f] {
294
+ td .ux-image[data-v-4e852113] {
295
295
  border-radius: 0.1em;
296
296
  }
297
297
  .basic-input-style[data-v-c62e82ec] {
@@ -331,15 +331,15 @@ td[data-v-413157fd] .ux-btn-text {
331
331
  display: block;
332
332
  white-space: nowrap;
333
333
  }
334
- .basic-input-style[data-v-5e3e90be] {
334
+ .basic-input-style[data-v-7ddc957f] {
335
335
  color: inherit;
336
336
  background: color-mix(in lab, currentColor 4%, transparent);
337
337
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
338
338
  }
339
- td[data-v-5e3e90be] {
339
+ td[data-v-7ddc957f] {
340
340
  white-space: nowrap;
341
341
  }
342
- td div[data-v-5e3e90be] {
342
+ td div[data-v-7ddc957f] {
343
343
  padding: 0.5em 1em;
344
344
  margin: 0.1em;
345
345
  background: color-mix(in lab, currentColor 8%, transparent);
@@ -354,29 +354,29 @@ td div[data-v-5e3e90be] {
354
354
  text-align: center;
355
355
  position: relative;
356
356
  }
357
- td div .spacer[data-v-5e3e90be] {
357
+ td div .spacer[data-v-7ddc957f] {
358
358
  visibility: hidden !important;
359
359
  }
360
- td div .on[data-v-5e3e90be],
361
- td div .off[data-v-5e3e90be] {
360
+ td div .on[data-v-7ddc957f],
361
+ td div .off[data-v-7ddc957f] {
362
362
  position: absolute;
363
363
  left: 0;
364
364
  width: 100%;
365
365
  transition: opacity 0.1s;
366
366
  }
367
- td div .on[data-v-5e3e90be] {
367
+ td div .on[data-v-7ddc957f] {
368
368
  opacity: 0;
369
369
  }
370
- td div .off[data-v-5e3e90be] {
370
+ td div .off[data-v-7ddc957f] {
371
371
  opacity: 1;
372
372
  }
373
- td div[data-v-5e3e90be]:hover {
373
+ td div[data-v-7ddc957f]:hover {
374
374
  background: color-mix(in lab, currentColor 10%, transparent);
375
375
  }
376
- td div:hover .off[data-v-5e3e90be] {
376
+ td div:hover .off[data-v-7ddc957f] {
377
377
  opacity: 0;
378
378
  }
379
- td div:hover .on[data-v-5e3e90be] {
379
+ td div:hover .on[data-v-7ddc957f] {
380
380
  opacity: 1;
381
381
  }
382
382
  .basic-input-style[data-v-0e48d460] {
@@ -609,22 +609,22 @@ td.failed .pill[data-v-f5b9e63a] {
609
609
  background: none;
610
610
  }
611
611
  }
612
- .basic-input-style[data-v-9a31f6bc] {
612
+ .basic-input-style[data-v-bf723bb2] {
613
613
  color: inherit;
614
614
  background: color-mix(in lab, currentColor 4%, transparent);
615
615
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
616
616
  }
617
- td[data-v-9a31f6bc] {
617
+ td[data-v-bf723bb2] {
618
618
  line-height: 1.4em !important;
619
619
  }
620
- .title[data-v-9a31f6bc] {
620
+ .title[data-v-bf723bb2] {
621
621
  font-weight: 500;
622
622
  font-size: 1.1em;
623
623
  white-space: nowrap;
624
624
  text-overflow: ellipsis;
625
625
  overflow: hidden;
626
626
  }
627
- .subtitle[data-v-9a31f6bc] {
627
+ .subtitle[data-v-bf723bb2] {
628
628
  font-size: 0.9em;
629
629
  opacity: 0.5;
630
630
  }
@@ -658,16 +658,62 @@ td[data-v-f7f4a65b] {
658
658
  .content-type-cell[data-v-3c0f4d89] {
659
659
  white-space: nowrap;
660
660
  }
661
- .basic-input-style[data-v-72fc4adc] {
661
+ .basic-input-style[data-v-88720bfa] {
662
662
  color: inherit;
663
663
  background: color-mix(in lab, currentColor 4%, transparent);
664
664
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
665
665
  }
666
- .value[data-v-72fc4adc] {
666
+ .event-title[data-v-88720bfa] {
667
+ font-weight: 500;
668
+ }
669
+ .event-subtitle[data-v-88720bfa] {
670
+ font-size: 0.9em;
671
+ opacity: 0.7;
672
+ }
673
+ .face[data-v-88720bfa] {
674
+ display: block;
675
+ width: 2em;
676
+ height: 2em;
677
+ }
678
+ .preview[data-v-88720bfa] {
679
+ font-size: 0.9em;
680
+ }
681
+ .grid[data-v-88720bfa] {
682
+ display: grid;
683
+ grid-template-columns: repeat(3, minmax(150px, 1fr));
684
+ }
685
+ .assignment[data-v-88720bfa] {
686
+ margin-bottom: 2px;
687
+ display: block;
688
+ }
689
+ .assignment.declined[data-v-88720bfa] {
690
+ color: red;
691
+ }
692
+ .assignment.confirmed[data-v-88720bfa] {
693
+ color: green;
694
+ }
695
+ .assignment.proposed[data-v-88720bfa] {
696
+ color: var(--primary);
697
+ opacity: 0.5;
698
+ }
699
+ .basic-input-style[data-v-b904ed97] {
700
+ color: inherit;
701
+ background: color-mix(in lab, currentColor 4%, transparent);
702
+ border: 1px solid color-mix(in lab, currentColor 18%, transparent);
703
+ }
704
+ .wrp[data-v-b904ed97] {
705
+ text-align: center;
706
+ }
707
+ .basic-input-style[data-v-43c19279] {
708
+ color: inherit;
709
+ background: color-mix(in lab, currentColor 4%, transparent);
710
+ border: 1px solid color-mix(in lab, currentColor 18%, transparent);
711
+ }
712
+ .value[data-v-43c19279] {
667
713
  display: inline-block;
668
714
  margin: 0.05em;
669
715
  }
670
- .nowrap[data-v-72fc4adc] {
716
+ .nowrap[data-v-43c19279] {
671
717
  white-space: nowrap;
672
718
  }
673
719
  .basic-input-style[data-v-323b93e8] {
@@ -3871,18 +3917,18 @@ td[data-v-2eaaec20]:first-child {
3871
3917
  .ux-render-flex .ux-field-render-flex[data-v-f2b5ec33] {
3872
3918
  flex: 1;
3873
3919
  }
3874
- .basic-input-style[data-v-af54bfa4] {
3920
+ .basic-input-style[data-v-81d5376b] {
3875
3921
  color: inherit;
3876
3922
  background: color-mix(in lab, currentColor 4%, transparent);
3877
3923
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3878
3924
  }
3879
- .content-browser[data-v-af54bfa4] {
3925
+ .content-browser[data-v-81d5376b] {
3880
3926
  position: relative;
3881
3927
  }
3882
- .loading[data-v-af54bfa4] {
3928
+ .loading[data-v-81d5376b] {
3883
3929
  opacity: 0.5;
3884
3930
  }
3885
- .filter-column[data-v-af54bfa4] {
3931
+ .filter-column[data-v-81d5376b] {
3886
3932
  padding: 1em;
3887
3933
  background: color-mix(in lab, #000 1%, transparent);
3888
3934
  border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3891,28 +3937,28 @@ td[data-v-2eaaec20]:first-child {
3891
3937
  flex: none;
3892
3938
  font-size: clamp(13px, 0.8em, 17px);
3893
3939
  }
3894
- .large-icon[data-v-af54bfa4] {
3940
+ .large-icon[data-v-81d5376b] {
3895
3941
  font-size: 6em;
3896
3942
  margin-bottom: 1rem;
3897
3943
  opacity: 0.5;
3898
3944
  }
3899
- .column-panel[data-v-af54bfa4] {
3945
+ .column-panel[data-v-81d5376b] {
3900
3946
  background: #fff;
3901
3947
  font-size: 0.9em;
3902
3948
  }
3903
- .empty[data-v-af54bfa4] {
3949
+ .empty[data-v-81d5376b] {
3904
3950
  background: #0000000d;
3905
3951
  text-align: center;
3906
3952
  white-space: pre-line;
3907
3953
  align-items: center;
3908
3954
  justify-content: center;
3909
3955
  }
3910
- .empty .panel[data-v-af54bfa4] {
3956
+ .empty .panel[data-v-81d5376b] {
3911
3957
  margin-top: 1em;
3912
3958
  max-width: 400px;
3913
3959
  background: var(--bg1, #fff);
3914
3960
  }
3915
- .footer[data-v-af54bfa4] {
3961
+ .footer[data-v-81d5376b] {
3916
3962
  padding: 0.5em;
3917
3963
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
3918
3964
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qikdev/vue-ui",
3
- "version": "0.2.331",
3
+ "version": "0.2.335",
4
4
  "files": [
5
5
  "dist"
6
6
  ],