@topvisor/ui 0.0.18 → 0.0.34

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 (56) hide show
  1. package/.chunks/datepicker-0b648b9f.es.js +275 -0
  2. package/.chunks/datepicker-0b648b9f.es.js.map +1 -0
  3. package/.chunks/datepicker-0e9a0541.amd.js +234 -0
  4. package/.chunks/datepicker-0e9a0541.amd.js.map +1 -0
  5. package/.chunks/forms-02202302.amd.js +3 -0
  6. package/.chunks/forms-02202302.amd.js.map +1 -0
  7. package/.chunks/forms-eb00d0c1.es.js +946 -0
  8. package/.chunks/forms-eb00d0c1.es.js.map +1 -0
  9. package/.chunks/{popup-dd9546aa.es.js → popup-6f73b4b2.es.js} +3 -5
  10. package/.chunks/popup-6f73b4b2.es.js.map +1 -0
  11. package/.chunks/{popup-b891abb1.amd.js → popup-e1f34511.amd.js} +3 -4
  12. package/.chunks/popup-e1f34511.amd.js.map +1 -0
  13. package/core/core.amd.js +1 -1
  14. package/core/core.js +2 -3
  15. package/core/core.js.map +1 -1
  16. package/core.css +1 -1
  17. package/forms/forms.amd.js +1 -1
  18. package/forms/forms.js +9 -7
  19. package/forms.css +1 -1
  20. package/formsExt/formsExt.amd.js +3 -0
  21. package/formsExt/formsExt.amd.js.map +1 -0
  22. package/formsExt/formsExt.js +152 -0
  23. package/formsExt/formsExt.js.map +1 -0
  24. package/{editArea.css → formsExt.css} +1 -1
  25. package/package.json +1 -1
  26. package/popup/popup.amd.js +2 -2
  27. package/popup/popup.js +5 -6
  28. package/popup/popup.js.map +1 -1
  29. package/popup/worker.amd.js +1 -1
  30. package/popup/worker.amd.js.map +1 -1
  31. package/popup/worker.js +2 -3
  32. package/popup/worker.js.map +1 -1
  33. package/tabs/tabs.amd.js +1 -1
  34. package/tabs/tabs.js +1 -1
  35. package/utils/date.amd.js +2 -0
  36. package/utils/date.amd.js.map +1 -0
  37. package/utils/date.js +6 -0
  38. package/utils/date.js.map +1 -0
  39. package/utils/device.amd.js +1 -1
  40. package/utils/device.amd.js.map +1 -1
  41. package/utils/device.js +2 -30
  42. package/utils/device.js.map +1 -1
  43. package/.chunks/core-96a4bfb4.amd.js +0 -2
  44. package/.chunks/core-96a4bfb4.amd.js.map +0 -1
  45. package/.chunks/core-fd9de702.es.js +0 -121
  46. package/.chunks/core-fd9de702.es.js.map +0 -1
  47. package/.chunks/forms-1dc7c6f3.amd.js +0 -3
  48. package/.chunks/forms-1dc7c6f3.amd.js.map +0 -1
  49. package/.chunks/forms-3575c189.es.js +0 -461
  50. package/.chunks/forms-3575c189.es.js.map +0 -1
  51. package/.chunks/popup-b891abb1.amd.js.map +0 -1
  52. package/.chunks/popup-dd9546aa.es.js.map +0 -1
  53. package/editArea/editArea.amd.js +0 -3
  54. package/editArea/editArea.amd.js.map +0 -1
  55. package/editArea/editArea.js +0 -111
  56. package/editArea/editArea.js.map +0 -1
@@ -0,0 +1,275 @@
1
+ import { watch as g, toRef as m } from "vue";
2
+ import { C as k, U as h } from "./forms-eb00d0c1.es.js";
3
+ const b = `/* ui-datepicker */\r
4
+ .ui-datepicker {\r
5
+ --datepicker-day-color: #FFF;\r
6
+ --datepicker-day-color-hover: var(--color-blue-150);\r
7
+ --datepicker-selected-color: var(--color-blue-500);\r
8
+ --datepicker-selected-color-hover: var(--color-blue-550);\r
9
+ --datepicker-range-color: var(--color-blue-100);\r
10
+ --datepicker-range-color-hover: var(--color-blue-150);\r
11
+ \r
12
+ user-select: none;\r
13
+ width: auto;\r
14
+ padding: 0;\r
15
+ }\r
16
+ \r
17
+ .ui-datepicker:before,\r
18
+ .ui-datepicker:after {\r
19
+ display: none;\r
20
+ }\r
21
+ \r
22
+ /* на странице */\r
23
+ .ui-datepicker-inline {\r
24
+ display: inline-block !important;\r
25
+ }\r
26
+ \r
27
+ /* в popup */\r
28
+ .ui-datepicker:not(.ui-datepicker-inline) {\r
29
+ border-radius: 8px;\r
30
+ background: var(--content-background-color);\r
31
+ box-shadow: var(--top-shadow);\r
32
+ z-index: 10000000 !important;\r
33
+ padding: 8px;\r
34
+ }\r
35
+ \r
36
+ .ui-datepicker a {\r
37
+ text-decoration: none !important;\r
38
+ }\r
39
+ \r
40
+ .ui-datepicker option {\r
41
+ color: var(--color-text);\r
42
+ font-size: 14px;\r
43
+ }\r
44
+ \r
45
+ .ui-datepicker-header {\r
46
+ padding: 0 !important;\r
47
+ margin: 0 0 18px 0;\r
48
+ display: flex;\r
49
+ align-items: center;\r
50
+ }\r
51
+ \r
52
+ .ui-datepicker-header > * {\r
53
+ display: flex;\r
54
+ align-items: center;\r
55
+ justify-content: center;\r
56
+ }\r
57
+ \r
58
+ .ui-datepicker-title {\r
59
+ width: 100% !important;\r
60
+ height: 24px;\r
61
+ margin: 0 !important;\r
62
+ }\r
63
+ \r
64
+ .ui-datepicker-month,\r
65
+ .ui-datepicker-year {\r
66
+ outline: none !important;\r
67
+ width: auto !important;\r
68
+ border: none;\r
69
+ padding: 0;\r
70
+ margin: 0 6px !important;\r
71
+ text-align: center;\r
72
+ font-size: 16px !important;\r
73
+ }\r
74
+ \r
75
+ .ui-datepicker-month {\r
76
+ color: var(--color-text);\r
77
+ }\r
78
+ \r
79
+ .ui-datepicker-year {\r
80
+ color: var(--color-gray-300);\r
81
+ }\r
82
+ \r
83
+ /* select.ui-datepicker-month,\r
84
+ select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
85
+ select.ui-datepicker-month,\r
86
+ select.ui-datepicker-year {\r
87
+ cursor: pointer;\r
88
+ }\r
89
+ \r
90
+ .ui-datepicker-prev,\r
91
+ .ui-datepicker-next {\r
92
+ cursor: pointer;\r
93
+ width: 24px !important;\r
94
+ height: 24px !important;\r
95
+ font-size: 24px;\r
96
+ font-family: 'Topvisor-2';\r
97
+ position: static !important;\r
98
+ }\r
99
+ \r
100
+ .ui-datepicker-prev:before {\r
101
+ content: '';\r
102
+ }\r
103
+ \r
104
+ .ui-datepicker-next {\r
105
+ order: 1;\r
106
+ }\r
107
+ \r
108
+ .ui-datepicker-next:before {\r
109
+ content: '';\r
110
+ }\r
111
+ \r
112
+ .ui-datepicker-prev > *,\r
113
+ .ui-datepicker-next > * {\r
114
+ display: none !important;\r
115
+ }\r
116
+ \r
117
+ .ui-datepicker thead th {\r
118
+ width: auto !important;\r
119
+ padding: 0 !important;\r
120
+ color: #B3BEBF;\r
121
+ font-size: 14px;\r
122
+ font-weight: 400 !important;\r
123
+ }\r
124
+ \r
125
+ .ui-datepicker table {\r
126
+ margin: 0 !important;\r
127
+ font-size: 14px;\r
128
+ }\r
129
+ \r
130
+ .ui-datepicker td {\r
131
+ background: none;\r
132
+ padding: 0 !important;\r
133
+ }\r
134
+ \r
135
+ .ui-datepicker td span,\r
136
+ .ui-datepicker td a {\r
137
+ border-radius: 8px;\r
138
+ border: none;\r
139
+ min-width: 32px;\r
140
+ height: 32px;\r
141
+ padding: 0;\r
142
+ margin: 1px;\r
143
+ color: var(--color-text) !important;\r
144
+ line-height: 32px;\r
145
+ text-align: center;\r
146
+ position: relative;\r
147
+ display: block;\r
148
+ }\r
149
+ \r
150
+ /* обычные даты */\r
151
+ .ui-datepicker td a {\r
152
+ background: var(--datepicker-day-color);\r
153
+ }\r
154
+ \r
155
+ .ui-datepicker td a:hover {\r
156
+ background: var(--datepicker-day-color-hover);\r
157
+ }\r
158
+ \r
159
+ /* текущий день */\r
160
+ td.ui-datepicker-today span,\r
161
+ td.ui-datepicker-today a {\r
162
+ background: none;\r
163
+ position: relative;\r
164
+ }\r
165
+ \r
166
+ /* выбранные даты */\r
167
+ .ui-datepicker td.selected a {\r
168
+ background: var(--datepicker-range-color);\r
169
+ padding-right: 0;\r
170
+ padding-left: 1px;\r
171
+ margin-right: 1px;\r
172
+ margin-left: 0;\r
173
+ }\r
174
+ \r
175
+ .ui-datepicker td.selected a:hover {\r
176
+ background: var(--datepicker-range-color-hover);\r
177
+ }\r
178
+ \r
179
+ .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
180
+ border-top-left-radius: 0;\r
181
+ border-bottom-left-radius: 0;\r
182
+ padding-left: 1px;\r
183
+ margin-left: 0;\r
184
+ }\r
185
+ \r
186
+ .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
187
+ border-top-right-radius: 0;\r
188
+ border-bottom-right-radius: 0;\r
189
+ padding-right: 1px;\r
190
+ margin-right: 0;\r
191
+ }\r
192
+ \r
193
+ .ui-datepicker td.selected-start a,\r
194
+ .ui-datepicker td.selected-end a,\r
195
+ .ui-datepicker td.ui-datepicker-current-day a {\r
196
+ background: var(--datepicker-selected-color);\r
197
+ color: #FFF !important;\r
198
+ }\r
199
+ \r
200
+ .ui-datepicker td.selected-start a:hover,\r
201
+ .ui-datepicker td.selected-end a:hover,\r
202
+ .ui-datepicker td.ui-datepicker-current-day a:hover {\r
203
+ background: var(--datepicker-selected-color-hover);\r
204
+ }\r
205
+ \r
206
+ .ui-datepicker-day-marks {\r
207
+ line-height: normal;\r
208
+ position: absolute;\r
209
+ right: 0;\r
210
+ bottom: 3px;\r
211
+ left: 0;\r
212
+ display: flex;\r
213
+ align-items: center;\r
214
+ justify-content: center;\r
215
+ }\r
216
+ \r
217
+ .ui-datepicker-day-marks > i {\r
218
+ border-radius: 50%;\r
219
+ border: 1px solid #FFF;\r
220
+ width: 4px;\r
221
+ height: 4px;\r
222
+ margin: 0 2px;\r
223
+ }\r
224
+ \r
225
+ .ui-datepicker-day-marks-exists {\r
226
+ background: var(--color-blue-500);\r
227
+ }\r
228
+ \r
229
+ .ui-datepicker-day-marks-update {\r
230
+ background: var(--color-red-500);\r
231
+ }\r
232
+ \r
233
+ .ui-datepicker-row-break {\r
234
+ display: none;\r
235
+ }`;
236
+ k.appendStyle(b);
237
+ const o = window, x = (t) => {
238
+ var r, e;
239
+ if (!((e = (r = o == null ? void 0 : o.jQuery) == null ? void 0 : r.ui) != null && e.datepicker)) {
240
+ console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");
241
+ return;
242
+ }
243
+ return o.jQuery.datepicker._defaults.dateFormat = k.state.dateFormat.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd"), o.jQuery(t);
244
+ };
245
+ function y(t, r) {
246
+ var e;
247
+ return (e = x(t)) == null ? void 0 : e.datepicker(r);
248
+ }
249
+ let d, l, p, u;
250
+ g(m(k.state.dateFormat), () => {
251
+ var t;
252
+ d = h.dateFormat("2000-01-01"), l = ((t = d.match(/\D/)) == null ? void 0 : t[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
253
+ for (let r = 0; r < d.length; r++)
254
+ d[r] === l && u.push(r);
255
+ }, { immediate: !0 });
256
+ function F(t) {
257
+ let r = t.target.selectionEnd, e = t.target.value, n = e.substring(0, r).replace(/\D+/g, ""), i = e.substring(r).replace(/\D+/g, ""), c = n.length + i.length - p;
258
+ if (c > 0) {
259
+ n = n.substring(0, p);
260
+ const a = p - n.length;
261
+ i = i.substring(i.length - a);
262
+ } else
263
+ c < 0 && (t.inputType === "deleteContentForward" ? n += "0".repeat(-c) : i = "0".repeat(-c) + i);
264
+ r = n.length, e = n + i;
265
+ for (let a = 0; a < u.length; a++) {
266
+ const s = u[a];
267
+ e = e.substring(0, s) + l + e.substring(s), r >= s && r++;
268
+ }
269
+ t.inputType === "deleteContentBackward" && e[r - 1] === l && r--, e !== t.target.value && (t.target.value = e, t.target.selectionStart = r, t.target.selectionEnd = r);
270
+ }
271
+ export {
272
+ y as connectDatepicker,
273
+ F as oninput
274
+ };
275
+ //# sourceMappingURL=datepicker-0b648b9f.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-0b648b9f.es.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: #FFF;\\r\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\r\\n\\t--datepicker-selected-color: var(--color-blue-500);\\r\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\r\\n\\t--datepicker-range-color: var(--color-blue-100);\\r\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-gray-300);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: #B3BEBF;\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-blue-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-red-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\"","import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport UtilsDate from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst _window: any = window;\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!_window?.jQuery?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\r\n\treturn _window.jQuery(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = UtilsDate.dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}"],"names":["css","Core","_window","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","UtilsDate","i","oninput","e","selectionPos","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":";;AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMfC,EAAK,YAAYD,CAAG;AAEpB,MAAME,IAAe,QAEfC,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAJ,KAAA,gBAAAA,EAAS,WAAT,gBAAAI,EAAiB,OAAjB,QAAAD,EAAqB,aAAY;AACrC,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EACD;AAEA,SAAAH,EAAQ,OAAO,WAAW,UAAU,aAAaD,EAAK,MAAM,WAAW,YAAY,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,GAErIC,EAAQ,OAAOE,CAAE;AACzB;AAEgB,SAAAG,EAAkBH,GAAsBI,GAAc;;AACrE,UAAOF,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWE;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMb,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzB,EAAAQ,IAAAM,EAAU,WAAW,YAAY,GACjDL,MAAYJ,IAAAG,EAAc,MAAM,IAAI,MAAxB,gBAAAH,EAA4B,OAAM,KAC9CK,IAAmBF,EAAc,QAAQ,QAAQ,EAAE,EAAE,QACrDG,IAAoB,CAAA;AAEpB,WAASI,IAAI,GAAGA,IAAIP,EAAc,QAAQO;AACrC,IAAAP,EAAcO,CAAC,MAAMN,KACxBE,EAAkB,KAAKI,CAAC;AAG3B,GAAG,EAAE,WAAW,GAAA,CAAM;AAKf,SAASC,EAAQC,GAAQ;AAC3B,MAAAC,IAAeD,EAAE,OAAO,cACxBE,IAAQF,EAAE,OAAO,OAIjBG,IAAiBD,EAAM,UAAU,GAAGD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GACpEG,IAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GAElEI,IAAoBF,EAAe,SAASC,EAAgB,SAASX;AACzE,MAAIY,IAAoB,GAAG;AAET,IAAAF,IAAAA,EAAe,UAAU,GAAGV,CAAgB;AAEvD,UAAAa,IAA2Bb,IAAmBU,EAAe;AACnE,IAAAC,IAAkBA,EAAgB,UAAUA,EAAgB,SAASE,CAAwB;AAAA,EAAA;AAC9F,IAAWD,IAAoB,MAE1BL,EAAE,cAAc,yBAEDG,KAAA,IAAI,OAAO,CAACE,CAAiB,IAE/CD,IAAkB,IAAI,OAAO,CAACC,CAAiB,IAAID;AAIrD,EAAAH,IAAeE,EAAe,QAC9BD,IAAQC,IAAiBC;AAGzB,WAASN,IAAI,GAAGA,IAAIJ,EAAkB,QAAQI,KAAK;AAC5C,UAAAS,IAAiBb,EAAkBI,CAAC;AAElC,IAAAI,IAAAA,EAAM,UAAU,GAAGK,CAAc,IAAIf,IAAYU,EAAM,UAAUK,CAAc,GAGnFN,KAAgBM,KACnBN;AAAA,EAEF;AAGA,EAAID,EAAE,cAAc,2BAA2BE,EAAMD,IAAe,CAAC,MAAMT,KAC1ES,KAIGC,MAAUF,EAAE,OAAO,UACtBA,EAAE,OAAO,QAAQE,GACjBF,EAAE,OAAO,iBAAiBC,GAC1BD,EAAE,OAAO,eAAeC;AAE1B;"}
@@ -0,0 +1,234 @@
1
+ define(["exports","vue","./forms-02202302.amd"],function(k,h,c){"use strict";const m=`/* ui-datepicker */\r
2
+ .ui-datepicker {\r
3
+ --datepicker-day-color: #FFF;\r
4
+ --datepicker-day-color-hover: var(--color-blue-150);\r
5
+ --datepicker-selected-color: var(--color-blue-500);\r
6
+ --datepicker-selected-color-hover: var(--color-blue-550);\r
7
+ --datepicker-range-color: var(--color-blue-100);\r
8
+ --datepicker-range-color-hover: var(--color-blue-150);\r
9
+ \r
10
+ user-select: none;\r
11
+ width: auto;\r
12
+ padding: 0;\r
13
+ }\r
14
+ \r
15
+ .ui-datepicker:before,\r
16
+ .ui-datepicker:after {\r
17
+ display: none;\r
18
+ }\r
19
+ \r
20
+ /* на странице */\r
21
+ .ui-datepicker-inline {\r
22
+ display: inline-block !important;\r
23
+ }\r
24
+ \r
25
+ /* в popup */\r
26
+ .ui-datepicker:not(.ui-datepicker-inline) {\r
27
+ border-radius: 8px;\r
28
+ background: var(--content-background-color);\r
29
+ box-shadow: var(--top-shadow);\r
30
+ z-index: 10000000 !important;\r
31
+ padding: 8px;\r
32
+ }\r
33
+ \r
34
+ .ui-datepicker a {\r
35
+ text-decoration: none !important;\r
36
+ }\r
37
+ \r
38
+ .ui-datepicker option {\r
39
+ color: var(--color-text);\r
40
+ font-size: 14px;\r
41
+ }\r
42
+ \r
43
+ .ui-datepicker-header {\r
44
+ padding: 0 !important;\r
45
+ margin: 0 0 18px 0;\r
46
+ display: flex;\r
47
+ align-items: center;\r
48
+ }\r
49
+ \r
50
+ .ui-datepicker-header > * {\r
51
+ display: flex;\r
52
+ align-items: center;\r
53
+ justify-content: center;\r
54
+ }\r
55
+ \r
56
+ .ui-datepicker-title {\r
57
+ width: 100% !important;\r
58
+ height: 24px;\r
59
+ margin: 0 !important;\r
60
+ }\r
61
+ \r
62
+ .ui-datepicker-month,\r
63
+ .ui-datepicker-year {\r
64
+ outline: none !important;\r
65
+ width: auto !important;\r
66
+ border: none;\r
67
+ padding: 0;\r
68
+ margin: 0 6px !important;\r
69
+ text-align: center;\r
70
+ font-size: 16px !important;\r
71
+ }\r
72
+ \r
73
+ .ui-datepicker-month {\r
74
+ color: var(--color-text);\r
75
+ }\r
76
+ \r
77
+ .ui-datepicker-year {\r
78
+ color: var(--color-gray-300);\r
79
+ }\r
80
+ \r
81
+ /* select.ui-datepicker-month,\r
82
+ select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
83
+ select.ui-datepicker-month,\r
84
+ select.ui-datepicker-year {\r
85
+ cursor: pointer;\r
86
+ }\r
87
+ \r
88
+ .ui-datepicker-prev,\r
89
+ .ui-datepicker-next {\r
90
+ cursor: pointer;\r
91
+ width: 24px !important;\r
92
+ height: 24px !important;\r
93
+ font-size: 24px;\r
94
+ font-family: 'Topvisor-2';\r
95
+ position: static !important;\r
96
+ }\r
97
+ \r
98
+ .ui-datepicker-prev:before {\r
99
+ content: '';\r
100
+ }\r
101
+ \r
102
+ .ui-datepicker-next {\r
103
+ order: 1;\r
104
+ }\r
105
+ \r
106
+ .ui-datepicker-next:before {\r
107
+ content: '';\r
108
+ }\r
109
+ \r
110
+ .ui-datepicker-prev > *,\r
111
+ .ui-datepicker-next > * {\r
112
+ display: none !important;\r
113
+ }\r
114
+ \r
115
+ .ui-datepicker thead th {\r
116
+ width: auto !important;\r
117
+ padding: 0 !important;\r
118
+ color: #B3BEBF;\r
119
+ font-size: 14px;\r
120
+ font-weight: 400 !important;\r
121
+ }\r
122
+ \r
123
+ .ui-datepicker table {\r
124
+ margin: 0 !important;\r
125
+ font-size: 14px;\r
126
+ }\r
127
+ \r
128
+ .ui-datepicker td {\r
129
+ background: none;\r
130
+ padding: 0 !important;\r
131
+ }\r
132
+ \r
133
+ .ui-datepicker td span,\r
134
+ .ui-datepicker td a {\r
135
+ border-radius: 8px;\r
136
+ border: none;\r
137
+ min-width: 32px;\r
138
+ height: 32px;\r
139
+ padding: 0;\r
140
+ margin: 1px;\r
141
+ color: var(--color-text) !important;\r
142
+ line-height: 32px;\r
143
+ text-align: center;\r
144
+ position: relative;\r
145
+ display: block;\r
146
+ }\r
147
+ \r
148
+ /* обычные даты */\r
149
+ .ui-datepicker td a {\r
150
+ background: var(--datepicker-day-color);\r
151
+ }\r
152
+ \r
153
+ .ui-datepicker td a:hover {\r
154
+ background: var(--datepicker-day-color-hover);\r
155
+ }\r
156
+ \r
157
+ /* текущий день */\r
158
+ td.ui-datepicker-today span,\r
159
+ td.ui-datepicker-today a {\r
160
+ background: none;\r
161
+ position: relative;\r
162
+ }\r
163
+ \r
164
+ /* выбранные даты */\r
165
+ .ui-datepicker td.selected a {\r
166
+ background: var(--datepicker-range-color);\r
167
+ padding-right: 0;\r
168
+ padding-left: 1px;\r
169
+ margin-right: 1px;\r
170
+ margin-left: 0;\r
171
+ }\r
172
+ \r
173
+ .ui-datepicker td.selected a:hover {\r
174
+ background: var(--datepicker-range-color-hover);\r
175
+ }\r
176
+ \r
177
+ .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
178
+ border-top-left-radius: 0;\r
179
+ border-bottom-left-radius: 0;\r
180
+ padding-left: 1px;\r
181
+ margin-left: 0;\r
182
+ }\r
183
+ \r
184
+ .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
185
+ border-top-right-radius: 0;\r
186
+ border-bottom-right-radius: 0;\r
187
+ padding-right: 1px;\r
188
+ margin-right: 0;\r
189
+ }\r
190
+ \r
191
+ .ui-datepicker td.selected-start a,\r
192
+ .ui-datepicker td.selected-end a,\r
193
+ .ui-datepicker td.ui-datepicker-current-day a {\r
194
+ background: var(--datepicker-selected-color);\r
195
+ color: #FFF !important;\r
196
+ }\r
197
+ \r
198
+ .ui-datepicker td.selected-start a:hover,\r
199
+ .ui-datepicker td.selected-end a:hover,\r
200
+ .ui-datepicker td.ui-datepicker-current-day a:hover {\r
201
+ background: var(--datepicker-selected-color-hover);\r
202
+ }\r
203
+ \r
204
+ .ui-datepicker-day-marks {\r
205
+ line-height: normal;\r
206
+ position: absolute;\r
207
+ right: 0;\r
208
+ bottom: 3px;\r
209
+ left: 0;\r
210
+ display: flex;\r
211
+ align-items: center;\r
212
+ justify-content: center;\r
213
+ }\r
214
+ \r
215
+ .ui-datepicker-day-marks > i {\r
216
+ border-radius: 50%;\r
217
+ border: 1px solid #FFF;\r
218
+ width: 4px;\r
219
+ height: 4px;\r
220
+ margin: 0 2px;\r
221
+ }\r
222
+ \r
223
+ .ui-datepicker-day-marks-exists {\r
224
+ background: var(--color-blue-500);\r
225
+ }\r
226
+ \r
227
+ .ui-datepicker-day-marks-update {\r
228
+ background: var(--color-red-500);\r
229
+ }\r
230
+ \r
231
+ .ui-datepicker-row-break {\r
232
+ display: none;\r
233
+ }`;c.Core.appendStyle(m);const a=window,b=t=>{var r,e;if(!((e=(r=a==null?void 0:a.jQuery)==null?void 0:r.ui)!=null&&e.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return a.jQuery.datepicker._defaults.dateFormat=c.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd"),a.jQuery(t)};function f(t,r){var e;return(e=b(t))==null?void 0:e.datepicker(r)}let o,p,l,u;h.watch(h.toRef(c.Core.state.dateFormat),()=>{var t;o=c.UtilsDate.dateFormat("2000-01-01"),p=((t=o.match(/\D/))==null?void 0:t[0])??"-",l=o.replace(/\D+/g,"").length,u=[];for(let r=0;r<o.length;r++)o[r]===p&&u.push(r)},{immediate:!0});function v(t){let r=t.target.selectionEnd,e=t.target.value,n=e.substring(0,r).replace(/\D+/g,""),i=e.substring(r).replace(/\D+/g,""),s=n.length+i.length-l;if(s>0){n=n.substring(0,l);const d=l-n.length;i=i.substring(i.length-d)}else s<0&&(t.inputType==="deleteContentForward"?n+="0".repeat(-s):i="0".repeat(-s)+i);r=n.length,e=n+i;for(let d=0;d<u.length;d++){const g=u[d];e=e.substring(0,g)+p+e.substring(g),r>=g&&r++}t.inputType==="deleteContentBackward"&&e[r-1]===p&&r--,e!==t.target.value&&(t.target.value=e,t.target.selectionStart=r,t.target.selectionEnd=r)}k.connectDatepicker=f,k.oninput=v,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
234
+ //# sourceMappingURL=datepicker-0e9a0541.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-0e9a0541.amd.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: #FFF;\\r\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\r\\n\\t--datepicker-selected-color: var(--color-blue-500);\\r\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\r\\n\\t--datepicker-range-color: var(--color-blue-100);\\r\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-gray-300);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: #B3BEBF;\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-blue-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-red-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\"","import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport UtilsDate from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst _window: any = window;\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!_window?.jQuery?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\r\n\treturn _window.jQuery(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = UtilsDate.dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}"],"names":["css","Core","_window","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","vue","toRef","UtilsDate","i","oninput","e","selectionPos","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":"6EAAe,MAAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCMfC,EAAAA,KAAK,YAAYD,CAAG,EAEpB,MAAME,EAAe,OAEfC,EAAKC,GAAyB,SACnC,GAAI,GAACC,GAAAC,EAAAJ,GAAA,YAAAA,EAAS,SAAT,YAAAI,EAAiB,KAAjB,MAAAD,EAAqB,YAAY,CACrC,QAAQ,KAAK,0EAA0E,EAEvF,MACD,CAEA,OAAAH,EAAQ,OAAO,WAAW,UAAU,WAAaD,OAAK,MAAM,WAAW,YAAY,EAAE,QAAQ,IAAK,IAAI,EAAE,QAAQ,IAAK,IAAI,EAAE,QAAQ,IAAK,IAAI,EAErIC,EAAQ,OAAOE,CAAE,CACzB,EAEgB,SAAAG,EAAkBH,EAAsBI,EAAc,OACrE,OAAOF,EAAAH,EAAEC,CAAE,IAAJ,YAAAE,EAAO,WAAWE,EAC1B,CAEA,IAAIC,EACAC,EACAC,EACAC,EAEJC,EAAA,MAAMC,EAAM,MAAAb,EAAA,KAAK,MAAM,UAAU,EAAG,IAAM,OAEzBQ,EAAAM,EAAA,UAAU,WAAW,YAAY,EACjDL,IAAYJ,EAAAG,EAAc,MAAM,IAAI,IAAxB,YAAAH,EAA4B,KAAM,IAC9CK,EAAmBF,EAAc,QAAQ,OAAQ,EAAE,EAAE,OACrDG,EAAoB,CAAA,EAEpB,QAASI,EAAI,EAAGA,EAAIP,EAAc,OAAQO,IACrCP,EAAcO,CAAC,IAAMN,GACxBE,EAAkB,KAAKI,CAAC,CAG3B,EAAG,CAAE,UAAW,EAAA,CAAM,EAKf,SAASC,EAAQC,EAAQ,CAC3B,IAAAC,EAAeD,EAAE,OAAO,aACxBE,EAAQF,EAAE,OAAO,MAIjBG,EAAiBD,EAAM,UAAU,EAAGD,CAAY,EAAE,QAAQ,OAAQ,EAAE,EACpEG,EAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,OAAQ,EAAE,EAElEI,EAAoBF,EAAe,OAASC,EAAgB,OAASX,EACzE,GAAIY,EAAoB,EAAG,CAETF,EAAAA,EAAe,UAAU,EAAGV,CAAgB,EAEvD,MAAAa,EAA2Bb,EAAmBU,EAAe,OACnEC,EAAkBA,EAAgB,UAAUA,EAAgB,OAASE,CAAwB,CAAA,MACnFD,EAAoB,IAE1BL,EAAE,YAAc,uBAEDG,GAAA,IAAI,OAAO,CAACE,CAAiB,EAE/CD,EAAkB,IAAI,OAAO,CAACC,CAAiB,EAAID,GAIrDH,EAAeE,EAAe,OAC9BD,EAAQC,EAAiBC,EAGzB,QAASN,EAAI,EAAGA,EAAIJ,EAAkB,OAAQI,IAAK,CAC5C,MAAAS,EAAiBb,EAAkBI,CAAC,EAElCI,EAAAA,EAAM,UAAU,EAAGK,CAAc,EAAIf,EAAYU,EAAM,UAAUK,CAAc,EAGnFN,GAAgBM,GACnBN,GAEF,CAGID,EAAE,YAAc,yBAA2BE,EAAMD,EAAe,CAAC,IAAMT,GAC1ES,IAIGC,IAAUF,EAAE,OAAO,QACtBA,EAAE,OAAO,MAAQE,EACjBF,EAAE,OAAO,eAAiBC,EAC1BD,EAAE,OAAO,aAAeC,EAE1B"}
@@ -0,0 +1,3 @@
1
+ define(["require","exports","vue"],function(N,b,o){var D,L;"use strict";var S=document.createElement("style");S.textContent=`.top-button{cursor:pointer;box-sizing:border-box;box-shadow:var(--top-button-box-shadow);border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);background-color:var(--top-button-background-color);height:var(--top-forms-base-height);padding:0 var(--top-forms-padding);color:var(--top-button-color);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.top-button:hover{box-shadow:var(--top-button-box-shadow-hover);background-color:var(--top-button-background-color-hover)}.top-button:active{box-shadow:var(--top-button-box-shadow-active);background-color:var(--top-button-background-color-active)}.top-button.top-active{box-shadow:var(--top-button-box-shadow-selected);background-color:var(--top-button-background-color-selected)}.top-button.top-button-progress{cursor:help;box-shadow:inset #00000080 0 0 64px;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:32px 32px;animation:_progress_1f1nw_1 1s linear infinite}@keyframes _progress_1f1nw_1{0%{background-position-x:0px}to{background-position-x:32px}}a.top-button,button.top-button{min-width:100px;text-decoration:none}a.top-button,a.top-button:hover{min-width:var(--top-forms-base-height);text-decoration:none}.top-button[data-top-icon]:not(:empty),.top-button[data-top-icon2]:not(:empty){justify-content:flex-start;text-align:left}.top-button[data-top-icon]{padding-left:0}.top-button[data-top-icon2]{padding-right:var(--top-select_arrow-width)}.top-button[data-top-icon2]:after{margin-left:auto}.top-button:empty{min-width:var(--top-forms-base-height)}.top-button[data-top-icon]:empty,.top-button[data-top-icon2]:empty{padding:0}.top-button.top-color_blue{--top-button-background-color: var(--color-blue-500)}.top-button.top-color_green{--top-button-background-color: var(--color-green-500)}.top-button.top-color_orange{--top-button-background-color: var(--color-orange-500)}.top-button.top-color_red{--top-button-background-color: var(--color-red-500)}.top-button.top-color_pink{--top-button-background-color: var(--color-pink-500)}.top-button.top-color_theme{--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-icon-color: var(--color-text-2);--top-icon2-color: var(--color-text-2);--top-button-color: var(--color-text-1);--top-button-background-color: transparent;--top-button-background-color-hover: var(--color-secondary-opacity);--top-button-background-color-active: var(--color-secondary-2-opacity);--top-button-background-color-selected: var(--color-secondary-2-opacity)}.top-button.top-color_theme.top-active{--top-icon-color: var(--color-text-2)}.top-button.top-style_outline{--top-button-box-shadow: none;--top-button-box-shadow-hover: none;--top-button-box-shadow-active: none;--top-button-box-shadow-selected: none;--top-forms-border-color: var(--top-style_outline-color);--top-style_outline-color: var(--color-steel-400);--top-button-color: var(--top-style_outline-color);--top-button-background-color: var(--content-background-color);--top-button-background-color-hover: var(--color-theme-100);--top-button-background-color-active: var(--color-theme-150);--top-button-background-color-selected: var(--color-theme-125);--top-forms-border-width: 1px}.top-button.top-style_outline.top-color_theme{--top-button-color: var(--color-text)}.top-button.top-style_outline.top-color_blue{--top-style_outline-color: var(--color-blue-500)}.top-button.top-style_outline.top-color_green{--top-style_outline-color: var(--color-green-500)}.top-button.top-style_outline.top-color_orange{--top-style_outline-color: var(--color-orange-500)}.top-button.top-style_outline.top-color_red{--top-style_outline-color: var(--color-red-500)}.top-button.top-style_outline.top-color_pink{--top-style_outline-color: var(--color-pink-500)}.top-button.top-style_soft{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: var(--color-secondary-opacity);--top-button-background-color-hover: var(--color-secondary-2-opacity);--top-button-background-color-active: var(--color-secondary-3-opacity);--top-button-background-color-selected: var(--color-secondary-3-opacity)}.top-button.top-style_soft.top-color_blue{--top-button-color: var(--color-blue-500)}.top-button.top-style_soft.top-color_orange{--top-button-color: var(--color-orange-500)}.top-button.top-style_soft.top-color_green{--top-button-color: var(--color-green-500)}.top-button.top-style_soft.top-color_red{--top-button-color: var(--color-red-500)}.top-button.top-style_soft.top-color_pink{--top-button-color: var(--color-pink-500)}.top-button.top-style_transparent{--top-shadow-darken: none;--top-shadow-darken-2: none;--top-shadow-darken-3: none;--top-button-color: var(--color-text);--top-button-background-color: transparent;--top-button-background-color-hover: transparent;--top-button-background-color-active: transparent;--top-button-background-color-selected: var(--color-steel-200)}.top-button.top-style_transparent:hover{opacity:.8}.top-button.top-style_transparent.top-color_blue{--top-button-color: var(--color-blue-450)}.top-button.top-style_transparent.top-color_green{--top-button-color: var(--color-green-450)}.top-button.top-style_transparent.top-color_orange{--top-button-color: var(--color-orange-450)}.top-button.top-style_transparent.top-color_red{--top-button-color: var(--color-red-450)}.top-button.top-style_transparent.top-color_pink{--top-button-color: var(--color-pink-450)}.top-button{--top-button-color: var(--color-white);--top-button-background-color: transparent;--top-button-background-color-hover: var(--top-button-background-color);--top-button-background-color-active: var(--top-button-background-color-hover);--top-button-background-color-selected: var(--top-button-background-color-hover);--top-button-box-shadow: none;--top-button-box-shadow-hover: var(--top-shadow-darken-2);--top-button-box-shadow-active: var(--top-shadow-darken-3);--top-button-box-shadow-selected: var(--top-shadow-darken-3);--top-forms-border-width: 0px;--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding))}.top-button.top-size_l{--top-forms-padding: var(--top-forms-padding_l);--top-forms-base-height: var(--top-forms-base-height_l)}.top-button.top-size_xl{--top-forms-padding: var(--top-forms-padding_xl);--top-forms-base-height: var(--top-forms-base-height_xl)}.top-forms-optionLabel{flex-grow:1}.top-forms-optionLabel_title{min-height:var(--top-forms-option-height);display:flex;align-items:center}.top-forms-optionLabel_title-disabled{color:var(--color-text-3)}.top-forms-optionLabel_description{color:var(--color-text-3);font-size:.85em;line-height:var(--top-forms-option-height)}.top-checkbox{cursor:pointer;display:inline-flex}.top-checkbox_input{cursor:inherit;border-radius:4px;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-checkbox_input:before{content:" ";color:#fff;font-family:Topvisor-2;font-size:16px}.top-checkbox_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-checkbox_input:checked,.top-checkbox_input:indeterminate{border-color:var(--top-forms-option-color);background:var(--top-forms-option-color)}.top-checkbox_input:checked:before{content:""}.top-checkbox_input:indeterminate:before{content:""}.top-checkbox_input:checked:hover,.top-checkbox_input:indeterminate:hover{border-color:var(--top-forms-option-color-hover);background:var(--top-forms-option-color-hover)}.top-checkbox_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-checkbox_input:checked:disabled,.top-checkbox_input:indeterminate:disabled{border-color:transparent;background:var(--color-theme-400)}.top-checkbox_input.top-error{border-color:var(--color-negative)}.top-checkbox_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkbox_input:checked.top-error,.top-checkbox_input:indeterminate.top-error{background:var(--color-negative)}.top-checkbox_input:checked.top-error:hover,.top-checkbox_input:indeterminate.top-error:hover{background:var(--color-negative-2)}.top-hint{--top-icon-size: 16px;--top-icon-width: var(--top-icon-size);border-radius:50%;background:var(--content-background-color);padding:1px;color:var(--color-text-4);line-height:1;z-index:1;pointer-events:all}.top-hint:hover{color:var(--color-text-3)}.top-input{--top-forms_clear-width: 0px;width:180px;position:relative;display:inline-flex;align-items:center;gap:var(--top-gap-1)}.top-input_input{background:var(--top-forms-background-color);height:var(--top-forms-base-height);padding:0;padding-right:max(var(--top-forms-padding),calc(var(--top-icon2-width) + var(--top-forms_clear-width)));padding-left:max(var(--top-forms-padding),var(--top-icon-width))}.top-input_input:hover{background:var(--top-forms-background-color-hover)}.top-input_input:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-input[data-top-icon]:before,.top-input[data-top-icon2]:after{--top-icon-color: var(--color-text-secondary);--top-icon2-color: var(--color-text-secondary);position:absolute;z-index:3}.top-input[data-top-icon]:before{left:0}.top-input[data-top-icon2]:after{right:0}.top-input-withCleaner{--top-forms_clear-width: 24px}.top-input_cleaner{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-3);cursor:pointer;border-radius:50%;width:24px;height:24px;position:absolute;right:calc(var(--top-forms-border-width) + max(var(--top-icon2-width),var(--top-forms-padding) / 2));z-index:1;display:flex;align-items:center;justify-content:center}.top-input_cleaner:hover{--top-icon-color: var(--color-text-2)}.top-input_input{width:50%;flex-grow:1}.top-input-datepicker{width:calc(105px + var(--top-icon-width) + var(--top-icon2-width))}.top-input_input-date{opacity:0;position:absolute;inset:0;z-index:-1}.top-input_input-date::-webkit-inner-spin-button{display:none}.top-input_input-date::-webkit-calendar-picker-indicator{opacity:0}:root{--top-radio-background-color: var(--content-background-color);--top-radio-background-color-hover: var(--top-radio-background-color);--top-radio-background-color-active: var(--top-radio-background-color)}.top-radio{cursor:pointer}.top-radio_input{border-radius:50%;background:var(--content-background-color);border:1px solid var(--top-forms-border-color);width:calc(var(--top-forms-option-height) - 3px * 2);height:calc(var(--top-forms-option-height) - 3px * 2)}.top-radio_input:hover{border-color:var(--top-forms-option-color);background:var(--color-theme-50)}.top-radio_input:checked{border-color:var(--top-forms-option-color);border-width:5px}.top-radio_input:checked:hover{border-color:var(--top-forms-option-color-hover)}.top-radio_input:disabled{border-color:var(--color-line-1-opacity);background:var(--color-theme-50)}.top-radio_input:checked:disabled{border-color:var(--color-theme-400)}.top-radio_input.top-error{border-color:var(--color-negative)}.top-radio_input.top-error:hover{border-color:var(--color-negative-2)}.top-checkboxSwitcher{cursor:pointer;display:inline-flex;gap:4px}.top-checkboxSwitcher_input{border-radius:9px;border:none;background:var(--color-theme-100);width:36px;height:18px;position:relative}.top-checkboxSwitcher_input:before{content:"";border-radius:50%;background:var(--color-white);width:12px;height:12px;margin:3px;position:absolute;top:0;left:0;transition:left .1s}.top-checkboxSwitcher_input:hover{background:var(--color-theme-150)}.top-checkboxSwitcher_input:checked{background:var(--top-forms-option-color)}.top-checkboxSwitcher_input:checked:hover{background:var(--top-forms-option-color-hover)}.top-checkboxSwitcher_input:checked:before{left:50%}.top-checkboxSwitcher_input:disabled{background:var(--color-theme-400)}.top-checkboxSwitcher_input.top-error{background:var(--color-negative)}.top-checkboxSwitcher_input.top-error:hover{background:var(--color-negative-2)}.top-textarea{width:180px;display:inline-flex;align-items:center;position:relative}.top-textarea_textarea{background:var(--top-forms-background-color);width:100%;padding:var(--top-forms-padding);resize:none}.top-textarea_textarea:hover{background:var(--top-forms-background-color-hover)}.top-textarea_textarea:focus{outline-color:var(--color-theme-75);outline-offset:0px}.top-textarea_textarea.top-textarea_textarea-expandable{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.top-textarea_pseudoContent{box-sizing:border-box;min-height:var(--c838a038);padding:var(--top-forms-padding);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;opacity:0;z-index:-1}.top-textarea_hint{position:absolute;top:2px;right:2px}.top-select{--top-icon-color: var(--color-text-3);--top-icon2-color: var(--color-text-2);align-items:center;width:180px;max-width:100%;vertical-align:middle;display:inline-flex}.top-select-error{--top-icon-color: var(--color-negative);--top-icon2-color: var(--color-negative)}.top-select_select{background-color:var(--top-forms-background-color);padding-left:var(--top-forms-padding);text-indent:clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)));width:100%;height:var(--top-forms-base-height);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.top-select_select:focus{outline-color:var(--color-theme-75);outline-offset:0}.top-select_select:disabled{background:var(--color-theme-50)}.top-select optgroup{color:var(--color-text-1);font-style:normal}.top-select option{background:var(--content-background-color);color:var(--color-text-1)}@-moz-document url-prefix(){.top-select_select{text-indent:calc(clamp(0px,calc(var(--top-icon-both-width) - var(--top-forms-padding)),calc(var(--top-icon-both-width) - var(--top-forms-padding)))/2)}}@media only screen and (min-width: 900px){.top-changer{cursor:pointer;border-radius:100%;width:0;transform:translate(-44px);color:var(--color-text-secondary-2);font-size:16px;line-height:1;display:none;z-index:2;order:4}.top-changer:hover{color:var(--color-primary)}.top-changer:after{content:"";background-color:var(--top-forms-background-color);font-family:Topvisor-2}*:hover>.top-changer{display:block}}
2
+ `,document.head.appendChild(S);class k{static isRetina(){return"devicePixelRatio"in window&&window.devicePixelRatio>1}static isMobile(){return!!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i)}static isApp(){return navigator.userAgent.indexOf("Topvisor_App")!=-1}static isMacOS(){return navigator.userAgent.indexOf("Mac OS X")!==-1}static isSafari(){const e=/Chrome|Android/.test(navigator.userAgent);let a=/Safari/.test(navigator.userAgent);return e&&a&&(a=!1),a}static getCommandKeyLabel(){return this.isMacOS()?"⌘":"Ctrl"}}const F=100;let M;const _=new Map,v={width:window.innerWidth,height:window.innerHeight};function T(l){_.set(l,l)}function P(l){_.delete(l)}function A(l){clearTimeout(M),M=setTimeout(function(){l.topEvent={widthDiff:v.width-window.innerWidth,hightDiff:v.height-window.innerHeight},v.width=window.innerWidth,v.height=window.innerHeight,_.forEach(e=>e(l))},F)}window.addEventListener("resize",A);const V={addOnReize:T,removeOnResize:P},R={widthForMobile:900,dateFormat:"Y-m-d",gmt:(D=new Date().toString().match(/GMT(\S+)/))==null?void 0:D[1]},W={isMobile:!1,isMobileUA:!1,isRetina:!1,isApp:!1,isLandscape:!0,isPortrait:!1,size:0,dateFormat:"Y-m-d",gmt:(L=new Date().toString().match(/GMT(\S+)/))==null?void 0:L[1]},y=window,x=l=>{var e,a;if(!((a=(e=y==null?void 0:y.jQuery)==null?void 0:e.ui)!=null&&a.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return y.jQuery(l)},z=(l,e)=>{var r;const a=l.value??{};return a.content??=(r=e.props)==null?void 0:r.title,a.content=String(a.content).replace(/\r\n|\r|\n/g,"<br>"),a.position??={my:"bottom-18px",at:"top center"},a},U={mounted(l,e,a){var r;(r=x(l))==null||r.tooltip(z(e,a))},updated(l,e,a,r){var n;const t=z(e,a),s=(n=x(l))==null?void 0:n.tooltip("instance");s&&(s.options={...s.options,...t})},unmounted(l,e,a){var r;(r=x(l))==null||r.tooltip("destroy")}},$=window;class c{static L=o.reactive({Not_date:"Not date"});static page=($==null?void 0:$.page)||{};static options=R;static state=o.reactive({...W});static matchMediaIsMobile;static appendStyle(e,a=""){let r="all";a==="m"&&(r="(max-width: "+this.options.widthForMobile+"px)"),a==="pc"&&(r="(min-width: "+this.options.widthForMobile+"px)");const t=document.createElement("style");t.innerHTML=e,t.media=r,document.head.append(t)}static install(e,a){c.defineOptions(a),e.provide("top-core",c),this.installDirectives(e)}static installDirectives(e){e.directive("top-tooltip",U)}static defineOptions(e){e!=null&&e.widthForMobile&&(this.options.widthForMobile=e.widthForMobile),e!=null&&e.dateFormat&&(this.options.dateFormat=e.dateFormat),e!=null&&e.gmt&&(this.options.gmt=e.gmt),c.setState()}static setState(){c.matchMediaIsMobile=window.matchMedia(`(max-width: ${c.options.widthForMobile}px)`),c.state.isMobileUA=k.isMobile(),c.state.isRetina=k.isRetina(),c.state.isApp=k.isApp(),c.state.dateFormat=this.options.dateFormat,c.state.gmt=this.options.gmt,c.setStateByWindowSize(),V.addOnReize(c.onResize),c.onResize(),c.saveToCookie()}static onResize(){c.setStateByWindowSize(),document.documentElement.style.setProperty("--100vh",window.innerHeight+"px")}static setStateByWindowSize(){var e;c.state.isMobile=!!((e=c.matchMediaIsMobile)!=null&&e.matches),c.state.isLandscape=window.innerWidth>window.innerHeight,c.state.isPortrait=!c.state.isLandscape,c.state.size=window.innerWidth>window.innerHeight?window.innerWidth:window.innerHeight,c.saveToCookie()}static saveToCookie(){const e=[1,window.innerWidth,window.innerHeight,window.devicePixelRatio,Number(c.state.isMobile),Number(c.state.isRetina)];document.cookie="device="+e.join(",")+"; path=/;"}}class f{static stringToDate(e){return e.indexOf("T")===-1&&(e.length==10&&(e+=" 00:00:00"),e=e.replace(" ","T")+c.state.gmt),new Date(e)}static ms2Date(e,a=!0){let r;e!=null?r=new Date(e):r=new Date;const t=r.getDate().toString().padStart(2,"0"),s=String(r.getMonth()+1).padStart(2,"0"),n=r.getFullYear(),i=r.getHours().toString().padStart(2,"0"),p=r.getMinutes().toString().padStart(2,"0"),d=r.getSeconds().toString().padStart(2,"0");return r=n+"-"+s+"-"+t+" "+i+":"+p+":"+d,a&&(r=this.dateFormat(r)),r}static dateFormat(e,a=2,r=c.L.Not_date){if((!e||e.substring(0,10)==="0000-00-00")&&r&&r!=="0000-00-00")return r;const t=c.state.dateFormat.toLowerCase();let s=e.substring(0,10);s.length===7&&(s+="-01"),s+=" 00:00",s=s.replace(/-/g,"/");const n=new Date(s);if(isNaN(Number(n)))return r;let i=t.replace("y",String(n.getFullYear()).padStart(2,"0")).replace("m",String(n.getMonth()+1).padStart(2,"0")).replace("d",String(n.getDate()).padStart(2,"0"));if(e.length>10)switch(a){case 1:i+=" "+e.substring(11,13);break;case 2:i+=" "+e.substring(11,16);break;case 3:i+=" "+e.substring(11,19);break}return i}static dateUnformat(e,a=c.L.Not_date){if(!e)return a;if(e.match(/\d\d\d\d-\d\d-\d\d/))return e;const r=c.state.dateFormat.toLowerCase(),t=e.split(/\W/),s=r.split(/\W/);let n="",i="",p="";s.forEach((u,h)=>{switch(u){case"d":n=t[h];break;case"m":i=t[h];break;case"y":p=t[h];break}});let d=p+"-"+i+"-"+n;return d.match(/\d\d\d\d-\d\d-\d\d/)||(console.info("Неверный формат даты, будет возращена текущая дата, "+d),d=this.ms2Date(new Date().getTime(),!1).substring(0,10)),d}}const H=o.defineComponent({__name:"button",props:{color:{default:"blue"},styling:{default:""},size:{default:"s"},name:{},title:{},icon:{},icon2:{},href:{},disabled:{type:Boolean},isSubmit:{type:Boolean},isActive:{type:Boolean},isProgress:{type:Boolean}},setup(l){const e=l,a=o.computed(()=>e.href?"a":"button"),r=o.computed(()=>e.isSubmit?"submit":void 0);return(t,s)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.value),{class:o.normalizeClass({"top-active":t.isActive,"top-disabled":t.disabled,"top-forms-focusable":!t.disabled,"top-button":!0,"top-button-progress":t.isProgress,[`top-size_${t.size}`]:!!t.size,[`top-color_${t.color}`]:!0,[`top-style_${t.styling}`]:!!t.styling}),name:t.name,title:t.title,href:t.href,type:r.value,"data-top-icon":t.icon||void 0,"data-top-icon2":t.icon2||void 0,disabled:t.disabled||void 0,inProgress:t.isProgress},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(t.icon?"":"Button"),1)])]),_:3},8,["class","name","title","href","type","data-top-icon","data-top-icon2","disabled","inProgress"]))}}),I={"top-button":"top-button","top-active":"top-active","top-button-progress":"top-button-progress",progress:"_progress_1f1nw_1","top-color_blue":"top-color_blue","top-color_green":"top-color_green","top-color_orange":"top-color_orange","top-color_red":"top-color_red","top-color_pink":"top-color_pink","top-color_theme":"top-color_theme","top-style_outline":"top-style_outline","top-style_soft":"top-style_soft","top-style_transparent":"top-style_transparent","top-size_l":"top-size_l","top-size_xl":"top-size_xl"},m=(l,e)=>{const a=l.__vccOpts||l;for(const[r,t]of e)a[r]=t;return a},O=m(H,[["__cssModules",{$style:I}]]),j={class:"top-forms-optionLabel"},Y={key:0,class:"top-forms-optionLabel_description"},w=m(o.defineComponent({__name:"controlLabel",props:{description:{},disabled:{type:Boolean}},setup(l){return(e,a)=>(o.openBlock(),o.createElementBlock("div",j,[o.createElementVNode("div",{class:o.normalizeClass({"top-forms-optionLabel_title":!0,"top-forms-optionLabel_title-disabled":e.disabled})},[o.renderSlot(e.$slots,"default")],2),e.description?(o.openBlock(),o.createElementBlock("div",Y,o.toDisplayString(e.description),1)):o.createCommentVNode("",!0)]))}}),[["__cssModules",{$style:{"top-forms-optionLabel":"top-forms-optionLabel","top-forms-optionLabel_title":"top-forms-optionLabel_title","top-forms-optionLabel_title-disabled":"top-forms-optionLabel_title-disabled","top-forms-optionLabel_description":"top-forms-optionLabel_description"}}]]),G=["name","value","indeterminate","disabled"],K=m(o.defineComponent({__name:"checkbox",props:{modelValue:{type:[Boolean,Array,Set]},name:{},value:{},description:{},disabled:{type:Boolean},indeterminate:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.computed({get(){return a.modelValue},set(t){e("update:modelValue",t)}});return(t,s)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-checkbox":!0,["top-checkbox_"+t.name]:t.name!=="","top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.withDirectives(o.createElementVNode("input",{type:"checkbox",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-checkbox_input":!0,"top-error":t.isError&&!t.disabled}),name:t.name,"onUpdate:modelValue":s[0]||(s[0]=n=>r.value=n),value:t.value,indeterminate:t.indeterminate,disabled:t.disabled},null,10,G),[[o.vModelCheckbox,r.value]]),t.$slots.default?(o.openBlock(),o.createBlock(w,{key:0,description:t.description,disabled:t.disabled},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default")]),_:3},8,["description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkbox":"top-checkbox","top-checkbox_input":"top-checkbox_input","top-error":"top-error"}}]]),Q=["title"],C=m(o.defineComponent({__name:"hint",props:{hint:{}},setup(l){return(e,a)=>(o.openBlock(),o.createElementBlock("span",{class:"top-hint","data-top-icon":"",title:e.hint},null,8,Q))}}),[["__cssModules",{$style:{"top-hint":"top-hint"}}]]),q=["data-top-icon","data-top-icon2"],X=["name","title","placeholder","disabled","readonly"],J=["onClick"],Z={key:1,class:"top-formsCaption"},B=m(o.defineComponent({inheritAttrs:!1,__name:"input",props:{modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},title:{},captionType:{default:""},size:{default:"s"},icon:{},icon2:{},addCleaner:{type:Boolean},isError:{type:Boolean},modificator:{}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.computed({get(){return a.modelValue},set(n){e("update:modelValue",n)}}),t=o.computed(()=>a.addCleaner&&!a.title||a.captionType!==""?"":a.title),s=()=>{e("update:modelValue","")};return(n,i)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-input":!0,["top-size_"+n.size]:!0,"top-disabled":n.disabled,["top-input-"+n.modificator]:!!n.modificator,"top-input-withCleaner":n.addCleaner&&r.value&&r.value!=="0000-00-00","top-formsCaptionWrapper":n.captionType!=="","top-formsCaptionWrapper-always":n.captionType==="top"}),"data-top-icon":n.icon,"data-top-icon2":n.icon2},[o.withDirectives(o.createElementVNode("input",o.mergeProps({type:"text",class:{"top-input_input":!0,["top-input_input-"+n.modificator]:!!n.modificator,"top-forms-focusable":!n.disabled,"top-error":n.isError},autocomplete:"off_always",name:n.name,"onUpdate:modelValue":i[0]||(i[0]=p=>r.value=p),title:n.title,placeholder:t.value,disabled:n.disabled,readonly:n.readonly,onKeydown:i[1]||(i[1]=o.withKeys(o.withModifiers(()=>(n.addCleaner||!!n.$slots.btn)&&s(),["stop"]),["esc"]))},n.$attrs),null,16,X),[[o.vModelText,r.value]]),n.addCleaner&&r.value&&r.value!=="0000-00-00"?(o.openBlock(),o.createElementBlock("span",{key:0,class:"top-input_cleaner","data-top-icon":"",onClick:o.withModifiers(s,["prevent"])},null,8,J)):o.createCommentVNode("",!0),n.captionType!==""?(o.openBlock(),o.createElementBlock("span",Z,o.toDisplayString(n.title),1)):o.createCommentVNode("",!0),o.renderSlot(n.$slots,"default")],10,q))}}),[["__cssModules",{$style:{"top-input":"top-input","top-input_input":"top-input_input","top-input-withCleaner":"top-input-withCleaner","top-input_cleaner":"top-input_cleaner"}}]]),oo=["modelValue"],to=!!document.documentElement.ontouchstart&&!!document.createElement("input").showPicker;let E=l=>{};const eo=m(o.defineComponent({__name:"inputDate",props:{modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},title:{},captionType:{},size:{},icon:{},icon2:{default:""},addCleaner:{type:Boolean},isError:{type:Boolean},modificator:{}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.ref(),t=o.computed({get(){return f.dateFormat(a.modelValue,2,"0000-00-00")},set(p){p=f.dateUnformat(p,"0000-00-00"),e("update:modelValue",p)}});let s=p=>{E(p)},n=p=>{const d=f.dateUnformat(p.target.value),u=f.dateFormat(d);if(!u||u===c.L.Not_date||p.target.value!==u){p.target.value=t.value;return}t.value=p.target.value};async function i(p){const d=await new Promise((h,g)=>N(["./datepicker-0e9a0541.amd"],h,g));E=d.oninput;const u=d.connectDatepicker(p.target,{onSelect:()=>n(p)});u&&(u.datepicker("show"),o.onUnmounted(()=>u.datepicker("destroy")))}return(p,d)=>o.unref(to)?(o.openBlock(),o.createBlock(o.unref(B),o.mergeProps({key:0},p.$props,{modelValue:t.value,readonly:"",onClick:d[1]||(d[1]=u=>r.value.showPicker())}),{default:o.withCtx(()=>[o.createElementVNode("input",{ref_key:"el",ref:r,type:"date",class:"top-input_input-date",modelValue:p.modelValue,onChange:d[0]||(d[0]=u=>t.value=u.target.value),tabindex:"-1"},null,40,oo)]),_:1},16,["modelValue"])):(o.openBlock(),o.createBlock(o.unref(B),o.mergeProps({key:1},p.$props,{modelValue:t.value,"onUpdate:modelValue":d[2]||(d[2]=u=>u===""?t.value="":""),onInput:o.unref(s),onFocusOnce:i,onChange:o.unref(n),modificator:"datepicker"}),null,16,["modelValue","onInput","onChange"]))}}),[["__cssModules",{$style:{"top-input-datepicker":"top-input-datepicker","top-input_input-date":"top-input_input-date"}}]]),ro=["name","value","disabled"],ao=m(o.defineComponent({__name:"radio",props:{modelValue:{},value:{},name:{},description:{},disabled:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.computed({get(){return a.modelValue},set(t){e("update:modelValue",t)}});return(t,s)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-radio":!0,["top-radio_"+t.name]:t.name!=="","top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.withDirectives(o.createElementVNode("input",{type:"radio",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-radio_input":!0,"top-error":t.isError&&!t.disabled}),"onUpdate:modelValue":s[0]||(s[0]=n=>r.value=n),name:t.name,value:t.value,disabled:t.disabled},null,10,ro),[[o.vModelRadio,r.value]]),t.$slots.default?(o.openBlock(),o.createBlock(w,{key:0,description:t.description,disabled:t.disabled},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default")]),_:3},8,["description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-radio":"top-radio","top-radio_input":"top-radio_input","top-error":"top-error"}}]]),no=["name","value","disabled"],io=m(o.defineComponent({__name:"switcher",props:{modelValue:{type:[Boolean,Array,Set]},name:{},value:{},description:{},disabled:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.computed({get(){return a.modelValue},set(t){e("update:modelValue",t)}});return(t,s)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-forms-optionWrapper":!0,"top-checkboxSwitcher":!0,"top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[o.withDirectives(o.createElementVNode("input",{type:"checkbox",class:o.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-checkboxSwitcher_input":!0,"top-error":t.isError&&!t.disabled}),"onUpdate:modelValue":s[0]||(s[0]=n=>r.value=n),name:t.name,value:t.value,disabled:t.disabled},null,10,no),[[o.vModelCheckbox,r.value]]),t.$slots.default?(o.openBlock(),o.createBlock(w,{key:0,description:t.description,disabled:t.disabled},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default")]),_:3},8,["description","disabled"])):o.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkboxSwitcher":"top-checkboxSwitcher","top-checkboxSwitcher_input":"top-checkboxSwitcher_input","top-error":"top-error"}}]]),lo=["name","placeholder","disabled","readonly","rows"],so={key:0,class:"top-textarea_pseudoContent"},po=m(o.defineComponent({inheritAttrs:!1,__name:"textarea",props:{modelValue:{},name:{},placeholder:{},rows:{default:5},minHeight:{default:120},expandable:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l;o.useCssVars(t=>({c838a038:t.minHeight+"px"}));const r=o.computed({get(){return a.modelValue},set(t){e("update:modelValue",t)}});return(t,s)=>{const n=o.resolveDirective("top-tooltip");return o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-textarea":!0,["top-textarea-"+t.name]:t.name,"top-disabled":t.disabled})},[o.withDirectives(o.createElementVNode("textarea",o.mergeProps({type:"text",class:{"top-forms-focusable":!t.disabled,"top-textarea_textarea":!0,"top-textarea_textarea-expandable":t.expandable,"top-error":t.isError},autocomplete:"off_always",name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,rows:t.expandable?void 0:t.rows},t.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=i=>r.value=i)}),null,16,lo),[[o.vModelText,r.value]]),t.expandable?(o.openBlock(),o.createElementBlock("div",so,o.toDisplayString(r.value+" "),1)):o.createCommentVNode("",!0),t.hint?o.withDirectives((o.openBlock(),o.createBlock(C,{key:1,class:"top-textarea_hint",hint:t.hint},null,8,["hint"])),[[n]]):o.createCommentVNode("",!0)],2)}}}),[["__cssModules",{$style:{"top-textarea":"top-textarea","top-textarea_textarea":"top-textarea_textarea","top-textarea_textarea-expandable":"top-textarea_textarea-expandable","top-textarea_pseudoContent":"top-textarea_pseudoContent","top-textarea_hint":"top-textarea_hint"}}]]),co=["data-value","data-top-icon","data-top-icon2"],uo=["name","disabled"],bo=["label","disabled"],mo=["value","selected","disabled"],ho=["value","selected","disabled"],go={key:1,class:"top-formsCaption"},fo=m(o.defineComponent({__name:"select",props:{modelValue:{},options:{},name:{},disabled:{type:Boolean},icon:{},size:{default:"s"},addChanger:{type:Boolean},title:{},isError:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:e}){const a=l,r=o.computed({get(){return a.modelValue},set(i){e("update:modelValue",i)}}),t=o.computed(()=>{var i;return(i=s.value.get(r.value))==null?void 0:i.icon}),s=o.computed(()=>{const i=new Map;return a.options.forEach(p=>{if(!p.disabled){if(p.children){p.children.forEach(d=>{d.disabled||i.set(d.value,d)});return}i.set(p.value,p)}}),i});o.watch([o.toRef(a.modelValue),s],()=>{(r.value===null||r.value===void 0)&&s.value.size&&(console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"),r.value=s.value.keys().next().value)},{immediate:!0});const n=()=>{const i=[...s.value.keys()],d=(i.indexOf(r.value)+1)%i.length;r.value=i[d]};return(i,p)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass({"top-select":!0,["top-select-"+i.name]:i.name,["top-size_"+i.size]:!0,"top-formsCaptionWrapper":!!i.title,"top-select-error":i.isError,"top-disabled":i.disabled}),"data-value":r.value,"data-top-icon":i.icon,"data-top-icon2":t.value},[o.withDirectives(o.createElementVNode("select",{class:o.normalizeClass({"top-forms-focusable":!i.disabled,"top-select_select":!0,"top-select_arrow":!0,"top-error":i.isError}),name:i.name,disabled:i.disabled,"onUpdate:modelValue":p[0]||(p[0]=d=>r.value=d)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.options.entries(),([d,u])=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[u.children?(o.openBlock(),o.createElementBlock("optgroup",{key:"group_"+u.value,label:u.title,disabled:u.disabled},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(u.children.entries(),([h,g])=>(o.openBlock(),o.createElementBlock("option",{key:u.value,value:g.value,selected:g.value===r.value,disabled:g.disabled},o.toDisplayString(g.title),9,mo))),128))],8,bo)):(o.openBlock(),o.createElementBlock("option",{key:u.value,value:u.value,selected:u.value===r.value,disabled:u.disabled},o.toDisplayString(u.title),9,ho))],64))),256))],10,uo),[[o.vModelSelect,r.value]]),i.addChanger&&s.value.size&&!i.disabled?(o.openBlock(),o.createElementBlock("span",{key:0,class:"top-changer",onClick:n})):o.createCommentVNode("",!0),i.title?(o.openBlock(),o.createElementBlock("span",go,o.toDisplayString(i.title),1)):o.createCommentVNode("",!0)],10,co))}}),[["__cssModules",{$style:{"top-select":"top-select","top-select-error":"top-select-error","top-select_select":"top-select_select","top-changer":"top-changer"}}]]);b.Button=O,b.ControlLabel=w,b.Core=c,b.Device=k,b.Events=V,b.Hint=C,b.Input=B,b.Textarea=po,b.UtilsDate=f,b._export_sfc=m,b.checkbox=K,b.inputDate=eo,b.radio=ao,b.select=fo,b.switcher=io});
3
+ //# sourceMappingURL=forms-02202302.amd.js.map