@topvisor/ui 1.1.0 → 1.3.0

package/{components → src/components}/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue.d.ts

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

package/{components → src/components}/project/selectorRegion/dialog_selectorRegions/types.d.ts

@@ -1,4 +1,4 @@
-import { Region } from '../selectorRegion';
+import { Region } from '../types';
 export interface Props {
     /**
      * Список регионов

package/{components → src/components}/project/selectorRegion/selectorRegion.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Region, SearcherIndexed, Searcher } from './selectorRegion';
+import { Props, Region, SearcherIndexed, Searcher } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/{components/project/selectorRegion/selectorRegion.d.ts → src/components/project/selectorRegion/types.d.ts}

@@ -38,6 +38,8 @@ export interface Props {
     forFrequency?: boolean;
     /**
      * Добавить элемент `Автовыбор` с ключем `-2`, который в API заменяется на нужный ключ в зависимости от контекста
+     *
+     * Обратите внимание, что значение `-2` также используется для ключа ПС и индекса Региона не настроенных в проекте
      */
     autoRegion?: boolean;
     /**

package/src/components/project/selectorRegion/utils/consts.d.ts

@@ -0,0 +1,31 @@
+import { Region, SearcherIndexed } from '../types';
+/**
+ * Ключ ПС - для выбора нескольких ПС или регионов
+ */
+export declare const searhcerCompareKey = -1;
+/**
+ * Ключ ПС или индекса Региона, используется для ПС или Региона, не настроенных в проекте
+ *
+ * Также, используется для API с возможностью не указывать регион, см. `props.autoRegion`
+ */
+export declare const dummyIndex = -2;
+/**
+ * Регион - без региона
+ */
+export declare const globalRegionIndex = -1;
+export declare const searchersNames: {
+    0: string;
+    1: string;
+    4: string;
+    5: string;
+    7: string;
+    8: string;
+    9: string;
+    20: string;
+    21: string;
+};
+export declare const regionUndefined: Region;
+export declare const searcherUndefined: SearcherIndexed;
+export declare const getRegionAuto: () => Region;
+export declare const getSearcherAuto: () => SearcherIndexed;
+export declare const getRegionGlobal: () => Region;

package/{components → src/components}/project/selectorRegion/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { Region, Searcher, SearcherByKey } from '../selectorRegion';
+import { Region, Searcher, SearcherByKey } from '../types';
 import { AsyncTopDialogHandle } from '../../../dialog/dialog/composables/asyncDialogHandle';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Props } from '../dialog_selectorRegions/types';
@@ -29,4 +29,6 @@ export declare const findRegion: (forFrequency: boolean, searchRegion: Partial<R
  *
  * @see import('../dialog_selectorRegions/types').Props
  */
-export declare const dialogSelectorRegions: AsyncTopDialogHandle<DefineComponent<Partial< Props>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial< Props>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>>;
+export declare const dialogSelectorRegions: AsyncTopDialogHandle<DefineComponent<Partial< Props>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial< Props>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    elRegions: HTMLDivElement;
+}, HTMLDivElement>>;

package/{components → src/components}/project/tagSelector/popupOpener/types.d.ts

@@ -1,5 +1,6 @@
 import { ModelRef, Ref } from 'vue';
 import { Props as TagSelectorProps, Tag } from '../types';
+import { Styling } from '../../../forms/button/types';
 export type TagSelectorTarget = {
     model: ModelRef<TagSelectorProps['modelValue']> | Ref<TagSelectorProps['modelValue']>;
     mode: Props['mode'];
@@ -59,4 +60,5 @@ export interface Props {
      * Полезная нагрузка, при редактировании целевого объекта
      */
     payload?: Record<string, any>;
+    styling?: Styling;
 }

package/src/components/project/tagSelector/tagIcon/tagIcon.vue.d.ts

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

package/{components → src/components}/project/tagSelector/types.d.ts

@@ -1,4 +1,5 @@
 import { components as componentsTagId } from 'topvisor-openapi/src/ts/Tags_2/Types/TagId';
+import { Styling } from '../../forms/button/types';
 /**
  * Информация о теге
  */
@@ -89,6 +90,7 @@ export interface Props {
      * Не рекомендуется менять
      */
     emitDelay?: number;
+    styling?: Styling;
 }
 export type FiltersAction = 'add' | 'replace' | 'delete';
 export type Emits = {

package/{components → src/components}/project/tagSelector/utils/el.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { OpenerProps as PopupOpenerProps } from '../../../popup/popup/popup';
+import { OpenerProps as PopupOpenerProps } from '../../../popup/popup/types';
 import { Props as TagSelectorOpenerProps } from '../popupOpener/types';
 /**
  * Сгенерировтаь элемент для открытия popup с выбором тегов

package/{components → src/components}/tabs/tabs/content.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsContent } from './tabs';
+import { PropsContent } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/{components → src/components}/tabs/tabs/tab.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsTab } from './tabs';
+import { PropsTab } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/{components → src/components}/tabs/tabs/tabs.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './tabs';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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/{components → src/components}/tabsView/tabsView/menu.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsMenu } from './tabsView';
+import { PropsMenu } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = PropsMenu;
 type __VLS_PublicProps = {

package/{components → src/components}/tabsView/tabsView/menuItem.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsMenuItem } from './tabsView';
+import { PropsMenuItem } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/{components → src/components}/tabsView/tabsView/menuTitle.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropsMenuTitle } from './tabsView';
+import { PropsMenuTitle } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -0,0 +1,12 @@
+import { InjectionKey, ModelRef, UnwrapNestedRefs } from 'vue';
+import { Store as DefineStore } from '../../../core/utils/store';
+import { Props, Store } from './types';
+export declare const injectionKey: InjectionKey<Store>;
+/**
+ * Инициировать Store компонента
+ */
+export declare const defineTabsStore: (props: Props, model: ModelRef<string | undefined>) => UnwrapNestedRefs<Store> & DefineStore;
+/**
+ * Получить Store компонента
+ */
+export declare const useTabsStore: () => Store & DefineStore;

package/{components → src/components}/tabsView/tabsView/tabsView.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './tabsView';
+import { Props } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/{components/tabsView/tabsView/tabsView.d.ts → src/components/tabsView/tabsView/types.d.ts}

@@ -60,13 +60,13 @@ export interface PropsMenu {
      */
     isShortable: Props['isShortable'];
     /**
-     * Флаг загрузки компоненета вкладки.
+     * Флаг загрузки компонента вкладки.
      */
     isLoading: boolean;
 }
 export interface PropsMenuItem {
     /**
-     * Униальное имя вкладки, указывать только если кнопка должна менять выбранную вкладку
+     * Уникальное имя вкладки, указывать, только если кнопка должна менять выбранную вкладку
      */
     name?: Props['modelValue'];
     /**

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/src/core/app.d.ts

@@ -0,0 +1,8 @@
+import { default as Core } from './core/core';
+import { default as corePlugin } from './plugins/core';
+import { Lang, default as i18nPlugin, useI18n, useI18nLang } from './plugins/i18n';
+import { default as piniaTPAPlugin } from './plugins/piniaTPA';
+export { Core, useI18n, useI18nLang, corePlugin, i18nPlugin, piniaTPAPlugin, };
+export { useAsyncTopDialog, useTopDialog } from '../components/dialog/dialog/composables/utils';
+export { TopDialogWorker } from '../components/dialog/lib/worker';
+export type { Lang, };

package/{core → src/core}/core/core.d.ts

@@ -11,7 +11,7 @@ export default class Core {
         documentClassModificators: Map<string | number, string> & Omit<Map<string | number, string>, keyof Map<any, any>>;
         dateFormat: string;
         currency: "USD" | "RUB" | "EUR";
-        gmt: string;
+        timezoneOffset: number;
         isMobile: boolean;
         isMobileUA: boolean;
         isRetina: boolean;

package/{core → src/core}/core/options.d.ts

@@ -1,7 +1,7 @@
 /**
  * Конфигурация UI
  *
- * Начальные значений устанавилаются при подклчюении Core во Vue приложение через app.use(PluginCore, options)
+ * Начальные значений устанавливаются при подключении Core во Vue приложение через app.use(PluginCore, options)
  */
 declare const _default: {
     /**
@@ -17,7 +17,7 @@ declare const _default: {
     /**
      * CSS-классы модификаторы для документа страницы
      *
-     * Могут испоьзвоаться компонентами для включения необхоимых режимов отображения страницы
+     * Могут использоваться компонентами для включения необходимых режимов отображения страницы
      *
      * Разные компоненты могут добавлять один и тот же класс, чтобы не было конфликтов каждый компонент управляет только своим классом:
      * - Ключ - уникальное имя компонента, например в setup: `const uid = Math.random();`
@@ -31,16 +31,17 @@ declare const _default: {
      */
     widthForMobile: number;
     /**
-     * Формат даты, который будет испоьзоваться по умолчанию для вывода даты, как правило, завсит от текущего пользователя
+     * Формат даты, который будет использоваться по умолчанию для вывода даты, как правило, зависит от текущего пользователя
      */
     dateFormat: string;
     /**
-     * Валюта, которая будет испоьзоваться по умолчанию, как правило, завсит от текущего пользователя
+     * Валюта, которая будет использоваться по умолчанию, как правило, зависит от текущего пользователя
      */
     currency: "RUB" | "USD" | "EUR";
     /**
-     * Для Москвы: +0300
+     * Смещение timezone относительно UTC в минутах
+     * Для Москвы: -180
      */
-    gmt: string;
+    timezoneOffset: number;
 };
 export default _default;

package/{core → src/core}/core/state.d.ts

@@ -8,7 +8,7 @@ declare const state: {
     documentClassModificators: Map<string | number, string>;
     dateFormat: string;
     currency: "USD" | "RUB" | "EUR";
-    gmt: string;
+    timezoneOffset: number;
     /**
      * Device by size
      *

package/src/core/directives/preloader.d.ts

@@ -0,0 +1,8 @@
+import { DirectiveBinding } from 'vue';
+/**
+ * Сохранить данные в элементе
+ */
+declare const preloader: {
+    mounted: (el: HTMLElement, binding: DirectiveBinding) => Promise<void>;
+};
+export default preloader;

package/{core → src/core}/plugins/core.d.ts

@@ -11,7 +11,7 @@ declare const TopNotice: DefineComponent<Props, {}, {}, {}, {}, ComponentOptions
 declare global {
     const vd: typeof console.log;
 }
-declare module 'vue' {
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**
          * Статический класс с текущим состоянимем UI
@@ -42,7 +42,7 @@ declare module 'vue' {
         TopDialogs: typeof TopDialogs;
     }
 }
-type CoreOptions = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'>;
+type CoreOptions = PartialBy<typeof coreDefaultOptions, 'timezoneOffset' | 'documentClassModificators'>;
 type Options = CoreOptions & {
     topPopupOptions?: TopPopupOptions;
     topDialogOptions?: TopDialogOptions;

package/{core → src/core}/plugins/i18n.d.ts

@@ -27,8 +27,8 @@ type Options = {
  * ```
  */
 type I18n = Reactive<Options['i18n']>;
-type i18nRender = <T extends keyof I18n>(categoryName: T, key: keyof I18n[T], props: Record<string, number | string>) => string;
-declare module 'vue' {
+type I18nRender = <T extends keyof I18n>(categoryName: T, key: keyof I18n[T], props: Record<string, number | string>) => string;
+declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**
          * Загруженные словари
@@ -36,9 +36,9 @@ declare module 'vue' {
          * Можно использовать как функцию для подстановки значений в формате: `Текст {{ propName }}`
          *
          * @see I18n
-         * @see i18nRender
+         * @see I18nRender
          */
-        $i18n: I18n & i18nRender;
+        $i18n: I18n & I18nRender;
         /**
          * Текущий язык
          */

package/{core → src/core}/utils/date.d.ts

@@ -2,6 +2,15 @@
  * Работа с датами
  * @packageDocumentation
  */
+/**
+ * Уровень детализации времени
+ *
+ * - 0: только дата
+ * - 1: дата и часы
+ * - 2: дата и часы с минутами
+ * - 3: дата и часы с минутами и секундами
+ */
+type Time = 0 | 1 | 2 | 3;
 /**
  * Получить день недели
  */
@@ -10,26 +19,32 @@ export declare const getDayOfWeek: (y: number, m: number, d: number) => string;
  * Преобразовать дату в строку формата Y-m-d H:i:s
  * @param dateObject - объект Date
  * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat
- * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами
+ * @param timeFormat - уровень детализации времени
  */
-export declare const dateToString: (dateObject: Date, langFormat?: boolean, timeFormat?: 0 | 1 | 2 | 3) => string;
+export declare const dateToString: (dateObject: Date, langFormat?: boolean, timeFormat?: Time) => string;
 /**
  * Получить объект Date из строки
  * @param date - строка с датой
  */
 export declare function stringToDate(date: string): Date;
+/**
+ * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s с учётом часового пояса пользователя
+ *
+ * Для настройки часового пояса пользователя используется `Core.state.timezoneOffset`
+ *
+ * @see genDate()
+ */
+export declare const genUserDate: (timestamp?: number, useFormat?: boolean, time?: Time | "auto") => string;
 /**
  * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s
  * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции
  * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat
- * @param time
- * - 0: только дата
- * - 1: дата часы
- * - 2: дата и часы с минутами
- * - 3: дата и часы с минутами и секундами
- * - auto: часы и минуты будут выводиться только, если они не равны нулю
+ * @param time - уровень детализации времени
+ * - auto: часы и минуты будут выводиться, только если они не равны нулю
+ * @param timezoneOffset - смещение часового пояса от UTC в минутах.
+ * Если не указано используется локальный часовой пояс пользователя
  */
-export declare function genDate(timestamp: number | undefined, useFormat?: boolean, time?: 0 | 1 | 2 | 3 | 'auto'): string;
+export declare function genDate(timestamp?: number, useFormat?: boolean, time?: Time | 'auto', timezoneOffset?: number): string;
 /**
  * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s
  * @param ms - дата в мс, если не передана, берется дата на момент вызова функции
@@ -39,14 +54,17 @@ export declare function genDateMoscow(ms: number | undefined, useFormat?: boolea
 /**
  * Перевод даты в формат пользователя
  * @param dateMixed - объект даты или строка в формате Y-m-d H:i:s
- * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами
- * @param dateFormat -
+ * @param time - уровень детализации времени
+ * @param dateFormat - формат даты, если не указан, будет взят из Core.state.dateFormat
  * @param emptyValue - значение, которое надо вернуть, если дата не указана
+ *
+ * @todo Привести к единой логике обработку строк и дат
  */
-export declare function dateFormat(dateMixed: string | Date, time?: 0 | 1 | 2 | 3, dateFormat?: string, emptyValue?: string): string;
+export declare function dateFormat(dateMixed: string | Date, time?: Time, dateFormat?: string, emptyValue?: string): string;
 /**
  * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s
  * @param date - строка с датой
  * @param emptyValue - значение, которое надо вернуть, если дата не указана
  */
 export declare function dateUnformat(date: string, emptyValue?: string): string;
+export {};

package/{core → src/core}/utils/dom.d.ts

@@ -27,11 +27,20 @@ export declare function offset(el: HTMLElement): {
 };
 /**
  * Получить значение css свойства элемента
+ *
  * @param el
  * @param property - имя свойства
  * @return - значение css стиля
  */
 export declare function css(el: HTMLElement, property: string): string;
+/**
+ * Получить значение css свойства целочисленного типа
+ *
+ * @param el
+ * @param property - имя свойства
+ * @return - значение css стиля
+ */
+export declare function cssNumber(el: HTMLElement, property: string): number;
 /**
  * Обернуть элемент и вернуть только что созданный элемент
  * @param el - элемент, который требуется обернуть
@@ -61,7 +70,7 @@ export declare function querySelectorAllVisible(el: HTMLElement | Document, sele
  * @param el - корневой элемент поиска
  * @param selectors - см. параметр selectors в Document.querySelectorAll()
  */
-export declare function querySelectorAllArray(el: HTMLElement | Document, selectors: string): HTMLElement[];
+export declare function querySelectorAllArray<El extends HTMLElement = HTMLElement>(el: HTMLElement | Document, selectors: string): El[];
 /**
  * Хранилище данных элемента
  * @param el
@@ -83,6 +92,7 @@ declare const _default: {
     isVisible: typeof isVisible;
     offset: typeof offset;
     css: typeof css;
+    cssNumber: typeof cssNumber;
     wrap: typeof wrap;
     querySelectorVisible: typeof querySelectorVisible;
     querySelectorVisibleLast: typeof querySelectorVisibleLast;

package/{core → src/core}/utils/route.d.ts

@@ -28,6 +28,6 @@ export declare const setHashs: (data: Map<string, string> | object | any, replac
  * @see history.replaceState
  * @see history.pushState
  *
- * @todo Мешает SPA сайта, вместо него использовать historyPushState() из @/component/vue/app/spa
+ * @todo Объединить с historyPushState() из @/component/vue/app/spa
  */
 export declare const historySetState: (replace: boolean | undefined, hash: string) => void;

package/{core → src/core}/utils/searchers.d.ts

@@ -19,7 +19,7 @@ export declare const searchersNames: {
  * Получить иконку ПС
  * @param searcherKey - цифра или строка с цифрой обозначающая ПС. Если null вернется иконка с глобусом
  */
-export declare const getSearcherGIcon: (searcherKey: number | string | null) => string;
+export declare const getSearcherGIcon: (searcherKey: number | string | undefined) => string;
 /**
  * Получить иконку устройства (ПК, планшет, смартфон)
  */

package/{core → src/core}/utils/store.d.ts

@@ -3,4 +3,4 @@
  * @packageDocumentation
  */
 export { defineStore, useStore } from './store/store';
-export { default as plugin } from './store/store';
+export { default as plugin, type Store } from './store/store';

package/{core → src/core}/utils/string.d.ts

@@ -2,6 +2,18 @@
  * Работа со строками
  * @packageDocumentation
  */
+export declare const REGEXP_START_SYMBOL_ICON: RegExp;
+/**
+ * Извлекает иконку и оставшийся контент из строки
+ *
+ * Возвращает объект со свойствами:
+ * - `icon`: содержит символ иконки, если он присутствует, иначе `null`
+ * - `content`: содержит оставшийся текст без символа иконки, если он был извлечен, или всю строку
+ */
+export declare const extractIconAndContent: (content: string) => {
+    icon: string | null;
+    content: string;
+};
 /**
  * Сгенерировать числовой хэш от строки для идентификатора
  */
@@ -26,7 +38,7 @@ export declare const nl2br: (str: string) => string;
  * @param dimension - размерность, по умолчанию 1000
  * @param suffix - суффикс к десятичной приставке (по умолчанию выводится латинская заглавная буква)
  */
-export declare const numberWithWord: (number: number, precision?: number, dimension?: number, suffix?: string) => string;
+export declare const numberWithWord: (number: number | string, precision?: number, dimension?: number, suffix?: string) => string;
 /**
  * Обрезать текст под три точки
  * @param string

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.ts"],"sourcesContent":["import type { ComponentCustomProps } from 'vue';\r\n\r\nimport Tabs from './tabs/tabs.vue';\r\nimport TabsTab from './tabs/tab.vue';\r\nimport TabsContent from './tabs/content.vue';\r\n\r\nexport const TopTabs = Tabs as typeof Tabs & ComponentCustomProps;\r\nexport const TopTabsTab = TabsTab as typeof TabsTab & ComponentCustomProps;\r\nexport const TopTabsContent = TabsContent as typeof TabsContent & ComponentCustomProps;\r\n"],"names":["TopTabs","_sfc_main$2","TopTabsTab","_sfc_main$1","TopTabsContent","_sfc_main"],"mappings":"o8CAMOA,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

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