@topvisor/ui 0.9.33-dev → 0.9.34-utils-components-1

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 (221) hide show
  1. package/.chunks/datepicker-BGhDjLcn.es.js +289 -0
  2. package/.chunks/datepicker-BGhDjLcn.es.js.map +1 -0
  3. package/.chunks/datepicker-DM6aPyRB.amd.js +247 -0
  4. package/.chunks/datepicker-DM6aPyRB.amd.js.map +1 -0
  5. package/.chunks/forms-CRAV8PiZ.es.js +1186 -0
  6. package/.chunks/forms-CRAV8PiZ.es.js.map +1 -0
  7. package/.chunks/forms-Cksc7Rb7.amd.js +3 -0
  8. package/.chunks/forms-Cksc7Rb7.amd.js.map +1 -0
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js → listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js} +9 -9
  10. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js.map +1 -0
  11. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js +2 -0
  12. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js.map +1 -0
  13. package/.chunks/{menu-CHczkYl6.es.js → menu-BWjYRHkQ.es.js} +8 -8
  14. package/.chunks/menu-BWjYRHkQ.es.js.map +1 -0
  15. package/.chunks/{menu-buQxcAhv.amd.js → menu-BX8GV8-v.amd.js} +2 -2
  16. package/.chunks/menu-BX8GV8-v.amd.js.map +1 -0
  17. package/.chunks/popup-3fVBIqu0.amd.js +440 -0
  18. package/.chunks/popup-3fVBIqu0.amd.js.map +1 -0
  19. package/.chunks/{popup-CJLGyBwQ.es.js → popup-BWTP6yaC.es.js} +486 -486
  20. package/.chunks/popup-BWTP6yaC.es.js.map +1 -0
  21. package/.chunks/punycode.es6-C2yitnNb.amd.js +2 -0
  22. package/.chunks/punycode.es6-C2yitnNb.amd.js.map +1 -0
  23. package/.chunks/punycode.es6-CNI-zL6U.es.js +134 -0
  24. package/.chunks/punycode.es6-CNI-zL6U.es.js.map +1 -0
  25. package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
  26. package/.chunks/store-PoMCiuBr.es.js.map +1 -1
  27. package/README.md +86 -86
  28. package/assets/core.css +1 -1
  29. package/assets/forms.css +1 -1
  30. package/assets/formsExt.css +1 -1
  31. package/core/core.amd.js +1 -1
  32. package/core/core.js +1 -1
  33. package/core/directives/focus.amd.js +2 -0
  34. package/core/directives/focus.amd.js.map +1 -0
  35. package/core/directives/focus.d.ts +3 -0
  36. package/core/directives/focus.js +5 -0
  37. package/core/directives/focus.js.map +1 -0
  38. package/core/directives/sticky.amd.js +2 -0
  39. package/core/directives/sticky.amd.js.map +1 -0
  40. package/core/directives/sticky.d.ts +3 -0
  41. package/core/directives/sticky.js +5 -0
  42. package/core/directives/sticky.js.map +1 -0
  43. package/core/directives/swimUp.amd.js +2 -0
  44. package/core/directives/swimUp.amd.js.map +1 -0
  45. package/core/directives/swimUp.d.ts +3 -0
  46. package/core/directives/swimUp.js +5 -0
  47. package/core/directives/swimUp.js.map +1 -0
  48. package/core/directives/tooltip.amd.js +2 -0
  49. package/core/directives/tooltip.amd.js.map +1 -0
  50. package/core/directives/tooltip.d.ts +3 -0
  51. package/core/directives/tooltip.js +5 -0
  52. package/core/directives/tooltip.js.map +1 -0
  53. package/core/plugin/plugin.amd.js +2 -0
  54. package/core/plugin/plugin.amd.js.map +1 -0
  55. package/core/plugin/plugin.d.ts +3 -0
  56. package/core/plugin/plugin.js +23 -0
  57. package/core/plugin/plugin.js.map +1 -0
  58. package/forms/forms.amd.js +1 -1
  59. package/forms/forms.js +14 -15
  60. package/forms/forms.js.map +1 -1
  61. package/forms/helpers.amd.js.map +1 -1
  62. package/forms/helpers.js.map +1 -1
  63. package/formsExt/formsExt.amd.js +1 -1
  64. package/formsExt/formsExt.amd.js.map +1 -1
  65. package/formsExt/formsExt.js +121 -362
  66. package/formsExt/formsExt.js.map +1 -1
  67. package/icomoon/Read Me.txt +7 -7
  68. package/icomoon/demo-files/demo.css +161 -161
  69. package/icomoon/demo-files/demo.js +30 -30
  70. package/icomoon/demo.html +3379 -3379
  71. package/icomoon/fonts/Topvisor-2.svg +263 -263
  72. package/icomoon/style.css +740 -740
  73. package/package.json +33 -24
  74. package/popup/popup.amd.js +1 -1
  75. package/popup/popup.amd.js.map +1 -1
  76. package/popup/popup.js +47 -6
  77. package/popup/popup.js.map +1 -1
  78. package/popup/worker.amd.js +1 -1
  79. package/popup/worker.amd.js.map +1 -1
  80. package/popup/worker.js +3 -3
  81. package/popup/worker.js.map +1 -1
  82. package/project/project.amd.js +1 -1
  83. package/project/project.amd.js.map +1 -1
  84. package/project/project.js +15 -15
  85. package/project/project.js.map +1 -1
  86. package/require/css.amd.js +11 -11
  87. package/src/components/forms/button/button.stories.d.ts +3 -3
  88. package/src/components/forms/button/button.vue.d.ts +7 -5
  89. package/src/components/forms/checkbox/checkbox.stories.d.ts +8 -7
  90. package/src/components/forms/checkbox/checkbox.vue.d.ts +10 -6
  91. package/src/components/forms/controlLabel/controlLabel.stories.d.ts +3 -3
  92. package/src/components/forms/controlLabel/controlLabel.vue.d.ts +4 -2
  93. package/src/components/forms/forms.d.ts +30 -18
  94. package/src/components/forms/hint/hint.stories.d.ts +13 -77
  95. package/src/components/forms/input/input.stories.d.ts +3 -3
  96. package/src/components/forms/input/input.vue.d.ts +6 -4
  97. package/src/components/forms/inputDate/datepicker.d.ts +0 -2
  98. package/src/components/forms/inputRange/inputRange.stories.d.ts +17 -49
  99. package/src/components/forms/inputRange/inputRange.vue.d.ts +4 -2
  100. package/src/components/forms/radio/radio.stories.d.ts +3 -3
  101. package/src/components/forms/radio/radio.vue.d.ts +6 -4
  102. package/src/components/forms/select/select.stories.d.ts +2 -2
  103. package/src/components/forms/select/select.vue.d.ts +4 -3
  104. package/src/components/forms/switcher/switcher.stories.d.ts +3 -3
  105. package/src/components/forms/switcher/switcher.vue.d.ts +6 -4
  106. package/src/components/formsExt/editInput/editInput.stories.d.ts +3 -3
  107. package/src/components/formsExt/editInput/editInput.vue.d.ts +6 -4
  108. package/src/components/formsExt/formsExt.d.ts +10 -5
  109. package/src/components/formsExt/menu/menu.stories.d.ts +1 -1
  110. package/src/components/formsExt/menu/menu.vue.d.ts +2 -2
  111. package/src/components/formsExt/selector2/api.d.ts +1 -1
  112. package/src/components/formsExt/selector2/selector2.stories.d.ts +36 -35
  113. package/src/components/popup/popup/listItem.vue.d.ts +7 -5
  114. package/src/components/popup/popup/opener.vue.d.ts +6 -4
  115. package/src/components/popup/popup/popup.stories.d.ts +22 -86
  116. package/src/components/popup/popup/popup.vue.d.ts +11 -9
  117. package/src/components/popup/popup.d.ts +10 -4
  118. package/src/components/popup/worker.d.ts +4 -1
  119. package/src/components/project/project.d.ts +4 -1
  120. package/src/components/project/selectorCompetitors/composables.d.ts +1 -0
  121. package/src/components/project/selectorCompetitors/selectorCompetitors.stories.d.ts +2 -2
  122. package/src/components/project/selectorCompetitors/selectorCompetitors.vue.d.ts +4 -3
  123. package/src/components/tabs/tabs/content.vue.d.ts +4 -2
  124. package/src/components/tabs/tabs/tab.vue.d.ts +4 -2
  125. package/src/components/tabs/tabs/tabs.stories.d.ts +28 -92
  126. package/src/components/tabs/tabs/tabs.vue.d.ts +4 -2
  127. package/src/components/tabs/tabs.d.ts +8 -3
  128. package/src/components/tabsView/tabsView/menu.vue.d.ts +6 -4
  129. package/src/components/tabsView/tabsView/menuItem.vue.d.ts +6 -4
  130. package/src/components/tabsView/tabsView/menuTitle.vue.d.ts +4 -2
  131. package/src/components/tabsView/tabsView/store.d.ts +14 -14
  132. package/src/components/tabsView/tabsView/tabsView.stories.d.ts +12 -12
  133. package/src/components/tabsView/tabsView/tabsView.vue.d.ts +6 -4
  134. package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuItem.stories.d.ts +9 -9
  135. package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuTitle.stories.d.ts +9 -9
  136. package/src/components/tabsView/tabsView.d.ts +8 -3
  137. package/src/core/core/core.d.ts +1 -1
  138. package/src/core/directives/focus.d.ts +9 -0
  139. package/src/core/directives/sticky.d.ts +11 -0
  140. package/src/core/directives/swimUp.d.ts +10 -0
  141. package/src/core/directives/tooltip.d.ts +11 -0
  142. package/src/core/plugin/plugin.d.ts +48 -0
  143. package/src/core/utils/device.d.ts +0 -3
  144. package/src/core/utils/number.d.ts +1 -1
  145. package/src/core/utils/price.d.ts +1 -1
  146. package/src/core/utils/store/localStorage.d.ts +1 -1
  147. package/src/core/utils/store/store.d.ts +2 -2
  148. package/src/core/utils/string.d.ts +1 -1
  149. package/tabs/tabs.amd.js +1 -1
  150. package/tabs/tabs.amd.js.map +1 -1
  151. package/tabs/tabs.js +23 -23
  152. package/tabs/tabs.js.map +1 -1
  153. package/tabsView/tabsView.amd.js +1 -1
  154. package/tabsView/tabsView.amd.js.map +1 -1
  155. package/tabsView/tabsView.js +72 -73
  156. package/tabsView/tabsView.js.map +1 -1
  157. package/utils/check.amd.js +1 -1
  158. package/utils/check.amd.js.map +1 -1
  159. package/utils/check.js +22 -5
  160. package/utils/check.js.map +1 -1
  161. package/utils/css.amd.js.map +1 -1
  162. package/utils/css.js.map +1 -1
  163. package/utils/date.amd.js +1 -1
  164. package/utils/date.js +4 -4
  165. package/utils/device.amd.js +1 -1
  166. package/utils/device.js +6 -6
  167. package/utils/dom.amd.js.map +1 -1
  168. package/utils/dom.js.map +1 -1
  169. package/utils/image.amd.js +1 -1
  170. package/utils/image.amd.js.map +1 -1
  171. package/utils/image.js +1 -1
  172. package/utils/image.js.map +1 -1
  173. package/utils/keyboard.amd.js.map +1 -1
  174. package/utils/keyboard.js.map +1 -1
  175. package/utils/number.amd.js.map +1 -1
  176. package/utils/number.js.map +1 -1
  177. package/utils/price.amd.js.map +1 -1
  178. package/utils/price.js.map +1 -1
  179. package/utils/route.amd.js.map +1 -1
  180. package/utils/route.js.map +1 -1
  181. package/utils/scroll.amd.js +1 -1
  182. package/utils/scroll.amd.js.map +1 -1
  183. package/utils/scroll.js +1 -1
  184. package/utils/scroll.js.map +1 -1
  185. package/utils/string.amd.js +1 -1
  186. package/utils/string.amd.js.map +1 -1
  187. package/utils/string.js +134 -16
  188. package/utils/string.js.map +1 -1
  189. package/utils/system.amd.js.map +1 -1
  190. package/utils/system.js.map +1 -1
  191. package/utils/url.amd.js +2 -1
  192. package/utils/url.amd.js.map +1 -1
  193. package/utils/url.js +44 -7
  194. package/utils/url.js.map +1 -1
  195. package/utils/window.amd.js +1 -1
  196. package/utils/window.js +1 -1
  197. package/web-types.json +62 -0
  198. package/.chunks/datepicker-B2sjxM3R.amd.js +0 -247
  199. package/.chunks/datepicker-B2sjxM3R.amd.js.map +0 -1
  200. package/.chunks/datepicker-V4rjmE4P.es.js +0 -289
  201. package/.chunks/datepicker-V4rjmE4P.es.js.map +0 -1
  202. package/.chunks/forms-Dixfp052.amd.js +0 -4
  203. package/.chunks/forms-Dixfp052.amd.js.map +0 -1
  204. package/.chunks/forms-o7UeMJFf.es.js +0 -1507
  205. package/.chunks/forms-o7UeMJFf.es.js.map +0 -1
  206. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js.map +0 -1
  207. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js +0 -2
  208. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd.js.map +0 -1
  209. package/.chunks/menu-CHczkYl6.es.js.map +0 -1
  210. package/.chunks/menu-buQxcAhv.amd.js.map +0 -1
  211. package/.chunks/popup-BMNS1F2G.amd.js +0 -440
  212. package/.chunks/popup-BMNS1F2G.amd.js.map +0 -1
  213. package/.chunks/popup-CJLGyBwQ.es.js.map +0 -1
  214. package/.chunks/widgetInput-ASxjfQpi.amd.js +0 -2
  215. package/.chunks/widgetInput-ASxjfQpi.amd.js.map +0 -1
  216. package/.chunks/widgetInput-p8fSQGk9.es.js +0 -46
  217. package/.chunks/widgetInput-p8fSQGk9.es.js.map +0 -1
  218. package/src/components/formsExt/selector2/itemMulti.vue.d.ts +0 -18
  219. package/src/components/formsExt/selector2/selector2.vue.d.ts +0 -130
  220. package/src/core/core/plugin.d.ts +0 -38
  221. /package/assets/{widgetInput.css → popup.css} +0 -0
@@ -1,247 +0,0 @@
1
- define(["require","exports","vue","./forms-Dixfp052.amd"],function(b,k,c,r){"use strict";if(typeof c>"u")var c=window.Vue;r.Core.appendStyle(`/* ui-datepicker */
2
- .ui-datepicker {
3
- --datepicker-day-color: var(--color-bg-3);
4
- --datepicker-day-color-hover: var(--color-layer-secondary-1);
5
- --datepicker-selected-color: var(--color-bg-primary-2);
6
- --datepicker-selected-color-hover: var(--color-bg-primary-1);
7
- --datepicker-range-color: var(--color-layer-primary-1);
8
- --datepicker-range-color-hover: var(--color-layer-primary-2);
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-1);
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-1);
75
- }
76
-
77
- .ui-datepicker-year {
78
- color: var(--color-text-2);
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
- color: var(--color-icon-3);
100
- content: '';
101
- }
102
-
103
- .ui-datepicker-prev-hover:before {
104
- color: var(--color-icon-1);
105
- content: '';
106
- }
107
-
108
- .ui-datepicker-next {
109
- color: var(--color-icon-3);
110
- order: 1;
111
- }
112
-
113
- .ui-datepicker-next-hover {
114
- color: var(--color-icon-1);
115
- order: 1;
116
- }
117
-
118
- .ui-datepicker-next:before {
119
- content: '';
120
- }
121
-
122
- .ui-datepicker-prev > *,
123
- .ui-datepicker-next > * {
124
- display: none !important;
125
- }
126
-
127
- .ui-datepicker thead th {
128
- width: auto !important;
129
- padding: 0 !important;
130
- color: var(--color-text-3);
131
- font-size: 14px;
132
- font-weight: 400 !important;
133
- }
134
-
135
- .ui-datepicker table {
136
- margin: 0 !important;
137
- font-size: 14px;
138
- }
139
-
140
- .ui-datepicker td {
141
- color: var(--color-text-1);
142
- background: none;
143
- padding: 0 !important;
144
- }
145
-
146
- .ui-datepicker td span,
147
- .ui-datepicker td a {
148
- border-radius: 8px;
149
- border: none;
150
- min-width: 32px;
151
- height: 32px;
152
- padding: 0;
153
- margin: 1px;
154
- color: var(--color-text-1) !important;
155
- line-height: 32px;
156
- text-align: center;
157
- position: relative;
158
- display: block;
159
- }
160
-
161
- /* обычные даты */
162
- .ui-datepicker td a {
163
- background: var(--datepicker-day-color);
164
- }
165
-
166
- .ui-datepicker td a:hover {
167
- background: var(--datepicker-day-color-hover);
168
- }
169
-
170
- /* текущий день */
171
- td.ui-datepicker-today span,
172
- td.ui-datepicker-today a {
173
- background: none;
174
- position: relative;
175
- }
176
-
177
- /* выбранные даты */
178
- .ui-datepicker td.selected a {
179
- background: var(--datepicker-range-color);
180
- padding-right: 0;
181
- padding-left: 1px;
182
- margin-right: 1px;
183
- margin-left: 0;
184
- }
185
-
186
- .ui-datepicker td.selected a:hover {
187
- background: var(--datepicker-range-color-hover);
188
- }
189
-
190
- .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {
191
- border-top-left-radius: 0;
192
- border-bottom-left-radius: 0;
193
- padding-left: 1px;
194
- margin-left: 0;
195
- }
196
-
197
- .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {
198
- border-top-right-radius: 0;
199
- border-bottom-right-radius: 0;
200
- padding-right: 1px;
201
- margin-right: 0;
202
- }
203
-
204
- .ui-datepicker td.selected-start a,
205
- .ui-datepicker td.selected-end a,
206
- .ui-datepicker td.ui-datepicker-current-day a {
207
- background: var(--datepicker-selected-color);
208
- color: #FFF !important;
209
- }
210
-
211
- .ui-datepicker td.selected-start a:hover,
212
- .ui-datepicker td.selected-end a:hover,
213
- .ui-datepicker td.ui-datepicker-current-day a:hover {
214
- background: var(--datepicker-selected-color-hover);
215
- }
216
-
217
- .ui-datepicker-day-marks {
218
- line-height: normal;
219
- position: absolute;
220
- right: 0;
221
- bottom: 3px;
222
- left: 0;
223
- display: flex;
224
- align-items: center;
225
- justify-content: center;
226
- }
227
-
228
- .ui-datepicker-day-marks > i {
229
- border-radius: 50%;
230
- border: 1px solid #FFF;
231
- width: 4px;
232
- height: 4px;
233
- margin: 0 2px;
234
- }
235
-
236
- .ui-datepicker-day-marks-exists {
237
- background: var(--color-icon-primary-2);
238
- }
239
-
240
- .ui-datepicker-day-marks-update {
241
- background: var(--color-icon-negative-2);
242
- }
243
-
244
- .ui-datepicker-row-break {
245
- display: none;
246
- }`);const h=e=>{var t,n;if(!((n=(t=r.Core.$)==null?void 0:t.ui)!=null&&n.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return r.Core.$.datepicker.setDefaults({dateFormat:r.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd")}),r.Core.$(e)};function m(e,t){var n;return(n=h(e))==null?void 0:n.datepicker(t)}let o,p,l,u;c.watch(c.toRef(r.Core.state.dateFormat),()=>{var e;o=r.dateFormat("2000-01-01"),p=((e=o.match(/\D/))==null?void 0:e[0])??"-",l=o.replace(/\D+/g,"").length,u=[];for(let t=0;t<o.length;t++)o[t]===p&&u.push(t)},{immediate:!0});function v(e){let t=e.target.selectionEnd,n=e.target.value,i=n.substring(0,t).replace(/\D+/g,""),a=n.substring(t).replace(/\D+/g,""),s=i.length+a.length-l;if(s>0){i=i.substring(0,l);const d=l-i.length;a=a.substring(a.length-d)}else s<0&&(e.inputType==="deleteContentForward"?i+="0".repeat(-s):a="0".repeat(-s)+a);t=i.length,n=i+a;for(let d=0;d<u.length;d++){const g=u[d];n=n.substring(0,g)+p+n.substring(g),t>=g&&t++}e.inputType==="deleteContentBackward"&&n[t-1]===p&&t--,n!==e.target.value&&(e.target.value=n,e.target.selectionStart=t,e.target.selectionEnd=t)}k.connectDatepicker=m,k.oninput=v,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
247
- //# sourceMappingURL=datepicker-B2sjxM3R.amd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datepicker-B2sjxM3R.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 $ = (el: HTMLInputElement) => {\n\tif (!Core.$?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\tCore.$.datepicker.setDefaults({\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\n\t});\n\n\treturn Core.$(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: var(--color-bg-3);\\n\\t--datepicker-day-color-hover: var(--color-layer-secondary-1);\\n\\t--datepicker-selected-color: var(--color-bg-primary-2);\\n\\t--datepicker-selected-color-hover: var(--color-bg-primary-1);\\n\\t--datepicker-range-color: var(--color-layer-primary-1);\\n\\t--datepicker-range-color-hover: var(--color-layer-primary-2);\\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-1);\\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-1);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-text-2);\\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\\tcolor: var(--color-icon-3);\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev-hover:before {\\n\\tcolor: var(--color-icon-1);\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\tcolor: var(--color-icon-3);\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next-hover {\\n\\tcolor: var(--color-icon-1);\\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: var(--color-text-3);\\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\\tcolor: var(--color-text-1);\\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-1) !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-icon-primary-2);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-icon-negative-2);\\n}\\n\\n.ui-datepicker-row-break {\\n\\tdisplay: none;\\n}\""],"names":["Core","$","el","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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EDMAA,EAEA,MAAAC,EAAAC,GAAA,uEAEE,QAAA,KAAA,0EAAA,EAEA,OAGD,OAAAC,EAAA,KAAA,EAAA,WAAA,YAAA,CAA8B,WAAAA,EAAA,KAAA,MAAA,WAAA,YAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,CAC0E,CAAA,EAGxGA,EAAA,KAAA,EAAAD,CAAA,CACD,EAEgB,SAAAE,EAAAF,EAAAG,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"}
@@ -1,289 +0,0 @@
1
- import { watch as k, toRef as g } from "vue";
2
- import { C as a, d as m } from "./forms-o7UeMJFf.es.js";
3
- const h = `/* ui-datepicker */
4
- .ui-datepicker {
5
- --datepicker-day-color: var(--color-bg-3);
6
- --datepicker-day-color-hover: var(--color-layer-secondary-1);
7
- --datepicker-selected-color: var(--color-bg-primary-2);
8
- --datepicker-selected-color-hover: var(--color-bg-primary-1);
9
- --datepicker-range-color: var(--color-layer-primary-1);
10
- --datepicker-range-color-hover: var(--color-layer-primary-2);
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-1);
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-1);
77
- }
78
-
79
- .ui-datepicker-year {
80
- color: var(--color-text-2);
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
- color: var(--color-icon-3);
102
- content: '';
103
- }
104
-
105
- .ui-datepicker-prev-hover:before {
106
- color: var(--color-icon-1);
107
- content: '';
108
- }
109
-
110
- .ui-datepicker-next {
111
- color: var(--color-icon-3);
112
- order: 1;
113
- }
114
-
115
- .ui-datepicker-next-hover {
116
- color: var(--color-icon-1);
117
- order: 1;
118
- }
119
-
120
- .ui-datepicker-next:before {
121
- content: '';
122
- }
123
-
124
- .ui-datepicker-prev > *,
125
- .ui-datepicker-next > * {
126
- display: none !important;
127
- }
128
-
129
- .ui-datepicker thead th {
130
- width: auto !important;
131
- padding: 0 !important;
132
- color: var(--color-text-3);
133
- font-size: 14px;
134
- font-weight: 400 !important;
135
- }
136
-
137
- .ui-datepicker table {
138
- margin: 0 !important;
139
- font-size: 14px;
140
- }
141
-
142
- .ui-datepicker td {
143
- color: var(--color-text-1);
144
- background: none;
145
- padding: 0 !important;
146
- }
147
-
148
- .ui-datepicker td span,
149
- .ui-datepicker td a {
150
- border-radius: 8px;
151
- border: none;
152
- min-width: 32px;
153
- height: 32px;
154
- padding: 0;
155
- margin: 1px;
156
- color: var(--color-text-1) !important;
157
- line-height: 32px;
158
- text-align: center;
159
- position: relative;
160
- display: block;
161
- }
162
-
163
- /* обычные даты */
164
- .ui-datepicker td a {
165
- background: var(--datepicker-day-color);
166
- }
167
-
168
- .ui-datepicker td a:hover {
169
- background: var(--datepicker-day-color-hover);
170
- }
171
-
172
- /* текущий день */
173
- td.ui-datepicker-today span,
174
- td.ui-datepicker-today a {
175
- background: none;
176
- position: relative;
177
- }
178
-
179
- /* выбранные даты */
180
- .ui-datepicker td.selected a {
181
- background: var(--datepicker-range-color);
182
- padding-right: 0;
183
- padding-left: 1px;
184
- margin-right: 1px;
185
- margin-left: 0;
186
- }
187
-
188
- .ui-datepicker td.selected a:hover {
189
- background: var(--datepicker-range-color-hover);
190
- }
191
-
192
- .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {
193
- border-top-left-radius: 0;
194
- border-bottom-left-radius: 0;
195
- padding-left: 1px;
196
- margin-left: 0;
197
- }
198
-
199
- .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {
200
- border-top-right-radius: 0;
201
- border-bottom-right-radius: 0;
202
- padding-right: 1px;
203
- margin-right: 0;
204
- }
205
-
206
- .ui-datepicker td.selected-start a,
207
- .ui-datepicker td.selected-end a,
208
- .ui-datepicker td.ui-datepicker-current-day a {
209
- background: var(--datepicker-selected-color);
210
- color: #FFF !important;
211
- }
212
-
213
- .ui-datepicker td.selected-start a:hover,
214
- .ui-datepicker td.selected-end a:hover,
215
- .ui-datepicker td.ui-datepicker-current-day a:hover {
216
- background: var(--datepicker-selected-color-hover);
217
- }
218
-
219
- .ui-datepicker-day-marks {
220
- line-height: normal;
221
- position: absolute;
222
- right: 0;
223
- bottom: 3px;
224
- left: 0;
225
- display: flex;
226
- align-items: center;
227
- justify-content: center;
228
- }
229
-
230
- .ui-datepicker-day-marks > i {
231
- border-radius: 50%;
232
- border: 1px solid #FFF;
233
- width: 4px;
234
- height: 4px;
235
- margin: 0 2px;
236
- }
237
-
238
- .ui-datepicker-day-marks-exists {
239
- background: var(--color-icon-primary-2);
240
- }
241
-
242
- .ui-datepicker-day-marks-update {
243
- background: var(--color-icon-negative-2);
244
- }
245
-
246
- .ui-datepicker-row-break {
247
- display: none;
248
- }`;
249
- a.appendStyle(h);
250
- const v = (n) => {
251
- var t, e;
252
- if (!((e = (t = a.$) == null ? void 0 : t.ui) != null && e.datepicker)) {
253
- console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");
254
- return;
255
- }
256
- return a.$.datepicker.setDefaults({
257
- dateFormat: a.state.dateFormat.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd")
258
- }), a.$(n);
259
- };
260
- function f(n, t) {
261
- var e;
262
- return (e = v(n)) == null ? void 0 : e.datepicker(t);
263
- }
264
- let d, l, p, u;
265
- k(g(a.state.dateFormat), () => {
266
- var n;
267
- d = m("2000-01-01"), l = ((n = d.match(/\D/)) == null ? void 0 : n[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
268
- for (let t = 0; t < d.length; t++)
269
- d[t] === l && u.push(t);
270
- }, { immediate: !0 });
271
- function y(n) {
272
- let t = n.target.selectionEnd, e = n.target.value, r = e.substring(0, t).replace(/\D+/g, ""), i = e.substring(t).replace(/\D+/g, ""), c = r.length + i.length - p;
273
- if (c > 0) {
274
- r = r.substring(0, p);
275
- const o = p - r.length;
276
- i = i.substring(i.length - o);
277
- } else c < 0 && (n.inputType === "deleteContentForward" ? r += "0".repeat(-c) : i = "0".repeat(-c) + i);
278
- t = r.length, e = r + i;
279
- for (let o = 0; o < u.length; o++) {
280
- const s = u[o];
281
- e = e.substring(0, s) + l + e.substring(s), t >= s && t++;
282
- }
283
- n.inputType === "deleteContentBackward" && e[t - 1] === l && t--, e !== n.target.value && (n.target.value = e, n.target.selectionStart = t, n.target.selectionEnd = t);
284
- }
285
- export {
286
- f as connectDatepicker,
287
- y as oninput
288
- };
289
- //# sourceMappingURL=datepicker-V4rjmE4P.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datepicker-V4rjmE4P.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: var(--color-bg-3);\\n\\t--datepicker-day-color-hover: var(--color-layer-secondary-1);\\n\\t--datepicker-selected-color: var(--color-bg-primary-2);\\n\\t--datepicker-selected-color-hover: var(--color-bg-primary-1);\\n\\t--datepicker-range-color: var(--color-layer-primary-1);\\n\\t--datepicker-range-color-hover: var(--color-layer-primary-2);\\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-1);\\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-1);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-text-2);\\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\\tcolor: var(--color-icon-3);\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev-hover:before {\\n\\tcolor: var(--color-icon-1);\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\tcolor: var(--color-icon-3);\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next-hover {\\n\\tcolor: var(--color-icon-1);\\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: var(--color-text-3);\\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\\tcolor: var(--color-text-1);\\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-1) !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-icon-primary-2);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-icon-negative-2);\\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 $ = (el: HTMLInputElement) => {\n\tif (!Core.$?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\tCore.$.datepicker.setDefaults({\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\n\t});\n\n\treturn Core.$(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","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","dateFormat","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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMfC,EAAK,YAAYD,CAAG;AAEpB,MAAME,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAJ,EAAK,MAAL,gBAAAI,EAAQ,OAAR,QAAAD,EAAY,aAAY;AAC5B,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EACD;AAEK,SAAAH,EAAA,EAAE,WAAW,YAAY;AAAA,IAC7B,YAAYA,EAAK,MAAM,WAAW,YAAA,EAAc,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI;AAAA,EAAA,CACvG,GAEMA,EAAK,EAAEE,CAAE;AACjB;AAEgB,SAAAG,EAAkBH,GAAsBI,GAAc;;AACrE,UAAOF,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWE;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMZ,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzC,EAAAO,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,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,MAC9F,CAAWD,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;"}