@topvisor/ui 0.0.34 → 0.0.35

package/tsconfig.json

@@ -0,0 +1,62 @@
+{
+	"compilerOptions": {
+		// As long as you are using a build tool, we recommend you to author and ship in ES modules.
+		// Even if you are targeting Node.js, because
+		//  - `CommonJS` is too outdated
+		//  - the ecosystem hasn't fully caught up with `Node16`/`NodeNext`
+		// This recommendation includes environments like Vitest, Vite Config File, Vite SSR, etc.
+		"module": "ESNext",
+
+		// We expect users to use bundlers.
+		// So here we enable some resolution features that are only available in bundlers.
+		"moduleResolution": "bundler",
+		"resolveJsonModule": true,
+
+		// `allowImportingTsExtensions` can only be used when `noEmit` or `emitDeclarationOnly` is set.
+		// But `noEmit` may cause problems with solution-style tsconfigs:
+		// <https://github.com/microsoft/TypeScript/issues/49844>
+		// And `emitDeclarationOnly` is not always wanted.
+		// Considering it's not likely to be commonly used in Vue codebases, we don't enable it here.
+		// Required in Vue projects
+		"jsx": "preserve",
+		"jsxImportSource": "vue",
+
+		// `"noImplicitThis": true` is part of `strict`
+		// Added again here in case some users decide to disable `strict`.
+		// This enables stricter inference for data properties on `this`.
+		"noImplicitThis": true,
+		"strict": true,
+
+		// <https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/#verbatimmodulesyntax>
+		// Any imports or exports without a type modifier are left around. This is important for `<script setup>`.
+		// Anything that uses the type modifier is dropped entirely.
+		"verbatimModuleSyntax": true,
+
+		// A few notes:
+		// - Vue 3 supports ES2016+
+		// - For Vite, the actual compilation target is determined by the
+		//   `build.target` option in the Vite config.
+		//   So don't change the `target` field here. It has to be
+		//   at least `ES2020` for dynamic `import()`s and `import.meta` to work correctly.
+		// - If you are not using Vite, feel free to overwrite the `target` field.
+		"target": "ESNext",
+
+		// For spec compilance.
+		// `true` by default if the `target` is `ES2020` or higher.
+		// Explicitly set it to `true` here in case some users want to overwrite the `target`.
+		"useDefineForClassFields": true,
+		
+		// Recommended
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		
+		// See <https://github.com/vuejs/vue-cli/pull/5688>
+		"skipLibCheck": true,
+		"baseUrl": ".",
+		"paths": {
+			"@/*": [
+				"src/*"
+			],
+		}
+	}
+}

package/vite.config.ts

@@ -0,0 +1,91 @@
+import { basename, dirname, resolve } from 'path';
+import glob from 'glob';
+import type { UserConfig } from 'vite';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import cssModules from './build/cssModules';
+import rollupOptions from './build/rollup.config';
+import amdFix from './build/plugin/amdFix';
+
+const config = {
+	plugins: [
+		vue(),
+		amdFix(),
+	],
+	css: {
+		modules: cssModules,
+	},
+	resolve: {
+		alias: [
+			{
+				find: '@',
+				replacement: resolve(__dirname, './src'),
+			},
+		],
+	},
+	publicDir: 'public',
+	build: {
+		lib: {
+			entry: {} as Record<string, string>,
+			name: 'lib',
+			formats: [
+				// css компонентов необходимо загружать отдельно или настроить плагин для подключения css в js
+				'es',
+
+				// fix requirejs: этого значения нет в интерфейсе, используется вместо umd формата, который не поддерживает Multiple entry points
+				// css компонентов автоматически вставляются в js
+				'amd',
+			],
+		},
+		// outDir: 'dist',
+
+		/**
+		 * по умолчанию vite использует es2020
+		 * - es2022 - минимальная версия с поддержкой safari15
+		 * - safari15 - требуется для приватных методов класса
+		 * - firefox90 - требуется для приватных методов класса
+		 */
+		target: ['es2022', 'edge88', 'firefox90', 'chrome87', 'safari15'],
+		minify: true,
+		sourcemap: true,
+		manifest: false,
+		emptyOutDir: true,
+		cssCodeSplit: true,
+		assetsInlineLimit: 0,
+		rollupOptions,
+	},
+} satisfies UserConfig;
+
+/**
+ * Добавить entry, точки входа сборки
+ * @param entryPathes - пути к .ts файлам, задающим правила export
+ * @param onlyCSS - после сборки оставить только css файлы
+ */
+function appendPathesToEntry (entryPathes: string[], distDir?: string): void {
+	entryPathes.forEach(entryPath => {
+		let dirName = basename(dirname(entryPath)).replace('.ts', '');
+		let name = basename(entryPath).replace('.ts', '');
+
+		name = dirName + '/' + name;
+
+		if (distDir) {
+			name = distDir + '/' + name;
+		}
+
+		config.build.lib.entry[name] = entryPath;
+	});
+}
+
+const corePathes = glob.sync('./src/core/core/core.ts');
+appendPathesToEntry(corePathes);
+
+const utilsPathes = glob.sync('./src/core/utils/*.ts');
+appendPathesToEntry(utilsPathes);
+
+const componentsLibsPathes = glob.sync('./src/components/*/*.ts');
+appendPathesToEntry(componentsLibsPathes);
+
+const cssCorePathes = glob.sync('./src/resources/**/*.ts');
+appendPathesToEntry(cssCorePathes, 'for-delete');
+
+export default defineConfig(config);

package/.chunks/datepicker-0b648b9f.es.js

@@ -1,275 +0,0 @@
-import { watch as g, toRef as m } from "vue";
-import { C as k, U as h } from "./forms-eb00d0c1.es.js";
-const b = `/* ui-datepicker */\r
-.ui-datepicker {\r
-	--datepicker-day-color: #FFF;\r
-	--datepicker-day-color-hover: var(--color-blue-150);\r
-	--datepicker-selected-color: var(--color-blue-500);\r
-	--datepicker-selected-color-hover: var(--color-blue-550);\r
-	--datepicker-range-color: var(--color-blue-100);\r
-	--datepicker-range-color-hover: var(--color-blue-150);\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);\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);\r
-}\r
-\r
-.ui-datepicker-year {\r
-	color: var(--color-gray-300);\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
-	content: '';\r
-}\r
-\r
-.ui-datepicker-next {\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: #B3BEBF;\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
-	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) !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-blue-500);\r
-}\r
-\r
-.ui-datepicker-day-marks-update {\r
-	background: var(--color-red-500);\r
-}\r
-\r
-.ui-datepicker-row-break {\r
-	display: none;\r
-}`;
-k.appendStyle(b);
-const o = window, x = (t) => {
-  var r, e;
-  if (!((e = (r = o == null ? void 0 : o.jQuery) == null ? void 0 : r.ui) != null && e.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(t);
-};
-function y(t, r) {
-  var e;
-  return (e = x(t)) == null ? void 0 : e.datepicker(r);
-}
-let d, l, p, u;
-g(m(k.state.dateFormat), () => {
-  var t;
-  d = h.dateFormat("2000-01-01"), l = ((t = d.match(/\D/)) == null ? void 0 : t[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
-  for (let r = 0; r < d.length; r++)
-    d[r] === l && u.push(r);
-}, { immediate: !0 });
-function F(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, ""), c = n.length + i.length - p;
-  if (c > 0) {
-    n = n.substring(0, p);
-    const a = p - n.length;
-    i = i.substring(i.length - a);
-  } else
-    c < 0 && (t.inputType === "deleteContentForward" ? n += "0".repeat(-c) : i = "0".repeat(-c) + i);
-  r = n.length, e = n + i;
-  for (let a = 0; a < u.length; a++) {
-    const s = u[a];
-    e = e.substring(0, s) + l + e.substring(s), r >= s && r++;
-  }
-  t.inputType === "deleteContentBackward" && e[r - 1] === l && r--, e !== t.target.value && (t.target.value = e, t.target.selectionStart = r, t.target.selectionEnd = r);
-}
-export {
-  y as connectDatepicker,
-  F as oninput
-};
-//# sourceMappingURL=datepicker-0b648b9f.es.js.map

package/.chunks/datepicker-0b648b9f.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker-0b648b9f.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: #FFF;\\r\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\r\\n\\t--datepicker-selected-color: var(--color-blue-500);\\r\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\r\\n\\t--datepicker-range-color: var(--color-blue-100);\\r\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\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);\\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);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-gray-300);\\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\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\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: #B3BEBF;\\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\\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) !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-blue-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-red-500);\\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 UtilsDate 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 _window: any = window;\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!_window?.jQuery?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\t_window.jQuery.datepicker._defaults.dateFormat = Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\r\n\treturn _window.jQuery(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 = UtilsDate.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","_window","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","UtilsDate","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;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;;AAEzB,EAAAQ,IAAAM,EAAU,WAAW,YAAY,GACjDL,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;AAC9F,IAAWD,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;"}

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

@@ -1,234 +0,0 @@
-define(["exports","vue","./forms-02202302.amd"],function(k,h,c){"use strict";const m=`/* ui-datepicker */\r
-.ui-datepicker {\r
-	--datepicker-day-color: #FFF;\r
-	--datepicker-day-color-hover: var(--color-blue-150);\r
-	--datepicker-selected-color: var(--color-blue-500);\r
-	--datepicker-selected-color-hover: var(--color-blue-550);\r
-	--datepicker-range-color: var(--color-blue-100);\r
-	--datepicker-range-color-hover: var(--color-blue-150);\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);\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);\r
-}\r
-\r
-.ui-datepicker-year {\r
-	color: var(--color-gray-300);\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
-	content: '';\r
-}\r
-\r
-.ui-datepicker-next {\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: #B3BEBF;\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
-	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) !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-blue-500);\r
-}\r
-\r
-.ui-datepicker-day-marks-update {\r
-	background: var(--color-red-500);\r
-}\r
-\r
-.ui-datepicker-row-break {\r
-	display: none;\r
-}`;c.Core.appendStyle(m);const a=window,b=t=>{var r,e;if(!((e=(r=a==null?void 0:a.jQuery)==null?void 0:r.ui)!=null&&e.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(t)};function f(t,r){var e;return(e=b(t))==null?void 0:e.datepicker(r)}let o,p,l,u;h.watch(h.toRef(c.Core.state.dateFormat),()=>{var t;o=c.UtilsDate.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,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=f,k.oninput=v,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=datepicker-0e9a0541.amd.js.map