@topvisor/ui 0.9.6 → 0.9.7

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 (111) hide show
  1. package/.chunks/datepicker-0tFN0clU.amd.js +234 -0
  2. package/.chunks/datepicker-0tFN0clU.amd.js.map +1 -0
  3. package/.chunks/datepicker-8geHBNBn.es.js +275 -0
  4. package/.chunks/datepicker-8geHBNBn.es.js.map +1 -0
  5. package/.chunks/{forms-260b848a.es.js → forms-dneLtREE.es.js} +14 -14
  6. package/.chunks/forms-dneLtREE.es.js.map +1 -0
  7. package/.chunks/{forms-2250b8db.amd.js → forms-hIalWiGK.amd.js} +3 -3
  8. package/.chunks/forms-hIalWiGK.amd.js.map +1 -0
  9. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-bLJ0dcPn.amd.js +2 -0
  10. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-bLJ0dcPn.amd.js.map +1 -0
  11. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-qWOlkuQ3.es.js +148 -0
  12. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-qWOlkuQ3.es.js.map +1 -0
  13. package/.chunks/{popup-3a721019.amd.js → popup-2azH2gGP.amd.js} +378 -378
  14. package/.chunks/popup-2azH2gGP.amd.js.map +1 -0
  15. package/.chunks/{popup-90783ce2.es.js → popup-GFcVEZf5.es.js} +423 -423
  16. package/.chunks/popup-GFcVEZf5.es.js.map +1 -0
  17. package/README.md +80 -80
  18. package/assets/forms.css +1 -1
  19. package/assets/light.css +1 -1
  20. package/core/core.amd.js +1 -1
  21. package/core/core.js +1 -1
  22. package/forms/forms.amd.js +1 -1
  23. package/forms/forms.js +1 -1
  24. package/forms/helpers.amd.js.map +1 -1
  25. package/forms/helpers.js.map +1 -1
  26. package/formsExt/formsExt.amd.js +1 -1
  27. package/formsExt/formsExt.amd.js.map +1 -1
  28. package/formsExt/formsExt.js +1 -1
  29. package/formsExt/formsExt.js.map +1 -1
  30. package/icomoon/demo-files/demo.css +161 -161
  31. package/icomoon/demo-files/demo.js +30 -30
  32. package/icomoon/demo.html +2945 -2945
  33. package/icomoon/fonts/Topvisor-2.svg +232 -232
  34. package/icomoon/style.css +647 -647
  35. package/package.json +19 -22
  36. package/popup/popup.amd.js +1 -1
  37. package/popup/popup.amd.js.map +1 -1
  38. package/popup/popup.js +7 -146
  39. package/popup/popup.js.map +1 -1
  40. package/popup/worker.amd.js +1 -1
  41. package/popup/worker.amd.js.map +1 -1
  42. package/popup/worker.js +2 -2
  43. package/popup/worker.js.map +1 -1
  44. package/require/css.amd.js +11 -11
  45. package/src/components/forms/avatar/avatar.stories.d.ts +1 -1
  46. package/src/components/forms/avatar/avatar.vue.d.ts +1 -1
  47. package/src/components/forms/button/button.d.ts +2 -2
  48. package/src/components/forms/button/button.vue.d.ts +1 -1
  49. package/src/components/forms/checkbox/checkbox.vue.d.ts +1 -1
  50. package/src/components/forms/controlLabel/controlLabel.vue.d.ts +1 -1
  51. package/src/components/forms/hint/hint.stories.d.ts +2 -2
  52. package/src/components/forms/hint/hint.vue.d.ts +1 -1
  53. package/src/components/forms/input/input.d.ts +2 -2
  54. package/src/components/forms/input/input.vue.d.ts +1 -1
  55. package/src/components/forms/inputDate/inputDate.d.ts +2 -2
  56. package/src/components/forms/inputDate/inputDate.stories.d.ts +1 -1
  57. package/src/components/forms/inputDate/inputDate.vue.d.ts +1 -1
  58. package/src/components/forms/inputRange/inputRange.vue.d.ts +1 -1
  59. package/src/components/forms/radio/radio.vue.d.ts +1 -1
  60. package/src/components/forms/select/select.d.ts +2 -2
  61. package/src/components/forms/select/select.stories.d.ts +1 -1
  62. package/src/components/forms/select/select.vue.d.ts +1 -1
  63. package/src/components/forms/switcher/switcher.vue.d.ts +1 -1
  64. package/src/components/forms/textarea/textarea.stories.d.ts +1 -1
  65. package/src/components/forms/textarea/textarea.vue.d.ts +1 -1
  66. package/src/components/formsExt/editArea/editArea.d.ts +1 -1
  67. package/src/components/formsExt/editArea/editArea.stories.d.ts +1 -1
  68. package/src/components/formsExt/editArea/editArea.vue.d.ts +1 -1
  69. package/src/components/formsExt/editInput/editInput.d.ts +2 -2
  70. package/src/components/formsExt/editInput/editInput.vue.d.ts +1 -1
  71. package/src/components/formsExt/radioGroup/radioGroup.d.ts +2 -2
  72. package/src/components/formsExt/radioGroup/radioGroup.stories.d.ts +1 -1
  73. package/src/components/formsExt/radioGroup/radioGroup.vue.d.ts +1 -1
  74. package/src/components/popup/popup/listItem.vue.d.ts +1 -1
  75. package/src/components/popup/popup/opener.vue.d.ts +1 -1
  76. package/src/components/popup/popup/popup.vue.d.ts +1 -1
  77. package/src/components/tabs/tabs/content.vue.d.ts +1 -1
  78. package/src/components/tabs/tabs/tab.vue.d.ts +1 -1
  79. package/src/components/tabs/tabs/tabs.stories.d.ts +2 -2
  80. package/src/components/tabs/tabs/tabs.vue.d.ts +1 -1
  81. package/src/components/tabsView/tabsView/content.vue.d.ts +1 -1
  82. package/src/components/tabsView/tabsView/menu.vue.d.ts +1 -1
  83. package/src/components/tabsView/tabsView/menuDelimeter.vue.d.ts +1 -1
  84. package/src/components/tabsView/tabsView/menuItem.vue.d.ts +1 -1
  85. package/src/components/tabsView/tabsView/menuTitle.vue.d.ts +1 -1
  86. package/src/components/tabsView/tabsView/tabsView.d.ts +1 -1
  87. package/src/components/tabsView/tabsView/tabsView.vue.d.ts +1 -1
  88. package/src/core/core/core.d.ts +1 -1
  89. package/tabs/tabs.amd.js +1 -1
  90. package/tabs/tabs.js +1 -1
  91. package/tabsView/tabsView.amd.js +1 -1
  92. package/tabsView/tabsView.amd.js.map +1 -1
  93. package/tabsView/tabsView.js +27 -27
  94. package/tabsView/tabsView.js.map +1 -1
  95. package/utils/css.amd.js.map +1 -1
  96. package/utils/css.js.map +1 -1
  97. package/utils/date.amd.js +1 -1
  98. package/utils/date.js +1 -1
  99. package/utils/device.amd.js +1 -1
  100. package/utils/device.js +1 -1
  101. package/utils/dom.amd.js.map +1 -1
  102. package/utils/dom.js.map +1 -1
  103. package/.chunks/datepicker-2f8eb2f7.amd.js +0 -234
  104. package/.chunks/datepicker-2f8eb2f7.amd.js.map +0 -1
  105. package/.chunks/datepicker-a62ae260.es.js +0 -275
  106. package/.chunks/datepicker-a62ae260.es.js.map +0 -1
  107. package/.chunks/forms-2250b8db.amd.js.map +0 -1
  108. package/.chunks/forms-260b848a.es.js.map +0 -1
  109. package/.chunks/popup-3a721019.amd.js.map +0 -1
  110. package/.chunks/popup-90783ce2.es.js.map +0 -1
  111. /package/assets/{popup.css → listItem.css} +0 -0
@@ -0,0 +1,234 @@
1
+ define(["require","exports","vue","./forms-hIalWiGK.amd"],function(f,g,p,c){"use strict";if(typeof p>"u")var p=window.Vue;c.Core.appendStyle(`/* ui-datepicker */
2
+ .ui-datepicker {
3
+ --datepicker-day-color: #FFF;
4
+ --datepicker-day-color-hover: var(--color-blue-150);
5
+ --datepicker-selected-color: var(--color-blue-500);
6
+ --datepicker-selected-color-hover: var(--color-blue-550);
7
+ --datepicker-range-color: var(--color-blue-100);
8
+ --datepicker-range-color-hover: var(--color-blue-150);
9
+
10
+ user-select: none;
11
+ width: auto;
12
+ padding: 0;
13
+ }
14
+
15
+ .ui-datepicker:before,
16
+ .ui-datepicker:after {
17
+ display: none;
18
+ }
19
+
20
+ /* на странице */
21
+ .ui-datepicker-inline {
22
+ display: inline-block !important;
23
+ }
24
+
25
+ /* в popup */
26
+ .ui-datepicker:not(.ui-datepicker-inline) {
27
+ border-radius: 8px;
28
+ background: var(--content-background-color);
29
+ box-shadow: var(--top-shadow);
30
+ z-index: 10000000 !important;
31
+ padding: 8px;
32
+ }
33
+
34
+ .ui-datepicker a {
35
+ text-decoration: none !important;
36
+ }
37
+
38
+ .ui-datepicker option {
39
+ color: var(--color-text);
40
+ font-size: 14px;
41
+ }
42
+
43
+ .ui-datepicker-header {
44
+ padding: 0 !important;
45
+ margin: 0 0 18px 0;
46
+ display: flex;
47
+ align-items: center;
48
+ }
49
+
50
+ .ui-datepicker-header > * {
51
+ display: flex;
52
+ align-items: center;
53
+ justify-content: center;
54
+ }
55
+
56
+ .ui-datepicker-title {
57
+ width: 100% !important;
58
+ height: 24px;
59
+ margin: 0 !important;
60
+ }
61
+
62
+ .ui-datepicker-month,
63
+ .ui-datepicker-year {
64
+ outline: none !important;
65
+ width: auto !important;
66
+ border: none;
67
+ padding: 0;
68
+ margin: 0 6px !important;
69
+ text-align: center;
70
+ font-size: 16px !important;
71
+ }
72
+
73
+ .ui-datepicker-month {
74
+ color: var(--color-text);
75
+ }
76
+
77
+ .ui-datepicker-year {
78
+ color: var(--color-gray-300);
79
+ }
80
+
81
+ /* select.ui-datepicker-month,
82
+ select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/
83
+ select.ui-datepicker-month,
84
+ select.ui-datepicker-year {
85
+ cursor: pointer;
86
+ }
87
+
88
+ .ui-datepicker-prev,
89
+ .ui-datepicker-next {
90
+ cursor: pointer;
91
+ width: 24px !important;
92
+ height: 24px !important;
93
+ font-size: 24px;
94
+ font-family: 'Topvisor-2';
95
+ position: static !important;
96
+ }
97
+
98
+ .ui-datepicker-prev:before {
99
+ content: '';
100
+ }
101
+
102
+ .ui-datepicker-next {
103
+ order: 1;
104
+ }
105
+
106
+ .ui-datepicker-next:before {
107
+ content: '';
108
+ }
109
+
110
+ .ui-datepicker-prev > *,
111
+ .ui-datepicker-next > * {
112
+ display: none !important;
113
+ }
114
+
115
+ .ui-datepicker thead th {
116
+ width: auto !important;
117
+ padding: 0 !important;
118
+ color: #B3BEBF;
119
+ font-size: 14px;
120
+ font-weight: 400 !important;
121
+ }
122
+
123
+ .ui-datepicker table {
124
+ margin: 0 !important;
125
+ font-size: 14px;
126
+ }
127
+
128
+ .ui-datepicker td {
129
+ background: none;
130
+ padding: 0 !important;
131
+ }
132
+
133
+ .ui-datepicker td span,
134
+ .ui-datepicker td a {
135
+ border-radius: 8px;
136
+ border: none;
137
+ min-width: 32px;
138
+ height: 32px;
139
+ padding: 0;
140
+ margin: 1px;
141
+ color: var(--color-text) !important;
142
+ line-height: 32px;
143
+ text-align: center;
144
+ position: relative;
145
+ display: block;
146
+ }
147
+
148
+ /* обычные даты */
149
+ .ui-datepicker td a {
150
+ background: var(--datepicker-day-color);
151
+ }
152
+
153
+ .ui-datepicker td a:hover {
154
+ background: var(--datepicker-day-color-hover);
155
+ }
156
+
157
+ /* текущий день */
158
+ td.ui-datepicker-today span,
159
+ td.ui-datepicker-today a {
160
+ background: none;
161
+ position: relative;
162
+ }
163
+
164
+ /* выбранные даты */
165
+ .ui-datepicker td.selected a {
166
+ background: var(--datepicker-range-color);
167
+ padding-right: 0;
168
+ padding-left: 1px;
169
+ margin-right: 1px;
170
+ margin-left: 0;
171
+ }
172
+
173
+ .ui-datepicker td.selected a:hover {
174
+ background: var(--datepicker-range-color-hover);
175
+ }
176
+
177
+ .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {
178
+ border-top-left-radius: 0;
179
+ border-bottom-left-radius: 0;
180
+ padding-left: 1px;
181
+ margin-left: 0;
182
+ }
183
+
184
+ .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {
185
+ border-top-right-radius: 0;
186
+ border-bottom-right-radius: 0;
187
+ padding-right: 1px;
188
+ margin-right: 0;
189
+ }
190
+
191
+ .ui-datepicker td.selected-start a,
192
+ .ui-datepicker td.selected-end a,
193
+ .ui-datepicker td.ui-datepicker-current-day a {
194
+ background: var(--datepicker-selected-color);
195
+ color: #FFF !important;
196
+ }
197
+
198
+ .ui-datepicker td.selected-start a:hover,
199
+ .ui-datepicker td.selected-end a:hover,
200
+ .ui-datepicker td.ui-datepicker-current-day a:hover {
201
+ background: var(--datepicker-selected-color-hover);
202
+ }
203
+
204
+ .ui-datepicker-day-marks {
205
+ line-height: normal;
206
+ position: absolute;
207
+ right: 0;
208
+ bottom: 3px;
209
+ left: 0;
210
+ display: flex;
211
+ align-items: center;
212
+ justify-content: center;
213
+ }
214
+
215
+ .ui-datepicker-day-marks > i {
216
+ border-radius: 50%;
217
+ border: 1px solid #FFF;
218
+ width: 4px;
219
+ height: 4px;
220
+ margin: 0 2px;
221
+ }
222
+
223
+ .ui-datepicker-day-marks-exists {
224
+ background: var(--color-blue-500);
225
+ }
226
+
227
+ .ui-datepicker-day-marks-update {
228
+ background: var(--color-red-500);
229
+ }
230
+
231
+ .ui-datepicker-row-break {
232
+ display: none;
233
+ }`);const a=window,m=e=>{var t,n;if(!((n=(t=a==null?void 0:a.jQuery)==null?void 0:t.ui)!=null&&n.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(e)};function b(e,t){var n;return(n=m(e))==null?void 0:n.datepicker(t)}let o,l,u,s;p.watch(p.toRef(c.Core.state.dateFormat),()=>{var e;o=c.dateFormat("2000-01-01"),l=((e=o.match(/\D/))==null?void 0:e[0])??"-",u=o.replace(/\D+/g,"").length,s=[];for(let t=0;t<o.length;t++)o[t]===l&&s.push(t)},{immediate:!0});function v(e){let t=e.target.selectionEnd,n=e.target.value,r=n.substring(0,t).replace(/\D+/g,""),i=n.substring(t).replace(/\D+/g,""),k=r.length+i.length-u;if(k>0){r=r.substring(0,u);const d=u-r.length;i=i.substring(i.length-d)}else k<0&&(e.inputType==="deleteContentForward"?r+="0".repeat(-k):i="0".repeat(-k)+i);t=r.length,n=r+i;for(let d=0;d<s.length;d++){const h=s[d];n=n.substring(0,h)+l+n.substring(h),t>=h&&t++}e.inputType==="deleteContentBackward"&&n[t-1]===l&&t--,n!==e.target.value&&(e.target.value=n,e.target.selectionStart=t,e.target.selectionEnd=t)}g.connectDatepicker=b,g.oninput=v,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
234
+ //# sourceMappingURL=datepicker-0tFN0clU.amd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-0tFN0clU.amd.js","sources":["../../src/components/forms/inputDate/datepicker.ts","../../src/components/forms/inputDate/datepicker.css?raw"],"sourcesContent":["import { toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { dateFormat } from '@/core/utils/date';\n\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\n\nCore.appendStyle(css);\n\nconst _window: any = window;\n\nconst $ = (el: HTMLInputElement) => {\n\tif (!_window?.jQuery?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\treturn _window.jQuery(el);\n};\n\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\n\treturn $(el)?.datepicker(options);\n}\n\nlet dateFormatted;\nlet delimiter: string;\nlet dateNumbersCount: number;\nlet delimitersIndexes: number[];\n\nwatch(toRef(Core.state.dateFormat), () => {\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\n\tdateFormatted = dateFormat('2000-01-01');\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\n\tdelimitersIndexes = [];\n\n\tfor (let i = 0; i < dateFormatted.length; i++) {\n\t\tif (dateFormatted[i] === delimiter) {\n\t\t\tdelimitersIndexes.push(i);\n\t\t}\n\t}\n}, { immediate: true });\n\n/**\n * Автоформат при вводе в поле с датой\n */\nexport function oninput(e: any) {\n\tlet selectionPos = e.target.selectionEnd;\n\tlet value = e.target.value;\n\n\t// разбить занчение на две половины - до и после каретки\n\t// удалить все символы, кроме цифр\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\n\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\n\tif (extraNumbersCount > 0) {\n\t\t// // количество цифр больше требуемого - удалить лишние\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\n\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\n\t} else if (extraNumbersCount < 0) {\n\t\t// количество цифр меньше требуемого - добавить 0\n\t\tif (e.inputType === 'deleteContentForward') {\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\n\t\t} else {\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\n\t\t}\n\t}\n\n\tselectionPos = valueChunkLeft.length;\n\tvalue = valueChunkLeft + valueChunkRight;\n\n\t// вставить разделители\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\n\t\tconst delimiterIndex = delimitersIndexes[i];\n\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\n\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\n\t\tif (selectionPos >= delimiterIndex) {\n\t\t\tselectionPos++;\n\t\t}\n\t}\n\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\n\t\tselectionPos--;\n\t}\n\n\t// если значение изменилось - вставить его и переместить каретку\n\tif (value !== e.target.value) {\n\t\te.target.value = value;\n\t\te.target.selectionStart = selectionPos;\n\t\te.target.selectionEnd = selectionPos;\n\t}\n}","export default \"/* ui-datepicker */\\n.ui-datepicker {\\n\\t--datepicker-day-color: #FFF;\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\n\\t--datepicker-selected-color: var(--color-blue-500);\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\n\\t--datepicker-range-color: var(--color-blue-100);\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\n\\n\\tuser-select: none;\\n\\twidth: auto;\\n\\tpadding: 0;\\n}\\n\\n.ui-datepicker:before,\\n.ui-datepicker:after {\\n\\tdisplay: none;\\n}\\n\\n/* на странице */\\n.ui-datepicker-inline {\\n\\tdisplay: inline-block !important;\\n}\\n\\n/* в popup */\\n.ui-datepicker:not(.ui-datepicker-inline) {\\n\\tborder-radius: 8px;\\n\\tbackground: var(--content-background-color);\\n\\tbox-shadow: var(--top-shadow);\\n\\tz-index: 10000000 !important;\\n\\tpadding: 8px;\\n}\\n\\n.ui-datepicker a {\\n\\ttext-decoration: none !important;\\n}\\n\\n.ui-datepicker option {\\n\\tcolor: var(--color-text);\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker-header {\\n\\tpadding: 0 !important;\\n\\tmargin: 0 0 18px 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n}\\n\\n.ui-datepicker-header > * {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-title {\\n\\twidth: 100% !important;\\n\\theight: 24px;\\n\\tmargin: 0 !important;\\n}\\n\\n.ui-datepicker-month,\\n.ui-datepicker-year {\\n\\toutline: none !important;\\n\\twidth: auto !important;\\n\\tborder: none;\\n\\tpadding: 0;\\n\\tmargin: 0 6px !important;\\n\\ttext-align: center;\\n\\tfont-size: 16px !important;\\n}\\n\\n.ui-datepicker-month {\\n\\tcolor: var(--color-text);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-gray-300);\\n}\\n\\n/*\\tselect.ui-datepicker-month,\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\nselect.ui-datepicker-month,\\nselect.ui-datepicker-year {\\n\\tcursor: pointer;\\n}\\n\\n.ui-datepicker-prev,\\n.ui-datepicker-next {\\n\\tcursor: pointer;\\n\\twidth: 24px !important;\\n\\theight: 24px !important;\\n\\tfont-size: 24px;\\n\\tfont-family: 'Topvisor-2';\\n\\tposition: static !important;\\n}\\n\\n.ui-datepicker-prev:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev > *,\\n.ui-datepicker-next > * {\\n\\tdisplay: none !important;\\n}\\n\\n.ui-datepicker thead th {\\n\\twidth: auto !important;\\n\\tpadding: 0 !important;\\n\\tcolor: #B3BEBF;\\n\\tfont-size: 14px;\\n\\tfont-weight: 400 !important;\\n}\\n\\n.ui-datepicker table {\\n\\tmargin: 0 !important;\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker td {\\n\\tbackground: none;\\n\\tpadding: 0 !important;\\n}\\n\\n.ui-datepicker td span,\\n.ui-datepicker td a {\\n\\tborder-radius: 8px;\\n\\tborder: none;\\n\\tmin-width: 32px;\\n\\theight: 32px;\\n\\tpadding: 0;\\n\\tmargin: 1px;\\n\\tcolor: var(--color-text) !important;\\n\\tline-height: 32px;\\n\\ttext-align: center;\\n\\tposition: relative;\\n\\tdisplay: block;\\n}\\n\\n/* обычные даты */\\n.ui-datepicker td a {\\n\\tbackground: var(--datepicker-day-color);\\n}\\n\\n.ui-datepicker td a:hover {\\n\\tbackground: var(--datepicker-day-color-hover);\\n}\\n\\n/* текущий день */\\ntd.ui-datepicker-today span,\\ntd.ui-datepicker-today a {\\n\\tbackground: none;\\n\\tposition: relative;\\n}\\n\\n/* выбранные даты */\\n.ui-datepicker td.selected a {\\n\\tbackground: var(--datepicker-range-color);\\n\\tpadding-right: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-right: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected a:hover {\\n\\tbackground: var(--datepicker-range-color-hover);\\n}\\n\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\n\\tborder-top-left-radius: 0;\\n\\tborder-bottom-left-radius: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\n\\tborder-top-right-radius: 0;\\n\\tborder-bottom-right-radius: 0;\\n\\tpadding-right: 1px;\\n\\tmargin-right: 0;\\n}\\n\\n.ui-datepicker td.selected-start a,\\n.ui-datepicker td.selected-end a,\\n.ui-datepicker td.ui-datepicker-current-day a {\\n\\tbackground: var(--datepicker-selected-color);\\n\\tcolor: #FFF !important;\\n}\\n\\n.ui-datepicker td.selected-start a:hover,\\n.ui-datepicker td.selected-end a:hover,\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\n\\tbackground: var(--datepicker-selected-color-hover);\\n}\\n\\n.ui-datepicker-day-marks {\\n\\tline-height: normal;\\n\\tposition: absolute;\\n\\tright: 0;\\n\\tbottom: 3px;\\n\\tleft: 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-day-marks > i {\\n\\tborder-radius: 50%;\\n\\tborder: 1px solid #FFF;\\n\\twidth: 4px;\\n\\theight: 4px;\\n\\tmargin: 0 2px;\\n}\\n\\n.ui-datepicker-day-marks-exists {\\n\\tbackground: var(--color-blue-500);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-red-500);\\n}\\n\\n.ui-datepicker-row-break {\\n\\tdisplay: none;\\n}\""],"names":["Core","$","el","_window","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","valueChunkLeft","value","selectionPos","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":"0HAMAA,EAAAA,KAAAA,YCNA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EDMAA,iBAIAC,EAAAC,GAAA,sFAEE,QAAA,KAAA,0EAAA,EAEA,OAGD,OAAAC,EAAA,OAAA,WAAA,UAAA,WAAAC,EAAA,KAAA,MAAA,WAAA,YAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAEAD,EAAA,OAAAD,CAAA,CACD,EAEgB,SAAAG,EAAAH,EAAAI,EAAA,mDAIhB,IAAAC,EACAC,EACAC,EACAC,EAEAC,EAAAA,MAAAA,EAAAA,MAAAA,EAAAA,KAAAA,MAAAA,UAAAA,EAAAA,IAAAA,OAECJ,EAAAH,EAAA,WAAA,YAAA,EACAI,IAAAI,EAAAL,EAAA,MAAA,IAAA,IAAA,YAAAK,EAAA,KAAA,IACAH,EAAAF,EAAA,QAAA,OAAA,EAAA,EAAA,YAGA,QAAAM,EAAA,EAAAA,EAAAN,EAAA,OAAAM,IACCN,EAAAM,CAAA,IAAAL,GACCE,EAAA,KAAAG,CAAA,CAGH,EAAA,CAAA,UAAA,EAAA,CAAA,6DAWCC,EAAAC,EAAA,UAAA,EAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EACAC,EAAAF,EAAA,UAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EAEAE,EAAAJ,EAAA,OAAAG,EAAA,OAAAR,EACA,GAAAS,EAAA,EAAA,uCAKCD,EAAAA,EAAA,UAAAA,EAAA,OAAAE,CAAA,CAA6F,MAAAD,EAAA,IAG7F,EAAA,YAAA,6DAQDF,EAAAF,EAAA,OACAC,EAAAD,EAAAG,EAGA,QAAAJ,EAAA,EAAAA,EAAAH,EAAA,OAAAG,IAAA,CACC,MAAAO,EAAAV,EAAAG,CAAA,EAEAE,EAAAA,EAAA,UAAA,EAAAK,CAAA,EAAAZ,EAAAO,EAAA,UAAAK,CAAA,EAGAJ,GAAAI,OAMD,EAAA,YAAA,yBAAAL,EAAAC,EAAA,CAAA,IAAAR,4BAMC,EAAA,OAAA,MAAAO,EACA,EAAA,OAAA,eAAAC,EACA,EAAA,OAAA,aAAAA,EAEF"}
@@ -0,0 +1,275 @@
1
+ import { watch as g, toRef as m } from "vue";
2
+ import { C as k, d as h } from "./forms-dneLtREE.es.js";
3
+ const b = `/* ui-datepicker */
4
+ .ui-datepicker {
5
+ --datepicker-day-color: #FFF;
6
+ --datepicker-day-color-hover: var(--color-blue-150);
7
+ --datepicker-selected-color: var(--color-blue-500);
8
+ --datepicker-selected-color-hover: var(--color-blue-550);
9
+ --datepicker-range-color: var(--color-blue-100);
10
+ --datepicker-range-color-hover: var(--color-blue-150);
11
+
12
+ user-select: none;
13
+ width: auto;
14
+ padding: 0;
15
+ }
16
+
17
+ .ui-datepicker:before,
18
+ .ui-datepicker:after {
19
+ display: none;
20
+ }
21
+
22
+ /* на странице */
23
+ .ui-datepicker-inline {
24
+ display: inline-block !important;
25
+ }
26
+
27
+ /* в popup */
28
+ .ui-datepicker:not(.ui-datepicker-inline) {
29
+ border-radius: 8px;
30
+ background: var(--content-background-color);
31
+ box-shadow: var(--top-shadow);
32
+ z-index: 10000000 !important;
33
+ padding: 8px;
34
+ }
35
+
36
+ .ui-datepicker a {
37
+ text-decoration: none !important;
38
+ }
39
+
40
+ .ui-datepicker option {
41
+ color: var(--color-text);
42
+ font-size: 14px;
43
+ }
44
+
45
+ .ui-datepicker-header {
46
+ padding: 0 !important;
47
+ margin: 0 0 18px 0;
48
+ display: flex;
49
+ align-items: center;
50
+ }
51
+
52
+ .ui-datepicker-header > * {
53
+ display: flex;
54
+ align-items: center;
55
+ justify-content: center;
56
+ }
57
+
58
+ .ui-datepicker-title {
59
+ width: 100% !important;
60
+ height: 24px;
61
+ margin: 0 !important;
62
+ }
63
+
64
+ .ui-datepicker-month,
65
+ .ui-datepicker-year {
66
+ outline: none !important;
67
+ width: auto !important;
68
+ border: none;
69
+ padding: 0;
70
+ margin: 0 6px !important;
71
+ text-align: center;
72
+ font-size: 16px !important;
73
+ }
74
+
75
+ .ui-datepicker-month {
76
+ color: var(--color-text);
77
+ }
78
+
79
+ .ui-datepicker-year {
80
+ color: var(--color-gray-300);
81
+ }
82
+
83
+ /* select.ui-datepicker-month,
84
+ select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/
85
+ select.ui-datepicker-month,
86
+ select.ui-datepicker-year {
87
+ cursor: pointer;
88
+ }
89
+
90
+ .ui-datepicker-prev,
91
+ .ui-datepicker-next {
92
+ cursor: pointer;
93
+ width: 24px !important;
94
+ height: 24px !important;
95
+ font-size: 24px;
96
+ font-family: 'Topvisor-2';
97
+ position: static !important;
98
+ }
99
+
100
+ .ui-datepicker-prev:before {
101
+ content: '';
102
+ }
103
+
104
+ .ui-datepicker-next {
105
+ order: 1;
106
+ }
107
+
108
+ .ui-datepicker-next:before {
109
+ content: '';
110
+ }
111
+
112
+ .ui-datepicker-prev > *,
113
+ .ui-datepicker-next > * {
114
+ display: none !important;
115
+ }
116
+
117
+ .ui-datepicker thead th {
118
+ width: auto !important;
119
+ padding: 0 !important;
120
+ color: #B3BEBF;
121
+ font-size: 14px;
122
+ font-weight: 400 !important;
123
+ }
124
+
125
+ .ui-datepicker table {
126
+ margin: 0 !important;
127
+ font-size: 14px;
128
+ }
129
+
130
+ .ui-datepicker td {
131
+ background: none;
132
+ padding: 0 !important;
133
+ }
134
+
135
+ .ui-datepicker td span,
136
+ .ui-datepicker td a {
137
+ border-radius: 8px;
138
+ border: none;
139
+ min-width: 32px;
140
+ height: 32px;
141
+ padding: 0;
142
+ margin: 1px;
143
+ color: var(--color-text) !important;
144
+ line-height: 32px;
145
+ text-align: center;
146
+ position: relative;
147
+ display: block;
148
+ }
149
+
150
+ /* обычные даты */
151
+ .ui-datepicker td a {
152
+ background: var(--datepicker-day-color);
153
+ }
154
+
155
+ .ui-datepicker td a:hover {
156
+ background: var(--datepicker-day-color-hover);
157
+ }
158
+
159
+ /* текущий день */
160
+ td.ui-datepicker-today span,
161
+ td.ui-datepicker-today a {
162
+ background: none;
163
+ position: relative;
164
+ }
165
+
166
+ /* выбранные даты */
167
+ .ui-datepicker td.selected a {
168
+ background: var(--datepicker-range-color);
169
+ padding-right: 0;
170
+ padding-left: 1px;
171
+ margin-right: 1px;
172
+ margin-left: 0;
173
+ }
174
+
175
+ .ui-datepicker td.selected a:hover {
176
+ background: var(--datepicker-range-color-hover);
177
+ }
178
+
179
+ .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {
180
+ border-top-left-radius: 0;
181
+ border-bottom-left-radius: 0;
182
+ padding-left: 1px;
183
+ margin-left: 0;
184
+ }
185
+
186
+ .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {
187
+ border-top-right-radius: 0;
188
+ border-bottom-right-radius: 0;
189
+ padding-right: 1px;
190
+ margin-right: 0;
191
+ }
192
+
193
+ .ui-datepicker td.selected-start a,
194
+ .ui-datepicker td.selected-end a,
195
+ .ui-datepicker td.ui-datepicker-current-day a {
196
+ background: var(--datepicker-selected-color);
197
+ color: #FFF !important;
198
+ }
199
+
200
+ .ui-datepicker td.selected-start a:hover,
201
+ .ui-datepicker td.selected-end a:hover,
202
+ .ui-datepicker td.ui-datepicker-current-day a:hover {
203
+ background: var(--datepicker-selected-color-hover);
204
+ }
205
+
206
+ .ui-datepicker-day-marks {
207
+ line-height: normal;
208
+ position: absolute;
209
+ right: 0;
210
+ bottom: 3px;
211
+ left: 0;
212
+ display: flex;
213
+ align-items: center;
214
+ justify-content: center;
215
+ }
216
+
217
+ .ui-datepicker-day-marks > i {
218
+ border-radius: 50%;
219
+ border: 1px solid #FFF;
220
+ width: 4px;
221
+ height: 4px;
222
+ margin: 0 2px;
223
+ }
224
+
225
+ .ui-datepicker-day-marks-exists {
226
+ background: var(--color-blue-500);
227
+ }
228
+
229
+ .ui-datepicker-day-marks-update {
230
+ background: var(--color-red-500);
231
+ }
232
+
233
+ .ui-datepicker-row-break {
234
+ display: none;
235
+ }`;
236
+ k.appendStyle(b);
237
+ const o = window, x = (e) => {
238
+ var t, n;
239
+ if (!((n = (t = o == null ? void 0 : o.jQuery) == null ? void 0 : t.ui) != null && n.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(e);
244
+ };
245
+ function y(e, t) {
246
+ var n;
247
+ return (n = x(e)) == null ? void 0 : n.datepicker(t);
248
+ }
249
+ let d, l, p, u;
250
+ g(m(k.state.dateFormat), () => {
251
+ var e;
252
+ d = h("2000-01-01"), l = ((e = d.match(/\D/)) == null ? void 0 : e[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
253
+ for (let t = 0; t < d.length; t++)
254
+ d[t] === l && u.push(t);
255
+ }, { immediate: !0 });
256
+ function F(e) {
257
+ let t = e.target.selectionEnd, n = e.target.value, r = n.substring(0, t).replace(/\D+/g, ""), i = n.substring(t).replace(/\D+/g, ""), c = r.length + i.length - p;
258
+ if (c > 0) {
259
+ r = r.substring(0, p);
260
+ const a = p - r.length;
261
+ i = i.substring(i.length - a);
262
+ } else
263
+ c < 0 && (e.inputType === "deleteContentForward" ? r += "0".repeat(-c) : i = "0".repeat(-c) + i);
264
+ t = r.length, n = r + i;
265
+ for (let a = 0; a < u.length; a++) {
266
+ const s = u[a];
267
+ n = n.substring(0, s) + l + n.substring(s), t >= s && t++;
268
+ }
269
+ e.inputType === "deleteContentBackward" && n[t - 1] === l && t--, n !== e.target.value && (e.target.value = n, e.target.selectionStart = t, e.target.selectionEnd = t);
270
+ }
271
+ export {
272
+ y as connectDatepicker,
273
+ F as oninput
274
+ };
275
+ //# sourceMappingURL=datepicker-8geHBNBn.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-8geHBNBn.es.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\n.ui-datepicker {\\n\\t--datepicker-day-color: #FFF;\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\n\\t--datepicker-selected-color: var(--color-blue-500);\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\n\\t--datepicker-range-color: var(--color-blue-100);\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\n\\n\\tuser-select: none;\\n\\twidth: auto;\\n\\tpadding: 0;\\n}\\n\\n.ui-datepicker:before,\\n.ui-datepicker:after {\\n\\tdisplay: none;\\n}\\n\\n/* на странице */\\n.ui-datepicker-inline {\\n\\tdisplay: inline-block !important;\\n}\\n\\n/* в popup */\\n.ui-datepicker:not(.ui-datepicker-inline) {\\n\\tborder-radius: 8px;\\n\\tbackground: var(--content-background-color);\\n\\tbox-shadow: var(--top-shadow);\\n\\tz-index: 10000000 !important;\\n\\tpadding: 8px;\\n}\\n\\n.ui-datepicker a {\\n\\ttext-decoration: none !important;\\n}\\n\\n.ui-datepicker option {\\n\\tcolor: var(--color-text);\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker-header {\\n\\tpadding: 0 !important;\\n\\tmargin: 0 0 18px 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n}\\n\\n.ui-datepicker-header > * {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-title {\\n\\twidth: 100% !important;\\n\\theight: 24px;\\n\\tmargin: 0 !important;\\n}\\n\\n.ui-datepicker-month,\\n.ui-datepicker-year {\\n\\toutline: none !important;\\n\\twidth: auto !important;\\n\\tborder: none;\\n\\tpadding: 0;\\n\\tmargin: 0 6px !important;\\n\\ttext-align: center;\\n\\tfont-size: 16px !important;\\n}\\n\\n.ui-datepicker-month {\\n\\tcolor: var(--color-text);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-gray-300);\\n}\\n\\n/*\\tselect.ui-datepicker-month,\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\nselect.ui-datepicker-month,\\nselect.ui-datepicker-year {\\n\\tcursor: pointer;\\n}\\n\\n.ui-datepicker-prev,\\n.ui-datepicker-next {\\n\\tcursor: pointer;\\n\\twidth: 24px !important;\\n\\theight: 24px !important;\\n\\tfont-size: 24px;\\n\\tfont-family: 'Topvisor-2';\\n\\tposition: static !important;\\n}\\n\\n.ui-datepicker-prev:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev > *,\\n.ui-datepicker-next > * {\\n\\tdisplay: none !important;\\n}\\n\\n.ui-datepicker thead th {\\n\\twidth: auto !important;\\n\\tpadding: 0 !important;\\n\\tcolor: #B3BEBF;\\n\\tfont-size: 14px;\\n\\tfont-weight: 400 !important;\\n}\\n\\n.ui-datepicker table {\\n\\tmargin: 0 !important;\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker td {\\n\\tbackground: none;\\n\\tpadding: 0 !important;\\n}\\n\\n.ui-datepicker td span,\\n.ui-datepicker td a {\\n\\tborder-radius: 8px;\\n\\tborder: none;\\n\\tmin-width: 32px;\\n\\theight: 32px;\\n\\tpadding: 0;\\n\\tmargin: 1px;\\n\\tcolor: var(--color-text) !important;\\n\\tline-height: 32px;\\n\\ttext-align: center;\\n\\tposition: relative;\\n\\tdisplay: block;\\n}\\n\\n/* обычные даты */\\n.ui-datepicker td a {\\n\\tbackground: var(--datepicker-day-color);\\n}\\n\\n.ui-datepicker td a:hover {\\n\\tbackground: var(--datepicker-day-color-hover);\\n}\\n\\n/* текущий день */\\ntd.ui-datepicker-today span,\\ntd.ui-datepicker-today a {\\n\\tbackground: none;\\n\\tposition: relative;\\n}\\n\\n/* выбранные даты */\\n.ui-datepicker td.selected a {\\n\\tbackground: var(--datepicker-range-color);\\n\\tpadding-right: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-right: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected a:hover {\\n\\tbackground: var(--datepicker-range-color-hover);\\n}\\n\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\n\\tborder-top-left-radius: 0;\\n\\tborder-bottom-left-radius: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\n\\tborder-top-right-radius: 0;\\n\\tborder-bottom-right-radius: 0;\\n\\tpadding-right: 1px;\\n\\tmargin-right: 0;\\n}\\n\\n.ui-datepicker td.selected-start a,\\n.ui-datepicker td.selected-end a,\\n.ui-datepicker td.ui-datepicker-current-day a {\\n\\tbackground: var(--datepicker-selected-color);\\n\\tcolor: #FFF !important;\\n}\\n\\n.ui-datepicker td.selected-start a:hover,\\n.ui-datepicker td.selected-end a:hover,\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\n\\tbackground: var(--datepicker-selected-color-hover);\\n}\\n\\n.ui-datepicker-day-marks {\\n\\tline-height: normal;\\n\\tposition: absolute;\\n\\tright: 0;\\n\\tbottom: 3px;\\n\\tleft: 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-day-marks > i {\\n\\tborder-radius: 50%;\\n\\tborder: 1px solid #FFF;\\n\\twidth: 4px;\\n\\theight: 4px;\\n\\tmargin: 0 2px;\\n}\\n\\n.ui-datepicker-day-marks-exists {\\n\\tbackground: var(--color-blue-500);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-red-500);\\n}\\n\\n.ui-datepicker-row-break {\\n\\tdisplay: none;\\n}\"","import { toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { dateFormat } from '@/core/utils/date';\n\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\n\nCore.appendStyle(css);\n\nconst _window: any = window;\n\nconst $ = (el: HTMLInputElement) => {\n\tif (!_window?.jQuery?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\treturn _window.jQuery(el);\n};\n\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\n\treturn $(el)?.datepicker(options);\n}\n\nlet dateFormatted;\nlet delimiter: string;\nlet dateNumbersCount: number;\nlet delimitersIndexes: number[];\n\nwatch(toRef(Core.state.dateFormat), () => {\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\n\tdateFormatted = dateFormat('2000-01-01');\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\n\tdelimitersIndexes = [];\n\n\tfor (let i = 0; i < dateFormatted.length; i++) {\n\t\tif (dateFormatted[i] === delimiter) {\n\t\t\tdelimitersIndexes.push(i);\n\t\t}\n\t}\n}, { immediate: true });\n\n/**\n * Автоформат при вводе в поле с датой\n */\nexport function oninput(e: any) {\n\tlet selectionPos = e.target.selectionEnd;\n\tlet value = e.target.value;\n\n\t// разбить занчение на две половины - до и после каретки\n\t// удалить все символы, кроме цифр\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\n\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\n\tif (extraNumbersCount > 0) {\n\t\t// // количество цифр больше требуемого - удалить лишние\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\n\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\n\t} else if (extraNumbersCount < 0) {\n\t\t// количество цифр меньше требуемого - добавить 0\n\t\tif (e.inputType === 'deleteContentForward') {\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\n\t\t} else {\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\n\t\t}\n\t}\n\n\tselectionPos = valueChunkLeft.length;\n\tvalue = valueChunkLeft + valueChunkRight;\n\n\t// вставить разделители\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\n\t\tconst delimiterIndex = delimitersIndexes[i];\n\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\n\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\n\t\tif (selectionPos >= delimiterIndex) {\n\t\t\tselectionPos++;\n\t\t}\n\t}\n\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\n\t\tselectionPos--;\n\t}\n\n\t// если значение изменилось - вставить его и переместить каретку\n\tif (value !== e.target.value) {\n\t\te.target.value = value;\n\t\te.target.selectionStart = selectionPos;\n\t\te.target.selectionEnd = selectionPos;\n\t}\n}"],"names":["css","Core","_window","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","dateFormat","i","oninput","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;;AAEzC,EAAAQ,IAAgBM,EAAW,YAAY,GACvCL,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,EAAQ,GAAQ;AAC3B,MAAAC,IAAe,EAAE,OAAO,cACxBC,IAAQ,EAAE,OAAO,OAIjBC,IAAiBD,EAAM,UAAU,GAAGD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GACpEG,IAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GAElEI,IAAoBF,EAAe,SAASC,EAAgB,SAASV;AACzE,MAAIW,IAAoB,GAAG;AAET,IAAAF,IAAAA,EAAe,UAAU,GAAGT,CAAgB;AAEvD,UAAAY,IAA2BZ,IAAmBS,EAAe;AACnE,IAAAC,IAAkBA,EAAgB,UAAUA,EAAgB,SAASE,CAAwB;AAAA,EAAA;AAC9F,IAAWD,IAAoB,MAE1B,EAAE,cAAc,yBAEDF,KAAA,IAAI,OAAO,CAACE,CAAiB,IAE/CD,IAAkB,IAAI,OAAO,CAACC,CAAiB,IAAID;AAIrD,EAAAH,IAAeE,EAAe,QAC9BD,IAAQC,IAAiBC;AAGzB,WAASL,IAAI,GAAGA,IAAIJ,EAAkB,QAAQI,KAAK;AAC5C,UAAAQ,IAAiBZ,EAAkBI,CAAC;AAElC,IAAAG,IAAAA,EAAM,UAAU,GAAGK,CAAc,IAAId,IAAYS,EAAM,UAAUK,CAAc,GAGnFN,KAAgBM,KACnBN;AAAA,EAEF;AAGA,EAAI,EAAE,cAAc,2BAA2BC,EAAMD,IAAe,CAAC,MAAMR,KAC1EQ,KAIGC,MAAU,EAAE,OAAO,UACtB,EAAE,OAAO,QAAQA,GACjB,EAAE,OAAO,iBAAiBD,GAC1B,EAAE,OAAO,eAAeA;AAE1B;"}
@@ -1,5 +1,5 @@
1
1
  import { insertToPage as J } from "../utils/css.js";
2
- import { reactive as W, defineComponent as g, useCssVars as Q, computed as f, openBlock as p, createElementBlock as c, createElementVNode as w, createCommentVNode as v, createBlock as M, resolveDynamicComponent as x, normalizeClass as h, withCtx as B, renderSlot as _, createTextVNode as ee, toDisplayString as k, withDirectives as S, vModelCheckbox as X, mergeProps as T, withKeys as te, withModifiers as N, vModelText as q, onUnmounted as oe, ref as ae, unref as V, vModelRadio as se, resolveDirective as ne, watch as ie, toRef as le, Fragment as F, renderList as O, vModelSelect as re } from "vue";
2
+ import { reactive as W, defineComponent as g, useCssVars as Q, computed as f, openBlock as p, createElementBlock as c, createElementVNode as w, createCommentVNode as v, createBlock as M, resolveDynamicComponent as x, normalizeClass as h, withCtx as B, renderSlot as _, createTextVNode as ee, toDisplayString as k, withDirectives as S, vModelCheckbox as q, mergeProps as T, withKeys as te, withModifiers as N, vModelText as X, onUnmounted as oe, ref as ae, unref as V, vModelRadio as se, resolveDirective as ne, watch as ie, toRef as le, Fragment as F, renderList as O, vModelSelect as re } from "vue";
3
3
  const Z = ["../assets/forms.css"].map((a) => import.meta.resolve(a));
4
4
  await J(Z);
5
5
  function de() {
@@ -259,7 +259,7 @@ const ke = { class: "top-avatar" }, Me = ["src", "title"], Se = ["title"], Ve =
259
259
  },
260
260
  setup(a) {
261
261
  Q((o) => ({
262
- ed0c8a30: o.size + "px"
262
+ "566609b7": o.size + "px"
263
263
  }));
264
264
  const t = a, s = {
265
265
  user: {
@@ -350,7 +350,7 @@ ${n.value}` : ""),
350
350
  _: 3
351
351
  }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
352
352
  }
353
- }), Te = "_progress_1f1nw_1", Re = {
353
+ }), Te = "_progress_1hqxk_1", Re = {
354
354
  "top-button": "top-button",
355
355
  "top-active": "top-active",
356
356
  "top-button-progress": "top-button-progress",
@@ -442,7 +442,7 @@ ${n.value}` : ""),
442
442
  indeterminate: e.indeterminate,
443
443
  disabled: e.disabled
444
444
  }, null, 10, We), [
445
- [X, o.value]
445
+ [q, o.value]
446
446
  ]),
447
447
  e.$slots.default ? (p(), M(P, {
448
448
  key: 0,
@@ -478,10 +478,10 @@ ${n.value}` : ""),
478
478
  "top-hint": "top-hint"
479
479
  }, Ye = {
480
480
  $style: je
481
- }, Ge = /* @__PURE__ */ y(Ue, [["__cssModules", Ye]]), Ke = ["data-top-icon", "data-top-icon2"], Qe = ["name", "title", "placeholder", "disabled", "readonly"], Xe = {
481
+ }, Ge = /* @__PURE__ */ y(Ue, [["__cssModules", Ye]]), Ke = ["data-top-icon", "data-top-icon2"], Qe = ["name", "title", "placeholder", "disabled", "readonly"], qe = {
482
482
  key: 1,
483
483
  class: "top-formsCaption"
484
- }, qe = /* @__PURE__ */ g({
484
+ }, Xe = /* @__PURE__ */ g({
485
485
  inheritAttrs: !1,
486
486
  __name: "input",
487
487
  props: {
@@ -540,7 +540,7 @@ ${n.value}` : ""),
540
540
  readonly: l.readonly,
541
541
  onKeydown: i[1] || (i[1] = te(N(() => (l.addCleaner || !!l.$slots.btn) && r(), ["stop"]), ["esc"]))
542
542
  }, l.$attrs), null, 16, Qe), [
543
- [q, o.value]
543
+ [X, o.value]
544
544
  ]),
545
545
  l.addCleaner && o.value && o.value !== "0000-00-00" ? (p(), c("span", {
546
546
  key: 0,
@@ -548,7 +548,7 @@ ${n.value}` : ""),
548
548
  "data-top-icon": "",
549
549
  onClick: N(r, ["prevent"])
550
550
  })) : v("", !0),
551
- l.captionType !== "" ? (p(), c("span", Xe, k(l.title), 1)) : v("", !0),
551
+ l.captionType !== "" ? (p(), c("span", qe, k(l.title), 1)) : v("", !0),
552
552
  _(l.$slots, "default")
553
553
  ], 10, Ke));
554
554
  }
@@ -559,7 +559,7 @@ ${n.value}` : ""),
559
559
  "top-input_cleaner": "top-input_cleaner"
560
560
  }, Ze = {
561
561
  $style: Je
562
- }, j = /* @__PURE__ */ y(qe, [["__cssModules", Ze]]), xe = ["modelValue"], et = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
562
+ }, j = /* @__PURE__ */ y(Xe, [["__cssModules", Ze]]), xe = ["modelValue"], et = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
563
563
  let Y = (a) => {
564
564
  };
565
565
  const tt = /* @__PURE__ */ g({
@@ -605,7 +605,7 @@ const tt = /* @__PURE__ */ g({
605
605
  r.value = u.target.value;
606
606
  };
607
607
  async function b(u) {
608
- const m = await import("./datepicker-a62ae260.es.js");
608
+ const m = await import("./datepicker-8geHBNBn.es.js");
609
609
  Y = m.oninput, e = m.connectDatepicker(u.target, {
610
610
  onSelect: () => i(u)
611
611
  }), e && e.datepicker("show");
@@ -759,7 +759,7 @@ const tt = /* @__PURE__ */ g({
759
759
  value: e.value,
760
760
  disabled: e.disabled
761
761
  }, null, 10, mt), [
762
- [X, o.value]
762
+ [q, o.value]
763
763
  ]),
764
764
  e.$slots.default ? (p(), M(P, {
765
765
  key: 0,
@@ -800,7 +800,7 @@ const tt = /* @__PURE__ */ g({
800
800
  emits: ["update:modelValue"],
801
801
  setup(a, { emit: t }) {
802
802
  Q((e) => ({
803
- c838a038: e.minHeight + "px"
803
+ c35baa86: e.minHeight + "px"
804
804
  }));
805
805
  const s = a, n = t, o = f({
806
806
  get() {
@@ -836,7 +836,7 @@ const tt = /* @__PURE__ */ g({
836
836
  }, e.$attrs, {
837
837
  "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i)
838
838
  }), null, 16, vt), [
839
- [q, o.value]
839
+ [X, o.value]
840
840
  ]),
841
841
  e.expandable ? (p(), c("div", gt, k(o.value + " "), 1)) : v("", !0),
842
842
  e.hint ? S((p(), M(Ge, {
@@ -998,4 +998,4 @@ export {
998
998
  Ht as r,
999
999
  Ct as s
1000
1000
  };
1001
- //# sourceMappingURL=forms-260b848a.es.js.map
1001
+ //# sourceMappingURL=forms-dneLtREE.es.js.map