@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/components/Avatar.vue.d.ts.map +1 -1
- package/dist/components/ComboBox.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +196 -313
- package/dist/index.mjs +196 -313
- package/dist/style.css +87 -231
- package/dist/types/materialIcons.d.ts +1 -1
- package/dist/types/materialIcons.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Accordion.vue +4 -4
- package/src/components/AccordionItem.vue +41 -41
- package/src/components/Avatar.vue +23 -24
- package/src/components/BglVideo.vue +58 -0
- package/src/components/ComboBox.vue +79 -74
- package/src/components/form/inputs/SelectInput.vue +23 -21
- package/src/components/index.ts +0 -1
- package/src/components/layout/Column.vue +6 -0
- package/src/styles/layout.css +26 -5
- package/src/types/materialIcons.ts +1 -0
- package/src/components/charts/BarChart.vue +0 -301
- package/src/components/charts/index.ts +0 -1
package/dist/style.css
CHANGED
|
@@ -555,46 +555,46 @@
|
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
557
|
|
|
558
|
-
.accordion-item[data-v-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
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-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
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-
|
|
573
|
-
|
|
572
|
+
.accordion-icon[data-v-bf74738b] {
|
|
573
|
+
transition: all 0.2s ease;
|
|
574
574
|
}
|
|
575
|
-
.accordion-icon.open[data-v-
|
|
576
|
-
|
|
575
|
+
.accordion-icon.open[data-v-bf74738b] {
|
|
576
|
+
transform: rotate(180deg);
|
|
577
577
|
}
|
|
578
|
-
.accordion-label[data-v-
|
|
579
|
-
|
|
578
|
+
.accordion-label[data-v-bf74738b] {
|
|
579
|
+
font-weight: bold;
|
|
580
580
|
}
|
|
581
|
-
.accordion-head:hover .accordion-label[data-v-
|
|
582
|
-
|
|
581
|
+
.accordion-head:hover .accordion-label[data-v-bf74738b] {
|
|
582
|
+
text-decoration: underline;
|
|
583
583
|
}
|
|
584
|
-
.accordion-body[data-v-
|
|
584
|
+
.accordion-body[data-v-bf74738b] {}
|
|
585
585
|
|
|
586
586
|
.expand-enter-active,
|
|
587
587
|
.expand-leave-active {
|
|
588
|
-
|
|
589
|
-
|
|
588
|
+
transition: all 0.5s;
|
|
589
|
+
transition-delay: 0ms;
|
|
590
590
|
}
|
|
591
591
|
.expand-enter-from,
|
|
592
592
|
.expand-leave-to {
|
|
593
|
-
|
|
593
|
+
max-height: 0;
|
|
594
594
|
}
|
|
595
595
|
.expand-enter-to,
|
|
596
596
|
.expand-leave-from {
|
|
597
|
-
|
|
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-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
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-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
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-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
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-
|
|
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
|
-
.
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
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
|
-
.
|
|
1065
|
-
|
|
1066
|
-
|
|
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
|
-
.
|
|
1077
|
-
|
|
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
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
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
|
-
|
|
1092
|
-
|
|
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:
|
|
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
|
}
|