@bagelink/vue 0.0.282 → 0.0.287

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/style.css CHANGED
@@ -555,46 +555,46 @@
555
555
  }
556
556
  }
557
557
 
558
- .accordion-item[data-v-41718a1b] {
559
- border-bottom: 1px solid var(--border-color);
560
- transition: all 0.2s;
561
- cursor: pointer;
562
- overflow: hidden;
558
+ .accordion-item[data-v-bf74738b] {
559
+ border-bottom: 1px solid var(--border-color);
560
+ transition: all 0.2s;
561
+ cursor: pointer;
562
+ overflow: hidden;
563
563
  }
564
- .accordion-head[data-v-41718a1b] {
565
- height: var(--input-height);
566
- background: transparent;
567
- display: flex;
568
- width: 100%;
569
- align-items: center;
570
- justify-content: space-between;
564
+ .accordion-head[data-v-bf74738b] {
565
+ height: var(--input-height);
566
+ background: transparent;
567
+ display: flex;
568
+ width: 100%;
569
+ align-items: center;
570
+ justify-content: space-between;
571
571
  }
572
- .accordion-icon[data-v-41718a1b] {
573
- transition: all 0.2s ease;
572
+ .accordion-icon[data-v-bf74738b] {
573
+ transition: all 0.2s ease;
574
574
  }
575
- .accordion-icon.open[data-v-41718a1b] {
576
- transform: rotate(180deg);
575
+ .accordion-icon.open[data-v-bf74738b] {
576
+ transform: rotate(180deg);
577
577
  }
578
- .accordion-label[data-v-41718a1b] {
579
- font-weight: bold;
578
+ .accordion-label[data-v-bf74738b] {
579
+ font-weight: bold;
580
580
  }
581
- .accordion-head:hover .accordion-label[data-v-41718a1b] {
582
- text-decoration: underline;
581
+ .accordion-head:hover .accordion-label[data-v-bf74738b] {
582
+ text-decoration: underline;
583
583
  }
584
- .accordion-body[data-v-41718a1b] {}
584
+ .accordion-body[data-v-bf74738b] {}
585
585
 
586
586
  .expand-enter-active,
587
587
  .expand-leave-active {
588
- transition: all 0.5s;
589
- transition-delay: 0ms;
588
+ transition: all 0.5s;
589
+ transition-delay: 0ms;
590
590
  }
591
591
  .expand-enter-from,
592
592
  .expand-leave-to {
593
- max-height: 0;
593
+ max-height: 0;
594
594
  }
595
595
  .expand-enter-to,
596
596
  .expand-leave-from {
597
- max-height: 300px;
597
+ max-height: 300px;
598
598
  }
599
599
 
600
600
  .search-wrap {
@@ -875,222 +875,61 @@ th[data-v-2137a7a8] {
875
875
  color: var(--input-color);
876
876
  }
877
877
 
878
- .avatar[data-v-0441b0b8] {
879
- border-radius: 100%;
880
- background-color: var(--bgl-gray-20);
881
- border: 0.5px solid var(--border-color);
882
- overflow: hidden;
883
- text-align: center;
884
- padding: none;
885
- flex: 0 0 40px;
878
+ .avatar[data-v-b46163a3] {
879
+ border-radius: 100%;
880
+ background-color: var(--bgl-gray-20);
881
+ border: 0.5px solid var(--border-color);
882
+ overflow: hidden;
883
+ text-align: center;
884
+ padding: 0;
886
885
  }
887
- .avatar p[data-v-0441b0b8] {
888
- font-size: 1.5rem;
889
- line-height: 50px;
890
- margin: 0;
891
- font-weight: 200;
886
+ .avatar p[data-v-b46163a3] {
887
+ font-size: 1.5rem;
888
+ line-height: 50px;
889
+ margin: 0;
890
+ font-weight: 200;
892
891
  }
893
- .avatar img[data-v-0441b0b8] {
894
- width: 100%;
895
- height: 100%;
896
- object-fit: cover;
892
+ .avatar img[data-v-b46163a3] {
893
+ width: 100%;
894
+ height: 100%;
895
+ object-fit: cover;
897
896
  }
898
897
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
899
898
 
900
- .combobox[data-v-6c62bdf1] {
901
- width: 100%;
902
- }
903
- .combobox-option[data-v-6c62bdf1] {
904
- padding: 6px 12px;
905
- cursor: pointer;
906
- border-radius: 5px;
907
- transition: all 0.2s;
908
- display: flex;
909
- justify-content: space-between;
910
- width: 100%;
911
- }
912
- .combobox-options[data-v-6c62bdf1] {
913
- max-height: 300px;
914
- overflow-y: auto;
915
- }
916
- .combobox-option[data-v-6c62bdf1]:hover {
917
- background: var(--bgl-gray-20);
918
- }
919
-
920
- .combobox-btn {
921
- display: flex;
922
- justify-content: space-between;
923
- align-items: center;
924
- height: var(--input-height);
925
- border-radius: var(--input-border-radius);
926
- }
927
- .v-popper__arrow-container {
928
- display: none;
929
- }
930
- .v-popper--theme-dropdown .v-popper__inner {
931
- border: none;
932
- background: transparent;
933
- border-radius: var(--card-border-radius);
934
- }
935
-
936
- /* .group-wrap * {
937
- outline: 1px solid red;
938
- } */
939
- .group-wrap[data-v-fe5af582] {
940
- height: 100%;
941
- display: flex;
942
- align-items: center;
943
- justify-content: center;
944
- flex-wrap: wrap;
945
- gap: 2px;
946
- }
947
- .group-wrap .bar-wrap[data-v-fe5af582] {
948
- gap: 2px;
949
- }
950
- .group-title[data-v-fe5af582] {
951
- font-size: 0.6em;
899
+ .combobox[data-v-ceeb5855] {
952
900
  width: 100%;
953
901
  }
954
- .bar-txt[data-v-fe5af582] {
955
- font-size: 11px;
956
- font-weight: 200;
957
- /* max-width: 95%; */
958
- width: max-content;
959
- height: 20px;
960
- line-height: 1.2;
961
- margin: 5px auto 0;
962
- position: absolute;
963
- transform: rotate(300deg);
964
- transform-origin: 40px 40px;
965
- }
966
- .graph-wrap[data-v-fe5af582] {
967
- display: flex;
968
- flex-direction: row;
969
- align-items: flex-end;
970
- padding: 0 10px;
971
- }
972
- .bar-wrap[data-v-fe5af582] {
973
- text-align: center;
974
- height: 100%;
975
- /* flex: 0 1 16.6%; */
976
- display: flex;
977
- flex-direction: row;
978
- align-items: flex-end;
979
- position: relative;
980
- }
981
- .bar[data-v-fe5af582] {
982
- background: var(--bgl-primary);
983
- position: relative;
984
- min-width: 10px;
985
- min-height: 5px;
986
- width: 4px;
987
- margin: 0 auto;
988
- transition: all ease-out 0.8s;
989
- }
990
- .bar.compare[data-v-fe5af582] {
991
- background-color: #cf2135;
992
- }
993
- .bar-chart[data-v-fe5af582] {
994
- height: calc(100vh - 500px);
995
- width: 90%;
996
- margin: 30px auto;
997
- display: flex;
998
- justify-content: space-between;
999
- position: relative;
1000
- }
1001
- .graps .bar-chart[data-v-fe5af582] {
1002
- aspect-ratio: 9/5;
1003
- height: auto;
1004
- max-height: calc(100vh - 500px);
1005
- }
1006
- .bar-lines[data-v-fe5af582] {
1007
- position: absolute;
1008
- /* font-size: 20px; */
902
+ .combobox-option[data-v-ceeb5855] {
903
+ padding: 6px 12px;
904
+ cursor: pointer;
905
+ border-radius: 5px;
906
+ transition: all 0.2s;
1009
907
  display: flex;
1010
- flex-direction: column-reverse;
1011
- top: -15px;
1012
- bottom: -12px;
1013
- left: -30px;
1014
908
  justify-content: space-between;
1015
- width: calc(100% + 20px);
1016
- text-align: start;
1017
- }
1018
- .bar-lines p[data-v-fe5af582] {
1019
- margin: 0;
1020
- position: relative;
1021
- }
1022
- .bar-lines p[data-v-fe5af582]::after {
1023
- content: "";
1024
- background: var(--bgl-primary-tint);
1025
- height: 1px;
1026
- position: absolute;
1027
- width: calc(100% - 20px);
1028
- margin: 14px 0 0 10px;
1029
- opacity: 0.5;
1030
- }
1031
- .bar-lines p[data-v-fe5af582]:first-child:after {
1032
- content: "";
1033
- background: var(--bgl-primary-tint);
1034
- height: 1px;
1035
- position: absolute;
1036
- width: calc(100% - 10px);
1037
- margin: 8px 0 0 10px;
1038
- opacity: 0.5;
1039
- }
1040
- .red-bar[data-v-fe5af582] {
1041
- background: #cf2135;
1042
- height: var(--b74eb91e);
1043
909
  width: 100%;
1044
- position: absolute;
1045
- left: 0px;
1046
- bottom: 0;
1047
- opacity: 0.6;
1048
- transition: all 200ms ease;
1049
- }
1050
- .red-bar.open-redbar[data-v-fe5af582] {
1051
- height: 7%;
1052
- }
1053
- .factor[data-v-fe5af582] {
1054
- position: absolute;
1055
- transform: rotate(270deg);
1056
- height: 0px;
1057
- width: 0;
1058
- left: -60px;
1059
- font-size: 22px;
1060
- text-align: center;
1061
- white-space: nowrap;
1062
- top: 60%;
1063
910
  }
1064
- .dash-hor[data-v-fe5af582] {
1065
- /* border-bottom: 1px dashed white; */
1066
- position: absolute;
1067
- background-image: linear-gradient(to right, #cf2134 53%, transparent 0%);
1068
- height: 10px;
1069
- bottom: 41.5%;
1070
- width: 100%;
1071
- animation: 1s linear 0s infinite dash-fe5af582;
1072
- background-position: left;
1073
- background-repeat: repeat-x;
1074
- background-size: 15px 4px;
911
+ .combobox-options[data-v-ceeb5855] {
912
+ max-height: 300px;
913
+ overflow-y: auto;
1075
914
  }
1076
- .dash-hor[data-v-fe5af582]::after {
1077
- content: "Average Speedup = 25x";
1078
- position: absolute;
1079
- left: 0;
1080
- bottom: 10px;
1081
- font-size: 22px;
1082
- background: #cf2134;
1083
- z-index: 2;
1084
- padding: 1px 4px;
1085
- border-radius: 3px;
915
+ .combobox-option[data-v-ceeb5855]:hover {
916
+ background: var(--bgl-gray-20);
1086
917
  }
1087
- @keyframes dash-fe5af582 {
1088
- 0% {
1089
- background-position: 0;
918
+
919
+ .combobox-btn {
920
+ display: flex;
921
+ justify-content: space-between;
922
+ align-items: center;
923
+ height: var(--input-height);
924
+ border-radius: var(--input-border-radius);
1090
925
  }
1091
- 100% {
1092
- background-position: 15px;
926
+ .v-popper__arrow-container {
927
+ display: none;
1093
928
  }
929
+ .v-popper--theme-dropdown .v-popper__inner {
930
+ border: none;
931
+ background: transparent;
932
+ border-radius: var(--card-border-radius);
1094
933
  }
1095
934
 
1096
935
  .del-top {
@@ -1418,7 +1257,7 @@ fieldset[disabled] .multiselect {
1418
1257
  border-top: none;
1419
1258
  border-bottom-left-radius: 5px;
1420
1259
  border-bottom-right-radius: 5px;
1421
- z-index: 50;
1260
+ z-index: 150;
1422
1261
  -webkit-overflow-scrolling: touch;
1423
1262
  }
1424
1263
  .multiselect__content {
@@ -2272,9 +2111,6 @@ img.preview[data-v-1be8d7b1] {
2272
2111
  .columns-max-content {
2273
2112
  grid-auto-columns: max-content;
2274
2113
  }
2275
- .w-100 {
2276
- width: 100%;
2277
- }
2278
2114
  .col-gap-1 {
2279
2115
  column-gap: 1rem;
2280
2116
  }
@@ -2337,7 +2173,12 @@ img.preview[data-v-1be8d7b1] {
2337
2173
  .w550,
2338
2174
  .w600,
2339
2175
  .w650,
2340
- .w700 {
2176
+ .w700,
2177
+ .w770,
2178
+ .w900,
2179
+ .w970,
2180
+ .w1030,
2181
+ .w1170 {
2341
2182
  margin-left: auto;
2342
2183
  margin-right: auto;
2343
2184
  width: 98%;
@@ -2369,6 +2210,21 @@ img.preview[data-v-1be8d7b1] {
2369
2210
  .w650 {
2370
2211
  max-width: 700px;
2371
2212
  }
2213
+ .w770 {
2214
+ max-width: 770px;
2215
+ }
2216
+ .w900 {
2217
+ max-width: 900px;
2218
+ }
2219
+ .w970 {
2220
+ max-width: 970px;
2221
+ }
2222
+ .w1030 {
2223
+ max-width: 1030px;
2224
+ }
2225
+ .w1170 {
2226
+ max-width: 1170px;
2227
+ }
2372
2228
  .gap-1 {
2373
2229
  gap: 0.25rem;
2374
2230
  }