avo 2.5.2.pre.6 → 2.6.1.pre.1

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.

Potentially problematic release.


This version of avo might be problematic. Click here for more details.

Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +4 -0
  3. data/Gemfile.lock +8 -1
  4. data/app/assets/builds/action_cable.js +2 -0
  5. data/app/assets/builds/action_cable.js.map +7 -0
  6. data/app/assets/builds/avo.css +725 -203
  7. data/app/assets/builds/avo.js +211 -122
  8. data/app/assets/builds/avo.js.map +3 -3
  9. data/app/assets/stylesheets/avo.css +2 -0
  10. data/app/assets/stylesheets/css/tags.css +16 -0
  11. data/app/components/avo/actions_component.html.erb +1 -1
  12. data/app/components/avo/button_component.rb +8 -14
  13. data/app/components/avo/card_component.rb +12 -0
  14. data/app/components/avo/fields/belongs_to_field/autocomplete_component.html.erb +2 -0
  15. data/app/components/avo/fields/concerns/item_labels.rb +40 -0
  16. data/app/components/avo/fields/tags_field/edit_component.html.erb +27 -0
  17. data/app/components/avo/fields/tags_field/edit_component.rb +4 -0
  18. data/app/components/avo/fields/tags_field/index_component.html.erb +10 -0
  19. data/app/components/avo/fields/tags_field/index_component.rb +9 -0
  20. data/app/components/avo/fields/tags_field/show_component.html.erb +7 -0
  21. data/app/components/avo/fields/tags_field/show_component.rb +7 -0
  22. data/app/components/avo/fields/tags_field/tag_component.html.erb +9 -0
  23. data/app/components/avo/fields/tags_field/tag_component.rb +11 -0
  24. data/app/components/avo/index/resource_table_component.html.erb +1 -1
  25. data/app/components/avo/paginator_component.html.erb +2 -2
  26. data/app/components/avo/sidebar_component.html.erb +1 -1
  27. data/app/components/avo/sidebar_profile_component.html.erb +1 -1
  28. data/app/controllers/avo/base_controller.rb +0 -19
  29. data/app/controllers/avo/search_controller.rb +11 -4
  30. data/app/javascript/js/application.js +1 -1
  31. data/app/javascript/js/controllers/base_controller.js +22 -0
  32. data/app/javascript/js/controllers/fields/tags_field_controller.js +86 -0
  33. data/app/javascript/js/controllers/fields/tags_field_helpers.js +47 -0
  34. data/app/javascript/js/controllers/search_controller.js +7 -1
  35. data/app/javascript/js/controllers.js +2 -0
  36. data/app/views/avo/dashboards/_chartkick_card.html.erb +1 -1
  37. data/app/views/avo/dashboards/_metric_card.html.erb +1 -1
  38. data/app/views/avo/partials/_global_search.html.erb +1 -1
  39. data/app/views/avo/partials/_navbar.html.erb +3 -3
  40. data/app/views/avo/partials/_resource_search.html.erb +1 -1
  41. data/db/factories.rb +2 -0
  42. data/lib/avo/base_resource.rb +6 -0
  43. data/lib/avo/concerns/handles_field_args.rb +36 -0
  44. data/lib/avo/fields/base_field.rb +2 -1
  45. data/lib/avo/fields/tags_field.rb +82 -0
  46. data/lib/avo/hosts/association_scope_host.rb +1 -0
  47. data/lib/avo/hosts/base_host.rb +2 -0
  48. data/lib/avo/hosts/record_host.rb +7 -0
  49. data/lib/avo/licensing/pro_license.rb +2 -1
  50. data/lib/avo/version.rb +1 -1
  51. data/lib/generators/avo/templates/cards/chartkick_card.tt +1 -1
  52. data/lib/generators/avo/templates/cards/chartkick_card_sample.tt +1 -1
  53. data/lib/generators/avo/templates/cards/metric_card.tt +1 -1
  54. data/lib/generators/avo/templates/cards/metric_card_sample.tt +1 -1
  55. data/lib/generators/avo/templates/locales/avo.en.yml +4 -0
  56. data/lib/tasks/avo_tasks.rake +7 -3
  57. data/public/avo-assets/avo.css +694 -78
  58. data/public/avo-assets/avo.js +211 -122
  59. data/public/avo-assets/avo.js.map +3 -3
  60. metadata +20 -2
@@ -3221,6 +3221,602 @@ body.dark,body[data-theme=dark]{
3221
3221
  }
3222
3222
  }
3223
3223
 
3224
+ :root{
3225
+ --tagify-dd-color-primary:rgb(53,149,246);
3226
+ --tagify-dd-bg-color:white
3227
+ }
3228
+
3229
+ .tagify{
3230
+ --tags-disabled-bg:#F1F1F1;
3231
+ --tags-border-color:#DDD;
3232
+ --tags-hover-border-color:#CCC;
3233
+ --tags-focus-border-color:#3595f6;
3234
+ --tag-bg:#E5E5E5;
3235
+ --tag-hover:#D3E2E2;
3236
+ --tag-text-color:black;
3237
+ --tag-text-color--edit:black;
3238
+ --tag-pad:0.3em 0.5em;
3239
+ --tag-inset-shadow-size:1.1em;
3240
+ --tag-invalid-color:#D39494;
3241
+ --tag-invalid-bg:rgba(211, 148, 148, 0.5);
3242
+ --tag-remove-bg:rgba(211, 148, 148, 0.3);
3243
+ --tag-remove-btn-color:black;
3244
+ --tag-remove-btn-bg:none;
3245
+ --tag-remove-btn-bg--hover:#c77777;
3246
+ --input-color:inherit;
3247
+ --tag--min-width:1ch;
3248
+ --tag--max-width:auto;
3249
+ --tag-hide-transition:0.3s;
3250
+ --placeholder-color:rgba(0, 0, 0, 0.4);
3251
+ --placeholder-color-focus:rgba(0, 0, 0, 0.25);
3252
+ --loader-size:.8em;
3253
+ --readonly-striped:1;
3254
+ display:flex;
3255
+ align-items:flex-start;
3256
+ flex-wrap:wrap;
3257
+ border:1px solid #ddd;
3258
+ border:1px solid var(--tags-border-color);
3259
+ padding:0;
3260
+ line-height:0;
3261
+ cursor:text;
3262
+ outline:0;
3263
+ position:relative;
3264
+ box-sizing:border-box;
3265
+ transition:.1s
3266
+ }
3267
+
3268
+ @keyframes tags--bump{
3269
+ 30%{
3270
+ transform:scale(1.2)
3271
+ }
3272
+ }
3273
+
3274
+ @keyframes rotateLoader{
3275
+ to{
3276
+ transform:rotate(1turn)
3277
+ }
3278
+ }
3279
+
3280
+ .tagify:hover{
3281
+ border-color:#ccc;
3282
+ border-color:var(--tags-hover-border-color)
3283
+ }
3284
+
3285
+ .tagify.tagify--focus{
3286
+ transition:0s;
3287
+ border-color:#3595f6;
3288
+ border-color:var(--tags-focus-border-color)
3289
+ }
3290
+
3291
+ .tagify[disabled]{
3292
+ background:var(--tags-disabled-bg);
3293
+ filter:saturate(0);
3294
+ opacity:.5;
3295
+ pointer-events:none
3296
+ }
3297
+
3298
+ .tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
3299
+ pointer-events:none
3300
+ }
3301
+
3302
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){
3303
+ cursor:default
3304
+ }
3305
+
3306
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{
3307
+ visibility:hidden;
3308
+ width:0;
3309
+ margin:5px 0
3310
+ }
3311
+
3312
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
3313
+ padding:.3em .5em;
3314
+ padding:var(--tag-pad)
3315
+ }
3316
+
3317
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{
3318
+ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
3319
+ }
3320
+
3321
+ @keyframes readonlyStyles{
3322
+ 0%{
3323
+ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
3324
+ box-shadow:none;
3325
+ filter:brightness(.95)
3326
+ }
3327
+ }
3328
+
3329
+ .tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
3330
+ display:none
3331
+ }
3332
+
3333
+ .tagify--loading .tagify__input>br:last-child{
3334
+ display:none
3335
+ }
3336
+
3337
+ .tagify--loading .tagify__input::before{
3338
+ content:none
3339
+ }
3340
+
3341
+ .tagify--loading .tagify__input::after{
3342
+ vertical-align:middle;
3343
+ opacity:1;
3344
+ width:.7em;
3345
+ height:.7em;
3346
+ width:var(--loader-size);
3347
+ height:var(--loader-size);
3348
+ border:3px solid;
3349
+ border-color:#eee #bbb #888 transparent;
3350
+ border-radius:50%;
3351
+ animation:rotateLoader .4s infinite linear;
3352
+ content:""!important;
3353
+ margin:-2px 0 -2px .5em
3354
+ }
3355
+
3356
+ .tagify--loading .tagify__input:empty::after{
3357
+ margin-left:0
3358
+ }
3359
+
3360
+ .tagify+input,.tagify+textarea{
3361
+ position:absolute!important;
3362
+ left:-9999em!important;
3363
+ transform:scale(0)!important
3364
+ }
3365
+
3366
+ .tagify__tag{
3367
+ display:inline-flex;
3368
+ align-items:center;
3369
+ margin:5px 0 5px 5px;
3370
+ position:relative;
3371
+ z-index:1;
3372
+ outline:0;
3373
+ line-height:normal;
3374
+ cursor:default;
3375
+ transition:.13s ease-out
3376
+ }
3377
+
3378
+ .tagify__tag>div{
3379
+ vertical-align:top;
3380
+ box-sizing:border-box;
3381
+ max-width:100%;
3382
+ padding:.3em .5em;
3383
+ padding:var(--tag-pad,.3em .5em);
3384
+ color:#000;
3385
+ color:var(--tag-text-color,#000);
3386
+ line-height:inherit;
3387
+ border-radius:3px;
3388
+ white-space:nowrap;
3389
+ transition:.13s ease-out
3390
+ }
3391
+
3392
+ .tagify__tag>div>*{
3393
+ white-space:pre-wrap;
3394
+ overflow:hidden;
3395
+ text-overflow:ellipsis;
3396
+ display:inline-block;
3397
+ vertical-align:top;
3398
+ min-width:1ch;
3399
+ max-width:auto;
3400
+ min-width:var(--tag--min-width,1ch);
3401
+ max-width:var(--tag--max-width,auto);
3402
+ transition:.8s ease,.1s color
3403
+ }
3404
+
3405
+ .tagify__tag>div>[contenteditable]{
3406
+ outline:0;
3407
+ -webkit-user-select:text;
3408
+ user-select:text;
3409
+ cursor:text;
3410
+ margin:-2px;
3411
+ padding:2px;
3412
+ max-width:350px
3413
+ }
3414
+
3415
+ .tagify__tag>div::before{
3416
+ content:"";
3417
+ position:absolute;
3418
+ border-radius:inherit;
3419
+ left:0;
3420
+ top:0;
3421
+ right:0;
3422
+ bottom:0;
3423
+ z-index:-1;
3424
+ pointer-events:none;
3425
+ transition:120ms ease;
3426
+ animation:tags--bump .3s ease-out 1;
3427
+ box-shadow:0 0 0 1.1em #e5e5e5 inset;
3428
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
3429
+ }
3430
+
3431
+ .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
3432
+ top:-2px;
3433
+ right:-2px;
3434
+ bottom:-2px;
3435
+ left:-2px;
3436
+ box-shadow:0 0 0 1.1em #d3e2e2 inset;
3437
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
3438
+ }
3439
+
3440
+ .tagify__tag--loading{
3441
+ pointer-events:none
3442
+ }
3443
+
3444
+ .tagify__tag--loading .tagify__tag__removeBtn{
3445
+ display:none
3446
+ }
3447
+
3448
+ .tagify__tag--loading::after{
3449
+ --loader-size:.4em;
3450
+ content:"";
3451
+ vertical-align:middle;
3452
+ opacity:1;
3453
+ width:.7em;
3454
+ height:.7em;
3455
+ width:var(--loader-size);
3456
+ height:var(--loader-size);
3457
+ border:3px solid;
3458
+ border-color:#eee #bbb #888 transparent;
3459
+ border-radius:50%;
3460
+ animation:rotateLoader .4s infinite linear;
3461
+ margin:0 .5em 0 -.1em
3462
+ }
3463
+
3464
+ .tagify__tag--flash div::before{
3465
+ animation:none
3466
+ }
3467
+
3468
+ .tagify__tag--hide{
3469
+ width:0!important;
3470
+ padding-left:0;
3471
+ padding-right:0;
3472
+ margin-left:0;
3473
+ margin-right:0;
3474
+ opacity:0;
3475
+ transform:scale(0);
3476
+ transition:.3s;
3477
+ transition:var(--tag-hide-transition,.3s);
3478
+ pointer-events:none
3479
+ }
3480
+
3481
+ .tagify__tag--hide>div>*{
3482
+ white-space:nowrap
3483
+ }
3484
+
3485
+ .tagify__tag.tagify--noAnim>div::before{
3486
+ animation:none
3487
+ }
3488
+
3489
+ .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
3490
+ opacity:.5
3491
+ }
3492
+
3493
+ .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
3494
+ box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
3495
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
3496
+ transition:.2s
3497
+ }
3498
+
3499
+ .tagify__tag[readonly] .tagify__tag__removeBtn{
3500
+ display:none
3501
+ }
3502
+
3503
+ .tagify__tag[readonly]>div::before{
3504
+ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
3505
+ }
3506
+
3507
+ @keyframes readonlyStyles{
3508
+ 0%{
3509
+ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
3510
+ box-shadow:none;
3511
+ filter:brightness(.95)
3512
+ }
3513
+ }
3514
+
3515
+ .tagify__tag--editable>div{
3516
+ color:#000;
3517
+ color:var(--tag-text-color--edit,#000)
3518
+ }
3519
+
3520
+ .tagify__tag--editable>div::before{
3521
+ box-shadow:0 0 0 2px #d3e2e2 inset!important;
3522
+ box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
3523
+ }
3524
+
3525
+ .tagify__tag--editable>.tagify__tag__removeBtn{
3526
+ pointer-events:none
3527
+ }
3528
+
3529
+ .tagify__tag--editable>.tagify__tag__removeBtn::after{
3530
+ opacity:0;
3531
+ transform:translateX(100%) translateX(5px)
3532
+ }
3533
+
3534
+ .tagify__tag--editable.tagify--invalid>div::before{
3535
+ box-shadow:0 0 0 2px #d39494 inset!important;
3536
+ box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
3537
+ }
3538
+
3539
+ .tagify__tag__removeBtn{
3540
+ order:5;
3541
+ display:inline-flex;
3542
+ align-items:center;
3543
+ justify-content:center;
3544
+ border-radius:50px;
3545
+ cursor:pointer;
3546
+ font:14px/1 Arial;
3547
+ background:0 0;
3548
+ background:var(--tag-remove-btn-bg,none);
3549
+ color:#000;
3550
+ color:var(--tag-remove-btn-color,#000);
3551
+ width:14px;
3552
+ height:14px;
3553
+ margin-right:4.6666666667px;
3554
+ margin-left:auto;
3555
+ overflow:hidden;
3556
+ transition:.2s ease-out
3557
+ }
3558
+
3559
+ .tagify__tag__removeBtn::after{
3560
+ content:"×";
3561
+ transition:.3s,color 0s
3562
+ }
3563
+
3564
+ .tagify__tag__removeBtn:hover{
3565
+ color:#fff;
3566
+ background:#c77777;
3567
+ background:var(--tag-remove-btn-bg--hover,#c77777)
3568
+ }
3569
+
3570
+ .tagify__tag__removeBtn:hover+div>span{
3571
+ opacity:.5
3572
+ }
3573
+
3574
+ .tagify__tag__removeBtn:hover+div::before{
3575
+ box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
3576
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
3577
+ transition:box-shadow .2s
3578
+ }
3579
+
3580
+ .tagify:not(.tagify--mix) .tagify__input br{
3581
+ display:none
3582
+ }
3583
+
3584
+ .tagify:not(.tagify--mix) .tagify__input *{
3585
+ display:inline;
3586
+ white-space:nowrap
3587
+ }
3588
+
3589
+ .tagify__input{
3590
+ flex-grow:1;
3591
+ display:inline-block;
3592
+ min-width:110px;
3593
+ margin:5px;
3594
+ padding:.3em .5em;
3595
+ padding:var(--tag-pad,.3em .5em);
3596
+ line-height:normal;
3597
+ position:relative;
3598
+ white-space:pre-wrap;
3599
+ color:inherit;
3600
+ color:var(--input-color,inherit);
3601
+ box-sizing:inherit
3602
+ }
3603
+
3604
+ .tagify__input:focus{
3605
+ outline:0
3606
+ }
3607
+
3608
+ .tagify__input:focus::before{
3609
+ transition:.2s ease-out;
3610
+ opacity:0;
3611
+ transform:translatex(6px)
3612
+ }
3613
+
3614
+ @supports (-ms-ime-align:auto){
3615
+ .tagify__input:focus::before{
3616
+ display:none
3617
+ }
3618
+ }
3619
+
3620
+ .tagify__input:focus:empty::before{
3621
+ transition:.2s ease-out;
3622
+ opacity:1;
3623
+ transform:none;
3624
+ color:rgba(0,0,0,.25);
3625
+ color:var(--placeholder-color-focus)
3626
+ }
3627
+
3628
+ @-moz-document url-prefix(){
3629
+ .tagify__input:focus:empty::after{
3630
+ display:none
3631
+ }
3632
+ }
3633
+
3634
+ .tagify__input::before{
3635
+ content:attr(data-placeholder);
3636
+ height:1em;
3637
+ line-height:1em;
3638
+ margin:auto 0;
3639
+ z-index:1;
3640
+ color:rgba(0,0,0,.4);
3641
+ color:var(--placeholder-color);
3642
+ white-space:nowrap;
3643
+ pointer-events:none;
3644
+ opacity:0;
3645
+ position:absolute
3646
+ }
3647
+
3648
+ .tagify__input::after{
3649
+ content:attr(data-suggest);
3650
+ display:inline-block;
3651
+ white-space:pre;
3652
+ color:#000;
3653
+ opacity:.3;
3654
+ pointer-events:none;
3655
+ max-width:100px
3656
+ }
3657
+
3658
+ .tagify__input .tagify__tag{
3659
+ margin:0 1px
3660
+ }
3661
+
3662
+ .tagify--mix{
3663
+ display:block
3664
+ }
3665
+
3666
+ .tagify--mix .tagify__input{
3667
+ padding:5px;
3668
+ margin:0;
3669
+ width:100%;
3670
+ height:100%;
3671
+ line-height:1.5;
3672
+ display:block
3673
+ }
3674
+
3675
+ .tagify--mix .tagify__input::before{
3676
+ height:auto;
3677
+ display:none;
3678
+ line-height:inherit
3679
+ }
3680
+
3681
+ .tagify--mix .tagify__input::after{
3682
+ content:none
3683
+ }
3684
+
3685
+ .tagify--select::after{
3686
+ content:">";
3687
+ opacity:.5;
3688
+ position:absolute;
3689
+ top:50%;
3690
+ right:0;
3691
+ bottom:0;
3692
+ font:16px monospace;
3693
+ line-height:8px;
3694
+ height:8px;
3695
+ pointer-events:none;
3696
+ transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
3697
+ transition:.2s ease-in-out
3698
+ }
3699
+
3700
+ .tagify--select[aria-expanded=true]::after{
3701
+ transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
3702
+ }
3703
+
3704
+ .tagify--select .tagify__tag{
3705
+ position:absolute;
3706
+ top:0;
3707
+ right:1.8em;
3708
+ bottom:0
3709
+ }
3710
+
3711
+ .tagify--select .tagify__tag div{
3712
+ display:none
3713
+ }
3714
+
3715
+ .tagify--select .tagify__input{
3716
+ width:100%
3717
+ }
3718
+
3719
+ .tagify--empty .tagify__input::before{
3720
+ transition:.2s ease-out;
3721
+ opacity:1;
3722
+ transform:none;
3723
+ display:inline-block;
3724
+ width:auto
3725
+ }
3726
+
3727
+ .tagify--mix .tagify--empty .tagify__input::before{
3728
+ display:inline-block
3729
+ }
3730
+
3731
+ .tagify--invalid{
3732
+ --tags-border-color:#D39494
3733
+ }
3734
+
3735
+ .tagify__dropdown{
3736
+ position:absolute;
3737
+ z-index:9999;
3738
+ transform:translateY(1px);
3739
+ overflow:hidden
3740
+ }
3741
+
3742
+ .tagify__dropdown[placement=top]{
3743
+ margin-top:0;
3744
+ transform:translateY(-100%)
3745
+ }
3746
+
3747
+ .tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
3748
+ border-top-width:1.1px;
3749
+ border-bottom-width:0
3750
+ }
3751
+
3752
+ .tagify__dropdown[position=text]{
3753
+ box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
3754
+ font-size:.9em
3755
+ }
3756
+
3757
+ .tagify__dropdown[position=text] .tagify__dropdown__wrapper{
3758
+ border-width:1px
3759
+ }
3760
+
3761
+ .tagify__dropdown__wrapper{
3762
+ max-height:300px;
3763
+ overflow:auto;
3764
+ background:#fff;
3765
+ background:var(--tagify-dd-bg-color);
3766
+ border:1px solid #3595f6;
3767
+ border-color:var(--tagify-dd-color-primary);
3768
+ border-bottom-width:1.33px;
3769
+ border-top-width:0;
3770
+ box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
3771
+ transition:.25s cubic-bezier(0,1,.5,1)
3772
+ }
3773
+
3774
+ .tagify__dropdown__header:empty{
3775
+ display:none
3776
+ }
3777
+
3778
+ .tagify__dropdown__footer{
3779
+ display:inline-block;
3780
+ margin-top:.5em;
3781
+ padding:.3em .5em;
3782
+ font-size:.7em;
3783
+ font-style:italic;
3784
+ opacity:.5
3785
+ }
3786
+
3787
+ .tagify__dropdown__footer:empty{
3788
+ display:none
3789
+ }
3790
+
3791
+ .tagify__dropdown--initial .tagify__dropdown__wrapper{
3792
+ max-height:20px;
3793
+ transform:translateY(-1em)
3794
+ }
3795
+
3796
+ .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
3797
+ transform:translateY(2em)
3798
+ }
3799
+
3800
+ .tagify__dropdown__item{
3801
+ box-sizing:inherit;
3802
+ padding:.3em .5em;
3803
+ margin:1px;
3804
+ cursor:pointer;
3805
+ border-radius:2px;
3806
+ position:relative;
3807
+ outline:0
3808
+ }
3809
+
3810
+ .tagify__dropdown__item--active{
3811
+ background:#3595f6;
3812
+ background:var(--tagify-dd-color-primary);
3813
+ color:#fff
3814
+ }
3815
+
3816
+ .tagify__dropdown__item:active{
3817
+ filter:brightness(105%)
3818
+ }
3819
+
3224
3820
  /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
3225
3821
  */
3226
3822
 
@@ -4523,6 +5119,24 @@ input[type=file][data-direct-upload-url][disabled] {
4523
5119
  }
4524
5120
  }
4525
5121
 
5122
+ tags.tagify {
5123
+ --tag-inset-shadow-size: 3em;
5124
+ padding:0px !important;
5125
+ }
5126
+
5127
+ tags.tagify span.tagify__input{
5128
+ margin-top:0.25rem;
5129
+ margin-bottom:0.25rem
5130
+ }
5131
+
5132
+ tag.tagify__tag{
5133
+ margin-top:0.25rem;
5134
+ margin-bottom:0.25rem;
5135
+ margin-bottom:0px;
5136
+ font-size:0.875rem;
5137
+ line-height:1.25rem
5138
+ }
5139
+
4526
5140
  .spinner {
4527
5141
  width: 16px;
4528
5142
  height: 16px;
@@ -6318,16 +6932,16 @@ progress[value]::-moz-progress-bar{
6318
6932
  margin-bottom:1rem
6319
6933
  }
6320
6934
 
6935
+ .my-\[2px\]{
6936
+ margin-top:2px;
6937
+ margin-bottom:2px
6938
+ }
6939
+
6321
6940
  .my-1{
6322
6941
  margin-top:0.25rem;
6323
6942
  margin-bottom:0.25rem
6324
6943
  }
6325
6944
 
6326
- .my-1\.5{
6327
- margin-top:0.375rem;
6328
- margin-bottom:0.375rem
6329
- }
6330
-
6331
6945
  .my-0\.5{
6332
6946
  margin-top:0.125rem;
6333
6947
  margin-bottom:0.125rem
@@ -6338,21 +6952,11 @@ progress[value]::-moz-progress-bar{
6338
6952
  margin-bottom:0px
6339
6953
  }
6340
6954
 
6341
- .my-2{
6342
- margin-top:0.5rem;
6343
- margin-bottom:0.5rem
6344
- }
6345
-
6346
6955
  .mx-6{
6347
6956
  margin-left:1.5rem;
6348
6957
  margin-right:1.5rem
6349
6958
  }
6350
6959
 
6351
- .my-\[2px\]{
6352
- margin-top:2px;
6353
- margin-bottom:2px
6354
- }
6355
-
6356
6960
  .mt-2{
6357
6961
  margin-top:0.5rem
6358
6962
  }
@@ -6581,6 +7185,10 @@ progress[value]::-moz-progress-bar{
6581
7185
  height:2.5rem
6582
7186
  }
6583
7187
 
7188
+ .h-16{
7189
+ height:4rem
7190
+ }
7191
+
6584
7192
  .h-\[250px\]{
6585
7193
  height:250px
6586
7194
  }
@@ -6605,10 +7213,6 @@ progress[value]::-moz-progress-bar{
6605
7213
  min-height:6rem
6606
7214
  }
6607
7215
 
6608
- .min-h-\[4rem\]{
6609
- min-height:4rem
6610
- }
6611
-
6612
7216
  .min-h-full{
6613
7217
  min-height:100%
6614
7218
  }
@@ -6637,8 +7241,8 @@ progress[value]::-moz-progress-bar{
6637
7241
  width:100%
6638
7242
  }
6639
7243
 
6640
- .w-64{
6641
- width:16rem
7244
+ .w-32{
7245
+ width:8rem
6642
7246
  }
6643
7247
 
6644
7248
  .w-24{
@@ -6649,6 +7253,14 @@ progress[value]::-moz-progress-bar{
6649
7253
  width:83.333333%
6650
7254
  }
6651
7255
 
7256
+ .w-8{
7257
+ width:2rem
7258
+ }
7259
+
7260
+ .w-1\/2{
7261
+ width:50%
7262
+ }
7263
+
6652
7264
  .w-0{
6653
7265
  width:0px
6654
7266
  }
@@ -6665,22 +7277,18 @@ progress[value]::-moz-progress-bar{
6665
7277
  width:4rem
6666
7278
  }
6667
7279
 
6668
- .w-10{
6669
- width:2.5rem
7280
+ .w-64{
7281
+ width:16rem
6670
7282
  }
6671
7283
 
6672
- .w-1\/2{
6673
- width:50%
7284
+ .w-10{
7285
+ width:2.5rem
6674
7286
  }
6675
7287
 
6676
7288
  .w-\[1\%\]{
6677
7289
  width:1%
6678
7290
  }
6679
7291
 
6680
- .w-8{
6681
- width:2rem
6682
- }
6683
-
6684
7292
  .min-w-\[1rem\]{
6685
7293
  min-width:1rem
6686
7294
  }
@@ -6689,10 +7297,6 @@ progress[value]::-moz-progress-bar{
6689
7297
  min-width:300px
6690
7298
  }
6691
7299
 
6692
- .min-w-\[16rem\]{
6693
- min-width:16rem
6694
- }
6695
-
6696
7300
  .min-w-full{
6697
7301
  min-width:100%
6698
7302
  }
@@ -6761,14 +7365,14 @@ progress[value]::-moz-progress-bar{
6761
7365
  cursor:pointer
6762
7366
  }
6763
7367
 
6764
- .cursor-wait{
6765
- cursor:wait
6766
- }
6767
-
6768
7368
  .cursor-not-allowed{
6769
7369
  cursor:not-allowed
6770
7370
  }
6771
7371
 
7372
+ .cursor-wait{
7373
+ cursor:wait
7374
+ }
7375
+
6772
7376
  .appearance-none{
6773
7377
  -webkit-appearance:none;
6774
7378
  appearance:none
@@ -6786,6 +7390,10 @@ progress[value]::-moz-progress-bar{
6786
7390
  flex-direction:column
6787
7391
  }
6788
7392
 
7393
+ .flex-wrap{
7394
+ flex-wrap:wrap
7395
+ }
7396
+
6789
7397
  .flex-nowrap{
6790
7398
  flex-wrap:nowrap
6791
7399
  }
@@ -6854,6 +7462,10 @@ progress[value]::-moz-progress-bar{
6854
7462
  gap:0.75rem
6855
7463
  }
6856
7464
 
7465
+ .gap-1{
7466
+ gap:0.25rem
7467
+ }
7468
+
6857
7469
  .space-y-2 > :not([hidden]) ~ :not([hidden]){
6858
7470
  --tw-space-y-reverse:0;
6859
7471
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6878,12 +7490,6 @@ progress[value]::-moz-progress-bar{
6878
7490
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
6879
7491
  }
6880
7492
 
6881
- .space-x-8 > :not([hidden]) ~ :not([hidden]){
6882
- --tw-space-x-reverse:0;
6883
- margin-right:calc(2rem * var(--tw-space-x-reverse));
6884
- margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
6885
- }
6886
-
6887
7493
  .space-y-1 > :not([hidden]) ~ :not([hidden]){
6888
7494
  --tw-space-y-reverse:0;
6889
7495
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6991,10 +7597,6 @@ progress[value]::-moz-progress-bar{
6991
7597
  border-radius:0.5rem
6992
7598
  }
6993
7599
 
6994
- .rounded-xl{
6995
- border-radius:1rem
6996
- }
6997
-
6998
7600
  .rounded-full{
6999
7601
  border-radius:9999px
7000
7602
  }
@@ -7003,6 +7605,10 @@ progress[value]::-moz-progress-bar{
7003
7605
  border-radius:0px !important
7004
7606
  }
7005
7607
 
7608
+ .rounded-xl{
7609
+ border-radius:1rem
7610
+ }
7611
+
7006
7612
  .rounded-r-md{
7007
7613
  border-top-right-radius:0.375rem;
7008
7614
  border-bottom-right-radius:0.375rem
@@ -7035,18 +7641,10 @@ progress[value]::-moz-progress-bar{
7035
7641
  border-bottom-width:1px
7036
7642
  }
7037
7643
 
7038
- .border-t{
7039
- border-top-width:1px
7040
- }
7041
-
7042
7644
  .border-r{
7043
7645
  border-right-width:1px
7044
7646
  }
7045
7647
 
7046
- .border-l{
7047
- border-left-width:1px
7048
- }
7049
-
7050
7648
  .border-l-0{
7051
7649
  border-left-width:0px
7052
7650
  }
@@ -7059,6 +7657,14 @@ progress[value]::-moz-progress-bar{
7059
7657
  border-top-width:0px
7060
7658
  }
7061
7659
 
7660
+ .border-t{
7661
+ border-top-width:1px
7662
+ }
7663
+
7664
+ .border-l{
7665
+ border-left-width:1px
7666
+ }
7667
+
7062
7668
  .border-dashed{
7063
7669
  border-style:dashed
7064
7670
  }
@@ -7202,6 +7808,11 @@ progress[value]::-moz-progress-bar{
7202
7808
  border-color:rgb(107 182 235 / var(--tw-border-opacity))
7203
7809
  }
7204
7810
 
7811
+ .border-gray-600{
7812
+ --tw-border-opacity:1;
7813
+ border-color:rgb(94 100 110 / var(--tw-border-opacity))
7814
+ }
7815
+
7205
7816
  .border-green-600{
7206
7817
  --tw-border-opacity:1;
7207
7818
  border-color:rgb(22 163 74 / var(--tw-border-opacity))
@@ -7226,11 +7837,6 @@ progress[value]::-moz-progress-bar{
7226
7837
  border-color:rgb(203 213 225 / var(--tw-border-opacity))
7227
7838
  }
7228
7839
 
7229
- .border-gray-600{
7230
- --tw-border-opacity:1;
7231
- border-color:rgb(94 100 110 / var(--tw-border-opacity))
7232
- }
7233
-
7234
7840
  .bg-red-600{
7235
7841
  --tw-bg-opacity:1;
7236
7842
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
@@ -7447,11 +8053,6 @@ progress[value]::-moz-progress-bar{
7447
8053
  padding-bottom:0px
7448
8054
  }
7449
8055
 
7450
- .py-4{
7451
- padding-top:1rem;
7452
- padding-bottom:1rem
7453
- }
7454
-
7455
8056
  .py-1\.5{
7456
8057
  padding-top:0.375rem;
7457
8058
  padding-bottom:0.375rem
@@ -7472,6 +8073,11 @@ progress[value]::-moz-progress-bar{
7472
8073
  padding-right:2.5rem
7473
8074
  }
7474
8075
 
8076
+ .py-4{
8077
+ padding-top:1rem;
8078
+ padding-bottom:1rem
8079
+ }
8080
+
7475
8081
  .py-8{
7476
8082
  padding-top:2rem;
7477
8083
  padding-bottom:2rem
@@ -7792,6 +8398,11 @@ progress[value]::-moz-progress-bar{
7792
8398
  color:rgb(0 0 0 / var(--tw-text-opacity))
7793
8399
  }
7794
8400
 
8401
+ .\!text-blue-700{
8402
+ --tw-text-opacity:1 !important;
8403
+ color:rgb(5 80 133 / var(--tw-text-opacity)) !important
8404
+ }
8405
+
7795
8406
  .text-slate-600{
7796
8407
  --tw-text-opacity:1;
7797
8408
  color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -7812,11 +8423,6 @@ progress[value]::-moz-progress-bar{
7812
8423
  color:rgb(22 163 74 / var(--tw-text-opacity))
7813
8424
  }
7814
8425
 
7815
- .\!text-blue-700{
7816
- --tw-text-opacity:1 !important;
7817
- color:rgb(5 80 133 / var(--tw-text-opacity)) !important
7818
- }
7819
-
7820
8426
  .underline{
7821
8427
  -webkit-text-decoration-line:underline;
7822
8428
  text-decoration-line:underline
@@ -8213,19 +8819,14 @@ trix-editor {
8213
8819
  border-color:rgb(107 182 235 / var(--tw-border-opacity))
8214
8820
  }
8215
8821
 
8216
- .focus\:border-slate-400:focus{
8217
- --tw-border-opacity:1;
8218
- border-color:rgb(148 163 184 / var(--tw-border-opacity))
8219
- }
8220
-
8221
8822
  .focus\:border-gray-300:focus{
8222
8823
  --tw-border-opacity:1;
8223
8824
  border-color:rgb(172 177 185 / var(--tw-border-opacity))
8224
8825
  }
8225
8826
 
8226
- .focus\:bg-white:focus{
8227
- --tw-bg-opacity:1;
8228
- background-color:rgb(255 255 255 / var(--tw-bg-opacity))
8827
+ .focus\:border-slate-400:focus{
8828
+ --tw-border-opacity:1;
8829
+ border-color:rgb(148 163 184 / var(--tw-border-opacity))
8229
8830
  }
8230
8831
 
8231
8832
  .focus\:bg-gray-100:focus{
@@ -8233,6 +8834,11 @@ trix-editor {
8233
8834
  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8234
8835
  }
8235
8836
 
8837
+ .focus\:bg-white:focus{
8838
+ --tw-bg-opacity:1;
8839
+ background-color:rgb(255 255 255 / var(--tw-bg-opacity))
8840
+ }
8841
+
8236
8842
  .focus\:text-gray-700:focus{
8237
8843
  --tw-text-opacity:1;
8238
8844
  color:rgb(70 75 83 / var(--tw-text-opacity))
@@ -8725,6 +9331,10 @@ trix-editor {
8725
9331
  display:inline-flex
8726
9332
  }
8727
9333
 
9334
+ .sm\:w-64{
9335
+ width:16rem
9336
+ }
9337
+
8728
9338
  .sm\:w-auto{
8729
9339
  width:auto
8730
9340
  }
@@ -8777,6 +9387,12 @@ trix-editor {
8777
9387
  justify-content:space-between
8778
9388
  }
8779
9389
 
9390
+ .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
9391
+ --tw-space-x-reverse:0;
9392
+ margin-right:calc(2rem * var(--tw-space-x-reverse));
9393
+ margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
9394
+ }
9395
+
8780
9396
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
8781
9397
  --tw-space-y-reverse:0;
8782
9398
  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));