@topvisor/ui 0.9.5 → 0.9.7

package/.chunks/datepicker-0tFN0clU.amd.js

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

package/.chunks/datepicker-0tFN0clU.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-0tFN0clU.amd.js","sources":["../../src/components/forms/inputDate/datepicker.ts","../../src/components/forms/inputDate/datepicker.css?raw"],"sourcesContent":["import { toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { dateFormat } from '@/core/utils/date';\n\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\n\nCore.appendStyle(css);\n\nconst _window: any = window;\n\nconst $ = (el: HTMLInputElement) => {\n\tif (!_window?.jQuery?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\treturn _window.jQuery(el);\n};\n\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\n\treturn $(el)?.datepicker(options);\n}\n\nlet dateFormatted;\nlet delimiter: string;\nlet dateNumbersCount: number;\nlet delimitersIndexes: number[];\n\nwatch(toRef(Core.state.dateFormat), () => {\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\n\tdateFormatted = dateFormat('2000-01-01');\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\n\tdelimitersIndexes = [];\n\n\tfor (let i = 0; i < dateFormatted.length; i++) {\n\t\tif (dateFormatted[i] === delimiter) {\n\t\t\tdelimitersIndexes.push(i);\n\t\t}\n\t}\n}, { immediate: true });\n\n/**\n * Автоформат при вводе в поле с датой\n */\nexport function oninput(e: any) {\n\tlet selectionPos = e.target.selectionEnd;\n\tlet value = e.target.value;\n\n\t// разбить занчение на две половины - до и после каретки\n\t// удалить все символы, кроме цифр\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\n\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\n\tif (extraNumbersCount > 0) {\n\t\t// // количество цифр больше требуемого - удалить лишние\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\n\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\n\t} else if (extraNumbersCount < 0) {\n\t\t// количество цифр меньше требуемого - добавить 0\n\t\tif (e.inputType === 'deleteContentForward') {\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\n\t\t} else {\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\n\t\t}\n\t}\n\n\tselectionPos = valueChunkLeft.length;\n\tvalue = valueChunkLeft + valueChunkRight;\n\n\t// вставить разделители\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\n\t\tconst delimiterIndex = delimitersIndexes[i];\n\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\n\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\n\t\tif (selectionPos >= delimiterIndex) {\n\t\t\tselectionPos++;\n\t\t}\n\t}\n\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\n\t\tselectionPos--;\n\t}\n\n\t// если значение изменилось - вставить его и переместить каретку\n\tif (value !== e.target.value) {\n\t\te.target.value = value;\n\t\te.target.selectionStart = selectionPos;\n\t\te.target.selectionEnd = selectionPos;\n\t}\n}","export default \"/* ui-datepicker */\\n.ui-datepicker {\\n\\t--datepicker-day-color: #FFF;\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\n\\t--datepicker-selected-color: var(--color-blue-500);\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\n\\t--datepicker-range-color: var(--color-blue-100);\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\n\\n\\tuser-select: none;\\n\\twidth: auto;\\n\\tpadding: 0;\\n}\\n\\n.ui-datepicker:before,\\n.ui-datepicker:after {\\n\\tdisplay: none;\\n}\\n\\n/* на странице */\\n.ui-datepicker-inline {\\n\\tdisplay: inline-block !important;\\n}\\n\\n/* в popup */\\n.ui-datepicker:not(.ui-datepicker-inline) {\\n\\tborder-radius: 8px;\\n\\tbackground: var(--content-background-color);\\n\\tbox-shadow: var(--top-shadow);\\n\\tz-index: 10000000 !important;\\n\\tpadding: 8px;\\n}\\n\\n.ui-datepicker a {\\n\\ttext-decoration: none !important;\\n}\\n\\n.ui-datepicker option {\\n\\tcolor: var(--color-text);\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker-header {\\n\\tpadding: 0 !important;\\n\\tmargin: 0 0 18px 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n}\\n\\n.ui-datepicker-header > * {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-title {\\n\\twidth: 100% !important;\\n\\theight: 24px;\\n\\tmargin: 0 !important;\\n}\\n\\n.ui-datepicker-month,\\n.ui-datepicker-year {\\n\\toutline: none !important;\\n\\twidth: auto !important;\\n\\tborder: none;\\n\\tpadding: 0;\\n\\tmargin: 0 6px !important;\\n\\ttext-align: center;\\n\\tfont-size: 16px !important;\\n}\\n\\n.ui-datepicker-month {\\n\\tcolor: var(--color-text);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-gray-300);\\n}\\n\\n/*\\tselect.ui-datepicker-month,\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\nselect.ui-datepicker-month,\\nselect.ui-datepicker-year {\\n\\tcursor: pointer;\\n}\\n\\n.ui-datepicker-prev,\\n.ui-datepicker-next {\\n\\tcursor: pointer;\\n\\twidth: 24px !important;\\n\\theight: 24px !important;\\n\\tfont-size: 24px;\\n\\tfont-family: 'Topvisor-2';\\n\\tposition: static !important;\\n}\\n\\n.ui-datepicker-prev:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev > *,\\n.ui-datepicker-next > * {\\n\\tdisplay: none !important;\\n}\\n\\n.ui-datepicker thead th {\\n\\twidth: auto !important;\\n\\tpadding: 0 !important;\\n\\tcolor: #B3BEBF;\\n\\tfont-size: 14px;\\n\\tfont-weight: 400 !important;\\n}\\n\\n.ui-datepicker table {\\n\\tmargin: 0 !important;\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker td {\\n\\tbackground: none;\\n\\tpadding: 0 !important;\\n}\\n\\n.ui-datepicker td span,\\n.ui-datepicker td a {\\n\\tborder-radius: 8px;\\n\\tborder: none;\\n\\tmin-width: 32px;\\n\\theight: 32px;\\n\\tpadding: 0;\\n\\tmargin: 1px;\\n\\tcolor: var(--color-text) !important;\\n\\tline-height: 32px;\\n\\ttext-align: center;\\n\\tposition: relative;\\n\\tdisplay: block;\\n}\\n\\n/* обычные даты */\\n.ui-datepicker td a {\\n\\tbackground: var(--datepicker-day-color);\\n}\\n\\n.ui-datepicker td a:hover {\\n\\tbackground: var(--datepicker-day-color-hover);\\n}\\n\\n/* текущий день */\\ntd.ui-datepicker-today span,\\ntd.ui-datepicker-today a {\\n\\tbackground: none;\\n\\tposition: relative;\\n}\\n\\n/* выбранные даты */\\n.ui-datepicker td.selected a {\\n\\tbackground: var(--datepicker-range-color);\\n\\tpadding-right: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-right: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected a:hover {\\n\\tbackground: var(--datepicker-range-color-hover);\\n}\\n\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\n\\tborder-top-left-radius: 0;\\n\\tborder-bottom-left-radius: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\n\\tborder-top-right-radius: 0;\\n\\tborder-bottom-right-radius: 0;\\n\\tpadding-right: 1px;\\n\\tmargin-right: 0;\\n}\\n\\n.ui-datepicker td.selected-start a,\\n.ui-datepicker td.selected-end a,\\n.ui-datepicker td.ui-datepicker-current-day a {\\n\\tbackground: var(--datepicker-selected-color);\\n\\tcolor: #FFF !important;\\n}\\n\\n.ui-datepicker td.selected-start a:hover,\\n.ui-datepicker td.selected-end a:hover,\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\n\\tbackground: var(--datepicker-selected-color-hover);\\n}\\n\\n.ui-datepicker-day-marks {\\n\\tline-height: normal;\\n\\tposition: absolute;\\n\\tright: 0;\\n\\tbottom: 3px;\\n\\tleft: 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-day-marks > i {\\n\\tborder-radius: 50%;\\n\\tborder: 1px solid #FFF;\\n\\twidth: 4px;\\n\\theight: 4px;\\n\\tmargin: 0 2px;\\n}\\n\\n.ui-datepicker-day-marks-exists {\\n\\tbackground: var(--color-blue-500);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-red-500);\\n}\\n\\n.ui-datepicker-row-break {\\n\\tdisplay: none;\\n}\""],"names":["Core","$","el","_window","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","valueChunkLeft","value","selectionPos","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":"0HAMAA,EAAAA,KAAAA,YCNA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EDMAA,iBAIAC,EAAAC,GAAA,sFAEE,QAAA,KAAA,0EAAA,EAEA,OAGD,OAAAC,EAAA,OAAA,WAAA,UAAA,WAAAC,EAAA,KAAA,MAAA,WAAA,YAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAEAD,EAAA,OAAAD,CAAA,CACD,EAEgB,SAAAG,EAAAH,EAAAI,EAAA,mDAIhB,IAAAC,EACAC,EACAC,EACAC,EAEAC,EAAAA,MAAAA,EAAAA,MAAAA,EAAAA,KAAAA,MAAAA,UAAAA,EAAAA,IAAAA,OAECJ,EAAAH,EAAA,WAAA,YAAA,EACAI,IAAAI,EAAAL,EAAA,MAAA,IAAA,IAAA,YAAAK,EAAA,KAAA,IACAH,EAAAF,EAAA,QAAA,OAAA,EAAA,EAAA,YAGA,QAAAM,EAAA,EAAAA,EAAAN,EAAA,OAAAM,IACCN,EAAAM,CAAA,IAAAL,GACCE,EAAA,KAAAG,CAAA,CAGH,EAAA,CAAA,UAAA,EAAA,CAAA,6DAWCC,EAAAC,EAAA,UAAA,EAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EACAC,EAAAF,EAAA,UAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EAEAE,EAAAJ,EAAA,OAAAG,EAAA,OAAAR,EACA,GAAAS,EAAA,EAAA,uCAKCD,EAAAA,EAAA,UAAAA,EAAA,OAAAE,CAAA,CAA6F,MAAAD,EAAA,IAG7F,EAAA,YAAA,6DAQDF,EAAAF,EAAA,OACAC,EAAAD,EAAAG,EAGA,QAAAJ,EAAA,EAAAA,EAAAH,EAAA,OAAAG,IAAA,CACC,MAAAO,EAAAV,EAAAG,CAAA,EAEAE,EAAAA,EAAA,UAAA,EAAAK,CAAA,EAAAZ,EAAAO,EAAA,UAAAK,CAAA,EAGAJ,GAAAI,OAMD,EAAA,YAAA,yBAAAL,EAAAC,EAAA,CAAA,IAAAR,4BAMC,EAAA,OAAA,MAAAO,EACA,EAAA,OAAA,eAAAC,EACA,EAAA,OAAA,aAAAA,EAEF"}

package/.chunks/datepicker-8geHBNBn.es.js

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

package/.chunks/datepicker-8geHBNBn.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-8geHBNBn.es.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\n.ui-datepicker {\\n\\t--datepicker-day-color: #FFF;\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\n\\t--datepicker-selected-color: var(--color-blue-500);\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\n\\t--datepicker-range-color: var(--color-blue-100);\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\n\\n\\tuser-select: none;\\n\\twidth: auto;\\n\\tpadding: 0;\\n}\\n\\n.ui-datepicker:before,\\n.ui-datepicker:after {\\n\\tdisplay: none;\\n}\\n\\n/* на странице */\\n.ui-datepicker-inline {\\n\\tdisplay: inline-block !important;\\n}\\n\\n/* в popup */\\n.ui-datepicker:not(.ui-datepicker-inline) {\\n\\tborder-radius: 8px;\\n\\tbackground: var(--content-background-color);\\n\\tbox-shadow: var(--top-shadow);\\n\\tz-index: 10000000 !important;\\n\\tpadding: 8px;\\n}\\n\\n.ui-datepicker a {\\n\\ttext-decoration: none !important;\\n}\\n\\n.ui-datepicker option {\\n\\tcolor: var(--color-text);\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker-header {\\n\\tpadding: 0 !important;\\n\\tmargin: 0 0 18px 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n}\\n\\n.ui-datepicker-header > * {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-title {\\n\\twidth: 100% !important;\\n\\theight: 24px;\\n\\tmargin: 0 !important;\\n}\\n\\n.ui-datepicker-month,\\n.ui-datepicker-year {\\n\\toutline: none !important;\\n\\twidth: auto !important;\\n\\tborder: none;\\n\\tpadding: 0;\\n\\tmargin: 0 6px !important;\\n\\ttext-align: center;\\n\\tfont-size: 16px !important;\\n}\\n\\n.ui-datepicker-month {\\n\\tcolor: var(--color-text);\\n}\\n\\n.ui-datepicker-year {\\n\\tcolor: var(--color-gray-300);\\n}\\n\\n/*\\tselect.ui-datepicker-month,\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\nselect.ui-datepicker-month,\\nselect.ui-datepicker-year {\\n\\tcursor: pointer;\\n}\\n\\n.ui-datepicker-prev,\\n.ui-datepicker-next {\\n\\tcursor: pointer;\\n\\twidth: 24px !important;\\n\\theight: 24px !important;\\n\\tfont-size: 24px;\\n\\tfont-family: 'Topvisor-2';\\n\\tposition: static !important;\\n}\\n\\n.ui-datepicker-prev:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-next {\\n\\torder: 1;\\n}\\n\\n.ui-datepicker-next:before {\\n\\tcontent: '';\\n}\\n\\n.ui-datepicker-prev > *,\\n.ui-datepicker-next > * {\\n\\tdisplay: none !important;\\n}\\n\\n.ui-datepicker thead th {\\n\\twidth: auto !important;\\n\\tpadding: 0 !important;\\n\\tcolor: #B3BEBF;\\n\\tfont-size: 14px;\\n\\tfont-weight: 400 !important;\\n}\\n\\n.ui-datepicker table {\\n\\tmargin: 0 !important;\\n\\tfont-size: 14px;\\n}\\n\\n.ui-datepicker td {\\n\\tbackground: none;\\n\\tpadding: 0 !important;\\n}\\n\\n.ui-datepicker td span,\\n.ui-datepicker td a {\\n\\tborder-radius: 8px;\\n\\tborder: none;\\n\\tmin-width: 32px;\\n\\theight: 32px;\\n\\tpadding: 0;\\n\\tmargin: 1px;\\n\\tcolor: var(--color-text) !important;\\n\\tline-height: 32px;\\n\\ttext-align: center;\\n\\tposition: relative;\\n\\tdisplay: block;\\n}\\n\\n/* обычные даты */\\n.ui-datepicker td a {\\n\\tbackground: var(--datepicker-day-color);\\n}\\n\\n.ui-datepicker td a:hover {\\n\\tbackground: var(--datepicker-day-color-hover);\\n}\\n\\n/* текущий день */\\ntd.ui-datepicker-today span,\\ntd.ui-datepicker-today a {\\n\\tbackground: none;\\n\\tposition: relative;\\n}\\n\\n/* выбранные даты */\\n.ui-datepicker td.selected a {\\n\\tbackground: var(--datepicker-range-color);\\n\\tpadding-right: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-right: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected a:hover {\\n\\tbackground: var(--datepicker-range-color-hover);\\n}\\n\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\n\\tborder-top-left-radius: 0;\\n\\tborder-bottom-left-radius: 0;\\n\\tpadding-left: 1px;\\n\\tmargin-left: 0;\\n}\\n\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\n\\tborder-top-right-radius: 0;\\n\\tborder-bottom-right-radius: 0;\\n\\tpadding-right: 1px;\\n\\tmargin-right: 0;\\n}\\n\\n.ui-datepicker td.selected-start a,\\n.ui-datepicker td.selected-end a,\\n.ui-datepicker td.ui-datepicker-current-day a {\\n\\tbackground: var(--datepicker-selected-color);\\n\\tcolor: #FFF !important;\\n}\\n\\n.ui-datepicker td.selected-start a:hover,\\n.ui-datepicker td.selected-end a:hover,\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\n\\tbackground: var(--datepicker-selected-color-hover);\\n}\\n\\n.ui-datepicker-day-marks {\\n\\tline-height: normal;\\n\\tposition: absolute;\\n\\tright: 0;\\n\\tbottom: 3px;\\n\\tleft: 0;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\\n.ui-datepicker-day-marks > i {\\n\\tborder-radius: 50%;\\n\\tborder: 1px solid #FFF;\\n\\twidth: 4px;\\n\\theight: 4px;\\n\\tmargin: 0 2px;\\n}\\n\\n.ui-datepicker-day-marks-exists {\\n\\tbackground: var(--color-blue-500);\\n}\\n\\n.ui-datepicker-day-marks-update {\\n\\tbackground: var(--color-red-500);\\n}\\n\\n.ui-datepicker-row-break {\\n\\tdisplay: none;\\n}\"","import { toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { dateFormat } from '@/core/utils/date';\n\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\n\nCore.appendStyle(css);\n\nconst _window: any = window;\n\nconst $ = (el: HTMLInputElement) => {\n\tif (!_window?.jQuery?.ui?.datepicker) {\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\n\n\t\treturn;\n\t}\n\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\n\n\treturn _window.jQuery(el);\n};\n\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\n\treturn $(el)?.datepicker(options);\n}\n\nlet dateFormatted;\nlet delimiter: string;\nlet dateNumbersCount: number;\nlet delimitersIndexes: number[];\n\nwatch(toRef(Core.state.dateFormat), () => {\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\n\tdateFormatted = dateFormat('2000-01-01');\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\n\tdelimitersIndexes = [];\n\n\tfor (let i = 0; i < dateFormatted.length; i++) {\n\t\tif (dateFormatted[i] === delimiter) {\n\t\t\tdelimitersIndexes.push(i);\n\t\t}\n\t}\n}, { immediate: true });\n\n/**\n * Автоформат при вводе в поле с датой\n */\nexport function oninput(e: any) {\n\tlet selectionPos = e.target.selectionEnd;\n\tlet value = e.target.value;\n\n\t// разбить занчение на две половины - до и после каретки\n\t// удалить все символы, кроме цифр\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\n\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\n\tif (extraNumbersCount > 0) {\n\t\t// // количество цифр больше требуемого - удалить лишние\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\n\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\n\t} else if (extraNumbersCount < 0) {\n\t\t// количество цифр меньше требуемого - добавить 0\n\t\tif (e.inputType === 'deleteContentForward') {\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\n\t\t} else {\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\n\t\t}\n\t}\n\n\tselectionPos = valueChunkLeft.length;\n\tvalue = valueChunkLeft + valueChunkRight;\n\n\t// вставить разделители\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\n\t\tconst delimiterIndex = delimitersIndexes[i];\n\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\n\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\n\t\tif (selectionPos >= delimiterIndex) {\n\t\t\tselectionPos++;\n\t\t}\n\t}\n\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\n\t\tselectionPos--;\n\t}\n\n\t// если значение изменилось - вставить его и переместить каретку\n\tif (value !== e.target.value) {\n\t\te.target.value = value;\n\t\te.target.selectionStart = selectionPos;\n\t\te.target.selectionEnd = selectionPos;\n\t}\n}"],"names":["css","Core","_window","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","dateFormat","i","oninput","selectionPos","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":";;AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMfC,EAAK,YAAYD,CAAG;AAEpB,MAAME,IAAe,QAEfC,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAJ,KAAA,gBAAAA,EAAS,WAAT,gBAAAI,EAAiB,OAAjB,QAAAD,EAAqB,aAAY;AACrC,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EACD;AAEA,SAAAH,EAAQ,OAAO,WAAW,UAAU,aAAaD,EAAK,MAAM,WAAW,YAAY,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,GAErIC,EAAQ,OAAOE,CAAE;AACzB;AAEgB,SAAAG,EAAkBH,GAAsBI,GAAc;;AACrE,UAAOF,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWE;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMb,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzC,EAAAQ,IAAgBM,EAAW,YAAY,GACvCL,MAAYJ,IAAAG,EAAc,MAAM,IAAI,MAAxB,gBAAAH,EAA4B,OAAM,KAC9CK,IAAmBF,EAAc,QAAQ,QAAQ,EAAE,EAAE,QACrDG,IAAoB,CAAA;AAEpB,WAASI,IAAI,GAAGA,IAAIP,EAAc,QAAQO;AACrC,IAAAP,EAAcO,CAAC,MAAMN,KACxBE,EAAkB,KAAKI,CAAC;AAG3B,GAAG,EAAE,WAAW,GAAA,CAAM;AAKf,SAASC,EAAQ,GAAQ;AAC3B,MAAAC,IAAe,EAAE,OAAO,cACxBC,IAAQ,EAAE,OAAO,OAIjBC,IAAiBD,EAAM,UAAU,GAAGD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GACpEG,IAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GAElEI,IAAoBF,EAAe,SAASC,EAAgB,SAASV;AACzE,MAAIW,IAAoB,GAAG;AAET,IAAAF,IAAAA,EAAe,UAAU,GAAGT,CAAgB;AAEvD,UAAAY,IAA2BZ,IAAmBS,EAAe;AACnE,IAAAC,IAAkBA,EAAgB,UAAUA,EAAgB,SAASE,CAAwB;AAAA,EAAA;AAC9F,IAAWD,IAAoB,MAE1B,EAAE,cAAc,yBAEDF,KAAA,IAAI,OAAO,CAACE,CAAiB,IAE/CD,IAAkB,IAAI,OAAO,CAACC,CAAiB,IAAID;AAIrD,EAAAH,IAAeE,EAAe,QAC9BD,IAAQC,IAAiBC;AAGzB,WAASL,IAAI,GAAGA,IAAIJ,EAAkB,QAAQI,KAAK;AAC5C,UAAAQ,IAAiBZ,EAAkBI,CAAC;AAElC,IAAAG,IAAAA,EAAM,UAAU,GAAGK,CAAc,IAAId,IAAYS,EAAM,UAAUK,CAAc,GAGnFN,KAAgBM,KACnBN;AAAA,EAEF;AAGA,EAAI,EAAE,cAAc,2BAA2BC,EAAMD,IAAe,CAAC,MAAMR,KAC1EQ,KAIGC,MAAU,EAAE,OAAO,UACtB,EAAE,OAAO,QAAQA,GACjB,EAAE,OAAO,iBAAiBD,GAC1B,EAAE,OAAO,eAAeA;AAE1B;"}

package/.chunks/{forms-9516aa6c.es.js → forms-dneLtREE.es.js}

@@ -1,5 +1,5 @@
 import { insertToPage as J } from "../utils/css.js";
-import { reactive as W, defineComponent as g, useCssVars as Q, computed as f, openBlock as p, createElementBlock as c, createElementVNode as w, createCommentVNode as v, createBlock as M, resolveDynamicComponent as x, normalizeClass as h, withCtx as B, renderSlot as _, createTextVNode as ee, toDisplayString as k, withDirectives as S, vModelCheckbox as X, mergeProps as T, withKeys as te, withModifiers as N, vModelText as q, onUnmounted as oe, ref as ae, unref as V, vModelRadio as se, resolveDirective as ne, watch as ie, toRef as le, Fragment as F, renderList as O, vModelSelect as re } from "vue";
+import { reactive as W, defineComponent as g, useCssVars as Q, computed as f, openBlock as p, createElementBlock as c, createElementVNode as w, createCommentVNode as v, createBlock as M, resolveDynamicComponent as x, normalizeClass as h, withCtx as B, renderSlot as _, createTextVNode as ee, toDisplayString as k, withDirectives as S, vModelCheckbox as q, mergeProps as T, withKeys as te, withModifiers as N, vModelText as X, onUnmounted as oe, ref as ae, unref as V, vModelRadio as se, resolveDirective as ne, watch as ie, toRef as le, Fragment as F, renderList as O, vModelSelect as re } from "vue";
 const Z = ["../assets/forms.css"].map((a) => import.meta.resolve(a));
 await J(Z);
 function de() {
@@ -259,7 +259,7 @@ const ke = { class: "top-avatar" }, Me = ["src", "title"], Se = ["title"], Ve =
   },
   setup(a) {
     Q((o) => ({
-      c65930ac: o.size + "px"
+      "566609b7": o.size + "px"
     }));
     const t = a, s = {
       user: {
@@ -344,12 +344,13 @@ ${n.value}` : ""),
           _(o.$slots, "default", {}, () => [
             ee(k(o.icon ? "" : "Button"), 1)
           ])
-        ])) : v("", !0)
+        ])) : v("", !0),
+        _(o.$slots, "html")
       ]),
       _: 3
     }, 8, ["class", "name", "title", "href", "type", "data-top-icon", "data-top-icon2", "disabled", "inProgress"]));
   }
-}), Te = "_progress_1f1nw_1", Re = {
+}), Te = "_progress_1hqxk_1", Re = {
   "top-button": "top-button",
   "top-active": "top-active",
   "top-button-progress": "top-button-progress",
@@ -441,7 +442,7 @@ ${n.value}` : ""),
         indeterminate: e.indeterminate,
         disabled: e.disabled
       }, null, 10, We), [
-        [X, o.value]
+        [q, o.value]
       ]),
       e.$slots.default ? (p(), M(P, {
         key: 0,
@@ -477,10 +478,10 @@ ${n.value}` : ""),
   "top-hint": "top-hint"
 }, Ye = {
   $style: je
-}, Ge = /* @__PURE__ */ y(Ue, [["__cssModules", Ye]]), Ke = ["data-top-icon", "data-top-icon2"], Qe = ["name", "title", "placeholder", "disabled", "readonly"], Xe = {
+}, Ge = /* @__PURE__ */ y(Ue, [["__cssModules", Ye]]), Ke = ["data-top-icon", "data-top-icon2"], Qe = ["name", "title", "placeholder", "disabled", "readonly"], qe = {
   key: 1,
   class: "top-formsCaption"
-}, qe = /* @__PURE__ */ g({
+}, Xe = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "input",
   props: {
@@ -539,7 +540,7 @@ ${n.value}` : ""),
         readonly: l.readonly,
         onKeydown: i[1] || (i[1] = te(N(() => (l.addCleaner || !!l.$slots.btn) && r(), ["stop"]), ["esc"]))
       }, l.$attrs), null, 16, Qe), [
-        [q, o.value]
+        [X, o.value]
       ]),
       l.addCleaner && o.value && o.value !== "0000-00-00" ? (p(), c("span", {
         key: 0,
@@ -547,7 +548,7 @@ ${n.value}` : ""),
         "data-top-icon": "",
         onClick: N(r, ["prevent"])
       })) : v("", !0),
-      l.captionType !== "" ? (p(), c("span", Xe, k(l.title), 1)) : v("", !0),
+      l.captionType !== "" ? (p(), c("span", qe, k(l.title), 1)) : v("", !0),
       _(l.$slots, "default")
     ], 10, Ke));
   }
@@ -558,7 +559,7 @@ ${n.value}` : ""),
   "top-input_cleaner": "top-input_cleaner"
 }, Ze = {
   $style: Je
-}, j = /* @__PURE__ */ y(qe, [["__cssModules", Ze]]), xe = ["modelValue"], et = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
+}, j = /* @__PURE__ */ y(Xe, [["__cssModules", Ze]]), xe = ["modelValue"], et = !!document.documentElement.ontouchstart && !!document.createElement("input").showPicker;
 let Y = (a) => {
 };
 const tt = /* @__PURE__ */ g({
@@ -604,7 +605,7 @@ const tt = /* @__PURE__ */ g({
       r.value = u.target.value;
     };
     async function b(u) {
-      const m = await import("./datepicker-78c2af5a.es.js");
+      const m = await import("./datepicker-8geHBNBn.es.js");
       Y = m.oninput, e = m.connectDatepicker(u.target, {
         onSelect: () => i(u)
       }), e && e.datepicker("show");
@@ -758,7 +759,7 @@ const tt = /* @__PURE__ */ g({
         value: e.value,
         disabled: e.disabled
       }, null, 10, mt), [
-        [X, o.value]
+        [q, o.value]
       ]),
       e.$slots.default ? (p(), M(P, {
         key: 0,
@@ -799,7 +800,7 @@ const tt = /* @__PURE__ */ g({
   emits: ["update:modelValue"],
   setup(a, { emit: t }) {
     Q((e) => ({
-      c838a038: e.minHeight + "px"
+      c35baa86: e.minHeight + "px"
     }));
     const s = a, n = t, o = f({
       get() {
@@ -835,7 +836,7 @@ const tt = /* @__PURE__ */ g({
         }, e.$attrs, {
           "onUpdate:modelValue": r[0] || (r[0] = (i) => o.value = i)
         }), null, 16, vt), [
-          [q, o.value]
+          [X, o.value]
         ]),
         e.expandable ? (p(), c("div", gt, k(o.value + " "), 1)) : v("", !0),
         e.hint ? S((p(), M(Ge, {
@@ -997,4 +998,4 @@ export {
   Ht as r,
   Ct as s
 };
-//# sourceMappingURL=forms-9516aa6c.es.js.map
+//# sourceMappingURL=forms-dneLtREE.es.js.map