@windwalker-io/unicorn-next 0.1.19 → 0.1.21

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 (107) hide show
  1. package/dist/chunks/_arrayPush.js +325 -108
  2. package/dist/chunks/_arrayPush.js.map +1 -1
  3. package/dist/chunks/_baseRest.js +155 -60
  4. package/dist/chunks/_baseRest.js.map +1 -1
  5. package/dist/chunks/_baseUnary.js +463 -0
  6. package/dist/chunks/_baseUnary.js.map +1 -0
  7. package/dist/chunks/_getPrototype.js +292 -100
  8. package/dist/chunks/_getPrototype.js.map +1 -1
  9. package/dist/chunks/alert-adapter.js +29 -0
  10. package/dist/chunks/alert-adapter.js.map +1 -0
  11. package/dist/chunks/alert.js +21 -0
  12. package/dist/chunks/alert.js.map +1 -0
  13. package/dist/chunks/arr.js +24 -0
  14. package/dist/chunks/arr.js.map +1 -0
  15. package/dist/chunks/button-radio.js +127 -145
  16. package/dist/chunks/button-radio.js.map +1 -1
  17. package/dist/chunks/checkboxes-multi-select.js +44 -43
  18. package/dist/chunks/checkboxes-multi-select.js.map +1 -1
  19. package/dist/chunks/chunk.js +24 -0
  20. package/dist/chunks/cloneDeep.js +679 -212
  21. package/dist/chunks/cloneDeep.js.map +1 -1
  22. package/dist/chunks/cropper.min.js +6 -5
  23. package/dist/chunks/cropper.min.js.map +1 -1
  24. package/dist/chunks/crypto.js +26 -0
  25. package/dist/chunks/crypto.js.map +1 -0
  26. package/dist/chunks/data.js +49 -0
  27. package/dist/chunks/data.js.map +1 -0
  28. package/dist/chunks/dom.js +128 -0
  29. package/dist/chunks/dom.js.map +1 -0
  30. package/dist/chunks/events.js +270 -0
  31. package/dist/chunks/events.js.map +1 -0
  32. package/dist/chunks/field-cascade-select.js +207 -250
  33. package/dist/chunks/field-cascade-select.js.map +1 -1
  34. package/dist/chunks/field-file-drag.js +175 -209
  35. package/dist/chunks/field-file-drag.js.map +1 -1
  36. package/dist/chunks/field-flatpickr.js +94 -898
  37. package/dist/chunks/field-flatpickr.js.map +1 -1
  38. package/dist/chunks/field-modal-select.js +728 -467
  39. package/dist/chunks/field-modal-select.js.map +1 -1
  40. package/dist/chunks/field-modal-tree.js +771 -766
  41. package/dist/chunks/field-modal-tree.js.map +1 -1
  42. package/dist/chunks/field-multi-uploader.js +249 -256
  43. package/dist/chunks/field-multi-uploader.js.map +1 -1
  44. package/dist/chunks/field-repeatable.js +111 -127
  45. package/dist/chunks/field-repeatable.js.map +1 -1
  46. package/dist/chunks/field-single-image-drag.js +286 -338
  47. package/dist/chunks/field-single-image-drag.js.map +1 -1
  48. package/dist/chunks/form.js +146 -159
  49. package/dist/chunks/form.js.map +1 -1
  50. package/dist/chunks/grid.js +349 -418
  51. package/dist/chunks/grid.js.map +1 -1
  52. package/dist/chunks/helper.js +39 -0
  53. package/dist/chunks/helper.js.map +1 -0
  54. package/dist/chunks/http-client.js +221 -211
  55. package/dist/chunks/http-client.js.map +1 -1
  56. package/dist/chunks/iframe-modal.js +95 -115
  57. package/dist/chunks/iframe-modal.js.map +1 -1
  58. package/dist/chunks/keep-tab.js +92 -101
  59. package/dist/chunks/keep-tab.js.map +1 -1
  60. package/dist/chunks/lang.js +250 -0
  61. package/dist/chunks/lang.js.map +1 -0
  62. package/dist/chunks/legacy.js +197 -201
  63. package/dist/chunks/legacy.js.map +1 -1
  64. package/dist/chunks/list-dependent.js +195 -228
  65. package/dist/chunks/list-dependent.js.map +1 -1
  66. package/dist/chunks/loader.js +106 -0
  67. package/dist/chunks/loader.js.map +1 -0
  68. package/dist/chunks/monthSelect.js +251 -0
  69. package/dist/chunks/monthSelect.js.map +1 -0
  70. package/dist/chunks/router.js +111 -0
  71. package/dist/chunks/router.js.map +1 -0
  72. package/dist/chunks/s3-multipart-uploader.js +183 -210
  73. package/dist/chunks/s3-multipart-uploader.js.map +1 -1
  74. package/dist/chunks/s3-uploader.js +106 -128
  75. package/dist/chunks/s3-uploader.js.map +1 -1
  76. package/dist/chunks/show-on.js +358 -205
  77. package/dist/chunks/show-on.js.map +1 -1
  78. package/dist/chunks/timing.js +10 -0
  79. package/dist/chunks/timing.js.map +1 -0
  80. package/dist/chunks/tinymce.js +153 -203
  81. package/dist/chunks/tinymce.js.map +1 -1
  82. package/dist/chunks/ui-bootstrap5.js +58 -72
  83. package/dist/chunks/ui-bootstrap5.js.map +1 -1
  84. package/dist/chunks/ui.js +320 -0
  85. package/dist/chunks/ui.js.map +1 -0
  86. package/dist/chunks/unicorn.js.map +1 -1
  87. package/dist/chunks/useQueue.js +111 -0
  88. package/dist/chunks/useQueue.js.map +1 -0
  89. package/dist/chunks/useStack.js +76 -0
  90. package/dist/chunks/useStack.js.map +1 -0
  91. package/dist/chunks/validation.js +761 -853
  92. package/dist/chunks/validation.js.map +1 -1
  93. package/dist/editor.css +1 -1
  94. package/dist/index.d.ts +10 -8
  95. package/dist/multi-level-menu.css +1 -1
  96. package/dist/switcher.css +1 -1
  97. package/dist/unicorn.js +805 -130
  98. package/dist/unicorn.js.map +1 -1
  99. package/package.json +3 -3
  100. package/src/composable/useBsModalAlert.ts +29 -0
  101. package/src/composable/useHttp.ts +13 -1
  102. package/src/module/s3-uploader.ts +1 -1
  103. package/vite.config.ts +5 -1
  104. package/dist/chunks/_commonjsHelpers.js +0 -7
  105. package/dist/chunks/index.js +0 -314
  106. package/dist/chunks/isArguments.js +0 -146
  107. package/dist/chunks/unicorn.js +0 -2621
@@ -1,900 +1,96 @@
1
+ import { n as __toESM } from "./chunk.js";
2
+ import { s as injectCssToDocument } from "./dom.js";
3
+ import { i as useImport, n as useCssImport } from "./loader.js";
1
4
  import flatpickr from "flatpickr";
2
- import { ac as useImport, ad as useCssImport, ab as injectCssToDocument } from "./unicorn.js";
3
- const css = `.flatpickr-calendar {
4
- background: transparent;
5
- opacity: 0;
6
- display: none;
7
- text-align: center;
8
- visibility: hidden;
9
- padding: 0;
10
- -webkit-animation: none;
11
- animation: none;
12
- direction: ltr;
13
- border: 0;
14
- font-size: 14px;
15
- line-height: 24px;
16
- border-radius: 5px;
17
- position: absolute;
18
- width: 307.875px;
19
- -webkit-box-sizing: border-box;
20
- box-sizing: border-box;
21
- -ms-touch-action: manipulation;
22
- touch-action: manipulation;
23
- background: #fff;
24
- -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
25
- box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
26
- }
27
- .flatpickr-calendar.open,
28
- .flatpickr-calendar.inline {
29
- opacity: 1;
30
- max-height: 640px;
31
- visibility: visible;
32
- }
33
- .flatpickr-calendar.open {
34
- display: inline-block;
35
- z-index: 99999;
36
- }
37
- .flatpickr-calendar.animate.open {
38
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
39
- animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
40
- }
41
- .flatpickr-calendar.inline {
42
- display: block;
43
- position: relative;
44
- top: 2px;
45
- }
46
- .flatpickr-calendar.static {
47
- position: absolute;
48
- top: calc(100% + 2px);
49
- }
50
- .flatpickr-calendar.static.open {
51
- z-index: 999;
52
- display: block;
53
- }
54
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
55
- -webkit-box-shadow: none !important;
56
- box-shadow: none !important;
57
- }
58
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
59
- -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
60
- box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
61
- }
62
- .flatpickr-calendar .hasWeeks .dayContainer,
63
- .flatpickr-calendar .hasTime .dayContainer {
64
- border-bottom: 0;
65
- border-bottom-right-radius: 0;
66
- border-bottom-left-radius: 0;
67
- }
68
- .flatpickr-calendar .hasWeeks .dayContainer {
69
- border-left: 0;
70
- }
71
- .flatpickr-calendar.hasTime .flatpickr-time {
72
- height: 40px;
73
- border-top: 1px solid #e6e6e6;
74
- }
75
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
76
- height: auto;
77
- }
78
- .flatpickr-calendar:before,
79
- .flatpickr-calendar:after {
80
- position: absolute;
81
- display: block;
82
- pointer-events: none;
83
- border: solid transparent;
84
- content: '';
85
- height: 0;
86
- width: 0;
87
- left: 22px;
88
- }
89
- .flatpickr-calendar.rightMost:before,
90
- .flatpickr-calendar.arrowRight:before,
91
- .flatpickr-calendar.rightMost:after,
92
- .flatpickr-calendar.arrowRight:after {
93
- left: auto;
94
- right: 22px;
95
- }
96
- .flatpickr-calendar.arrowCenter:before,
97
- .flatpickr-calendar.arrowCenter:after {
98
- left: 50%;
99
- right: 50%;
100
- }
101
- .flatpickr-calendar:before {
102
- border-width: 5px;
103
- margin: 0 -5px;
104
- }
105
- .flatpickr-calendar:after {
106
- border-width: 4px;
107
- margin: 0 -4px;
108
- }
109
- .flatpickr-calendar.arrowTop:before,
110
- .flatpickr-calendar.arrowTop:after {
111
- bottom: 100%;
112
- }
113
- .flatpickr-calendar.arrowTop:before {
114
- border-bottom-color: #e6e6e6;
115
- }
116
- .flatpickr-calendar.arrowTop:after {
117
- border-bottom-color: #fff;
118
- }
119
- .flatpickr-calendar.arrowBottom:before,
120
- .flatpickr-calendar.arrowBottom:after {
121
- top: 100%;
122
- }
123
- .flatpickr-calendar.arrowBottom:before {
124
- border-top-color: #e6e6e6;
125
- }
126
- .flatpickr-calendar.arrowBottom:after {
127
- border-top-color: #fff;
128
- }
129
- .flatpickr-calendar:focus {
130
- outline: 0;
131
- }
132
- .flatpickr-wrapper {
133
- position: relative;
134
- display: inline-block;
135
- }
136
- .flatpickr-months {
137
- display: -webkit-box;
138
- display: -webkit-flex;
139
- display: -ms-flexbox;
140
- display: flex;
141
- }
142
- .flatpickr-months .flatpickr-month {
143
- background: transparent;
144
- color: rgba(0,0,0,0.9);
145
- fill: rgba(0,0,0,0.9);
146
- height: 34px;
147
- line-height: 1;
148
- text-align: center;
149
- position: relative;
150
- -webkit-user-select: none;
151
- -moz-user-select: none;
152
- -ms-user-select: none;
153
- user-select: none;
154
- overflow: hidden;
155
- -webkit-box-flex: 1;
156
- -webkit-flex: 1;
157
- -ms-flex: 1;
158
- flex: 1;
159
- }
160
- .flatpickr-months .flatpickr-prev-month,
161
- .flatpickr-months .flatpickr-next-month {
162
- -webkit-user-select: none;
163
- -moz-user-select: none;
164
- -ms-user-select: none;
165
- user-select: none;
166
- text-decoration: none;
167
- cursor: pointer;
168
- position: absolute;
169
- top: 0;
170
- height: 34px;
171
- padding: 10px;
172
- z-index: 3;
173
- color: rgba(0,0,0,0.9);
174
- fill: rgba(0,0,0,0.9);
175
- }
176
- .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
177
- .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
178
- display: none;
179
- }
180
- .flatpickr-months .flatpickr-prev-month i,
181
- .flatpickr-months .flatpickr-next-month i {
182
- position: relative;
183
- }
184
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
185
- .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
186
- /*
187
- /*rtl:begin:ignore*/
188
- /*
189
- */
190
- left: 0;
191
- /*
192
- /*rtl:end:ignore*/
193
- /*
194
- */
195
- }
196
- /*
197
- /*rtl:begin:ignore*/
198
- /*
199
- /*rtl:end:ignore*/
200
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
201
- .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
202
- /*
203
- /*rtl:begin:ignore*/
204
- /*
205
- */
206
- right: 0;
207
- /*
208
- /*rtl:end:ignore*/
209
- /*
210
- */
211
- }
212
- /*
213
- /*rtl:begin:ignore*/
214
- /*
215
- /*rtl:end:ignore*/
216
- .flatpickr-months .flatpickr-prev-month:hover,
217
- .flatpickr-months .flatpickr-next-month:hover {
218
- color: #959ea9;
219
- }
220
- .flatpickr-months .flatpickr-prev-month:hover svg,
221
- .flatpickr-months .flatpickr-next-month:hover svg {
222
- fill: #f64747;
223
- }
224
- .flatpickr-months .flatpickr-prev-month svg,
225
- .flatpickr-months .flatpickr-next-month svg {
226
- width: 14px;
227
- height: 14px;
228
- }
229
- .flatpickr-months .flatpickr-prev-month svg path,
230
- .flatpickr-months .flatpickr-next-month svg path {
231
- -webkit-transition: fill 0.1s;
232
- transition: fill 0.1s;
233
- fill: inherit;
234
- }
235
- .numInputWrapper {
236
- position: relative;
237
- height: auto;
238
- }
239
- .numInputWrapper input,
240
- .numInputWrapper span {
241
- display: inline-block;
242
- }
243
- .numInputWrapper input {
244
- width: 100%;
245
- }
246
- .numInputWrapper input::-ms-clear {
247
- display: none;
248
- }
249
- .numInputWrapper input::-webkit-outer-spin-button,
250
- .numInputWrapper input::-webkit-inner-spin-button {
251
- margin: 0;
252
- -webkit-appearance: none;
253
- }
254
- .numInputWrapper span {
255
- position: absolute;
256
- right: 0;
257
- width: 14px;
258
- padding: 0 4px 0 2px;
259
- height: 50%;
260
- line-height: 50%;
261
- opacity: 0;
262
- cursor: pointer;
263
- border: 1px solid rgba(57,57,57,0.15);
264
- -webkit-box-sizing: border-box;
265
- box-sizing: border-box;
266
- }
267
- .numInputWrapper span:hover {
268
- background: rgba(0,0,0,0.1);
269
- }
270
- .numInputWrapper span:active {
271
- background: rgba(0,0,0,0.2);
272
- }
273
- .numInputWrapper span:after {
274
- display: block;
275
- content: "";
276
- position: absolute;
277
- }
278
- .numInputWrapper span.arrowUp {
279
- top: 0;
280
- border-bottom: 0;
281
- }
282
- .numInputWrapper span.arrowUp:after {
283
- border-left: 4px solid transparent;
284
- border-right: 4px solid transparent;
285
- border-bottom: 4px solid rgba(57,57,57,0.6);
286
- top: 26%;
287
- }
288
- .numInputWrapper span.arrowDown {
289
- top: 50%;
290
- }
291
- .numInputWrapper span.arrowDown:after {
292
- border-left: 4px solid transparent;
293
- border-right: 4px solid transparent;
294
- border-top: 4px solid rgba(57,57,57,0.6);
295
- top: 40%;
296
- }
297
- .numInputWrapper span svg {
298
- width: inherit;
299
- height: auto;
300
- }
301
- .numInputWrapper span svg path {
302
- fill: rgba(0,0,0,0.5);
303
- }
304
- .numInputWrapper:hover {
305
- background: rgba(0,0,0,0.05);
306
- }
307
- .numInputWrapper:hover span {
308
- opacity: 1;
309
- }
310
- .flatpickr-current-month {
311
- font-size: 135%;
312
- line-height: inherit;
313
- font-weight: 300;
314
- color: inherit;
315
- position: absolute;
316
- width: 75%;
317
- left: 12.5%;
318
- padding: 7.48px 0 0 0;
319
- line-height: 1;
320
- height: 34px;
321
- display: inline-block;
322
- text-align: center;
323
- -webkit-transform: translate3d(0px, 0px, 0px);
324
- transform: translate3d(0px, 0px, 0px);
325
- }
326
- .flatpickr-current-month span.cur-month {
327
- font-family: inherit;
328
- font-weight: 700;
329
- color: inherit;
330
- display: inline-block;
331
- margin-left: 0.5ch;
332
- padding: 0;
333
- }
334
- .flatpickr-current-month span.cur-month:hover {
335
- background: rgba(0,0,0,0.05);
336
- }
337
- .flatpickr-current-month .numInputWrapper {
338
- width: 6ch;
339
- width: 7ch\\0;
340
- display: inline-block;
341
- }
342
- .flatpickr-current-month .numInputWrapper span.arrowUp:after {
343
- border-bottom-color: rgba(0,0,0,0.9);
344
- }
345
- .flatpickr-current-month .numInputWrapper span.arrowDown:after {
346
- border-top-color: rgba(0,0,0,0.9);
347
- }
348
- .flatpickr-current-month input.cur-year {
349
- background: transparent;
350
- -webkit-box-sizing: border-box;
351
- box-sizing: border-box;
352
- color: inherit;
353
- cursor: text;
354
- padding: 0 0 0 0.5ch;
355
- margin: 0;
356
- display: inline-block;
357
- font-size: inherit;
358
- font-family: inherit;
359
- font-weight: 300;
360
- line-height: inherit;
361
- height: auto;
362
- border: 0;
363
- border-radius: 0;
364
- vertical-align: initial;
365
- -webkit-appearance: textfield;
366
- -moz-appearance: textfield;
367
- appearance: textfield;
368
- }
369
- .flatpickr-current-month input.cur-year:focus {
370
- outline: 0;
371
- }
372
- .flatpickr-current-month input.cur-year[disabled],
373
- .flatpickr-current-month input.cur-year[disabled]:hover {
374
- font-size: 100%;
375
- color: rgba(0,0,0,0.5);
376
- background: transparent;
377
- pointer-events: none;
378
- }
379
- .flatpickr-current-month .flatpickr-monthDropdown-months {
380
- appearance: menulist;
381
- background: transparent;
382
- border: none;
383
- border-radius: 0;
384
- box-sizing: border-box;
385
- color: inherit;
386
- cursor: pointer;
387
- font-size: inherit;
388
- font-family: inherit;
389
- font-weight: 300;
390
- height: auto;
391
- line-height: inherit;
392
- margin: -1px 0 0 0;
393
- outline: none;
394
- padding: 0 0 0 0.5ch;
395
- position: relative;
396
- vertical-align: initial;
397
- -webkit-box-sizing: border-box;
398
- -webkit-appearance: menulist;
399
- -moz-appearance: menulist;
400
- width: auto;
401
- }
402
- .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
403
- .flatpickr-current-month .flatpickr-monthDropdown-months:active {
404
- outline: none;
405
- }
406
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
407
- background: rgba(0,0,0,0.05);
408
- }
409
- .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
410
- background-color: transparent;
411
- outline: none;
412
- padding: 0;
413
- }
414
- .flatpickr-weekdays {
415
- background: transparent;
416
- text-align: center;
417
- overflow: hidden;
418
- width: 100%;
419
- display: -webkit-box;
420
- display: -webkit-flex;
421
- display: -ms-flexbox;
422
- display: flex;
423
- -webkit-box-align: center;
424
- -webkit-align-items: center;
425
- -ms-flex-align: center;
426
- align-items: center;
427
- height: 28px;
428
- }
429
- .flatpickr-weekdays .flatpickr-weekdaycontainer {
430
- display: -webkit-box;
431
- display: -webkit-flex;
432
- display: -ms-flexbox;
433
- display: flex;
434
- -webkit-box-flex: 1;
435
- -webkit-flex: 1;
436
- -ms-flex: 1;
437
- flex: 1;
438
- }
439
- span.flatpickr-weekday {
440
- cursor: default;
441
- font-size: 90%;
442
- background: transparent;
443
- color: rgba(0,0,0,0.54);
444
- line-height: 1;
445
- margin: 0;
446
- text-align: center;
447
- display: block;
448
- -webkit-box-flex: 1;
449
- -webkit-flex: 1;
450
- -ms-flex: 1;
451
- flex: 1;
452
- font-weight: bolder;
453
- }
454
- .dayContainer,
455
- .flatpickr-weeks {
456
- padding: 1px 0 0 0;
457
- }
458
- .flatpickr-days {
459
- position: relative;
460
- overflow: hidden;
461
- display: -webkit-box;
462
- display: -webkit-flex;
463
- display: -ms-flexbox;
464
- display: flex;
465
- -webkit-box-align: start;
466
- -webkit-align-items: flex-start;
467
- -ms-flex-align: start;
468
- align-items: flex-start;
469
- width: 307.875px;
470
- }
471
- .flatpickr-days:focus {
472
- outline: 0;
473
- }
474
- .dayContainer {
475
- padding: 0;
476
- outline: 0;
477
- text-align: left;
478
- width: 307.875px;
479
- min-width: 307.875px;
480
- max-width: 307.875px;
481
- -webkit-box-sizing: border-box;
482
- box-sizing: border-box;
483
- display: inline-block;
484
- display: -ms-flexbox;
485
- display: -webkit-box;
486
- display: -webkit-flex;
487
- display: flex;
488
- -webkit-flex-wrap: wrap;
489
- flex-wrap: wrap;
490
- -ms-flex-wrap: wrap;
491
- -ms-flex-pack: justify;
492
- -webkit-justify-content: space-around;
493
- justify-content: space-around;
494
- -webkit-transform: translate3d(0px, 0px, 0px);
495
- transform: translate3d(0px, 0px, 0px);
496
- opacity: 1;
497
- }
498
- .dayContainer + .dayContainer {
499
- -webkit-box-shadow: -1px 0 0 #e6e6e6;
500
- box-shadow: -1px 0 0 #e6e6e6;
501
- }
502
- .flatpickr-day {
503
- background: none;
504
- border: 1px solid transparent;
505
- border-radius: 150px;
506
- -webkit-box-sizing: border-box;
507
- box-sizing: border-box;
508
- color: #393939;
509
- cursor: pointer;
510
- font-weight: 400;
511
- width: 14.2857143%;
512
- -webkit-flex-basis: 14.2857143%;
513
- -ms-flex-preferred-size: 14.2857143%;
514
- flex-basis: 14.2857143%;
515
- max-width: 39px;
516
- height: 39px;
517
- line-height: 39px;
518
- margin: 0;
519
- display: inline-block;
520
- position: relative;
521
- -webkit-box-pack: center;
522
- -webkit-justify-content: center;
523
- -ms-flex-pack: center;
524
- justify-content: center;
525
- text-align: center;
526
- }
527
- .flatpickr-day.inRange,
528
- .flatpickr-day.prevMonthDay.inRange,
529
- .flatpickr-day.nextMonthDay.inRange,
530
- .flatpickr-day.today.inRange,
531
- .flatpickr-day.prevMonthDay.today.inRange,
532
- .flatpickr-day.nextMonthDay.today.inRange,
533
- .flatpickr-day:hover,
534
- .flatpickr-day.prevMonthDay:hover,
535
- .flatpickr-day.nextMonthDay:hover,
536
- .flatpickr-day:focus,
537
- .flatpickr-day.prevMonthDay:focus,
538
- .flatpickr-day.nextMonthDay:focus {
539
- cursor: pointer;
540
- outline: 0;
541
- background: #e6e6e6;
542
- border-color: #e6e6e6;
543
- }
544
- .flatpickr-day.today {
545
- border-color: #959ea9;
546
- }
547
- .flatpickr-day.today:hover,
548
- .flatpickr-day.today:focus {
549
- border-color: #959ea9;
550
- background: #959ea9;
551
- color: #fff;
552
- }
553
- .flatpickr-day.selected,
554
- .flatpickr-day.startRange,
555
- .flatpickr-day.endRange,
556
- .flatpickr-day.selected.inRange,
557
- .flatpickr-day.startRange.inRange,
558
- .flatpickr-day.endRange.inRange,
559
- .flatpickr-day.selected:focus,
560
- .flatpickr-day.startRange:focus,
561
- .flatpickr-day.endRange:focus,
562
- .flatpickr-day.selected:hover,
563
- .flatpickr-day.startRange:hover,
564
- .flatpickr-day.endRange:hover,
565
- .flatpickr-day.selected.prevMonthDay,
566
- .flatpickr-day.startRange.prevMonthDay,
567
- .flatpickr-day.endRange.prevMonthDay,
568
- .flatpickr-day.selected.nextMonthDay,
569
- .flatpickr-day.startRange.nextMonthDay,
570
- .flatpickr-day.endRange.nextMonthDay {
571
- background: #569ff7;
572
- -webkit-box-shadow: none;
573
- box-shadow: none;
574
- color: #fff;
575
- border-color: #569ff7;
576
- }
577
- .flatpickr-day.selected.startRange,
578
- .flatpickr-day.startRange.startRange,
579
- .flatpickr-day.endRange.startRange {
580
- border-radius: 50px 0 0 50px;
581
- }
582
- .flatpickr-day.selected.endRange,
583
- .flatpickr-day.startRange.endRange,
584
- .flatpickr-day.endRange.endRange {
585
- border-radius: 0 50px 50px 0;
586
- }
587
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
588
- .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
589
- .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
590
- -webkit-box-shadow: -10px 0 0 #569ff7;
591
- box-shadow: -10px 0 0 #569ff7;
592
- }
593
- .flatpickr-day.selected.startRange.endRange,
594
- .flatpickr-day.startRange.startRange.endRange,
595
- .flatpickr-day.endRange.startRange.endRange {
596
- border-radius: 50px;
597
- }
598
- .flatpickr-day.inRange {
599
- border-radius: 0;
600
- -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
601
- box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
602
- }
603
- .flatpickr-day.flatpickr-disabled,
604
- .flatpickr-day.flatpickr-disabled:hover,
605
- .flatpickr-day.prevMonthDay,
606
- .flatpickr-day.nextMonthDay,
607
- .flatpickr-day.notAllowed,
608
- .flatpickr-day.notAllowed.prevMonthDay,
609
- .flatpickr-day.notAllowed.nextMonthDay {
610
- color: rgba(57,57,57,0.3);
611
- background: transparent;
612
- border-color: transparent;
613
- cursor: default;
614
- }
615
- .flatpickr-day.flatpickr-disabled,
616
- .flatpickr-day.flatpickr-disabled:hover {
617
- cursor: not-allowed;
618
- color: rgba(57,57,57,0.1);
619
- }
620
- .flatpickr-day.week.selected {
621
- border-radius: 0;
622
- -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
623
- box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
624
- }
625
- .flatpickr-day.hidden {
626
- visibility: hidden;
627
- }
628
- .rangeMode .flatpickr-day {
629
- margin-top: 1px;
630
- }
631
- .flatpickr-weekwrapper {
632
- float: left;
633
- }
634
- .flatpickr-weekwrapper .flatpickr-weeks {
635
- padding: 0 12px;
636
- -webkit-box-shadow: 1px 0 0 #e6e6e6;
637
- box-shadow: 1px 0 0 #e6e6e6;
638
- }
639
- .flatpickr-weekwrapper .flatpickr-weekday {
640
- float: none;
641
- width: 100%;
642
- line-height: 28px;
643
- }
644
- .flatpickr-weekwrapper span.flatpickr-day,
645
- .flatpickr-weekwrapper span.flatpickr-day:hover {
646
- display: block;
647
- width: 100%;
648
- max-width: none;
649
- color: rgba(57,57,57,0.3);
650
- background: transparent;
651
- cursor: default;
652
- border: none;
653
- }
654
- .flatpickr-innerContainer {
655
- display: block;
656
- display: -webkit-box;
657
- display: -webkit-flex;
658
- display: -ms-flexbox;
659
- display: flex;
660
- -webkit-box-sizing: border-box;
661
- box-sizing: border-box;
662
- overflow: hidden;
663
- }
664
- .flatpickr-rContainer {
665
- display: inline-block;
666
- padding: 0;
667
- -webkit-box-sizing: border-box;
668
- box-sizing: border-box;
669
- }
670
- .flatpickr-time {
671
- text-align: center;
672
- outline: 0;
673
- display: block;
674
- height: 0;
675
- line-height: 40px;
676
- max-height: 40px;
677
- -webkit-box-sizing: border-box;
678
- box-sizing: border-box;
679
- overflow: hidden;
680
- display: -webkit-box;
681
- display: -webkit-flex;
682
- display: -ms-flexbox;
683
- display: flex;
684
- }
685
- .flatpickr-time:after {
686
- content: "";
687
- display: table;
688
- clear: both;
689
- }
690
- .flatpickr-time .numInputWrapper {
691
- -webkit-box-flex: 1;
692
- -webkit-flex: 1;
693
- -ms-flex: 1;
694
- flex: 1;
695
- width: 40%;
696
- height: 40px;
697
- float: left;
698
- }
699
- .flatpickr-time .numInputWrapper span.arrowUp:after {
700
- border-bottom-color: #393939;
701
- }
702
- .flatpickr-time .numInputWrapper span.arrowDown:after {
703
- border-top-color: #393939;
704
- }
705
- .flatpickr-time.hasSeconds .numInputWrapper {
706
- width: 26%;
707
- }
708
- .flatpickr-time.time24hr .numInputWrapper {
709
- width: 49%;
710
- }
711
- .flatpickr-time input {
712
- background: transparent;
713
- -webkit-box-shadow: none;
714
- box-shadow: none;
715
- border: 0;
716
- border-radius: 0;
717
- text-align: center;
718
- margin: 0;
719
- padding: 0;
720
- height: inherit;
721
- line-height: inherit;
722
- color: #393939;
723
- font-size: 14px;
724
- position: relative;
725
- -webkit-box-sizing: border-box;
726
- box-sizing: border-box;
727
- -webkit-appearance: textfield;
728
- -moz-appearance: textfield;
729
- appearance: textfield;
730
- }
731
- .flatpickr-time input.flatpickr-hour {
732
- font-weight: bold;
733
- }
734
- .flatpickr-time input.flatpickr-minute,
735
- .flatpickr-time input.flatpickr-second {
736
- font-weight: 400;
737
- }
738
- .flatpickr-time input:focus {
739
- outline: 0;
740
- border: 0;
741
- }
742
- .flatpickr-time .flatpickr-time-separator,
743
- .flatpickr-time .flatpickr-am-pm {
744
- height: inherit;
745
- float: left;
746
- line-height: inherit;
747
- color: #393939;
748
- font-weight: bold;
749
- width: 2%;
750
- -webkit-user-select: none;
751
- -moz-user-select: none;
752
- -ms-user-select: none;
753
- user-select: none;
754
- -webkit-align-self: center;
755
- -ms-flex-item-align: center;
756
- align-self: center;
757
- }
758
- .flatpickr-time .flatpickr-am-pm {
759
- outline: 0;
760
- width: 18%;
761
- cursor: pointer;
762
- text-align: center;
763
- font-weight: 400;
764
- }
765
- .flatpickr-time input:hover,
766
- .flatpickr-time .flatpickr-am-pm:hover,
767
- .flatpickr-time input:focus,
768
- .flatpickr-time .flatpickr-am-pm:focus {
769
- background: #eee;
770
- }
771
- .flatpickr-input[readonly] {
772
- cursor: pointer;
773
- }
774
- @-webkit-keyframes fpFadeInDown {
775
- from {
776
- opacity: 0;
777
- -webkit-transform: translate3d(0, -20px, 0);
778
- transform: translate3d(0, -20px, 0);
779
- }
780
- to {
781
- opacity: 1;
782
- -webkit-transform: translate3d(0, 0, 0);
783
- transform: translate3d(0, 0, 0);
784
- }
785
- }
786
- @keyframes fpFadeInDown {
787
- from {
788
- opacity: 0;
789
- -webkit-transform: translate3d(0, -20px, 0);
790
- transform: translate3d(0, -20px, 0);
791
- }
792
- to {
793
- opacity: 1;
794
- -webkit-transform: translate3d(0, 0, 0);
795
- transform: translate3d(0, 0, 0);
796
- }
797
- }
798
- `;
799
- class FlatpickrElement extends HTMLElement {
800
- static get is() {
801
- return "uni-flatpickr";
802
- }
803
- instance;
804
- constructor() {
805
- super();
806
- }
807
- get selector() {
808
- return this.getAttribute("selector") || "input";
809
- }
810
- get locale() {
811
- return this.getAttribute("locale") || "";
812
- }
813
- // todo: Currently not support single option attributes
814
- getOptions() {
815
- const options = {};
816
- const ignore = [
817
- "selector"
818
- ];
819
- this.getAttributeNames().forEach((name) => {
820
- if (ignore.indexOf(name) !== -1) {
821
- return;
822
- }
823
- options[name] = this.getAttribute(name);
824
- });
825
- return options;
826
- }
827
- get $input() {
828
- return this.querySelector("input");
829
- }
830
- async connectedCallback() {
831
- let options = JSON.parse(this.getAttribute("options") || "{}") || {};
832
- options.autoFillDefaultTime = true;
833
- const now = /* @__PURE__ */ new Date();
834
- options.defaultHour = now.getHours();
835
- options.defaultMinute = now.getMinutes();
836
- options.defaultSeconds = now.getSeconds();
837
- options = await this.handleOptions(options);
838
- this.instance = flatpickr(
839
- this.querySelector(this.selector),
840
- options
841
- );
842
- this.instance.config.onOpen.push(() => {
843
- if (this.instance.input.value === "") {
844
- const now2 = /* @__PURE__ */ new Date();
845
- this.instance.jumpToDate(now2);
846
- this.instance.config.defaultHour = now2.getHours();
847
- this.instance.config.defaultMinute = now2.getMinutes();
848
- this.instance.config.defaultSeconds = now2.getSeconds();
849
- }
850
- });
851
- this.querySelector("[data-toggle]")?.addEventListener("click", () => {
852
- setTimeout(() => {
853
- this.querySelector("[data-input]")?.focus();
854
- }, 0);
855
- });
856
- }
857
- async handleOptions(options) {
858
- options.plugins = options.plugins || [];
859
- await Promise.all([
860
- this.handleLocale(options),
861
- this.handleMonthSelect(options)
862
- ]);
863
- return options;
864
- }
865
- async handleLocale(options) {
866
- if (this.locale) {
867
- await useImport(`@flatpickr/l10n/${this.locale}.js`);
868
- options.locale = this.locale.replace(/-/, "_");
869
- }
870
- return options;
871
- }
872
- async handleMonthSelect(options) {
873
- if (options.monthSelect) {
874
- useCssImport("flatpickr/dist/plugins/monthSelect/style.css");
875
- const { default: monthSelect } = await import("./index.js").then((n) => n.i);
876
- if (typeof options.monthSelect === "boolean") {
877
- options.monthSelect = {
878
- shorthand: true,
879
- dateFormat: "Y-m",
880
- altFormat: "Y-m"
881
- };
882
- }
883
- options.plugins.push(monthSelect(options.monthSelect));
884
- }
885
- return options;
886
- }
887
- getInstance() {
888
- return this.instance;
889
- }
890
- }
891
- async function init() {
892
- injectCssToDocument(css);
893
- customElements.define(FlatpickrElement.is, FlatpickrElement);
894
- }
895
- const ready = /* @__PURE__ */ init();
896
- export {
897
- FlatpickrElement,
898
- ready
5
+ //#region ../../../../node_modules/flatpickr/dist/flatpickr.css?inline
6
+ var flatpickr_default = ".flatpickr-calendar {\n background: transparent;\n opacity: 0;\n display: none;\n text-align: center;\n visibility: hidden;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n background: #fff;\n -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);\n box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n max-height: 640px;\n visibility: visible;\n}\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n}\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #e6e6e6;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n left: auto;\n right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n left: 50%;\n right: 50%;\n}\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #e6e6e6;\n}\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #fff;\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #e6e6e6;\n}\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #fff;\n}\n.flatpickr-calendar:focus {\n outline: 0;\n}\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n.flatpickr-months {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: rgba(0,0,0,0.9);\n fill: rgba(0,0,0,0.9);\n height: 34px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 34px;\n padding: 10px;\n z-index: 3;\n color: rgba(0,0,0,0.9);\n fill: rgba(0,0,0,0.9);\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n left: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n right: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: #959ea9;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: #f64747;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit;\n}\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n.numInputWrapper input {\n width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(57,57,57,0.15);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(57,57,57,0.6);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(57,57,57,0.6);\n top: 40%;\n}\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n.numInputWrapper span svg path {\n fill: rgba(0,0,0,0.5);\n}\n.numInputWrapper:hover {\n background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n opacity: 1;\n}\n.flatpickr-current-month {\n font-size: 135%;\n line-height: inherit;\n font-weight: 300;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7.48px 0 0 0;\n line-height: 1;\n height: 34px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 700;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: initial;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0,0,0,0.5);\n background: transparent;\n pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n appearance: menulist;\n background: transparent;\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n color: inherit;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n height: auto;\n line-height: inherit;\n margin: -1px 0 0 0;\n outline: none;\n padding: 0 0 0 0.5ch;\n position: relative;\n vertical-align: initial;\n -webkit-box-sizing: border-box;\n -webkit-appearance: menulist;\n -moz-appearance: menulist;\n width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n.flatpickr-weekdays {\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\nspan.flatpickr-weekday {\n cursor: default;\n font-size: 90%;\n background: transparent;\n color: rgba(0,0,0,0.54);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 307.875px;\n}\n.flatpickr-days:focus {\n outline: 0;\n}\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 307.875px;\n min-width: 307.875px;\n max-width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1;\n}\n.dayContainer + .dayContainer {\n -webkit-box-shadow: -1px 0 0 #e6e6e6;\n box-shadow: -1px 0 0 #e6e6e6;\n}\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #393939;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -webkit-flex-basis: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 39px;\n height: 39px;\n line-height: 39px;\n margin: 0;\n display: inline-block;\n position: relative;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: #e6e6e6;\n border-color: #e6e6e6;\n}\n.flatpickr-day.today {\n border-color: #959ea9;\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n border-color: #959ea9;\n background: #959ea9;\n color: #fff;\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: #569ff7;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #fff;\n border-color: #569ff7;\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n -webkit-box-shadow: -10px 0 0 #569ff7;\n box-shadow: -10px 0 0 #569ff7;\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n.flatpickr-day.inRange {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57,57,57,0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57,57,57,0.1);\n}\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n}\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n -webkit-box-shadow: 1px 0 0 #e6e6e6;\n box-shadow: 1px 0 0 #e6e6e6;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57,57,57,0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n.flatpickr-innerContainer {\n display: block;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.flatpickr-time .numInputWrapper {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #393939;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #393939;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: #393939;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400;\n}\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: #393939;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #eee;\n}\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n";
7
+ //#endregion
8
+ //#region src/module/field-flatpickr.ts
9
+ var FlatpickrElement = class extends HTMLElement {
10
+ static get is() {
11
+ return "uni-flatpickr";
12
+ }
13
+ instance;
14
+ constructor() {
15
+ super();
16
+ }
17
+ get selector() {
18
+ return this.getAttribute("selector") || "input";
19
+ }
20
+ get locale() {
21
+ return this.getAttribute("locale") || "";
22
+ }
23
+ getOptions() {
24
+ const options = {};
25
+ const ignore = ["selector"];
26
+ this.getAttributeNames().forEach((name) => {
27
+ if (ignore.indexOf(name) !== -1) return;
28
+ options[name] = this.getAttribute(name);
29
+ });
30
+ return options;
31
+ }
32
+ get $input() {
33
+ return this.querySelector("input");
34
+ }
35
+ async connectedCallback() {
36
+ let options = JSON.parse(this.getAttribute("options") || "{}") || {};
37
+ options.autoFillDefaultTime = true;
38
+ const now = /* @__PURE__ */ new Date();
39
+ options.defaultHour = now.getHours();
40
+ options.defaultMinute = now.getMinutes();
41
+ options.defaultSeconds = now.getSeconds();
42
+ options = await this.handleOptions(options);
43
+ this.instance = flatpickr(this.querySelector(this.selector), options);
44
+ this.instance.config.onOpen.push(() => {
45
+ if (this.instance.input.value === "") {
46
+ const now = /* @__PURE__ */ new Date();
47
+ this.instance.jumpToDate(now);
48
+ this.instance.config.defaultHour = now.getHours();
49
+ this.instance.config.defaultMinute = now.getMinutes();
50
+ this.instance.config.defaultSeconds = now.getSeconds();
51
+ }
52
+ });
53
+ this.querySelector("[data-toggle]")?.addEventListener("click", () => {
54
+ setTimeout(() => {
55
+ this.querySelector("[data-input]")?.focus();
56
+ }, 0);
57
+ });
58
+ }
59
+ async handleOptions(options) {
60
+ options.plugins = options.plugins || [];
61
+ await Promise.all([this.handleLocale(options), this.handleMonthSelect(options)]);
62
+ return options;
63
+ }
64
+ async handleLocale(options) {
65
+ if (this.locale) {
66
+ await useImport(`@flatpickr/l10n/${this.locale}.js`);
67
+ options.locale = this.locale.replace(/-/, "_");
68
+ }
69
+ return options;
70
+ }
71
+ async handleMonthSelect(options) {
72
+ if (options.monthSelect) {
73
+ useCssImport("flatpickr/dist/plugins/monthSelect/style.css");
74
+ const { default: monthSelect } = await import("./monthSelect.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
75
+ if (typeof options.monthSelect === "boolean") options.monthSelect = {
76
+ shorthand: true,
77
+ dateFormat: "Y-m",
78
+ altFormat: "Y-m"
79
+ };
80
+ options.plugins.push(monthSelect(options.monthSelect));
81
+ }
82
+ return options;
83
+ }
84
+ getInstance() {
85
+ return this.instance;
86
+ }
899
87
  };
900
- //# sourceMappingURL=field-flatpickr.js.map
88
+ async function init() {
89
+ injectCssToDocument(flatpickr_default);
90
+ customElements.define(FlatpickrElement.is, FlatpickrElement);
91
+ }
92
+ var ready = /* @__PURE__ */ init();
93
+ //#endregion
94
+ export { FlatpickrElement, ready };
95
+
96
+ //# sourceMappingURL=field-flatpickr.js.map