@topvisor/ui 0.9.34-utils-components-7 → 0.9.35-1

package/core/core/core.d.ts

@@ -1,7 +1,5 @@
-import { default as defaultOptions } from './options';
-
 /**
- * Статический класс с текущим состоянимем приложения
+ * Статический класс с текущим состоянимем UI
  */
 export default class Core {
     /**
@@ -23,30 +21,17 @@ export default class Core {
         isLandscape: boolean;
         isPortrait: boolean;
         size: number;
-        isHidden: boolean;
     };
     static widthForMobile: number;
     static matchMediaIsMobile?: MediaQueryList;
     static $: typeof $ | undefined;
-    /**
-     * Добавить на страницу стили, используется для загрузки стилей из js
-     *
-     * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию
-     * @param style - css стили в строке
-     * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile
-     */
-    static appendStyle(style: string, type?: '' | 'm' | 'pc'): void;
-    /**
-     * Установить конфигурацию UI
-     */
-    static setOptions(options: typeof defaultOptions): void;
-    static setState(): void;
-    static onResize(): void;
-    static setStateByWindowSize(): void;
+    static _setState(): void;
+    private static onResize;
+    private static setStateByWindowSize;
     /**
      * Сохранить информацию об устройстве в cookie
      */
-    static saveToCookie(): void;
+    private static saveToCookie;
     /**
      * Проверить скрыта страница или нет
      */

package/core/core/events.d.ts

@@ -8,11 +8,11 @@ type TopEvent = Event & {
  * Добавить обработчик на событие изменения размеров экрана
  * вызов таких обработчиков будет опмизирован и объединен в одно событие
  */
-declare function addOnReize(listener: (this: Element, ev: TopEvent) => any): void;
+declare function addOnReize(listener: (this: HTMLElement, ev: TopEvent) => any): void;
 /**
  * Удаление обработчика на событие изменений размеров экрана
  */
-declare function removeOnResize(listener: (this: Element, ev: TopEvent) => any): void;
+declare function removeOnResize(listener: (this: HTMLElement, ev: TopEvent) => any): void;
 declare const _default: {
     addOnReize: typeof addOnReize;
     removeOnResize: typeof removeOnResize;

package/core/core/state.d.ts

@@ -30,10 +30,9 @@ declare const state: {
      * true при вертикальном расположении устройства
      */
     isPortrait: boolean;
-    size: number;
     /**
-     * true, если страница скрыта
+     * Максимальная сторона страницы
      */
-    isHidden: boolean;
+    size: number;
 };
 export default state;

package/core/core.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-C__H1yL_.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+define(["require","exports","vue","../.chunks/forms-oowSA2rF.amd"],function(i,e,u,r){"use strict";if(typeof u>"u")var u=window.Vue;e.default=r.Core,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=core.amd.js.map

package/core/core.js

@@ -1,5 +1,5 @@
 import "vue";
-import { C as a } from "../.chunks/forms-BfIXIMY_.es.js";
+import { C as a } from "../.chunks/forms-CPEVHoks.es.js";
 export {
   a as default
 };

package/core/directives/swimUp.d.ts

@@ -1,10 +1,16 @@
 import { DirectiveBinding, VNode } from 'vue';
 
+interface HTMLElementWithSwimUpOptions extends HTMLElement {
+    directiveSwipUpOptions: {
+        distance: number;
+        percent: number;
+    };
+}
 /**
  * Добавление анимации подплытия вверх для блока
  */
 declare const swimUp: {
-    mounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode): void;
-    unmounted(el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode): void;
+    mounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void;
+    unmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode): void;
 };
 export default swimUp;

package/core/plugins/core.d.ts

@@ -5,9 +5,10 @@ import { App } from 'vue';
 import * as Forms from '../../components/forms/forms';
 declare module 'vue' {
     interface ComponentCustomProperties {
-        $top: {
-            Core: typeof Core;
-        };
+        /**
+         * Статический класс с текущим состоянимем UI
+         */
+        $core: typeof Core;
     }
     /**
      * Обязательные компоненты UI
@@ -35,7 +36,7 @@ type Options = PartialBy<typeof coreDefaultOptions, 'gmt'>;
 /**
  * Плагин для интеграции UI во Vue приложение
  *
- * - В глобальную область видимости шаблонов будет добавлен объект $top
+ * - В глобальную область видимости шаблонов будет добавлен объект $core
  * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs
  * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs
  */

package/core/plugins/i18n.d.ts

@@ -87,7 +87,7 @@ export default _default;
  *
  * @see I18n
  */
-export declare const useI18n: () => I18n;
+export declare const useI18n: () => any;
 /**
  * Текущий язык
  */

package/core/plugins/piniaTPA.d.ts

@@ -3,16 +3,16 @@ import { PiniaPluginContext } from 'pinia';
 /**
  * Плагин tpa (Third-party access) для pinia
  *
- * Добавляет возможсноть сохранять и загружать данные в/из:
+ * Добавляет возможность сохранять и загружать данные в/из:
+ * 	- URL hash в адресе страницы
  * 	- localStorage
- * 	- URL hash
  * 	- гостевая ссылка
  *
- * Для подключение плагина нужно указань одну или несколько опций при defineStore():
- * - tpaNamesUrlHash: Array
- * - tpaNamesStorage: Array
- * - tpaNamesStorageLocal: Array
- * - tpaNamesGuestLink: Array
+ * Для подключения плагина нужно указань одну или несколько опций при определении defineStore():
+ * - tpaNamesUrlHash
+ * - tpaNamesStorage
+ * - tpaNamesStorageLocal
+ * - tpaNamesGuestLink
  */
 declare const _default: (contextPinia: PiniaPluginContext) => void;
 export default _default;

package/core/utils/check.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Функции для проверки данных
+ * @packageDocumentation
+ */
 /**
  * Получить строку с регулярным выражение для домена
  */

package/core/utils/clipboard.d.ts

@@ -1 +1,10 @@
+/**
+ * Работа с буфером обмена
+ * @packageDocumentation
+ */
+/**
+ * Скопировать текст в буфер омбена
+ *
+ * Формат: text/plain
+ */
 export declare function setClipboard(text: any): Promise<void>;

package/core/utils/css.d.ts

@@ -1,6 +1,43 @@
 /**
- * Вставить css стили на страницу с автоматическим определением media
+ * Упраление загрузками стилей
+ * @packageDocumentation
+ */
+/**
+ * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media
+ *
+ * Правила media:
+ * - Файлы *.m.css будут грузиться, только на экранах с шириной менее, чем Core.widthForMobile
+ * - Файлы *.pc.css будут грузиться, только на экранах с шириной более, чем Core.widthForMobile
+ *
+ * Настройкой Core.widthForMobile можно управлять через plugin: @topvisor/ui/plugin/core
+ *
  * @param fileNames - список ссылок на css файлы
- * @param useSync - использовать синхронную загрузку css, только для css с того же домена, имеет смысл для замены top-level await
+ * @param useSync - использовать синхронную загрузку css, только для css с того же домена. В синхронном режиме стили предзагружаются независимо от
+ * media
  */
 export declare const insertToPage: (fileNames: Array<string>, useSync?: boolean) => Promise<unknown[]>;
+/**
+ * Вставить css стили на страницу с автоматическим добавлением правил media
+ *
+ * Загрузка с Vite:
+ *
+ * ```js
+ * import style from '/style.css?raw';
+ *
+ * insertToPageAsInine(style);
+ * ```
+ *
+ * Загрузка с fetch:
+ *
+ * ```js
+ * const style = await fetch('./style.css');
+ *
+ * insertToPageAsInine(style);
+ * ```
+ *
+ * @param style - css стили в строке
+ * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.widthForMobile
+ *
+ * @see insertToPage
+ */
+export declare const insertToPageAsInine: (style: string, type?: "" | "m" | "pc") => void;

package/core/utils/date.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Работа с датами
+ * @packageDocumentation
+ */
 /**
  * Получить день недели
  */

package/core/utils/device.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Получение информации об устройстве
+ * @packageDocumentation
+ */
 /**
  * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)
  */

package/core/utils/dom.d.ts

@@ -1,5 +1,6 @@
 /**
- * Функции для работы с Document Object Model (DOM)
+ * Работа с Document Object Model (DOM)
+ * @packageDocumentation
  */
 /**
  * Создать элемент
@@ -8,19 +9,19 @@
  * @param elsChildrens
  * @returns - созданный элемент
  */
-declare function genEl(tagName: string, attrs: any, ...elsChildrens: Element[] | string[]): Element;
+export declare function genEl(tagName: string, attrs: any, ...elsChildrens: HTMLElement[] | string[]): HTMLElement;
 /**
  * Проверить видимость элемента
  * @param el
  * @returns - вернет true, если элемент считается видимым
  */
-declare function isVisible(el?: Element): boolean;
+export declare function isVisible(el?: HTMLElement): boolean;
 /**
  * Получить координаты элемента относительно документа
  * @param el
  * @returns - координаты элемента относительно документа
  */
-declare function offset(el: Element): {
+export declare function offset(el: HTMLElement): {
     top: number;
     left: number;
 };
@@ -30,38 +31,37 @@ declare function offset(el: Element): {
  * @param property - имя свойства
  * @return - значение css стиля
  */
-declare function css(el: Element, property: string): string;
+export declare function css(el: HTMLElement, property: string): string;
 /**
  * Обернуть элемент и вернуть только что созданный элемент
  * @param el - элемент, который требуется обернуть
  * @param tagName - имя тега элемента, в который треубется обернуть элемент
  */
-declare function wrap(el: Element, tagName: string): Element;
+export declare function wrap(el: HTMLElement, tagName: string): HTMLElement;
 /**
  * Найти и вернуть первый видимый элемент
  * @param el - корневой элемент поиска
  * @param selectors - см. параметр selectors в Document.querySelectorAll()
  */
-declare function querySelectorVisible(el: Element, selectors: string): Element | null;
+export declare function querySelectorVisible(el: HTMLElement, selectors: string): HTMLElement | null;
 /**
  * Найти и вернуть последний видимый элемент
  * @param el - корневой элемент поиска
  * @param selectors - см. параметр selectors в Document.querySelectorAll()
  */
-declare function querySelectorVisibleLast(el: Element, selectors: string): Element | null;
+export declare function querySelectorVisibleLast(el: HTMLElement, selectors: string): HTMLElement | null;
 /**
  * Найти видимые элементы
  * @param el - корневой элемент поиска
  * @param selectors - см. параметр selectors в Document.querySelectorAll()
- * @returns - обратите внимание, возвращается не NodeList[], а Element[]
  */
-declare function querySelectorAllVisible(el: Element | Document, selectors: string): Element[];
+export declare function querySelectorAllVisible(el: HTMLElement | Document, selectors: string): HTMLElement[];
 /**
  * Найти элементы и вернуть в виде массива
  * @param el - корневой элемент поиска
  * @param selectors - см. параметр selectors в Document.querySelectorAll()
  */
-declare function querySelectorAllArray(el: Element | Document, selectors: string): Element[];
+export declare function querySelectorAllArray(el: HTMLElement | Document, selectors: string): HTMLElement[];
 /**
  * Хранилище данных элемента
  * @param el
@@ -69,13 +69,13 @@ declare function querySelectorAllArray(el: Element | Document, selectors: string
  * @param contextData - установить объект с данными, предыдущие данные будут заменены, установите null для удаления данных
  * @returns - вернет объект контекста или undefined, если данные контекста не найдены
  */
-declare function storage(el?: Element & {
+export declare function storage(el?: HTMLElement & {
     topData?: any;
 }, contextName?: string, contextData?: object | null | undefined): any | undefined;
 /**
  * Очистить хранилище элемента
  */
-declare function storageClear(el?: Element & {
+export declare function storageClear(el?: HTMLElement & {
     topData?: any;
 }): void;
 declare const _default: {

package/core/utils/image.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Работа с изображениями
+ * @packageDocumentation
+ */
 /**
  * Скачать изображение, переданное в виде строки
  * @param imageStr - адресс картинки

package/core/utils/keyboard.d.ts

@@ -1,4 +1,8 @@
+/**
+ * Утилиты для работы с устройствами ввода
+ * @packageDocumentation
+ */
 /**
  * Перевод строки в другую раскладку
  */
-export declare function invertKeyboardLayout(string: string): string;
+export declare const invertKeyboardLayout: (string: string) => string;

package/core/utils/number.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Работа с числами
+ * @packageDocumentation
+ */
 /**
  * Посчитать процент от числа (сколько процентов составляет part от full)
  * @param part - первое число

package/core/utils/price.d.ts

@@ -1,4 +1,5 @@
-import { Lang, Core } from '../app';
+import { Lang } from '../plugins/i18n';
+import { default as Core } from '../core/core';
 
 /**
  * Сгенерировать строку с суммой и валютой

package/core/utils/route.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Управление навигацией страницы, работа с hash параметрами страницы
+ * @packageDocumentation
+ */
 /**
  * Получить значение хэш параметра страницы
  */
@@ -20,7 +24,10 @@ export declare const genHash: (name: string, value: string | null, locationHash?
 export declare const setHashs: (data: Map<string, string> | object | any, replaceState: boolean) => void;
 /**
  * Установть позицию в истории вкладки браузера
+ *
  * @see history.replaceState
  * @see history.pushState
+ *
+ * @todo Мешает SPA сайта, требуется сделать центролизированное управление
  */
 export declare const historySetState: (replace: boolean | undefined, hash: string) => void;

package/core/utils/scroll.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Информация о скролле, фичи для скролла
+ * @packageDocumentation
+ */
 /**
  * Добавление модификатора тени при скролле
  */

package/core/utils/store/plugin.d.ts

@@ -1,11 +1,25 @@
 import { Store } from './store';
 import { App } from 'vue';
 
-declare const plugin: {
-    install: (app: App<any>, onInit: Function) => void;
+type Options = {
+    onInit: (context: Context) => void;
 };
+type Context = {
+    store: Store;
+    options: object;
+};
+/**
+ * Плагин tpa (Third-party access) для pinia
+ *
+ * Сейчас не используется
+ *
+ * TODO: Должен реализовывать возмоэности piniaTPAPlugin
+ */
+declare const _default: {
+    install: (app: App<any>, options: Options) => void;
+};
+export default _default;
 /**
- * Применить плагины к Store
+ * Применить плагины к store
  */
 export declare const usePlugins: (store: Store, options?: object) => void;
-export default plugin;

package/core/utils/store/store.d.ts

@@ -6,7 +6,7 @@ import { InjectionKey, UnwrapNestedRefs } from 'vue';
  * Следует определять на уровне корневого компонента, использующего Store
  * @param injectionKey - InjectionKey для provide / inject в области компонента
  * @param setup - Нстройки Store, см. https://pinia.vuejs.org/core-concepts/#Setup-Stores
- * @param $id - строковой id Store, используются в плагинах
+ * @param $id - строковой id Store, используется в плагинах
  * @param options - настройки Store, используются в плагинах
  */
 export declare const defineStore: <T extends object>(injectionKey: InjectionKey<UnwrapNestedRefs<T>>, setup: () => T | object, $id?: string, options?: object) => UnwrapNestedRefs<T> & Store;

package/core/utils/store.d.ts

@@ -1,2 +1,6 @@
+/**
+ * Локальное храналище компонента, альтернатива глобальному Pinia
+ * @packageDocumentation
+ */
 export { defineStore, useStore } from './store/store';
 export { default as plugin } from './store/store';

package/core/utils/string.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Работа со строками
+ * @packageDocumentation
+ */
 /**
  * Сгенерировать числовой хэш от строки для идентификатора
  */
@@ -47,7 +51,7 @@ export declare const toRoditPadej: (str: string) => string;
  */
 export declare const rusToLatin: (str: string) => string;
 /**
- * Замена html-символов (&, <, >, ", ') на имена литер (& -> \&amp;)
+ * Замена html-символов (`&`, `<`, `>`, `"`, `'`) на имена литер (`&` -> `&amp;`)
  */
 export declare const htmlspecialchars: (str: string) => string;
 /**
@@ -67,7 +71,9 @@ export declare const camelToSnakeCase: (str: string) => string | undefined;
  */
 export declare const genFlagLinkByCountryCode: (countryCode: string) => string;
 /**
- * Обернуть все ссылки и email в тексте в html-тег <a>. Для email ставиться префикс mailto:
+ * Обернуть все ссылки и email в тексте в html-тег `<a>`.
+ *
+ * Для email ставиться префикс `mailto:`
  */
 export declare const addLinkTags: (text: string) => string;
 /**

package/core/utils/system.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Системные утилиты
+ * @packageDocumentation
+ */
 /**
  * Ждать, пока условие истинно
  *

package/core/utils/url.d.ts

@@ -1,13 +1,17 @@
+/**
+ * Работа с урлами
+ * @packageDocumentation
+ */
 /**
  * Раскодировать все не ASCII символы в домене URL
  * @param url - домен в ASCII формате
- * @returns домен в Unicode формате
+ * @return домен в Unicode формате
  */
 export declare const fromPuny: (url?: string) => string;
 /**
  * Закодировать все не ASCII символы в домене URL
  * @param url - домен в Unicode формате
- * @returns домен в ASCII формате
+ * @return домен в ASCII формате
  */
 export declare const toPuny: (url: string) => string;
 /**

package/forms/forms.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-C__H1yL_.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton$1,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput$1,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/forms-oowSA2rF.amd"],function(n,T,a){"use strict";if(typeof e>"u")var e=window.Vue;T.TopAvatar=a.TopAvatar,T.TopButton=a.TopButton$1,T.TopCheckbox=a.TopCheckbox,T.TopControlLabel=a.TopControlLabel,T.TopHint=a.TopHint,T.TopInput=a.TopInput$1,T.TopInputDate=a.TopInputDate,T.TopInputRange=a.TopInputRange,T.TopLoadbar=a.TopLoadbar,T.TopRadio=a.TopRadio,T.TopSelect=a.TopSelect,T.TopSwitcher=a.TopSwitcher,T.TopTextarea=a.TopTextarea,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=forms.amd.js.map

package/forms/forms.js

@@ -1,4 +1,4 @@
-import { c as p, e as T, f as s, g as t, h as e, j as n, k as r, l as c, m as l, n as u, o as b, p as h, q as i } from "../.chunks/forms-BfIXIMY_.es.js";
+import { b as p, c as T, e as s, f as t, g as e, h as n, j as r, k as b, l as c, m as l, n as u, o as h, p as i } from "../.chunks/forms-CPEVHoks.es.js";
 export {
   p as TopAvatar,
   T as TopButton,
@@ -7,10 +7,10 @@ export {
   e as TopHint,
   n as TopInput,
   r as TopInputDate,
-  c as TopInputRange,
-  l as TopLoadbar,
-  u as TopRadio,
-  b as TopSelect,
+  b as TopInputRange,
+  c as TopLoadbar,
+  l as TopRadio,
+  u as TopSelect,
   h as TopSwitcher,
   i as TopTextarea
 };

package/formsExt/formsExt.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-C__H1yL_.amd","../utils/keyboard.amd","../popup/popup.amd","lodash","../.chunks/menu-DV1iSTyB.amd","../require/css.amd!../assets/formsExt.css"],function(se,b,e,h,M,w,E,$){"use strict";if(typeof e>"u")var e=window.Vue;const S={class:"top-editArea_footer"},I=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,r=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{r("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){r("close");return}m.value=t.defaultValue},B=()=>{t.attachToKeyboard&&r("clickOnTitle")};return(d,l)=>{const V=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>B())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(h.Textarea,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[V,f.value]]),e.createElementVNode("div",S,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(h.TopButton,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(h.TopButton,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),N={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-focus":"top-focus","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard","top-button":"top-button","top-editArea_button":"top-editArea_button"}},K=h._export_sfc(I,[["__cssModules",N]]),L={class:"top-editInput"},P=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,r=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{r.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",r.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(h.TopInput,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>r.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:r.value,"onUpdate:modelValue":p[1]||(p[1]=u=>r.value=u)}),null,16,["onKeydown","modelValue"]),r.value!==s.modelValue?(e.openBlock(),e.createBlock(h.TopButton,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),G={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},D=h._export_sfc(P,[["__cssModules",G]]),O=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},F=["value","disabled"],H=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(i,{emit:c}){const t=e.useModel(i,"modelValue"),r=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,B;(s=r.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=r.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(B=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||B.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,F),[[e.vModelRadio,t.value]])],10,O))),256))],2))}}),x={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},U=h._export_sfc(H,[["__cssModules",x]]),W=(i,c,t)=>{const r=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,V;if(t&&(i.cache??=new Map,V=JSON.stringify(i.params),l=i.cache.get(V),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(A=>A.id===void 0||A.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(V,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,r.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,r.value=r.value.concat(l.result))},B=E.debounce(()=>u(),200);return{items:r,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,V=!0)=>{i&&(l.length<c||l===f&&r.value.length||(f=l,V?B():u()))}}},J={class:"top-selector2_itemMulti top-ellipsis"},R=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",J,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=r=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),X={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},j=h._export_sfc(R,[["__cssModules",X]]),Y={key:0,class:"top-selector2_activeItems"},Q={key:1,class:"top-selector2_activeName top-ellipsis"},Z=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const c=i,t=e.useModel(i,"modelValue"),r=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=W(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(n=>o.push({...n})),o}),v=(o,n=!0)=>n&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,B=e.computed(()=>{const o=r.value.toLowerCase(),n=M.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(n))&&(g===o||g===n?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&r.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:r.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var n,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,h.Core.state.isMobile?(n=s())==null||n.close():setTimeout(()=>{var g,C,T,_;(g=s())==null||g.recalcPosition(),(_=(T=(C=s())==null?void 0:C.elPopupWidget)==null?void 0:T.querySelector("input"))==null||_.focus(),r.value&&(B.value.length||(r.value="",p.items.value=[]))})}else r.value&&(r.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const n=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[n]}}},V=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(n=>n.id!==o),setTimeout(()=>{var n;(n=s())==null||n.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(r.value,!1)}),e.watch(r,()=>p.setSearchTextAndLoad(r.value)));const A=o=>{const n=o.target;n.scrollTop/(n.scrollHeight-n.offsetHeight)>.8&&p.loadAppend()};return(o,n)=>(e.openBlock(),e.createBlock(e.unref(w.TopPopup),{ref_key:"popupRef",ref:f,onOpen:n[1]||(n[1]=a=>y.value=!0),onClose:n[2]||(n[2]=a=>y.value=!1),onScrollContentList:n[3]||(n[3]=a=>o.apiRequest?A(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(j,{id:a.id,name:a.name,onDelete:V},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(w.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=a=>r.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,a=>(e.openBlock(),e.createBlock(e.unref(w.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),B.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(w.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),q={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},ee=h._export_sfc(Z,[["__cssModules",q]]),te=K,oe=D,le=U,ae=ee,re=$.Menu;b.TopEditArea=te,b.TopEditInput=oe,b.TopMenu=re,b.TopRadioGroup=le,b.TopSelector2=ae,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-oowSA2rF.amd","../utils/keyboard.amd","../popup/popup.amd","lodash","../.chunks/menu-SmyeSNWQ.amd","../require/css.amd!../assets/formsExt.css"],function(se,b,e,h,M,w,E,$){"use strict";if(typeof e>"u")var e=window.Vue;const S={class:"top-editArea_footer"},I=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:c}){const t=i,r=c,m=e.ref(t.defaultValue),f=e.ref(t.isFocused),s=e.computed(()=>m.value!==t.defaultValue),p=e.computed(()=>t.attachToKeyboard?"":t.forceShowCloseBtn&&!s.value?t.closeText:t.cancelText),u=d=>{r("submit",d),m.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!s.value){r("close");return}m.value=t.defaultValue},B=()=>{t.attachToKeyboard&&r("clickOnTitle")};return(d,l)=>{const V=e.resolveDirective("top-focus");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":d.attachToKeyboard})},[d.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:l[0]||(l[0]=y=>B())},e.toDisplayString(d.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":d.isError,"top-focus":f.value})},[e.withDirectives(e.createVNode(h.Textarea,{modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=y=>m.value=y),name:d.name,placeholder:d.placeholder,rows:d.rows,minHeight:d.minHeight,expandable:d.expandable,disabled:d.disabled,readonly:d.readonly,isError:d.isError,hint:d.hint,class:"top-editArea_element",onFocus:l[2]||(l[2]=()=>f.value=!0),onBlur:l[3]||(l[3]=()=>f.value=!1),onKeyup:[e.withKeys(v,["esc"]),l[4]||(l[4]=e.withKeys(e.withModifiers(y=>u(m.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),[[V,{disabled:!f.value}]]),e.createElementVNode("div",S,[s.value||d.forceShowCloseBtn?(e.openBlock(),e.createBlock(h.TopButton,{key:0,class:"top-editArea_button",color:"theme",styling:"soft",icon:d.attachToKeyboard?"":"",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(h.TopButton,{key:1,class:"top-editArea_button",icon:d.attachToKeyboard?"":"",onClick:l[5]||(l[5]=y=>u(m.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.attachToKeyboard?"":d.submitText),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],2)],2)}}}),N={$style:{"top-editArea":"top-editArea","top-editArea_title":"top-editArea_title","top-editArea_form":"top-editArea_form","top-focus":"top-focus","top-textarea":"top-textarea","top-editArea_element":"top-editArea_element","top-textarea_textarea":"top-textarea_textarea","top-editArea_footer":"top-editArea_footer","top-editArea-attachedToKeyboard":"top-editArea-attachedToKeyboard","top-button":"top-button","top-editArea_button":"top-editArea_button"}},K=h._export_sfc(I,[["__cssModules",N]]),L={class:"top-editInput"},P=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:c}){const t=i,r=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{r.value=t.modelValue});const m=c,f=()=>{m("update:modelValue",r.value)};return(s,p)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(h.TopInput,e.mergeProps(s.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(u=>r.value=s.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(f,["stop"]),["enter"]),modelValue:r.value,"onUpdate:modelValue":p[1]||(p[1]=u=>r.value=u)}),null,16,["onKeydown","modelValue"]),r.value!==s.modelValue?(e.openBlock(),e.createBlock(h.TopButton,e.mergeProps({key:0,icon:"",styling:"soft"},s.button,{onClick:f}),null,16)):e.createCommentVNode("",!0)]))}}),G={$style:{"top-editInput":"top-editInput","top-input":"top-input"}},D=h._export_sfc(P,[["__cssModules",G]]),O=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},F=["value","disabled"],H=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(i,{emit:c}){const t=e.useModel(i,"modelValue"),r=i,m=e.ref(null);e.watch(t,()=>{var s,p,u,v,B;(s=r.radiosProps)!=null&&s.some(d=>d.value===t.value)||(t.value=((u=(p=r.radiosProps)==null?void 0:p[0])==null?void 0:u.value)??""),(B=(v=m.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||B.scrollIntoView()},{immediate:!0});const f="radioGroup-"+Math.random();return(s,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:m,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+s.size]:!!s.size,"top-error":s.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.radiosProps,u=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":u.value===t.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":u.disabled}),"data-top-icon":u.icon,onClick:v=>t.value=u.value},[e.createTextVNode(e.toDisplayString(u.title)+" ",1),s.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=v=>t.value=v),name:f,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:u.value,disabled:u.disabled},null,8,F),[[e.vModelRadio,t.value]])],10,O))),256))],2))}}),x={$style:{"top-scrollBarXHidding":"top-scrollBarXHidding","top-radioGroup":"top-radioGroup","top-radioGroup_item":"top-radioGroup_item","top-radioGroup_item-selected":"top-radioGroup_item-selected","top-radioGroup_circle":"top-radioGroup_circle","top-disabled":"top-disabled","top-error":"top-error"}},U=h._export_sfc(H,[["__cssModules",x]]),W=(i,c,t)=>{const r=e.ref([]),m=e.ref(!1);let f="",s;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let l,V;if(t&&(i.cache??=new Map,V=JSON.stringify(i.params),l=i.cache.get(V),l))return l;if(m.value=!0,l=await i.call(),m.value=!1,l.errors)return;if(!Array.isArray(l.result)){console.warn("В result ожидался массив");return}const y=l.result.findIndex(A=>A.id===void 0||A.name===void 0);if(y!==-1){console.warn(`В result[${y}] нет id или name`);return}return t&&i.cache.set(V,l),l},u=async()=>{if(!i)return;i.params.offset=0,i.params.search=f;const l=await p();l&&(s=l.nextOffset,r.value=l.result)},v=async()=>{if(!i||!s||m.value)return;i.params.offset=s,i.params.search=f;const l=await p();l&&(s=l.nextOffset,r.value=r.value.concat(l.result))},B=E.debounce(()=>u(),200);return{items:r,isLoading:m,loadAppend:v,setSearchTextAndLoad:(l,V=!0)=>{i&&(l.length<c||l===f&&r.value.length||(f=l,V?B():u()))}}},J={class:"top-selector2_itemMulti top-ellipsis"},R=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(c,t)=>(e.openBlock(),e.createElementBlock("div",J,[e.createTextVNode(e.toDisplayString(c.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=r=>c.$emit("delete",c.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),X={$style:{"top-selector2_itemMulti":"top-selector2_itemMulti","top-selector2_itemMultiDelete":"top-selector2_itemMultiDelete","top-selector2":"top-selector2","top-active":"top-active"}},j=h._export_sfc(R,[["__cssModules",X]]),Y={key:0,class:"top-selector2_activeItems"},Q={key:1,class:"top-selector2_activeName top-ellipsis"},Z=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const c=i,t=e.useModel(i,"modelValue"),r=e.ref(""),m={id:0,name:"Все"},f=e.ref(null),s=()=>{var o;return(o=f.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!c.modelValue&&e.watch(()=>c.multiselect,()=>{t.value=c.multiselect?[]:{id:null,name:""}},{immediate:!0});const p=W(c.apiRequest,c.minLength,c.useCache),u=e.computed(()=>{const o=[];return!c.multiselect&&c.appendAllValue&&o.push(m),c.items.forEach(n=>o.push({...n})),o}),v=(o,n=!0)=>n&&o.id===null?Array.isArray(t.value)?t.value.some(a=>a.id===o.id&&a.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(a=>a.id===o.id):o.id===t.value.id,B=e.computed(()=>{const o=r.value.toLowerCase(),n=M.invertKeyboardLayout(o);let a=[];return u.value.forEach(k=>{const g=k.name.toLowerCase();(k.id===Number(o)||g.includes(o)||g.includes(n))&&(g===o||g===n?a.unshift(k):a.push(k))}),a.push(...p.items.value),c.appendSearchToResult&&r.value&&(!a.length||a[0].name.toLowerCase()!==o)&&a.push({id:null,name:r.value}),c.multiselect&&(a=a.filter(k=>!v(k))),a}),d=async o=>{var n,a;if(c.multiselect){if(!Array.isArray(t.value)||v(o))return;const k=[...t.value];k.push({...o}),t.value=k,h.Core.state.isMobile?(n=s())==null||n.close():setTimeout(()=>{var g,C,T,_;(g=s())==null||g.recalcPosition(),(_=(T=(C=s())==null?void 0:C.elPopupWidget)==null?void 0:T.querySelector("input"))==null||_.focus(),r.value&&(B.value.length||(r.value="",p.items.value=[]))})}else r.value&&(r.value="",p.items.value=[]),JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o}),(a=s())==null||a.close()},l=()=>{if(!Array.isArray(t.value)){const n=(u.value.findIndex(a=>a.id===t.value.id)+1)%u.value.length;t.value={...u.value[n]}}},V=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(n=>n.id!==o),setTimeout(()=>{var n;(n=s())==null||n.recalcPosition()}))},y=e.ref(!1);c.apiRequest&&(e.watch(y,()=>{y.value&&p.setSearchTextAndLoad(r.value,!1)}),e.watch(r,()=>p.setSearchTextAndLoad(r.value)));const A=o=>{const n=o.target;n.scrollTop/(n.scrollHeight-n.offsetHeight)>.8&&p.loadAppend()};return(o,n)=>(e.openBlock(),e.createBlock(e.unref(w.TopPopup),{ref_key:"popupRef",ref:f,onOpen:n[1]||(n[1]=a=>y.value=!0),onClose:n[2]||(n[2]=a=>y.value=!1),onScrollContentList:n[3]||(n[3]=a=>o.apiRequest?A(a):void 0),notch:!1,transitionDuration:0},{opener:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError})},[o.multiselect?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,a=>(e.openBlock(),e.createBlock(j,{id:a.id,name:a.name,onDelete:V},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&u.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(l,["stop"])})):e.createCommentVNode("",!0)],2)]),widget:e.withCtx(()=>[e.createVNode(e.unref(w.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=a=>r.value=a),isLoading:e.unref(p).isLoading.value,placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,a=>(e.openBlock(),e.createBlock(e.unref(w.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===a.name}),key:a.id??void 0,onClick:e.withModifiers(k=>d(a),["stop"])},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:a}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.name),1)],64))]),_:2},1032,["class","onClick"]))),128)),B.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(w.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(" Нет результатов ")]),_:1}))]),_:3},512))}}),q={$style:{"top-selector2":"top-selector2","top-selector2-multiselect":"top-selector2-multiselect","top-active":"top-active","top-selector2_activeItems":"top-selector2_activeItems","top-selector2_activeName":"top-selector2_activeName","top-changer-selector":"top-changer-selector"}},ee=h._export_sfc(Z,[["__cssModules",q]]),te=K,oe=D,le=U,ae=ee,re=$.Menu;b.TopEditArea=te,b.TopEditInput=oe,b.TopMenu=re,b.TopRadioGroup=le,b.TopSelector2=ae,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=formsExt.amd.js.map