@topvisor/ui 1.5.4-groupSelector.1 → 1.5.4-preloader.1

package/src/components/dialog/dialog/composables/utils.d.ts

@@ -4,7 +4,7 @@ import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
 /**
  * Получить объект управленя текущим диалоговым окном
  */
-export declare const useTopDialogSelf: () => TopDialogHandle<TopDialogComponent>;
+export declare const useTopDialogSelf: () => any;
 /**
  * Получить объект управленя диалоговым окном
  *

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

@@ -1,12 +1,30 @@
-import { Props } from './types';
+import { Ref } from 'vue';
+import { Item, Props } from './types';
+/**
+ * Кеш результата
+ */
+type Cache = Api.ResponseSuccess<Item[], 'get'>;
 /**
  * Список кешей для конкретного API метода
  */
-export declare const cacheByMethod: Map<Api.PathAbstract, Map<string, any>>;
+export declare const cacheByMethod: Map<Api.PathAbstract, Map<string, Cache>>;
+/**
+ * Получить счетчик изменений кеша
+ */
+export declare const getCacheVersion: (apiPath: Api.PathAbstract) => Ref<number, number>;
 /**
  * Сброс кеша конкретного API метода
  */
 export declare const clearCache: (apiPath: Api.PathAbstract) => void;
 export declare const genCacheKey: (api: NonNullable<Props["api"]>) => string;
-export declare const getCache: (cacheKey: string, apiPath: Api.PathAbstract) => any;
-export declare const setCache: (cacheKey: string, apiPath: Api.PathAbstract, data: any) => void;
+export declare const getCache: (cacheKey: string, apiPath: Api.PathAbstract) => Cache | undefined;
+export declare const setCache: (cacheKey: string, apiPath: Api.PathAbstract, data: Cache) => void;
+/**
+ * Обновить элемент во всех кешах API метода
+ */
+export declare const updateCacheItemById: (apiPath: Api.PathAbstract, itemId: Item["id"], patch: Partial<Item>) => void;
+/**
+ * Удалить элемент из всех кешей API метода
+ */
+export declare const deleteCacheItemById: (apiPath: Api.PathAbstract, itemId: Item["id"]) => void;
+export {};

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"]>, appendSearchAllowDuplicate: Ref<Props["appendSearchAllowDuplicate"]>, appendSearchToResultCond: Ref<Props["appendSearchToResultCond"]>, appendWithoutSelect: Ref<Props["appendWithoutSelect"]>, 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"]>, prepareItemsBeforeRender: Props["prepareItemsBeforeRender"], multiselect: Props["multiselect"], useAllItem: Ref<Props["useAllItem"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, appendSearchAllowDuplicate: Ref<Props["appendSearchAllowDuplicate"]>, 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/types.d.ts

@@ -61,6 +61,15 @@ export interface Props {
      * Только для `searchType` = `popup`
      */
     hasCloserBtn?: boolean;
+    /**
+     * Нормализовать элементы перед отображением
+     *
+     * @note Для случаев, когда надо подменить какие-то данные в items перед выводом
+     * @note Константа, после установки менять нельзя
+     *
+     * @subcategory Api
+     */
+    prepareItemsBeforeRender?: (items: Item[]) => Item[];
     /**
      * Если указан, будет выполнена загрузка результатов через API
      *

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

@@ -11,6 +11,7 @@ export declare const folderDefault: Folder;
  * Необходимо предустанавливать для минимизации `rerender`
  */
 export declare const genRootFolder: (folders: FolderTree | undefined, useSelectAll: boolean) => Folder;
+export declare function genRootFolderName(useSelectAll: boolean): string;
 /**
  * Сгенерировать плоский список папок
  *

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

@@ -41,8 +41,11 @@ export interface Props {
 }
 export interface Emits {
     addGroup: [group: Group];
-    editGroup: [group: Group];
-    delGroup: [group: Group];
+    editGroup: [group: {
+        id: number;
+        name: string;
+    }];
+    delGroup: [id: number];
 }
 /**
  * Информация о группе

package/src/components/project/groupSelector/stories/mocks/groups.d.ts

@@ -1,2 +1,6 @@
 import { Group } from '../../groups/types';
 export declare const groups: Group[];
+/**
+ * Восстановить исходный список групп для Storybook
+ */
+export declare const resetGroups: () => void;

package/src/components/project/groupSelector/stories/mocks/index.d.ts

@@ -1,7 +1,8 @@
 import { client } from '../../../../../storybook/api/client';
+import { resetGroups } from './groups';
 import { Client } from '../../../../../api/api/client/client';
 import { paths } from 'topvisor-openapi/src/ts/Topvisor';
 export * from './folders';
 export * from './groups';
 declare const clientMocked: Client<paths, true>;
-export { client, clientMocked, };
+export { client, clientMocked, resetGroups, };

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

@@ -112,6 +112,12 @@ export interface Props {
      * Показывать поле для выбора группы
      */
     showGroups?: boolean;
+    /**
+     * Показывать пути папок к группам в списке групп
+     *
+     * Включается автоматически, если включен режим вывода папок `showFolders`
+     */
+    showGroupsPaths?: boolean;
     /**
      * Выводить иконку в полях выбора папки и группы
      */

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

@@ -5,6 +5,8 @@ import { ShallowRef, Ref } from 'vue';
  *
  * Используется только при `dataSource` = `static`
  * Данные синхронизируются между всеми экземплярами ProjectSelector
+ *
+ * @todo Добавить поддержку моков
  */
 export declare const projectsCache: ShallowRef<Item[] | undefined, Item[] | undefined>;
 export declare const resetStateSignal: Ref<number, number>;
@@ -24,6 +26,6 @@ export declare const projectsRequest: Ref<{
     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;
+export declare const setCacheTotal: (projectsTotal: number) => void;
+export declare const getCacheTotal: () => number | undefined;
+export declare const clearCache: (resetState?: boolean) => void;

package/src/components/project/projectSelector/stories/mocks/index.d.ts

@@ -0,0 +1,5 @@
+import { Client } from '../../../../../api/api/client/client';
+import { paths } from 'topvisor-openapi/src/ts/Topvisor';
+export * from './projects';
+export declare const apiClientMocked: Client<paths, true>;
+export declare const apiClientMockedLarge: Client<paths, true>;

package/src/components/project/projectSelector/stories/mocks/projects.d.ts

@@ -0,0 +1,3 @@
+export type ProjectMock = NonNullable<Api.TV.ResponseSuccess<'/get/projects_2/projects/', ['id', 'user_id', 'name', 'url', 'on', 'right']>['result']>[number];
+export declare const projects: ProjectMock[];
+export declare const projectsLarge: ProjectMock[];

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

@@ -36,7 +36,7 @@ export declare const apiSetSearchParamsFilter: (api: NonNullable<Props["api"]>,
  *
  * @see prepareProjects
  */
-export declare const genApiGetProjects: (client: Api.Client<Api.TV.Paths, true>, userId: number, params?: Record<string, number>) => Api.ClientRequest<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, ("name" | "id" | "on" | "right" | "url" | "user_id")[], Api.Params<Api.ClientRequestContext< paths, "/get/projects_2/projects/", true>, undefined, {
+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, {
     "COUNT(*)"?: any;
     "IS_YOUTUBE()"?: any;
     "IS_APP_STORE()"?: any;

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

@@ -1,7 +1,6 @@
 import { ForMode, Region, Searcher, SearcherByKey } from '../types';
 import { AsyncTopDialogHandle } from '../../../dialog/dialog/composables/asyncDialogHandle';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Props } from '../dialog_regionSelectorRegions/types';
+import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
 /**
  * Генерация Map ПС с Map регионов из массива searchers
  * - ключ для ПС - searcherKey
@@ -29,6 +28,4 @@ export declare const findRegion: (forMode: ForMode, searchRegion: Partial<Region
  *
  * @see import('../dialog_regionSelectorRegions/types').Props
  */
-export declare const dialogRegionSelector: AsyncTopDialogHandle<DefineComponent<Partial< Props>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial< Props>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    elRegions: HTMLDivElement;
-}, HTMLDivElement>>;
+export declare const dialogRegionSelector: AsyncTopDialogHandle<TopDialogComponent>;

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

@@ -2,7 +2,7 @@ import { default as preloaders } from './preloaders';
 import { Options as TopNoticeOptions } from '../../components/core/notice/utils';
 import { Style as TopNoticeStyle } from '../../components/core/notice/item/types';
 /**
- * Статический класс с текущим состоянимем UI
+ * Статический класс с текущим состоянием UI
  *
  * @docs https://ui.topvisor.com/?path=/docs/core-core--docs
  */
@@ -11,6 +11,9 @@ export default class Core {
         documentClassModificators: Map<string | number, string> & Omit<Map<string | number, string>, keyof Map<any, any>>;
         dateFormat: string;
         currency: "USD" | "RUB" | "EUR";
+        user: {
+            id: number;
+        };
         timezoneOffset: number;
         showGlobalRegionForKeywordsStats: boolean;
         forceSearchersKeysForKeywordsStats: number[];
@@ -64,14 +67,14 @@ export default class Core {
     /**
      * Вывести на экране сообщение в стилизации под push уведомление
      *
-     * Для удобства работы со словарем, принимает один парамтер `text` и первую строку из него использует как `title`.
+     * Для удобства работы со словарем, принимает один параметр `text` и первую строку из него использует как `title`.
      * Данное поведение можно изменить, передав в параметрах `options.title`
      *
-     * Для вывода используется компонент TopNotice, требует его подклчючения
+     * Для вывода используется компонент TopNotice, требует его подключения
      *
      * @docs https://ui.topvisor.com/?path=/docs/components-core-notice--docs
      */
-    static notice: (text: string, style: TopNoticeStyle, options?: TopNoticeOptions) => Promise<void>;
+    static notice: (text: string, style: TopNoticeStyle, options?: TopNoticeOptions) => Promise<any>;
     /**
      * Вставить css стили на страницу по ссылке с автоматическим добавлением правил media
      *

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

@@ -38,6 +38,12 @@ declare const _default: {
      * Валюта, которая будет использоваться по умолчанию, как правило, зависит от текущего пользователя
      */
     currency: "RUB" | "USD" | "EUR";
+    /**
+     * Текущий пользователь
+     */
+    user: {
+        id: number;
+    };
     /**
      * Смещение timezone относительно UTC в минутах
      * Для Москвы: -180

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

@@ -8,6 +8,9 @@ declare const state: {
     documentClassModificators: Map<string | number, string>;
     dateFormat: string;
     currency: "USD" | "RUB" | "EUR";
+    user: {
+        id: number;
+    };
     timezoneOffset: number;
     showGlobalRegionForKeywordsStats: boolean;
     forceSearchersKeysForKeywordsStats: number[];

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

@@ -4,17 +4,16 @@ import { default as coreDefaultOptions } from '../core/options';
 import { Options as TopPopupOptions } from '../../components/popup/lib/worker';
 import { default as TopDialogs } from '../../components/dialog/dialog/dialogs/dialogs.vue';
 import { TopDialogOptions } from '../../components/dialog/lib/types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, App } from 'vue';
-import { Props } from '../../components/core/notice/types';
+import { App } from 'vue';
 import * as Forms from '../../components/forms/forms';
-declare const TopNotice: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const TopNotice: any;
 declare global {
     const vd: typeof console.log;
 }
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**
-         * Статический класс с текущим состоянимем UI
+         * Статический класс с текущим состоянием UI
          */
         $core: typeof Core;
         $vd: typeof console.log;
@@ -42,7 +41,7 @@ declare module '@vue/runtime-core' {
         TopDialogs: typeof TopDialogs;
     }
 }
-type CoreOptions = PartialBy<typeof coreDefaultOptions, 'timezoneOffset' | 'documentClassModificators' | 'showGlobalRegionForKeywordsStats' | 'forceSearchersKeysForKeywordsStats'>;
+type CoreOptions = PartialBy<typeof coreDefaultOptions, 'timezoneOffset' | 'documentClassModificators' | 'user' | 'showGlobalRegionForKeywordsStats' | 'forceSearchersKeysForKeywordsStats'>;
 type Options = CoreOptions & {
     topPopupOptions?: TopPopupOptions;
     topDialogOptions?: TopDialogOptions;

package/src/core/utils/composables/useEnteties.d.ts

@@ -0,0 +1,94 @@
+import { ComputedRef } from 'vue';
+/**
+ * Тип сущности, например `user`, `keyword`, `project`.
+ */
+type EntityType = string;
+/**
+ * Глобально уникальный id сущности.
+ *
+ * Может быть составным, например: '1:2:3'.
+ */
+type EntityId = string | number;
+/**
+ * Имя поля сущности, например `label`, `title`, `status`.
+ */
+type EntityFieldName = string;
+/**
+ * Частичный объект с обновлёнными полями сущности.
+ */
+type EntityPatch = Record<EntityFieldName, unknown>;
+type EntitiesStore = {
+    /**
+     * Подписывает компонент на поле сущности.
+     *
+     * Если сущность или поле ещё не зарегистрированы, они будут созданы с defaultValue.
+     *
+     * Повторные подписки на одну пару `id + fieldName` получают один и тот же внутренний Ref,
+     * поэтому обновляются синхронно через refresh().
+     *
+     * Возвращает computed свойство со значением поля.
+     *
+     * @param defaultValue Значение, которое используется до первого refresh().
+     *
+     * @returns readonly-реактивную ссылку на значение поля сущности.
+     */
+    use: <T>(type: EntityType, id: EntityId, fieldName: EntityFieldName, defaultValue: T) => ComputedRef<T>;
+    /**
+     * Обновляет уже подписанные поля сущности.
+     *
+     * Метод не создаёт новые поля из patch.
+     * Если на поле ещё никто не подписался через use(), оно игнорируется.
+     *
+     * Это намеренное поведение: store хранит только UI-проекции, а не полный объект доменной модели.
+     */
+    refresh: (type: EntityType, id: EntityId, patch: EntityPatch) => void;
+    /**
+     * Удаляет сущность из реестра.
+     *
+     * После удаления следующие вызовы use() для этого id создадут новую запись с переданным defaultValue.
+     *
+     * Уже созданные подписки продолжат держать старые Ref до размонтирования компонента.
+     */
+    remove: (type: EntityType, id: EntityId) => void;
+};
+/**
+ * Глобальный реестр реактивных UI-проекций сущностей.
+ *
+ * Store синхронизирует UI-компоненты, которые отображают отдельные поля сущностей по их глобально уникальному `id`.
+ *
+ * Store не является источником доменных данных и не хранит полные объекты.
+ * Он хранит только те поля сущностей, на которые уже есть реальные подписки через `use()`.
+ *
+ * `id` рассматривается как стабильный primary key:
+ *
+ * - сущность может быть добавлена;
+ * - сущность может быть удалена;
+ * - сущность может быть обновлена через `refresh()`;
+ * - сам `id` существующей сущности не изменяется.
+ *
+ * Подписка создаётся на конкретное поле конкретной сущности:
+ *
+ * - `id` — стабильный primary key сущности;
+ * - `fieldName` — имя поля сущности, например `title`, `label`, `status`.
+ *
+ * Обновление через `refresh()` затрагивает только уже подписанные поля.
+ * Неподписанные поля не создаются и не хранятся.
+ *
+ * Это позволяет разным компонентам независимо читать одни и те же поля одной сущности и получать точечные обновления после изменения этой сущности
+ * в другом месте приложения.
+ *
+ * @example
+ * ```ts
+ * const entities = useEntities();
+ *
+ * const title = entities.use(entity.id, 'title', '');
+ * const status = entities.use(entity.id, 'status', 'unknown');
+ *
+ * entities.refresh(updated.id, {
+ * 	title: updated.title,
+ * 	status: updated.status,
+ * });
+ * ```
+ */
+export declare const useEntities: () => EntitiesStore;
+export {};

package/tabs/tabs.amd.js

@@ -1,2 +1,2 @@
-define([`require`,`exports`,`vue`,`../require/css.amd!../assets/tabs.css`],function(e,t,n){"use strict";if(r===void 0)var r=window.Vue;Object.defineProperty(t,`__esModule`,{value:!0}),t.TopTabsTab=t.TopTabsContent=t.TopTabs=void 0;var i={class:(0,n.normalizeClass)({"top-tabs":!0})},a={key:0,class:`top-tabs_header`},o={class:`top-tabs_contents`},s=(0,n.defineComponent)({__name:`tabs`,props:{id:{}},setup(e){return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.renderSlot)(e.$slots,`buttons`),e.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.renderSlot)(e.$slots,`header`)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(e.$slots,`contents`)])]))}}),c=[`id`,`name`,`value`,`checked`,`disabled`],l=[`for`],u=(0,n.defineComponent)({__name:`tab`,props:{tabsId:{},name:{},title:{},active:{type:Boolean},disabled:{type:Boolean}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,[(0,n.createElementVNode)(`input`,{type:`radio`,class:`top-tabs_tabInput top-unvisible`,id:e.tabsId+e.name,name:e.tabsId,value:e.name,checked:e.active,disabled:e.disabled},null,8,c),(0,n.createElementVNode)(`label`,{class:(0,n.normalizeClass)({"top-tabs_tabLabel":!0,"top-forms-focusable":!0,"top-disabled":e.disabled}),for:e.tabsId+e.name},[(0,n.renderSlot)(t.$slots,`default`)],10,l)],64))}}),d=[`data-tabs-name`],f=(0,n.defineComponent)({__name:`content`,props:{name:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)({"top-tabs_content":!0}),"data-tabs-name":e.name},[(0,n.renderSlot)(t.$slots,`default`)],8,d))}});t.TopTabs=s,t.TopTabsTab=u,t.TopTabsContent=f});
+define([`require`,`exports`,`vue`,`../require/css.amd!../assets/tabs.css`],function(e,t,n){"use strict";if(r===void 0)var r=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.TopTabsTab=t.TopTabsContent=t.TopTabs=void 0;var i={class:(0,n.normalizeClass)({"top-tabs":!0})},a={key:0,class:`top-tabs_header`},o={class:`top-tabs_contents`},s=(0,n.defineComponent)({__name:`tabs`,props:{id:{}},setup(e){return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.renderSlot)(e.$slots,`buttons`),e.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.renderSlot)(e.$slots,`header`)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(e.$slots,`contents`)])]))}}),c=[`id`,`name`,`value`,`checked`,`disabled`],l=[`for`],u=(0,n.defineComponent)({__name:`tab`,props:{tabsId:{},name:{},title:{},active:{type:Boolean},disabled:{type:Boolean}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,[(0,n.createElementVNode)(`input`,{type:`radio`,class:`top-tabs_tabInput top-unvisible`,id:e.tabsId+e.name,name:e.tabsId,value:e.name,checked:e.active,disabled:e.disabled},null,8,c),(0,n.createElementVNode)(`label`,{class:(0,n.normalizeClass)({"top-tabs_tabLabel":!0,"top-forms-focusable":!0,"top-disabled":e.disabled}),for:e.tabsId+e.name},[(0,n.renderSlot)(t.$slots,`default`)],10,l)],64))}}),d=[`data-tabs-name`],f=(0,n.defineComponent)({__name:`content`,props:{name:{}},setup(e){return(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)({"top-tabs_content":!0}),"data-tabs-name":e.name},[(0,n.renderSlot)(t.$slots,`default`)],8,d))}});t.TopTabs=s,t.TopTabsTab=u,t.TopTabsContent=f});
 //# sourceMappingURL=tabs.amd.js.map

package/tabs/tabs.amd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tabs/tabs.js","../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/content.vue"],"names":["vue","exports","c","vue_1","l","u","d","$slots","f","p","m","t","i","h","g"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,MAAK,wCAAA,CAAA,SAAa,EAAS,EAAS,EAAO,CACrE,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,GAAM,CAAC,CAC7D,EAAQ,WAAa,EAAQ,eAAiB,EAAQ,QAAU,IAAK,GAErE,IAAIC,EAAI,CAAE,OAAwB,EAAGC,EAAM,gBAAgB,CAAE,WAAY,CAAC,EAAG,CAAC,CAAE,CAAEC,EAAI,CAClF,IAAK,EACL,MAAO,kBACV,CAAEC,EAAI,CAAE,MAAO,oBAAqB,CAAEC,GAAqB,EAAGH,EAAM,iBAAiB,CAClF,OAAQ,OCIc,MAAA,CAAA,GAAA,EAAA,CAAA,CAEjBI,MAAO,EAAA,CAKlB,OAE8B,EAAA,MAAA,EAAAJ,EAAA,YAAA,EAAA,EAAAA,EAAA,oBAAA,MAAAD,EAAA,EDTf,EAAGC,EAAM,YAAY,EAAE,OAAQ,UAAU,CAC1C,EAAE,OAAO,SAAW,EAAGA,EAAM,YAAY,EAAG,EAAGA,EAAM,oBAAoB,MAAOC,EAAG,EAAE,EAAGD,EAAM,YAAY,EAAE,OAAQ,SAAS,CAAC,CAAC,GAAK,EAAGA,EAAM,oBAAoB,GAAI,CAAC,EAAE,EACvK,EAAGA,EAAM,oBAAoB,MAAOE,EAAG,EAAE,EAAGF,EAAM,YAAY,EAAE,OAAQ,WAAW,CAAC,CAAA,CACxF,CAAC,GAET,CAAC,CAAEK,EAAI,CACJ,KACA,OACA,QACA,UACA,WACH,CAAEC,EAAI,CAAC,MAAM,CAAEC,GAAqB,EAAGP,EAAM,iBAAiB,CAC3D,OAAQ,MACR,MAAO,CACH,OAAQ,EAAE,CACV,KAAM,EAAE,CACR,MAAO,EAAE,CACT,OAAQ,CAAE,KAAM,QAAS,CACzB,SAAU,CAAE,KAAM,QExB7B,CACM,CACL,MAAM,EAAA,CACD,OAAS,EAAA,MAAA,EAAAA,EAAA,YAAA,EAAA,EAAAA,EAAA,oBAAAA,EAAA,SAAA,KAAA,EAAA,EAAAA,EAAA,oBAAA,QAAA,CACP,KAAA,QACC,MAAA,kCACE,GAAAQ,EAAA,OAAAA,EAAA,KACC,KAAAA,EAAA,OAYJ,MAAAA,EAAA,KARD,QAAAA,EAAA,OFuBY,SAAUA,EAAE,SACf,CAAE,KAAM,EAAGH,EAAE,EAAG,EAAGL,EAAM,oBAAoB,QAAS,CExBsB,OAAA,EAAAA,EAAA,gBAAA,CF0BrE,oBAAqB,CAAC,EErB7B,sBAAA,CAAA,EAEF,eAAAQ,EAAA,SFsBM,CAAC,CACF,IAAKA,EAAE,OAASA,EAAE,KACrB,CAAE,EAAE,EAAGR,EAAM,YAAYS,EAAE,OAAQ,UAAU,CAAC,CAAE,GAAIH,EAAE,CAAC,CAAE,GAAG,GAExE,CAAC,CAAEI,EAAI,CAAC,iBAAiB,CAAEC,GAAqB,EAAGX,EAAM,iBAAiB,CACvE,OAAQ,UG5Cb,MAAO,CAAA,KAAA,EAAA,CAAA,CAGP,MAAA,EAAA,CAEY,OAAA,EAAA,MAAA,EAAAA,EAAA,YAAA,EAAA,EAAAA,EAAA,oBAAA,MAAA,CH2CC,OAAQ,EAAGA,EAAM,gBAAgB,CAAE,mBAAoB,CAAC,EAAG,CAAC,CAC5D,iBAAkB,EAAE,KACvB,CAAE,EAAE,EAAGA,EAAM,YAAY,EAAE,OAAQ,UAAU,CAAC,CAAE,EAAGU,EAAE,GAE7D,CAAC,CACF,EAAQ,QAAUP,EAClB,EAAQ,WAAaI,EACrB,EAAQ,eAAiBI,GAC3B","sourcesContent":["define([\"require\", \"exports\", \"vue\"], function (require, exports, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopTabsTab = exports.TopTabsContent = exports.TopTabs = void 0;\n    //#region src/components/tabs/tabs/tabs.vue?vue&type=script&setup=true&lang.ts\n    var c = { class: /* @__PURE__ */ (0, vue_1.normalizeClass)({ \"top-tabs\": !0 }) }, l = {\n        key: 0,\n        class: \"top-tabs_header\"\n    }, u = { class: \"top-tabs_contents\" }, d = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tabs\",\n        props: { id: {} },\n        setup(e) {\n            return (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", c, [\n                (0, vue_1.renderSlot)(e.$slots, \"buttons\"),\n                e.$slots.header ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", l, [(0, vue_1.renderSlot)(e.$slots, \"header\")])) : (0, vue_1.createCommentVNode)(\"\", !0),\n                (0, vue_1.createElementVNode)(\"div\", u, [(0, vue_1.renderSlot)(e.$slots, \"contents\")])\n            ]));\n        }\n    }), f = [\n        \"id\",\n        \"name\",\n        \"value\",\n        \"checked\",\n        \"disabled\"\n    ], p = [\"for\"], m = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tab\",\n        props: {\n            tabsId: {},\n            name: {},\n            title: {},\n            active: { type: Boolean },\n            disabled: { type: Boolean }\n        },\n        setup(t) {\n            return (i, c) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, null, [(0, vue_1.createElementVNode)(\"input\", {\n                    type: \"radio\",\n                    class: \"top-tabs_tabInput top-unvisible\",\n                    id: t.tabsId + t.name,\n                    name: t.tabsId,\n                    value: t.name,\n                    checked: t.active,\n                    disabled: t.disabled\n                }, null, 8, f), (0, vue_1.createElementVNode)(\"label\", {\n                    class: (0, vue_1.normalizeClass)({\n                        \"top-tabs_tabLabel\": !0,\n                        \"top-forms-focusable\": !0,\n                        \"top-disabled\": t.disabled\n                    }),\n                    for: t.tabsId + t.name\n                }, [(0, vue_1.renderSlot)(i.$slots, \"default\")], 10, p)], 64));\n        }\n    }), h = [\"data-tabs-name\"], g = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"content\",\n        props: { name: {} },\n        setup(e) {\n            return (t, r) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                class: (0, vue_1.normalizeClass)({ \"top-tabs_content\": !0 }),\n                \"data-tabs-name\": e.name\n            }, [(0, vue_1.renderSlot)(t.$slots, \"default\")], 8, h));\n        }\n    });\n    exports.TopTabs = d;\n    exports.TopTabsTab = m;\n    exports.TopTabsContent = g;\n});\n//# sourceMappingURL=tabs.js.map\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n"]}
+{"version":3,"sources":["tabs/tabs.js","../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/content.vue"],"names":["vue","exports","c","vue_1","l","u","d","$slots","f","p","m","t","i","h","g"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,MAAK,uCAAA,EAAA,SAAa,EAAS,EAAS,EAAO,CACrE,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,IACA,OAAO,eAAeC,EAAS,aAAc,CAAE,MAAO,EAAK,CAAC,EAC5D,EAAQ,WAAa,EAAQ,eAAiB,EAAQ,QAAU,IAAK,GAErE,IAAIC,EAAI,CAAE,OAAsB,EAAGC,EAAM,eAAc,CAAE,CAAE,WAAY,CAAC,CAAE,CAAC,CAAE,EAAGC,EAAI,CAChF,IAAK,EACL,MAAO,iBACX,EAAGC,EAAI,CAAE,MAAO,mBAAoB,EAAGC,GAAqB,EAAGH,EAAM,gBAAe,CAAE,CAClF,OAAQ,OCIc,MAAA,CAAA,GAAA,CAAA,CAAA,EAEjBI,MAAO,EAAA,CAKlB,OAE8B,EAAA,MAAA,EAAAJ,EAAA,UAAA,CAAA,GAAA,EAAAA,EAAA,mBAAA,CAAA,MAAAD,EAAA,EDTf,EAAGC,EAAM,WAAU,CAAE,EAAE,OAAQ,SAAS,EACzC,EAAE,OAAO,SAAW,EAAGA,EAAM,UAAS,CAAE,GAAI,EAAGA,EAAM,mBAAkB,CAAE,MAAOC,EAAG,EAAE,EAAGD,EAAM,WAAU,CAAE,EAAE,OAAQ,QAAQ,CAAC,CAAC,IAAM,EAAGA,EAAM,mBAAkB,CAAE,GAAI,CAAC,CAAC,GACtK,EAAGA,EAAM,mBAAkB,CAAE,MAAOE,EAAG,EAAE,EAAGF,EAAM,WAAU,CAAE,EAAE,OAAQ,UAAU,CAAC,CAAC,CACzF,CAAC,EACL,CACJ,CAAC,EAAGK,EAAI,CACJ,KACA,OACA,QACA,UACA,UACJ,EAAGC,EAAI,CAAC,KAAK,EAAGC,GAAqB,EAAGP,EAAM,gBAAe,CAAE,CAC3D,OAAQ,MACR,MAAO,CACH,OAAQ,CAAC,EACT,KAAM,CAAC,EACP,MAAO,CAAC,EACR,OAAQ,CAAE,KAAM,OAAQ,EACxB,SAAU,CAAE,KAAM,OExB7B,CACC,EACA,MAAM,EAAA,CACD,OAAS,EAAA,MAAA,EAAAA,EAAA,UAAA,CAAA,GAAA,EAAAA,EAAA,mBAAA,CAAAA,EAAA,SAAA,KAAA,EAAA,EAAAA,EAAA,mBAAA,CAAA,QAAA,CACP,KAAA,QACC,MAAA,kCACE,GAAAQ,EAAA,OAAAA,EAAA,KACC,KAAAA,EAAA,OAYJ,MAAAA,EAAA,KARD,QAAAA,EAAA,OFuBY,SAAUA,EAAE,QAChB,EAAG,KAAM,EAAGH,CAAC,GAAI,EAAGL,EAAM,mBAAkB,CAAE,QAAS,CExBsB,OAAA,EAAAA,EAAA,eAAA,CAAA,CF0BrE,oBAAqB,CAAC,EErB7B,sBAAA,CAAA,EAEF,eAAAQ,EAAA,QFsBK,CAAC,EACD,IAAKA,EAAE,OAASA,EAAE,IACtB,EAAG,EAAE,EAAGR,EAAM,WAAU,CAAES,EAAE,OAAQ,SAAS,CAAC,EAAG,GAAIH,CAAC,CAAC,EAAG,EAAE,EACpE,CACJ,CAAC,EAAGI,EAAI,CAAC,gBAAgB,EAAGC,GAAqB,EAAGX,EAAM,gBAAe,CAAE,CACvE,OAAQ,UG5Cb,MAAO,CAAA,KAAA,CAAA,CAAA,EAGP,MAAA,EAAA,CAEY,OAAA,EAAA,MAAA,EAAAA,EAAA,UAAA,CAAA,GAAA,EAAAA,EAAA,mBAAA,CAAA,MAAA,CH2CC,OAAQ,EAAGA,EAAM,eAAc,CAAE,CAAE,mBAAoB,CAAC,CAAE,CAAC,EAC3D,iBAAkB,EAAE,IACxB,EAAG,EAAE,EAAGA,EAAM,WAAU,CAAE,EAAE,OAAQ,SAAS,CAAC,EAAG,EAAGU,CAAC,EACzD,CACJ,CAAC,EACD,EAAQ,QAAUP,EAClB,EAAQ,WAAaI,EACrB,EAAQ,eAAiBI,CAC7B,CAAC","sourcesContent":["define([\"require\", \"exports\", \"vue\"], function (require, exports, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopTabsTab = exports.TopTabsContent = exports.TopTabs = void 0;\n    //#region src/components/tabs/tabs/tabs.vue?vue&type=script&setup=true&lang.ts\n    var c = { class: /*@__PURE__*/ (0, vue_1.normalizeClass)({ \"top-tabs\": !0 }) }, l = {\n        key: 0,\n        class: \"top-tabs_header\"\n    }, u = { class: \"top-tabs_contents\" }, d = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tabs\",\n        props: { id: {} },\n        setup(e) {\n            return (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", c, [\n                (0, vue_1.renderSlot)(e.$slots, \"buttons\"),\n                e.$slots.header ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", l, [(0, vue_1.renderSlot)(e.$slots, \"header\")])) : (0, vue_1.createCommentVNode)(\"\", !0),\n                (0, vue_1.createElementVNode)(\"div\", u, [(0, vue_1.renderSlot)(e.$slots, \"contents\")])\n            ]));\n        }\n    }), f = [\n        \"id\",\n        \"name\",\n        \"value\",\n        \"checked\",\n        \"disabled\"\n    ], p = [\"for\"], m = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tab\",\n        props: {\n            tabsId: {},\n            name: {},\n            title: {},\n            active: { type: Boolean },\n            disabled: { type: Boolean }\n        },\n        setup(t) {\n            return (i, c) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, null, [(0, vue_1.createElementVNode)(\"input\", {\n                    type: \"radio\",\n                    class: \"top-tabs_tabInput top-unvisible\",\n                    id: t.tabsId + t.name,\n                    name: t.tabsId,\n                    value: t.name,\n                    checked: t.active,\n                    disabled: t.disabled\n                }, null, 8, f), (0, vue_1.createElementVNode)(\"label\", {\n                    class: (0, vue_1.normalizeClass)({\n                        \"top-tabs_tabLabel\": !0,\n                        \"top-forms-focusable\": !0,\n                        \"top-disabled\": t.disabled\n                    }),\n                    for: t.tabsId + t.name\n                }, [(0, vue_1.renderSlot)(i.$slots, \"default\")], 10, p)], 64));\n        }\n    }), h = [\"data-tabs-name\"], g = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"content\",\n        props: { name: {} },\n        setup(e) {\n            return (t, r) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                class: (0, vue_1.normalizeClass)({ \"top-tabs_content\": !0 }),\n                \"data-tabs-name\": e.name\n            }, [(0, vue_1.renderSlot)(t.$slots, \"default\")], 8, h));\n        }\n    });\n    exports.TopTabs = d;\n    exports.TopTabsTab = m;\n    exports.TopTabsContent = g;\n});\n//# sourceMappingURL=tabs.js.map\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n"]}

package/tabs/tabs.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/tabs/tabs'
+export * from '../src/components/tabs/tabs.js'
 export {}

package/tabs/tabs.js

@@ -7,7 +7,7 @@
 	
 import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
 //#region src/components/tabs/tabs/tabs.vue?vue&type=script&setup=true&lang.ts
-var c = { class: /* @__PURE__ */ a({ "top-tabs": !0 }) }, l = {
+var c = { class: /*@__PURE__*/ a({ "top-tabs": !0 }) }, l = {
 	key: 0,
 	class: "top-tabs_header"
 }, u = { class: "top-tabs_contents" }, d = /* @__PURE__ */ i({

package/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["$slots"],"sources":["../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/content.vue","../../src/components/tabs/tabs/content.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n"],"mappings":";;;;;;;;;yBAOC,EAiBM,OAjBN,GAiBM;GAXL,EAA4B,EAAA,QAAA,UAAA;GAEjBA,EAAAA,OAAO,UAAA,GAAA,EAAlB,EAGM,OAHN,GAGM,CADL,EAA2B,EAAA,QAAA,SAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAG5B,EAGM,OAHN,GAGM,CADL,EAA6B,EAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;qCEf/B,EAQE,SAAA;GAPD,MAAK;GACL,OAAM;GACL,IAAI,EAAA,SAAS,EAAA;GACb,MAAM,EAAA;GACN,OAAO,EAAA;GACP,SAAS,EAAA;GACT,UAAU,EAAA;kBAGZ,EASQ,SAAA;GARN,OAAK,EAAA;;;oBAAqF,EAAA;;GAK1F,KAAK,EAAA,SAAS,EAAA;MAEf,EAAa,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA;;;;;;yBElBd,EAOM,OAAA;GANJ,OAAK,EAAE,EAAA,oBAAA,IAEP,CAAA;GACA,kBAAgB,EAAA;MAEjB,EAAa,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,EAAA"}
+{"version":3,"file":"tabs.js","names":["$slots"],"sources":["../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/content.vue","../../src/components/tabs/tabs/content.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Props } from './types';\n\ndefineProps<Props>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs': true,\n\t\t}\"\n\t>\n\t\t<!-- @slot Кнопки вкладок, ожидает передачу компонентов TabTitle -->\n\t\t<slot name=\"buttons\"></slot>\n\n\t\t<div v-if=\"$slots.header\" class=\"top-tabs_header\">\n\t\t\t<!-- @slot Слот с проивзольным содержимым, которое будет добавлено справа от вкладок -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div class=\"top-tabs_contents\">\n\t\t\t<!-- @slot Контент вкладок, ожидает передачу компонентов TabContent -->\n\t\t\t<slot name=\"contents\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-tabs {\n\tbackground: var(--color-layout-front-1);\n\tborder-radius: 8px;\n\tborder: 1px solid var(--color-line-2-opacity);\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n}\n\n.top-tabs_header {\n\tpadding: 6px;\n\tmargin-left: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n\n/* Содержимое вкладок */\n.top-tabs_contents {\n\tborder-top: 1px solid var(--color-line-2-opacity);\n\twidth: 100%;\n\tmargin-top: -1px;\n}\n\n/* Состояние открытости вкладок */\n.top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),\n.top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),\n.top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),\n.top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),\n.top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),\n.top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {\n\tdisplay: block;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsTab } from './types';\n\ndefineProps<PropsTab>();\n</script>\n\n<template>\n\t<input\n\t\ttype=\"radio\"\n\t\tclass=\"top-tabs_tabInput top-unvisible\"\n\t\t:id=\"tabsId + name\"\n\t\t:name=\"tabsId\"\n\t\t:value=\"name\"\n\t\t:checked=\"active\"\n\t\t:disabled=\"disabled\"\n\t/>\n\n\t<label\n\t\t:class=\"{\n\t\t\t'top-tabs_tabLabel': true,\n\t\t\t'top-forms-focusable': true,\n\t\t\t'top-disabled': disabled,\n\t\t}\"\n\t\t:for=\"tabsId + name\"\n\t>\n\t\t<slot></slot>\n\t</label>\n</template>\n\n<style>\n.top-tabs_tabLabel {\n\tcolor: var(--color-text-1);\n\tcursor: pointer;\n\tborder-bottom: 2px solid transparent;\n\tpadding: 14px 20px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.top-tabs_tabLabel:hover {\n\tborder-color: var(--color-line-2);\n}\n\n.top-tabs_tabInput:checked + .top-tabs_tabLabel {\n\tborder-color: var(--color-line-primary-1);\n\tcolor: var(--color-text-primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { PropsContent } from './types';\n\ndefineProps<PropsContent>();\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabs_content': true,\n\t\t}\"\n\t\t:data-tabs-name=\"name\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabs_content {\n\tpadding: 14px;\n\toverflow: auto;\n\tdisplay: none;\n}\n</style>\n"],"mappings":";;;;;;;;;yBAOC,EAiBM,OAjBN,GAiBM;GAXL,EAA4B,EAAA,QAAA,SAAA;GAEjBA,EAAAA,OAAO,UAAA,EAAA,GAAlB,EAGM,OAHN,GAGM,CADL,EAA2B,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAG5B,EAGM,OAHN,GAGM,CADL,EAA6B,EAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;qCEf/B,EAQE,SAAA;GAPD,MAAK;GACL,OAAM;GACL,IAAI,EAAA,SAAS,EAAA;GACb,MAAM,EAAA;GACN,OAAO,EAAA;GACP,SAAS,EAAA;GACT,UAAU,EAAA;kBAGZ,EASQ,SAAA;GARN,OAAK,EAAA;;;oBAAqF,EAAA;;GAK1F,KAAK,EAAA,SAAS,EAAA;MAEf,EAAa,EAAA,QAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA,GAAA,EAAA;;;;;;yBElBd,EAOM,OAAA;GANJ,OAAK,EAAE,EAAA,oBAAA,GAAA,CAEP;GACA,kBAAgB,EAAA;MAEjB,EAAa,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA"}

package/tabsView/tabsView.amd.js

@@ -1,2 +1,2 @@
-define([`require`,`exports`,`../.chunks/forms-CdCS6WAQ.amd`,`../utils/system.amd`,`../utils/route.amd`,`../.chunks/store-DuQpSSLL.amd`,`../.chunks/popup-DHCqvZzI.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){let t=e,n=m(),r=(0,s.computed)(()=>t.name&&n.$id?(0,i.genHash)(n.$id,t.name):t.href),a=(0,s.computed)(()=>n.showMenuInPopup?o.o:r?`a`:`button`),c=e=>{!t.href&&r.value&&e.preventDefault(),t.name&&(n.activeItemName=t.name)};return(t,i)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(a.value),{target:`_self`,class:(0,s.normalizeClass)({"top-tabsView_menuItem":!(0,s.unref)(n).showMenuInPopup,"top-active":e.name&&(0,s.unref)(n).activeItemName===e.name,"top-disabled":e.disabled,"top-spa-disabled":!0}),href:r.value,"data-top-icon":e.icon||void 0,disabled:e.disabled||void 0,onClick:c},{default:(0,s.withCtx)(()=>[(0,s.unref)(n).showMenuInPopup?(0,s.renderSlot)(t.$slots,`default`,{key:0}):t.$slots.default&&!(0,s.unref)(n).isShort?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,h,[(0,s.renderSlot)(t.$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,r.activeItemName,!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-DKVIpGnH.amd`,`../utils/system.amd`,`../utils/route.amd`,`../.chunks/store-DjQAOnrn.amd`,`../.chunks/popup-CtiL5V44.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){let t=e,n=m(),r=(0,s.computed)(()=>t.name&&n.$id?(0,i.genHash)(n.$id,t.name):t.href),a=(0,s.computed)(()=>n.showMenuInPopup?o.o:r?`a`:`button`),c=e=>{!t.href&&r.value&&e.preventDefault(),t.name&&(n.activeItemName=t.name)};return(t,i)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(a.value),{target:`_self`,class:(0,s.normalizeClass)({"top-tabsView_menuItem":!(0,s.unref)(n).showMenuInPopup,"top-active":e.name&&(0,s.unref)(n).activeItemName===e.name,"top-disabled":e.disabled,"top-spa-disabled":!0}),href:r.value,"data-top-icon":e.icon||void 0,disabled:e.disabled||void 0,onClick:c},{default:(0,s.withCtx)(()=>[(0,s.unref)(n).showMenuInPopup?(0,s.renderSlot)(t.$slots,`default`,{key:0}):t.$slots.default&&!(0,s.unref)(n).isShort?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,h,[(0,s.renderSlot)(t.$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,r.activeItemName,!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