@bagelink/vue 0.0.276 → 0.0.280
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/ComboBox.vue.d.ts +2 -0
- package/dist/components/ComboBox.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts +9 -4
- package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +44 -40
- package/dist/index.mjs +44 -40
- package/dist/plugins/modal.d.ts +1 -1
- package/dist/plugins/modal.d.ts.map +1 -1
- package/dist/style.css +444 -469
- package/package.json +1 -1
- package/src/components/ComboBox.vue +75 -69
- package/src/components/form/inputs/CheckInput.vue +55 -53
- package/src/components/form/inputs/SelectInput.vue +272 -284
- package/src/components/formkit/Toggle.vue +85 -100
- package/src/plugins/modal.ts +23 -23
- package/src/styles/buttons.css +38 -40
- package/src/styles/inputs.css +100 -109
- package/src/styles/layout.css +0 -1
- package/src/styles/text.css +0 -21
package/dist/style.css
CHANGED
|
@@ -897,36 +897,40 @@ th[data-v-2137a7a8] {
|
|
|
897
897
|
}
|
|
898
898
|
.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
899
|
|
|
900
|
-
.combobox[data-v-
|
|
901
|
-
|
|
900
|
+
.combobox[data-v-32f19dd0] {
|
|
901
|
+
width: 100%;
|
|
902
902
|
}
|
|
903
|
-
.combobox-option[data-v-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
903
|
+
.combobox-option[data-v-32f19dd0] {
|
|
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
911
|
}
|
|
912
|
-
.combobox-options[data-v-
|
|
913
|
-
|
|
914
|
-
|
|
912
|
+
.combobox-options[data-v-32f19dd0] {
|
|
913
|
+
max-height: 300px;
|
|
914
|
+
overflow-y: auto;
|
|
915
915
|
}
|
|
916
|
-
.combobox-option[data-v-
|
|
917
|
-
|
|
916
|
+
.combobox-option[data-v-32f19dd0]:hover {
|
|
917
|
+
background: var(--bgl-gray-20);
|
|
918
918
|
}
|
|
919
919
|
|
|
920
|
-
.combobox-btn
|
|
921
|
-
|
|
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);
|
|
922
926
|
}
|
|
923
927
|
.v-popper__arrow-container {
|
|
924
|
-
|
|
928
|
+
display: none;
|
|
925
929
|
}
|
|
926
930
|
.v-popper--theme-dropdown .v-popper__inner {
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
931
|
+
border: none;
|
|
932
|
+
background: transparent;
|
|
933
|
+
border-radius: var(--card-border-radius);
|
|
930
934
|
}
|
|
931
935
|
|
|
932
936
|
/* .group-wrap * {
|
|
@@ -1094,62 +1098,62 @@ th[data-v-2137a7a8] {
|
|
|
1094
1098
|
}
|
|
1095
1099
|
|
|
1096
1100
|
:root {
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1101
|
+
--bgl-white: #fff;
|
|
1102
|
+
--input-height: 40px;
|
|
1103
|
+
--input-border-radius: 7px;
|
|
1104
|
+
--bgl-transition: all 200ms ease;
|
|
1105
|
+
--bgl-primary: #19b8ea;
|
|
1102
1106
|
}
|
|
1103
1107
|
|
|
1104
|
-
.bgl-checkbox[data-v-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1108
|
+
.bgl-checkbox[data-v-e8219826] {
|
|
1109
|
+
position: relative;
|
|
1110
|
+
display: flex;
|
|
1111
|
+
flex-direction: row;
|
|
1112
|
+
align-items: center;
|
|
1109
1113
|
}
|
|
1110
|
-
.bgl-checkbox input[type=checkbox][data-v-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
+
.bgl-checkbox input[type=checkbox][data-v-e8219826] {
|
|
1115
|
+
position: absolute;
|
|
1116
|
+
opacity: 0;
|
|
1117
|
+
z-index: -1;
|
|
1114
1118
|
}
|
|
1115
|
-
.bgl-checkbox label[data-v-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1119
|
+
.bgl-checkbox label[data-v-e8219826] {
|
|
1120
|
+
padding-inline-start: 0.5rem;
|
|
1121
|
+
transition: var(--bgl-transition);
|
|
1122
|
+
cursor: pointer;
|
|
1123
|
+
user-select: none;
|
|
1120
1124
|
}
|
|
1121
|
-
.bgl-checkbox[data-v-
|
|
1122
|
-
|
|
1125
|
+
.bgl-checkbox[data-v-e8219826]:hover {
|
|
1126
|
+
filter: brightness(95%);
|
|
1123
1127
|
}
|
|
1124
|
-
.bgl-checkbox[data-v-
|
|
1125
|
-
|
|
1128
|
+
.bgl-checkbox[data-v-e8219826]:active {
|
|
1129
|
+
filter: var(--bgl-active-filter);
|
|
1126
1130
|
}
|
|
1127
|
-
.bgl-checkbox .check-square[data-v-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1131
|
+
.bgl-checkbox .check-square[data-v-e8219826] {
|
|
1132
|
+
width: calc(var(--input-height) / 2.5);
|
|
1133
|
+
height: calc(var(--input-height) / 2.5);
|
|
1134
|
+
background: var(--bgl-white);
|
|
1135
|
+
border-radius: calc(var(--input-border-radius) / 2);
|
|
1136
|
+
border: var(--bgl-primary) 1px solid;
|
|
1137
|
+
position: relative;
|
|
1138
|
+
display: flex;
|
|
1139
|
+
align-items: center;
|
|
1140
|
+
justify-content: center;
|
|
1137
1141
|
}
|
|
1138
|
-
.check-square.checked[data-v-
|
|
1139
|
-
|
|
1142
|
+
.check-square.checked[data-v-e8219826] {
|
|
1143
|
+
background: var(--bgl-primary);
|
|
1140
1144
|
}
|
|
1141
|
-
.bgl-checkbox svg[data-v-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1145
|
+
.bgl-checkbox svg[data-v-e8219826] {
|
|
1146
|
+
width: calc(var(--input-height) / 2.5);
|
|
1147
|
+
height: calc(var(--input-height) / 2.5);
|
|
1148
|
+
position: absolute;
|
|
1149
|
+
z-index: 2;
|
|
1150
|
+
fill: var(--bgl-white);
|
|
1151
|
+
pointer-events: none;
|
|
1152
|
+
transform: scale(0);
|
|
1153
|
+
transition: var(--bgl-transition);
|
|
1150
1154
|
}
|
|
1151
|
-
.check-square.checked svg[data-v-
|
|
1152
|
-
|
|
1155
|
+
.check-square.checked svg[data-v-e8219826] {
|
|
1156
|
+
transform: scale(1);
|
|
1153
1157
|
}
|
|
1154
1158
|
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
|
|
1155
1159
|
|
|
@@ -1168,183 +1172,183 @@ th[data-v-2137a7a8] {
|
|
|
1168
1172
|
}
|
|
1169
1173
|
|
|
1170
1174
|
fieldset[disabled] .multiselect {
|
|
1171
|
-
|
|
1175
|
+
pointer-events: none;
|
|
1172
1176
|
}
|
|
1173
1177
|
.multiselect__spinner {
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1178
|
+
position: absolute;
|
|
1179
|
+
right: 1px;
|
|
1180
|
+
top: 1px;
|
|
1181
|
+
width: 40px;
|
|
1182
|
+
height: 38px;
|
|
1183
|
+
background: #fff;
|
|
1184
|
+
display: block;
|
|
1181
1185
|
}
|
|
1182
1186
|
.multiselect__spinner::before,
|
|
1183
1187
|
.multiselect__spinner::after {
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1188
|
+
position: absolute;
|
|
1189
|
+
content: "";
|
|
1190
|
+
top: 50%;
|
|
1191
|
+
left: 50%;
|
|
1192
|
+
margin: -8px 0 0 -8px;
|
|
1193
|
+
width: 16px;
|
|
1194
|
+
height: 16px;
|
|
1195
|
+
border-radius: 100%;
|
|
1196
|
+
border-color: var(--bgl-primary-tint) transparent transparent;
|
|
1197
|
+
border-style: solid;
|
|
1198
|
+
border-width: 2px;
|
|
1199
|
+
box-shadow: 0 0 0 1px transparent;
|
|
1196
1200
|
}
|
|
1197
1201
|
.multiselect__spinner::before {
|
|
1198
|
-
|
|
1199
|
-
|
|
1202
|
+
animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
|
|
1203
|
+
animation-iteration-count: infinite;
|
|
1200
1204
|
}
|
|
1201
1205
|
.multiselect__spinner::after {
|
|
1202
|
-
|
|
1203
|
-
|
|
1206
|
+
animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
|
|
1207
|
+
animation-iteration-count: infinite;
|
|
1204
1208
|
}
|
|
1205
1209
|
.multiselect__loading-enter-active,
|
|
1206
1210
|
.multiselect__loading-leave-active {
|
|
1207
|
-
|
|
1208
|
-
|
|
1211
|
+
transition: opacity 0.4s ease-in-out;
|
|
1212
|
+
opacity: 1;
|
|
1209
1213
|
}
|
|
1210
1214
|
.multiselect__loading-enter,
|
|
1211
1215
|
.multiselect__loading-leave-active {
|
|
1212
|
-
|
|
1216
|
+
opacity: 0;
|
|
1213
1217
|
}
|
|
1214
1218
|
.multiselect,
|
|
1215
1219
|
.multiselect__input,
|
|
1216
1220
|
.multiselect__single {
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1221
|
+
font-family: inherit;
|
|
1222
|
+
font-size: var(--input-font-size);
|
|
1223
|
+
touch-action: manipulation;
|
|
1220
1224
|
}
|
|
1221
1225
|
.multiselect {
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1226
|
+
box-sizing: content-box;
|
|
1227
|
+
display: block;
|
|
1228
|
+
position: relative;
|
|
1229
|
+
width: 100%;
|
|
1230
|
+
min-height: var(--input-height);
|
|
1231
|
+
text-align: left;
|
|
1232
|
+
color: var(--input-color);
|
|
1229
1233
|
}
|
|
1230
1234
|
.multiselect * {
|
|
1231
|
-
|
|
1235
|
+
box-sizing: border-box;
|
|
1232
1236
|
}
|
|
1233
1237
|
.multiselect:focus {
|
|
1234
|
-
|
|
1238
|
+
outline: none;
|
|
1235
1239
|
}
|
|
1236
1240
|
.multiselect--disabled {
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1241
|
+
background: #ededed;
|
|
1242
|
+
pointer-events: none;
|
|
1243
|
+
opacity: 0.6;
|
|
1240
1244
|
}
|
|
1241
1245
|
.multiselect--active {
|
|
1242
|
-
|
|
1246
|
+
z-index: 50;
|
|
1243
1247
|
}
|
|
1244
1248
|
.multiselect--active:not(.multiselect--above) .multiselect__current,
|
|
1245
1249
|
.multiselect--active:not(.multiselect--above) .multiselect__input,
|
|
1246
1250
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1247
|
-
|
|
1248
|
-
|
|
1251
|
+
border-bottom-left-radius: 0;
|
|
1252
|
+
border-bottom-right-radius: 0;
|
|
1249
1253
|
}
|
|
1250
1254
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1251
|
-
|
|
1255
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
1252
1256
|
}
|
|
1253
1257
|
.multiselect--active .multiselect__select {
|
|
1254
|
-
|
|
1258
|
+
transform: rotateZ(180deg);
|
|
1255
1259
|
}
|
|
1256
1260
|
.multiselect--above.multiselect--active .multiselect__current,
|
|
1257
1261
|
.multiselect--above.multiselect--active .multiselect__input,
|
|
1258
1262
|
.multiselect--above.multiselect--active .multiselect__tags {
|
|
1259
|
-
|
|
1260
|
-
|
|
1263
|
+
border-top-left-radius: 0;
|
|
1264
|
+
border-top-right-radius: 0;
|
|
1261
1265
|
}
|
|
1262
1266
|
.multiselect__input,
|
|
1263
1267
|
.multiselect__single {
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1268
|
+
position: relative;
|
|
1269
|
+
display: inline-block;
|
|
1270
|
+
border: none;
|
|
1271
|
+
background: var(--input-bg);
|
|
1272
|
+
width: calc(100%);
|
|
1273
|
+
transition: border 0.1s ease;
|
|
1274
|
+
box-sizing: border-box;
|
|
1275
|
+
vertical-align: top;
|
|
1276
|
+
font-size: var(--input-font-size);
|
|
1277
|
+
padding-inline-start: 0rem;
|
|
1274
1278
|
}
|
|
1275
1279
|
.multiselect--active .multiselect__input {
|
|
1276
|
-
|
|
1280
|
+
margin-top: -0.6rem;
|
|
1277
1281
|
}
|
|
1278
1282
|
.multiselect__input::placeholder {
|
|
1279
|
-
|
|
1283
|
+
color: var(--input-color);
|
|
1280
1284
|
}
|
|
1281
1285
|
.multiselect__tag~.multiselect__input,
|
|
1282
1286
|
.multiselect__tag~.multiselect__single {
|
|
1283
|
-
|
|
1287
|
+
width: auto;
|
|
1284
1288
|
}
|
|
1285
1289
|
.multiselect__input:hover,
|
|
1286
1290
|
.multiselect__single:hover {
|
|
1287
|
-
|
|
1291
|
+
border-color: #cfcfcf;
|
|
1288
1292
|
}
|
|
1289
1293
|
.multiselect__input:focus,
|
|
1290
1294
|
.multiselect__single:focus {
|
|
1291
|
-
|
|
1292
|
-
|
|
1295
|
+
border-color: #a8a8a8;
|
|
1296
|
+
outline: none;
|
|
1293
1297
|
}
|
|
1294
1298
|
.multiselect__single {
|
|
1295
|
-
|
|
1296
|
-
|
|
1299
|
+
/* padding-left: 5px; */
|
|
1300
|
+
margin-bottom: 8px;
|
|
1297
1301
|
}
|
|
1298
1302
|
.multiselect__tags-wrap {
|
|
1299
|
-
|
|
1303
|
+
display: inline;
|
|
1300
1304
|
}
|
|
1301
1305
|
.multiselect__tags {
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1306
|
+
/* min-height: 40px; */
|
|
1307
|
+
display: block;
|
|
1308
|
+
/* padding: 0.7rem 40px 0.7rem 8px; */
|
|
1309
|
+
border-radius: var(--input-border-radius);
|
|
1310
|
+
background: var(--input-bg);
|
|
1311
|
+
font-size: var(--input-font-size);
|
|
1312
|
+
height: var(--input-height);
|
|
1313
|
+
line-height: 0;
|
|
1314
|
+
padding: calc(var(--input-height) / 2);
|
|
1315
|
+
padding-inline-end: 40px;
|
|
1316
|
+
padding-inline-start: 0.7rem;
|
|
1313
1317
|
}
|
|
1314
1318
|
.multiselect__tag {
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1319
|
+
position: relative;
|
|
1320
|
+
display: inline-block;
|
|
1321
|
+
padding: 4px 26px 4px 10px;
|
|
1322
|
+
border-radius: 5px;
|
|
1323
|
+
margin-right: 10px;
|
|
1324
|
+
color: #fff;
|
|
1325
|
+
line-height: 1;
|
|
1326
|
+
background: var(--bgl-primary-tint);
|
|
1327
|
+
margin-bottom: 5px;
|
|
1328
|
+
white-space: nowrap;
|
|
1329
|
+
overflow: hidden;
|
|
1330
|
+
max-width: 100%;
|
|
1331
|
+
text-overflow: ellipsis;
|
|
1328
1332
|
}
|
|
1329
1333
|
.multiselect__tag-icon {
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1334
|
+
cursor: pointer;
|
|
1335
|
+
margin-left: 7px;
|
|
1336
|
+
position: absolute;
|
|
1337
|
+
right: 0;
|
|
1338
|
+
top: 0;
|
|
1339
|
+
bottom: 0;
|
|
1340
|
+
font-weight: 700;
|
|
1341
|
+
font-style: initial;
|
|
1342
|
+
width: 22px;
|
|
1343
|
+
text-align: center;
|
|
1344
|
+
line-height: 22px;
|
|
1345
|
+
transition: all 0.2s ease;
|
|
1346
|
+
border-radius: 5px;
|
|
1343
1347
|
}
|
|
1344
1348
|
.multiselect__tag-icon::after {
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1349
|
+
content: "×";
|
|
1350
|
+
color: #266d4d;
|
|
1351
|
+
font-size: 14px;
|
|
1348
1352
|
}
|
|
1349
1353
|
|
|
1350
1354
|
/* // Remove these lines to avoid green closing button
|
|
@@ -1354,212 +1358,212 @@ fieldset[disabled] .multiselect {
|
|
|
1354
1358
|
//} */
|
|
1355
1359
|
.multiselect__tag-icon:focus::after,
|
|
1356
1360
|
.multiselect__tag-icon:hover::after {
|
|
1357
|
-
|
|
1361
|
+
color: white;
|
|
1358
1362
|
}
|
|
1359
1363
|
.multiselect__current {
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1364
|
+
line-height: 16px;
|
|
1365
|
+
min-height: 40px;
|
|
1366
|
+
box-sizing: border-box;
|
|
1367
|
+
display: block;
|
|
1368
|
+
overflow: hidden;
|
|
1369
|
+
padding: 8px 12px 0;
|
|
1370
|
+
padding-right: 30px;
|
|
1371
|
+
white-space: nowrap;
|
|
1372
|
+
margin: 0;
|
|
1373
|
+
text-decoration: none;
|
|
1374
|
+
border-radius: 5px;
|
|
1375
|
+
/* border: 1px solid #e8e8e8; */
|
|
1376
|
+
cursor: pointer;
|
|
1373
1377
|
}
|
|
1374
1378
|
.multiselect__select {
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1379
|
+
line-height: 16px;
|
|
1380
|
+
display: block;
|
|
1381
|
+
position: absolute;
|
|
1382
|
+
box-sizing: border-box;
|
|
1383
|
+
/* width: 40px; */
|
|
1384
|
+
/* height: 38px; */
|
|
1385
|
+
right: 1px;
|
|
1386
|
+
top: 1px;
|
|
1387
|
+
padding: 4px 8px;
|
|
1388
|
+
margin: 0;
|
|
1389
|
+
text-decoration: none;
|
|
1390
|
+
text-align: center;
|
|
1391
|
+
cursor: pointer;
|
|
1392
|
+
transition: transform 0.2s ease;
|
|
1393
|
+
padding-top: calc(var(--input-height) / 2 - 0.7rem);
|
|
1390
1394
|
}
|
|
1391
1395
|
.multiselect__select::before {
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1396
|
+
position: relative;
|
|
1397
|
+
background-size: contain;
|
|
1398
|
+
transform: scale(0.5);
|
|
1399
|
+
color: var(--bgl-black);
|
|
1400
|
+
content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b7b7b7' height='24' viewBox='0 -960 960 960' width='24'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>");
|
|
1397
1401
|
}
|
|
1398
1402
|
.multiselect__placeholder {
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1403
|
+
color: var(--placeholder-color);
|
|
1404
|
+
display: inline-block;
|
|
1405
|
+
margin-bottom: 10px;
|
|
1402
1406
|
}
|
|
1403
1407
|
.multiselect--active .multiselect__placeholder {
|
|
1404
|
-
|
|
1408
|
+
display: none;
|
|
1405
1409
|
}
|
|
1406
1410
|
.multiselect__content-wrapper {
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1411
|
+
position: absolute;
|
|
1412
|
+
display: block;
|
|
1413
|
+
background: #fff;
|
|
1414
|
+
width: 100%;
|
|
1415
|
+
max-height: 240px;
|
|
1416
|
+
overflow: auto;
|
|
1417
|
+
box-shadow: 0 0 10px #00000012;
|
|
1418
|
+
border-top: none;
|
|
1419
|
+
border-bottom-left-radius: 5px;
|
|
1420
|
+
border-bottom-right-radius: 5px;
|
|
1421
|
+
z-index: 50;
|
|
1422
|
+
-webkit-overflow-scrolling: touch;
|
|
1419
1423
|
}
|
|
1420
1424
|
.multiselect__content {
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1425
|
+
list-style: none;
|
|
1426
|
+
display: inline-block;
|
|
1427
|
+
padding: 0;
|
|
1428
|
+
margin: 0;
|
|
1429
|
+
min-width: 100%;
|
|
1430
|
+
vertical-align: top;
|
|
1427
1431
|
}
|
|
1428
1432
|
.multiselect--above .multiselect__content-wrapper {
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1433
|
+
bottom: 100%;
|
|
1434
|
+
border-bottom-left-radius: 0;
|
|
1435
|
+
border-bottom-right-radius: 0;
|
|
1436
|
+
border-top-left-radius: 5px;
|
|
1437
|
+
border-top-right-radius: 5px;
|
|
1438
|
+
border-bottom: none;
|
|
1439
|
+
border-top: 1px solid #e8e8e8;
|
|
1436
1440
|
}
|
|
1437
1441
|
.multiselect__content::-webkit-scrollbar {
|
|
1438
|
-
|
|
1442
|
+
display: none;
|
|
1439
1443
|
}
|
|
1440
1444
|
.multiselect__element {
|
|
1441
|
-
|
|
1445
|
+
display: block;
|
|
1442
1446
|
}
|
|
1443
1447
|
.multiselect__option {
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1448
|
+
display: block;
|
|
1449
|
+
padding-inline-start: 12px;
|
|
1450
|
+
min-height: calc(var(--input-height) * 0.8);
|
|
1451
|
+
line-height: calc(var(--input-height) * 0.8);
|
|
1452
|
+
text-decoration: none;
|
|
1453
|
+
text-transform: none;
|
|
1454
|
+
position: relative;
|
|
1455
|
+
cursor: pointer;
|
|
1456
|
+
white-space: nowrap;
|
|
1453
1457
|
}
|
|
1454
1458
|
.multiselect__option::after {
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1459
|
+
top: 0;
|
|
1460
|
+
right: 0;
|
|
1461
|
+
position: absolute;
|
|
1462
|
+
width: calc(var(--input-height) * 0.8);
|
|
1463
|
+
height: calc(var(--input-height) * 0.8);
|
|
1464
|
+
;
|
|
1465
|
+
text-align: center;
|
|
1466
|
+
font-size: 13px;
|
|
1463
1467
|
}
|
|
1464
1468
|
.multiselect__option--highlight {
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1469
|
+
background: var(--bgl-primary-light);
|
|
1470
|
+
outline: none;
|
|
1471
|
+
color: var(--bgl-primary);
|
|
1468
1472
|
}
|
|
1469
1473
|
.multiselect__option--selected {
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1474
|
+
background: var(--bgl-primary);
|
|
1475
|
+
color: var(--bgl-white);
|
|
1476
|
+
font-weight: bold;
|
|
1473
1477
|
}
|
|
1474
1478
|
.multiselect__option--selected.multiselect__option--highlight {
|
|
1475
|
-
|
|
1476
|
-
|
|
1479
|
+
filter: brightness(0.9);
|
|
1480
|
+
color: #fff;
|
|
1477
1481
|
}
|
|
1478
1482
|
.multiselect__option--selected.multiselect__option--highlight::after {
|
|
1479
|
-
|
|
1480
|
-
|
|
1483
|
+
content: "✕";
|
|
1484
|
+
color: var(--bgl-white);
|
|
1481
1485
|
}
|
|
1482
1486
|
.multiselect--disabled .multiselect__current,
|
|
1483
1487
|
.multiselect--disabled .multiselect__select {
|
|
1484
|
-
|
|
1485
|
-
|
|
1488
|
+
background: #ededed;
|
|
1489
|
+
color: #a6a6a6;
|
|
1486
1490
|
}
|
|
1487
1491
|
.multiselect__option--disabled {
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
+
background: #ededed !important;
|
|
1493
|
+
color: #a6a6a6 !important;
|
|
1494
|
+
cursor: text;
|
|
1495
|
+
pointer-events: none;
|
|
1492
1496
|
}
|
|
1493
1497
|
.multiselect__option--group {
|
|
1494
|
-
|
|
1495
|
-
|
|
1498
|
+
background: #ededed;
|
|
1499
|
+
color: var(--input-color);
|
|
1496
1500
|
}
|
|
1497
1501
|
.multiselect__option--group.multiselect__option--highlight {
|
|
1498
|
-
|
|
1499
|
-
|
|
1502
|
+
background: var(--input-color);
|
|
1503
|
+
color: #fff;
|
|
1500
1504
|
}
|
|
1501
1505
|
.multiselect__option--group.multiselect__option--highlight::after {
|
|
1502
|
-
|
|
1506
|
+
background: var(--input-color);
|
|
1503
1507
|
}
|
|
1504
1508
|
.multiselect__option--disabled.multiselect__option--highlight {
|
|
1505
|
-
|
|
1509
|
+
background: #dedede;
|
|
1506
1510
|
}
|
|
1507
1511
|
.multiselect__option--group-selected.multiselect__option--highlight {
|
|
1508
|
-
|
|
1509
|
-
|
|
1512
|
+
background: var(--bgl-red);
|
|
1513
|
+
color: #fff;
|
|
1510
1514
|
}
|
|
1511
1515
|
.multiselect__option--group-selected.multiselect__option--highlight::after {
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1516
|
+
background: var(--bgl-red);
|
|
1517
|
+
content: attr(data-deselect);
|
|
1518
|
+
color: #fff;
|
|
1515
1519
|
}
|
|
1516
1520
|
.multiselect-enter-active,
|
|
1517
1521
|
.multiselect-leave-active {
|
|
1518
|
-
|
|
1522
|
+
transition: all 0.15s ease;
|
|
1519
1523
|
}
|
|
1520
1524
|
.multiselect-enter,
|
|
1521
1525
|
.multiselect-leave-active {
|
|
1522
|
-
|
|
1526
|
+
opacity: 0;
|
|
1523
1527
|
}
|
|
1524
1528
|
.multiselect__strong {
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
+
margin-bottom: 8px;
|
|
1530
|
+
line-height: 20px;
|
|
1531
|
+
display: inline-block;
|
|
1532
|
+
vertical-align: top;
|
|
1529
1533
|
}
|
|
1530
1534
|
*[dir="rtl"] .multiselect {
|
|
1531
|
-
|
|
1535
|
+
text-align: right;
|
|
1532
1536
|
}
|
|
1533
1537
|
*[dir="rtl"] .multiselect__select {
|
|
1534
|
-
|
|
1535
|
-
|
|
1538
|
+
right: auto;
|
|
1539
|
+
left: 1px;
|
|
1536
1540
|
}
|
|
1537
1541
|
*[dir="rtl"] .multiselect__tags {
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1542
|
+
padding: calc(var(--input-height) / 2);
|
|
1543
|
+
padding-inline-end: 40px;
|
|
1544
|
+
padding-inline-start: 0.7rem;
|
|
1541
1545
|
}
|
|
1542
1546
|
*[dir="rtl"] .multiselect__content {
|
|
1543
|
-
|
|
1547
|
+
text-align: right;
|
|
1544
1548
|
}
|
|
1545
1549
|
*[dir="rtl"] .multiselect__option::after {
|
|
1546
|
-
|
|
1547
|
-
|
|
1550
|
+
right: auto;
|
|
1551
|
+
left: 0;
|
|
1548
1552
|
}
|
|
1549
1553
|
*[dir="rtl"] .multiselect__clear {
|
|
1550
|
-
|
|
1551
|
-
|
|
1554
|
+
right: auto;
|
|
1555
|
+
left: 12px;
|
|
1552
1556
|
}
|
|
1553
1557
|
*[dir="rtl"] .multiselect__spinner {
|
|
1554
|
-
|
|
1555
|
-
|
|
1558
|
+
right: auto;
|
|
1559
|
+
left: 1px;
|
|
1556
1560
|
}
|
|
1557
1561
|
@keyframes spinning {
|
|
1558
1562
|
from {
|
|
1559
|
-
|
|
1563
|
+
transform: rotate(0);
|
|
1560
1564
|
}
|
|
1561
1565
|
to {
|
|
1562
|
-
|
|
1566
|
+
transform: rotate(2turn);
|
|
1563
1567
|
}
|
|
1564
1568
|
}
|
|
1565
1569
|
|
|
@@ -2725,7 +2729,6 @@ img.preview[data-v-1be8d7b1] {
|
|
|
2725
2729
|
.space-between {
|
|
2726
2730
|
justify-content: space-between;
|
|
2727
2731
|
}
|
|
2728
|
-
label,
|
|
2729
2732
|
.label {
|
|
2730
2733
|
display: block;
|
|
2731
2734
|
font-size: var(--label-font-size);
|
|
@@ -2736,262 +2739,234 @@ label,
|
|
|
2736
2739
|
input,
|
|
2737
2740
|
textarea,
|
|
2738
2741
|
select {
|
|
2739
|
-
|
|
2740
|
-
|
|
2742
|
+
font-family: inherit;
|
|
2743
|
+
width: 100%;
|
|
2741
2744
|
}
|
|
2742
2745
|
.bagel-input {
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2746
|
+
position: relative;
|
|
2747
|
+
display: flex;
|
|
2748
|
+
flex-direction: column;
|
|
2749
|
+
text-align: start;
|
|
2750
|
+
margin-bottom: 0.5rem;
|
|
2751
|
+
width: 100%;
|
|
2752
|
+
color: var(--bgl-black);
|
|
2750
2753
|
}
|
|
2751
2754
|
.bagel-input::placeholder .bagel-input label {
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2755
|
+
display: block;
|
|
2756
|
+
font-size: var(--label-font-size);
|
|
2757
|
+
margin-bottom: 2px;
|
|
2758
|
+
line-height: 1.3;
|
|
2756
2759
|
}
|
|
2757
2760
|
.bagel-input::placeholder {
|
|
2758
|
-
|
|
2761
|
+
color: var(--placeholder-color);
|
|
2759
2762
|
}
|
|
2760
2763
|
.bagel-input label {
|
|
2761
|
-
|
|
2764
|
+
color: var(--label-color);
|
|
2762
2765
|
}
|
|
2763
2766
|
.bagel-input input,
|
|
2764
2767
|
.bagel-input select,
|
|
2765
2768
|
.custom-select .input {
|
|
2766
|
-
|
|
2767
|
-
|
|
2769
|
+
height: var(--input-height);
|
|
2770
|
+
font-size: var(--input-font-size);
|
|
2768
2771
|
}
|
|
2769
2772
|
.bagel-input input,
|
|
2770
2773
|
.bagel-input textarea,
|
|
2771
2774
|
.bagel-input select,
|
|
2772
2775
|
.custom-select .input {
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2776
|
+
background: var(--input-bg);
|
|
2777
|
+
border: none;
|
|
2778
|
+
padding: 0.7rem;
|
|
2779
|
+
border-radius: var(--input-border-radius);
|
|
2780
|
+
color: var(--input-color);
|
|
2781
|
+
min-width: calc(var(--input-height) * 3);
|
|
2782
|
+
width: 100%;
|
|
2780
2783
|
}
|
|
2781
2784
|
.bagel-input input::placeholder,
|
|
2782
2785
|
.bagel-input textarea::placeholder,
|
|
2783
2786
|
.bagel-input select::placeholder,
|
|
2784
2787
|
.custom-select .input::placeholder {
|
|
2785
|
-
|
|
2788
|
+
color: var(--placeholder-color);
|
|
2786
2789
|
}
|
|
2787
2790
|
.bagel-input.search-wrap {
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
+
display: flex;
|
|
2792
|
+
flex-direction: row;
|
|
2793
|
+
align-items: center;
|
|
2791
2794
|
}
|
|
2792
2795
|
.bagel-input.search-wrap input {
|
|
2793
|
-
|
|
2796
|
+
padding-inline-end: 2rem;
|
|
2794
2797
|
}
|
|
2795
2798
|
.bagel-input.search-wrap .bgl_icon-font {
|
|
2796
|
-
|
|
2799
|
+
margin-inline-start: -1.75rem;
|
|
2797
2800
|
}
|
|
2798
2801
|
.bagel-input select {
|
|
2799
|
-
|
|
2802
|
+
height: var(--input-height);
|
|
2800
2803
|
}
|
|
2801
2804
|
.bagel-input textarea {
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
+
resize: vertical;
|
|
2806
|
+
min-height: calc(var(--input-height) * 3);
|
|
2807
|
+
line-height: 1.5;
|
|
2805
2808
|
}
|
|
2806
2809
|
.bagel-input.wider input {
|
|
2807
|
-
|
|
2810
|
+
min-width: 320px;
|
|
2808
2811
|
}
|
|
2809
2812
|
.bagel-input input[type="radio"] {
|
|
2810
|
-
|
|
2811
|
-
|
|
2813
|
+
padding: 0;
|
|
2814
|
+
width: fit-content;
|
|
2812
2815
|
}
|
|
2813
2816
|
.bagel-input:focus-within label {
|
|
2814
|
-
|
|
2817
|
+
color: var(--bgl-primary);
|
|
2815
2818
|
}
|
|
2816
2819
|
.bagel-input select.no-edit,
|
|
2817
2820
|
.bagel-input input.no-edit,
|
|
2818
2821
|
.bagel-input textarea.no-edit,
|
|
2819
2822
|
.bagel-input .switch.no-edit {
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
}
|
|
2823
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2824
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2825
|
-
-webkit-appearance: none;
|
|
2823
|
+
pointer-events: none;
|
|
2824
|
+
outline: none;
|
|
2826
2825
|
}
|
|
2827
|
-
label.active {
|
|
2828
|
-
|
|
2826
|
+
.bagel-input label.active {
|
|
2827
|
+
color: var(--bgl-primary);
|
|
2829
2828
|
}
|
|
2830
2829
|
.inline-80 {
|
|
2831
|
-
|
|
2832
|
-
|
|
2830
|
+
display: inline-block;
|
|
2831
|
+
width: 80%;
|
|
2833
2832
|
}
|
|
2834
2833
|
.inline-20 {
|
|
2835
|
-
|
|
2836
|
-
|
|
2834
|
+
display: inline-block;
|
|
2835
|
+
width: 20%;
|
|
2837
2836
|
}
|
|
2838
2837
|
.inline-10 {
|
|
2839
|
-
|
|
2840
|
-
|
|
2838
|
+
display: inline-block;
|
|
2839
|
+
width: 20%;
|
|
2841
2840
|
}
|
|
2842
2841
|
.inline-50 {
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2842
|
+
display: inline-block;
|
|
2843
|
+
width: 49%;
|
|
2844
|
+
margin: 0 0.5%;
|
|
2846
2845
|
}
|
|
2847
2846
|
.custom-select .input {
|
|
2848
|
-
|
|
2849
|
-
|
|
2847
|
+
height: var(--input-height);
|
|
2848
|
+
font-size: var(--input-font-size);
|
|
2850
2849
|
}
|
|
2851
2850
|
.custom-select .input {
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2851
|
+
background: var(--input-bg);
|
|
2852
|
+
border: none;
|
|
2853
|
+
padding: 0.7rem;
|
|
2854
|
+
border-radius: var(--input-border-radius);
|
|
2855
|
+
color: var(--input-color);
|
|
2856
|
+
min-width: calc(var(--input-height) * 3);
|
|
2857
|
+
width: 100%;
|
|
2859
2858
|
}
|
|
2860
2859
|
.input.active,
|
|
2861
2860
|
.bagel-input input:focus-visible,
|
|
2862
2861
|
.bagel-input select:focus-visible,
|
|
2863
2862
|
.bagel-input textarea:focus-visible {
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
}
|
|
2867
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2868
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2869
|
-
-webkit-appearance: none;
|
|
2863
|
+
outline: none;
|
|
2864
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
2870
2865
|
}
|
|
2871
|
-
|
|
2872
|
-
|
|
2866
|
+
.bagel-input input[type="number"]::-webkit-inner-spin-button,
|
|
2867
|
+
.bagel-input input[type="number"]::-webkit-outer-spin-button {
|
|
2868
|
+
-webkit-appearance: none;
|
|
2873
2869
|
}
|
|
2874
2870
|
.label-count-0 label {
|
|
2875
|
-
|
|
2871
|
+
display: none;
|
|
2876
2872
|
}
|
|
2877
2873
|
.label-count-0 button.bgl_btn.bgl_flatBtn {
|
|
2878
|
-
|
|
2879
|
-
|
|
2874
|
+
/* background: var(--bgl-blue-light); */
|
|
2875
|
+
margin-right: 5px;
|
|
2880
2876
|
}
|
|
2881
2877
|
.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
|
|
2882
|
-
|
|
2878
|
+
background: var(--bgl-hover-filter);
|
|
2883
2879
|
}
|
|
2884
|
-
input[type="color"] {
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2880
|
+
.bagel-input input[type="color"] {
|
|
2881
|
+
padding: 0.025rem 0.05rem;
|
|
2882
|
+
display: block;
|
|
2883
|
+
width: var(--input-height);
|
|
2884
|
+
height: var(--input-height);
|
|
2885
|
+
border: none;
|
|
2886
|
+
-webkit-appearance: none;
|
|
2887
|
+
-moz-appearance: none;
|
|
2888
|
+
appearance: none;
|
|
2889
|
+
cursor: pointer;
|
|
2894
2890
|
}
|
|
2895
|
-
input[type="color"]::-webkit-color-swatch {
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2891
|
+
.bagel-input input[type="color"]::-webkit-color-swatch {
|
|
2892
|
+
border-radius: var(--input-border-radius);
|
|
2893
|
+
border: none;
|
|
2894
|
+
transition: box-shadow 200ms ease;
|
|
2899
2895
|
}
|
|
2900
|
-
input[type="color"]::-moz-color-swatch {
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2896
|
+
.bagel-input input[type="color"]::-moz-color-swatch {
|
|
2897
|
+
border-radius: var(--input-border-radius);
|
|
2898
|
+
border: none;
|
|
2899
|
+
transition: box-shadow 200ms ease;
|
|
2904
2900
|
}
|
|
2905
|
-
input[type="color"]::-webkit-color-swatch:hover {
|
|
2906
|
-
|
|
2901
|
+
.bagel-input input[type="color"]::-webkit-color-swatch:hover {
|
|
2902
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2907
2903
|
}
|
|
2908
|
-
input[type="color"]::-moz-color-swatch:hover {
|
|
2909
|
-
|
|
2904
|
+
.bagel-input input[type="color"]::-moz-color-swatch:hover {
|
|
2905
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2910
2906
|
}
|
|
2911
2907
|
@media screen and (max-width: 910px) {
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2908
|
+
.bagel-input.wider input {
|
|
2909
|
+
min-width: 120px;
|
|
2910
|
+
}
|
|
2915
2911
|
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2912
|
+
.bagel-input label {
|
|
2913
|
+
font-size: calc(var(--input-font-size) / 1.1);
|
|
2914
|
+
line-height: 1.2;
|
|
2915
|
+
}
|
|
2920
2916
|
}
|
|
2921
|
-
button,
|
|
2922
2917
|
.bgl_btn,
|
|
2923
2918
|
.bgl_flatBtn,
|
|
2924
2919
|
.bgl_btn-icon {
|
|
2925
|
-
|
|
2926
|
-
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2920
|
+
font-family: inherit;
|
|
2921
|
+
white-space: nowrap;
|
|
2922
|
+
cursor: pointer;
|
|
2923
|
+
box-sizing: border-box;
|
|
2924
|
+
user-select: none;
|
|
2925
|
+
border: none;
|
|
2926
|
+
transition: var(--bgl-transition);
|
|
2927
|
+
border-radius: var(--btn-border-radius);
|
|
2928
|
+
line-height: var(--btn-height);
|
|
2929
|
+
font-size: var(--input-font-size);
|
|
2930
|
+
display: inline-block;
|
|
2931
|
+
height: var(--btn-height);
|
|
2932
|
+
padding: 0;
|
|
2938
2933
|
}
|
|
2939
2934
|
.btn-close {
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2935
|
+
margin-top: -20px;
|
|
2936
|
+
margin-inline-end: -20px;
|
|
2937
|
+
margin-inline-start: auto;
|
|
2938
|
+
margin-bottom: 15px;
|
|
2939
|
+
transition: var(--bgl-transition);
|
|
2940
|
+
height: 30px;
|
|
2941
|
+
width: 30px;
|
|
2942
|
+
opacity: 0.6;
|
|
2943
|
+
cursor: pointer;
|
|
2944
|
+
border-radius: 100%;
|
|
2945
|
+
outline: 2px solid transparent;
|
|
2946
|
+
display: flex;
|
|
2947
|
+
align-items: center;
|
|
2948
|
+
justify-content: center;
|
|
2954
2949
|
}
|
|
2955
2950
|
.btn-close:hover {
|
|
2956
|
-
|
|
2957
|
-
|
|
2951
|
+
background: var(--bgl-gray-light);
|
|
2952
|
+
opacity: 1;
|
|
2958
2953
|
}
|
|
2959
2954
|
.btn-close:active {
|
|
2960
|
-
|
|
2955
|
+
background: var(--bgl-gray);
|
|
2961
2956
|
}
|
|
2962
2957
|
.btn-close::before {
|
|
2963
|
-
|
|
2964
|
-
|
|
2958
|
+
content: "close";
|
|
2959
|
+
font-family: "Material Symbols Outlined", serif;
|
|
2965
2960
|
}
|
|
2966
2961
|
.bgl_btn.thin {
|
|
2967
|
-
|
|
2968
|
-
|
|
2962
|
+
height: calc(var(--btn-height) * 0.7);
|
|
2963
|
+
line-height: calc(var(--btn-height) * 0.7);
|
|
2969
2964
|
}
|
|
2970
2965
|
@media screen and (max-width: 910px) {
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
}
|
|
2975
|
-
/* h1,
|
|
2976
|
-
h2,
|
|
2977
|
-
h3,
|
|
2978
|
-
h4,
|
|
2979
|
-
h5,
|
|
2980
|
-
h6 {
|
|
2981
|
-
width: max-content;
|
|
2966
|
+
.bgl_btn {
|
|
2967
|
+
padding: 0 20px;
|
|
2968
|
+
}
|
|
2982
2969
|
}
|
|
2983
|
-
|
|
2984
|
-
h1 {}
|
|
2985
|
-
|
|
2986
|
-
h2 {}
|
|
2987
|
-
|
|
2988
|
-
h3 {}
|
|
2989
|
-
|
|
2990
|
-
h4 {}
|
|
2991
|
-
|
|
2992
|
-
h5 {}
|
|
2993
|
-
|
|
2994
|
-
h6 {} */
|
|
2995
2970
|
.txt-center {
|
|
2996
2971
|
text-align: center;
|
|
2997
2972
|
}
|