@topvisor/ui 1.5.10-hotkeys.4 → 1.5.10-hotkeys.6

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

@@ -401,204 +401,6 @@ export declare const useAPI: (api: Props["api"], apiSetSearchParams: Props["apiS
     }[]>;
     isLoading: Ref<boolean, boolean>;
     countLoading: Ref<number, number>;
-    load: (append: boolean) => Promise<{
-        [x: string]: any;
-        id: number | typeof ITEM_ID_NEW;
-        name: string;
-        listItemProps?: {
-            type?: "button" | "formControls" | "regular" | "title" | "delimiter" | undefined;
-            closeByClick?: boolean | undefined;
-            class?: string | undefined;
-            attrs?: {
-                style?: string | undefined;
-                title?: string | undefined;
-                id?: string | undefined;
-                dir?: string | undefined;
-                hidden?: string | undefined;
-                contextmenu?: string | undefined;
-                lang?: string | undefined;
-                tabindex?: string | undefined;
-                color?: string | undefined;
-                contenteditable?: string | undefined;
-                onCopy?: string | undefined;
-                onCut?: string | undefined;
-                onPaste?: string | undefined;
-                onCompositionend?: string | undefined;
-                onCompositionstart?: string | undefined;
-                onCompositionupdate?: string | undefined;
-                onDrag?: string | undefined;
-                onDragend?: string | undefined;
-                onDragenter?: string | undefined;
-                onDragexit?: string | undefined;
-                onDragleave?: string | undefined;
-                onDragover?: string | undefined;
-                onDragstart?: string | undefined;
-                onDrop?: string | undefined;
-                onFocus?: string | undefined;
-                onFocusin?: string | undefined;
-                onFocusout?: string | undefined;
-                onBlur?: string | undefined;
-                onChange?: string | undefined;
-                onBeforeinput?: string | undefined;
-                onFormdata?: string | undefined;
-                onInput?: string | undefined;
-                onReset?: string | undefined;
-                onSubmit?: string | undefined;
-                onInvalid?: string | undefined;
-                onFullscreenchange?: string | undefined;
-                onFullscreenerror?: string | undefined;
-                onLoad?: string | undefined;
-                onError?: string | undefined;
-                onKeydown?: string | undefined;
-                onKeypress?: string | undefined;
-                onKeyup?: string | undefined;
-                onDblclick?: string | undefined;
-                onMousedown?: string | undefined;
-                onMouseenter?: string | undefined;
-                onMouseleave?: string | undefined;
-                onMousemove?: string | undefined;
-                onMouseout?: string | undefined;
-                onMouseover?: string | undefined;
-                onMouseup?: string | undefined;
-                onAbort?: string | undefined;
-                onCanplay?: string | undefined;
-                onCanplaythrough?: string | undefined;
-                onDurationchange?: string | undefined;
-                onEmptied?: string | undefined;
-                onEncrypted?: string | undefined;
-                onEnded?: string | undefined;
-                onLoadeddata?: string | undefined;
-                onLoadedmetadata?: string | undefined;
-                onLoadstart?: string | undefined;
-                onPause?: string | undefined;
-                onPlay?: string | undefined;
-                onPlaying?: string | undefined;
-                onProgress?: string | undefined;
-                onRatechange?: string | undefined;
-                onSeeked?: string | undefined;
-                onSeeking?: string | undefined;
-                onStalled?: string | undefined;
-                onSuspend?: string | undefined;
-                onTimeupdate?: string | undefined;
-                onVolumechange?: string | undefined;
-                onWaiting?: string | undefined;
-                onSelect?: string | undefined;
-                onScroll?: string | undefined;
-                onScrollend?: string | undefined;
-                onTouchcancel?: string | undefined;
-                onTouchend?: string | undefined;
-                onTouchmove?: string | undefined;
-                onTouchstart?: string | undefined;
-                onAuxclick?: string | undefined;
-                onClick?: string | undefined;
-                onContextmenu?: string | undefined;
-                onGotpointercapture?: string | undefined;
-                onLostpointercapture?: string | undefined;
-                onPointerdown?: string | undefined;
-                onPointermove?: string | undefined;
-                onPointerup?: string | undefined;
-                onPointercancel?: string | undefined;
-                onPointerenter?: string | undefined;
-                onPointerleave?: string | undefined;
-                onPointerover?: string | undefined;
-                onPointerout?: string | undefined;
-                onBeforetoggle?: string | undefined;
-                onToggle?: string | undefined;
-                onWheel?: string | undefined;
-                onAnimationcancel?: string | undefined;
-                onAnimationstart?: string | undefined;
-                onAnimationend?: string | undefined;
-                onAnimationiteration?: string | undefined;
-                onSecuritypolicyviolation?: string | undefined;
-                onTransitioncancel?: string | undefined;
-                onTransitionend?: string | undefined;
-                onTransitionrun?: string | undefined;
-                onTransitionstart?: string | undefined;
-                innerHTML?: string | undefined;
-                accesskey?: string | undefined;
-                draggable?: string | undefined;
-                enterkeyhint?: string | undefined;
-                enterKeyHint?: string | undefined;
-                inert?: string | undefined;
-                placeholder?: string | undefined;
-                spellcheck?: string | undefined;
-                translate?: string | undefined;
-                radiogroup?: string | undefined;
-                role?: string | undefined;
-                about?: string | undefined;
-                datatype?: string | undefined;
-                inlist?: string | undefined;
-                prefix?: string | undefined;
-                property?: string | undefined;
-                resource?: string | undefined;
-                typeof?: string | undefined;
-                vocab?: string | undefined;
-                autocapitalize?: string | undefined;
-                autocorrect?: string | undefined;
-                autosave?: string | undefined;
-                itemprop?: string | undefined;
-                itemscope?: string | undefined;
-                itemtype?: string | undefined;
-                itemid?: string | undefined;
-                itemref?: string | undefined;
-                results?: string | undefined;
-                security?: string | undefined;
-                unselectable?: string | undefined;
-                inputmode?: string | undefined;
-                is?: string | undefined;
-                exportparts?: string | undefined;
-                part?: string | undefined;
-                "aria-activedescendant"?: string | undefined;
-                "aria-atomic"?: string | undefined;
-                "aria-autocomplete"?: string | undefined;
-                "aria-busy"?: string | undefined;
-                "aria-checked"?: string | undefined;
-                "aria-colcount"?: string | undefined;
-                "aria-colindex"?: string | undefined;
-                "aria-colspan"?: string | undefined;
-                "aria-controls"?: string | undefined;
-                "aria-current"?: string | undefined;
-                "aria-describedby"?: string | undefined;
-                "aria-details"?: string | undefined;
-                "aria-disabled"?: string | undefined;
-                "aria-dropeffect"?: string | undefined;
-                "aria-errormessage"?: string | undefined;
-                "aria-expanded"?: string | undefined;
-                "aria-flowto"?: string | undefined;
-                "aria-grabbed"?: string | undefined;
-                "aria-haspopup"?: string | undefined;
-                "aria-hidden"?: string | undefined;
-                "aria-invalid"?: string | undefined;
-                "aria-keyshortcuts"?: string | undefined;
-                "aria-label"?: string | undefined;
-                "aria-labelledby"?: string | undefined;
-                "aria-level"?: string | undefined;
-                "aria-live"?: string | undefined;
-                "aria-modal"?: string | undefined;
-                "aria-multiline"?: string | undefined;
-                "aria-multiselectable"?: string | undefined;
-                "aria-orientation"?: string | undefined;
-                "aria-owns"?: string | undefined;
-                "aria-placeholder"?: string | undefined;
-                "aria-posinset"?: string | undefined;
-                "aria-pressed"?: string | undefined;
-                "aria-readonly"?: string | undefined;
-                "aria-relevant"?: string | undefined;
-                "aria-required"?: string | undefined;
-                "aria-roledescription"?: string | undefined;
-                "aria-rowcount"?: string | undefined;
-                "aria-rowindex"?: string | undefined;
-                "aria-rowspan"?: string | undefined;
-                "aria-selected"?: string | undefined;
-                "aria-setsize"?: string | undefined;
-                "aria-sort"?: string | undefined;
-                "aria-valuemax"?: string | undefined;
-                "aria-valuemin"?: string | undefined;
-                "aria-valuenow"?: string | undefined;
-                "aria-valuetext"?: string | undefined;
-            } | undefined;
-        } | undefined;
-    }[] | undefined>;
-    getNextOffset: () => number | null | undefined;
+    load: (append: boolean) => Promise<void>;
     setSearchTextAndLoad: (newSearchText: string, useDebounce?: boolean) => void;
 };

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

@@ -1,4 +1,4 @@
-import { Project } from './types';
+import { Item } from '../../formsExt/selector2/types';
 import { Ref, ShallowRef } from 'vue';
 /**
  * Promise текущего выполняющегося запроса на получение проектов.
@@ -24,7 +24,7 @@ export declare const projectsRequest: Ref<{
  *
  * @todo Добавить поддержку моков
  */
-export declare const projectsCache: ShallowRef<Project[] | undefined, Project[] | undefined>;
+export declare const projectsCache: ShallowRef<Item[] | undefined, Item[] | undefined>;
 export declare const setCacheTotal: (projectsTotal: number) => void;
 export declare const getCacheTotal: () => number | undefined;
 /**

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

@@ -6,12 +6,6 @@ import { components } from 'topvisor-openapi/src/ts/TV/API/Types/UrlShort';
  * Сгенерировать элемент для TopSelector
  */
 export declare const genProjectItem: (project: Project) => Item;
-/**
- * Подготовить данные проектов для отображения:
- * - добавить `listItemProps` для шаблона TopSelector
- * - добавить заголовки к категориям
- */
-export declare const prepareProjects: (projects: Project[] | undefined) => Item[] | undefined;
 export declare const navigateToProject: (projectId: number) => void;
 /**
  * Сгенерировать ссылку на страницу проекта с инструментом
@@ -41,8 +35,12 @@ export declare const genProjectExternalLink: (url: string) => string;
 export declare const apiSetSearchParamsFilter: (api: NonNullable<Props["api"]>, search: string) => void;
 /**
  * Создать API запрос на получение списка проектов
+ *
+ * Данные после загрузки преобразуются с помощью `prepareProjects()`
+ *
+ * @see prepareProjects
  */
-export declare const genApiGetProjects: (client: Api.Client<Api.TV.Paths, true>) => Api.ClientRequest<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, ("name" | "id" | "on" | "right" | "user_id" | "url")[], Api.Params<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, undefined, {
+export declare const genApiGetProjects: (client: Api.Client<Api.TV.Paths, true>, needOnApiLoaded?: boolean) => Api.ClientRequest<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, ("name" | "id" | "on" | "right" | "user_id" | "url")[], Api.Params<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, undefined, {
     "COUNT(*)"?: any;
     "IS_YOUTUBE()"?: any;
     "IS_APP_STORE()"?: any;
@@ -263,6 +261,14 @@ export declare const genApiGetProjects: (client: Api.Client<Api.TV.Paths, true>)
     guest_link_right_volumes?: number | null;
     guest_link_right_visitors?: number | null;
 }> | undefined>;
+/**
+ * Состояние поиска следующего/предыдущего проекта
+ *
+ * Состояние хранит загруженные ids проектов в порядке сортировки `TopProjectSelector` и догружает страницы API по необходимости
+ */
+export declare const nextProjectIdState: (client: Api.Client<Api.TV.Paths, true>) => {
+    getNextProjectId: (currentProjectId: number, prev?: boolean) => Promise<number | undefined>;
+};
 /**
  * Создать API запрос для добавления проекта
  */

package/src/components/project/regionSelector/dialog_regionSelectorRegions/types.d.ts

@@ -1,4 +1,5 @@
 import { Region } from '../types';
+import { genRegionLabelData } from '../../../../core/utils/searchers';
 export interface Props {
     /**
      * Список регионов
@@ -18,9 +19,6 @@ export interface Props {
  */
 export type RegionRich = Region & {
     selected: boolean;
-    title: string;
-    searcherIcon: string;
-    langLabel?: string;
-    deviceIcon?: string;
+    labelData: ReturnType<typeof genRegionLabelData>;
     flagLink?: string;
 };

package/src/core/core/core.d.ts

@@ -25,6 +25,19 @@ export default class Core {
         size: number;
         isHidden: boolean;
     };
+    static options: {
+        documentClassModificators: Map<string | number, string>;
+        themeName: "light" | "dark" | string;
+        widthForMobile: number;
+        userId: number;
+        dateFormat: string;
+        currency: "RUB" | "USD" | "EUR";
+        timezoneOffset: number;
+        closedByMod: Record<string, boolean>;
+        showGlobalRegionForKeywordsStats: boolean;
+        forceSearchersKeysForKeywordsStats: number[];
+        goToHandler: (url: string) => Promise<void>;
+    };
     static preloaders: typeof preloaders;
     static widthForMobile: number;
     static themeName: string;
@@ -114,4 +127,8 @@ export default class Core {
      * @see insertToPage
      */
     static insertStyleToPage: (style: string, type?: "" | "m" | "pc") => void;
+    /**
+     * Выполнить переход по url
+     */
+    static goTo: (url: string) => Promise<void>;
 }

package/src/core/core/options.d.ts

@@ -66,5 +66,9 @@ declare const _default: {
      * Какие ПС надо всегда выводить в компонентах, связанных с выводом статистика запросов
      */
     forceSearchersKeysForKeywordsStats: number[];
+    /**
+     * Обработчик навигации в приложении
+     */
+    goToHandler: (url: string) => Promise<void>;
 };
 export default _default;

package/src/core/plugins/core.d.ts

@@ -41,7 +41,7 @@ declare module '@vue/runtime-core' {
         TopDialogs: typeof TopDialogs;
     }
 }
-type CoreOptions = PartialBy<typeof coreDefaultOptions, 'documentClassModificators' | 'userId' | 'timezoneOffset' | 'closedByMod' | 'showGlobalRegionForKeywordsStats' | 'forceSearchersKeysForKeywordsStats'>;
+type CoreOptions = PartialBy<typeof coreDefaultOptions, 'documentClassModificators' | 'userId' | 'timezoneOffset' | 'closedByMod' | 'showGlobalRegionForKeywordsStats' | 'forceSearchersKeysForKeywordsStats' | 'goToHandler'>;
 type Options = CoreOptions & {
     topPopupOptions?: TopPopupOptions;
     topDialogOptions?: TopDialogOptions;

package/src/core/utils/searchers.d.ts

@@ -1,3 +1,4 @@
+import { Region } from '../../components/project/regionSelector/types';
 /**
  * Вспомогательный класс для работы с разными Поисковиками
  */
@@ -29,6 +30,20 @@ export declare const getDeviceGIcon: (device: number | string) => string;
  * Получить иконку языка
  */
 export declare const getLangLabel: (searcherKey: number | string, lang: string) => string;
+/**
+ * Сгенерировать данные подписи региона.
+ *
+ * Настройки по умолчанию не добавляют суффиксы к региону.
+ * Например, `device` `ПК` и `alt` `XML` не выводим.
+ */
+export declare const genRegionLabelData: (region: Partial<Region>) => {
+    searcherTopIcon: string;
+    searcherLabel: string;
+    deviceTopIcon: string;
+    deviceLabel: any;
+    langLabel: string;
+    altLabel: string;
+};
 /**
  * Сгенерировать заголовок типа частоты
  */

package/src/core/utils/string.d.ts

@@ -28,9 +28,14 @@ export declare const isUrl: (url: string) => boolean;
  */
 export declare const addCommasWhite: (n: number | string) => string;
 /**
- * Вставляет HTML-код разрыва строки перед каждым переводом строки
+ * Заменяет переносы строк на `<br>`.
+ *
+ * @param str - Исходная строка.
+ * @param skipBrNearTags - Пропускать замену переносов строк рядом с популярными блочными тегами.
+ *
+ * Блочные теги, которые будут пропущены: `div`, `p`, `ul`, `ol`, `li`, `blockquote`, `pre`.
  */
-export declare const nl2br: (str: string) => string;
+export declare const nl2br: (str: string, skipBrNearTags?: boolean) => string;
 /**
  * Перевести число без деситичной приставки в число с деситичной приставкой степеней тысячи (с параметрами по умолчанию 1255 -> '1.26 K')
  * @param number

package/tabsView/tabsView.amd.js

@@ -1,2 +1,2 @@
-define([`require`,`exports`,`../.chunks/forms-CjJD60m3.es.amd`,`../utils/system.amd`,`../utils/route.amd`,`../.chunks/store-DjQAOnrn.es.amd`,`../.chunks/popup-q1PRZblX.es.amd`,`vue`,`../require/css.amd!../assets/tabsView.css`],function(e,t,n,r,i,a,o,s){"use strict";if(c===void 0)var c=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopTabsViewMenuTitle=t.TopTabsViewMenuItem=t.TopTabsView=void 0;var l=(e,t)=>`top:${String(e)}:${t}`,u={loadLocalStorge:(e,t)=>{if(!t.$id)return;let n=l(e,t.$id);try{let r=JSON.parse(localStorage.getItem(n));typeof r==typeof t[e]&&(t[e]=r)}catch{console.warn(Error(`В localStorage[${n}] не корректный json`))}},addSaverLocalStorge:(e,t)=>{if(!t.$id)return;let n=l(e,t.$id);(0,s.watch)(()=>t[e],()=>{localStorage.setItem(n,JSON.stringify(t[e]))},{immediate:!0})}},d=new Set;addEventListener(`popstate`,e=>{d.forEach(t=>t(e))});var f=Symbol(),p=(e,t)=>{let r=(0,a.t)(f,()=>({showMenuInPopup:(0,s.computed)(()=>e.showMenuInPopup??n.O.state.isMobile),pageMod:(0,s.computed)(()=>e.pageMod),isShort:(0,s.ref)(!1),activeItemName:t,component:(0,s.ref)(void 0),scrollable:(0,s.ref)(!0)}),e.idState);if(e.isShortable){let e=`isShort`;u.loadLocalStorge(e,r),u.addSaverLocalStorge(e,r)}return r.$id&&d.add(e=>{t.value=(0,i.getHash)(r.$id)}),r},m=()=>(0,a.r)(f),h={key:1,class:`top-ellipsis`},g=(0,s.defineComponent)({__name:`menuItem`,props:{name:{},href:{},icon:{},disabled:{type:Boolean},component:{default:void 0},scrollable:{type:Boolean,default:!0}},setup(e,{slots:t}){let n=e,r=m(),a=(0,s.computed)(()=>n.name&&r.$id?(0,i.genHash)(r.$id,n.name):n.href),c=(0,s.computed)(()=>r.showMenuInPopup?o.o:a.value?`a`:`button`),l=e=>{!n.href&&a.value&&e.preventDefault(),n.name&&(r.activeItemName=n.name)};return(n,i)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.value),{target:`_self`,class:(0,s.normalizeClass)({"top-tabsView_menuItem":!(0,s.unref)(r).showMenuInPopup,"top-active":e.name&&(0,s.unref)(r).activeItemName===e.name,"top-disabled":e.disabled,"top-spa-disabled":!0}),href:a.value,"data-top-icon":e.icon||void 0,disabled:e.disabled||void 0,onClick:l},{default:(0,s.withCtx)(()=>[(0,s.unref)(r).showMenuInPopup?(0,s.renderSlot)(n.$slots,`default`,{},void 0,void 0,0):t.default&&!(0,s.unref)(r).isShort?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,h,[(0,s.renderSlot)(n.$slots,`default`)])):(0,s.createCommentVNode)(``,!0)]),_:3},8,[`class`,`href`,`data-top-icon`,`disabled`]))}}),_=e=>e?.name===`AsyncComponentWrapper`&&!e?.__asyncResolved,v=async(e,t)=>{e?.name===`AsyncComponentWrapper`&&(e?.__asyncResolved||(e.__asyncLoader(),await(0,r.sleepWhile)(()=>t()&&_(e),200)))},y={class:`top-tabsView_menuOpener`},b=[`data-top-icon`],x={class:`top-ellipsis`},S={class:`top-tabsView_menuList`},C={key:0,class:`top-tabsView_menuFooter`},w=(0,s.defineComponent)({__name:`menu`,props:(0,s.mergeModels)({isShortable:{type:Boolean},isLoading:{type:Boolean}},{isLoading:{},isLoadingModifiers:{}}),emits:[`update:isLoading`],setup(e){let t=(0,s.useModel)(e,`isLoading`),n=m(),r=(0,s.useSlots)(),a=new Map,c=()=>{if(!r.default)return;let e=r.default({}).find(e=>e.key===`_menu`);e&&l(e.children)},l=e=>{e.forEach(e=>{if(e.type.__name&&e.type.__name!==g.__name)return;if(!e.type.__name&&typeof e.children==`object`){l(e.children);return}if(!e.props?.name||e.props?.disabled)return;let t={title:(e.children.default?.()[0].children).trim(),icon:e.props.icon,component:e.props.component?(0,s.markRaw)(e.props.component):g.props.component.default,scrollable:e.props.scrollable??g.props.scrollable.default};a.set(e.props.name,t)})},u=(0,s.ref)(null),d=0;return(0,s.watch)(()=>n.activeItemName,async()=>{let e=++d;if(a.size===0&&c(),a.size===0){n.activeItemName=``;return}if(u.value=a.get(n.activeItemName)??null,!u.value&&n.$id){let e=(0,i.getHash)(n.$id);if(u.value=a.get(e)??null,u.value){n.activeItemName=e;return}}if(!u.value){n.activeItemName=a.keys().next().value;return}if(u.value.component===n.component){t.value=!1;return}n.$id&&(0,i.setHash)(n.$id,n.activeItemName,!1),t.value=!0,await v(u.value.component,()=>e===d),e===d&&(n.scrollable=u.value.scrollable,n.component=u.value.component,u.value&&!n.component&&console.warn(`Компонент вкладки ${n.activeItemName} не найден. Добавьте props.component для пункта меню ${n.activeItemName}.`))},{immediate:!0}),(t,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)({"top-tabsView_menu":!0,"top-tabsView_menu-inPopup_0":!(0,s.unref)(n).showMenuInPopup,"top-tabsView_menu-inPopup_1":(0,s.unref)(n).showMenuInPopup,"top-tabsView_menu-short":(0,s.unref)(n).isShort&&!(0,s.unref)(n).showMenuInPopup})},[(0,s.unref)(n).showMenuInPopup?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.s),{key:0},{opener:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,y,[u.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`top-tabsView_menuOpenerActiveItem`,"data-top-icon":u.value.icon},[(0,s.createElementVNode)(`span`,x,(0,s.toDisplayString)(u.value.title),1)],8,b)):(0,s.createCommentVNode)(``,!0),r[1]||=(0,s.createElementVNode)(`div`,{class:`top-tabsView_menuOpenerIcon`,"data-top-icon":``},null,-1)])]),contentList:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`default`)]),_:3})):((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:1},[(0,s.createElementVNode)(`div`,S,[(0,s.renderSlot)(t.$slots,`default`)]),e.isShortable?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,C,[e.isShortable?((0,s.openBlock)(),(0,s.createBlock)(g,{key:0,icon:(0,s.unref)(n).isShort?``:``,onClick:r[0]||=e=>(0,s.unref)(n).isShort=!(0,s.unref)(n).isShort},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(n).isShort?``:`Свернуть`),1)]),_:1},8,[`icon`])):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0)],64))],2))}}),T=(0,s.defineComponent)({__name:`tabsView`,props:(0,s.mergeModels)({modelValue:{},pageMod:{type:Boolean},showMenuInPopup:{type:Boolean,default:void 0},isShortable:{type:Boolean,default:!1},idState:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,r=p(t,(0,s.useModel)(e,`modelValue`)),a=Math.random();t.pageMod&&n.O.state.documentClassModificators.set(a,`top-hasTabsViewPageMod`),(0,s.onUnmounted)(()=>{t.pageMod&&n.O.state.documentClassModificators.delete(a),r.$id&&(0,i.delHash)(r.$id,!0)});let o=(0,s.ref)(),c=(0,s.ref)(!1);return(0,s.watch)([o,()=>r.component],()=>{c.value=_(r.component)},{immediate:!0}),(i,a)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)({"top-tabsView":!0,"top-tabsView-pageMod":t.pageMod,"top-tabsView-inPopup":(0,s.unref)(r).showMenuInPopup})},[(0,s.createVNode)(w,{isShortable:e.isShortable,isLoading:c.value,"onUpdate:isLoading":a[0]||=e=>c.value=e},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(i.$slots,`menu`)]),_:3},8,[`isShortable`,`isLoading`]),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)({"top-tabsView_contents":!0,"top-tabsView_contents-isLoading":c.value,"top-tabsView_contents-noScrollable":!(0,s.unref)(r).scrollable})},[c.value?((0,s.openBlock)(),(0,s.createBlock)(n.l,{key:0})):(0,s.createCommentVNode)(``,!0),((0,s.openBlock)(),(0,s.createBlock)(s.KeepAlive,null,[((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)((0,s.unref)(r).component),{ref_key:`componentRef`,ref:o},null,512))],1024))],2)],2))}}),E={},D={class:`top-tabsView_menuDelimeter`};t.TopTabsViewMenuItem=g,t.TopTabsView=T;function O(e,t){return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,D)}var k=(0,n.u)(E,[[`render`,O]]);t.TopTabsViewMenuTitle=(0,s.defineComponent)({__name:`menuTitle`,props:{isSubtitle:{type:Boolean}},setup(e){let t=m();return(n,r)=>(0,s.unref)(t).showMenuInPopup?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.o),{key:0,type:`title`},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(n.$slots,`default`)]),_:3})):(0,s.unref)(t).isShort?((0,s.openBlock)(),(0,s.createBlock)(k,{key:1})):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,class:(0,s.normalizeClass)({"top-tabsView_menuTitle":!0,"top-tabsView_menuTitle-subtitle":e.isSubtitle})},[(0,s.renderSlot)(n.$slots,`default`)],2))}})});
+define([`require`,`exports`,`../.chunks/forms-dosApNxi.es.amd`,`../utils/system.amd`,`../utils/route.amd`,`../.chunks/store-DjQAOnrn.es.amd`,`../.chunks/popup-cAqd6Dj3.es.amd`,`vue`,`../require/css.amd!../assets/tabsView.css`],function(e,t,n,r,i,a,o,s){"use strict";if(c===void 0)var c=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopTabsViewMenuTitle=t.TopTabsViewMenuItem=t.TopTabsView=void 0;var l=(e,t)=>`top:${String(e)}:${t}`,u={loadLocalStorge:(e,t)=>{if(!t.$id)return;let n=l(e,t.$id);try{let r=JSON.parse(localStorage.getItem(n));typeof r==typeof t[e]&&(t[e]=r)}catch{console.warn(Error(`В localStorage[${n}] не корректный json`))}},addSaverLocalStorge:(e,t)=>{if(!t.$id)return;let n=l(e,t.$id);(0,s.watch)(()=>t[e],()=>{localStorage.setItem(n,JSON.stringify(t[e]))},{immediate:!0})}},d=new Set;addEventListener(`popstate`,e=>{d.forEach(t=>t(e))});var f=Symbol(),p=(e,t)=>{let r=(0,a.t)(f,()=>({showMenuInPopup:(0,s.computed)(()=>e.showMenuInPopup??n.O.state.isMobile),pageMod:(0,s.computed)(()=>e.pageMod),isShort:(0,s.ref)(!1),activeItemName:t,component:(0,s.ref)(void 0),scrollable:(0,s.ref)(!0)}),e.idState);if(e.isShortable){let e=`isShort`;u.loadLocalStorge(e,r),u.addSaverLocalStorge(e,r)}return r.$id&&d.add(e=>{t.value=(0,i.getHash)(r.$id)}),r},m=()=>(0,a.r)(f),h={key:1,class:`top-ellipsis`},g=(0,s.defineComponent)({__name:`menuItem`,props:{name:{},href:{},icon:{},disabled:{type:Boolean},component:{default:void 0},scrollable:{type:Boolean,default:!0}},setup(e,{slots:t}){let n=e,r=m(),a=(0,s.computed)(()=>n.name&&r.$id?(0,i.genHash)(r.$id,n.name):n.href),c=(0,s.computed)(()=>r.showMenuInPopup?o.o:a.value?`a`:`button`),l=e=>{!n.href&&a.value&&e.preventDefault(),n.name&&(r.activeItemName=n.name)};return(n,i)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.value),{target:`_self`,class:(0,s.normalizeClass)({"top-tabsView_menuItem":!(0,s.unref)(r).showMenuInPopup,"top-active":e.name&&(0,s.unref)(r).activeItemName===e.name,"top-disabled":e.disabled,"top-spa-disabled":!0}),href:a.value,"data-top-icon":e.icon||void 0,disabled:e.disabled||void 0,onClick:l},{default:(0,s.withCtx)(()=>[(0,s.unref)(r).showMenuInPopup?(0,s.renderSlot)(n.$slots,`default`,{},void 0,void 0,0):t.default&&!(0,s.unref)(r).isShort?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,h,[(0,s.renderSlot)(n.$slots,`default`)])):(0,s.createCommentVNode)(``,!0)]),_:3},8,[`class`,`href`,`data-top-icon`,`disabled`]))}}),_=e=>e?.name===`AsyncComponentWrapper`&&!e?.__asyncResolved,v=async(e,t)=>{e?.name===`AsyncComponentWrapper`&&(e?.__asyncResolved||(e.__asyncLoader(),await(0,r.sleepWhile)(()=>t()&&_(e),200)))},y={class:`top-tabsView_menuOpener`},b=[`data-top-icon`],x={class:`top-ellipsis`},S={class:`top-tabsView_menuList`},C={key:0,class:`top-tabsView_menuFooter`},w=(0,s.defineComponent)({__name:`menu`,props:(0,s.mergeModels)({isShortable:{type:Boolean},isLoading:{type:Boolean}},{isLoading:{},isLoadingModifiers:{}}),emits:[`update:isLoading`],setup(e){let t=(0,s.useModel)(e,`isLoading`),n=m(),r=(0,s.useSlots)(),a=new Map,c=()=>{if(!r.default)return;let e=r.default({}).find(e=>e.key===`_menu`);e&&l(e.children)},l=e=>{e.forEach(e=>{if(e.type.__name&&e.type.__name!==g.__name)return;if(!e.type.__name&&typeof e.children==`object`){l(e.children);return}if(!e.props?.name||e.props?.disabled)return;let t={title:(e.children.default?.()[0].children).trim(),icon:e.props.icon,component:e.props.component?(0,s.markRaw)(e.props.component):g.props.component.default,scrollable:e.props.scrollable??g.props.scrollable.default};a.set(e.props.name,t)})},u=(0,s.ref)(null),d=0;return(0,s.watch)(()=>n.activeItemName,async()=>{let e=++d;if(a.size===0&&c(),a.size===0){n.activeItemName=``;return}if(u.value=a.get(n.activeItemName)??null,!u.value&&n.$id){let e=(0,i.getHash)(n.$id);if(u.value=a.get(e)??null,u.value){n.activeItemName=e;return}}if(!u.value){n.activeItemName=a.keys().next().value;return}if(u.value.component===n.component){t.value=!1;return}n.$id&&(0,i.setHash)(n.$id,n.activeItemName,!1),t.value=!0,await v(u.value.component,()=>e===d),e===d&&(n.scrollable=u.value.scrollable,n.component=u.value.component,u.value&&!n.component&&console.warn(`Компонент вкладки ${n.activeItemName} не найден. Добавьте props.component для пункта меню ${n.activeItemName}.`))},{immediate:!0}),(t,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)({"top-tabsView_menu":!0,"top-tabsView_menu-inPopup_0":!(0,s.unref)(n).showMenuInPopup,"top-tabsView_menu-inPopup_1":(0,s.unref)(n).showMenuInPopup,"top-tabsView_menu-short":(0,s.unref)(n).isShort&&!(0,s.unref)(n).showMenuInPopup})},[(0,s.unref)(n).showMenuInPopup?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.s),{key:0},{opener:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,y,[u.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`top-tabsView_menuOpenerActiveItem`,"data-top-icon":u.value.icon},[(0,s.createElementVNode)(`span`,x,(0,s.toDisplayString)(u.value.title),1)],8,b)):(0,s.createCommentVNode)(``,!0),r[1]||=(0,s.createElementVNode)(`div`,{class:`top-tabsView_menuOpenerIcon`,"data-top-icon":``},null,-1)])]),contentList:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`default`)]),_:3})):((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:1},[(0,s.createElementVNode)(`div`,S,[(0,s.renderSlot)(t.$slots,`default`)]),e.isShortable?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,C,[e.isShortable?((0,s.openBlock)(),(0,s.createBlock)(g,{key:0,icon:(0,s.unref)(n).isShort?``:``,onClick:r[0]||=e=>(0,s.unref)(n).isShort=!(0,s.unref)(n).isShort},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(n).isShort?``:`Свернуть`),1)]),_:1},8,[`icon`])):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0)],64))],2))}}),T=(0,s.defineComponent)({__name:`tabsView`,props:(0,s.mergeModels)({modelValue:{},pageMod:{type:Boolean},showMenuInPopup:{type:Boolean,default:void 0},isShortable:{type:Boolean,default:!1},idState:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,r=p(t,(0,s.useModel)(e,`modelValue`)),a=Math.random();t.pageMod&&n.O.state.documentClassModificators.set(a,`top-hasTabsViewPageMod`),(0,s.onUnmounted)(()=>{t.pageMod&&n.O.state.documentClassModificators.delete(a),r.$id&&(0,i.delHash)(r.$id,!0)});let o=(0,s.ref)(),c=(0,s.ref)(!1);return(0,s.watch)([o,()=>r.component],()=>{c.value=_(r.component)},{immediate:!0}),(i,a)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)({"top-tabsView":!0,"top-tabsView-pageMod":t.pageMod,"top-tabsView-inPopup":(0,s.unref)(r).showMenuInPopup})},[(0,s.createVNode)(w,{isShortable:e.isShortable,isLoading:c.value,"onUpdate:isLoading":a[0]||=e=>c.value=e},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(i.$slots,`menu`)]),_:3},8,[`isShortable`,`isLoading`]),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)({"top-tabsView_contents":!0,"top-tabsView_contents-isLoading":c.value,"top-tabsView_contents-noScrollable":!(0,s.unref)(r).scrollable})},[c.value?((0,s.openBlock)(),(0,s.createBlock)(n.l,{key:0})):(0,s.createCommentVNode)(``,!0),((0,s.openBlock)(),(0,s.createBlock)(s.KeepAlive,null,[((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)((0,s.unref)(r).component),{ref_key:`componentRef`,ref:o},null,512))],1024))],2)],2))}}),E={},D={class:`top-tabsView_menuDelimeter`};t.TopTabsViewMenuItem=g,t.TopTabsView=T;function O(e,t){return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,D)}var k=(0,n.u)(E,[[`render`,O]]);t.TopTabsViewMenuTitle=(0,s.defineComponent)({__name:`menuTitle`,props:{isSubtitle:{type:Boolean}},setup(e){let t=m();return(n,r)=>(0,s.unref)(t).showMenuInPopup?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.o),{key:0,type:`title`},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(n.$slots,`default`)]),_:3})):(0,s.unref)(t).isShort?((0,s.openBlock)(),(0,s.createBlock)(k,{key:1})):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,class:(0,s.normalizeClass)({"top-tabsView_menuTitle":!0,"top-tabsView_menuTitle-subtitle":e.isSubtitle})},[(0,s.renderSlot)(n.$slots,`default`)],2))}})});
 //# sourceMappingURL=tabsView.amd.js.map