@bagelink/vue 0.0.614 → 0.0.618

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.
Files changed (13) hide show
  1. package/dist/components/NavBar.vue.d.ts.map +1 -1
  2. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  3. package/dist/components/form/inputs/SignaturePad.vue.d.ts +19 -3
  4. package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
  5. package/dist/index.cjs +68 -56
  6. package/dist/index.mjs +68 -56
  7. package/dist/style.css +83 -70
  8. package/package.json +11 -11
  9. package/src/components/NavBar.vue +6 -0
  10. package/src/components/form/inputs/CheckInput.vue +2 -0
  11. package/src/components/form/inputs/DatePicker.vue +3 -0
  12. package/src/components/form/inputs/FileUpload.vue +6 -4
  13. package/src/components/form/inputs/SignaturePad.vue +11 -5
package/dist/style.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- [dir='rtl'] .top-arrow[data-v-e59fe705] {
2
+ [dir='rtl'] .top-arrow[data-v-776cab4a] {
3
3
  transform: rotate(180deg);
4
4
  }
5
- .nav-expend[data-v-e59fe705] {
5
+ .nav-expend[data-v-776cab4a] {
6
6
  text-align: center;
7
7
  cursor: pointer;
8
8
  background: var(--bgl-white);
@@ -28,17 +28,17 @@
28
28
  margin-bottom: 30px;
29
29
  }
30
30
  */
31
- .nav-expend[data-v-e59fe705] {
31
+ .nav-expend[data-v-776cab4a] {
32
32
  background: var(--bgl-white);
33
33
  }
34
- .nav-expend[data-v-e59fe705]:hover {
34
+ .nav-expend[data-v-776cab4a]:hover {
35
35
  filter: brightness(95%);
36
36
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
37
37
  }
38
- .nav-expend[data-v-e59fe705]:active {
38
+ .nav-expend[data-v-776cab4a]:active {
39
39
  filter: var(--bgl-active-filter);
40
40
  }
41
- .nav[data-v-e59fe705] {
41
+ .nav[data-v-776cab4a] {
42
42
  color: var(--bgl-white);
43
43
  background: var(--bgl-primary);
44
44
  z-index: 100;
@@ -47,10 +47,10 @@
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  }
50
- .nav[data-v-e59fe705] * {
50
+ .nav[data-v-776cab4a] * {
51
51
  user-select: none;
52
52
  }
53
- .nav-button[data-v-e59fe705] {
53
+ .nav-button[data-v-776cab4a] {
54
54
  text-decoration: none;
55
55
  cursor: pointer;
56
56
  display: flex;
@@ -61,11 +61,11 @@
61
61
  transition: all 0.2s ease;
62
62
  pointer-events: none;
63
63
  }
64
- .nav-button[data-v-e59fe705]:hover {
64
+ .nav-button[data-v-776cab4a]:hover {
65
65
  width: fit-content;
66
66
  pointer-events: all;
67
67
  }
68
- .nav-button .bgl_icon-font[data-v-e59fe705] {
68
+ .nav-button .bgl_icon-font[data-v-776cab4a] {
69
69
  font-size: 22px;
70
70
  margin: 0.25rem 10px;
71
71
  padding: 10px;
@@ -78,16 +78,16 @@
78
78
  transition: all 0.2s ease;
79
79
  pointer-events: all;
80
80
  }
81
- .nav-button:hover .bgl_icon-font[data-v-e59fe705],
82
- .nav-button.router-link-active .bgl_icon-font[data-v-e59fe705] {
81
+ .nav-button:hover .bgl_icon-font[data-v-776cab4a],
82
+ .nav-button.router-link-active .bgl_icon-font[data-v-776cab4a] {
83
83
  background: var(--bgl-white);
84
84
  color: var(--bgl-primary);
85
85
  }
86
- .nav-button:hover .tooltip[data-v-e59fe705] {
86
+ .nav-button:hover .tooltip[data-v-776cab4a] {
87
87
  opacity: 1;
88
88
  pointer-events: all;
89
89
  }
90
- .tooltip[data-v-e59fe705] {
90
+ .tooltip[data-v-776cab4a] {
91
91
  background-color: var(--bgl-white);
92
92
  color: var(--bgl-primary);
93
93
  line-height: 1;
@@ -101,23 +101,23 @@
101
101
  opacity: 0;
102
102
  margin-inline-start: 1rem;
103
103
  }
104
- .tooltip[data-v-e59fe705]:hover {
104
+ .tooltip[data-v-776cab4a]:hover {
105
105
  filter: brightness(95%);
106
106
  }
107
- .tooltip[data-v-e59fe705]:active {
107
+ .tooltip[data-v-776cab4a]:active {
108
108
  filter: brightness(90%);
109
109
  }
110
- .bot-buttons-wrapper[data-v-e59fe705] {
110
+ .bot-buttons-wrapper[data-v-776cab4a] {
111
111
  margin-top: auto;
112
112
  width: 100%;
113
113
  }
114
- .nav-links-wrapper[data-v-e59fe705] {
114
+ .nav-links-wrapper[data-v-776cab4a] {
115
115
  direction: ltr;
116
116
  }
117
- [dir='rtl'] .nav-links-wrapper[data-v-e59fe705] {
117
+ [dir='rtl'] .nav-links-wrapper[data-v-776cab4a] {
118
118
  direction: rtl;
119
119
  }
120
- .nav-scroll[data-v-e59fe705] {
120
+ .nav-scroll[data-v-776cab4a] {
121
121
  overflow-y: scroll;
122
122
  width: 50vw;
123
123
  direction: rtl;
@@ -127,30 +127,30 @@
127
127
  display: flex;
128
128
  flex-direction: column;
129
129
  }
130
- .nav[data-v-e59fe705]::-webkit-scrollbar-thumb {
130
+ .nav[data-v-776cab4a]::-webkit-scrollbar-thumb {
131
131
  background-color: transparent;
132
132
  }
133
- .nav[data-v-e59fe705]:hover::-webkit-scrollbar-thumb {
133
+ .nav[data-v-776cab4a]:hover::-webkit-scrollbar-thumb {
134
134
  background-color: var(--bgl-gray);
135
135
  }
136
- [dir='rtl'] .nav-scroll[data-v-e59fe705] {
136
+ [dir='rtl'] .nav-scroll[data-v-776cab4a] {
137
137
  direction: ltr;
138
138
  }
139
- .full-nav[data-v-e59fe705] {
139
+ .full-nav[data-v-776cab4a] {
140
140
  height: 100%;
141
141
  display: flex;
142
142
  flex-direction: column;
143
143
  }
144
144
  @media screen and (min-width: 910px) {
145
- .nav.open .nav-expend[data-v-e59fe705] {
145
+ .nav.open .nav-expend[data-v-776cab4a] {
146
146
  margin-inline-start: 189px;
147
147
  transform: rotate(180deg);
148
148
  }
149
- .nav.open[data-v-e59fe705] {
149
+ .nav.open[data-v-776cab4a] {
150
150
  width: 200px;
151
151
  text-align: start;
152
152
  }
153
- .nav.open .tooltip[data-v-e59fe705] {
153
+ .nav.open .tooltip[data-v-776cab4a] {
154
154
  background-color: transparent;
155
155
  color: var(--bgl-white);
156
156
  padding: 0;
@@ -159,30 +159,30 @@
159
159
  opacity: 1;
160
160
  margin-inline-start: 0rem;
161
161
  }
162
- .nav.open .nav-button .bgl_icon-font[data-v-e59fe705] {
162
+ .nav.open .nav-button .bgl_icon-font[data-v-776cab4a] {
163
163
  margin: 0;
164
164
  background: transparent;
165
165
  }
166
- .nav.open .nav-button[data-v-e59fe705] {
166
+ .nav.open .nav-button[data-v-776cab4a] {
167
167
  width: 180px;
168
168
  border-radius: 10px;
169
169
  margin-inline-start: 10px;
170
170
  margin-top: 10px;
171
171
  margin-bottom: 10px;
172
172
  }
173
- .nav.open .nav-button[data-v-e59fe705]:hover,
174
- .nav.open .nav-button.router-link-active[data-v-e59fe705] {
173
+ .nav.open .nav-button[data-v-776cab4a]:hover,
174
+ .nav.open .nav-button.router-link-active[data-v-776cab4a] {
175
175
  background: var(--bgl-white);
176
176
  color: var(--bgl-primary);
177
177
  }
178
- .nav.open .nav-button[data-v-e59fe705]:hover,
179
- .nav.open .nav-button:hover .tooltip[data-v-e59fe705],
180
- .nav.open .nav-button.router-link-active .tooltip[data-v-e59fe705] {
178
+ .nav.open .nav-button[data-v-776cab4a]:hover,
179
+ .nav.open .nav-button:hover .tooltip[data-v-776cab4a],
180
+ .nav.open .nav-button.router-link-active .tooltip[data-v-776cab4a] {
181
181
  color: var(--bgl-primary);
182
182
  }
183
183
  }
184
184
  @media screen and (max-width: 910px) {
185
- .full-nav[data-v-e59fe705] {
185
+ .full-nav[data-v-776cab4a] {
186
186
  height: auto;
187
187
  display: flex;
188
188
  flex-direction: row;
@@ -191,10 +191,10 @@
191
191
  inset-inline-end: 0;
192
192
  overflow-x: auto;
193
193
  }
194
- .nav.open[data-v-e59fe705] {
194
+ .nav.open[data-v-776cab4a] {
195
195
  width: initial;
196
196
  }
197
- .nav[data-v-e59fe705] {
197
+ .nav[data-v-776cab4a] {
198
198
  width: auto;
199
199
  display: flex;
200
200
  flex-direction: row;
@@ -202,7 +202,7 @@
202
202
  overflow-x: auto;
203
203
  justify-content: flex-start;
204
204
  }
205
- .tooltip[data-v-e59fe705] {
205
+ .tooltip[data-v-776cab4a] {
206
206
  opacity: 1;
207
207
  background: transparent;
208
208
  color: var(--bgl-white);
@@ -211,25 +211,25 @@
211
211
  padding: 0;
212
212
  margin: 0;
213
213
  }
214
- .nav-button[data-v-e59fe705] {
214
+ .nav-button[data-v-776cab4a] {
215
215
  flex-direction: column;
216
216
  margin: 12px 0.25rem;
217
217
  }
218
- .nav-button .bgl_icon-font[data-v-e59fe705] {
218
+ .nav-button .bgl_icon-font[data-v-776cab4a] {
219
219
  padding: 2px 0 0 0;
220
220
  margin: 0;
221
221
  height: 30px;
222
222
  width: 30px;
223
223
  }
224
- .nav-links-wrapper[data-v-e59fe705] {
224
+ .nav-links-wrapper[data-v-776cab4a] {
225
225
  display: flex;
226
226
  }
227
- .bot-buttons-wrapper[data-v-e59fe705] {
227
+ .bot-buttons-wrapper[data-v-776cab4a] {
228
228
  margin-top: 0;
229
229
  width: auto;
230
230
  display: flex;
231
231
  }
232
- .nav-scroll[data-v-e59fe705] {
232
+ .nav-scroll[data-v-776cab4a] {
233
233
  overflow-y: visible;
234
234
  width: auto;
235
235
  direction: auto;
@@ -240,13 +240,19 @@
240
240
  flex-direction: row;
241
241
  margin-inline-end: auto;
242
242
  }
243
- .nav[data-v-e59fe705]::-webkit-scrollbar {
243
+ .nav[data-v-776cab4a]::-webkit-scrollbar {
244
244
  display: none;
245
245
  }
246
- .nav-expend[data-v-e59fe705] {
246
+ .nav-expend[data-v-776cab4a] {
247
247
  display: none;
248
248
  }
249
249
  }
250
+ @media screen and (max-height: 550px) {
251
+ .nav.open .nav-button[data-v-776cab4a] {
252
+ margin-top: 4px;
253
+ margin-bottom: 4px;
254
+ }
255
+ }
250
256
 
251
257
  a[data-v-59ea4a90] {
252
258
  text-decoration: none;
@@ -1870,11 +1876,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
1870
1876
  transform: translateY(-2.6rem);
1871
1877
  }
1872
1878
 
1873
- .bgl-checkbox[data-v-6bc5ed15] {
1879
+ .bgl-checkbox[data-v-1aa7e2a8] {
1874
1880
  flex-direction: row;
1875
1881
  cursor: pointer;
1882
+ align-items: flex-start;
1876
1883
  }
1877
- .bgl-checkbox input[type='checkbox'][data-v-6bc5ed15] {
1884
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8] {
1878
1885
  accent-color: var(--bgl-primary);
1879
1886
  height: calc(var(--input-height) / 2.75);
1880
1887
  width: calc(var(--input-height) / 2.75);
@@ -1882,8 +1889,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
1882
1889
  display: flex;
1883
1890
  justify-content: center;
1884
1891
  align-items: center;
1892
+ flex-shrink: 0;
1885
1893
  }
1886
- .bgl-checkbox input[type='checkbox'][data-v-6bc5ed15]::before {
1894
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]::before {
1887
1895
  content: '';
1888
1896
  height: calc(var(--input-height) / 2.75);
1889
1897
  width: calc(var(--input-height) / 2.75);
@@ -1893,23 +1901,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
1893
1901
  transition: all 200ms ease;
1894
1902
  position: absolute;
1895
1903
  }
1896
- .bgl-checkbox input[type='checkbox'][data-v-6bc5ed15]:hover::before {
1904
+ .bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]:hover::before {
1897
1905
  opacity: 0.2;
1898
1906
  transform: scale(2);
1899
1907
  }
1900
- .bgl-checkbox label[data-v-6bc5ed15] {
1908
+ .bgl-checkbox label[data-v-1aa7e2a8] {
1901
1909
  cursor: pointer;
1902
1910
  user-select: none;
1903
1911
  font-size: var(--input-font-size);
1904
1912
  transition: var(--bgl-transition-400);
1905
1913
  }
1906
- .bgl-checkbox:hover label[data-v-6bc5ed15] {
1914
+ .bgl-checkbox:hover label[data-v-1aa7e2a8] {
1907
1915
  color: var(--bgl-primary) !important;
1908
1916
  }
1909
- .bgl-checkbox input:checked + label[data-v-6bc5ed15]{
1917
+ .bgl-checkbox input:checked + label[data-v-1aa7e2a8]{
1910
1918
  color: var(--bgl-primary) !important;
1911
1919
  }
1912
- .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-6bc5ed15] {
1920
+ .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-1aa7e2a8] {
1913
1921
  color: var(--label-color) !important;
1914
1922
  }
1915
1923
  .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_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__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:not(.dp__input_focus){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-focus)}.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__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:var(--dp-arrow-left);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:var(--dp-arrow-left);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__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-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);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;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.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;height:var(--dp-overlay-height)}.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_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__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__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{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_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__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-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.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__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-border-color-focus: #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-border-color-focus: #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 */
@@ -2326,6 +2334,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
2326
2334
  outline: none;
2327
2335
  box-shadow: inset 0 0 10px #00000012;
2328
2336
  }
2337
+ [dir="rtl"] .dp__inner_nav svg{
2338
+ transform: rotate(180deg) !important;
2339
+ }
2329
2340
  @media screen and (max-width: 767px) {
2330
2341
  .datetime-wrap {
2331
2342
  flex-wrap: wrap;
@@ -2364,7 +2375,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2364
2375
  color: var(--bgl-white);
2365
2376
  }
2366
2377
 
2367
- .bagel-input .fileUploadWrap[data-v-6716fd45] {
2378
+ .bagel-input .fileUploadWrap[data-v-e848b48d] {
2368
2379
  --width: 320px;
2369
2380
  outline: 1px solid var(--border-color);
2370
2381
  border-radius: var(--input-border-radius);
@@ -2377,7 +2388,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2377
2388
  overflow-y: auto;
2378
2389
  background: var(--input-bg);
2379
2390
  }
2380
- .previewName[data-v-6716fd45] {
2391
+ .previewName[data-v-e848b48d] {
2381
2392
  padding: 0.5rem;
2382
2393
  text-align: start;
2383
2394
  color: var(--input-color);
@@ -2387,18 +2398,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
2387
2398
  align-items: center;
2388
2399
  padding-inline: 14px;
2389
2400
  }
2390
- .previewName p[data-v-6716fd45] {
2401
+ .previewName p[data-v-e848b48d] {
2391
2402
  overflow: hidden;
2392
2403
  text-overflow: ellipsis;
2393
2404
  white-space: nowrap;
2394
2405
  }
2395
- .imagePreviewWrap[data-v-6716fd45] {
2406
+ .imagePreviewWrap[data-v-e848b48d] {
2396
2407
  background: var(--input-bg);
2397
2408
  border-radius: var(--input-border-radius);
2398
2409
  padding: 5px;
2399
2410
  min-height: 90px;
2400
2411
  }
2401
- img.preview[data-v-6716fd45] {
2412
+ img.preview[data-v-e848b48d] {
2402
2413
  /* max-height: calc(var(--width) / 2); */
2403
2414
  /* max-width: calc(var(--width) * 2); */
2404
2415
  width: 40px;
@@ -2408,7 +2419,7 @@ img.preview[data-v-6716fd45] {
2408
2419
  background: var(--bgl-gray-light);
2409
2420
  box-shadow: 0 0 10px #00000012;
2410
2421
  }
2411
- img.preview.single[data-v-6716fd45] {
2422
+ img.preview.single[data-v-e848b48d] {
2412
2423
  max-width: var(--width);
2413
2424
  width: calc(100% - 2.75rem);
2414
2425
  object-fit: contain;
@@ -2416,11 +2427,11 @@ img.preview.single[data-v-6716fd45] {
2416
2427
  max-height: calc(var(--width) / 2);
2417
2428
  margin: 1rem;
2418
2429
  }
2419
- .fileUploadWrap.dragover[data-v-6716fd45],
2420
- .fileUploadWrap[data-v-6716fd45]:hover {
2430
+ .fileUploadWrap.dragover[data-v-e848b48d],
2431
+ .fileUploadWrap[data-v-e848b48d]:hover {
2421
2432
  box-shadow: inset 0 0 10px #00000012;
2422
2433
  }
2423
- .bagel-input .fileUploadWrap.fileDropZone[data-v-6716fd45] {
2434
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-e848b48d] {
2424
2435
  background: var(--input-bg);
2425
2436
  display: flex;
2426
2437
  align-items: center;
@@ -2428,7 +2439,7 @@ img.preview.single[data-v-6716fd45] {
2428
2439
  color: var(--bgl-gray);
2429
2440
  flex-direction: column;
2430
2441
  }
2431
- .pie[data-v-6716fd45] {
2442
+ .pie[data-v-e848b48d] {
2432
2443
  width: 30px;
2433
2444
  height: 30px;
2434
2445
  position: relative;
@@ -2436,7 +2447,7 @@ img.preview.single[data-v-6716fd45] {
2436
2447
  align-items: center;
2437
2448
  justify-content: center;
2438
2449
  }
2439
- .pie[data-v-6716fd45]:before {
2450
+ .pie[data-v-e848b48d]:before {
2440
2451
  content: '';
2441
2452
  position: absolute;
2442
2453
  border-radius: 50%;
@@ -2454,26 +2465,26 @@ img.preview.single[data-v-6716fd45] {
2454
2465
  #000 calc(100% - var(--b))
2455
2466
  );
2456
2467
  }
2457
- .pie .success[data-v-6716fd45] {
2468
+ .pie .success[data-v-e848b48d] {
2458
2469
  transform: scale(0);
2459
2470
  opacity: 0;
2460
2471
  transition: all 0.3s ease-in-out;
2461
2472
  }
2462
- .pie .progress[data-v-6716fd45] {
2473
+ .pie .progress[data-v-e848b48d] {
2463
2474
  position: absolute;
2464
2475
  font-size: 10px;
2465
2476
  }
2466
- .pie.complete .progress[data-v-6716fd45] {
2477
+ .pie.complete .progress[data-v-e848b48d] {
2467
2478
  display: none;
2468
2479
  }
2469
- .pie.complete .success[data-v-6716fd45] {
2480
+ .pie.complete .success[data-v-e848b48d] {
2470
2481
  transform: scale(1.3);
2471
2482
  opacity: 1;
2472
2483
  }
2473
- .pie.complete[data-v-6716fd45]:before {
2484
+ .pie.complete[data-v-e848b48d]:before {
2474
2485
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2475
2486
  }
2476
- .pie.complete[data-v-6716fd45] {
2487
+ .pie.complete[data-v-e848b48d] {
2477
2488
  color: var(--bgl-green);
2478
2489
  }
2479
2490
 
@@ -2751,6 +2762,8 @@ p {
2751
2762
  }
2752
2763
  .bgl_input.signature-pad .canvas[disabled] {
2753
2764
  background: var(--input-disabled-bg);
2765
+ border: 1px solid var(--bgl-gray);
2766
+ border-radius: var(--input-border-radius);
2754
2767
  }
2755
2768
 
2756
2769
  .toolbar[data-v-4c741194] {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.614",
4
+ "version": "0.0.618",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -54,7 +54,7 @@
54
54
  "@types/leaflet": "^1.9.12",
55
55
  "@types/signature_pad": "^2.3.6",
56
56
  "@vue-macros/reactivity-transform": "^1.0.0",
57
- "vue": "^3.4.33"
57
+ "vue": "^3.4.34"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "@bagelink/sdk": "*",
@@ -105,15 +105,15 @@
105
105
  "access": "public"
106
106
  },
107
107
  "dependencies": {
108
- "@tiptap/extension-image": "^2.5.5",
109
- "@tiptap/extension-table": "^2.5.5",
110
- "@tiptap/extension-table-cell": "^2.5.5",
111
- "@tiptap/extension-table-header": "^2.5.5",
112
- "@tiptap/extension-table-row": "^2.5.5",
113
- "@tiptap/extension-youtube": "^2.5.5",
114
- "@tiptap/pm": "^2.5.5",
115
- "@tiptap/starter-kit": "^2.5.5",
116
- "@tiptap/vue-3": "^2.5.5",
108
+ "@tiptap/extension-image": "^2.5.6",
109
+ "@tiptap/extension-table": "^2.5.6",
110
+ "@tiptap/extension-table-cell": "^2.5.6",
111
+ "@tiptap/extension-table-header": "^2.5.6",
112
+ "@tiptap/extension-table-row": "^2.5.6",
113
+ "@tiptap/extension-youtube": "^2.5.6",
114
+ "@tiptap/pm": "^2.5.6",
115
+ "@tiptap/starter-kit": "^2.5.6",
116
+ "@tiptap/vue-3": "^2.5.6",
117
117
  "@vuepic/vue-datepicker": "^8.8.1",
118
118
  "@vueuse/core": "^10.11.0",
119
119
  "axios": "^1.7.2",
package/src/components/NavBar.vue CHANGED
@@ -364,5 +364,11 @@ const isOpen = $ref(!isSmallScreen)
364
364
  .nav-expend {
365
365
  display: none;
366
366
  }
367
+ }
368
+ @media screen and (max-height: 550px) {
369
+ .nav.open .nav-button {
370
+ margin-top: 4px;
371
+ margin-bottom: 4px;
372
+ }
367
373
  }
368
374
  </style>
package/src/components/form/inputs/CheckInput.vue CHANGED
@@ -44,6 +44,7 @@ onMounted(() => {
44
44
  .bgl-checkbox {
45
45
  flex-direction: row;
46
46
  cursor: pointer;
47
+ align-items: flex-start;
47
48
  }
48
49
  .bgl-checkbox input[type='checkbox'] {
49
50
  accent-color: var(--bgl-primary);
@@ -53,6 +54,7 @@ onMounted(() => {
53
54
  display: flex;
54
55
  justify-content: center;
55
56
  align-items: center;
57
+ flex-shrink: 0;
56
58
  }
57
59
  .bgl-checkbox input[type='checkbox']::before {
58
60
  content: '';
package/src/components/form/inputs/DatePicker.vue CHANGED
@@ -167,6 +167,9 @@ const hours = Array.from({ length: 18 }, (_, index) => {
167
167
  outline: none;
168
168
  box-shadow: inset 0 0 10px #00000012;
169
169
  }
170
+ [dir="rtl"] .dp__inner_nav svg{
171
+ transform: rotate(180deg) !important;
172
+ }
170
173
 
171
174
  @media screen and (max-width: 767px) {
172
175
  .datetime-wrap {
package/src/components/form/inputs/FileUpload.vue CHANGED
@@ -119,9 +119,8 @@ async function flushQueue() {
119
119
  topic: props.topic,
120
120
  })
121
121
  storageFiles.push(serverFile)
122
- const i = fileQueue.indexOf(file)
123
- fileQueue.splice(i, 1)
124
122
  }
123
+ fileQueue.splice(0, fileQueue.length)
125
124
  updateModelValue()
126
125
  }
127
126
 
@@ -132,11 +131,14 @@ function browse() {
132
131
  input.onchange = (e: Event) => {
133
132
  const target = e.target as HTMLInputElement
134
133
  if (target.files) {
135
- Array.from(target.files).forEach((file: File) => fileQueue.push({ name: file.name, file, progress: 0 })
136
- )
134
+ const files = Array.from(target.files)
135
+ for (const file of files) {
136
+ fileQueue.push({ name: file.name, file, progress: 0 })
137
+ }
137
138
  }
138
139
  flushQueue()
139
140
  }
141
+ console.log(fileQueue)
140
142
  input.click()
141
143
  }
142
144
 
package/src/components/form/inputs/SignaturePad.vue CHANGED
@@ -18,7 +18,7 @@ interface WaterMark {
18
18
 
19
19
  type FormatType = 'image/png' | 'image/jpeg' | 'image/svg+xml'
20
20
 
21
- const props = defineProps<{
21
+ const props = withDefaults(defineProps<{
22
22
  sigOption?: SignaturePadOptions
23
23
  width?: string
24
24
  height?: string
@@ -28,7 +28,11 @@ const props = defineProps<{
28
28
  disabled?: boolean
29
29
  defaultUrl?: string
30
30
  format?: FormatType
31
- }>()
31
+ clearable?: boolean
32
+ }>(),
33
+ {
34
+ clearable: true,
35
+ })
32
36
 
33
37
  const vCanvas = $ref<HTMLCanvasElement>()
34
38
 
@@ -127,9 +131,9 @@ defineExpose({
127
131
  </script>
128
132
 
129
133
  <template>
130
- <div class="bgl_input signature-pad relative" @touchmove.prevent>
131
- <Btn v-if="!disabled" flat thin icon="refresh" class="position-bottom-end" @click="clear" />
132
- <canvas ref="vCanvas" class="canvas" :disabled="disabled" />
134
+ <div class="bgl_input signature-pad relative" @touchmove.prevent :class="{'bg-transparent':disabled}">
135
+ <Btn v-if="clearable && !disabled" flat thin icon="refresh" class="position-bottom-end" @click="clear" />
136
+ <canvas ref="vCanvas" class="canvas" :disabled />
133
137
  </div>
134
138
  </template>
135
139
 
@@ -147,5 +151,7 @@ defineExpose({
147
151
 
148
152
  .bgl_input.signature-pad .canvas[disabled] {
149
153
  background: var(--input-disabled-bg);
154
+ border: 1px solid var(--bgl-gray);
155
+ border-radius: var(--input-border-radius);
150
156
  }
151
157
  </style>