@bagelink/vue 0.0.755 → 0.0.761

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
@@ -46,19 +46,19 @@
46
46
  max-height: 300px;
47
47
  }
48
48
 
49
- a[data-v-7463197f] {
49
+ a[data-v-a73ad8c2] {
50
50
  text-decoration: none;
51
51
  }
52
- .loading[data-v-7463197f] {
52
+ .loading[data-v-a73ad8c2] {
53
53
  border: 1px solid var(--bgl-light-text);
54
54
  border-bottom: 2px solid var(--bgl-light-text);
55
- animation: spin-7463197f 1s linear infinite;
55
+ animation: spin-a73ad8c2 1s linear infinite;
56
56
  border-radius: 100px;
57
57
  width: 1rem;
58
58
  height: 1rem;
59
59
  margin: auto;
60
60
  }
61
- @keyframes spin-7463197f {
61
+ @keyframes spin-a73ad8c2 {
62
62
  0% {
63
63
  transform: rotate(0deg);
64
64
  }
@@ -66,7 +66,7 @@ a[data-v-7463197f] {
66
66
  transform: rotate(360deg);
67
67
  }
68
68
  }
69
- .bgl_btn-icon[data-v-7463197f] {
69
+ .bgl_btn-icon[data-v-a73ad8c2] {
70
70
  height: var(--btn-height);
71
71
  width: var(--btn-height);
72
72
  border-radius: 100%;
@@ -76,108 +76,108 @@ a[data-v-7463197f] {
76
76
  flex-shrink: 0;
77
77
  transition: var(--bgl-transition);
78
78
  }
79
- .bgl_btn[data-v-7463197f] {
79
+ .bgl_btn[data-v-a73ad8c2] {
80
80
  padding-left: var(--btn-padding);
81
81
  padding-right: var(--btn-padding);
82
82
  transition: var(--bgl-transition);
83
83
  text-decoration: none;
84
84
  }
85
- .bgl_btn[disabled="true"][data-v-7463197f] {
85
+ .bgl_btn[disabled="true"][data-v-a73ad8c2] {
86
86
  opacity: 0.5;
87
87
  cursor: not-allowed;
88
88
  }
89
- .bgl_btn-flex[data-v-7463197f] {
89
+ .bgl_btn-flex[data-v-a73ad8c2] {
90
90
  display: flex;
91
91
  align-items: center;
92
92
  gap: 0.5rem;
93
93
  justify-content: center;
94
94
  height: 100%;
95
95
  }
96
- .bgl_btn .bgl_.bgl_icon-font[data-v-7463197f] {
96
+ .bgl_btn .bgl_.bgl_icon-font[data-v-a73ad8c2] {
97
97
  font-size: calc(var(--input-font-size) * 1.3);
98
98
  }
99
- .bgl_btn[data-v-7463197f],
100
- .bgl_btn-icon[data-v-7463197f] {
101
- background-color: var(--a30674be);
102
- color: var(--1811393c);
99
+ .bgl_btn[data-v-a73ad8c2],
100
+ .bgl_btn-icon[data-v-a73ad8c2] {
101
+ background-color: var(--4cc6fa2a);
102
+ color: var(--0ff33606);
103
103
  }
104
- .bgl_btn[data-v-7463197f]:hover,
105
- .bgl_btn-icon[data-v-7463197f]:hover {
104
+ .bgl_btn[data-v-a73ad8c2]:hover,
105
+ .bgl_btn-icon[data-v-a73ad8c2]:hover {
106
106
  filter: var(--bgl-hover-filter);
107
107
  }
108
- .bgl_btn[data-v-7463197f]:active,
109
- .bgl_btn-icon[data-v-7463197f]:active {
108
+ .bgl_btn[data-v-a73ad8c2]:active,
109
+ .bgl_btn-icon[data-v-a73ad8c2]:active {
110
110
  filter: var(--bgl-active-filter);
111
111
  }
112
- .bgl_btn.bgl_flatBtn[data-v-7463197f] {
112
+ .bgl_btn.bgl_flatBtn[data-v-a73ad8c2] {
113
113
  padding-left: var(--btn-padding);
114
114
  padding-right: var(--btn-padding);
115
115
  background: transparent;
116
116
  }
117
- .bgl_btn-icon.bgl_flatBtn[data-v-7463197f] {
117
+ .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2] {
118
118
  background: transparent;
119
119
  }
120
- .bgl_btn.bgl_flatBtn[data-v-7463197f]:hover,
121
- .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:hover {
120
+ .bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:hover,
121
+ .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:hover {
122
122
  filter: var(--bgl-hover-filter);
123
123
  background: var(--bgl-gray-20);
124
124
  color: var(--bgl-primary);
125
125
  }
126
- .bgl_btn.bgl_flatBtn[data-v-7463197f]:active,
127
- .bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:active {
126
+ .bgl_btn.bgl_flatBtn[data-v-a73ad8c2]:active,
127
+ .bgl_btn-icon.bgl_flatBtn[data-v-a73ad8c2]:active {
128
128
  background: var(--bgl-gray-40);
129
129
  filter: var(--bgl-active-filter);
130
130
  color: var(--bgl-primary);
131
131
  }
132
- .bgl_btn.bgl_flatBtn.red[data-v-7463197f],
133
- .bgl_btn-icon.bgl_flatBtn.red[data-v-7463197f] {
132
+ .bgl_btn.bgl_flatBtn.red[data-v-a73ad8c2],
133
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-a73ad8c2] {
134
134
  color: var(--bgl-red);
135
135
  }
136
- .bgl_btn.bgl_flatBtn.white[data-v-7463197f],
137
- .bgl_btn-icon.bgl_flatBtn.white[data-v-7463197f] {
136
+ .bgl_btn.bgl_flatBtn.white[data-v-a73ad8c2],
137
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-a73ad8c2] {
138
138
  color: var(--bgl-light-text);
139
139
  }
140
- .bgl_btn.bgl_flatBtn.light[data-v-7463197f],
141
- .bgl_btn-icon.bgl_flatBtn.light[data-v-7463197f] {
140
+ .bgl_btn.bgl_flatBtn.light[data-v-a73ad8c2],
141
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-a73ad8c2] {
142
142
  color: var(--bgl-primary-tint);
143
143
  }
144
- .bgl_btn.bgl_flatBtn.black[data-v-7463197f],
145
- .bgl_btn-icon.bgl_flatBtn.black[data-v-7463197f] {
144
+ .bgl_btn.bgl_flatBtn.black[data-v-a73ad8c2],
145
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-a73ad8c2] {
146
146
  color: var(--bgl-text-color);
147
147
  }
148
- .bgl_btn.bgl_flatBtn.gray[data-v-7463197f],
149
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-7463197f] {
148
+ .bgl_btn.bgl_flatBtn.gray[data-v-a73ad8c2],
149
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-a73ad8c2] {
150
150
  color: var(--bgl-gray);
151
151
  }
152
- .bgl_btn.thin[data-v-7463197f] {
152
+ .bgl_btn.thin[data-v-a73ad8c2] {
153
153
  padding-inline: calc(var(--btn-padding) / 3);
154
154
  border-radius: calc(var(--btn-border-radius) / 1.5);
155
155
  }
156
- .bgl_btn.round[data-v-7463197f] {
157
- border-radius: calc(var(--btn-border-radius) * 2);
156
+ .bgl_btn.round[data-v-a73ad8c2] {
157
+ border-radius: 1000px;
158
158
  }
159
- .bgl_btn-icon.thin[data-v-7463197f] {
159
+ .bgl_btn-icon.thin[data-v-a73ad8c2] {
160
160
  height: calc(var(--btn-height) / 1.5);
161
161
  width: calc(var(--btn-height) / 1.5);
162
162
  line-height: normal;
163
163
  }
164
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-7463197f] {
164
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-a73ad8c2] {
165
165
  height: 100%;
166
166
  }
167
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-7463197f] {
167
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-a73ad8c2] {
168
168
  transform: rotateY(180deg);
169
169
  }
170
- .bgl_btn-border[data-v-7463197f] {
171
- outline: 1px solid var(--a30674be);
172
- color: var(--a30674be);
170
+ .bgl_btn-border[data-v-a73ad8c2] {
171
+ outline: 1px solid var(--4cc6fa2a);
172
+ color: var(--4cc6fa2a);
173
173
  background: transparent;
174
174
  }
175
- .bgl_btn-border[data-v-7463197f]:hover {
175
+ .bgl_btn-border[data-v-a73ad8c2]:hover {
176
176
  color: var(--bgl-light-text);
177
- background: var(--a30674be);
177
+ background: var(--4cc6fa2a);
178
178
  filter: brightness(100%);
179
179
  }
180
- .bgl_btn-border[data-v-7463197f]:active {
180
+ .bgl_btn-border[data-v-a73ad8c2]:active {
181
181
  filter: brightness(80%);
182
182
  }
183
183
 
@@ -914,16 +914,16 @@ data[data-v-2da95d24] {
914
914
  direction: ltr;
915
915
  }
916
916
 
917
- .m-password{
917
+ .m-password {
918
918
  margin-block: calc(var(--input-height) / 2 - 15px);
919
919
  }
920
920
 
921
- .radio-input-list[data-v-3ae8f4d3]{
921
+ .radio-input-list[data-v-3e9e030f]{
922
922
  width: auto;
923
923
  transform: scale(1.4);
924
924
  margin-inline-end: 0.6rem;
925
925
  }
926
- .active-list-item[data-v-3ae8f4d3]:has(:checked){
926
+ .active-list-item[data-v-3e9e030f]:has(:checked){
927
927
  background: var(--bgl-primary-light) !important;
928
928
  border-color: var(--bgl-primary) !important;
929
929
  accent-color: var(--bgl-accent-color);
@@ -1108,10 +1108,10 @@ p {
1108
1108
  }
1109
1109
  .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}
1110
1110
 
1111
- .selectinput[data-v-3679d458] {
1111
+ .selectinput[data-v-841bf0ec] {
1112
1112
  width: 100%;
1113
1113
  }
1114
- .selectinput-option[data-v-3679d458] {
1114
+ .selectinput-option[data-v-841bf0ec] {
1115
1115
  padding: 6px 12px;
1116
1116
  cursor: pointer;
1117
1117
  border-radius: 5px;
@@ -1123,24 +1123,25 @@ p {
1123
1123
  font-size: var(--input-font-size);
1124
1124
  margin-block: 0.15rem;
1125
1125
  }
1126
- .selectinput-option .bgl_icon-font[data-v-3679d458]{
1126
+ .selectinput-option .bgl_icon-font[data-v-841bf0ec]{
1127
1127
  line-height: normal;
1128
1128
  }
1129
- .selectinput-options.multiselect .selectinput-option[data-v-3679d458] {
1129
+ .selectinput-options.multiselect .selectinput-option[data-v-841bf0ec] {
1130
1130
  grid-template-columns: 10px 1fr;
1131
1131
  }
1132
- .selectinput-options[data-v-3679d458] {
1132
+ .selectinput-options[data-v-841bf0ec] {
1133
1133
  max-height: 300px;
1134
1134
  overflow-y: auto;
1135
1135
  }
1136
- .selectinput-option[data-v-3679d458]:hover {
1136
+ .selectinput-option[data-v-841bf0ec]:hover {
1137
1137
  background: var(--bgl-gray-20);
1138
1138
  }
1139
- .isEmpty p[data-v-3679d458] {
1139
+ .isEmpty p[data-v-841bf0ec] {
1140
1140
  opacity: 0.3;
1141
1141
  }
1142
- .selected[data-v-3679d458]{
1143
- background: var(--bgl-primary-tint);
1142
+ .selected[data-v-841bf0ec]{
1143
+ /* background: var(--bgl-primary-tint); */
1144
+ background: var(--bgl-gray-light);
1144
1145
  }
1145
1146
 
1146
1147
  .bagel-input label {
@@ -1205,29 +1206,29 @@ p {
1205
1206
  8 #818181 /* few chars */
1206
1207
  ;
1207
1208
  }
1208
- .preview-area[data-v-1cddc1b1]{
1209
+ .preview-area[data-v-9c94183b]{
1209
1210
  font-family: "FontWithASyntaxHighlighter", monospace;
1210
1211
  font-palette: --myCustomPalette;
1211
1212
  background: var(--bgl-code-bg);
1212
1213
  color: var(--bgl-code-color)
1213
1214
  }
1214
- .rich-text-editor[data-v-1cddc1b1] {
1215
+ .rich-text-editor[data-v-9c94183b] {
1215
1216
  background: var(--input-bg);
1216
1217
  margin-bottom: 0.5rem;
1217
1218
  width: 100%;
1218
1219
  }
1219
- .editableContent[data-v-1cddc1b1]{
1220
+ .editableContent[data-v-9c94183b]{
1220
1221
  min-height: 100%;
1221
1222
  white-space: pre-wrap;
1222
1223
  outline: none;
1223
1224
  }
1224
- .content-area[data-v-1cddc1b1]{
1225
+ .content-area[data-v-9c94183b]{
1225
1226
  background: var(--bgl-richtext-color);
1226
1227
  }
1227
- .content-area[data-v-1cddc1b1], .preview-area[data-v-1cddc1b1]{
1228
+ .content-area[data-v-9c94183b], .preview-area[data-v-9c94183b]{
1228
1229
  min-height: 200px;
1229
1230
  }
1230
- .fullscreen-mode[data-v-1cddc1b1] {
1231
+ .fullscreen-mode[data-v-9c94183b] {
1231
1232
  position: fixed;
1232
1233
  top: 0;
1233
1234
  left: 0;
@@ -1239,14 +1240,14 @@ p {
1239
1240
  overflow: auto;
1240
1241
  border-radius: 0;
1241
1242
  }
1242
- .fullscreen-mode .content-area[data-v-1cddc1b1]{
1243
+ .fullscreen-mode .content-area[data-v-9c94183b]{
1243
1244
  height: calc(100vh - 5rem);
1244
1245
  padding: 4rem !important;
1245
1246
  max-width: 900px;
1246
1247
  margin-inline: auto ;
1247
1248
  overflow-y: auto;
1248
1249
  }
1249
- .fullscreen-mode .toolbar[data-v-1cddc1b1]{
1250
+ .fullscreen-mode .toolbar[data-v-9c94183b]{
1250
1251
  max-width: 900px;
1251
1252
  margin-inline: auto ;
1252
1253
  /* border-bottom: 1px solid var(--border-color); */
@@ -1567,17 +1568,17 @@ p {
1567
1568
  height: 30px;
1568
1569
  }
1569
1570
 
1570
- .bagel-input.bgl-toggle[data-v-0a2b089d]{
1571
+ .bagel-input.bgl-toggle[data-v-683b2f6d]{
1571
1572
  display: unset !important;
1572
1573
  }
1573
- .bagel-input.bgl-toggle[data-v-0a2b089d] *{
1574
+ .bagel-input.bgl-toggle[data-v-683b2f6d] *{
1574
1575
  cursor: pointer !important;
1575
1576
  }
1576
- .bagel-input.bgl-toggle input[data-v-0a2b089d]{
1577
+ .bagel-input.bgl-toggle input[data-v-683b2f6d]{
1577
1578
  padding: unset !important;
1578
1579
  min-width: unset !important;
1579
1580
  }
1580
- .bgl-toggle input[data-v-0a2b089d] {
1581
+ .bgl-toggle input[data-v-683b2f6d] {
1581
1582
  appearance: none;
1582
1583
  position: relative;
1583
1584
  display: inline-block;
@@ -1590,7 +1591,7 @@ p {
1590
1591
  transition: 0.25s linear all;
1591
1592
  outline: 1px solid var(--border-color);
1592
1593
  }
1593
- .bgl-toggle input[data-v-0a2b089d]::before {
1594
+ .bgl-toggle input[data-v-683b2f6d]::before {
1594
1595
  position: absolute;
1595
1596
  content: "";
1596
1597
  height: calc(var(--input-height) / 2 - 2px);
@@ -1603,7 +1604,7 @@ p {
1603
1604
  transition: 0.2s;
1604
1605
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
1605
1606
  }
1606
- .bgl-toggle label[data-v-0a2b089d] {
1607
+ .bgl-toggle label[data-v-683b2f6d] {
1607
1608
  padding-inline-start: 0.5rem;
1608
1609
  transition: var(--bgl-transition);
1609
1610
  cursor: pointer;
@@ -1611,30 +1612,30 @@ p {
1611
1612
  line-height: var(--input-height);
1612
1613
  font-size: var(--input-font-size);
1613
1614
  }
1614
- .bgl-toggle label[data-v-0a2b089d]:hover {
1615
+ .bgl-toggle label[data-v-683b2f6d]:hover {
1615
1616
  filter: brightness(90%);
1616
1617
  }
1617
- .bgl-toggle label[data-v-0a2b089d]:active {
1618
+ .bgl-toggle label[data-v-683b2f6d]:active {
1618
1619
  filter: var(--bgl-active-filter);
1619
1620
  }
1620
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1621
+ .bgl-toggle input[data-v-683b2f6d]:focus-visible {
1621
1622
  outline: -webkit-focus-ring-color auto 1px;
1622
1623
  outline-offset: 2px
1623
1624
  }
1624
- .bgl-toggle input[data-v-0a2b089d]:focus {
1625
+ .bgl-toggle input[data-v-683b2f6d]:focus {
1625
1626
  outline-color: transparent;
1626
1627
  }
1627
- .bgl-toggle input[data-v-0a2b089d]:focus-visible {
1628
+ .bgl-toggle input[data-v-683b2f6d]:focus-visible {
1628
1629
  outline: -webkit-focus-ring-color auto 1px;
1629
1630
  outline-offset: 2px
1630
1631
  }
1631
- .bgl-toggle[data-v-0a2b089d] :checked{
1632
+ .bgl-toggle[data-v-683b2f6d] :checked{
1632
1633
  background: var(--bgl-primary);
1633
1634
  }
1634
- .bgl-toggle[data-v-0a2b089d] :checked::before{
1635
+ .bgl-toggle[data-v-683b2f6d] :checked::before{
1635
1636
  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
1636
1637
  }
1637
- .bgl-toggle input:checked + label[data-v-0a2b089d] {
1638
+ .bgl-toggle input:checked + label[data-v-683b2f6d] {
1638
1639
  color: var(--bgl-primary) !important;
1639
1640
  }
1640
1641
 
@@ -1696,33 +1697,33 @@ p {
1696
1697
  justify-content: flex-start !important;
1697
1698
  }
1698
1699
 
1699
- .bgl_sidebar[data-v-6007d02b] {
1700
+ .bgl_sidebar[data-v-3ee4f3f7] {
1700
1701
  }
1701
- .toggleNav[data-v-6007d02b] {
1702
+ .toggleNav[data-v-3ee4f3f7] {
1702
1703
  height: 22px !important;
1703
1704
  width: 22px !important;
1704
1705
  transition: var(--bgl-transition);
1705
1706
  top: 2rem;
1706
1707
  inset-inline-end: -3px;
1707
1708
  }
1708
- .toggleNav[data-v-6007d02b]:hover {
1709
+ .toggleNav[data-v-3ee4f3f7]:hover {
1709
1710
  opacity: 1;
1710
1711
  }
1711
- .wideNav .toggleNav[data-v-6007d02b] {
1712
+ .wideNav .toggleNav[data-v-3ee4f3f7] {
1712
1713
  transform: rotate(180deg);
1713
1714
  }
1714
- [dir='rtl'] .toggleNav[data-v-6007d02b] {
1715
+ [dir='rtl'] .toggleNav[data-v-3ee4f3f7] {
1715
1716
  transform: rotate(180deg);
1716
1717
  }
1717
- [dir='rtl'] .wideNav .toggleNav[data-v-6007d02b] {
1718
+ [dir='rtl'] .wideNav .toggleNav[data-v-3ee4f3f7] {
1718
1719
  transform: rotate(0deg);
1719
1720
  }
1720
- .showP-enter-active[data-v-6007d02b],
1721
- .showP-leave-active[data-v-6007d02b] {
1721
+ .showP-enter-active[data-v-3ee4f3f7],
1722
+ .showP-leave-active[data-v-3ee4f3f7] {
1722
1723
  transition: all 0.5s ease;
1723
1724
  }
1724
- .showP-enter-from[data-v-6007d02b],
1725
- .showP-leave-to[data-v-6007d02b] {
1725
+ .showP-enter-from[data-v-3ee4f3f7],
1726
+ .showP-leave-to[data-v-3ee4f3f7] {
1726
1727
  opacity: 0;
1727
1728
  transform: translateX(-20px);
1728
1729
  }
@@ -2792,10 +2793,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
2792
2793
  }
2793
2794
  }
2794
2795
 
2795
- [dir='rtl'] .top-arrow[data-v-2f924811] {
2796
+ [dir='rtl'] .top-arrow[data-v-5df5b310] {
2796
2797
  transform: rotate(180deg);
2797
2798
  }
2798
- .nav-expend[data-v-2f924811] {
2799
+ .nav-expend[data-v-5df5b310] {
2799
2800
  text-align: center;
2800
2801
  cursor: pointer;
2801
2802
  background: var(--bgl-popup-bg);
@@ -2821,17 +2822,17 @@ svg.leaflet-image-layer.leaflet-interactive path {
2821
2822
  margin-bottom: 30px;
2822
2823
  }
2823
2824
  */
2824
- .nav-expend[data-v-2f924811] {
2825
+ .nav-expend[data-v-5df5b310] {
2825
2826
  background: var(--bgl-popup-bg);
2826
2827
  }
2827
- .nav-expend[data-v-2f924811]:hover {
2828
+ .nav-expend[data-v-5df5b310]:hover {
2828
2829
  filter: brightness(95%);
2829
2830
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
2830
2831
  }
2831
- .nav-expend[data-v-2f924811]:active {
2832
+ .nav-expend[data-v-5df5b310]:active {
2832
2833
  filter: var(--bgl-active-filter);
2833
2834
  }
2834
- .nav[data-v-2f924811] {
2835
+ .nav[data-v-5df5b310] {
2835
2836
  color: var(--bgl-light-text);
2836
2837
  background: var(--bgl-primary);
2837
2838
  z-index: 100;
@@ -2840,10 +2841,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
2840
2841
  display: flex;
2841
2842
  flex-direction: column;
2842
2843
  }
2843
- .nav[data-v-2f924811] * {
2844
+ .nav[data-v-5df5b310] * {
2844
2845
  user-select: none;
2845
2846
  }
2846
- .nav-button[data-v-2f924811] {
2847
+ .nav-button[data-v-5df5b310] {
2847
2848
  text-decoration: none;
2848
2849
  cursor: pointer;
2849
2850
  display: flex;
@@ -2854,11 +2855,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
2854
2855
  transition: all 0.2s ease;
2855
2856
  pointer-events: none;
2856
2857
  }
2857
- .nav-button[data-v-2f924811]:hover {
2858
+ .nav-button[data-v-5df5b310]:hover {
2858
2859
  width: fit-content;
2859
2860
  pointer-events: all;
2860
2861
  }
2861
- .nav-button .bgl_icon-font[data-v-2f924811] {
2862
+ .nav-button .bgl_icon-font[data-v-5df5b310] {
2862
2863
  font-size: 22px;
2863
2864
  margin: 0.25rem 10px;
2864
2865
  padding: 10px;
@@ -2871,16 +2872,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
2871
2872
  transition: all 0.2s ease;
2872
2873
  pointer-events: all;
2873
2874
  }
2874
- .nav-button:hover .bgl_icon-font[data-v-2f924811],
2875
- .nav-button.router-link-active .bgl_icon-font[data-v-2f924811] {
2875
+ .nav-button:hover .bgl_icon-font[data-v-5df5b310],
2876
+ .nav-button.router-link-active .bgl_icon-font[data-v-5df5b310] {
2876
2877
  background: var(--bgl-box-bg);
2877
2878
  color: var(--bgl-primary);
2878
2879
  }
2879
- .nav-button:hover .tooltip[data-v-2f924811] {
2880
+ .nav-button:hover .tooltip[data-v-5df5b310] {
2880
2881
  opacity: 1;
2881
2882
  pointer-events: all;
2882
2883
  }
2883
- .tooltip[data-v-2f924811] {
2884
+ .tooltip[data-v-5df5b310] {
2884
2885
  background-color: var(--bgl-popup-bg);
2885
2886
  color: var(--bgl-primary);
2886
2887
  line-height: 1;
@@ -2894,23 +2895,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
2894
2895
  opacity: 0;
2895
2896
  margin-inline-start: 1rem;
2896
2897
  }
2897
- .tooltip[data-v-2f924811]:hover {
2898
+ .tooltip[data-v-5df5b310]:hover {
2898
2899
  filter: brightness(95%);
2899
2900
  }
2900
- .tooltip[data-v-2f924811]:active {
2901
+ .tooltip[data-v-5df5b310]:active {
2901
2902
  filter: brightness(90%);
2902
2903
  }
2903
- .bot-buttons-wrapper[data-v-2f924811] {
2904
+ .bot-buttons-wrapper[data-v-5df5b310] {
2904
2905
  margin-top: auto;
2905
2906
  width: 100%;
2906
2907
  }
2907
- .nav-links-wrapper[data-v-2f924811] {
2908
+ .nav-links-wrapper[data-v-5df5b310] {
2908
2909
  direction: ltr;
2909
2910
  }
2910
- [dir='rtl'] .nav-links-wrapper[data-v-2f924811] {
2911
+ [dir='rtl'] .nav-links-wrapper[data-v-5df5b310] {
2911
2912
  direction: rtl;
2912
2913
  }
2913
- .nav-scroll[data-v-2f924811] {
2914
+ .nav-scroll[data-v-5df5b310] {
2914
2915
  overflow-y: scroll;
2915
2916
  width: 50vw;
2916
2917
  direction: rtl;
@@ -2920,30 +2921,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
2920
2921
  display: flex;
2921
2922
  flex-direction: column;
2922
2923
  }
2923
- .nav[data-v-2f924811]::-webkit-scrollbar-thumb {
2924
+ .nav[data-v-5df5b310]::-webkit-scrollbar-thumb {
2924
2925
  background-color: transparent;
2925
2926
  }
2926
- .nav[data-v-2f924811]:hover::-webkit-scrollbar-thumb {
2927
+ .nav[data-v-5df5b310]:hover::-webkit-scrollbar-thumb {
2927
2928
  background-color: var(--bgl-gray);
2928
2929
  }
2929
- [dir='rtl'] .nav-scroll[data-v-2f924811] {
2930
+ [dir='rtl'] .nav-scroll[data-v-5df5b310] {
2930
2931
  direction: ltr;
2931
2932
  }
2932
- .full-nav[data-v-2f924811] {
2933
+ .full-nav[data-v-5df5b310] {
2933
2934
  height: 100%;
2934
2935
  display: flex;
2935
2936
  flex-direction: column;
2936
2937
  }
2937
2938
  @media screen and (min-width: 910px) {
2938
- .nav.open .nav-expend[data-v-2f924811] {
2939
+ .nav.open .nav-expend[data-v-5df5b310] {
2939
2940
  margin-inline-start: 189px;
2940
2941
  transform: rotate(180deg);
2941
2942
  }
2942
- .nav.open[data-v-2f924811] {
2943
+ .nav.open[data-v-5df5b310] {
2943
2944
  width: 200px;
2944
2945
  text-align: start;
2945
2946
  }
2946
- .nav.open .tooltip[data-v-2f924811] {
2947
+ .nav.open .tooltip[data-v-5df5b310] {
2947
2948
  background-color: transparent;
2948
2949
  color: var(--bgl-light-text);
2949
2950
  padding: 0;
@@ -2952,30 +2953,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
2952
2953
  opacity: 1;
2953
2954
  margin-inline-start: 0rem;
2954
2955
  }
2955
- .nav.open .nav-button .bgl_icon-font[data-v-2f924811] {
2956
+ .nav.open .nav-button .bgl_icon-font[data-v-5df5b310] {
2956
2957
  margin: 0;
2957
2958
  background: transparent;
2958
2959
  }
2959
- .nav.open .nav-button[data-v-2f924811] {
2960
+ .nav.open .nav-button[data-v-5df5b310] {
2960
2961
  width: 180px;
2961
2962
  border-radius: 10px;
2962
2963
  margin-inline-start: 10px;
2963
2964
  margin-top: 10px;
2964
2965
  margin-bottom: 10px;
2965
2966
  }
2966
- .nav.open .nav-button[data-v-2f924811]:hover,
2967
- .nav.open .nav-button.router-link-active[data-v-2f924811] {
2967
+ .nav.open .nav-button[data-v-5df5b310]:hover,
2968
+ .nav.open .nav-button.router-link-active[data-v-5df5b310] {
2968
2969
  background: var(--bgl-popup-bg);
2969
2970
  color: var(--bgl-primary);
2970
2971
  }
2971
- .nav.open .nav-button[data-v-2f924811]:hover,
2972
- .nav.open .nav-button:hover .tooltip[data-v-2f924811],
2973
- .nav.open .nav-button.router-link-active .tooltip[data-v-2f924811] {
2972
+ .nav.open .nav-button[data-v-5df5b310]:hover,
2973
+ .nav.open .nav-button:hover .tooltip[data-v-5df5b310],
2974
+ .nav.open .nav-button.router-link-active .tooltip[data-v-5df5b310] {
2974
2975
  color: var(--bgl-primary);
2975
2976
  }
2976
2977
  }
2977
2978
  @media screen and (max-width: 910px) {
2978
- .full-nav[data-v-2f924811] {
2979
+ .full-nav[data-v-5df5b310] {
2979
2980
  height: auto;
2980
2981
  display: flex;
2981
2982
  flex-direction: row;
@@ -2984,10 +2985,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
2984
2985
  inset-inline-end: 0;
2985
2986
  overflow-x: auto;
2986
2987
  }
2987
- .nav.open[data-v-2f924811] {
2988
+ .nav.open[data-v-5df5b310] {
2988
2989
  width: initial;
2989
2990
  }
2990
- .nav[data-v-2f924811] {
2991
+ .nav[data-v-5df5b310] {
2991
2992
  width: auto;
2992
2993
  display: flex;
2993
2994
  flex-direction: row;
@@ -2995,7 +2996,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2995
2996
  overflow-x: auto;
2996
2997
  justify-content: flex-start;
2997
2998
  }
2998
- .tooltip[data-v-2f924811] {
2999
+ .tooltip[data-v-5df5b310] {
2999
3000
  opacity: 1;
3000
3001
  background: transparent;
3001
3002
  color: var(--bgl-light-text);
@@ -3004,25 +3005,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
3004
3005
  padding: 0;
3005
3006
  margin: 0;
3006
3007
  }
3007
- .nav-button[data-v-2f924811] {
3008
+ .nav-button[data-v-5df5b310] {
3008
3009
  flex-direction: column;
3009
3010
  margin: 12px 0.25rem;
3010
3011
  }
3011
- .nav-button .bgl_icon-font[data-v-2f924811] {
3012
+ .nav-button .bgl_icon-font[data-v-5df5b310] {
3012
3013
  padding: 2px 0 0 0;
3013
3014
  margin: 0;
3014
3015
  height: 30px;
3015
3016
  width: 30px;
3016
3017
  }
3017
- .nav-links-wrapper[data-v-2f924811] {
3018
+ .nav-links-wrapper[data-v-5df5b310] {
3018
3019
  display: flex;
3019
3020
  }
3020
- .bot-buttons-wrapper[data-v-2f924811] {
3021
+ .bot-buttons-wrapper[data-v-5df5b310] {
3021
3022
  margin-top: 0;
3022
3023
  width: auto;
3023
3024
  display: flex;
3024
3025
  }
3025
- .nav-scroll[data-v-2f924811] {
3026
+ .nav-scroll[data-v-5df5b310] {
3026
3027
  overflow-y: visible;
3027
3028
  width: auto;
3028
3029
  direction: auto;
@@ -3033,15 +3034,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
3033
3034
  flex-direction: row;
3034
3035
  margin-inline-end: auto;
3035
3036
  }
3036
- .nav[data-v-2f924811]::-webkit-scrollbar {
3037
+ .nav[data-v-5df5b310]::-webkit-scrollbar {
3037
3038
  display: none;
3038
3039
  }
3039
- .nav-expend[data-v-2f924811] {
3040
+ .nav-expend[data-v-5df5b310] {
3040
3041
  display: none;
3041
3042
  }
3042
3043
  }
3043
3044
  @media screen and (max-height: 550px) {
3044
- .nav.open .nav-button[data-v-2f924811] {
3045
+ .nav.open .nav-button[data-v-5df5b310] {
3045
3046
  margin-top: 4px;
3046
3047
  margin-bottom: 4px;
3047
3048
  }
@@ -3301,19 +3302,19 @@ tbody tr[data-v-680da9b9]:hover {
3301
3302
  -moz-user-drag: none;
3302
3303
  }
3303
3304
 
3304
- .lightbox-image[data-v-d550287d]{
3305
+ .lightbox-image[data-v-68949c15]{
3305
3306
  object-fit: contain;
3306
3307
  }
3307
- .bgl-lightbox-overlay[data-v-d550287d] {
3308
+ .bgl-lightbox-overlay[data-v-68949c15] {
3308
3309
  background: rgba(0, 0, 0, 0.8);
3309
3310
  }
3310
- .bgl-lightbox[data-v-d550287d] {
3311
+ .bgl-lightbox[data-v-68949c15] {
3311
3312
  max-height: 90%;
3312
3313
  }
3313
- .bgl-lightbox-item[data-v-d550287d]{
3314
- animation: 500ms ease bgl-lightbox-load-d550287d;
3314
+ .bgl-lightbox-item[data-v-68949c15]{
3315
+ animation: 500ms ease bgl-lightbox-load-68949c15;
3315
3316
  }
3316
- @keyframes bgl-lightbox-load-d550287d {
3317
+ @keyframes bgl-lightbox-load-68949c15 {
3317
3318
  from {
3318
3319
  scale:0.7;
3319
3320
  }
@@ -3321,32 +3322,32 @@ to {
3321
3322
  scale:1;
3322
3323
  }
3323
3324
  }
3324
- .bgl-lightbox-item[data-v-d550287d] * {
3325
+ .bgl-lightbox-item[data-v-68949c15] * {
3325
3326
  max-width: 90%;
3326
3327
  max-height: calc(80vh - 90px);
3327
3328
  border-radius: 3px;
3328
3329
  margin: auto;
3329
- animation: 200ms ease bgl-lightbox-load-d550287d;
3330
+ animation: 200ms ease bgl-lightbox-load-68949c15;
3330
3331
  }
3331
- .navigation[data-v-d550287d] {
3332
+ .navigation[data-v-68949c15] {
3332
3333
  top: 50%;
3333
3334
  transform: translateY(-50%);
3334
3335
  }
3335
- .navigation-btn[data-v-d550287d] {
3336
+ .navigation-btn[data-v-68949c15] {
3336
3337
  width: var(--input-height);
3337
3338
  height: var(--input-height);
3338
3339
  }
3339
- .thumbnail[data-v-d550287d] {
3340
+ .thumbnail[data-v-68949c15] {
3340
3341
  height: 50px;
3341
3342
  width: 50px;
3342
3343
  }
3343
- .thumbnail[data-v-d550287d]:hover {
3344
+ .thumbnail[data-v-68949c15]:hover {
3344
3345
  opacity: 1;
3345
3346
  }
3346
- .thumbnail[data-v-d550287d]:active {
3347
+ .thumbnail[data-v-68949c15]:active {
3347
3348
  opacity: 0.8;
3348
3349
  }
3349
- .thumbnail.active[data-v-d550287d] {
3350
+ .thumbnail.active[data-v-68949c15] {
3350
3351
  opacity: 1;
3351
3352
  outline: 2px solid white;
3352
3353
  }
@@ -3363,14 +3364,25 @@ to {
3363
3364
  height: 100vh;
3364
3365
  }
3365
3366
  .round {
3367
+ border-radius: 1000px;
3368
+ }
3369
+ .rounded,
3370
+ .radius,
3371
+ .radius-1 {
3366
3372
  border-radius: var(--btn-border-radius) !important;
3367
3373
  }
3368
- .rounded {
3374
+ .radius-05 {
3369
3375
  border-radius: calc(var(--btn-border-radius) / 2) !important;
3370
3376
  }
3371
- .round-extra {
3377
+ .radius-2 {
3372
3378
  border-radius: calc(var(--btn-border-radius) * 2) !important;
3373
3379
  }
3380
+ .radius-3 {
3381
+ border-radius: calc(var(--btn-border-radius) * 3) !important;
3382
+ }
3383
+ .radius-4 {
3384
+ border-radius: calc(var(--btn-border-radius) * 4) !important;
3385
+ }
3374
3386
  .round-none {
3375
3387
  border-radius: 0;
3376
3388
  }
@@ -5161,17 +5173,31 @@ to {
5161
5173
  }
5162
5174
 
5163
5175
  .m_round {
5176
+ border-radius: 1000px;
5177
+ }
5178
+
5179
+ .m_rounded,
5180
+ .m_radius,
5181
+ .m_radius-1 {
5164
5182
  border-radius: var(--btn-border-radius) !important;
5165
5183
  }
5166
5184
 
5167
- .m_rounded {
5185
+ .m_radius-05 {
5168
5186
  border-radius: calc(var(--btn-border-radius) / 2) !important;
5169
5187
  }
5170
5188
 
5171
- .m_round-extra {
5189
+ .m_radius-2 {
5172
5190
  border-radius: calc(var(--btn-border-radius) * 2) !important;
5173
5191
  }
5174
5192
 
5193
+ .m_radius-3 {
5194
+ border-radius: calc(var(--btn-border-radius) * 3) !important;
5195
+ }
5196
+
5197
+ .m_radius-4 {
5198
+ border-radius: calc(var(--btn-border-radius) * 4) !important;
5199
+ }
5200
+
5175
5201
  .m_round-none {
5176
5202
  border-radius: 0 !important;
5177
5203
  }