@topvisor/ui 1.1.0-addNativeDialog.10 → 1.1.0-addNativeDialog.12

package/{types → src}/api/api/types/client/request.d.ts

@@ -24,6 +24,7 @@ declare global {
              *  Опции запроса
              */
             options: Api.ClientRequestOptions;
+            mockerOptions?: Api.Mocker.Options<Api.Mocker.Result, Params>;
             /**
              * Признак загрузки
              */
@@ -46,6 +47,10 @@ declare global {
              * Установить расширенные настройки запроса
              */
             setOptions(options: Partial<Api.ClientRequestOptions>): this;
+            /**
+             * Установить генератор данных вместо реальных запросов к серверу
+             */
+            setMocker<MockerResult extends Api.Mocker.Result>(options?: Api.Mocker.Options<MockerResult, Params>): this;
             /**
              * Выполнить обращение к методу API
              */
@@ -72,6 +77,7 @@ declare global {
             callInSelfWindow(fields?: ParamsFieldsNarrowed & FieldsNarrow): void;
             /** Генерация параметров запроса */
             genData<FetchStyle extends RequestContext['ParamsFetchStyle']>(fields?: FieldsNarrow, fetchStyle?: FetchStyle): Record<string, any>;
+            exec(fields?: FieldsNarrow, fetchStyle?: RequestContext['ParamsFetchStyle']): Promise<any>;
         }
         /**
          * Объект с запросом к методу API, не описанному в OpenAPI

package/{types → src}/api/api/types/field.d.ts

@@ -11,7 +11,7 @@ declare global {
             /**
              * Имя поля
              */
-            type Name<Model extends Api.Ext.Schemas['Model']> = keyof Model;
+            type Name<Model extends Api.Ext.Schemas['Model']> = keyof Model extends string ? keyof Model : string;
             /**
              * Фильтр по полю
              */

package/{types → src}/api/api/types/index.d.ts

@@ -7,6 +7,7 @@ export * from './client/request';
 export * from './api';
 export * from './ext';
 export * from './field';
+export * from './mocker';
 export * from './schema';
 export * from './tv';
 export * from './utils';

package/src/api/api/types/mocker.d.ts

@@ -0,0 +1,106 @@
+declare global {
+    namespace Api {
+        namespace Mocker {
+            /**
+             * Классический трюк: заставляет TS раскрыть алиас в структурный тип, тем самым устраняя разницу между «инлайн» и «через имя типа».
+             */
+            type Expand<T> = T extends infer U ? {
+                [K in keyof U]: U[K];
+            } : never;
+            /**
+             * Настройки генерации результата
+             *
+             * Объект, массив или просто значение
+             *
+             * Для генерации можно использовать библиотеку **faker-js**
+             *
+             * Пример:
+             *
+             * ```
+             * [{
+             *  id: faker.number.int,
+             *  name: faker.name.firstName,
+             *  email: faker.internet.email,
+             * }]
+             * ```
+             *
+             * @see https://fakerjs.dev/
+             */
+            type Result = [Item] | Item | Value;
+            /**
+             * Генератор элемента результата
+             *
+             * Пример:
+             *
+             * ```
+             * {
+             *  id: faker.number.int,
+             *  name: faker.name.firstName,
+             *  email: faker.internet.email,
+             * }
+             */
+            type Item = Record<string, Value>;
+            /**
+             * Генератор значения
+             *
+             * Пример:
+             *
+             * ```
+             * faker.number.int
+             * ```
+             */
+            type Value = (n: number) => any;
+            type Params = Record<string, any>;
+            type Options<Result extends Api.Mocker.Result, Params extends Api.Mocker.Params> = {
+                /**
+                 * Шаблон генерации результата
+                 *
+                 * Если результат массив, то будут учтены параметры: `fields`, `limit` и настройка `useFilter()`
+                 *
+                 * Если результат объект, то будет учтен параметр: `fields`
+                 */
+                result: Result;
+                /**
+                 * Если указано, будет подключен механизм пагинации с `total` и `nextOffset`
+                 *
+                 * Только если `result` массив
+                 */
+                total?: number;
+                /**
+                 * Функция для фильтра сгенерированных моков
+                 *
+                 * Для имитации работы фильтров в методах API
+                 *
+                 * Только если `result` массив
+                 *
+                 * @return Вернет `true`, если сгенерированный мок должен попасть в результат
+                 */
+                useFilter?: (resultItem: Result extends [Item] ? ToMockItem<Result[0]> : never, params: Params) => boolean;
+                /**
+                 * Пауза перед возвращением результата
+                 *
+                 * @see https://fakerjs.dev/api/simpleFaker.html#delay
+                 */
+                delay?: number;
+                /**
+                 * Показывать ли лог мокирования запросов
+                 */
+                showLog?: boolean;
+                /**
+                 * Начальное значение рандомайзера
+                 *
+                 * Установите `-1`, если хотите, чтобы данные менялись каждый запрос, `-1` нельзя использовать в кейсах с фильтрацией, сортировкой и пагинацией
+                 *
+                 * @see https://fakerjs.dev/api/simpleFaker.html#seed
+                 */
+                seed?: number;
+            };
+            type ToMockItem<T extends Item> = {
+                [K in keyof T]: ReturnType<T[K]>;
+            };
+            type ToMockValue<T extends Value> = ReturnType<T>;
+            type ToMockResult<T extends Result> = T extends [infer I extends Item] ? ToMockItem<I>[] : T extends Item ? ToMockItem<T> : T extends Value ? ToMockValue<T> : never;
+        }
+    }
+}
+export {};

package/{types → src}/api/api/utils/common.d.ts

@@ -13,4 +13,4 @@ export declare const isPublicAPI: (path: Api.PathAbstract) => boolean;
 /**
  * Сгенерировать baseUrl на основе текущего домена
  */
-export declare const getBaseDomainUrl: (useMainDomain?: boolean, input?: string) => string;
+export declare const getBaseDomainUrl: (useMainDomain?: boolean, input?: string, subdomain?: string) => string;

package/{types → src}/api/api/utils/filters.d.ts

@@ -40,7 +40,7 @@ export declare const pushFilterTagsIds: <Model extends Api.Ext.Schemas["Model"]
 /**
  * Сгенерировать API фильтр из простого значения
  */
-export declare const genFilterPrimitive: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valueWithModifierOperator: number | string | boolean | ValueWithModifierOperator) => Api.Field.Filter<Model, keyof Model>;
+export declare const genFilterPrimitive: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valueWithModifierOperator: number | string | boolean | ValueWithModifierOperator) => Api.Field.Filter<Model, Api.Field.Name<Model>>;
 /**
  * Сгенерировать API фильтр IN
  */

package/{types → src}/api/api/utils/lazy.d.ts

@@ -10,7 +10,16 @@
  * @see Api.ClientRequest.callInSelfWindow
  */
 export declare const postInWindow: (url: string, data: Record<string, any>, target: "_blank" | "_self") => Promise<void>;
-export declare const dataToForm: (elForm: HTMLFormElement, dataName: string, data: Record<string, any>) => Promise<void>;
+/**
+ * Вставляет данные в HTML форму
+ */
+export declare const dataToForm: (elForm: HTMLFormElement, data: Record<string, any>) => void;
+/**
+ * Сериализация данных в объект FormData
+ *
+ * Для отправки файлов или генерации форм
+ */
+export declare const formDataSerializer: (data: Record<string, any>, formData?: FormData, parentKey?: string) => FormData;
 /**
  * Сериализация данных для вставки в виде параметров в url
  */

package/src/components/charts/charts.d.ts

@@ -0,0 +1,2 @@
+export { default as TopMiniChart } from './miniChart/miniChart.vue';
+export { default as TopMiniCharts } from './miniCharts/miniCharts.vue';

package/src/components/dialog/lib/types.d.ts

@@ -0,0 +1,77 @@
+export type TopDialogOptions = {
+    /**
+     * Загрузчик для компонентов диалоговых окон по их id
+     */
+    load?: TopDialogLoad;
+    /**
+     * Глобальный декоратор на событие инициализации диалогового окна
+     */
+    decoratorOnCreate?: DecoratorOnCreate;
+    /**
+     * Пауза перед загрузкой утилиты диалоговых окон в ms
+     *
+     * Для производительности
+     *
+     * Утилиты будут в любом случае загружены при работе с диалоговыми окнами, но их не надо грузить каждый раз после открытия страинцы
+     */
+    autoInitDelay?: number;
+};
+export type TopDialogLoad = (dialogId: string) => Promise<void>;
+export type DecoratorOnCreate = (elDialog: ElTopDialog) => Promise<void>;
+export type MoveDirection = 'next' | 'prev' | 'none';
+export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
+    dataset: {
+        toView: string;
+    };
+};
+export type ElDialogOverlay = HTMLDivElement;
+export type ElTopDialogWrapper = HTMLDialogElement & {
+    /**
+     * Инициализирован ли dialog
+     */
+    __isInit?: true;
+    querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
+    getAttribute: {
+        (attributeName: 'aria-modal'): 'true' | 'false' | null;
+        (attributeName: string): string | null;
+    };
+    /**
+     * @todo Убрать после переписки jquery на сайте
+     * @description Для обратной совместимости с jquery-диалогом
+     * @param action
+     */
+    dialog?: (action?: string) => ElTopDialogWrapper;
+    /**
+     * @todo Убрать после переписки jquery на сайте
+     * @description Для обратной совместимости с jquery-диалогом
+     * @param classNames
+     * @param state
+     */
+    toggleClass?: (classNames: string | string[] | ((index: number, className: string, state: boolean) => string | string[]), state?: boolean) => ElTopDialogWrapper;
+    /**
+     * @todo Убрать после переписки jquery на сайте
+     * @description Для обратной совместимости с jquery-диалогом
+     * @param args
+     */
+    data?: (args: [string, any] | Record<string, any>) => ElTopDialogWrapper;
+};
+export type ElTopDialog = HTMLDivElement & {
+    getAttribute: (qualifiedName: 'id') => string;
+    closest: (el: '.ui-dialog') => ElTopDialogWrapper;
+    dataset: {
+        viewPageActive: string;
+        /**
+         * Создано ли диалоговое окно на Vue
+         * @description Строка 'true' - если Да
+         */
+        vueDiaolg?: 'true';
+    };
+};
+export type ElTopDialogBody = HTMLDivElement;
+export type ElTopDialogPage = HTMLDivElement & {
+    dataset: {
+        viewPage: string;
+        order?: string;
+    };
+};
+export type ElTopDialogModalLayer = HTMLDivElement;

package/{types → src}/components/dialog/lib/utils.d.ts

@@ -13,23 +13,24 @@ export declare const getDialogWrapperId: (id: string) => string;
 export declare const getDialogId: (id: string) => string;
 /**
  * Получить внешний элемент нативного диалогового окна
- * @param id - id элемента ElTopDialog
+ * @param elDialog - элемент ElTopDialog
  * @see ElTopDialog
  */
-export declare const getElDialogWrapper: (id: string) => ElTopDialogWrapper;
+export declare const getElDialogWrapper: (elDialog: ElTopDialog) => ElTopDialogWrapper;
 /**
  * Получить внутренний элемент нативного диалогового окна
- * @param id - id элемента ElTopDialogWrapper
+ * @param elDialogWrapper - элемент ElTopDialogWrapper
  * @see ElTopDialogWrapper
  */
-export declare const getElDialog: (id: string) => ElTopDialog;
+export declare const getElDialog: (elDialogWrapper: ElTopDialogWrapper) => ElTopDialog;
 /**
  * Создать и монтировать в body нативную оболочку окна
  * @description Используется только для нативного диалогового окна
- * @param innerId - id окна
+ * @param id - id элемента ElTopDialog
  * @param pageActive - активная страница
+ * @see ElTopDialog
  */
-export declare const createAndMountElDialogWrapper: (innerId: string, pageActive: string) => HTMLDialogElement;
+export declare const createAndMountElDialogWrapper: (id: string, pageActive: string) => ElTopDialogWrapper;
 export declare const TopDialogUtils: {
     getElDialogById: (id: string) => ElTopDialog | null;
     updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
@@ -41,5 +42,5 @@ export declare const TopDialogUtils: {
     setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
     isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
     inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
-    close: (dialogId: string) => void;
+    close: (id: string) => void;
 };

package/{types → src}/components/dialog/lib/worker.d.ts

@@ -30,7 +30,7 @@ export declare abstract class TopDialogWorker {
         setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
         isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
         inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
-        close: (dialogId: string) => void;
+        close: (id: string) => void;
     }>;
     static getDialog(el: HTMLElement): ElTopDialog | null;
     /**
@@ -46,21 +46,25 @@ export declare abstract class TopDialogWorker {
      * @deprecated Для обратной совместимости
      */
     static get$page($el: $el): JQuery<HTMLElement>;
+    static getPairPage(el: HTMLElement): ElTopDialogPage[] | undefined;
     /**
      * todo: Переписать на сайте на this.getPairPage()
      *
      * @deprecated Для обратной совместимости
      */
     static get$pairPage($el: $el): JQuery<HTMLElement>;
-    static getPairPage(el: HTMLElement): HTMLElement[] | undefined;
     /**
      * Закрыть диалоговое окно по его id
+     * @param id - id элемента ElTopDialog
+     * @see ElTopDialog
      */
-    static close(dialogId: string): void;
+    static close(id: string): void;
     /**
      * Размонтировать диалоговое окно по его id
+     * @param id - id элемента ElTopDialog
+     * @see ElTopDialog
      */
-    static destroy(dialogId: string): void;
+    static destroy(id: string): void;
     /**
      * Сгенерировать ссылку на страницу в диалоговом окне
      * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}

package/src/components/extra/extra.d.ts

@@ -0,0 +1 @@
+export { default as TopRive } from './rive/rive.vue';

package/src/components/forms/forms.d.ts

@@ -0,0 +1,15 @@
+export { default as TopAvatar } from './avatar/avatar.vue';
+export { default as TopButton } from './button/button.vue';
+export { default as TopCaption } from './caption/caption.vue';
+export { default as TopCheckbox } from './checkbox/checkbox.vue';
+export { default as TopControlLabel } from './controlLabel/controlLabel.vue';
+export { default as TopHint } from './hint/hint.vue';
+export { default as TopInput } from './input/input.vue';
+export { default as TopInputDate } from './inputDate/inputDate.vue';
+export { default as TopInputRange } from './inputRange/inputRange.vue';
+export { default as TopRadio } from './radio/radio.vue';
+export { default as TopSwitcher } from './switcher/switcher.vue';
+export { default as TopTextarea } from './textarea/textarea.vue';
+export { default as TopSelect } from './select/select.vue';
+export { default as TopLoadbar } from './loadbar/loadbar.vue';
+export { default as TopPreloader } from './preloader/preloader.vue';

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

@@ -0,0 +1,8 @@
+export { default as TopEditArea } from './editArea/editArea.vue';
+export { default as TopEditInput } from './editInput/editInput.vue';
+export { default as TopRadioGroup } from './radioGroup/radioGroup.vue';
+export { default as TopCheckboxGroup } from './checkboxGroup/checkboxGroup.vue';
+export { default as TopSelector2 } from './selector2/selector2.vue';
+export { default as TopMenu } from './menu/menu.vue';
+export { default as TopInfo } from './info/info.vue';
+export { default as TopPolicy } from './policy/policy.vue';

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

@@ -0,0 +1,18 @@
+import { Item, Props } from '../types';
+import { Ref } from 'vue';
+export type API = ReturnType<typeof useAPI>;
+export declare const useAPI: (api: Props["api"], apiSetSearchParams: Props["apiSetSearchParams"], minLength: number, useCache: Props["useCache"]) => {
+    apiRequest: Api.ClientRequest<any, undefined, Api.Params<any, undefined, any, Record<string, any>>, Api.ModelFields<any> | undefined> | Api.ClientRequestCustom<any, any, any> | undefined;
+    items: Ref<{
+        [x: string]: any;
+        id: number | null;
+        name: string;
+    }[], Item[] | {
+        [x: string]: any;
+        id: number | null;
+        name: string;
+    }[]>;
+    isLoading: Ref<boolean, boolean>;
+    load: (append: boolean) => Promise<void>;
+    setSearchTextAndLoad: (newSearchText: string, useDebounce?: boolean) => void;
+};

package/{types → src}/components/formsExt/selector2/types.d.ts

@@ -10,7 +10,7 @@ export interface Props {
     /**
      * Список вариантов для выбора
      *
-     * При работе с apiRequest, всегда выводится перед результатами apiRequest
+     * При работе с api, всегда выводится перед результатами api
      */
     items?: Item[];
     title?: string;
@@ -44,27 +44,23 @@ export interface Props {
      *
      * Константа, после установки заменять нельзя
      *
-     * @subcategory apiRequest
-     */
-    apiRequest?: {
-        params: {
-            limit?: number;
-            offset?: number;
-            search?: string;
-        };
-        call: Function;
-        cache: Map<string, {
-            result: Array<Item>;
-            nextOffset?: number;
-        }>;
-        [propName: string]: any;
-    };
+     * @subcategory Api
+     */
+    api?: Api.ClientRequest<any> | Api.ClientRequestCustom<any, any, any>;
+    /**
+     * Функция на установку в запрос `api` параметров поиска
+     *
+     * Обязательно для `api`, если указан `searchType`
+     *
+     * @subcategory Api
+     */
+    apiSetSearchParams?: (search: string) => void;
     /**
      * Минимальная длина для выполнения поиска
      *
      * Константа, после установки менять нельзя
      *
-     * @subcategory apiRequest
+     * @subcategory Api
      */
     minLength?: number;
     /**
@@ -72,7 +68,7 @@ export interface Props {
      *
      * Константа, после установки менять нельзя
      *
-     * @subcategory apiRequest
+     * @subcategory Api
      */
     useCache?: boolean;
     /**
@@ -96,7 +92,7 @@ export interface Props {
     /**
      * Отобразить кнопку смены значения
      *
-     * Работает с props.items без учета apiRequest
+     * Работает с props.items без учета Api
      *
      * Нельзя использовать с кнопкой
      *

package/src/components/layout/layout.d.ts

@@ -0,0 +1,4 @@
+export { default as TopIslandRows } from './islandRows/islandRows.vue';
+export { default as TopIslandRowsRow } from './islandRows/islandRowsRow/islandRowsRow.vue';
+export { default as TopIslandRowsSubTitle } from './islandRows/islandRowsSubTitle/islandRowsSubTitle.vue';
+export { default as TopRows } from './rows/rows.vue';

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

@@ -0,0 +1,7 @@
+export { default as TopPopup } from './popup/popup.vue';
+export { default as TopPopupOpener } from './popup/opener.vue';
+export { default as TopPopupListItem } from './popup/listItem.vue';
+export { default as TopPopupWidgetInput } from './popup/widgetInput.vue';
+export { default as TopPopupAlert } from './alert/alert.vue';
+export { default as TopPopupConfirm } from './confirm/confirm.vue';
+export { default as TopPopupPrompt } from './prompt/prompt.vue';

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

@@ -0,0 +1,9 @@
+export { default as TopSelectorCompetitors } from './selectorCompetitors/selectorCompetitors.vue';
+export { useItemsFromCompetitors } from './selectorCompetitors/composables';
+export { default as TopSelectorRegion } from './selectorRegion/selectorRegion.vue';
+export { findRegion, genSearcherByKey, dialogSelectorRegions } from './selectorRegion/utils/utils';
+export type { Emits as TopTagSelectorEmits, Tag, TagId, TagIdExclude } from './tagSelector/types';
+export { genElPopupOpener as genElTopTagSelectorPopupOpener, renderElPopupOpener as renderElTopTagSelectorPopupOpener, } from './tagSelector/utils/el';
+export { default as TopTagSelector } from './tagSelector/tagSelector.vue';
+export { default as TopTagSelectorPopupOpener } from './tagSelector/popupOpener/popupOpener.vue';
+export { default as TopTagSelectorTagIcon } from './tagSelector/tagIcon/tagIcon.vue';

package/src/components/tabs/tabs.d.ts

@@ -0,0 +1,3 @@
+export { default as TopTabs } from './tabs/tabs.vue';
+export { default as TopTabsTab } from './tabs/tab.vue';
+export { default as TopTabsContent } from './tabs/content.vue';

package/src/components/tabsView/tabsView.d.ts

@@ -0,0 +1,3 @@
+export { default as TopTabsView } from './tabsView/tabsView.vue';
+export { default as TopTabsViewMenuItem } from './tabsView/menuItem.vue';
+export { default as TopTabsViewMenuTitle } from './tabsView/menuTitle.vue';

package/tabs/tabs.amd.js

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

package/tabs/tabs.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.amd.js","sources":["../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.vue","../../src/components/tabs/tabs/content.vue","../../src/components/tabs/tabs.ts"],"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 { 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","import type { ComponentCustomProps } from 'vue';\n\nimport Tabs from './tabs/tabs.vue';\nimport TabsTab from './tabs/tab.vue';\nimport TabsContent from './tabs/content.vue';\n\nexport const TopTabs = Tabs as typeof Tabs & ComponentCustomProps;\nexport const TopTabsTab = TabsTab as typeof TabsTab & ComponentCustomProps;\nexport const TopTabsContent = TabsContent as typeof TabsContent & ComponentCustomProps;\n"],"names":["vue","_ctx","_hoisted_2$1","name","tabsId","disabled","_hoisted_1","TopTabs","_sfc_main$2","TopTabsTab","_sfc_main$1","TopTabsContent","_sfc_main"],"mappings":"gXAwBOA,EAAA,WAAAC,EAAA,OAAA,SAAA,EAXuBA,EAAA,OAAA,QAAAD,EAAA,UAAA,EAAAA,EAAA,mBAAA,MAAAE,EAAA,CAKtBF,EAAA,WAAAC,EAAA,OAAA,QAAA,CADsB,CAAA,GAAAD,EAAA,mBAAA,GAAA,EAAA,gCAMtBA,EAAA,WAAAC,EAAA,OAAA,UAAA,qWCbQE,KAAAA,EAAAA,OACPC,MAAAA,EAAAA,KACCD,QAAAA,EAAAA,0BAEGE,EAAAA,KAAAA,EAAAA,CAAAA,iIAIgFA,CAAAA,qBAK5EF,EAAAA,sNCfP,mBAAA,4BAGSA,EAAAA,iCAEJ,EAAA,EAAAG,CAAA,MCPRC,EAAAC,EACAC,EAAAC,EACAC,EAAAC"}
+{"version":3,"file":"tabs.amd.js","sources":["../../src/components/tabs/tabs/tabs.vue","../../src/components/tabs/tabs/tab.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 { 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"],"names":["vue","_ctx","_hoisted_2$1","name","tabsId","disabled","_hoisted_1"],"mappings":"gXAwBOA,EAAA,WAAAC,EAAA,OAAA,SAAA,EAXuBA,EAAA,OAAA,QAAAD,EAAA,UAAA,EAAAA,EAAA,mBAAA,MAAAE,EAAA,CAKtBF,EAAA,WAAAC,EAAA,OAAA,QAAA,CADsB,CAAA,GAAAD,EAAA,mBAAA,GAAA,EAAA,gCAMtBA,EAAA,WAAAC,EAAA,OAAA,UAAA,qWCbQE,KAAAA,EAAAA,OACPC,MAAAA,EAAAA,KACCD,QAAAA,EAAAA,0BAEGE,EAAAA,KAAAA,EAAAA,CAAAA,iIAIgFA,CAAAA,qBAK5EF,EAAAA,sNCfP,mBAAA,4BAGSA,EAAAA,iCAEJ,EAAA,EAAAG,CAAA"}

package/tabs/tabs.d.ts

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

package/tabs/tabs.js

@@ -1,21 +1,21 @@
 import { Core as p } from "../core/app.js";
-import { defineComponent as r, createElementBlock as a, openBlock as o, normalizeClass as d, renderSlot as s, createCommentVNode as b, createElementVNode as n, Fragment as c } from "vue";
+import { defineComponent as r, createElementBlock as a, openBlock as o, normalizeClass as d, renderSlot as s, createCommentVNode as b, createElementVNode as n, Fragment as m } from "vue";
 const i = ["../assets/tabs.css"].map((t) => import.meta.resolve(t));
 p.insertCSSLinkToPage(i, !0);
-const m = {
+const c = {
   class: /* @__PURE__ */ d({
     "top-tabs": !0
   })
 }, u = {
   key: 0,
   class: "top-tabs_header"
-}, _ = { class: "top-tabs_contents" }, h = /* @__PURE__ */ r({
+}, _ = { class: "top-tabs_contents" }, T = /* @__PURE__ */ r({
   __name: "tabs",
   props: {
     id: {}
   },
   setup(t) {
-    return (e, l) => (o(), a("div", m, [
+    return (e, l) => (o(), a("div", c, [
       s(e.$slots, "buttons"),
       e.$slots.header ? (o(), a("div", u, [
         s(e.$slots, "header")
@@ -25,7 +25,7 @@ const m = {
       ])
     ]));
   }
-}), f = ["id", "name", "value", "checked", "disabled"], $ = ["for"], v = /* @__PURE__ */ r({
+}), h = ["id", "name", "value", "checked", "disabled"], f = ["for"], k = /* @__PURE__ */ r({
   __name: "tab",
   props: {
     tabsId: {},
@@ -35,7 +35,7 @@ const m = {
     disabled: { type: Boolean }
   },
   setup(t) {
-    return (e, l) => (o(), a(c, null, [
+    return (e, l) => (o(), a(m, null, [
       n("input", {
         type: "radio",
         class: "top-tabs_tabInput top-unvisible",
@@ -44,7 +44,7 @@ const m = {
         value: e.name,
         checked: e.active,
         disabled: e.disabled
-      }, null, 8, f),
+      }, null, 8, h),
       n("label", {
         class: d({
           "top-tabs_tabLabel": !0,
@@ -54,10 +54,10 @@ const m = {
         for: e.tabsId + e.name
       }, [
         s(e.$slots, "default")
-      ], 10, $)
+      ], 10, f)
     ], 64));
   }
-}), C = ["data-tabs-name"], T = /* @__PURE__ */ r({
+}), $ = ["data-tabs-name"], I = /* @__PURE__ */ r({
   __name: "content",
   props: {
     name: {}
@@ -70,12 +70,12 @@ const m = {
       "data-tabs-name": e.name
     }, [
       s(e.$slots, "default")
-    ], 8, C));
+    ], 8, $));
   }
-}), S = h, y = v, B = T;
+});
 export {
-  S as TopTabs,
-  B as TopTabsContent,
-  y as TopTabsTab
+  T as TopTabs,
+  I as TopTabsContent,
+  k as TopTabsTab
 };
 //# sourceMappingURL=tabs.js.map