@topvisor/ui 1.1.0 → 1.2.0

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/224/320/276/320/277/320/276/320/273/320/275/320/270/321/202/320/265/320/273/321/214/320/275/320/260/321/217 /320/273/320/270/321/202/320/265/321/200/320/260/321/202/321/203/321/200/320/260.mdx"

@@ -0,0 +1,15 @@
+# Дополнительная литература
+
+- [package.json](https://docs.npmjs.com/cli/v9/configuring-npm/package-json)
+- [tsconfig.json](https://www.typescriptlang.org/tsconfig/)
+- [Vue](https://vuejs.org/)
+- [Vite](https://vitejs.dev/)
+- [Storybook](https://storybook.js.org/)
+- пример UI-kit vue от GitLab:
+    - [Исходники](https://gitlab.com/-/ide/project/gitlab-org/gitlab-ui/edit/main/-/src/components/base/button/button.vue)
+    - [Storybook](https://gitlab-org.gitlab.io/gitlab-ui/)
+- [TypeScript](https://www.typescriptlang.org/docs/) - весь js код мы пишем на **TypeScript**
+- [TypeDoc](https://typedoc.org/) - утилита для автоматической **генерации документации** из TypeScript
+- [Markdown](https://markdown.land/) - полная документация по синтаксису **Markdown**
+- [Mermaid Chart](https://www.mermaidchart.com/) - редактор **Mermaid** для построения графиков
+- [Faker](https://fakerjs.dev/) - интструмент для **генерации данных для примеров** и тестов

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/320/260/320/275/320/264/320/260/321/200/321/202/321/213 /320/272/320/276/320/264/320/260//320/235/320/260/321/201/321/202/321/200/320/276/320/271/320/272/320/260 IDE.mdx"

@@ -0,0 +1,45 @@
+# IDE
+
+## IntelliJ IDEA
+
+Все рекомендуемые настройки уже расположены в настрйоках проекта в папке /.idea. Эти настройки будут применены автоматически.
+
+Дополнительно настройте:
+
+- включить **Vue**: `File | Settings | Languages & Frameworks | TypeScript | Vue`
+- включить опцию **Ensure every saved file ends with a line break**: `File | Settings | Editor | General`
+- выключить опцию **Reformat again**: `File | Settings | Editor | General | Smart Keys`
+- включить опции при сохранении: `File | Settings | Tools | Actions on Save`
+    - **Reformat code**
+    - **Run code clenup**
+- включить опции при сохранении: `File | Settings | Build, Execution, Deployment | Deployment | Options`
+  - **upload changes**: always
+  - **delete remove files**
+- для корректного автоформата добавьте расширение ***.mdx** в **Markdown**: `File | Settings | Editor | File Types`
+
+**Преимещуства**:
+
+- Комлпексные решения для разработки (не требует настройки плагинов)
+- Много расширений
+- Скорость работы
+
+**Недостатки**:
+
+- Платный
+
+## Visual Studio Code
+
+Все рекомендуемые настройки уже расположены в настрйоках проекта в папке /.vscode. Эти настройки будут применены автоматически.
+
+**Преимещуства**:
+
+- Быстрая утановка
+- Много расширений
+- Может быть встроен в браузер
+- Бесплатный
+
+**Недостатки**:
+
+- Не комлпексные решения для разработки, требуется установка расширений для каждой специализации разрабокти
+- Расширения снижают скорость работы IDE
+- Нет поддержки работы с FTP из коробки

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/320/260/320/275/320/264/320/260/321/200/321/202/321/213 /320/272/320/276/320/264/320/260//320/236/321/204/320/276/321/200/320/274/320/273/320/265/320/275/320/270/320/265 /320/272/320/276/320/264/320/260.mdx"

@@ -0,0 +1,31 @@
+# Оформление кода
+
+Для phpStorm все правила автоформата настроены.
+
+Включите у себя автоформат при сохраении файла, чтобы он применялся автоматичсески.
+
+<table>
+	<tr>
+		<th>Название</th>
+		<th>Значение</th>
+	</tr>
+	<tr>
+		<td>Отступы</td>
+		<td>tab (количество пробелов не важно)</td>
+	</tr>
+	<tr>
+		<td>Разделитель строк</td>
+		<td>\r\n</td>
+	</tr>
+	<tr>
+		<td>Стиль кода</td>
+		<td>K&R (1TBS)</td>
+	</tr>
+</table>
+
+Для JavaScript используются рекомендации [JavaScript Standard Style](https://github.com/standard/standard/blob/master/RULES.md) со следющими
+изменениями:
+
+* SPACE_BEFORE_METHOD_PARENTHESES = false
+* USE_SEMICOLON_AFTER_STATEMENT = true
+* USE_TAB_CHARACTER = true

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/320/260/320/275/320/264/320/260/321/200/321/202/321/213 /320/272/320/276/320/264/320/260//320/241/321/202/320/260/320/275/320/264/320/260/321/200/321/202/321/213 /320/272/320/276/320/264/320/260.mdx"

@@ -0,0 +1,29 @@
+# Стандарты кода
+
+Позвольте рассказать о стандартах js и о том, как это здорово. 👍
+
+Бытует мнение, что стандарты это набор правил, которые можно запихнуть в линтер и не думать о них.
+Давайте развенчаем этот миф и обратим внимание, что это опыт огромного сообщества разрабочтиков, который поможет избежать распространненых ошибок.
+
+- 🚀 изучив руководство ваша продуктивность написания кода увеличится;
+- 🤝 код, написанный по стандартам будет читаться проще другими разработчиками;
+- 🧐 в нем будет читаться ход ваших мыслей;
+- 💡 вероятность ошибок будет уменьшаться, так как в рекомендациях учтен опыт других разработчиков;
+- 🤖 имена переменных, группировка кода на логические блоки, выбор типа переменных и многое другое — это то, что ИИ не способно сделать правильно.
+  Правила такого рода не могут быть автоформатом и должны применяться осознанно.
+
+Рекомендации от разработчиков модуля **JavaScript Standard Style**:
+
+- [js](https://github.com/standard/standard/blob/master/RULES.md) - использется для автоформата в настройках IDE, см. **Оформление кода**
+
+Опыт разработчиков **Google**:
+
+- [js](https://google.github.io/styleguide/jsguide.html)
+- [js c переводом](https://rostislavdugin.github.io/styleguide/jsguide.html)
+- [html и css](https://google.github.io/styleguide/htmlcssguide.html)
+
+Опыт разработчиков **Airbnb**:
+
+- [js](https://github.com/airbnb/javascript#performance)
+- [js c переводом](https://github.com/leonidlebedev/javascript-airbnb/)
+- [html и css](https://github.com/standard/standard/blob/master/RULES.md)

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/321/200/321/203/320/272/321/202/321/203/321/200/320/260 UI//320/232/320/276/320/274/320/277/320/276/320/275/320/265/320/275/321/202/321/213//320/232/320/276/320/274/320/277/320/276/320/275/320/265/320/275/321/202/321/213.mdx"

@@ -0,0 +1,41 @@
+# Компоненты
+
+Имена компонентов должны быть уникальными, независимо от бибилиотеки, в которой находятся компоненты.
+
+
+Сборка производится в **библиотеки** - единые точки входа для ее компонентов.
+
+Для определения библиотеки нужно создать **entry** файл и перечислить в нем импорты и экспорты всех его **компонентов**.
+
+В **entry** файле можно перечислить **типы** предосталяемые компонентами и их **утилиты**.
+Утилиты должны экспоритроваться сквозным методом через export / from.
+
+## Структура бибилиотеки
+
+- каждый компонент принадлежит определенной бибилиотеке
+- все компоненты располагаются в папке бибилиотеки: `src/components/{{ libName }}`
+- папка компонента: `src/components/{{ libName }}/{{ componentName }}`
+- каждая бибилиотека собирается в отельный пакет (bundle) с именем, равным имени **entry** файла
+- entry файл для бибилиотеки: `src/components/{{ libName }}/{{ libName }}.ts`
+
+## Структура компонента
+
+Структура компонентов в библиотеке, пути указаны от корня компонента:
+
+- основной файл: `./{{ componentName }}.vue`
+- типы компонента (например: props, slots и emits): `./types.ts`
+- утилиты:
+    - `./utils.ts`
+    - `./utils/{{ utilsName }}.ts`
+- стили компонента (при вынесении из SFC):
+    - `./style.css`
+    - `./style/{{ styleName }}.css`
+- истории storybook: `./{{ componentName }}.stories.ts`
+- дополниетельные файлы для историй storybook: `./{{ componentName }}/stories/*`
+
+## Пример
+
+Для примера, см. реализацию ui / forms / TopButton 
+
+- src/components/forms/forms.ts
+- src/components/forms/forms/button/button.vue

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/321/200/321/203/320/272/321/202/321/203/321/200/320/260 UI//320/232/320/276/320/274/320/277/320/276/320/275/320/265/320/275/321/202/321/213//320/241/321/202/320/270/320/273/320/270 /320/272/320/276/320/274/320/277/320/276/320/275/320/265/320/275/321/202/321/213.mdx"

@@ -0,0 +1,58 @@
+# Стили компонентов
+
+[Общая статья про стили](?path=/docs/разработка-contributing-css-стили--docs).
+
+## Стандартное использование
+
+Стили прописываются в SFC в `<style>`;
+
+Можно выносить стили в отдельные файлы и импорт их в SFC:
+
+```
+
+<style>
+	@import "./style/{{ componentName или styleName }}.css";
+</style>
+```
+
+Стили, прописанные в SFC, при сборке будут расположены в папке `assets/{{ componentName }}.css`.
+
+**Исключение**: Все стили forms будут расположены в `assets/forms`, это необходимо для быстрой загрузки основных стилей UI.
+
+При стандартном использовании стили компонента будут **автоматически** загружены вместе с компоненом сразу и добавлены на страницу, перед его
+отрисовкой через `Core.insertCSSLinkToPage()`.
+
+## Загрузки стилей по требованию
+
+Стили располагаются в папке с компонентом, но не добавляются в SFC.
+
+Такие стилей не будут добавлены в сборку css, поэтому с ними можно работать рапрямую в js:
+
+```js
+// @/component/example/lib/preview.ts
+
+import Core from '@/core/core/core';
+import style from './style/{{ styleName }}.css?inline';
+import styleM from './style/{{ styleName }}.m.css?inline';
+import stylePC from './style/{{ styleName }}.pc.css?inline';
+
+Core.insertStyleToPage(style);
+Core.insertStyleToPage(styleM, 'm');
+Core.insertStyleToPage(stylePC, 'pc');
+
+export const open = () => {
+	//...	
+};
+```
+
+При таком использовании стили будут внедрены прямо в js файл.
+
+Затем в нужное время загрузить модуль:
+
+```html
+<!-- @/component/example/preview/preview.vue -->
+
+<template>
+	<button @click="import('@/component/example/lib/preview.ts').then(previewLib => previewLib.open())"></button>
+</template>
+```

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/321/200/321/203/320/272/321/202/321/203/321/200/320/260 UI//320/241/321/202/321/200/321/203/320/272/321/202/321/203/321/200/320/260 UI.mdx"

@@ -0,0 +1,11 @@
+# Структура UI
+
+- **public** - предустановленные файлы сборки, которые будут добавлены в сборку как есть
+- **src/components** - vue компоненты
+- **src/resources/core** - общие стили
+- **src/resources/themes** - стили тем оформления
+- **src/core** - другие файлы
+    - **src/core/composables** - утилиты сопоставления (composables)
+    - **src/core/directives** - vue директивы
+    - **src/core/plugins** - vue плагины
+    - **src/core/utils** - утилиты

package/src//320/240/320/260/320/267/321/200/320/260/320/261/320/276/321/202/320/272/320/260 (Contributing)//320/241/321/202/321/200/321/203/320/272/321/202/321/203/321/200/320/260 UI//320/243/321/202/320/270/320/273/320/270/321/202/321/213.mdx"

@@ -0,0 +1,5 @@
+# Утилиты
+
+Расположение набора утилит: `src/core/utils/{{ package }}.ts`
+
+Набор утилит должен содержать именованные экспорта функции с полными и уникальными названиями.

package/storybook-dev.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+
+# Определение приоритетного локального ip
+get_network_ip() {
+  case "$(uname -s)" in
+    Linux|Darwin) ip -o -4 addr show | awk '{print $4}' | cut -d'/' -f1 | grep -v '127.0.0.1' ;;
+    CYGWIN*|MINGW*|MSYS*) ipconfig | findstr "IPv4" | awk '{print $NF}' | grep -v '127.0.0.1' ;;
+    *) echo "Неподдерживаемая ОС" && exit 1 ;;
+  esac | awk '{priority = /^192\.168\./ ? 0 : 1; print priority, $0}' | sort -k1,1n -k2 | cut -d' ' -f2- | head -n 1
+}
+
+local_ip=$(get_network_ip)
+
+npx storybook dev --host $local_ip -p 6006 --ci

package/tsconfig.json

@@ -0,0 +1,91 @@
+{
+	"compilerOptions": {
+		// Most non-library projects don't need to emit declarations.
+		// So we add this option by default to make the config more friendly to most users.
+		"noEmit": true,
+		// When type-checking with solution-style tsconfigs, though with `noEmit: true`, there won't
+		// be any `.d.ts` files emitted, but tsc still writes a `.tsbuildinfo` file to the `outDir`
+		// for each project. If we don't explicitly set the `outDir`, it will be in the same folder
+		// as the `tsconfig.json` file, which would look messy.
+		// Setting it to `./dist/` isn't ideal either, because it would pollute the `dist` folder.
+		// So we set it to a hidden folder in `node_modules` to avoid polluting the project root.
+		// FIXME:
+		// This caused a regression: https://github.com/vuejs/tsconfig/issues/27
+		// Need to find a better solution.
+		// "outDir": "./node_modules/.cache/vue-tsbuildinfo",
+
+		// 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/*"
+			]
+		},
+
+		"types": [
+			"node",
+			"vite/client",
+			"jquery",
+			"jqueryui"
+		],
+
+		"noImplicitAny": false
+	},
+
+	"include": [
+		".storybook/**/*",
+		"build/**/*",
+		"src/**/*"
+	]
+}

package/typedoc.json

@@ -0,0 +1,20 @@
+{
+	"$schema": "https://typedoc.org/schema.json",
+	"readme": "none",
+	"plugin": [
+		"typedoc-plugin-markdown",
+		"typedoc-plugin-mdn-links"
+	],
+	"entryFileName": "Docs",
+	"fileExtension": ".mdx",
+	"indexFormat": "table",
+	"parametersFormat": "table",
+	"useHTMLEncodedBrackets": true,
+	"hidePageHeader": true,
+	"hideBreadcrumbs": true,
+	"hideGroupHeadings": true,
+	"useCodeBlocks": true,
+	"markdownItOptions": {
+		"linkify": true
+	}
+}

package/vite.config.ts

@@ -0,0 +1,148 @@
+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 dynamicImport from 'vite-plugin-dynamic-import';
+import type { PluginOptions } from 'vite-plugin-dts';
+import dts from 'vite-plugin-dts';
+import cssModules from './build/cssModules';
+import rollupOptions from './build/rollup.config';
+import autoloadCSS from './build/plugin/autoloadCSS';
+import amdFix from './build/plugin/amdFix';
+
+const dtsOptions = {
+	insertTypesEntry: true,
+	staticImport: true,
+
+	// перечислить все файлы, входящие в сборку
+	include: [
+		resolve(__dirname, './src/components/*/**'),
+		resolve(__dirname, './src/core/**'),
+	],
+	exclude: [
+		resolve(__dirname, './**/*.stories.*'),
+	],
+} satisfies PluginOptions;
+
+const config: UserConfig = {
+	css: {
+		modules: cssModules,
+	},
+	resolve: {
+		alias: [
+			{
+				find: '@',
+				replacement: resolve(__dirname, './src'),
+			},
+			// см. /.storybook/preview-head.html
+			{
+				find: 'jquery',
+				replacement: resolve(__dirname, './src/storybook/jquery.ts'),
+			},
+		],
+	},
+	publicDir: 'public',
+	appType: 'custom',
+	preview: {
+		cors: {
+			origin: '*',
+		},
+		proxy: {
+			//  редирект на .js для esm
+			'^.*(?<!\.js|\.ts|\.css|\.md)$': {
+				target: 'http://localhost:4173',
+				rewrite: (path) => path + '.js',
+			},
+		},
+	},
+	build: {
+		lib: {
+			entry: {} as Record<string, string>,
+			name: '@topvisor/ui',
+			formats: [
+				'es',
+
+				// @ts-ignore - fix requirejs: этого значения нет в интерфейсе, используется вместо umd формата, который не поддерживает Multiple entry points
+				'amd',
+			],
+		},
+		// outDir: 'dist',
+
+		/**
+		 * по умолчанию vite использует es2020
+		 * - es2022 - минимальная версия с поддержкой safari15
+		 * - safari15 - требуется для приватных методов класса
+		 * - firefox90 - требуется для приватных методов класса
+		 */
+		target: ['es2022', 'edge89', 'firefox90', 'chrome89', 'safari15'],
+		// minify: false,
+		sourcemap: true,
+		manifest: false,
+		emptyOutDir: true,
+		cssCodeSplit: true,
+		assetsInlineLimit: 0,
+		rollupOptions,
+	},
+};
+
+/**
+ * Добавить entry, точки входа сборки
+ * @param entryPathes - пути к .ts файлам, задающим правила export
+ * @param distDir - в какую папку выполнить сборку
+ */
+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;
+		}
+
+		if (config.build.lib) {
+			config.build.lib.entry[name] = entryPath;
+		}
+	});
+}
+
+const corePathes = glob.sync('./src/core/app.ts');
+appendPathesToEntry(corePathes);
+
+// const corePathes2 = glob.sync(['./src/core/plugin/plugin.ts', './src/core/directives/*.ts']);
+// appendPathesToEntry(corePathes2, 'core');
+
+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/styles/core/**/*.ts');
+appendPathesToEntry(cssCorePathes, 'for-delete');
+
+const cssThemePathes = glob.sync('./src/resources/styles/themes/**/*.ts');
+appendPathesToEntry(cssThemePathes, 'for-delete');
+
+// @ts-ignore
+export default defineConfig((env) => {
+	const plugins = [
+		vue(),
+		autoloadCSS(),
+
+		// должен выполняться после autoloadCSS(), так как требует опредления путей к css
+		amdFix(),
+	];
+
+	if (env.mode === 'preview') {
+		config.build.minify = false;
+	} else {
+		plugins.push(dts(dtsOptions));
+	}
+
+	config.plugins = plugins;
+
+	return config;
+});

package/.chunks/core-CcWs0qYw.amd.js

@@ -1,2 +0,0 @@
-define(["require","exports","vue","./forms-BwGakScF.amd","../popup/worker.amd","./dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd","../utils/dom.amd"],function(r,V,w,i,l,_,S){"use strict";if(typeof w>"u")var w=window.Vue;class I{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",e=>{var o;!(e.target instanceof HTMLElement)||!((o=e.target.dataset)!=null&&o.topPopupOpenByHover)||e.target.click()}),document.addEventListener("scroll",()=>{i.Core.state.isMobile||i.Core.state.isMobileUA||l.TopPopupWorker.getAll().forEach(e=>l.TopPopupWorker.close(e))}),i.Events.addOnReize(e=>{i.Core.state.isMobile&&e.topEvent.widthDiff&&l.TopPopupWorker.getAll().forEach(o=>l.TopPopupWorker.close(o))}),document.addEventListener("click",this.onclick))}static async onclick(e){var n,s,c,a,D;if(!(e.target instanceof HTMLElement))return;let o;switch(!0){case!!((n=e.target.dataset)!=null&&n.topPopup):o=e.target;break;case!!((s=e.target.parentElement)!=null&&s.dataset.topPopup):o=e.target.parentElement;break;case!!((a=(c=e.target.parentElement)==null?void 0:c.parentElement)!=null&&a.dataset.topPopup):o=(D=e.target.parentElement)==null?void 0:D.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(e.preventDefault(),await l.TopPopupWorker.openByOpener(o)))}}let g;const R={mounted:async(t,e)=>{g||(g=(await new Promise((c,a)=>r(["../utils/dom.amd"],c,a))).storage);const o=e.arg,n=e.value;g(t,o,n)}};let h,d=[],b;const M=async()=>{const{isVisible:t}=await new Promise((o,n)=>r(["../utils/dom.amd"],o,n));if(d=d.filter(t),!d.length)return;d[0].focus(),d=[]},C=async t=>{h||(h=await new Promise((e,o)=>r(["../utils/lodash.amd"],e,o))),b||(b=h.debounce(M,30)),d.push(t),b()},x={mounted:function(t,e){t.__TOP_V_FOCUS_VALUE=e.value??!0,(e.value??!0)&&C(t)},updated:function(t,e){e.modifiers.onupdate&&t.__TOP_V_FOCUS_VALUE!==(e.value??!0)&&(t.__TOP_V_FOCUS_VALUE=e.value??!0,(e.value??!0)&&C(t))}};let v,E;const k=t=>(typeof t=="boolean"||(t?t={...t}:t={},t.behavior??="smooth",t.block??="nearest",t.inline??="nearest"),t);let f,P;const H=async()=>{if(!f)return;const t=await y(f);t.isVisible&&f.scrollIntoView(t.scrollIntoViewOptions)},A=async t=>{E||(E=await new Promise((e,o)=>r(["../utils/lodash.amd"],e,o))),P||(P=E.debounce(H,30)),f=t,P()},y=async(t,e)=>{v||(v=await new Promise((n,s)=>r(["../utils/dom.amd"],n,s)));let o=v.storage(t,"v-top-scrollIntoView");return o||(o={isVisible:S.isVisible(t),scrollIntoViewOptions:k(e)},v.storage(t,"v-top-scrollIntoView",o)),o},W={async mounted(t,e){await y(t,e.value),e.modifiers.immediate&&A(t)},async updated(t,e){const o=await y(t,e.value);o.scrollIntoViewOptions=k(e.value);const n=S.isVisible(t);n&&o.isVisible!==n&&A(t),o.isVisible=n}};let u;const $={async mounted(t){u||(u=await new Promise((e,o)=>r(["../utils/scroll.amd"],e,o))),u.connectScrollShadow(t)},async unmounted(t){u||(u=await new Promise((e,o)=>r(["../utils/scroll.amd"],e,o))),u.unconnectScrollShadow(t)}};let p;const N={mounted(t,e,o){const n=e.value||"top-sticky";p=new IntersectionObserver(s=>{let c=s[0].intersectionRatio<1;c&&e.modifiers.bottom&&s[0].intersectionRect.y===0&&(c=!1),t.classList.toggle(n,c)},{threshold:[1]}),p.observe(t)},unmounted(t,e,o){p==null||p.disconnect()}};let L=!1,m;const T=new Map,F=(t,e)=>{const{distance:o,percent:n}=t.directiveSwipUpOptions,s=t.getBoundingClientRect().top,c=e*n/100/o,a=(e-s)/c;a<=o?t.style.transform=`translateY(${o-a}px)`:t.style.transform="translateY(0px)"},B=t=>{let e=window.innerHeight;window.addEventListener("scroll",()=>{T.forEach(o=>F(o,e))},{passive:!0}),m=new IntersectionObserver(o=>{e=window.innerHeight,o.forEach(n=>{const s=n.target;if(n.intersectionRatio<.1?T.delete(s):T.set(s,s),n.intersectionRatio===0){const{distance:c}=s.directiveSwipUpOptions;s.style.transform=`translateY(${c}px)`}})},{threshold:.1})},Y={mounted(t,e,o){var n,s;i.Core.state.isMobileUA||(t.directiveSwipUpOptions={distance:((n=e.value)==null?void 0:n.distance)??100,percent:((s=e.value)==null?void 0:s.percent)??30},L||(B(),L=!0),m.observe(t))},unmounted(t,e,o){T.delete(t),m==null||m.unobserve(t)}},U=t=>{var e,o;if(!((o=(e=i.Core.$)==null?void 0:e.ui)!=null&&o.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return i.Core.$(t)},O=(t,e)=>{var n;const o=t.value??{};return o.content??=(n=e.props)==null?void 0:n.title,o.content=String(o.content).replace(/\r\n|\r|\n/g,"<br>"),o.position??={my:"bottom-18px",at:"top center"},o},j={mounted(t,e,o){var n;(n=U(t))==null||n.tooltip(O(e,o))},updated(t,e,o,n){var a;const s=O(e,o),c=(a=U(t))==null?void 0:a.tooltip("instance");c&&(c.options={...c.options,...s})},unmounted(t,e,o){var n;(n=U(t))==null||n.tooltip("destroy")}},z=w.defineAsyncComponent(()=>new Promise((t,e)=>r(["./notice-CJdCc72d.amd"],t,e)));window.vd=console.log;const G={install:(t,e)=>{t.config.globalProperties.$core=i.Core,t.config.globalProperties.$vd=console.log;for(const o in e)i.Core.state[o]=e[o];e.widthForMobile&&(i.Core.widthForMobile=e.widthForMobile),e.themeName&&(i.Core.themeName=e.themeName),i.Core._setState(),e.topPopupOptions&&(l.TopPopupWorker.options=e.topPopupOptions),I.init(),_.TopDialogWorker.init(e.topDialogOptions),t.directive("top-data",R),t.directive("top-focus",x),t.directive("top-scroll-into-view",W),t.directive("top-scroll-shadow",$),t.directive("top-sticky",N),t.directive("top-swim-up",Y),t.directive("top-tooltip",j),t.component("TopAvatar",i.TopAvatar),t.component("TopButton",i.TopButton),t.component("TopCheckbox",i.TopCheckbox),t.component("TopControlLabel",i.TopControlLabel),t.component("TopHint",i.TopHint),t.component("TopInput",i.TopInput),t.component("TopInputDate",i.TopInputDate),t.component("TopInputRange",i.TopInputRange),t.component("TopLoadbar",i.TopLoadbar),t.component("TopRadio",i.TopRadio),t.component("TopSelect",i.TopSelect),t.component("TopSwitcher",i.TopSwitcher),t.component("TopTextarea",i.TopTextarea),t.component("TopNotice",z),t.component("TopDialogs",_._sfc_main)}};V.core=G});
-//# sourceMappingURL=core-CcWs0qYw.amd.js.map

package/.chunks/core-CcWs0qYw.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-CcWs0qYw.amd.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/core/directives/data.ts","../../src/core/directives/focus.ts","../../src/core/directives/scrollIntoView.ts","../../src/core/directives/scrollShadow.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/directives/tooltip.ts","../../src/core/plugins/core.ts"],"sourcesContent":["import Core from '@/core/core/core';\r\nimport Events from '@/core/core/events';\r\nimport Worker from '@/components/popup/lib/worker';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n */\r\nclass WorkerEvents {\r\n\r\n\tprivate static isInited = false;\r\n\r\n\t/**\r\n\t * Добавить глобальные обработчики\r\n\t *\r\n\t * Добавляются на страницу один раз и навсегда\r\n\t */\r\n\tstatic init(): void {\r\n\t\tif (this.isInited) return;\r\n\r\n\t\tthis.isInited = true;\r\n\r\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\r\n\t\tdocument.addEventListener('mouseover', (e) => {\r\n\t\t\tif (!(e.target instanceof HTMLElement) || !e.target.dataset?.topPopupOpenByHover) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\te.target.click();\r\n\t\t});\r\n\r\n\t\t// при скролле страницы закрыть Popup\r\n\t\tdocument.addEventListener('scroll', () => {\r\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t});\r\n\r\n\t\tEvents.addOnReize(e => {\r\n\t\t\t// закрыть popup при повороте экрана телефона\r\n\t\t\t// если была отображена ПК версия, она будет закрыта\r\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\r\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t *\r\n\t * Обрабатывает клики на открытие Popup\r\n\t */\r\n\tprivate static async onclick(e: Event): Promise<void> {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\tlet elOpener: HTMLElement | null | undefined;\r\n\r\n\t\tswitch (true) {\r\n\t\t\tcase !!e.target.dataset?.topPopup:\r\n\t\t\t\telOpener = e.target;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement?.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (!elOpener) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupDisabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// меню уже открыто\r\n\t\tif (elOpener.dataset.topPopupOpened) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\r\n\t\tawait Worker.openByOpener(elOpener);\r\n\t}\r\n}\r\n\r\nexport default WorkerEvents;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\nlet storage: any;\r\n\r\n/**\r\n * Сохранить данные в элементе\r\n *\r\n * Для доступа к данным можно воспользоваться ui/utils/dom storage()\r\n */\r\nconst data = {\r\n\tmounted: async (el: HTMLElement, binding: DirectiveBinding) => {\r\n\t\tif (!storage) {\r\n\t\t\tconst UtilsDom = await import('@/core/utils/dom');\r\n\r\n\t\t\tstorage = UtilsDom.storage;\r\n\t\t}\r\n\r\n\t\tconst name = binding.arg;\r\n\t\tconst value = binding.value;\r\n\r\n\t\tstorage(el, name, value);\r\n\t},\r\n};\r\n\r\nexport default data;\r\n","import type { DirectiveBinding } from 'vue';\r\n\r\ntype Binding = DirectiveBinding<boolean, 'onupdate'>;\r\n\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Список элементов, на которых бала запрошена фокусировка, для дедупликации фокусировок\r\n */\r\nlet elsActive: HTMLElement[] = [];\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet focusOnElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить фокусировку на активном элементе\r\n *\r\n * Если фокусирока запрошена на несколько элементов, будет выбран первый элемент\r\n */\r\nconst focusOnElActive = async () => {\r\n\tconst { isVisible } = await import('@/core/utils/dom');\r\n\telsActive = elsActive.filter(isVisible)\r\n\r\n\tif (!elsActive.length) return;\r\n\r\n\tconst el = elsActive[0];\r\n\r\n\tel.focus();\r\n\r\n\t// // UX: Если выбрано несколько чекбоксов или радио после выбора фокусировка будет снята, чтобы не делать выбор за пользователя\r\n\t// if (elsActive.length && el.nodeName === 'INPUT') {\r\n\t// \tconst type = (el as HTMLInputElement).type;\r\n\t// \tif (type === 'checkbox' || type === 'radio') el.blur();\r\n\t// }\r\n\r\n\telsActive = [];\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированную фокусировку на элементе\r\n */\r\nconst focusOnElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!focusOnElActiveDebounce) focusOnElActiveDebounce = UtilsLodash.debounce(focusOnElActive, 30);\r\n\r\n\telsActive.push(el);\r\n\r\n\tfocusOnElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: Binding) {\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n\r\n\tupdated: function (el: HTMLElement, binding: Binding) {\r\n\t\tif (!binding.modifiers.onupdate) return;\r\n\r\n\t\tif (el['__TOP_V_FOCUS_VALUE'] === (binding.value ?? true)) return;\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n};\r\n\r\nexport default focus;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\nimport { isVisible } from '@/core/utils/dom';\r\n\r\ntype Binding = DirectiveBinding<ScrollIntoViewOptions | boolean | undefined, 'immediate'>;\r\n\r\ntype Storage = {\r\n\t/**\r\n\t * Сохраненное состояние видимости\r\n\t */\r\n\tisVisible: boolean,\r\n\r\n\t/**\r\n\t * Текущие настройки скролла\r\n\t */\r\n\tscrollIntoViewOptions: ScrollIntoViewOptions | boolean\r\n};\r\n\r\nlet UtilsDom: typeof import('@/core/utils/dom');\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Сгенерировать настройки для скролла\r\n *\r\n * @see https://developer.mozilla.org/ru/docs/Web/API/Element/scrollIntoView\r\n */\r\nconst genScrollIntoViewOptions = (scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (typeof scrollIntoViewOptions === 'boolean') return scrollIntoViewOptions;\r\n\r\n\tif (!scrollIntoViewOptions) {\r\n\t\tscrollIntoViewOptions = {};\r\n\t} else {\r\n\t\tscrollIntoViewOptions = { ...scrollIntoViewOptions };\r\n\t}\r\n\r\n\tscrollIntoViewOptions.behavior ??= 'smooth';\r\n\tscrollIntoViewOptions.block ??= 'nearest';\r\n\tscrollIntoViewOptions.inline ??= 'nearest';\r\n\r\n\treturn scrollIntoViewOptions;\r\n};\r\n\r\n/**\r\n * Активный элемент, для дедупликации скроллов\r\n *\r\n * Только один элемент на странице может считаться активным\r\n */\r\nlet elActive: HTMLElement | undefined;\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet scrollToElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить скролл к текущему активному элементу\r\n */\r\nconst scrollToElActive = async () => {\r\n\tif (!elActive) return;\r\n\r\n\tconst storage = await useStorage(elActive);\r\n\tif (!storage.isVisible) return;\r\n\r\n\telActive.scrollIntoView(storage.scrollIntoViewOptions);\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированный скролл к элементу\r\n *\r\n * Будет выполнен скролл к самому последнему элементу, вызвавшему срабатывание директивы\r\n */\r\nconst scrollToElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!scrollToElActiveDebounce) scrollToElActiveDebounce = UtilsLodash.debounce(scrollToElActive, 30);\r\n\r\n\telActive = el;\r\n\r\n\tscrollToElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Данные, связанные с элементом и директивой\r\n */\r\nconst useStorage = async (el: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (!UtilsDom) UtilsDom = await import('@/core/utils/dom');\r\n\r\n\tlet storage: Storage | undefined = UtilsDom.storage(el, 'v-top-scrollIntoView');\r\n\r\n\t// инициализация\r\n\tif (!storage) {\r\n\t\tstorage = {\r\n\t\t\tisVisible: isVisible(el),\r\n\t\t\tscrollIntoViewOptions: genScrollIntoViewOptions(scrollIntoViewOptions),\r\n\t\t};\r\n\r\n\t\tUtilsDom.storage(el, 'v-top-scrollIntoView', storage);\r\n\t}\r\n\r\n\treturn storage;\r\n};\r\n\r\nconst scrollIntoView: ObjectDirective = {\r\n\tasync mounted(el: HTMLElement, binding: Binding) {\r\n\t\tawait useStorage(el, binding.value);\r\n\r\n\t\tif (binding.modifiers.immediate) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\t},\r\n\r\n\tasync updated(el: HTMLElement, binding: Binding) {\r\n\t\tconst storage = await useStorage(el, binding.value);\r\n\t\tstorage.scrollIntoViewOptions = genScrollIntoViewOptions(binding.value);\r\n\r\n\t\tconst isVisibleNew = isVisible(el);\r\n\t\tif (isVisibleNew && storage.isVisible !== isVisibleNew) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\r\n\t\tstorage.isVisible = isVisibleNew;\r\n\t},\r\n};\r\n\r\nexport default scrollIntoView;\r\n","let UtilsScroll: typeof import('@/core/utils/scroll');\r\n\r\n/**\r\n * Добавить отображение тени при появлении скролла у элемента\r\n *\r\n * Будут добавлены события для усатновки модификаторов тени в зависимости от скролла элемента\r\n *\r\n * Модификаторы:\r\n * - top-scrollShadow\r\n * - top-scrollShadow-started\r\n * - top-scrollShadow-finished\r\n */\r\nconst connectScrollShadow = {\r\n\tasync mounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.connectScrollShadow(el);\r\n\t},\r\n\r\n\tasync unmounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.unconnectScrollShadow(el);\r\n\t},\r\n};\r\n\r\nexport default connectScrollShadow;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif (condition) {\r\n\t\t\t\tif (binding.modifiers.bottom && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold: [1],\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n};\r\n\r\nexport default sticky;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface HTMLElementWithSwimUpOptions extends HTMLElement {\r\n\tdirectiveSwipUpOptions: {\r\n\t\tdistance: number,\r\n\t\tpercent: number,\r\n\t};\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nconst appSwimUpEls = new Map();\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElementWithSwimUpOptions, windowHeight: number): void => {\r\n\tconst { distance, percent } = el.directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n};\r\n\r\nconst swimUpInit = (_el: HTMLElementWithSwimUpOptions): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElementWithSwimUpOptions;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance } = el.directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n};\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tel.directiveSwipUpOptions = {\r\n\t\t\tdistance: binding.value?.distance ?? 100, // количество px на которые блок изначально смещен вниз,\r\n\t\t\tpercent: binding.value?.percent ?? 30, // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\t\t};\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t},\r\n};\r\n\r\nexport default swimUp;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Добавление всплывающей подсказки к элементу.\r\n */\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n};\r\n\r\nexport default tooltip;\r\n","import { defineAsyncComponent, type Plugin } from 'vue';\r\nimport type { PartialBy } from '@/components/types';\r\n\r\nimport Core from '@/core/core/core';\r\nimport coreDefaultOptions from '@/core/core/options';\r\n\r\nimport * as Forms from '../../components/forms/forms';\r\n\r\nconst TopNotice = defineAsyncComponent(() => import('@/components/core/notice/notice.vue'));\r\n\r\nimport type { Options as TopPopupOptions } from '@/components/popup/lib/worker';\r\nimport TopPopupWorker from '@/components/popup/lib/worker';\r\nimport TopPopupWorkerGlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\n\r\nimport TopDialogs from '@/components/dialog/dialog/dialogs/dialogs.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { TopDialogOptions } from '@/components/dialog/lib/types';\r\n\r\nimport directiveData from '@/core/directives/data';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveScrollIntoView from '@/core/directives/scrollIntoView';\r\nimport directiveScrollShadow from '@/core/directives/scrollShadow';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\ndeclare global {\r\n\tconst vd: typeof console.log;\r\n}\r\n\r\nwindow['vd'] = console.log;\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t/**\r\n\t\t * Статический класс с текущим состоянимем UI\r\n\t\t */\r\n\t\t$core: typeof Core;\r\n\r\n\t\t$vd: typeof console.log;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\r\n\t\tTopNotice: typeof TopNotice;\r\n\t\tTopDialogs: typeof TopDialogs;\r\n\t}\r\n}\r\n\r\ntype CoreOptions = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'>;\r\n\r\ntype Options = CoreOptions & {\r\n\ttopPopupOptions?: TopPopupOptions\r\n\ttopDialogOptions?: TopDialogOptions\r\n};\r\n\r\n/**\r\n * Плагин для интеграции UI во Vue приложение\r\n *\r\n * - В глобальную область видимости шаблонов будет добавлен объект $core\r\n * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n */\r\nexport default {\r\n\r\n\tinstall: (app, options: Options) => {\r\n\t\tapp.config.globalProperties.$core = Core;\r\n\t\tapp.config.globalProperties.$vd = console.log;\r\n\r\n\t\t// начальные настройки UI\r\n\t\tfor (const name in options) {\r\n\t\t\tCore.state[name] = options[name];\r\n\t\t}\r\n\r\n\t\tif (options.widthForMobile) Core.widthForMobile = options.widthForMobile;\r\n\t\tif (options.themeName) Core.themeName = options.themeName;\r\n\r\n\t\tCore._setState();\r\n\r\n\t\tif (options.topPopupOptions) TopPopupWorker.options = options.topPopupOptions;\r\n\t\tTopPopupWorkerGlobalEvents.init();\r\n\r\n\t\tTopDialogWorker.init(options.topDialogOptions);\r\n\r\n\t\t// определение директив\r\n\t\tapp.directive('top-data', directiveData);\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-scroll-into-view', directiveScrollIntoView);\r\n\t\tapp.directive('top-scroll-shadow', directiveScrollShadow);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\t// определение базовых компонентов\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\r\n\t\tapp.component('TopNotice', TopNotice);\r\n\t\tapp.component('TopDialogs', TopDialogs);\r\n\t},\r\n\r\n} satisfies Plugin<Options>;\r\n"],"names":["WorkerEvents","_a","forms","popup_worker","elPopup","elOpener","_d","_c","storage","data","el","binding","resolve","reject","require","name","value","UtilsLodash$1","focusOnElActiveDebounce","elsActive","isVisible","focusOnElDebounce","focusOnElActive","focus","UtilsDom","UtilsLodash","genScrollIntoViewOptions","scrollIntoViewOptions","elActive","scrollToElActiveDebounce","useStorage","scrollToElDebounce","scrollToElActive","utils_dom","scrollIntoView","isVisibleNew","UtilsScroll","connectScrollShadow","appStickyObserver","sticky","_vnode","className","entries","_el","_binding","appSwimUpObserver","appSwimUpEls","swimUpElTransform","windowHeight","triggerHeight","distance","swimUpInit","entry","swimUp","_b","$","tvTooltipGenOptions","vnode","options","tooltip","core","app","dialogs_vue_vue_type_script_setup_true_lang","TopNotice"],"mappings":"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"}