@topvisor/ui 0.9.34-utils-components-8 → 0.9.35-2

package/.chunks/datepicker-BG0u8UXv.amd.js

@@ -0,0 +1,248 @@
+define(["require","exports","vue","./forms-oowSA2rF.amd","../utils/css.amd"],function(x,k,c,a,h){"use strict";if(typeof c>"u")var c=window.Vue;h.insertToPageAsInine(`/* ui-datepicker */\r
+.ui-datepicker {\r
+	--datepicker-day-color: var(--color-bg-3);\r
+	--datepicker-day-color-hover: var(--color-layer-secondary-1);\r
+	--datepicker-selected-color: var(--color-bg-primary-2);\r
+	--datepicker-selected-color-hover: var(--color-bg-primary-1);\r
+	--datepicker-range-color: var(--color-layer-primary-1);\r
+	--datepicker-range-color-hover: var(--color-layer-primary-2);\r
+\r
+	user-select: none;\r
+	width: auto;\r
+	padding: 0;\r
+}\r
+\r
+.ui-datepicker:before,\r
+.ui-datepicker:after {\r
+	display: none;\r
+}\r
+\r
+/* на странице */\r
+.ui-datepicker-inline {\r
+	display: inline-block !important;\r
+}\r
+\r
+/* в popup */\r
+.ui-datepicker:not(.ui-datepicker-inline) {\r
+	border-radius: 8px;\r
+	background: var(--content-background-color);\r
+	box-shadow: var(--top-shadow);\r
+	z-index: 10000000 !important;\r
+	padding: 8px;\r
+}\r
+\r
+.ui-datepicker a {\r
+	text-decoration: none !important;\r
+}\r
+\r
+.ui-datepicker option {\r
+	color: var(--color-text-1);\r
+	font-size: 14px;\r
+}\r
+\r
+.ui-datepicker-header {\r
+	padding: 0 !important;\r
+	margin: 0 0 18px 0;\r
+	display: flex;\r
+	align-items: center;\r
+}\r
+\r
+.ui-datepicker-header > * {\r
+	display: flex;\r
+	align-items: center;\r
+	justify-content: center;\r
+}\r
+\r
+.ui-datepicker-title {\r
+	width: 100% !important;\r
+	height: 24px;\r
+	margin: 0 !important;\r
+}\r
+\r
+.ui-datepicker-month,\r
+.ui-datepicker-year {\r
+	outline: none !important;\r
+	width: auto !important;\r
+	border: none;\r
+	padding: 0;\r
+	margin: 0 6px !important;\r
+	text-align: center;\r
+	font-size: 16px !important;\r
+}\r
+\r
+.ui-datepicker-month {\r
+	color: var(--color-text-1);\r
+}\r
+\r
+.ui-datepicker-year {\r
+	color: var(--color-text-2);\r
+}\r
+\r
+/*	select.ui-datepicker-month,\r
+select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
+select.ui-datepicker-month,\r
+select.ui-datepicker-year {\r
+	cursor: pointer;\r
+}\r
+\r
+.ui-datepicker-prev,\r
+.ui-datepicker-next {\r
+	cursor: pointer;\r
+	width: 24px !important;\r
+	height: 24px !important;\r
+	font-size: 24px;\r
+	font-family: "Topvisor-2";\r
+	position: static !important;\r
+}\r
+\r
+.ui-datepicker-prev:before {\r
+	color: var(--color-icon-3);\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-prev-hover:before {\r
+	color: var(--color-icon-1);\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-next {\r
+	color: var(--color-icon-3);\r
+	order: 1;\r
+}\r
+\r
+.ui-datepicker-next-hover {\r
+	color: var(--color-icon-1);\r
+	order: 1;\r
+}\r
+\r
+.ui-datepicker-next:before {\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-prev > *,\r
+.ui-datepicker-next > * {\r
+	display: none !important;\r
+}\r
+\r
+.ui-datepicker thead th {\r
+	width: auto !important;\r
+	padding: 0 !important;\r
+	color: var(--color-text-3);\r
+	font-size: 14px;\r
+	font-weight: 400 !important;\r
+}\r
+\r
+.ui-datepicker table {\r
+	margin: 0 !important;\r
+	font-size: 14px;\r
+}\r
+\r
+.ui-datepicker td {\r
+	color: var(--color-text-1);\r
+	background: none;\r
+	padding: 0 !important;\r
+}\r
+\r
+.ui-datepicker td span,\r
+.ui-datepicker td a {\r
+	border-radius: 8px;\r
+	border: none;\r
+	min-width: 32px;\r
+	height: 32px;\r
+	padding: 0;\r
+	margin: 1px;\r
+	color: var(--color-text-1) !important;\r
+	line-height: 32px;\r
+	text-align: center;\r
+	position: relative;\r
+	display: block;\r
+}\r
+\r
+/* обычные даты */\r
+.ui-datepicker td a {\r
+	background: var(--datepicker-day-color);\r
+}\r
+\r
+.ui-datepicker td a:hover {\r
+	background: var(--datepicker-day-color-hover);\r
+}\r
+\r
+/* текущий день */\r
+td.ui-datepicker-today span,\r
+td.ui-datepicker-today a {\r
+	background: none;\r
+	position: relative;\r
+}\r
+\r
+/* выбранные даты */\r
+.ui-datepicker td.selected a {\r
+	background: var(--datepicker-range-color);\r
+	padding-right: 0;\r
+	padding-left: 1px;\r
+	margin-right: 1px;\r
+	margin-left: 0;\r
+}\r
+\r
+.ui-datepicker td.selected a:hover {\r
+	background: var(--datepicker-range-color-hover);\r
+}\r
+\r
+.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
+	border-top-left-radius: 0;\r
+	border-bottom-left-radius: 0;\r
+	padding-left: 1px;\r
+	margin-left: 0;\r
+}\r
+\r
+.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
+	border-top-right-radius: 0;\r
+	border-bottom-right-radius: 0;\r
+	padding-right: 1px;\r
+	margin-right: 0;\r
+}\r
+\r
+.ui-datepicker td.selected-start a,\r
+.ui-datepicker td.selected-end a,\r
+.ui-datepicker td.ui-datepicker-current-day a {\r
+	background: var(--datepicker-selected-color);\r
+	color: #FFF !important;\r
+}\r
+\r
+.ui-datepicker td.selected-start a:hover,\r
+.ui-datepicker td.selected-end a:hover,\r
+.ui-datepicker td.ui-datepicker-current-day a:hover {\r
+	background: var(--datepicker-selected-color-hover);\r
+}\r
+\r
+.ui-datepicker-day-marks {\r
+	line-height: normal;\r
+	position: absolute;\r
+	right: 0;\r
+	bottom: 3px;\r
+	left: 0;\r
+	display: flex;\r
+	align-items: center;\r
+	justify-content: center;\r
+}\r
+\r
+.ui-datepicker-day-marks > i {\r
+	border-radius: 50%;\r
+	border: 1px solid #FFF;\r
+	width: 4px;\r
+	height: 4px;\r
+	margin: 0 2px;\r
+}\r
+\r
+.ui-datepicker-day-marks-exists {\r
+	background: var(--color-icon-primary-2);\r
+}\r
+\r
+.ui-datepicker-day-marks-update {\r
+	background: var(--color-icon-negative-2);\r
+}\r
+\r
+.ui-datepicker-row-break {\r
+	display: none;\r
+}\r
+`);const m=t=>{var r,e;if(!((e=(r=a.Core.$)==null?void 0:r.ui)!=null&&e.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return a.Core.$.datepicker.setDefaults({dateFormat:a.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd")}),a.Core.$(t)};function v(t,r){var e;return(e=m(t))==null?void 0:e.datepicker(r)}let o,p,l,u;c.watch(c.toRef(a.Core.state.dateFormat),()=>{var t;o=a.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 b(t){let r=t.target.selectionEnd,e=t.target.value,n=e.substring(0,r).replace(/\D+/g,""),i=e.substring(r).replace(/\D+/g,""),s=n.length+i.length-l;if(s>0){n=n.substring(0,l);const d=l-n.length;i=i.substring(i.length-d)}else s<0&&(t.inputType==="deleteContentForward"?n+="0".repeat(-s):i="0".repeat(-s)+i);r=n.length,e=n+i;for(let d=0;d<u.length;d++){const g=u[d];e=e.substring(0,g)+p+e.substring(g),r>=g&&r++}t.inputType==="deleteContentBackward"&&e[r-1]===p&&r--,e!==t.target.value&&(t.target.value=e,t.target.selectionStart=r,t.target.selectionEnd=r)}k.connectDatepicker=v,k.oninput=b,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=datepicker-BG0u8UXv.amd.js.map

package/.chunks/datepicker-BG0u8UXv.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-BG0u8UXv.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\nimport { insertToPageAsInine } from '@/core/utils/css';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\ninsertToPageAsInine(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}\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}\\r\\n\""],"names":["insertToPageAsInine","$","el","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","valueChunkLeft","value","selectionPos","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","e","delimiterIndex"],"mappings":"+IAOAA,EAAAA,oBCPA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CDOAA,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"}

package/.chunks/datepicker-Dmeojg66.es.js

@@ -0,0 +1,291 @@
+import { watch as k, toRef as g } from "vue";
+import { C as d, d as m } from "./forms-CPEVHoks.es.js";
+import { insertToPageAsInine as h } from "../utils/css.js";
+const v = `/* ui-datepicker */\r
+.ui-datepicker {\r
+	--datepicker-day-color: var(--color-bg-3);\r
+	--datepicker-day-color-hover: var(--color-layer-secondary-1);\r
+	--datepicker-selected-color: var(--color-bg-primary-2);\r
+	--datepicker-selected-color-hover: var(--color-bg-primary-1);\r
+	--datepicker-range-color: var(--color-layer-primary-1);\r
+	--datepicker-range-color-hover: var(--color-layer-primary-2);\r
+\r
+	user-select: none;\r
+	width: auto;\r
+	padding: 0;\r
+}\r
+\r
+.ui-datepicker:before,\r
+.ui-datepicker:after {\r
+	display: none;\r
+}\r
+\r
+/* на странице */\r
+.ui-datepicker-inline {\r
+	display: inline-block !important;\r
+}\r
+\r
+/* в popup */\r
+.ui-datepicker:not(.ui-datepicker-inline) {\r
+	border-radius: 8px;\r
+	background: var(--content-background-color);\r
+	box-shadow: var(--top-shadow);\r
+	z-index: 10000000 !important;\r
+	padding: 8px;\r
+}\r
+\r
+.ui-datepicker a {\r
+	text-decoration: none !important;\r
+}\r
+\r
+.ui-datepicker option {\r
+	color: var(--color-text-1);\r
+	font-size: 14px;\r
+}\r
+\r
+.ui-datepicker-header {\r
+	padding: 0 !important;\r
+	margin: 0 0 18px 0;\r
+	display: flex;\r
+	align-items: center;\r
+}\r
+\r
+.ui-datepicker-header > * {\r
+	display: flex;\r
+	align-items: center;\r
+	justify-content: center;\r
+}\r
+\r
+.ui-datepicker-title {\r
+	width: 100% !important;\r
+	height: 24px;\r
+	margin: 0 !important;\r
+}\r
+\r
+.ui-datepicker-month,\r
+.ui-datepicker-year {\r
+	outline: none !important;\r
+	width: auto !important;\r
+	border: none;\r
+	padding: 0;\r
+	margin: 0 6px !important;\r
+	text-align: center;\r
+	font-size: 16px !important;\r
+}\r
+\r
+.ui-datepicker-month {\r
+	color: var(--color-text-1);\r
+}\r
+\r
+.ui-datepicker-year {\r
+	color: var(--color-text-2);\r
+}\r
+\r
+/*	select.ui-datepicker-month,\r
+select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
+select.ui-datepicker-month,\r
+select.ui-datepicker-year {\r
+	cursor: pointer;\r
+}\r
+\r
+.ui-datepicker-prev,\r
+.ui-datepicker-next {\r
+	cursor: pointer;\r
+	width: 24px !important;\r
+	height: 24px !important;\r
+	font-size: 24px;\r
+	font-family: "Topvisor-2";\r
+	position: static !important;\r
+}\r
+\r
+.ui-datepicker-prev:before {\r
+	color: var(--color-icon-3);\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-prev-hover:before {\r
+	color: var(--color-icon-1);\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-next {\r
+	color: var(--color-icon-3);\r
+	order: 1;\r
+}\r
+\r
+.ui-datepicker-next-hover {\r
+	color: var(--color-icon-1);\r
+	order: 1;\r
+}\r
+\r
+.ui-datepicker-next:before {\r
+	content: "";\r
+}\r
+\r
+.ui-datepicker-prev > *,\r
+.ui-datepicker-next > * {\r
+	display: none !important;\r
+}\r
+\r
+.ui-datepicker thead th {\r
+	width: auto !important;\r
+	padding: 0 !important;\r
+	color: var(--color-text-3);\r
+	font-size: 14px;\r
+	font-weight: 400 !important;\r
+}\r
+\r
+.ui-datepicker table {\r
+	margin: 0 !important;\r
+	font-size: 14px;\r
+}\r
+\r
+.ui-datepicker td {\r
+	color: var(--color-text-1);\r
+	background: none;\r
+	padding: 0 !important;\r
+}\r
+\r
+.ui-datepicker td span,\r
+.ui-datepicker td a {\r
+	border-radius: 8px;\r
+	border: none;\r
+	min-width: 32px;\r
+	height: 32px;\r
+	padding: 0;\r
+	margin: 1px;\r
+	color: var(--color-text-1) !important;\r
+	line-height: 32px;\r
+	text-align: center;\r
+	position: relative;\r
+	display: block;\r
+}\r
+\r
+/* обычные даты */\r
+.ui-datepicker td a {\r
+	background: var(--datepicker-day-color);\r
+}\r
+\r
+.ui-datepicker td a:hover {\r
+	background: var(--datepicker-day-color-hover);\r
+}\r
+\r
+/* текущий день */\r
+td.ui-datepicker-today span,\r
+td.ui-datepicker-today a {\r
+	background: none;\r
+	position: relative;\r
+}\r
+\r
+/* выбранные даты */\r
+.ui-datepicker td.selected a {\r
+	background: var(--datepicker-range-color);\r
+	padding-right: 0;\r
+	padding-left: 1px;\r
+	margin-right: 1px;\r
+	margin-left: 0;\r
+}\r
+\r
+.ui-datepicker td.selected a:hover {\r
+	background: var(--datepicker-range-color-hover);\r
+}\r
+\r
+.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
+	border-top-left-radius: 0;\r
+	border-bottom-left-radius: 0;\r
+	padding-left: 1px;\r
+	margin-left: 0;\r
+}\r
+\r
+.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
+	border-top-right-radius: 0;\r
+	border-bottom-right-radius: 0;\r
+	padding-right: 1px;\r
+	margin-right: 0;\r
+}\r
+\r
+.ui-datepicker td.selected-start a,\r
+.ui-datepicker td.selected-end a,\r
+.ui-datepicker td.ui-datepicker-current-day a {\r
+	background: var(--datepicker-selected-color);\r
+	color: #FFF !important;\r
+}\r
+\r
+.ui-datepicker td.selected-start a:hover,\r
+.ui-datepicker td.selected-end a:hover,\r
+.ui-datepicker td.ui-datepicker-current-day a:hover {\r
+	background: var(--datepicker-selected-color-hover);\r
+}\r
+\r
+.ui-datepicker-day-marks {\r
+	line-height: normal;\r
+	position: absolute;\r
+	right: 0;\r
+	bottom: 3px;\r
+	left: 0;\r
+	display: flex;\r
+	align-items: center;\r
+	justify-content: center;\r
+}\r
+\r
+.ui-datepicker-day-marks > i {\r
+	border-radius: 50%;\r
+	border: 1px solid #FFF;\r
+	width: 4px;\r
+	height: 4px;\r
+	margin: 0 2px;\r
+}\r
+\r
+.ui-datepicker-day-marks-exists {\r
+	background: var(--color-icon-primary-2);\r
+}\r
+\r
+.ui-datepicker-day-marks-update {\r
+	background: var(--color-icon-negative-2);\r
+}\r
+\r
+.ui-datepicker-row-break {\r
+	display: none;\r
+}\r
+`;
+h(v);
+const x = (t) => {
+  var r, n;
+  if (!((n = (r = d.$) == null ? void 0 : r.ui) != null && n.datepicker)) {
+    console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");
+    return;
+  }
+  return d.$.datepicker.setDefaults({
+    dateFormat: d.state.dateFormat.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd")
+  }), d.$(t);
+};
+function w(t, r) {
+  var n;
+  return (n = x(t)) == null ? void 0 : n.datepicker(r);
+}
+let o, l, p, u;
+k(g(d.state.dateFormat), () => {
+  var t;
+  o = m("2000-01-01"), l = ((t = o.match(/\D/)) == null ? void 0 : t[0]) ?? "-", p = o.replace(/\D+/g, "").length, u = [];
+  for (let r = 0; r < o.length; r++)
+    o[r] === l && u.push(r);
+}, { immediate: !0 });
+function F(t) {
+  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;
+  if (c > 0) {
+    e = e.substring(0, p);
+    const a = p - e.length;
+    i = i.substring(i.length - a);
+  } else c < 0 && (t.inputType === "deleteContentForward" ? e += "0".repeat(-c) : i = "0".repeat(-c) + i);
+  r = e.length, n = e + i;
+  for (let a = 0; a < u.length; a++) {
+    const s = u[a];
+    n = n.substring(0, s) + l + n.substring(s), r >= s && r++;
+  }
+  t.inputType === "deleteContentBackward" && n[r - 1] === l && r--, n !== t.target.value && (t.target.value = n, t.target.selectionStart = r, t.target.selectionEnd = r);
+}
+export {
+  w as connectDatepicker,
+  F as oninput
+};
+//# sourceMappingURL=datepicker-Dmeojg66.es.js.map

package/.chunks/datepicker-Dmeojg66.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-Dmeojg66.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}\\r\\n\"","import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { insertToPageAsInine } from '@/core/utils/css';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\ninsertToPageAsInine(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}\r\n"],"names":["css","insertToPageAsInine","$","el","_b","_a","Core","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;AAAA;ACOfC,EAAoBD,CAAG;AAEvB,MAAME,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAC,EAAK,MAAL,gBAAAD,EAAQ,OAAR,QAAAD,EAAY,aAAY;AAC5B,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EACD;AAEK,SAAAE,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,EAAEH,CAAE;AACjB;AAEgB,SAAAI,EAAkBJ,GAAsBK,GAAc;;AACrE,UAAOH,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWG;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMR,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzC,EAAAG,IAAgBM,EAAW,YAAY,GACvCL,MAAYL,IAAAI,EAAc,MAAM,IAAI,MAAxB,gBAAAJ,EAA4B,OAAM,KAC9CM,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;"}