@topvisor/ui 0.9.6 → 0.9.8

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

@@ -1,5 +1,5 @@
 import type { PropsMenuTitle } from './tabsView';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,9 +1,41 @@
-import type { State as StateManagerState } from '../../../components/stateManager';
+import type { Component } from 'vue';
+import type { State as StateManagerState } from '../../stateManager';
+export interface State extends StateManagerState {
+    /**
+     * Если true - меню будет скрыто в popup под кнопку, которая его открывает, на кнопке будет текст активного элемента меню
+     */
+    showMenuInPopup: Props['showMenuInPopup'];
+    /**
+     * Если true - меню будет отображено в свернутом режиме без текста у кнопок
+     */
+    isShort: boolean;
+    /**
+     * Имя активной вкладки
+     */
+    activeItemName: Props['modelValue'];
+    /**
+     * Vue компонент активной вкладки
+     */
+    component?: PropsMenuItem['component'];
+    /**
+     * Если false - контент вкладки будет без отступов и скролла (по умолчанию true).
+     * Задается через PropsMenuItems.scrollable активного пункта меню.
+     */
+    scrollable?: PropsMenuItem['scrollable'];
+}
 export interface Props {
     /**
      * Имя активной вкладки
      */
     modelValue: string;
+    /**
+     * Указывает на то, что компоеннт испоьзуется в основной области документа
+     *
+     * Если установлен в true - отображает меню в режиме sticky, для настройки можно использовать css переменную --top-tabsView-top
+     *
+     * Если установлен в true - добавляет документу глобальный модификатор .top-hasTabsViewPageMod
+     */
+    pageMod?: boolean;
     /**
      * Если true - меню будет скрыто в popup под кнопку, которая его открывает
      *
@@ -19,20 +51,6 @@ export interface Props {
      */
     keyForSaveState?: string;
 }
-export interface State extends StateManagerState {
-    /**
-     * Если true - меню будет скрыто в popup под кнопку, которая его открывает, на кнопке будет текст активного элемента меню
-     */
-    showMenuInPopup: Props['showMenuInPopup'];
-    /**
-     * Если true - меню будет отображено в свернутом режиме без текста у кнопок
-     */
-    isShort: boolean;
-    /**
-     * Имя активной вкладки
-     */
-    activeItemName: Props['modelValue'];
-}
 export interface Emits {
     (e: 'update:modelValue', value: Props['modelValue']): void;
 }
@@ -53,17 +71,24 @@ export interface PropsMenuItem {
     href?: string;
     icon?: string;
     disabled?: boolean;
-}
-export interface MenuItem {
-    title?: string;
-    icon?: PropsMenuItem['icon'];
+    /**
+     * Vue компонент вкладки
+     */
+    component?: Component;
+    /**
+     * Состояние скролла для вкладки
+     */
+    scrollable?: boolean;
 }
 export interface PropsMenuTitle {
     isSubtitle?: boolean;
 }
-export interface PropsContent {
-    /**
-     * Имя активной вкладки, должно быть уникально для каждого пункта меню в пределах одного компонента
-     */
-    name: Props['modelValue'];
+/**
+ * Для activeMenuItem
+ */
+export interface MenuItem {
+    title?: string;
+    icon?: PropsMenuItem['icon'];
+    component?: PropsMenuItem['component'];
+    scrollable?: PropsMenuItem['scrollable'];
 }

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

@@ -7,11 +7,15 @@ declare const meta: {
             };
             showMenuInPopup: {
                 type: import("vue").PropType<boolean>;
+                default: undefined;
             };
             isShortable: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            pageMod: {
+                type: import("vue").PropType<boolean>;
+            };
             keyForSaveState: {
                 type: import("vue").PropType<string>;
             };
@@ -26,17 +30,22 @@ declare const meta: {
             };
             showMenuInPopup: {
                 type: import("vue").PropType<boolean>;
+                default: undefined;
             };
             isShortable: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            pageMod: {
+                type: import("vue").PropType<boolean>;
+            };
             keyForSaveState: {
                 type: import("vue").PropType<string>;
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }, {
+            showMenuInPopup: boolean;
             isShortable: boolean;
         }, true, {}, {}, {
             P: {};
@@ -52,17 +61,22 @@ declare const meta: {
             };
             showMenuInPopup: {
                 type: import("vue").PropType<boolean>;
+                default: undefined;
             };
             isShortable: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            pageMod: {
+                type: import("vue").PropType<boolean>;
+            };
             keyForSaveState: {
                 type: import("vue").PropType<string>;
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }, {}, {}, {}, {}, {
+            showMenuInPopup: boolean;
             isShortable: boolean;
         }>;
         __isFragment?: undefined;
@@ -75,11 +89,15 @@ declare const meta: {
         };
         showMenuInPopup: {
             type: import("vue").PropType<boolean>;
+            default: undefined;
         };
         isShortable: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        pageMod: {
+            type: import("vue").PropType<boolean>;
+        };
         keyForSaveState: {
             type: import("vue").PropType<string>;
         };
@@ -88,11 +106,11 @@ declare const meta: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string) => void;
     }, string, {
+        showMenuInPopup: boolean;
         isShortable: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             menu?(_: {}): any;
-            contents?(_: {}): any;
         };
     });
     tags: string[];
@@ -121,11 +139,15 @@ export declare const Overview: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
@@ -140,17 +162,22 @@ export declare const Overview: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }, true, {}, {}, {
                     P: {};
@@ -166,17 +193,22 @@ export declare const Overview: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {}, {}, {}, {}, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }>;
                 __isFragment?: undefined;
@@ -189,11 +221,15 @@ export declare const Overview: {
                 };
                 showMenuInPopup: {
                     type: import("vue").PropType<boolean>;
+                    default: undefined;
                 };
                 isShortable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                pageMod: {
+                    type: import("vue").PropType<boolean>;
+                };
                 keyForSaveState: {
                     type: import("vue").PropType<string>;
                 };
@@ -202,41 +238,60 @@ export declare const Overview: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => void;
             }, string, {
+                showMenuInPopup: boolean;
                 isShortable: boolean;
             }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     menu?(_: {}): any;
-                    contents?(_: {}): any;
                 };
             });
             TabsViewMenuItem: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    name: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    name: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
-                }>>, {}, true, {}, {}, {
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>>, {
+                    component: import("vue").Component;
+                    scrollable: boolean;
+                }, true, {}, {}, {
                     P: {};
                     B: {};
                     D: {};
@@ -244,36 +299,58 @@ export declare const Overview: {
                     M: {};
                     Defaults: {};
                 }, Readonly<import("vue").ExtractPropTypes<{
-                    name: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
-                }>>, {}, {}, {}, {}, {}>;
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    component: import("vue").Component;
+                    scrollable: boolean;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                name: {
+                icon: {
                     type: import("vue").PropType<string>;
                 };
-                href: {
+                component: {
+                    type: import("vue").PropType<import("vue").Component>;
+                    default: undefined;
+                };
+                name: {
                     type: import("vue").PropType<string>;
                 };
-                icon: {
+                href: {
                     type: import("vue").PropType<string>;
                 };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                scrollable: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                component: import("vue").Component;
+                scrollable: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };
@@ -311,46 +388,10 @@ export declare const Overview: {
                     default?(_: {}): any;
                 };
             });
-            TabsViewContent: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    name: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    name: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                }>>, {}, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    name: {
-                        type: import("vue").PropType<string>;
-                        required: true;
-                    };
-                }>>, {}, {}, {}, {}, {}>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                name: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
         };
         setup(this: void): {
             args: any;
+            componentByName: Map<any, any>;
         };
         template: string;
     };

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

@@ -1,17 +1,19 @@
 import type { Props } from './tabsView';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    showMenuInPopup: undefined;
     isShortable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    showMenuInPopup: undefined;
     isShortable: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
+    showMenuInPopup: boolean;
     isShortable: boolean;
 }, {}>, {
     menu?(_: {}): any;
-    contents?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,4 +1,3 @@
 export { default as TabsView } from './tabsView/tabsView.vue';
 export { default as TabsViewMenuItem } from './tabsView/menuItem.vue';
 export { default as TabsViewMenuTitle } from './tabsView/menuTitle.vue';
-export { default as TabsViewContent } from './tabsView/content.vue';

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

@@ -1,4 +1,4 @@
-import Page from '../../core/core/page';
+import Page from './page';
 declare class Core {
     /**
      * Настройки словаря

package/tabs/tabs.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-2250b8db.amd","../require/css.amd!../assets/tabs.css"],function(k,s,e,o){"use strict";if(typeof e>"u")var e=window.Vue;const l={class:e.normalizeClass({"top-tabs":!0})},d={key:0,class:"top-tabs_header"},c={class:"top-tabs_contents"},r=e.defineComponent({__name:"tabs",props:{id:{}},setup(a){return(t,n)=>(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"buttons"),t.$slots.header?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.renderSlot(t.$slots,"contents")])]))}}),b={$style:{"top-tabs":"top-tabs","top-tabs_header":"top-tabs_header","top-tabs_contents":"top-tabs_contents","top-tabs_tabInput":"top-tabs_tabInput","top-tabs_content":"top-tabs_content"}},p=o._export_sfc(r,[["__cssModules",b]]),_=["id","name","value","checked","disabled"],i=["for"],u=e.defineComponent({__name:"tab",props:{tabsId:{},name:{},title:{},active:{type:Boolean},disabled:{type:Boolean}},setup(a){return(t,n)=>(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,_),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))}}),m={$style:{"top-tabs_tabLabel":"top-tabs_tabLabel","top-tabs_tabInput":"top-tabs_tabInput","top-disabled":"top-disabled"}},f=o._export_sfc(u,[["__cssModules",m]]),$=["data-tabs-name"],h=e.defineComponent({__name:"content",props:{name:{}},setup(a){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabs_content":!0}),"data-tabs-name":t.name},[e.renderSlot(t.$slots,"default")],8,$))}}),y={$style:{"top-tabs_content":"top-tabs_content"}},v=o._export_sfc(h,[["__cssModules",y]]);s.Tabs=p,s.TabsContent=v,s.TabsTab=f,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-AZXCfF-R.amd","../require/css.amd!../assets/tabs.css"],function(k,s,e,o){"use strict";if(typeof e>"u")var e=window.Vue;const l={class:e.normalizeClass({"top-tabs":!0})},d={key:0,class:"top-tabs_header"},c={class:"top-tabs_contents"},r=e.defineComponent({__name:"tabs",props:{id:{}},setup(a){return(t,n)=>(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"buttons"),t.$slots.header?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.renderSlot(t.$slots,"contents")])]))}}),b={$style:{"top-tabs":"top-tabs","top-tabs_header":"top-tabs_header","top-tabs_contents":"top-tabs_contents","top-tabs_tabInput":"top-tabs_tabInput","top-tabs_content":"top-tabs_content"}},p=o._export_sfc(r,[["__cssModules",b]]),_=["id","name","value","checked","disabled"],i=["for"],u=e.defineComponent({__name:"tab",props:{tabsId:{},name:{},title:{},active:{type:Boolean},disabled:{type:Boolean}},setup(a){return(t,n)=>(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,_),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))}}),m={$style:{"top-tabs_tabLabel":"top-tabs_tabLabel","top-tabs_tabInput":"top-tabs_tabInput","top-disabled":"top-disabled"}},f=o._export_sfc(u,[["__cssModules",m]]),$=["data-tabs-name"],h=e.defineComponent({__name:"content",props:{name:{}},setup(a){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabs_content":!0}),"data-tabs-name":t.name},[e.renderSlot(t.$slots,"default")],8,$))}}),y={$style:{"top-tabs_content":"top-tabs_content"}},v=o._export_sfc(h,[["__cssModules",y]]);s.Tabs=p,s.TabsContent=v,s.TabsTab=f,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=tabs.amd.js.map

package/tabs/tabs.js

@@ -1,6 +1,6 @@
 import { insertToPage as c } from "../utils/css.js";
 import { defineComponent as b, openBlock as a, createElementBlock as o, renderSlot as s, createCommentVNode as _, createElementVNode as n, normalizeClass as l, Fragment as i } from "vue";
-import { _ as p } from "../.chunks/forms-260b848a.es.js";
+import { _ as p } from "../.chunks/forms-iL1swNCF.es.js";
 const r = ["../assets/tabs.css"].map((e) => import.meta.resolve(e));
 await c(r);
 const u = {

package/tabsView/tabsView.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../popup/popup.amd","../.chunks/forms-2250b8db.amd","../popup/worker.amd","../utils/dom.amd","../require/css.amd!../assets/tabsView.css"],function(Y,c,e,d,u,Z,x){"use strict";if(typeof e>"u")var e=window.Vue;const S=(o,t)=>(e.provide(o,t),t),y=o=>{const t=e.inject(o);if(!t)throw Error("Попытка использовать tabsView state до его инициализации");return t},w=(o,t)=>`top:tabsView:${String(o)}:${t}`,p={init:S,use:y,loadLocalStorge:(o,t)=>{if(!t.key)return;const n=w(o,t.key);try{const s=JSON.parse(localStorage.getItem(n));typeof s==typeof t[o]&&(t[o]=s)}catch{console.warn(new Error(`В localStorage[${n}] не корректный json`))}},addSaverLocalStorge:(o,t)=>{if(!t.key)return;const n=w(o,t.key);e.watch(e.toRef(t,o),()=>{localStorage.setItem(n,JSON.stringify(t[o]))},{immediate:!0})}},f=Symbol(),k=(o,t)=>{const n=e.reactive({key:o.keyForSaveState,showMenuInPopup:o.showMenuInPopup,isShort:!1,activeItemName:e.computed({get(){return o.modelValue},set(s){t("update:modelValue",s)}})});return v(o,n),p.init(f,n)},m=()=>p.use(f),v=(o,t)=>{if(o.isShortable){const n="isShort";p.loadLocalStorge(n,t),p.addSaverLocalStorge(n,t)}},I={key:1,class:"top-ellipsis"},$=e.defineComponent({__name:"menuItem",props:{name:{},href:{},icon:{},disabled:{type:Boolean}},setup(o){const t=o,n=e.computed(()=>s.showMenuInPopup?d.PopupListItem:t.href?"a":"button"),s=m();return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{class:e.normalizeClass({"top-tabsView_menuItem":!e.unref(s).showMenuInPopup,"top-active":a.name&&e.unref(s).activeItemName===a.name,"top-disabled":a.disabled}),href:a.href,"data-top-icon":a.icon||void 0,disabled:a.disabled||void 0,onClick:l[0]||(l[0]=i=>a.name?e.unref(s).activeItemName=a.name:null)},{default:e.withCtx(()=>[e.unref(s).showMenuInPopup?e.renderSlot(a.$slots,"default",{key:0}):a.$slots.default&&!e.unref(s).isShort?(e.openBlock(),e.createElementBlock("span",I,[e.renderSlot(a.$slots,"default")])):e.createCommentVNode("",!0)]),_:3},8,["class","href","data-top-icon","disabled"]))}}),M={$style:{"top-tabsView_menuItem":"top-tabsView_menuItem","top-active":"top-active","top-forms-option":"top-forms-option","top-formsCaption":"top-formsCaption","top-disabled":"top-disabled"}},_=u._export_sfc($,[["__cssModules",M]]),B={class:"top-tabsView_menuOpener"},g=["data-top-icon"],P={class:"top-ellipsis"},C=e.createElementVNode("div",{class:"top-tabsView_menuOpenerIcon","data-top-icon":""},null,-1),N={class:"top-tabsView_menuList"},E={class:"top-tabsView_menuFooter"},T=e.defineComponent({__name:"menu",props:{isShortable:{type:Boolean}},setup(o){const t=m(),n=e.useSlots(),s=new Map,a=e.computed(()=>{let i=s.get(t.activeItemName);return i||(l(),s.get(t.activeItemName)||null)}),l=()=>{if(!n.default)return;const i=n.default().find(r=>r.key==="_menu");i&&i.children.forEach(r=>{var V,h;if(r.type.__name!==_.__name||!r.props.name)return;const b={title:((h=(V=r.children).default)==null?void 0:h.call(V)[0].children).trim(),icon:r.props.icon};s.set(r.props.name,b)})};return(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabsView_menu":!0,"top-tabsView_menu-inPopup_0":!e.unref(t).showMenuInPopup,"top-tabsView_menu-inPopup_1":e.unref(t).showMenuInPopup,"top-tabsView_menu-short":e.unref(t).isShort&&!e.unref(t).showMenuInPopup})},[e.unref(t).showMenuInPopup?(e.openBlock(),e.createBlock(e.unref(d.Popup),{key:0},{opener:e.withCtx(()=>[e.createElementVNode("div",B,[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-tabsView_menuOpenerActiveItem","data-top-icon":a.value.icon},[e.createElementVNode("span",P,e.toDisplayString(a.value.title),1)],8,g)):e.createCommentVNode("",!0),C])]),contentList:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",N,[e.renderSlot(i.$slots,"default")]),e.createElementVNode("div",E,[i.isShortable?(e.openBlock(),e.createBlock(_,{key:0,icon:e.unref(t).isShort?"":"",onClick:r[0]||(r[0]=b=>e.unref(t).isShort=!e.unref(t).isShort)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t).isShort?"":"Свернуть")+" ",1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],64))],2))}}),L={$style:{"top-tabsView_menu-inPopup_0":"top-tabsView_menu-inPopup_0","top-tabsView_menu-inPopup_1":"top-tabsView_menu-inPopup_1","top-tabsView_menu-short":"top-tabsView_menu-short","top-tabsView_menu":"top-tabsView_menu","top-tabsView_menuOpener":"top-tabsView_menuOpener","top-tabsView_menuOpenerIcon":"top-tabsView_menuOpenerIcon","top-tabsView_menuOpenerActiveItem":"top-tabsView_menuOpenerActiveItem","top-tabsView_menuList":"top-tabsView_menuList","top-tabsView_menuFooter":"top-tabsView_menuFooter","top-tabsView_menuItem":"top-tabsView_menuItem"}},O=u._export_sfc(T,[["__cssModules",L]]),D={class:"top-tabsView_contents"},F=e.defineComponent({__name:"tabsView",props:{modelValue:{},showMenuInPopup:{type:Boolean},isShortable:{type:Boolean,default:!1},keyForSaveState:{}},emits:["update:modelValue"],setup(o,{emit:t}){const n=o,a=k(n,t);return e.watchEffect(()=>{a.showMenuInPopup=n.showMenuInPopup??u.Core.state.isMobile}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabsView":!0,"top-tabsView-inPopup":e.unref(a).showMenuInPopup})},[e.createVNode(O,{isShortable:l.isShortable},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"menu")]),_:3},8,["isShortable"]),e.createElementVNode("div",D,[e.renderSlot(l.$slots,"contents")])],2))}}),j={$style:{"top-tabsView":"top-tabsView","top-tabsView-inPopup":"top-tabsView-inPopup","top-tabsView_contents":"top-tabsView_contents"}},z=u._export_sfc(F,[["__cssModules",j]]),K={"top-tabsView_menuDelimeter":"top-tabsView_menuDelimeter"},q={},A={class:"top-tabsView_menuDelimeter"};function J(o,t){return e.openBlock(),e.createElementBlock("div",A)}const R={$style:K},G=u._export_sfc(q,[["render",J],["__cssModules",R]]),H=e.defineComponent({__name:"menuTitle",props:{isSubtitle:{type:Boolean}},setup(o){const t=m();return(n,s)=>e.unref(t).showMenuInPopup?(e.openBlock(),e.createBlock(e.unref(d.PopupListItem),{key:0,type:"title"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3})):e.unref(t).isShort?(e.openBlock(),e.createBlock(G,{key:1})):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass({"top-tabsView_menuTitle":!0,"top-tabsView_menuTitle-subtitle":n.isSubtitle})},[e.renderSlot(n.$slots,"default")],2))}}),Q={$style:{"top-tabsView_menuTitle":"top-tabsView_menuTitle","top-tabsView_menuTitle-subtitle":"top-tabsView_menuTitle-subtitle"}},U=u._export_sfc(H,[["__cssModules",Q]]),W={key:0,class:"top-tabsView_content"},X=e.defineComponent({__name:"content",props:{name:{}},setup(o){const t=m();return(n,s)=>e.unref(t).activeItemName===n.name?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(n.$slots,"default")])):e.createCommentVNode("",!0)}});c.TabsView=z,c.TabsViewContent=X,c.TabsViewMenuItem=_,c.TabsViewMenuTitle=U,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/listItem.vue_vue_type_script_setup_true_lang-cBt2MlyL.amd","../.chunks/forms-AZXCfF-R.amd","../popup/worker.amd","../utils/dom.amd","../require/css.amd!../assets/tabsView.css"],function(Q,u,e,d,c,W,X){"use strict";if(typeof e>"u")var e=window.Vue;const S=(o,t)=>(e.provide(o,t),t),y=o=>{const t=e.inject(o);if(!t)throw Error("Попытка использовать tabsView state до его инициализации");return t},w=(o,t)=>`top:tabsView:${String(o)}:${t}`,m={init:S,use:y,loadLocalStorge:(o,t)=>{if(!t.key)return;const n=w(o,t.key);try{const s=JSON.parse(localStorage.getItem(n));typeof s==typeof t[o]&&(t[o]=s)}catch{console.warn(new Error(`В localStorage[${n}] не корректный json`))}},addSaverLocalStorge:(o,t)=>{if(!t.key)return;const n=w(o,t.key);e.watch(e.toRef(t,o),()=>{localStorage.setItem(n,JSON.stringify(t[o]))},{immediate:!0})}},f=Symbol(),v=(o,t)=>{const n=e.reactive({key:o.keyForSaveState,showMenuInPopup:o.showMenuInPopup,isShort:!1,activeItemName:e.computed({get(){return o.modelValue},set(s){t("update:modelValue",s)}}),component:void 0,scrollable:!0});return k(o,n),m.init(f,n)},_=()=>m.use(f),k=(o,t)=>{if(o.isShortable){const n="isShort";m.loadLocalStorge(n,t),m.addSaverLocalStorge(n,t)}},M={key:1,class:"top-ellipsis"},I=e.defineComponent({__name:"menuItem",props:{name:{},href:{},icon:{},disabled:{type:Boolean},component:{default:void 0},scrollable:{type:Boolean,default:!0}},setup(o){const t=o,n=e.computed(()=>s.showMenuInPopup?d._sfc_main$2:t.href?"a":"button"),s=_();return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{class:e.normalizeClass({"top-tabsView_menuItem":!e.unref(s).showMenuInPopup,"top-active":a.name&&e.unref(s).activeItemName===a.name,"top-disabled":a.disabled}),href:a.href,"data-top-icon":a.icon||void 0,disabled:a.disabled||void 0,onClick:l[0]||(l[0]=r=>a.name?e.unref(s).activeItemName=a.name:null)},{default:e.withCtx(()=>[e.unref(s).showMenuInPopup?e.renderSlot(a.$slots,"default",{key:0}):a.$slots.default&&!e.unref(s).isShort?(e.openBlock(),e.createElementBlock("span",M,[e.renderSlot(a.$slots,"default")])):e.createCommentVNode("",!0)]),_:3},8,["class","href","data-top-icon","disabled"]))}}),$={$style:{"top-tabsView_menuItem":"top-tabsView_menuItem","top-active":"top-active","top-forms-option":"top-forms-option","top-formsCaption":"top-formsCaption","top-disabled":"top-disabled"}},p=c._export_sfc(I,[["__cssModules",$]]),g={class:"top-tabsView_menuOpener"},B=["data-top-icon"],P={class:"top-ellipsis"},N=e.createElementVNode("div",{class:"top-tabsView_menuOpenerIcon","data-top-icon":""},null,-1),E={class:"top-tabsView_menuList"},T={class:"top-tabsView_menuFooter"},C=e.defineComponent({__name:"menu",props:{isShortable:{type:Boolean}},setup(o){const t=_(),n=e.useSlots(),s=new Map,a=()=>{if(!n.default)return;const r=n.default().find(i=>i.key==="_menu");r&&r.children.forEach(i=>{var V,h;if(i.type.__name!==p.__name||!i.props.name||i.props.disabled)return;const b={title:((h=(V=i.children).default)==null?void 0:h.call(V)[0].children).trim(),icon:i.props.icon,component:i.props.component?e.markRaw(i.props.component):p.props.component.default,scrollable:i.props.scrollable??p.props.scrollable.default};s.set(i.props.name,b)})},l=e.ref(null);return e.watch(()=>t.activeItemName,()=>{if(s.size===0&&a(),s.size===0){t.activeItemName="";return}if(l.value=s.get(t.activeItemName)??null,!l.value){t.activeItemName=s.keys().next().value;return}t.scrollable=l.value.scrollable,t.component=l.value.component,l.value&&!t.component&&console.warn(`Компонент вкладки ${t.activeItemName} не найден. Добавьте props.component для пункта меню ${t.activeItemName}.`)},{immediate:!0}),(r,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabsView_menu":!0,"top-tabsView_menu-inPopup_0":!e.unref(t).showMenuInPopup,"top-tabsView_menu-inPopup_1":e.unref(t).showMenuInPopup,"top-tabsView_menu-short":e.unref(t).isShort&&!e.unref(t).showMenuInPopup})},[e.unref(t).showMenuInPopup?(e.openBlock(),e.createBlock(e.unref(d._sfc_main),{key:0},{opener:e.withCtx(()=>[e.createElementVNode("div",g,[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-tabsView_menuOpenerActiveItem","data-top-icon":l.value.icon},[e.createElementVNode("span",P,e.toDisplayString(l.value.title),1)],8,B)):e.createCommentVNode("",!0),N])]),contentList:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",E,[e.renderSlot(r.$slots,"default")]),e.createElementVNode("div",T,[r.isShortable?(e.openBlock(),e.createBlock(p,{key:0,icon:e.unref(t).isShort?"":"",onClick:i[0]||(i[0]=b=>e.unref(t).isShort=!e.unref(t).isShort)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t).isShort?"":"Свернуть"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)])],64))],2))}}),L={$style:{"top-tabsView-pageMod":"top-tabsView-pageMod","top-tabsView_menu":"top-tabsView_menu","top-tabsView_menu-inPopup_0":"top-tabsView_menu-inPopup_0","top-tabsView_menu-inPopup_1":"top-tabsView_menu-inPopup_1","top-tabsView_menu-short":"top-tabsView_menu-short","top-tabsView_menuOpener":"top-tabsView_menuOpener","top-tabsView_menuOpenerIcon":"top-tabsView_menuOpenerIcon","top-tabsView_menuOpenerActiveItem":"top-tabsView_menuOpenerActiveItem","top-tabsView_menuList":"top-tabsView_menuList","top-tabsView_menuFooter":"top-tabsView_menuFooter","top-tabsView_menuItem":"top-tabsView_menuItem"}},O=c._export_sfc(C,[["__cssModules",L]]),D=e.defineComponent({__name:"tabsView",props:{modelValue:{},pageMod:{type:Boolean},showMenuInPopup:{type:Boolean,default:void 0},isShortable:{type:Boolean,default:!1},keyForSaveState:{}},emits:["update:modelValue"],setup(o,{emit:t}){const n=o,a=v(n,t);e.watchEffect(()=>{a.showMenuInPopup=n.showMenuInPopup??c.Core.state.isMobile});const l=(r=!1)=>{document.documentElement.classList.toggle("top-hasTabsViewPageMod",r)};return e.watch(()=>n.pageMod,()=>l(n.pageMod),{immediate:!0}),e.onUnmounted(()=>{l()}),(r,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tabsView":!0,"top-tabsView-pageMod":r.pageMod&&!e.unref(a).showMenuInPopup,"top-tabsView-inPopup":e.unref(a).showMenuInPopup})},[e.createVNode(O,{isShortable:r.isShortable},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"menu")]),_:3},8,["isShortable"]),e.createElementVNode("div",{class:e.normalizeClass({"top-tabsView_contents":!0,"top-tabsView_contents-noScrollable":!e.unref(a).scrollable})},[(e.openBlock(),e.createBlock(e.KeepAlive,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a).component)))],1024))],2)],2))}}),z={$style:{"top-tabsView":"top-tabsView","top-tabsView-inPopup":"top-tabsView-inPopup","top-tabsView_contents":"top-tabsView_contents","top-tabsView_contents-noScrollable":"top-tabsView_contents-noScrollable"}},F=c._export_sfc(D,[["__cssModules",z]]),K={"top-tabsView_menuDelimeter":"top-tabsView_menuDelimeter"},j={},A={class:"top-tabsView_menuDelimeter"};function q(o,t){return e.openBlock(),e.createElementBlock("div",A)}const J={$style:K},R=c._export_sfc(j,[["render",q],["__cssModules",J]]),G=e.defineComponent({__name:"menuTitle",props:{isSubtitle:{type:Boolean}},setup(o){const t=_();return(n,s)=>e.unref(t).showMenuInPopup?(e.openBlock(),e.createBlock(e.unref(d._sfc_main$2),{key:0,type:"title"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3})):e.unref(t).isShort?(e.openBlock(),e.createBlock(R,{key:1})):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass({"top-tabsView_menuTitle":!0,"top-tabsView_menuTitle-subtitle":n.isSubtitle})},[e.renderSlot(n.$slots,"default")],2))}}),U={$style:{"top-tabsView_menuTitle":"top-tabsView_menuTitle","top-tabsView_menuTitle-subtitle":"top-tabsView_menuTitle-subtitle"}},H=c._export_sfc(G,[["__cssModules",U]]);u.TabsView=F,u.TabsViewMenuItem=p,u.TabsViewMenuTitle=H,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=tabsView.amd.js.map