@topvisor/ui 0.9.29-0 → 0.9.29

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 (121) hide show
  1. package/.chunks/datepicker-C5l1LY9e.es.js +276 -0
  2. package/.chunks/datepicker-C5l1LY9e.es.js.map +1 -0
  3. package/.chunks/datepicker-CCrqadMd.amd.js +234 -0
  4. package/.chunks/datepicker-CCrqadMd.amd.js.map +1 -0
  5. package/.chunks/{forms-DBYpY73Z.amd.js → forms-0MQ_zU80.amd.js} +3 -3
  6. package/.chunks/forms-0MQ_zU80.amd.js.map +1 -0
  7. package/.chunks/{forms-BScWgSrn.es.js → forms-BwLbWSIF.es.js} +99 -97
  8. package/.chunks/forms-BwLbWSIF.es.js.map +1 -0
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-BzEj4QFY.es.js → listItem.vue_vue_type_script_setup_true_lang-C4297RyP.es.js} +39 -37
  10. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C4297RyP.es.js.map +1 -0
  11. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-D-5F2CnX.amd.js → listItem.vue_vue_type_script_setup_true_lang-Cr9e1nzK.amd.js} +2 -2
  12. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-Cr9e1nzK.amd.js.map +1 -0
  13. package/.chunks/{menu-BWyv8Yuu.amd.js → menu-BGUYnOx6.amd.js} +2 -2
  14. package/.chunks/menu-BGUYnOx6.amd.js.map +1 -0
  15. package/.chunks/{menu-DbC1zr5j.es.js → menu-Czk2awpe.es.js} +41 -39
  16. package/.chunks/menu-Czk2awpe.es.js.map +1 -0
  17. package/.chunks/{popup-B4tgc-1X.es.js → popup-C5Ha2nU3.es.js} +431 -438
  18. package/.chunks/popup-C5Ha2nU3.es.js.map +1 -0
  19. package/.chunks/{popup-DPzeQf9t.amd.js → popup-CcxDRowY.amd.js} +386 -393
  20. package/.chunks/popup-CcxDRowY.amd.js.map +1 -0
  21. package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
  22. package/.chunks/store-PoMCiuBr.es.js.map +1 -1
  23. package/.chunks/{widgetInput-DCXTtndM.es.js → widgetInput-DZXnw5Ms.es.js} +13 -11
  24. package/.chunks/widgetInput-DZXnw5Ms.es.js.map +1 -0
  25. package/.chunks/{widgetInput-L8yGX3-T.amd.js → widgetInput-DfOBj0qz.amd.js} +2 -2
  26. package/.chunks/widgetInput-DfOBj0qz.amd.js.map +1 -0
  27. package/README.md +86 -86
  28. package/assets/core.css +1 -1
  29. package/assets/dark.css +1 -1
  30. package/assets/forms.css +1 -1
  31. package/assets/formsExt.css +1 -1
  32. package/assets/light.css +1 -1
  33. package/assets/menu.css +1 -1
  34. package/assets/tabs.css +1 -1
  35. package/assets/tabsView.css +1 -1
  36. package/assets/widgetInput.css +1 -1
  37. package/core/core.amd.js +1 -1
  38. package/core/core.js +1 -1
  39. package/forms/forms.amd.js +1 -1
  40. package/forms/forms.js +1 -1
  41. package/forms/helpers.amd.js.map +1 -1
  42. package/forms/helpers.js.map +1 -1
  43. package/formsExt/formsExt.amd.js +1 -1
  44. package/formsExt/formsExt.amd.js.map +1 -1
  45. package/formsExt/formsExt.js +21 -20
  46. package/formsExt/formsExt.js.map +1 -1
  47. package/icomoon/Read Me.txt +7 -7
  48. package/icomoon/demo-files/demo.css +161 -161
  49. package/icomoon/demo-files/demo.js +30 -30
  50. package/icomoon/demo.html +3239 -3239
  51. package/icomoon/fonts/Topvisor-2.svg +253 -253
  52. package/icomoon/style.css +710 -710
  53. package/package.json +24 -20
  54. package/popup/popup.amd.js +1 -1
  55. package/popup/popup.js +2 -2
  56. package/popup/worker.amd.js +1 -1
  57. package/popup/worker.amd.js.map +1 -1
  58. package/popup/worker.js +2 -2
  59. package/popup/worker.js.map +1 -1
  60. package/project/project.amd.js +1 -1
  61. package/project/project.amd.js.map +1 -1
  62. package/project/project.js +33 -31
  63. package/project/project.js.map +1 -1
  64. package/require/css.amd.js +17 -11
  65. package/src/core/utils/css.d.ts +3 -1
  66. package/src/core/utils/system.d.ts +1 -1
  67. package/tabs/tabs.amd.js +1 -1
  68. package/tabs/tabs.js +23 -21
  69. package/tabs/tabs.js.map +1 -1
  70. package/tabsView/tabsView.amd.js +1 -1
  71. package/tabsView/tabsView.amd.js.map +1 -1
  72. package/tabsView/tabsView.js +45 -43
  73. package/tabsView/tabsView.js.map +1 -1
  74. package/utils/check.amd.js.map +1 -1
  75. package/utils/check.js.map +1 -1
  76. package/utils/common.amd.js.map +1 -1
  77. package/utils/common.js.map +1 -1
  78. package/utils/css.amd.js +1 -1
  79. package/utils/css.amd.js.map +1 -1
  80. package/utils/css.js +24 -29
  81. package/utils/css.js.map +1 -1
  82. package/utils/date.amd.js +1 -1
  83. package/utils/date.js +1 -1
  84. package/utils/device.amd.js +1 -1
  85. package/utils/device.js +1 -1
  86. package/utils/dom.amd.js.map +1 -1
  87. package/utils/dom.js.map +1 -1
  88. package/utils/keyboard.amd.js.map +1 -1
  89. package/utils/keyboard.js.map +1 -1
  90. package/utils/price.amd.js.map +1 -1
  91. package/utils/price.js.map +1 -1
  92. package/utils/route.amd.js.map +1 -1
  93. package/utils/route.js.map +1 -1
  94. package/utils/scroll.amd.js +1 -1
  95. package/utils/scroll.amd.js.map +1 -1
  96. package/utils/scroll.js +1 -1
  97. package/utils/scroll.js.map +1 -1
  98. package/utils/string.amd.js.map +1 -1
  99. package/utils/string.js.map +1 -1
  100. package/utils/system.amd.js +1 -1
  101. package/utils/system.amd.js.map +1 -1
  102. package/utils/system.js +14 -14
  103. package/utils/system.js.map +1 -1
  104. package/utils/url.amd.js.map +1 -1
  105. package/utils/url.js.map +1 -1
  106. package/utils/window.amd.js +1 -1
  107. package/utils/window.js +1 -1
  108. package/.chunks/datepicker-BWFx68Rc.amd.js +0 -247
  109. package/.chunks/datepicker-BWFx68Rc.amd.js.map +0 -1
  110. package/.chunks/datepicker-BfPBssvK.es.js +0 -289
  111. package/.chunks/datepicker-BfPBssvK.es.js.map +0 -1
  112. package/.chunks/forms-BScWgSrn.es.js.map +0 -1
  113. package/.chunks/forms-DBYpY73Z.amd.js.map +0 -1
  114. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-BzEj4QFY.es.js.map +0 -1
  115. package/.chunks/listItem.vue_vue_type_script_setup_true_lang-D-5F2CnX.amd.js.map +0 -1
  116. package/.chunks/menu-BWyv8Yuu.amd.js.map +0 -1
  117. package/.chunks/menu-DbC1zr5j.es.js.map +0 -1
  118. package/.chunks/popup-B4tgc-1X.es.js.map +0 -1
  119. package/.chunks/popup-DPzeQf9t.amd.js.map +0 -1
  120. package/.chunks/widgetInput-DCXTtndM.es.js.map +0 -1
  121. package/.chunks/widgetInput-L8yGX3-T.amd.js.map +0 -1
@@ -1,247 +0,0 @@
1
- define(["require","exports","vue","./forms-DBYpY73Z.amd"],function(b,k,c,n){"use strict";if(typeof c>"u")var c=window.Vue;n.Core.appendStyle(`/* ui-datepicker */\r
2
- .ui-datepicker {\r
3
- --datepicker-day-color: var(--color-bg-3);\r
4
- --datepicker-day-color-hover: var(--color-layer-secondary-1);\r
5
- --datepicker-selected-color: var(--color-bg-primary-2);\r
6
- --datepicker-selected-color-hover: var(--color-bg-primary-1);\r
7
- --datepicker-range-color: var(--color-layer-primary-1);\r
8
- --datepicker-range-color-hover: var(--color-layer-primary-2);\r
9
- \r
10
- user-select: none;\r
11
- width: auto;\r
12
- padding: 0;\r
13
- }\r
14
- \r
15
- .ui-datepicker:before,\r
16
- .ui-datepicker:after {\r
17
- display: none;\r
18
- }\r
19
- \r
20
- /* на странице */\r
21
- .ui-datepicker-inline {\r
22
- display: inline-block !important;\r
23
- }\r
24
- \r
25
- /* в popup */\r
26
- .ui-datepicker:not(.ui-datepicker-inline) {\r
27
- border-radius: 8px;\r
28
- background: var(--content-background-color);\r
29
- box-shadow: var(--top-shadow);\r
30
- z-index: 10000000 !important;\r
31
- padding: 8px;\r
32
- }\r
33
- \r
34
- .ui-datepicker a {\r
35
- text-decoration: none !important;\r
36
- }\r
37
- \r
38
- .ui-datepicker option {\r
39
- color: var(--color-text-1);\r
40
- font-size: 14px;\r
41
- }\r
42
- \r
43
- .ui-datepicker-header {\r
44
- padding: 0 !important;\r
45
- margin: 0 0 18px 0;\r
46
- display: flex;\r
47
- align-items: center;\r
48
- }\r
49
- \r
50
- .ui-datepicker-header > * {\r
51
- display: flex;\r
52
- align-items: center;\r
53
- justify-content: center;\r
54
- }\r
55
- \r
56
- .ui-datepicker-title {\r
57
- width: 100% !important;\r
58
- height: 24px;\r
59
- margin: 0 !important;\r
60
- }\r
61
- \r
62
- .ui-datepicker-month,\r
63
- .ui-datepicker-year {\r
64
- outline: none !important;\r
65
- width: auto !important;\r
66
- border: none;\r
67
- padding: 0;\r
68
- margin: 0 6px !important;\r
69
- text-align: center;\r
70
- font-size: 16px !important;\r
71
- }\r
72
- \r
73
- .ui-datepicker-month {\r
74
- color: var(--color-text-1);\r
75
- }\r
76
- \r
77
- .ui-datepicker-year {\r
78
- color: var(--color-text-2);\r
79
- }\r
80
- \r
81
- /* select.ui-datepicker-month,\r
82
- select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
83
- select.ui-datepicker-month,\r
84
- select.ui-datepicker-year {\r
85
- cursor: pointer;\r
86
- }\r
87
- \r
88
- .ui-datepicker-prev,\r
89
- .ui-datepicker-next {\r
90
- cursor: pointer;\r
91
- width: 24px !important;\r
92
- height: 24px !important;\r
93
- font-size: 24px;\r
94
- font-family: 'Topvisor-2';\r
95
- position: static !important;\r
96
- }\r
97
- \r
98
- .ui-datepicker-prev:before {\r
99
- color: var(--color-icon-3);\r
100
- content: '';\r
101
- }\r
102
- \r
103
- .ui-datepicker-prev-hover:before {\r
104
- color: var(--color-icon-1);\r
105
- content: '';\r
106
- }\r
107
- \r
108
- .ui-datepicker-next {\r
109
- color: var(--color-icon-3);\r
110
- order: 1;\r
111
- }\r
112
- \r
113
- .ui-datepicker-next-hover {\r
114
- color: var(--color-icon-1);\r
115
- order: 1;\r
116
- }\r
117
- \r
118
- .ui-datepicker-next:before {\r
119
- content: '';\r
120
- }\r
121
- \r
122
- .ui-datepicker-prev > *,\r
123
- .ui-datepicker-next > * {\r
124
- display: none !important;\r
125
- }\r
126
- \r
127
- .ui-datepicker thead th {\r
128
- width: auto !important;\r
129
- padding: 0 !important;\r
130
- color: var(--color-text-3);\r
131
- font-size: 14px;\r
132
- font-weight: 400 !important;\r
133
- }\r
134
- \r
135
- .ui-datepicker table {\r
136
- margin: 0 !important;\r
137
- font-size: 14px;\r
138
- }\r
139
- \r
140
- .ui-datepicker td {\r
141
- color: var(--color-text-1);\r
142
- background: none;\r
143
- padding: 0 !important;\r
144
- }\r
145
- \r
146
- .ui-datepicker td span,\r
147
- .ui-datepicker td a {\r
148
- border-radius: 8px;\r
149
- border: none;\r
150
- min-width: 32px;\r
151
- height: 32px;\r
152
- padding: 0;\r
153
- margin: 1px;\r
154
- color: var(--color-text-1) !important;\r
155
- line-height: 32px;\r
156
- text-align: center;\r
157
- position: relative;\r
158
- display: block;\r
159
- }\r
160
- \r
161
- /* обычные даты */\r
162
- .ui-datepicker td a {\r
163
- background: var(--datepicker-day-color);\r
164
- }\r
165
- \r
166
- .ui-datepicker td a:hover {\r
167
- background: var(--datepicker-day-color-hover);\r
168
- }\r
169
- \r
170
- /* текущий день */\r
171
- td.ui-datepicker-today span,\r
172
- td.ui-datepicker-today a {\r
173
- background: none;\r
174
- position: relative;\r
175
- }\r
176
- \r
177
- /* выбранные даты */\r
178
- .ui-datepicker td.selected a {\r
179
- background: var(--datepicker-range-color);\r
180
- padding-right: 0;\r
181
- padding-left: 1px;\r
182
- margin-right: 1px;\r
183
- margin-left: 0;\r
184
- }\r
185
- \r
186
- .ui-datepicker td.selected a:hover {\r
187
- background: var(--datepicker-range-color-hover);\r
188
- }\r
189
- \r
190
- .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
191
- border-top-left-radius: 0;\r
192
- border-bottom-left-radius: 0;\r
193
- padding-left: 1px;\r
194
- margin-left: 0;\r
195
- }\r
196
- \r
197
- .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
198
- border-top-right-radius: 0;\r
199
- border-bottom-right-radius: 0;\r
200
- padding-right: 1px;\r
201
- margin-right: 0;\r
202
- }\r
203
- \r
204
- .ui-datepicker td.selected-start a,\r
205
- .ui-datepicker td.selected-end a,\r
206
- .ui-datepicker td.ui-datepicker-current-day a {\r
207
- background: var(--datepicker-selected-color);\r
208
- color: #FFF !important;\r
209
- }\r
210
- \r
211
- .ui-datepicker td.selected-start a:hover,\r
212
- .ui-datepicker td.selected-end a:hover,\r
213
- .ui-datepicker td.ui-datepicker-current-day a:hover {\r
214
- background: var(--datepicker-selected-color-hover);\r
215
- }\r
216
- \r
217
- .ui-datepicker-day-marks {\r
218
- line-height: normal;\r
219
- position: absolute;\r
220
- right: 0;\r
221
- bottom: 3px;\r
222
- left: 0;\r
223
- display: flex;\r
224
- align-items: center;\r
225
- justify-content: center;\r
226
- }\r
227
- \r
228
- .ui-datepicker-day-marks > i {\r
229
- border-radius: 50%;\r
230
- border: 1px solid #FFF;\r
231
- width: 4px;\r
232
- height: 4px;\r
233
- margin: 0 2px;\r
234
- }\r
235
- \r
236
- .ui-datepicker-day-marks-exists {\r
237
- background: var(--color-icon-primary-2);\r
238
- }\r
239
- \r
240
- .ui-datepicker-day-marks-update {\r
241
- background: var(--color-icon-negative-2);\r
242
- }\r
243
- \r
244
- .ui-datepicker-row-break {\r
245
- display: none;\r
246
- }`);const h=t=>{var r,e;if(!((e=(r=n.Core.$)==null?void 0:r.ui)!=null&&e.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return n.Core.$.datepicker.setDefaults({dateFormat:n.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd")}),n.Core.$(t)};function m(t,r){var e;return(e=h(t))==null?void 0:e.datepicker(r)}let o,p,l,u;c.watch(c.toRef(n.Core.state.dateFormat),()=>{var t;o=n.dateFormat("2000-01-01"),p=((t=o.match(/\D/))==null?void 0:t[0])??"-",l=o.replace(/\D+/g,"").length,u=[];for(let r=0;r<o.length;r++)o[r]===p&&u.push(r)},{immediate:!0});function v(t){let r=t.target.selectionEnd,e=t.target.value,i=e.substring(0,r).replace(/\D+/g,""),a=e.substring(r).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&&(t.inputType==="deleteContentForward"?i+="0".repeat(-s):a="0".repeat(-s)+a);r=i.length,e=i+a;for(let d=0;d<u.length;d++){const g=u[d];e=e.substring(0,g)+p+e.substring(g),r>=g&&r++}t.inputType==="deleteContentBackward"&&e[r-1]===p&&r--,e!==t.target.value&&(t.target.value=e,t.target.selectionStart=r,t.target.selectionEnd=r)}k.connectDatepicker=m,k.oninput=v,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
247
- //# sourceMappingURL=datepicker-BWFx68Rc.amd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datepicker-BWFx68Rc.amd.js","sources":["../../src/components/forms/inputDate/datepicker.ts","../../src/components/forms/inputDate/datepicker.css?raw"],"sourcesContent":["import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}","export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: var(--color-bg-3);\\r\\n\\t--datepicker-day-color-hover: var(--color-layer-secondary-1);\\r\\n\\t--datepicker-selected-color: var(--color-bg-primary-2);\\r\\n\\t--datepicker-selected-color-hover: var(--color-bg-primary-1);\\r\\n\\t--datepicker-range-color: var(--color-layer-primary-1);\\r\\n\\t--datepicker-range-color-hover: var(--color-layer-primary-2);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text-1);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text-1);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-text-2);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcolor: var(--color-icon-3);\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev-hover:before {\\r\\n\\tcolor: var(--color-icon-1);\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\tcolor: var(--color-icon-3);\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next-hover {\\r\\n\\tcolor: var(--color-icon-1);\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: var(--color-text-3);\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tcolor: var(--color-text-1);\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text-1) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-icon-primary-2);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-icon-negative-2);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\""],"names":["Core","$","el","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","valueChunkLeft","value","selectionPos","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","e","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,IAG7FE,EAAA,YAAA,6DAQDJ,EAAAF,EAAA,OACAC,EAAAD,EAAAG,EAGA,QAAAJ,EAAA,EAAAA,EAAAH,EAAA,OAAAG,IAAA,CACC,MAAAQ,EAAAX,EAAAG,CAAA,EAEAE,EAAAA,EAAA,UAAA,EAAAM,CAAA,EAAAb,EAAAO,EAAA,UAAAM,CAAA,EAGAL,GAAAK,OAMDD,EAAA,YAAA,yBAAAL,EAAAC,EAAA,CAAA,IAAAR,4BAMCY,EAAA,OAAA,MAAAL,EACAK,EAAA,OAAA,eAAAJ,EACAI,EAAA,OAAA,aAAAJ,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-BScWgSrn.es.js";
3
- const h = `/* ui-datepicker */\r
4
- .ui-datepicker {\r
5
- --datepicker-day-color: var(--color-bg-3);\r
6
- --datepicker-day-color-hover: var(--color-layer-secondary-1);\r
7
- --datepicker-selected-color: var(--color-bg-primary-2);\r
8
- --datepicker-selected-color-hover: var(--color-bg-primary-1);\r
9
- --datepicker-range-color: var(--color-layer-primary-1);\r
10
- --datepicker-range-color-hover: var(--color-layer-primary-2);\r
11
- \r
12
- user-select: none;\r
13
- width: auto;\r
14
- padding: 0;\r
15
- }\r
16
- \r
17
- .ui-datepicker:before,\r
18
- .ui-datepicker:after {\r
19
- display: none;\r
20
- }\r
21
- \r
22
- /* на странице */\r
23
- .ui-datepicker-inline {\r
24
- display: inline-block !important;\r
25
- }\r
26
- \r
27
- /* в popup */\r
28
- .ui-datepicker:not(.ui-datepicker-inline) {\r
29
- border-radius: 8px;\r
30
- background: var(--content-background-color);\r
31
- box-shadow: var(--top-shadow);\r
32
- z-index: 10000000 !important;\r
33
- padding: 8px;\r
34
- }\r
35
- \r
36
- .ui-datepicker a {\r
37
- text-decoration: none !important;\r
38
- }\r
39
- \r
40
- .ui-datepicker option {\r
41
- color: var(--color-text-1);\r
42
- font-size: 14px;\r
43
- }\r
44
- \r
45
- .ui-datepicker-header {\r
46
- padding: 0 !important;\r
47
- margin: 0 0 18px 0;\r
48
- display: flex;\r
49
- align-items: center;\r
50
- }\r
51
- \r
52
- .ui-datepicker-header > * {\r
53
- display: flex;\r
54
- align-items: center;\r
55
- justify-content: center;\r
56
- }\r
57
- \r
58
- .ui-datepicker-title {\r
59
- width: 100% !important;\r
60
- height: 24px;\r
61
- margin: 0 !important;\r
62
- }\r
63
- \r
64
- .ui-datepicker-month,\r
65
- .ui-datepicker-year {\r
66
- outline: none !important;\r
67
- width: auto !important;\r
68
- border: none;\r
69
- padding: 0;\r
70
- margin: 0 6px !important;\r
71
- text-align: center;\r
72
- font-size: 16px !important;\r
73
- }\r
74
- \r
75
- .ui-datepicker-month {\r
76
- color: var(--color-text-1);\r
77
- }\r
78
- \r
79
- .ui-datepicker-year {\r
80
- color: var(--color-text-2);\r
81
- }\r
82
- \r
83
- /* select.ui-datepicker-month,\r
84
- select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
85
- select.ui-datepicker-month,\r
86
- select.ui-datepicker-year {\r
87
- cursor: pointer;\r
88
- }\r
89
- \r
90
- .ui-datepicker-prev,\r
91
- .ui-datepicker-next {\r
92
- cursor: pointer;\r
93
- width: 24px !important;\r
94
- height: 24px !important;\r
95
- font-size: 24px;\r
96
- font-family: 'Topvisor-2';\r
97
- position: static !important;\r
98
- }\r
99
- \r
100
- .ui-datepicker-prev:before {\r
101
- color: var(--color-icon-3);\r
102
- content: '';\r
103
- }\r
104
- \r
105
- .ui-datepicker-prev-hover:before {\r
106
- color: var(--color-icon-1);\r
107
- content: '';\r
108
- }\r
109
- \r
110
- .ui-datepicker-next {\r
111
- color: var(--color-icon-3);\r
112
- order: 1;\r
113
- }\r
114
- \r
115
- .ui-datepicker-next-hover {\r
116
- color: var(--color-icon-1);\r
117
- order: 1;\r
118
- }\r
119
- \r
120
- .ui-datepicker-next:before {\r
121
- content: '';\r
122
- }\r
123
- \r
124
- .ui-datepicker-prev > *,\r
125
- .ui-datepicker-next > * {\r
126
- display: none !important;\r
127
- }\r
128
- \r
129
- .ui-datepicker thead th {\r
130
- width: auto !important;\r
131
- padding: 0 !important;\r
132
- color: var(--color-text-3);\r
133
- font-size: 14px;\r
134
- font-weight: 400 !important;\r
135
- }\r
136
- \r
137
- .ui-datepicker table {\r
138
- margin: 0 !important;\r
139
- font-size: 14px;\r
140
- }\r
141
- \r
142
- .ui-datepicker td {\r
143
- color: var(--color-text-1);\r
144
- background: none;\r
145
- padding: 0 !important;\r
146
- }\r
147
- \r
148
- .ui-datepicker td span,\r
149
- .ui-datepicker td a {\r
150
- border-radius: 8px;\r
151
- border: none;\r
152
- min-width: 32px;\r
153
- height: 32px;\r
154
- padding: 0;\r
155
- margin: 1px;\r
156
- color: var(--color-text-1) !important;\r
157
- line-height: 32px;\r
158
- text-align: center;\r
159
- position: relative;\r
160
- display: block;\r
161
- }\r
162
- \r
163
- /* обычные даты */\r
164
- .ui-datepicker td a {\r
165
- background: var(--datepicker-day-color);\r
166
- }\r
167
- \r
168
- .ui-datepicker td a:hover {\r
169
- background: var(--datepicker-day-color-hover);\r
170
- }\r
171
- \r
172
- /* текущий день */\r
173
- td.ui-datepicker-today span,\r
174
- td.ui-datepicker-today a {\r
175
- background: none;\r
176
- position: relative;\r
177
- }\r
178
- \r
179
- /* выбранные даты */\r
180
- .ui-datepicker td.selected a {\r
181
- background: var(--datepicker-range-color);\r
182
- padding-right: 0;\r
183
- padding-left: 1px;\r
184
- margin-right: 1px;\r
185
- margin-left: 0;\r
186
- }\r
187
- \r
188
- .ui-datepicker td.selected a:hover {\r
189
- background: var(--datepicker-range-color-hover);\r
190
- }\r
191
- \r
192
- .ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
193
- border-top-left-radius: 0;\r
194
- border-bottom-left-radius: 0;\r
195
- padding-left: 1px;\r
196
- margin-left: 0;\r
197
- }\r
198
- \r
199
- .ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
200
- border-top-right-radius: 0;\r
201
- border-bottom-right-radius: 0;\r
202
- padding-right: 1px;\r
203
- margin-right: 0;\r
204
- }\r
205
- \r
206
- .ui-datepicker td.selected-start a,\r
207
- .ui-datepicker td.selected-end a,\r
208
- .ui-datepicker td.ui-datepicker-current-day a {\r
209
- background: var(--datepicker-selected-color);\r
210
- color: #FFF !important;\r
211
- }\r
212
- \r
213
- .ui-datepicker td.selected-start a:hover,\r
214
- .ui-datepicker td.selected-end a:hover,\r
215
- .ui-datepicker td.ui-datepicker-current-day a:hover {\r
216
- background: var(--datepicker-selected-color-hover);\r
217
- }\r
218
- \r
219
- .ui-datepicker-day-marks {\r
220
- line-height: normal;\r
221
- position: absolute;\r
222
- right: 0;\r
223
- bottom: 3px;\r
224
- left: 0;\r
225
- display: flex;\r
226
- align-items: center;\r
227
- justify-content: center;\r
228
- }\r
229
- \r
230
- .ui-datepicker-day-marks > i {\r
231
- border-radius: 50%;\r
232
- border: 1px solid #FFF;\r
233
- width: 4px;\r
234
- height: 4px;\r
235
- margin: 0 2px;\r
236
- }\r
237
- \r
238
- .ui-datepicker-day-marks-exists {\r
239
- background: var(--color-icon-primary-2);\r
240
- }\r
241
- \r
242
- .ui-datepicker-day-marks-update {\r
243
- background: var(--color-icon-negative-2);\r
244
- }\r
245
- \r
246
- .ui-datepicker-row-break {\r
247
- display: none;\r
248
- }`;
249
- a.appendStyle(h);
250
- const v = (t) => {
251
- var r, n;
252
- if (!((n = (r = a.$) == null ? void 0 : r.ui) != null && n.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.$(t);
259
- };
260
- function f(t, r) {
261
- var n;
262
- return (n = v(t)) == null ? void 0 : n.datepicker(r);
263
- }
264
- let d, l, p, u;
265
- k(g(a.state.dateFormat), () => {
266
- var t;
267
- d = m("2000-01-01"), l = ((t = d.match(/\D/)) == null ? void 0 : t[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
268
- for (let r = 0; r < d.length; r++)
269
- d[r] === l && u.push(r);
270
- }, { immediate: !0 });
271
- function y(t) {
272
- let r = t.target.selectionEnd, n = t.target.value, e = n.substring(0, r).replace(/\D+/g, ""), i = n.substring(r).replace(/\D+/g, ""), c = e.length + i.length - p;
273
- if (c > 0) {
274
- e = e.substring(0, p);
275
- const o = p - e.length;
276
- i = i.substring(i.length - o);
277
- } else c < 0 && (t.inputType === "deleteContentForward" ? e += "0".repeat(-c) : i = "0".repeat(-c) + i);
278
- r = e.length, n = e + i;
279
- for (let o = 0; o < u.length; o++) {
280
- const s = u[o];
281
- n = n.substring(0, s) + l + n.substring(s), r >= s && r++;
282
- }
283
- t.inputType === "deleteContentBackward" && n[r - 1] === l && r--, n !== t.target.value && (t.target.value = n, t.target.selectionStart = r, t.target.selectionEnd = r);
284
- }
285
- export {
286
- f as connectDatepicker,
287
- y as oninput
288
- };
289
- //# sourceMappingURL=datepicker-BfPBssvK.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datepicker-BfPBssvK.es.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: var(--color-bg-3);\\r\\n\\t--datepicker-day-color-hover: var(--color-layer-secondary-1);\\r\\n\\t--datepicker-selected-color: var(--color-bg-primary-2);\\r\\n\\t--datepicker-selected-color-hover: var(--color-bg-primary-1);\\r\\n\\t--datepicker-range-color: var(--color-layer-primary-1);\\r\\n\\t--datepicker-range-color-hover: var(--color-layer-primary-2);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text-1);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text-1);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-text-2);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcolor: var(--color-icon-3);\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev-hover:before {\\r\\n\\tcolor: var(--color-icon-1);\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\tcolor: var(--color-icon-3);\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next-hover {\\r\\n\\tcolor: var(--color-icon-1);\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: var(--color-text-3);\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tcolor: var(--color-text-1);\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text-1) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-icon-primary-2);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-icon-negative-2);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\"","import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}"],"names":["css","Core","$","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;"}