@topvisor/ui 1.4.3-fixDialogPage.1 → 1.4.3-fixGroupSelector.0

package/src/components/formsExt/editInput/types.d.ts

@@ -2,6 +2,10 @@ import { Props as InputProps } from '../../forms/input/types';
 import { Props as ButtonProps } from '../../forms/button/types';
 export interface Props {
     modelValue: string;
+    /**
+     * Всегда показывать кнопку подтверждения ввода
+     */
+    alwaysShowSubmitBtn?: boolean;
     /**
      * Любые props компонента Input, за исключением modelValue
      */

package/src/components/formsExt/selector2/composables/useMenu.d.ts

@@ -5,7 +5,7 @@ import { ITEM_ID_NEW } from '../utils';
 /**
  * Функционал поиска
  */
-export declare const useMenu: (model: Ref<Props["modelValue"]>, emits: ReturnType<typeof defineEmits>, items: Ref<Props["items"]>, multiselect: Props["multiselect"], useAllItem: Ref<Props["useAllItem"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, searchFields: Ref<Props["searchFields"]>, searchType: Ref<Props["searchType"]>, minLength: number, api: API) => {
+export declare const useMenu: (model: Ref<Props["modelValue"]>, emits: ReturnType<typeof defineEmits>, items: Ref<Props["items"]>, multiselect: Props["multiselect"], useAllItem: Ref<Props["useAllItem"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, appendSearchToResultCond: Ref<Props["appendSearchToResultCond"]>, appendWithoutSelect: Ref<Props["appendWithoutSelect"]>, searchFields: Ref<Props["searchFields"]>, searchType: Ref<Props["searchType"]>, minLength: number, api: API) => {
     searchText: Ref<string, string>;
     resetSearch: () => void;
     genIsShort: () => boolean;

package/src/components/formsExt/selector2/selector2.vue.d.ts

@@ -25,9 +25,11 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
      */
     resetCache: (resetAPICache?: boolean) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    open: () => any;
     "update:modelValue": (value: Item | Item[]) => any;
     appendItem: (item: Item) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Item | Item[]) => any) | undefined;
     onAppendItem?: ((item: Item) => any) | undefined;
 }>, {

package/src/components/formsExt/selector2/types.d.ts

@@ -50,11 +50,17 @@ export interface Props {
      *
      * По полю `id` учитывается только полное совпадение
      */
-    searchFields: string[];
+    searchFields?: string[];
     /**
      * Текст для placeholder поля поиска
      */
     placeholder?: string;
+    /**
+     * Добавить кнопку `Отменить` к виджету поиска. Клик по ней закрывает popup
+     *
+     * Только для `searchType` = `popup`
+     */
+    hasCloserBtn?: boolean;
     /**
      * Если указан, будет выполнена загрузка результатов через API
      *
@@ -95,6 +101,20 @@ export interface Props {
      * При добавлении элемента будет вызван emit `appendItem(item)`
      */
     appendSearchToResult?: boolean;
+    /**
+     * Условие отображения пункта «добавить введённое значение» `item = {id:null, name:search}`
+     *
+     * Вызывается только если `appendSearchToResult = true`
+     *
+     * Должна вернуть `true`, чтобы показать этот пункт (например, при валидации URL/формата)
+     */
+    appendSearchToResultCond?: (search: string) => boolean;
+    /**
+     * Не закрывать popup и не выбирать элемент автоматически после «добавления введённого значения»
+     *
+     * Работает только вместе с `appendSearchToResult = true`
+     */
+    appendWithoutSelect?: boolean;
     /**
      * Режим выбора нескольких вариантов
      *
@@ -137,6 +157,10 @@ export interface Props {
      * @subcategory Single select
      */
     selectedAsPlaceholder?: boolean;
+    /**
+     * code горячей клавиши для открытия селектора ('KeyA');
+     */
+    openerShortcut?: string;
 }
 export interface Slots {
     /**
@@ -165,6 +189,10 @@ export type Emits = {
      * @see `props.appendSearchToResult`
      */
     'appendItem': [item: Item];
+    /**
+     * Будет вызвано при открытии Popup
+     */
+    open: [];
 };
 export interface PropsItemMulti {
     id: Item['id'];

package/src/components/formsExt/selector2/utils.d.ts

@@ -19,5 +19,7 @@ export declare const isSelected: (modelValue: Props["modelValue"], item: Item, c
  * @param api - api, которое используется в `TopSelector`
  * @param search - введенная строка поиска
  * @param fieldName - имя поля, по которому надо добавить фильтр на поиск по нестрогому соответствию
+ *
+ * @todo Объединить с apiSetSearchParamsFilter() из @/components/project/projectSelector/utils.ts
  */
 export declare const apiSetSearchParamsFilter: (api: NonNullable<Props["api"]>, search: string, fieldName: string) => void;

package/src/components/popup/lib/popup.d.ts

@@ -22,7 +22,7 @@ export interface PopupOptions {
  * - aftershow.top-menu-popup
  * - afterclose.top-menu-popup
  */
-export declare class TopLibPopup<T extends Record<string, any> | undefined = undefined> extends Component {
+export declare class TopLibPopup<T extends Record<string, any> | undefined = Record<string, any>> extends Component {
     static componentName: string;
     el: HTMLElement & {
         __TopPopupOpenerProps: OpenerProps<T>;

package/src/components/popup/popup/opener/types.d.ts

@@ -1,4 +1,4 @@
-export interface OpenerProps<T extends Record<string, any> | undefined = undefined> {
+export interface OpenerProps<T extends Record<string, any> | undefined = Record<string, any>> {
     /**
      * id компонента Popup, который необходимо открыть
      */

package/src/components/project/groupSelector/groupSelector.vue.d.ts

@@ -1,7 +1,7 @@
 import { Props } from './types';
-import { Folder } from './folders/types';
 import { Group } from './groups/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Folder } from './folders/types';
 import { ItemAll, ItemNew } from '../../formsExt/selector2/types';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/src/components/project/groupSelector/groups/groups.vue.d.ts

@@ -37,18 +37,23 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
             readonly isError?: boolean | undefined;
             readonly openByFocusInput?: boolean | undefined;
             readonly searchType?: "none" | "inline" | "popup" | undefined;
-            readonly searchFields: string[];
+            readonly searchFields?: string[] | undefined;
             readonly placeholder?: string | undefined;
+            readonly hasCloserBtn?: boolean | undefined;
             readonly api?: (Api.ClientRequest<any> | Api.ClientRequestCustom<any, any, any>) | undefined;
             readonly apiSetSearchParams?: ((api: NonNullable< Props["api"]>, search: string) => void) | undefined;
             readonly minLength?: number | undefined;
             readonly useCache?: boolean | undefined;
             readonly appendSearchToResult?: boolean | undefined;
+            readonly appendSearchToResultCond?: ((search: string) => boolean) | undefined;
+            readonly appendWithoutSelect?: boolean | undefined;
             readonly multiselect?: boolean | undefined;
             readonly useAllItem?: boolean | string | undefined;
             readonly addChanger?: boolean | undefined;
             readonly buttonProps?: Props | undefined;
             readonly selectedAsPlaceholder?: boolean | undefined;
+            readonly openerShortcut?: string | undefined;
+            readonly onOpen?: (() => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
             readonly onAppendItem?: ((item: SelectorItem) => any) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -69,16 +74,18 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: SelectorItem | SelectorItem[]) => void) & ((event: "appendItem", item: SelectorItem) => void);
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: SelectorItem | SelectorItem[]) => void) & ((event: "appendItem", item: SelectorItem) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly<{
             modelValue: Props["modelValue"];
         } & Props> & Readonly<{
+            onOpen?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
             onAppendItem?: ((item: SelectorItem) => any) | undefined;
         }>, {
             resetCache: (resetAPICache?: boolean) => void;
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            open: () => any;
             "update:modelValue": (value: SelectorItem | SelectorItem[]) => any;
             appendItem: (item: SelectorItem) => any;
         }, string, {
@@ -118,6 +125,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
     }> & Omit<Readonly<{
         modelValue: Props["modelValue"];
     } & Props> & Readonly<{
+        onOpen?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: SelectorItem | SelectorItem[]) => any) | undefined;
         onAppendItem?: ((item: SelectorItem) => any) | undefined;
     }>, "resetCache" | ("size" | "openByFocusInput" | "items" | "searchFields" | "searchType" | "minLength")> & ShallowUnwrapRef<{

package/src/components/project/groupSelector/groups/utils.d.ts

@@ -448,7 +448,7 @@ export declare const genApiGetGroups: (client: Api.Client<Api.TV.Paths, true>, s
     token: string;
 }, "fields" | "filters" | "orders" | "fetch_style">, never>;
 /**
- * Создать API запрос на получение групп
+ * Создать API запрос на добавление групп
  */
 export declare const genApiAddGroup: (client: Api.Client<Api.TV.Paths, true>, service: NonNullable<Props["service"]>) => Api.ClientRequest<Api.ClientRequestContext< paths, keyof paths, true>, never, Omit<Record<string, never> | {
     ec?: string | null;

package/src/components/project/groupSelector/utils.d.ts

@@ -0,0 +1,31 @@
+import { Group } from './groups/types';
+import { Folder } from './folders/types';
+import { ListItemProps } from '../../popup/popup/types';
+import { ITEM_ID_NEW } from '../../formsExt/formsExt';
+/**
+ * Генерировать отформатированную папку
+ */
+export declare const genFormatedFolder: (folder: Folder) => {
+    name: string;
+    path: string;
+    id: number;
+    childsIds?: number[];
+    countAllGroupsActive?: number;
+    count_folders?: number;
+    count_groups?: number;
+    count_groups_active?: number;
+    parent_id?: number;
+    listItemProps?: ListItemProps;
+};
+/**
+ * Генерировать отформатированную группу
+ */
+export declare const genFormatedGroup: (group: Group) => {
+    name: string;
+    folder_path: string;
+    folder_id: number;
+    on?: 0 | 1;
+    status?: 0 | 1;
+    id: number | ITEM_ID_NEW;
+    listItemProps?: ListItemProps;
+};

package/src/components/project/project.d.ts

@@ -3,6 +3,7 @@ export { useItemsFromCompetitors } from './competitorSelector/composables';
 export { default as TopRegionSelector } from './regionSelector/regionSelector.vue';
 export { findRegion, genSearcherByKey, dialogRegionSelector } from './regionSelector/utils/utils';
 export { default as TopGroupSelector } from './groupSelector/groupSelector.vue';
+export { default as TopProjectSelector } from './projectSelector/projectSelector.vue';
 export type { Emits as TopTagSelectorEmits, Tag, TagId, TagIdExclude } from './tagSelector/types';
 export { genElPopupOpener as genElTopTagSelectorPopupOpener, renderElPopupOpener as renderElTopTagSelectorPopupOpener, } from './tagSelector/utils/el';
 export { default as TopTagSelector } from './tagSelector/tagSelector.vue';

package/src/components/project/projectSelector/cache.d.ts

@@ -0,0 +1,29 @@
+import { Item } from '../../formsExt/selector2/types';
+import { ShallowRef, Ref } from 'vue';
+/**
+ * Кеш списка проектов
+ *
+ * Используется только при `dataSource` = `static`
+ * Данные синхронизируются между всеми экземплярами ProjectSelector
+ */
+export declare const projectsCache: ShallowRef<Item[] | undefined, Item[] | undefined>;
+export declare const resetStateSignal: Ref<number, number>;
+/**
+ * Promise текущего выполняющегося запроса на получение проектов.
+ *
+ * Используется для дедупликации запросов: если запрос уже запущен, повторные вызовы будут ждать один и тот же Promise.
+ */
+export declare const projectsRequest: Ref<{
+    then: <TResult1 = Api.ResponseError<any> | Api.ResponseSuccess<any, "get">, TResult2 = never>(onfulfilled?: ((value: Api.ResponseError<any> | Api.ResponseSuccess<any, "get">) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;
+    catch: <TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined) => Promise<Api.ResponseError<any> | Api.ResponseSuccess<any, "get"> | TResult>;
+    finally: (onfinally?: (() => void) | null | undefined) => Promise<Api.ResponseError<any> | Api.ResponseSuccess<any, "get">>;
+    readonly [Symbol.toStringTag]: string;
+} | null, Promise<Api.ResponseError<any> | Api.ResponseSuccess<any, "get">> | {
+    then: <TResult1 = Api.ResponseError<any> | Api.ResponseSuccess<any, "get">, TResult2 = never>(onfulfilled?: ((value: Api.ResponseError<any> | Api.ResponseSuccess<any, "get">) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;
+    catch: <TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined) => Promise<Api.ResponseError<any> | Api.ResponseSuccess<any, "get"> | TResult>;
+    finally: (onfinally?: (() => void) | null | undefined) => Promise<Api.ResponseError<any> | Api.ResponseSuccess<any, "get">>;
+    readonly [Symbol.toStringTag]: string;
+} | null>;
+export declare const setCache: (userId: number, projectsTotal: number) => void;
+export declare const getCache: (userId: number) => number | undefined;
+export declare const clearCache: (userId: number, resetState?: boolean) => void;

package/src/components/project/projectSelector/projectSelector.vue.d.ts

@@ -0,0 +1,129 @@
+import { Item, Props, Size, Slots } from '../../formsExt/selector2/types';
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ShallowUnwrapRef, Slot, ComponentPublicInstance, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties } from 'vue';
+import { Props } from '../../forms/button/types';
+import { TopLibPopup } from '../../popup/lib/popup';
+import { OnCleanup } from '@vue/reactivity';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    'project'?: NonNullable<Props['project']>;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:project": (value: Item) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:project"?: ((value: Item) => any) | undefined;
+}>, {
+    addLinksToProjects: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    refSelector: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue: Props["modelValue"];
+            readonly items?: Item[] | undefined;
+            readonly title?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly icon?: string | undefined;
+            readonly modificator?: string | undefined;
+            readonly size?: Size | undefined;
+            readonly isError?: boolean | undefined;
+            readonly openByFocusInput?: boolean | undefined;
+            readonly searchType?: "none" | "inline" | "popup" | undefined;
+            readonly searchFields?: string[] | undefined;
+            readonly placeholder?: string | undefined;
+            readonly hasCloserBtn?: boolean | undefined;
+            readonly api?: (Api.ClientRequest<any> | Api.ClientRequestCustom<any, any, any>) | undefined;
+            readonly apiSetSearchParams?: ((api: NonNullable< Props["api"]>, search: string) => void) | undefined;
+            readonly minLength?: number | undefined;
+            readonly useCache?: boolean | undefined;
+            readonly appendSearchToResult?: boolean | undefined;
+            readonly appendSearchToResultCond?: ((search: string) => boolean) | undefined;
+            readonly appendWithoutSelect?: boolean | undefined;
+            readonly multiselect?: boolean | undefined;
+            readonly useAllItem?: boolean | string | undefined;
+            readonly addChanger?: boolean | undefined;
+            readonly buttonProps?: Props | undefined;
+            readonly selectedAsPlaceholder?: boolean | undefined;
+            readonly openerShortcut?: string | undefined;
+            readonly onOpen?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: Item | Item[]) => any) | undefined;
+            readonly onAppendItem?: ((item: Item) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popupRef: ShallowUnwrapRef<{
+                id: string;
+                popup: TopLibPopup<undefined> | undefined;
+            }> | null;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: Item | Item[]) => void) & ((event: "appendItem", item: Item) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            modelValue: Props["modelValue"];
+        } & Props> & Readonly<{
+            onOpen?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: Item | Item[]) => any) | undefined;
+            onAppendItem?: ((item: Item) => any) | undefined;
+        }>, {
+            resetCache: (resetAPICache?: boolean) => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            open: () => any;
+            "update:modelValue": (value: Item | Item[]) => any;
+            appendItem: (item: Item) => any;
+        }, string, {
+            size: Size;
+            openByFocusInput: boolean;
+            items: Item[];
+            searchFields: string[];
+            searchType: "none" | "inline" | "popup";
+            minLength: number;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        size: Size;
+        openByFocusInput: boolean;
+        items: Item[];
+        searchFields: string[];
+        searchType: "none" | "inline" | "popup";
+        minLength: number;
+    }> & Omit<Readonly<{
+        modelValue: Props["modelValue"];
+    } & Props> & Readonly<{
+        onOpen?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Item | Item[]) => any) | undefined;
+        onAppendItem?: ((item: Item) => any) | undefined;
+    }>, "resetCache" | ("size" | "openByFocusInput" | "items" | "searchFields" | "searchType" | "minLength")> & ShallowUnwrapRef<{
+        resetCache: (resetAPICache?: boolean) => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly< Slots> & Slots;
+    }) | null;
+}, any>;
+export default _default;

package/src/components/project/projectSelector/submenu/submenu.vue.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/components/project/projectSelector/submenu/types.d.ts

@@ -0,0 +1,17 @@
+export interface Props {
+    /**
+     * id проекта
+     */
+    id: number;
+    /**
+     * Права пользователя в проекте
+     *
+     * Записывается в виде строки из нулей и единиц '01011000100000000000'
+     * Каждому индексу строки соответствует доступ к определенным действиям с проектом
+     */
+    right: string;
+    /**
+     * url проекта
+     */
+    url: string;
+}

package/src/components/project/projectSelector/types.d.ts

@@ -0,0 +1,48 @@
+import { Props as ButtonProps } from '../../forms/button/types';
+import { Item } from '../../formsExt/selector2/types';
+export interface Props {
+    /**
+     * Настроенный API клиент для выполнения запросов
+     *
+     * Будет использоваться:
+     * - для загрузки групп, если не указан `props.projects`
+     * - для добавления нового проекта пользователю
+     *
+     * @const
+     */
+    client: Api.Client<Api.TV.Paths, true>;
+    /**
+     * Выбранный проект
+     */
+    project?: Item;
+    /**
+     * Нужно ли добавлять ссылки на проекты
+     */
+    addLinksToProjects?: boolean;
+    /**
+     * Не отображать проект с этим id в списке
+     */
+    excludeProjectId?: number;
+    /**
+     * Модификатор элемента, открывающего popup
+     *
+     * Добавит класс: `top-selector2-{{ modificator }}`
+     */
+    modificator?: string;
+    /**
+     * Текст для placeholder поля поиска
+     */
+    placeholder?: string;
+    /**
+     * Настройки кнопки
+     *
+     * Если не указан будет использоваться стандартный стиль селектора
+     *
+     * @subcategory Single select
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * code горячей клавиши для открытия селектора ('KeyA');
+     */
+    openerShortcut?: string;
+}