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

package/tabsView/tabsView.amd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tabsView/tabsView.js","../../src/core/utils/store/localStorage.ts","../../src/components/tabsView/tabsView/store.ts","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/utils.ts","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/menuDelimeter.vue","../../src/components/tabsView/tabsView/menuTitle.vue"],"names":["vue","exports","I","L","vue_1","R","z","B","store_DuQpSSLL_esm_js_1","t","forms_CdCS6WAQ_esm_js_1","n","route_js_1","V","H","U","i","popup_DHCqvZzI_esm_js_1","o","W","G","system_js_1","K","q","J","Y","X","Z","a","c","l","u","Q","r","s","e","$","ee","te","ne"],"mappings":"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","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-CdCS6WAQ.esm.js\", \"../utils/system.js\", \"../utils/route.js\", \"../.chunks/store-DuQpSSLL.esm.js\", \"../.chunks/popup-DHCqvZzI.esm.js\", \"vue\"], function (require, exports, forms_CdCS6WAQ_esm_js_1, system_js_1, route_js_1, store_DuQpSSLL_esm_js_1, popup_DHCqvZzI_esm_js_1, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopTabsViewMenuTitle = exports.TopTabsViewMenuItem = exports.TopTabsView = void 0;\n    //#region src/core/utils/store/localStorage.ts\n    var I = (e, t) => `top:${String(e)}:${t}`, L = {\n        loadLocalStorge: (e, t) => {\n            if (!t.$id)\n                return;\n            let n = I(e, t.$id);\n            try {\n                let r = JSON.parse(localStorage.getItem(n));\n                typeof r == typeof t[e] && (t[e] = r);\n            }\n            catch {\n                console.warn(/* @__PURE__ */ Error(`В localStorage[${n}] не корректный json`));\n            }\n        },\n        addSaverLocalStorge: (e, t) => {\n            if (!t.$id)\n                return;\n            let n = I(e, t.$id);\n            (0, vue_1.watch)(() => t[e], () => {\n                localStorage.setItem(n, JSON.stringify(t[e]));\n            }, { immediate: !0 });\n        }\n    }, R = /* @__PURE__ */ new Set();\n    addEventListener(\"popstate\", (e) => {\n        R.forEach((t) => t(e));\n    });\n    var z = Symbol(), B = (t, n) => {\n        let r = (0, store_DuQpSSLL_esm_js_1.t)(z, () => ({\n            showMenuInPopup: (0, vue_1.computed)(() => t.showMenuInPopup ?? forms_CdCS6WAQ_esm_js_1.O.state.isMobile),\n            pageMod: (0, vue_1.computed)(() => t.pageMod),\n            isShort: (0, vue_1.ref)(!1),\n            activeItemName: n,\n            component: (0, vue_1.ref)(void 0),\n            scrollable: (0, vue_1.ref)(!0)\n        }), t.idState);\n        if (t.isShortable) {\n            let e = \"isShort\";\n            L.loadLocalStorge(e, r), L.addSaverLocalStorge(e, r);\n        }\n        return r.$id && R.add((e) => {\n            n.value = (0, route_js_1.getHash)(r.$id);\n        }), r;\n    }, V = () => (0, store_DuQpSSLL_esm_js_1.r)(z), H = {\n        key: 1,\n        class: \"top-ellipsis\"\n    }, U = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menuItem\",\n        props: {\n            name: {},\n            href: {},\n            icon: {},\n            disabled: { type: Boolean },\n            component: { default: void 0 },\n            scrollable: {\n                type: Boolean,\n                default: !0\n            }\n        },\n        setup(e) {\n            let t = e, n = V(), r = (0, vue_1.computed)(() => t.name && n.$id ? (0, route_js_1.genHash)(n.$id, t.name) : t.href), i = (0, vue_1.computed)(() => n.showMenuInPopup ? popup_DHCqvZzI_esm_js_1.o : r ? \"a\" : \"button\"), o = (e) => {\n                !t.href && r.value && e.preventDefault(), t.name && (n.activeItemName = t.name);\n            };\n            return (t, a) => ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.resolveDynamicComponent)(i.value), {\n                target: \"_self\",\n                class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menuItem\": !(0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-active\": e.name && (0, vue_1.unref)(n).activeItemName === e.name,\n                    \"top-disabled\": e.disabled,\n                    \"top-spa-disabled\": !0\n                }),\n                href: r.value,\n                \"data-top-icon\": e.icon || void 0,\n                disabled: e.disabled || void 0,\n                onClick: o\n            }, {\n                default: (0, vue_1.withCtx)(() => [(0, vue_1.unref)(n).showMenuInPopup ? (0, vue_1.renderSlot)(t.$slots, \"default\", { key: 0 }) : t.$slots.default && !(0, vue_1.unref)(n).isShort ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"span\", H, [(0, vue_1.renderSlot)(t.$slots, \"default\")])) : (0, vue_1.createCommentVNode)(\"\", !0)]),\n                _: 3\n            }, 8, [\n                \"class\",\n                \"href\",\n                \"data-top-icon\",\n                \"disabled\"\n            ]));\n        }\n    }), W = (e) => e?.name === \"AsyncComponentWrapper\" && !e?.__asyncResolved, G = async (e, t) => {\n        e?.name === \"AsyncComponentWrapper\" && (e?.__asyncResolved || (e.__asyncLoader(), await (0, system_js_1.sleepWhile)(() => t() && W(e), 200)));\n    }, K = { class: \"top-tabsView_menuOpener\" }, q = [\"data-top-icon\"], J = { class: \"top-ellipsis\" }, Y = { class: \"top-tabsView_menuList\" }, X = {\n        key: 0,\n        class: \"top-tabsView_menuFooter\"\n    }, Z = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menu\",\n        props: /* @__PURE__ */ (0, vue_1.mergeModels)({\n            isShortable: { type: Boolean },\n            isLoading: { type: Boolean }\n        }, {\n            isLoading: {},\n            isLoadingModifiers: {}\n        }),\n        emits: [\"update:isLoading\"],\n        setup(e) {\n            let t = (0, vue_1.useModel)(e, \"isLoading\"), n = V(), r = (0, vue_1.useSlots)(), i = /* @__PURE__ */ new Map(), a = () => {\n                if (!r.default)\n                    return;\n                let e = r.default({}).find((e) => e.key === \"_menu\");\n                e && c(e.children);\n            }, c = (e) => {\n                e.forEach((e) => {\n                    if (e.type.__name && e.type.__name !== U.__name)\n                        return;\n                    if (!e.type.__name && typeof e.children == \"object\") {\n                        c(e.children);\n                        return;\n                    }\n                    if (!e.props?.name || e.props?.disabled)\n                        return;\n                    let t = {\n                        title: (e.children.default?.()[0].children).trim(),\n                        icon: e.props.icon,\n                        component: e.props.component ? (0, vue_1.markRaw)(e.props.component) : U.props.component.default,\n                        scrollable: e.props.scrollable ?? U.props.scrollable.default\n                    };\n                    i.set(e.props.name, t);\n                });\n            }, l = (0, vue_1.ref)(null), u = 0;\n            return (0, vue_1.watch)(() => n.activeItemName, async () => {\n                let e = ++u;\n                if (i.size === 0 && a(), i.size === 0) {\n                    n.activeItemName = \"\";\n                    return;\n                }\n                if (l.value = i.get(n.activeItemName) ?? null, !l.value && n.$id) {\n                    let e = (0, route_js_1.getHash)(n.$id);\n                    if (l.value = i.get(e) ?? null, l.value) {\n                        n.activeItemName = e;\n                        return;\n                    }\n                }\n                if (!l.value) {\n                    n.activeItemName = i.keys().next().value;\n                    return;\n                }\n                if (l.value.component === n.component) {\n                    t.value = !1;\n                    return;\n                }\n                n.$id && (0, route_js_1.setHash)(n.$id, n.activeItemName, !1), t.value = !0, await G(l.value.component, () => e === u), e === u && (n.scrollable = l.value.scrollable, n.component = l.value.component, l.value && !n.component && console.warn(`Компонент вкладки ${n.activeItemName} не найден. Добавьте props.component для пункта меню ${n.activeItemName}.`));\n            }, { immediate: !0 }), (t, r) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menu\": !0,\n                    \"top-tabsView_menu-inPopup_0\": !(0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-tabsView_menu-inPopup_1\": (0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-tabsView_menu-short\": (0, vue_1.unref)(n).isShort && !(0, vue_1.unref)(n).showMenuInPopup\n                }) }, [(0, vue_1.unref)(n).showMenuInPopup ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.unref)(popup_DHCqvZzI_esm_js_1.s), { key: 0 }, {\n                    opener: (0, vue_1.withCtx)(() => [(0, vue_1.createElementVNode)(\"div\", K, [l.value ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                                key: 0,\n                                class: \"top-tabsView_menuOpenerActiveItem\",\n                                \"data-top-icon\": l.value.icon\n                            }, [(0, vue_1.createElementVNode)(\"span\", J, (0, vue_1.toDisplayString)(l.value.title), 1)], 8, q)) : (0, vue_1.createCommentVNode)(\"\", !0), r[1] ||= (0, vue_1.createElementVNode)(\"div\", {\n                                class: \"top-tabsView_menuOpenerIcon\",\n                                \"data-top-icon\": \"\"\n                            }, null, -1)])]),\n                    contentList: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(t.$slots, \"default\")]),\n                    _: 3\n                })) : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 1 }, [(0, vue_1.createElementVNode)(\"div\", Y, [(0, vue_1.renderSlot)(t.$slots, \"default\")]), e.isShortable ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", X, [e.isShortable ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(U, {\n                            key: 0,\n                            icon: (0, vue_1.unref)(n).isShort ? \"\" : \"\",\n                            onClick: r[0] ||= (e) => (0, vue_1.unref)(n).isShort = !(0, vue_1.unref)(n).isShort\n                        }, {\n                            default: (0, vue_1.withCtx)(() => [(0, vue_1.createTextVNode)((0, vue_1.toDisplayString)((0, vue_1.unref)(n).isShort ? \"\" : \"Свернуть\"), 1)]),\n                            _: 1\n                        }, 8, [\"icon\"])) : (0, vue_1.createCommentVNode)(\"\", !0)])) : (0, vue_1.createCommentVNode)(\"\", !0)], 64))], 2));\n        }\n    }), Q = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tabsView\",\n        props: /* @__PURE__ */ (0, vue_1.mergeModels)({\n            modelValue: {},\n            pageMod: { type: Boolean },\n            showMenuInPopup: {\n                type: Boolean,\n                default: void 0\n            },\n            isShortable: {\n                type: Boolean,\n                default: !1\n            },\n            idState: {}\n        }, {\n            modelValue: {},\n            modelModifiers: {}\n        }),\n        emits: [\"update:modelValue\"],\n        setup(n) {\n            let r = n, a = B(r, (0, vue_1.useModel)(n, \"modelValue\")), o = Math.random();\n            r.pageMod && forms_CdCS6WAQ_esm_js_1.O.state.documentClassModificators.set(o, \"top-hasTabsViewPageMod\"), (0, vue_1.onUnmounted)(() => {\n                r.pageMod && forms_CdCS6WAQ_esm_js_1.O.state.documentClassModificators.delete(o), a.$id && (0, route_js_1.delHash)(a.$id, a.activeItemName, !0);\n            });\n            let s = (0, vue_1.ref)(), c = (0, vue_1.ref)(!1);\n            return (0, vue_1.watch)([s, () => a.component], () => {\n                c.value = W(a.component);\n            }, { immediate: !0 }), (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView\": !0,\n                    \"top-tabsView-pageMod\": r.pageMod,\n                    \"top-tabsView-inPopup\": (0, vue_1.unref)(a).showMenuInPopup\n                }) }, [(0, vue_1.createVNode)(Z, {\n                    isShortable: n.isShortable,\n                    isLoading: c.value,\n                    \"onUpdate:isLoading\": i[0] ||= (e) => c.value = e\n                }, {\n                    default: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(e.$slots, \"menu\")]),\n                    _: 3\n                }, 8, [\"isShortable\", \"isLoading\"]), (0, vue_1.createElementVNode)(\"div\", { class: (0, vue_1.normalizeClass)({\n                        \"top-tabsView_contents\": !0,\n                        \"top-tabsView_contents-isLoading\": c.value,\n                        \"top-tabsView_contents-noScrollable\": !(0, vue_1.unref)(a).scrollable\n                    }) }, [c.value ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(forms_CdCS6WAQ_esm_js_1.l, { key: 0 })) : (0, vue_1.createCommentVNode)(\"\", !0), ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(vue_1.KeepAlive, null, [((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.resolveDynamicComponent)((0, vue_1.unref)(a).component), {\n                            ref_key: \"componentRef\",\n                            ref: s\n                        }, null, 512))], 1024))], 2)], 2));\n        }\n    }), $ = {}, ee = { class: \"top-tabsView_menuDelimeter\" };\n    exports.TopTabsViewMenuItem = U;\n    exports.TopTabsView = Q;\n    function te(e, t) {\n        return (0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", ee);\n    }\n    var ne = /* @__PURE__ */ (0, forms_CdCS6WAQ_esm_js_1.u)($, [[\"render\", te]]), re = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menuTitle\",\n        props: { isSubtitle: { type: Boolean } },\n        setup(e) {\n            let t = V();\n            return (n, r) => (0, vue_1.unref)(t).showMenuInPopup ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.unref)(popup_DHCqvZzI_esm_js_1.o), {\n                key: 0,\n                type: \"title\"\n            }, {\n                default: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(n.$slots, \"default\")]),\n                _: 3\n            })) : (0, vue_1.unref)(t).isShort ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(ne, { key: 1 })) : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                key: 2,\n                class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menuTitle\": !0,\n                    \"top-tabsView_menuTitle-subtitle\": e.isSubtitle\n                })\n            }, [(0, vue_1.renderSlot)(n.$slots, \"default\")], 2));\n        }\n    });\n    exports.TopTabsViewMenuTitle = re;\n});\n//# sourceMappingURL=tabsView.js.map\n","import { watch } from 'vue';\nimport type { Store } from './store';\n\n/**\n * Сгенерировать имя для сохранения данных в localStorage\n * @param stateName - имя свойства состояния\n * @param stateKey - ключ состояния, разные компоненты могут использовать одинаковый ключ\n */\nconst genStorageKey = <T extends Store>(stateName: keyof T, stateKey: string): string => {\n\tconst stateNameString = String(stateName);\n\n\treturn `top:${stateNameString}:${stateKey}`;\n};\n\n/**\n * Загрузить состояние\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst loadLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если Store.key не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\ttry {\n\t\tconst localStorageValue: typeof store[keyof typeof store] = JSON.parse(localStorage.getItem(localStorageKey) as string);\n\n\t\tif (typeof localStorageValue === typeof store[stateName]) {\n\t\t\tstore[stateName] = localStorageValue;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(new Error(`В localStorage[${localStorageKey}] не корректный json`));\n\t}\n};\n\n/**\n * Добавить автосохранение состояние при его изменении\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst addSaverLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если store.$id не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\twatch(() => store[stateName], () => {\n\t\tlocalStorage.setItem(localStorageKey, JSON.stringify(store[stateName]));\n\t}, { immediate: true });\n};\n\nexport default {\n\tloadLocalStorge,\n\taddSaverLocalStorge,\n};","import type { InjectionKey, ModelRef, UnwrapNestedRefs } from 'vue';\nimport { computed, ref } from 'vue';\nimport Core from '@/core/core/core';\nimport { defineStore, useStore, type Store as DefineStore } from '@/core/utils/store';\nimport StoreLocalStorage from '@/core/utils/store/localStorage';\nimport type { Props, Store } from './types';\nimport { getHash } from '@/core/utils/route';\n\nconst popstateCallbacks = new Set<(e: PopStateEvent) => void>();\n\naddEventListener('popstate', (e) => {\n\tpopstateCallbacks.forEach(popstateCallback => popstateCallback(e));\n});\n\nexport const injectionKey = Symbol() as InjectionKey<Store>;\n\n/**\n * Инициировать Store компонента\n */\nexport const defineTabsStore = (props: Props, model: ModelRef<string | undefined>): UnwrapNestedRefs<Store> & DefineStore => {\n\tconst store = defineStore(injectionKey, () => {\n\t\tconst showMenuInPopup = computed(() => props.showMenuInPopup ?? Core.state.isMobile);\n\t\tconst pageMod = computed(() => props.pageMod);\n\t\tconst isShort = ref(false);\n\n\t\tconst component = ref(undefined);\n\t\tconst scrollable = ref(true);\n\n\t\treturn {\n\t\t\tshowMenuInPopup,\n\t\t\tpageMod,\n\t\t\tisShort,\n\t\t\tactiveItemName: model,\n\t\t\tcomponent,\n\t\t\tscrollable,\n\t\t};\n\t}, props.idState);\n\n\tif (props.isShortable) {\n\t\tconst stateName = 'isShort';\n\n\t\tStoreLocalStorage.loadLocalStorge(stateName, store);\n\t\tStoreLocalStorage.addSaverLocalStorge(stateName, store);\n\t}\n\n\tif (store.$id) {\n\t\tconst popstateCallback = (_e: PopStateEvent) => {\n\t\t\tmodel.value = getHash(store.$id!);\n\t\t};\n\n\t\tpopstateCallbacks.add(popstateCallback);\n\t}\n\n\treturn store;\n};\n\n/**\n * Получить Store компонента\n */\nexport const useTabsStore = () => useStore(injectionKey);\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","// TODO: Эту функцию можно вынести в глобальный utils\n\nimport { sleepWhile } from '@/core/utils/system';\n\n/**\n * Проверка нахождения компонента в состояние загрузки\n * @param component\n */\nexport const checkComponentIsLoading = (component: any) => {\n\treturn component?.name === 'AsyncComponentWrapper' && !component?.__asyncResolved;\n};\n\n/**\n * Презагрузить компонент\n *\n * Некоторое время ожидает загрузку компонента, прежде чем завершит работу\n */\nexport const preResolveComponent = async (component: any, condition: Function) => {\n\tif (component?.name !== 'AsyncComponentWrapper') return;\n\tif (component?.__asyncResolved) return;\n\n\tcomponent.__asyncLoader();\n\n\tawait sleepWhile(() => {\n\t\treturn condition() && checkComponentIsLoading(component);\n\t}, 200);\n};\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n\t<div class=\"top-tabsView_menuDelimeter\"></div>\n</template>\n\n<style>\n.top-tabsView_menuDelimeter {\n\tpadding: var(--top-padding-1) 0;\n\tdisplay: flex;\n}\n\n.top-tabsView_menuDelimeter:before {\n\tcontent: \"\";\n\theight: 2px;\n\tbackground: var(--color-line-2);\n\tflex-grow: 1;\n}\n\n.top-tabsView_menuDelimeter:first-child,\n.top-tabsView_menuDelimeter + .top-tabsView_menuDelimeter {\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n"]}
+{"version":3,"sources":["tabsView/tabsView.js","../../src/core/utils/store/localStorage.ts","../../src/components/tabsView/tabsView/store.ts","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/utils.ts","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/menuDelimeter.vue","../../src/components/tabsView/tabsView/menuTitle.vue"],"names":["vue","exports","I","L","vue_1","R","z","B","store_DjQAOnrn_esm_js_1","t","forms_DKVIpGnH_esm_js_1","n","route_js_1","V","H","U","i","popup_CtiL5V44_esm_js_1","o","W","G","system_js_1","K","q","J","Y","X","Z","a","c","l","u","Q","r","s","e","$","ee","te","ne"],"mappings":"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","sourcesContent":["define([\"require\", \"exports\", \"../.chunks/forms-DKVIpGnH.esm.js\", \"../utils/system.js\", \"../utils/route.js\", \"../.chunks/store-DjQAOnrn.esm.js\", \"../.chunks/popup-CtiL5V44.esm.js\", \"vue\"], function (require, exports, forms_DKVIpGnH_esm_js_1, system_js_1, route_js_1, store_DjQAOnrn_esm_js_1, popup_CtiL5V44_esm_js_1, vue_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.TopTabsViewMenuTitle = exports.TopTabsViewMenuItem = exports.TopTabsView = void 0;\n    //#region src/core/utils/store/localStorage.ts\n    var I = (e, t) => `top:${String(e)}:${t}`, L = {\n        loadLocalStorge: (e, t) => {\n            if (!t.$id)\n                return;\n            let n = I(e, t.$id);\n            try {\n                let r = JSON.parse(localStorage.getItem(n));\n                typeof r == typeof t[e] && (t[e] = r);\n            }\n            catch {\n                console.warn(/* @__PURE__ */ Error(`В localStorage[${n}] не корректный json`));\n            }\n        },\n        addSaverLocalStorge: (e, t) => {\n            if (!t.$id)\n                return;\n            let n = I(e, t.$id);\n            (0, vue_1.watch)(() => t[e], () => {\n                localStorage.setItem(n, JSON.stringify(t[e]));\n            }, { immediate: !0 });\n        }\n    }, R = /* @__PURE__ */ new Set();\n    addEventListener(\"popstate\", (e) => {\n        R.forEach((t) => t(e));\n    });\n    var z = Symbol(), B = (t, n) => {\n        let r = (0, store_DjQAOnrn_esm_js_1.t)(z, () => ({\n            showMenuInPopup: (0, vue_1.computed)(() => t.showMenuInPopup ?? forms_DKVIpGnH_esm_js_1.O.state.isMobile),\n            pageMod: (0, vue_1.computed)(() => t.pageMod),\n            isShort: (0, vue_1.ref)(!1),\n            activeItemName: n,\n            component: (0, vue_1.ref)(void 0),\n            scrollable: (0, vue_1.ref)(!0)\n        }), t.idState);\n        if (t.isShortable) {\n            let e = \"isShort\";\n            L.loadLocalStorge(e, r), L.addSaverLocalStorge(e, r);\n        }\n        return r.$id && R.add((e) => {\n            n.value = (0, route_js_1.getHash)(r.$id);\n        }), r;\n    }, V = () => (0, store_DjQAOnrn_esm_js_1.r)(z), H = {\n        key: 1,\n        class: \"top-ellipsis\"\n    }, U = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menuItem\",\n        props: {\n            name: {},\n            href: {},\n            icon: {},\n            disabled: { type: Boolean },\n            component: { default: void 0 },\n            scrollable: {\n                type: Boolean,\n                default: !0\n            }\n        },\n        setup(e) {\n            let t = e, n = V(), r = (0, vue_1.computed)(() => t.name && n.$id ? (0, route_js_1.genHash)(n.$id, t.name) : t.href), i = (0, vue_1.computed)(() => n.showMenuInPopup ? popup_CtiL5V44_esm_js_1.o : r ? \"a\" : \"button\"), o = (e) => {\n                !t.href && r.value && e.preventDefault(), t.name && (n.activeItemName = t.name);\n            };\n            return (t, a) => ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.resolveDynamicComponent)(i.value), {\n                target: \"_self\",\n                class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menuItem\": !(0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-active\": e.name && (0, vue_1.unref)(n).activeItemName === e.name,\n                    \"top-disabled\": e.disabled,\n                    \"top-spa-disabled\": !0\n                }),\n                href: r.value,\n                \"data-top-icon\": e.icon || void 0,\n                disabled: e.disabled || void 0,\n                onClick: o\n            }, {\n                default: (0, vue_1.withCtx)(() => [(0, vue_1.unref)(n).showMenuInPopup ? (0, vue_1.renderSlot)(t.$slots, \"default\", { key: 0 }) : t.$slots.default && !(0, vue_1.unref)(n).isShort ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"span\", H, [(0, vue_1.renderSlot)(t.$slots, \"default\")])) : (0, vue_1.createCommentVNode)(\"\", !0)]),\n                _: 3\n            }, 8, [\n                \"class\",\n                \"href\",\n                \"data-top-icon\",\n                \"disabled\"\n            ]));\n        }\n    }), W = (e) => e?.name === \"AsyncComponentWrapper\" && !e?.__asyncResolved, G = async (e, t) => {\n        e?.name === \"AsyncComponentWrapper\" && (e?.__asyncResolved || (e.__asyncLoader(), await (0, system_js_1.sleepWhile)(() => t() && W(e), 200)));\n    }, K = { class: \"top-tabsView_menuOpener\" }, q = [\"data-top-icon\"], J = { class: \"top-ellipsis\" }, Y = { class: \"top-tabsView_menuList\" }, X = {\n        key: 0,\n        class: \"top-tabsView_menuFooter\"\n    }, Z = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menu\",\n        props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n            isShortable: { type: Boolean },\n            isLoading: { type: Boolean }\n        }, {\n            isLoading: {},\n            isLoadingModifiers: {}\n        }),\n        emits: [\"update:isLoading\"],\n        setup(e) {\n            let t = (0, vue_1.useModel)(e, \"isLoading\"), n = V(), r = (0, vue_1.useSlots)(), i = /* @__PURE__ */ new Map(), a = () => {\n                if (!r.default)\n                    return;\n                let e = r.default({}).find((e) => e.key === \"_menu\");\n                e && c(e.children);\n            }, c = (e) => {\n                e.forEach((e) => {\n                    if (e.type.__name && e.type.__name !== U.__name)\n                        return;\n                    if (!e.type.__name && typeof e.children == \"object\") {\n                        c(e.children);\n                        return;\n                    }\n                    if (!e.props?.name || e.props?.disabled)\n                        return;\n                    let t = {\n                        title: (e.children.default?.()[0].children).trim(),\n                        icon: e.props.icon,\n                        component: e.props.component ? (0, vue_1.markRaw)(e.props.component) : U.props.component.default,\n                        scrollable: e.props.scrollable ?? U.props.scrollable.default\n                    };\n                    i.set(e.props.name, t);\n                });\n            }, l = (0, vue_1.ref)(null), u = 0;\n            return (0, vue_1.watch)(() => n.activeItemName, async () => {\n                let e = ++u;\n                if (i.size === 0 && a(), i.size === 0) {\n                    n.activeItemName = \"\";\n                    return;\n                }\n                if (l.value = i.get(n.activeItemName) ?? null, !l.value && n.$id) {\n                    let e = (0, route_js_1.getHash)(n.$id);\n                    if (l.value = i.get(e) ?? null, l.value) {\n                        n.activeItemName = e;\n                        return;\n                    }\n                }\n                if (!l.value) {\n                    n.activeItemName = i.keys().next().value;\n                    return;\n                }\n                if (l.value.component === n.component) {\n                    t.value = !1;\n                    return;\n                }\n                n.$id && (0, route_js_1.setHash)(n.$id, n.activeItemName, !1), t.value = !0, await G(l.value.component, () => e === u), e === u && (n.scrollable = l.value.scrollable, n.component = l.value.component, l.value && !n.component && console.warn(`Компонент вкладки ${n.activeItemName} не найден. Добавьте props.component для пункта меню ${n.activeItemName}.`));\n            }, { immediate: !0 }), (t, r) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menu\": !0,\n                    \"top-tabsView_menu-inPopup_0\": !(0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-tabsView_menu-inPopup_1\": (0, vue_1.unref)(n).showMenuInPopup,\n                    \"top-tabsView_menu-short\": (0, vue_1.unref)(n).isShort && !(0, vue_1.unref)(n).showMenuInPopup\n                }) }, [(0, vue_1.unref)(n).showMenuInPopup ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.unref)(popup_CtiL5V44_esm_js_1.s), { key: 0 }, {\n                    opener: (0, vue_1.withCtx)(() => [(0, vue_1.createElementVNode)(\"div\", K, [l.value ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                                key: 0,\n                                class: \"top-tabsView_menuOpenerActiveItem\",\n                                \"data-top-icon\": l.value.icon\n                            }, [(0, vue_1.createElementVNode)(\"span\", J, (0, vue_1.toDisplayString)(l.value.title), 1)], 8, q)) : (0, vue_1.createCommentVNode)(\"\", !0), r[1] ||= (0, vue_1.createElementVNode)(\"div\", {\n                                class: \"top-tabsView_menuOpenerIcon\",\n                                \"data-top-icon\": \"\"\n                            }, null, -1)])]),\n                    contentList: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(t.$slots, \"default\")]),\n                    _: 3\n                })) : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(vue_1.Fragment, { key: 1 }, [(0, vue_1.createElementVNode)(\"div\", Y, [(0, vue_1.renderSlot)(t.$slots, \"default\")]), e.isShortable ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", X, [e.isShortable ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(U, {\n                            key: 0,\n                            icon: (0, vue_1.unref)(n).isShort ? \"\" : \"\",\n                            onClick: r[0] ||= (e) => (0, vue_1.unref)(n).isShort = !(0, vue_1.unref)(n).isShort\n                        }, {\n                            default: (0, vue_1.withCtx)(() => [(0, vue_1.createTextVNode)((0, vue_1.toDisplayString)((0, vue_1.unref)(n).isShort ? \"\" : \"Свернуть\"), 1)]),\n                            _: 1\n                        }, 8, [\"icon\"])) : (0, vue_1.createCommentVNode)(\"\", !0)])) : (0, vue_1.createCommentVNode)(\"\", !0)], 64))], 2));\n        }\n    }), Q = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"tabsView\",\n        props: /*@__PURE__*/ (0, vue_1.mergeModels)({\n            modelValue: {},\n            pageMod: { type: Boolean },\n            showMenuInPopup: {\n                type: Boolean,\n                default: void 0\n            },\n            isShortable: {\n                type: Boolean,\n                default: !1\n            },\n            idState: {}\n        }, {\n            modelValue: {},\n            modelModifiers: {}\n        }),\n        emits: [\"update:modelValue\"],\n        setup(n) {\n            let r = n, a = B(r, (0, vue_1.useModel)(n, \"modelValue\")), o = Math.random();\n            r.pageMod && forms_DKVIpGnH_esm_js_1.O.state.documentClassModificators.set(o, \"top-hasTabsViewPageMod\"), (0, vue_1.onUnmounted)(() => {\n                r.pageMod && forms_DKVIpGnH_esm_js_1.O.state.documentClassModificators.delete(o), a.$id && (0, route_js_1.delHash)(a.$id, a.activeItemName, !0);\n            });\n            let s = (0, vue_1.ref)(), c = (0, vue_1.ref)(!1);\n            return (0, vue_1.watch)([s, () => a.component], () => {\n                c.value = W(a.component);\n            }, { immediate: !0 }), (e, i) => ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", { class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView\": !0,\n                    \"top-tabsView-pageMod\": r.pageMod,\n                    \"top-tabsView-inPopup\": (0, vue_1.unref)(a).showMenuInPopup\n                }) }, [(0, vue_1.createVNode)(Z, {\n                    isShortable: n.isShortable,\n                    isLoading: c.value,\n                    \"onUpdate:isLoading\": i[0] ||= (e) => c.value = e\n                }, {\n                    default: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(e.$slots, \"menu\")]),\n                    _: 3\n                }, 8, [\"isShortable\", \"isLoading\"]), (0, vue_1.createElementVNode)(\"div\", { class: (0, vue_1.normalizeClass)({\n                        \"top-tabsView_contents\": !0,\n                        \"top-tabsView_contents-isLoading\": c.value,\n                        \"top-tabsView_contents-noScrollable\": !(0, vue_1.unref)(a).scrollable\n                    }) }, [c.value ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(forms_DKVIpGnH_esm_js_1.l, { key: 0 })) : (0, vue_1.createCommentVNode)(\"\", !0), ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(vue_1.KeepAlive, null, [((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.resolveDynamicComponent)((0, vue_1.unref)(a).component), {\n                            ref_key: \"componentRef\",\n                            ref: s\n                        }, null, 512))], 1024))], 2)], 2));\n        }\n    }), $ = {}, ee = { class: \"top-tabsView_menuDelimeter\" };\n    exports.TopTabsViewMenuItem = U;\n    exports.TopTabsView = Q;\n    function te(e, t) {\n        return (0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", ee);\n    }\n    var ne = /*#__PURE__*/ (0, forms_DKVIpGnH_esm_js_1.u)($, [[\"render\", te]]), re = /* @__PURE__ */ (0, vue_1.defineComponent)({\n        __name: \"menuTitle\",\n        props: { isSubtitle: { type: Boolean } },\n        setup(e) {\n            let t = V();\n            return (n, r) => (0, vue_1.unref)(t).showMenuInPopup ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)((0, vue_1.unref)(popup_CtiL5V44_esm_js_1.o), {\n                key: 0,\n                type: \"title\"\n            }, {\n                default: (0, vue_1.withCtx)(() => [(0, vue_1.renderSlot)(n.$slots, \"default\")]),\n                _: 3\n            })) : (0, vue_1.unref)(t).isShort ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(ne, { key: 1 })) : ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)(\"div\", {\n                key: 2,\n                class: (0, vue_1.normalizeClass)({\n                    \"top-tabsView_menuTitle\": !0,\n                    \"top-tabsView_menuTitle-subtitle\": e.isSubtitle\n                })\n            }, [(0, vue_1.renderSlot)(n.$slots, \"default\")], 2));\n        }\n    });\n    exports.TopTabsViewMenuTitle = re;\n});\n//# sourceMappingURL=tabsView.js.map\n","import { watch } from 'vue';\nimport type { Store } from './store';\n\n/**\n * Сгенерировать имя для сохранения данных в localStorage\n * @param stateName - имя свойства состояния\n * @param stateKey - ключ состояния, разные компоненты могут использовать одинаковый ключ\n */\nconst genStorageKey = <T extends Store>(stateName: keyof T, stateKey: string): string => {\n\tconst stateNameString = String(stateName);\n\n\treturn `top:${stateNameString}:${stateKey}`;\n};\n\n/**\n * Загрузить состояние\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst loadLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если Store.key не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\ttry {\n\t\tconst localStorageValue: typeof store[keyof typeof store] = JSON.parse(localStorage.getItem(localStorageKey) as string);\n\n\t\tif (typeof localStorageValue === typeof store[stateName]) {\n\t\t\tstore[stateName] = localStorageValue;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(new Error(`В localStorage[${localStorageKey}] не корректный json`));\n\t}\n};\n\n/**\n * Добавить автосохранение состояние при его изменении\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst addSaverLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если store.$id не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\twatch(() => store[stateName], () => {\n\t\tlocalStorage.setItem(localStorageKey, JSON.stringify(store[stateName]));\n\t}, { immediate: true });\n};\n\nexport default {\n\tloadLocalStorge,\n\taddSaverLocalStorge,\n};","import type { InjectionKey, ModelRef, UnwrapNestedRefs } from 'vue';\nimport { computed, ref } from 'vue';\nimport Core from '@/core/core/core';\nimport { defineStore, useStore, type Store as DefineStore } from '@/core/utils/store';\nimport StoreLocalStorage from '@/core/utils/store/localStorage';\nimport type { Props, Store } from './types';\nimport { getHash } from '@/core/utils/route';\n\nconst popstateCallbacks = new Set<(e: PopStateEvent) => void>();\n\naddEventListener('popstate', (e) => {\n\tpopstateCallbacks.forEach(popstateCallback => popstateCallback(e));\n});\n\nexport const injectionKey = Symbol() as InjectionKey<Store>;\n\n/**\n * Инициировать Store компонента\n */\nexport const defineTabsStore = (props: Props, model: ModelRef<string | undefined>): UnwrapNestedRefs<Store> & DefineStore => {\n\tconst store = defineStore(injectionKey, () => {\n\t\tconst showMenuInPopup = computed(() => props.showMenuInPopup ?? Core.state.isMobile);\n\t\tconst pageMod = computed(() => props.pageMod);\n\t\tconst isShort = ref(false);\n\n\t\tconst component = ref(undefined);\n\t\tconst scrollable = ref(true);\n\n\t\treturn {\n\t\t\tshowMenuInPopup,\n\t\t\tpageMod,\n\t\t\tisShort,\n\t\t\tactiveItemName: model,\n\t\t\tcomponent,\n\t\t\tscrollable,\n\t\t};\n\t}, props.idState);\n\n\tif (props.isShortable) {\n\t\tconst stateName = 'isShort';\n\n\t\tStoreLocalStorage.loadLocalStorge(stateName, store);\n\t\tStoreLocalStorage.addSaverLocalStorge(stateName, store);\n\t}\n\n\tif (store.$id) {\n\t\tconst popstateCallback = (_e: PopStateEvent) => {\n\t\t\tmodel.value = getHash(store.$id!);\n\t\t};\n\n\t\tpopstateCallbacks.add(popstateCallback);\n\t}\n\n\treturn store;\n};\n\n/**\n * Получить Store компонента\n */\nexport const useTabsStore = () => useStore(injectionKey);\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","// TODO: Эту функцию можно вынести в глобальный utils\n\nimport { sleepWhile } from '@/core/utils/system';\n\n/**\n * Проверка нахождения компонента в состояние загрузки\n * @param component\n */\nexport const checkComponentIsLoading = (component: any) => {\n\treturn component?.name === 'AsyncComponentWrapper' && !component?.__asyncResolved;\n};\n\n/**\n * Презагрузить компонент\n *\n * Некоторое время ожидает загрузку компонента, прежде чем завершит работу\n */\nexport const preResolveComponent = async (component: any, condition: Function) => {\n\tif (component?.name !== 'AsyncComponentWrapper') return;\n\tif (component?.__asyncResolved) return;\n\n\tcomponent.__asyncLoader();\n\n\tawait sleepWhile(() => {\n\t\treturn condition() && checkComponentIsLoading(component);\n\t}, 200);\n};\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n\t<div class=\"top-tabsView_menuDelimeter\"></div>\n</template>\n\n<style>\n.top-tabsView_menuDelimeter {\n\tpadding: var(--top-padding-1) 0;\n\tdisplay: flex;\n}\n\n.top-tabsView_menuDelimeter:before {\n\tcontent: \"\";\n\theight: 2px;\n\tbackground: var(--color-line-2);\n\tflex-grow: 1;\n}\n\n.top-tabsView_menuDelimeter:first-child,\n.top-tabsView_menuDelimeter + .top-tabsView_menuDelimeter {\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n"]}

package/tabsView/tabsView.d.ts

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

package/tabsView/tabsView.js

@@ -5,11 +5,11 @@
 		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
 		/* end import css */
 	
-import { O as e, l as t, u as n } from "../.chunks/forms-CdCS6WAQ.esm.js";
+import { O as e, l as t, u as n } from "../.chunks/forms-DKVIpGnH.esm.js";
 import { sleepWhile as r } from "../utils/system.js";
 import { delHash as i, genHash as a, getHash as o, setHash as s } from "../utils/route.js";
-import { r as c, t as l } from "../.chunks/store-DuQpSSLL.esm.js";
-import { o as u, s as d } from "../.chunks/popup-DHCqvZzI.esm.js";
+import { r as c, t as l } from "../.chunks/store-DjQAOnrn.esm.js";
+import { o as u, s as d } from "../.chunks/popup-CtiL5V44.esm.js";
 import { Fragment as f, KeepAlive as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, markRaw as S, mergeModels as C, normalizeClass as w, onUnmounted as T, openBlock as E, ref as D, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, unref as j, useModel as M, useSlots as N, watch as P, withCtx as F } from "vue";
 //#region src/core/utils/store/localStorage.ts
 var I = (e, t) => `top:${String(e)}:${t}`, L = {
@@ -99,7 +99,7 @@ var z = Symbol(), B = (t, n) => {
 	class: "top-tabsView_menuFooter"
 }, Z = /* @__PURE__ */ x({
 	__name: "menu",
-	props: /* @__PURE__ */ C({
+	props: /*@__PURE__*/ C({
 		isShortable: { type: Boolean },
 		isLoading: { type: Boolean }
 	}, {
@@ -178,7 +178,7 @@ var z = Symbol(), B = (t, n) => {
 	}
 }), Q = /* @__PURE__ */ x({
 	__name: "tabsView",
-	props: /* @__PURE__ */ C({
+	props: /*@__PURE__*/ C({
 		modelValue: {},
 		pageMod: { type: Boolean },
 		showMenuInPopup: {
@@ -227,7 +227,7 @@ var z = Symbol(), B = (t, n) => {
 function te(e, t) {
 	return E(), _("div", ee);
 }
-var ne = /* @__PURE__ */ n($, [["render", te]]), re = /* @__PURE__ */ x({
+var ne = /*#__PURE__*/ n($, [["render", te]]), re = /* @__PURE__ */ x({
 	__name: "menuTitle",
 	props: { isSubtitle: { type: Boolean } },
 	setup(e) {

package/tabsView/tabsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabsView.js","names":["$slots"],"sources":["../../src/core/utils/store/localStorage.ts","../../src/components/tabsView/tabsView/store.ts","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/utils.ts","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/menuDelimeter.vue","../../src/components/tabsView/tabsView/menuTitle.vue","../../src/components/tabsView/tabsView/menuTitle.vue"],"sourcesContent":["import { watch } from 'vue';\nimport type { Store } from './store';\n\n/**\n * Сгенерировать имя для сохранения данных в localStorage\n * @param stateName - имя свойства состояния\n * @param stateKey - ключ состояния, разные компоненты могут использовать одинаковый ключ\n */\nconst genStorageKey = <T extends Store>(stateName: keyof T, stateKey: string): string => {\n\tconst stateNameString = String(stateName);\n\n\treturn `top:${stateNameString}:${stateKey}`;\n};\n\n/**\n * Загрузить состояние\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst loadLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если Store.key не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\ttry {\n\t\tconst localStorageValue: typeof store[keyof typeof store] = JSON.parse(localStorage.getItem(localStorageKey) as string);\n\n\t\tif (typeof localStorageValue === typeof store[stateName]) {\n\t\t\tstore[stateName] = localStorageValue;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(new Error(`В localStorage[${localStorageKey}] не корректный json`));\n\t}\n};\n\n/**\n * Добавить автосохранение состояние при его изменении\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst addSaverLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если store.$id не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\twatch(() => store[stateName], () => {\n\t\tlocalStorage.setItem(localStorageKey, JSON.stringify(store[stateName]));\n\t}, { immediate: true });\n};\n\nexport default {\n\tloadLocalStorge,\n\taddSaverLocalStorge,\n};","import type { InjectionKey, ModelRef, UnwrapNestedRefs } from 'vue';\nimport { computed, ref } from 'vue';\nimport Core from '@/core/core/core';\nimport { defineStore, useStore, type Store as DefineStore } from '@/core/utils/store';\nimport StoreLocalStorage from '@/core/utils/store/localStorage';\nimport type { Props, Store } from './types';\nimport { getHash } from '@/core/utils/route';\n\nconst popstateCallbacks = new Set<(e: PopStateEvent) => void>();\n\naddEventListener('popstate', (e) => {\n\tpopstateCallbacks.forEach(popstateCallback => popstateCallback(e));\n});\n\nexport const injectionKey = Symbol() as InjectionKey<Store>;\n\n/**\n * Инициировать Store компонента\n */\nexport const defineTabsStore = (props: Props, model: ModelRef<string | undefined>): UnwrapNestedRefs<Store> & DefineStore => {\n\tconst store = defineStore(injectionKey, () => {\n\t\tconst showMenuInPopup = computed(() => props.showMenuInPopup ?? Core.state.isMobile);\n\t\tconst pageMod = computed(() => props.pageMod);\n\t\tconst isShort = ref(false);\n\n\t\tconst component = ref(undefined);\n\t\tconst scrollable = ref(true);\n\n\t\treturn {\n\t\t\tshowMenuInPopup,\n\t\t\tpageMod,\n\t\t\tisShort,\n\t\t\tactiveItemName: model,\n\t\t\tcomponent,\n\t\t\tscrollable,\n\t\t};\n\t}, props.idState);\n\n\tif (props.isShortable) {\n\t\tconst stateName = 'isShort';\n\n\t\tStoreLocalStorage.loadLocalStorge(stateName, store);\n\t\tStoreLocalStorage.addSaverLocalStorge(stateName, store);\n\t}\n\n\tif (store.$id) {\n\t\tconst popstateCallback = (_e: PopStateEvent) => {\n\t\t\tmodel.value = getHash(store.$id!);\n\t\t};\n\n\t\tpopstateCallbacks.add(popstateCallback);\n\t}\n\n\treturn store;\n};\n\n/**\n * Получить Store компонента\n */\nexport const useTabsStore = () => useStore(injectionKey);\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","// TODO: Эту функцию можно вынести в глобальный utils\n\nimport { sleepWhile } from '@/core/utils/system';\n\n/**\n * Проверка нахождения компонента в состояние загрузки\n * @param component\n */\nexport const checkComponentIsLoading = (component: any) => {\n\treturn component?.name === 'AsyncComponentWrapper' && !component?.__asyncResolved;\n};\n\n/**\n * Презагрузить компонент\n *\n * Некоторое время ожидает загрузку компонента, прежде чем завершит работу\n */\nexport const preResolveComponent = async (component: any, condition: Function) => {\n\tif (component?.name !== 'AsyncComponentWrapper') return;\n\tif (component?.__asyncResolved) return;\n\n\tcomponent.__asyncLoader();\n\n\tawait sleepWhile(() => {\n\t\treturn condition() && checkComponentIsLoading(component);\n\t}, 200);\n};\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n\t<div class=\"top-tabsView_menuDelimeter\"></div>\n</template>\n\n<style>\n.top-tabsView_menuDelimeter {\n\tpadding: var(--top-padding-1) 0;\n\tdisplay: flex;\n}\n\n.top-tabsView_menuDelimeter:before {\n\tcontent: \"\";\n\theight: 2px;\n\tbackground: var(--color-line-2);\n\tflex-grow: 1;\n}\n\n.top-tabsView_menuDelimeter:first-child,\n.top-tabsView_menuDelimeter + .top-tabsView_menuDelimeter {\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"tabsView.js","names":["$slots"],"sources":["../../src/core/utils/store/localStorage.ts","../../src/components/tabsView/tabsView/store.ts","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/menuItem.vue","../../src/components/tabsView/tabsView/utils.ts","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/menu.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/tabsView.vue","../../src/components/tabsView/tabsView/menuDelimeter.vue","../../src/components/tabsView/tabsView/menuTitle.vue","../../src/components/tabsView/tabsView/menuTitle.vue"],"sourcesContent":["import { watch } from 'vue';\nimport type { Store } from './store';\n\n/**\n * Сгенерировать имя для сохранения данных в localStorage\n * @param stateName - имя свойства состояния\n * @param stateKey - ключ состояния, разные компоненты могут использовать одинаковый ключ\n */\nconst genStorageKey = <T extends Store>(stateName: keyof T, stateKey: string): string => {\n\tconst stateNameString = String(stateName);\n\n\treturn `top:${stateNameString}:${stateKey}`;\n};\n\n/**\n * Загрузить состояние\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst loadLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если Store.key не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\ttry {\n\t\tconst localStorageValue: typeof store[keyof typeof store] = JSON.parse(localStorage.getItem(localStorageKey) as string);\n\n\t\tif (typeof localStorageValue === typeof store[stateName]) {\n\t\t\tstore[stateName] = localStorageValue;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(new Error(`В localStorage[${localStorageKey}] не корректный json`));\n\t}\n};\n\n/**\n * Добавить автосохранение состояние при его изменении\n * @param stateName - имя свойства состояния\n * @param store\n */\nconst addSaverLocalStorge = <T extends Store>(stateName: keyof T, store: T) => {\n\t// если store.$id не знадан, значит сохранение состояния в компоненте отключено\n\tif (!store.$id) return;\n\n\tconst localStorageKey = genStorageKey(stateName, store.$id);\n\n\twatch(() => store[stateName], () => {\n\t\tlocalStorage.setItem(localStorageKey, JSON.stringify(store[stateName]));\n\t}, { immediate: true });\n};\n\nexport default {\n\tloadLocalStorge,\n\taddSaverLocalStorge,\n};","import type { InjectionKey, ModelRef, UnwrapNestedRefs } from 'vue';\nimport { computed, ref } from 'vue';\nimport Core from '@/core/core/core';\nimport { defineStore, useStore, type Store as DefineStore } from '@/core/utils/store';\nimport StoreLocalStorage from '@/core/utils/store/localStorage';\nimport type { Props, Store } from './types';\nimport { getHash } from '@/core/utils/route';\n\nconst popstateCallbacks = new Set<(e: PopStateEvent) => void>();\n\naddEventListener('popstate', (e) => {\n\tpopstateCallbacks.forEach(popstateCallback => popstateCallback(e));\n});\n\nexport const injectionKey = Symbol() as InjectionKey<Store>;\n\n/**\n * Инициировать Store компонента\n */\nexport const defineTabsStore = (props: Props, model: ModelRef<string | undefined>): UnwrapNestedRefs<Store> & DefineStore => {\n\tconst store = defineStore(injectionKey, () => {\n\t\tconst showMenuInPopup = computed(() => props.showMenuInPopup ?? Core.state.isMobile);\n\t\tconst pageMod = computed(() => props.pageMod);\n\t\tconst isShort = ref(false);\n\n\t\tconst component = ref(undefined);\n\t\tconst scrollable = ref(true);\n\n\t\treturn {\n\t\t\tshowMenuInPopup,\n\t\t\tpageMod,\n\t\t\tisShort,\n\t\t\tactiveItemName: model,\n\t\t\tcomponent,\n\t\t\tscrollable,\n\t\t};\n\t}, props.idState);\n\n\tif (props.isShortable) {\n\t\tconst stateName = 'isShort';\n\n\t\tStoreLocalStorage.loadLocalStorge(stateName, store);\n\t\tStoreLocalStorage.addSaverLocalStorge(stateName, store);\n\t}\n\n\tif (store.$id) {\n\t\tconst popstateCallback = (_e: PopStateEvent) => {\n\t\t\tmodel.value = getHash(store.$id!);\n\t\t};\n\n\t\tpopstateCallbacks.add(popstateCallback);\n\t}\n\n\treturn store;\n};\n\n/**\n * Получить Store компонента\n */\nexport const useTabsStore = () => useStore(injectionKey);\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { genHash } from '@/core/utils/route';\nimport { TopPopupListItem } from '@/components/popup/popup';\nimport { useTabsStore } from './store';\nimport type { PropsMenuItem } from './types';\n\nconst props = withDefaults(defineProps<PropsMenuItem>(), {\n\tscrollable: true,\n\tcomponent: undefined,\n});\n\nconst store = useTabsStore();\n\nconst href = computed(() => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (props.name && store.$id) {\n\t\treturn genHash(store.$id, props.name);\n\t}\n\n\treturn props.href;\n});\n\nconst tagName = computed(() => {\n\tif (store.showMenuInPopup) {\n\t\treturn TopPopupListItem;\n\t}\n\n\treturn href ? 'a' : 'button';\n});\n\n/**\n * Клик по элементу меню\n */\nconst onClick = (e: MouseEvent) => {\n\t// это внутренняя хеш навигация, ссылка на вкладку\n\tif (!props.href && href.value) {\n\t\te.preventDefault();\n\t}\n\n\tif (props.name) {\n\t\tstore.activeItemName = props.name;\n\t}\n};\n</script>\n\n<template>\n\t<component\n\t\t:is=\"tagName\"\n\t\ttarget=\"_self\"\n\t\t:class=\"{\n\t\t\t['top-tabsView_menuItem']: !store.showMenuInPopup,\n\t\t\t['top-active']: name && store.activeItemName === name,\n\t\t\t['top-disabled']: disabled,\n\t\t\t['top-spa-disabled']: true,\n\t\t}\"\n\t\t:href=\"href\"\n\t\t:data-top-icon=\"icon || undefined\"\n\t\t:disabled=\"disabled || undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<slot name=\"default\" v-if=\"store.showMenuInPopup\"></slot>\n\n\t\t<span\n\t\t\tv-else-if=\"$slots.default && !store.isShort\"\n\t\t\tclass=\"top-ellipsis\"\n\t\t>\n\t\t\t<slot name=\"default\"></slot>\n\t\t</span>\n\t</component>\n</template>\n\n<style>\n.top-tabsView_menuItem {\n\t--top-icon-color: var(--color-text-2);\n\t--top-icon-width: calc(var(--top-icon-size));\n\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\n\tborder: none;\n\tborder-radius: var(--top-radius-2);\n\tpadding: var(--top-padding-2);\n\tbackground: transparent;\n\theight: 40px;\n\n\tcolor: var(--color-text-1);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n\talign-items: center;\n\tjustify-content: flex-start;\n\ttransition: background var(--transition);\n}\n\n.top-tabsView_menuItem:hover {\n\t--top-icon-color: var(--color-text-1);\n\n\tbackground: var(--color-bg-shading-1);\n\ttext-decoration: none;\n}\n\n.top-tabsView_menuItem.top-active {\n\t--top-icon-color: inherit;\n\n\tbackground: var(--color-layout-front-1);\n\tcolor: inherit;\n}\n\n.top-tabsView_menuItem:disabled:not(option):not(optgroup):not(.top-forms-option),\n.top-tabsView_menuItem:disabled ~ .top-formsCaption,\n.top-tabsView_menuItem.top-disabled[data-top-icon]:before,\n.top-tabsView_menuItem.top-disabled[data-top-icon2]:after {\n\topacity: unset;\n\tfilter: unset;\n}\n\n.top-tabsView_menuItem.top-disabled {\n\t--top-icon-color: var(--color-text-4);\n\n\tcolor: var(--color-text-4);\n}\n</style>\n","// TODO: Эту функцию можно вынести в глобальный utils\n\nimport { sleepWhile } from '@/core/utils/system';\n\n/**\n * Проверка нахождения компонента в состояние загрузки\n * @param component\n */\nexport const checkComponentIsLoading = (component: any) => {\n\treturn component?.name === 'AsyncComponentWrapper' && !component?.__asyncResolved;\n};\n\n/**\n * Презагрузить компонент\n *\n * Некоторое время ожидает загрузку компонента, прежде чем завершит работу\n */\nexport const preResolveComponent = async (component: any, condition: Function) => {\n\tif (component?.name !== 'AsyncComponentWrapper') return;\n\tif (component?.__asyncResolved) return;\n\n\tcomponent.__asyncLoader();\n\n\tawait sleepWhile(() => {\n\t\treturn condition() && checkComponentIsLoading(component);\n\t}, 200);\n};\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Ref, VNode } from 'vue';\nimport { markRaw, ref, useSlots, watch } from 'vue';\nimport { TopPopup } from '../../popup/popup';\nimport { getHash, setHash } from '@/core/utils/route';\n\nimport type { MenuItem, PropsMenu, PropsMenuItem } from './types';\nimport { useTabsStore } from './store';\nimport TabsViewMenuItem from './menuItem.vue';\nimport { preResolveComponent } from './utils';\n\ndefineProps<PropsMenu>();\n\nconst isLoading = defineModel('isLoading');\n\nconst store = useTabsStore();\n\nconst slots = useSlots();\n\n// словарь используется для оптимизации получения нужного menuItem\nconst menuItemByName: Map<PropsMenuItem['name'], MenuItem> = new Map();\n\n// заполнить словарь с menuItem, по элементам в slot default\nconst setMenuItemByName = () => {\n\tif (!slots.default) return;\n\n\tconst component: any = slots.default({}).find(item => item.key === '_menu');\n\tif (!component) return;\n\n\tsetMenuItemByNameFromItems(component.children);\n};\n\n// заполнить словарь с menuItem, по элементам\nconst setMenuItemByNameFromItems = (menuItems: VNode[]) => {\n\tmenuItems.forEach((subComponent: any) => {\n\t\t// это не компонент элемента меню\n\t\tif (subComponent.type.__name && subComponent.type.__name !== TabsViewMenuItem.__name) return;\n\n\t\t// это не компонент, например template\n\t\tif (!subComponent.type.__name && typeof subComponent.children === 'object') {\n\t\t\tsetMenuItemByNameFromItems(subComponent.children);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (!subComponent.props?.name || subComponent.props?.disabled) return;\n\n\t\tconst menuItem: MenuItem = {\n\t\t\ttitle: (subComponent.children.default?.()[0].children as string).trim(),\n\t\t\ticon: subComponent.props.icon,\n\t\t\tcomponent: subComponent.props.component ? markRaw(subComponent.props.component) : TabsViewMenuItem.props.component.default,\n\t\t\tscrollable: subComponent.props.scrollable ?? TabsViewMenuItem.props.scrollable.default,\n\t\t};\n\n\t\tmenuItemByName.set(subComponent.props.name, menuItem);\n\t});\n};\n\n/**\n * activeMenuItem нужен:\n * - для вывода текста активной вкладки в меню с popup\n * - для вывода компонента активной вкладки (store.component)\n * - для установки store.scrollable\n */\nconst activeMenuItem: Ref<MenuItem | null> = ref(null);\n\n/**\n * Кол-во изменений активной вкладки\n */\nlet countChanged = 0;\n\n/**\n * Смена активной вкладки\n *\n * TODO: смена slot, например смена языка, требует повторного выполнения setMenuItemByName()\n */\nwatch(\n\t() => store.activeItemName,\n\tasync () => {\n\t\tconst numberChanged = ++countChanged; // порядковый номер текущего изменения\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tsetMenuItemByName();\n\t\t}\n\n\t\tif (menuItemByName.size === 0) {\n\t\t\tstore.activeItemName = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tactiveMenuItem.value = menuItemByName.get(store.activeItemName) ?? null;\n\n\t\t// элемент не найден, установить из хеша страницы\n\t\tif (!activeMenuItem.value && store.$id) {\n\t\t\tconst activeItemName = getHash(store.$id);\n\n\t\t\tactiveMenuItem.value = menuItemByName.get(activeItemName) ?? null;\n\n\t\t\tif (activeMenuItem.value) {\n\t\t\t\tstore.activeItemName = activeItemName;\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// элемент не найден, установить первый доступный\n\t\tif (!activeMenuItem.value) {\n\t\t\tstore.activeItemName = menuItemByName.keys().next().value!;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// запрошена смена на уже активный элемент\n\t\tif (activeMenuItem.value.component === store.component) {\n\t\t\tisLoading.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (store.$id) setHash(store.$id, store.activeItemName, false);\n\n\t\t// флаг загрузки будет сброшен при инициализации компонента\n\t\tisLoading.value = true;\n\n\t\t/**\n\t\t * Презагрузить компонент\n\t\t *\n\t\t * Нужно для того, чтобы минимизировать скачки интерфейса при ожидании загрузки асинхронного компонента\n\t\t */\n\t\tawait preResolveComponent(activeMenuItem.value.component, () => numberChanged === countChanged);\n\n\t\t// влкадка была сменена еще раз во время sleepWhile\n\t\tif (numberChanged !== countChanged) {\n\t\t\treturn;\n\t\t}\n\n\t\tstore.scrollable = activeMenuItem.value.scrollable;\n\t\tstore.component = activeMenuItem.value.component;\n\n\t\tif (activeMenuItem.value && !store.component) {\n\t\t\tconsole.warn(`Компонент вкладки ${store.activeItemName} не найден. Добавьте props.component для пункта меню ${store.activeItemName}.`);\n\t\t}\n\t},\n\t{ immediate: true },\n);\n\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView_menu': true,\n\t\t\t'top-tabsView_menu-inPopup_0': !store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-inPopup_1': store.showMenuInPopup,\n\t\t\t'top-tabsView_menu-short': store.isShort && !store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<!-- Спрятать меню под кнопку в popup -->\n\t\t<TopPopup v-if=\"store.showMenuInPopup\">\n\t\t\t<template #opener>\n\t\t\t\t<div class=\"top-tabsView_menuOpener\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"activeMenuItem\"\n\t\t\t\t\t\tclass=\"top-tabsView_menuOpenerActiveItem\"\n\t\t\t\t\t\t:data-top-icon=\"activeMenuItem.icon\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ activeMenuItem.title }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"top-tabsView_menuOpenerIcon\" data-top-icon=\"\"></div>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<slot></slot>\n\t\t\t</template>\n\t\t</TopPopup>\n\n\t\t<!-- Отобразить меню на странице -->\n\t\t<template v-else>\n\t\t\t<div class=\"top-tabsView_menuList\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tv-if=\"isShortable\"\n\t\t\t\tclass=\"top-tabsView_menuFooter\"\n\t\t\t>\n\t\t\t\t<TabsViewMenuItem\n\t\t\t\t\tv-if=\"isShortable\"\n\t\t\t\t\t:icon=\"store.isShort ? '' : ''\"\n\t\t\t\t\t@click=\"store.isShort = !store.isShort\"\n\t\t\t\t>\n\t\t\t\t\t{{ store.isShort ? '' : 'Свернуть' }} <!--TODO: translate-->\n\t\t\t\t</TabsViewMenuItem>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<style>\n/* режим отображение табов в основной области документа */\n.top-tabsView-pageMod .top-tabsView_menu {\n\tbox-sizing: border-box;\n\tposition: sticky;\n\ttop: var(--top-tabsView-top);\n\tz-index: 10;\n}\n\n/* режим отображение табов в основной области документа без popup */\n.top-tabsView-pageMod .top-tabsView_menu-inPopup_0 {\n\theight: calc(var(--100vh) - var(--top-tabsView-top));\n}\n\n/* стантартный режим  */\n.top-tabsView_menu-inPopup_0 {\n\tbox-sizing: border-box;\n\twidth: var(--top-tabsView-menu-width);\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n}\n\n/* режим вывода в popup */\n.top-tabsView_menu-inPopup_1 {\n\tborder-bottom: var(--top-tabsView-menu-border-bottom-width) solid var(--color-line-2-opacity);\n}\n\n.top-tabsView_menu-short {\n\twidth: auto;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.top-tabsView_menu > .top-tabsView_menuOpener:hover {\n\tbackground: var(--color-layer-1);\n}\n\n.top-tabsView_menuOpenerIcon { display: flex; }\n\n.top-tabsView_menuOpenerActiveItem {\n\t--top-forms-padding: 0px;\n\n\tbox-sizing: border-box;\n\tpadding: var(--top-tabsView-menu-opener-padding);\n\tmax-width: calc(100% - var(--top-forms-base-height));\n\twhite-space: nowrap;\n\tflex-grow: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--top-padding-2);\n}\n\n.top-tabsView_menuList,\n.top-tabsView_menuFooter {\n\tpadding: var(--top-padding-2);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--top-gap-2);\n}\n\n.top-tabsView_menuList {\n\toverflow-y: auto;\n}\n\n.top-tabsView_menu-short .top-tabsView_menuFooter > .top-tabsView_menuItem {\n\t--top-icon-width: 100%;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { defineModel, onUnmounted, ref, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { delHash } from '@/core/utils/route';\nimport type { Props } from './types';\nimport { defineTabsStore } from './store';\nimport TabsViewMenu from './menu.vue';\nimport TopLoadbar from '@/components/forms/loadbar/loadbar.vue';\nimport { checkComponentIsLoading } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowMenuInPopup: undefined,\n\tisShortable: false,\n});\n\nconst model = defineModel<string>();\n\nconst store = defineTabsStore(props, model);\n\nconst uid = Math.random();\n\nif (props.pageMod) Core.state.documentClassModificators.set(uid, 'top-hasTabsViewPageMod');\n\nonUnmounted(() => {\n\tif (props.pageMod) Core.state.documentClassModificators.delete(uid);\n\n\tif (store.$id) delHash(store.$id, store.activeItemName, true);\n});\n\nconst componentRef = ref();\nconst isLoading = ref(false);\n\nwatch([componentRef, () => store.component], () => {\n\tisLoading.value = checkComponentIsLoading(store.component);\n}, { immediate: true });\n</script>\n\n<template>\n\t<div\n\t\t:class=\"{\n\t\t\t'top-tabsView': true,\n\t\t\t'top-tabsView-pageMod': props.pageMod,\n\t\t\t'top-tabsView-inPopup': store.showMenuInPopup,\n\t\t}\"\n\t>\n\t\t<TabsViewMenu\n\t\t\t:isShortable=\"isShortable\"\n\t\t\tv-model:isLoading=\"isLoading\"\n\t\t>\n\t\t\t<!-- @slot Меню, ожидает передачу компонентов TabsViewMenuItem и TabsViewMenuTitle -->\n\t\t\t<slot name=\"menu\"></slot>\n\t\t</TabsViewMenu>\n\n\t\t<div\n\t\t\t:class=\"{\n\t\t\t\t'top-tabsView_contents': true,\n\t\t\t\t'top-tabsView_contents-isLoading': isLoading,\n\t\t\t\t'top-tabsView_contents-noScrollable': !store.scrollable,\n\t\t\t}\"\n\t\t>\n\t\t\t<TopLoadbar v-if=\"isLoading\"/>\n\n\t\t\t<keep-alive>\n\t\t\t\t<component\n\t\t\t\t\tref=\"componentRef\"\n\t\t\t\t\t:is=\"store.component\"\n\t\t\t\t/>\n\t\t\t</keep-alive>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n:root {\n\t--top-tabsView-top: 0px;\n\t--top-tabsView-menu-width: 220px;\n\t--top-tabsView-contents-offset-top: 0px;\n\t--top-tabsView-menu-border-bottom-width: 1px;\n\t--top-tabsView-menu-opener-padding: var(--top-padding-2);\n}\n\n.top-tabsView {\n\tbackground: var(--color-layout-middle);\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.top-tabsView_contents {\n\tborder-radius: var(--top-radius-4);\n\tbackground: var(--color-layout-front-1);\n\tpadding: var(--top-padding-4);\n\tflex-grow: 1;\n\toverflow: auto;\n\tposition: relative;\n}\n\n.top-tabsView_contents-isLoading {\n\tpointer-events: none;\n}\n\n.top-tabsView_contents-noScrollable {\n\twidth: calc(100% - var(--top-tabsView-menu-width));\n\tpadding: 0;\n\toverflow: visible;\n}\n\n/* top-tabsView-inPopup */\n.top-tabsView-inPopup {\n\tbackground: var(--color-layout-front-1);\n\tflex-direction: column;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents {\n\tborder-radius: 0;\n}\n\n.top-tabsView-inPopup > .top-tabsView_contents-noScrollable {\n\twidth: auto;\n}\n\n@media only screen and (max-width: 900px) {\n\t:root {\n\t\t/* Суммарно должна быть высота элемента \".top-tabsView_menu\" */\n\t\t--top-tabsView-contents-offset-top: calc(var(--top-icon-size) + var(--top-tabsView-menu-opener-padding) * 2 + var(--top-tabsView-menu-border-bottom-width));\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n\t<div class=\"top-tabsView_menuDelimeter\"></div>\n</template>\n\n<style>\n.top-tabsView_menuDelimeter {\n\tpadding: var(--top-padding-1) 0;\n\tdisplay: flex;\n}\n\n.top-tabsView_menuDelimeter:before {\n\tcontent: \"\";\n\theight: 2px;\n\tbackground: var(--color-line-2);\n\tflex-grow: 1;\n}\n\n.top-tabsView_menuDelimeter:first-child,\n.top-tabsView_menuDelimeter + .top-tabsView_menuDelimeter {\n\tdisplay: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTabsStore } from './store';\nimport type { PropsMenuTitle } from './types';\nimport TabsViewMenuDelimeter from './menuDelimeter.vue';\nimport { TopPopupListItem } from '../../popup/popup';\n\ndefineProps<PropsMenuTitle>();\n\nconst store = useTabsStore();\n</script>\n\n<template>\n\t<TopPopupListItem\n\t\tv-if=\"store.showMenuInPopup\"\n\t\ttype=\"title\"\n\t>\n\t\t<slot></slot>\n\t</TopPopupListItem>\n\n\t<TabsViewMenuDelimeter v-else-if=\"store.isShort\"/>\n\n\t<div\n\t\tv-else\n\t\t:class=\"{\n\t\t\t'top-tabsView_menuTitle': true,\n\t\t\t'top-tabsView_menuTitle-subtitle': isSubtitle,\n\t\t}\"\n\t>\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<style>\n.top-tabsView_menuTitle {\n\tpadding: var(--top-padding-4) var(--top-padding-2) var(--top-padding-1);\n\tfont-weight: 600;\n\tcolor: var(--color-text-1);\n}\n\n.top-tabsView_menuTitle-subtitle {\n\tpadding-top: var(--top-padding-1);\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tcolor: var(--color-text-2);\n}\n</style>\n"],"mappings":"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"}

package/utils/check.amd.js

@@ -1,2 +1,2 @@
-define([`require`,`exports`,`./url.amd`],function(e,t,n){"use strict";if(r===void 0)var r=window.Vue;Object.defineProperty(t,`__esModule`,{value:!0}),t.validUrl=t.isIp=t.isEmail=t.isDomain=t.getDomainRegexp=void 0;var i=()=>`(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+(xn--)?(?:[\\w-]+)\\/?`,a=(e,t=!1)=>{e+=``,e=e.toLowerCase();let n=`^[-0-9a-z_\\.\\+]+@([-0-9a-z_^\\.]+\\.)+[a-z]{2,20}$`;return t&&(n=`^[-0-9a-zа-яё_\\.\\+]+@([-0-9a-zа-яё_^\\.]+\\.)+[a-zа-яё]{2,20}$`),new RegExp(n).test(e)},o=(e,t=!1)=>{if(e=e.trim(),e.includes(` `))return!1;let n=e.replace(/^(https?:\/\/)?(www\.)?([^/]+).*/,`$3`);return t&&c(n)?!0:s(n)},s=e=>(e=(0,n.toPuny)(e),RegExp(`^${i()}$`,`u`).test(e)),c=e=>RegExp(`((^\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\s*$)|(^\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:)))(%.+)?\\s*$))`).test(e);t.getDomainRegexp=i,t.isEmail=a,t.validUrl=o,t.isDomain=s,t.isIp=c});
+define([`require`,`exports`,`./url.amd`],function(e,t,n){"use strict";if(r===void 0)var r=window.Vue;Object.defineProperty(t,"__esModule",{value:!0}),t.validUrl=t.isIp=t.isEmail=t.isDomain=t.getDomainRegexp=void 0;var i=()=>`(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+(xn--)?(?:[\\w-]+)\\/?`,a=(e,t=!1)=>{e+=``,e=e.toLowerCase();let n=`^[-0-9a-z_\\.\\+]+@([-0-9a-z_^\\.]+\\.)+[a-z]{2,20}$`;return t&&(n=`^[-0-9a-zа-яё_\\.\\+]+@([-0-9a-zа-яё_^\\.]+\\.)+[a-zа-яё]{2,20}$`),new RegExp(n).test(e)},o=(e,t=!1)=>{if(e=e.trim(),e.includes(` `))return!1;let n=e.replace(/^(https?:\/\/)?(www\.)?([^/]+).*/,`$3`);return t&&c(n)?!0:s(n)},s=e=>(e=(0,n.toPuny)(e),RegExp(`^${i()}$`,`u`).test(e)),c=e=>RegExp(`((^\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\s*$)|(^\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|:)))(%.+)?\\s*$))`).test(e);t.getDomainRegexp=i,t.isEmail=a,t.validUrl=o,t.isDomain=s,t.isIp=c});
 //# sourceMappingURL=check.amd.js.map

package/utils/check.amd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils/check.js","../../src/core/utils/check.ts"],"names":["vue","exports","t","n","r","a","i","url_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,YAAW,CAAE,SAAU,EAAS,EAAS,EAAU,CAC7E,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,ICaS,OAAA,eACLC,EAAA,aAAA,CAAA,MAAA,GAAA,CAAA,CASP,EAEA,SAAc,EAAa,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,IAAA,GAS3B,IALIC,MACS,gEAAAC,GAGC,EAAI,EAAA,CAAA,IACL,CAMW,GAAa,GAAU,EAAA,EAAmB,aAAA,CAClE,IAAU,EAAA,uDAKJ,OAAa,IAAQ,EAAA,oEAAyC,IAAA,OAAA,EAAA,CAAA,KAAA,EAAA,EAIpEC,GAFI,EAAgB,EAAO,CAAS,IAE7B,CAMiB,GAAA,EACxB,EAAA,MAAuB,CAEJ,EAAA,SAAW,IAAkB,CDjDrC,MAAO,CAAC,EACZ,IAAI,EAAI,EAAE,QAAQ,mCAAoC,KAAK,CAC3D,OAAO,GAAKC,EAAE,EAAE,CAAG,CAAC,EAAIC,EAAE,EAAE,EAC7BA,EAAK,IAAO,GAAK,EAAGC,EAAS,QAAQJ,EAAE,CAAE,OAAO,IAAID,GAAG,CAAC,GAAI,IAAI,CAAC,KAAKC,EAAE,EAAGE,EAAK,GAAuB,OAAO,mvCAAmvC,CAAE,KAAK,EAAE,CAC72C,EAAQ,gBAAkBH,EAC1B,EAAQ,QAAUC,EAClB,EAAQ,SAAWC,EACnB,EAAQ,SAAWE,EACnB,EAAQ,KAAOD,GACjB","sourcesContent":["define([\"require\", \"exports\", \"./url.js\"], function (require, exports, url_js_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.validUrl = exports.isIp = exports.isEmail = exports.isDomain = exports.getDomainRegexp = void 0;\n    //#region src/core/utils/check.ts\n    var t = () => \"(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\\\.)+(xn--)?(?:[\\\\w-]+)\\\\/?\", n = (e, t = !1) => {\n        e += \"\", e = e.toLowerCase();\n        let n = \"^[-0-9a-z_\\\\.\\\\+]+@([-0-9a-z_^\\\\.]+\\\\.)+[a-z]{2,20}$\";\n        return t && (n = \"^[-0-9a-zа-яё_\\\\.\\\\+]+@([-0-9a-zа-яё_^\\\\.]+\\\\.)+[a-zа-яё]{2,20}$\"), new RegExp(n).test(e);\n    }, r = (e, t = !1) => {\n        if (e = e.trim(), e.includes(\" \"))\n            return !1;\n        let n = e.replace(/^(https?:\\/\\/)?(www\\.)?([^/]+).*/, \"$3\");\n        return t && a(n) ? !0 : i(n);\n    }, i = (n) => (n = (0, url_js_1.toPuny)(n), RegExp(`^${t()}$`, \"u\").test(n)), a = (e) => ( /* @__PURE__ */RegExp(\"((^\\\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\\\s*$)|(^\\\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:)))(%.+)?\\\\s*$))\")).test(e);\n    exports.getDomainRegexp = t;\n    exports.isEmail = n;\n    exports.validUrl = r;\n    exports.isDomain = i;\n    exports.isIp = a;\n});\n//# sourceMappingURL=check.js.map\n","/**\n * Функции для проверки данных\n * @packageDocumentation\n */\n\nimport { toPuny } from '@/core/utils/url';\n\n/**\n * Получить строку с регулярным выражением для домена\n *\n * Разрешена только латиница, в том числе пуни-код\n *\n * Строгая проверка на корректность домена должна происходить в API\n */\nexport const getDomainRegexp = (): string => {\n\treturn `(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\\\.)+(xn--)?(?:[\\\\w-]+)\\\\/?`;\n};\n\n/**\n * Проверка валидности email\n * @param email\n * @param rus_allow - если true, русскоязычные адреса тоже будут валидны\n */\nexport const isEmail = (email: string, rus_allow: boolean = false): boolean => {\n\temail += '';\n\n\temail = email.toLowerCase();\n\n\tlet emailTest = '^[-0-9a-z_\\\\.\\\\+]+@([-0-9a-z_^\\\\.]+\\\\.)+[a-z]{2,20}$';\n\n\tif (rus_allow) {\n\t\temailTest = '^[-0-9a-zа-яё_\\\\.\\\\+]+@([-0-9a-zа-яё_^\\\\.]+\\\\.)+[a-zа-яё]{2,20}$';\n\t}\n\n\tconst regex = new RegExp(emailTest);\n\treturn regex.test(email);\n};\n\n/**\n * Проверка валидности URL-адреса\n */\nexport const validUrl = (url: string, allowIP = false): boolean => {\n\turl = url.trim();\n\tif (url.includes(' ')) {\n\t\treturn false;\n\t}\n\n\tconst domain = url.replace(/^(https?:\\/\\/)?(www\\.)?([^/]+).*/, '$3');\n\n\tif (allowIP && isIp(domain)) return true;\n\n\treturn isDomain(domain);\n};\n\n/**\n * Проверка валидности домена\n */\nexport const isDomain = (domain: string): boolean => {\n\tdomain = toPuny(domain);\n\n\tconst regexp = new RegExp(`^${getDomainRegexp()}$`, 'u');\n\n\treturn regexp.test(domain);\n};\n\n/**\n * Проверка валидности ip\n */\nexport const isIp = (ip: string): boolean => {\n\tconst regexp = new RegExp('((^\\\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\\\s*$)|(^\\\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:)))(%.+)?\\\\s*$))');\n\n\treturn regexp.test(ip);\n};\n"]}
+{"version":3,"sources":["utils/check.js","../../src/core/utils/check.ts"],"names":["vue","exports","t","n","r","a","i","url_js_1"],"mappings":"AAAA,OAAO,CAAC,UAAW,UAAW,WAAU,EAAG,SAAU,EAAS,EAAS,EAAU,CAC7E,aAAA,GAAAA,IAAA,OAAA,IAAAA,EAAA,OAAA,ICaS,OAAA,eACLC,EAAA,aAAA,CAAA,MAAA,EAAA,CAAA,EASP,EAEA,SAAc,EAAY,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,IAAA,GAS1B,IALIC,MACS,gEAAAC,GAIN,EADW,EAAA,CAAA,IACL,CAMW,GAAa,GAAU,EAAA,EAAmB,YAAA,EAClE,IAAU,EAAK,uDAKT,OAAa,IAAQ,EAAA,oEAAwC,IAAA,OAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAInE,EAAAC,GAFI,EAAgB,EAAM,CAAU,IAE7B,CAMiB,GAAA,EACxB,EAAA,KAAsB,EAEH,EAAA,SAAW,GAAkB,EDjDrC,MAAO,CAAC,EACZ,IAAI,EAAI,EAAE,QAAQ,mCAAoC,IAAI,EAC1D,OAAO,GAAKC,EAAE,CAAC,EAAI,CAAC,EAAIC,EAAE,CAAC,CAC/B,EAAGA,EAAK,IAAO,GAAK,EAAGC,EAAS,OAAM,CAAEJ,CAAC,EAAG,OAAO,IAAID,EAAE,EAAE,GAAI,GAAG,CAAC,CAAC,KAAKC,CAAC,GAAIE,EAAK,GAAuB,OAAO,kvCAAkvC,CAAC,CAAE,KAAK,CAAC,EAC52C,EAAQ,gBAAkBH,EAC1B,EAAQ,QAAUC,EAClB,EAAQ,SAAWC,EACnB,EAAQ,SAAWE,EACnB,EAAQ,KAAOD,CACnB,CAAC","sourcesContent":["define([\"require\", \"exports\", \"./url.js\"], function (require, exports, url_js_1) {\n    \"use strict\";\n    Object.defineProperty(exports, \"__esModule\", { value: true });\n    exports.validUrl = exports.isIp = exports.isEmail = exports.isDomain = exports.getDomainRegexp = void 0;\n    //#region src/core/utils/check.ts\n    var t = () => \"(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\\\.)+(xn--)?(?:[\\\\w-]+)\\\\/?\", n = (e, t = !1) => {\n        e += \"\", e = e.toLowerCase();\n        let n = \"^[-0-9a-z_\\\\.\\\\+]+@([-0-9a-z_^\\\\.]+\\\\.)+[a-z]{2,20}$\";\n        return t && (n = \"^[-0-9a-zа-яё_\\\\.\\\\+]+@([-0-9a-zа-яё_^\\\\.]+\\\\.)+[a-zа-яё]{2,20}$\"), new RegExp(n).test(e);\n    }, r = (e, t = !1) => {\n        if (e = e.trim(), e.includes(\" \"))\n            return !1;\n        let n = e.replace(/^(https?:\\/\\/)?(www\\.)?([^/]+).*/, \"$3\");\n        return t && a(n) ? !0 : i(n);\n    }, i = (n) => (n = (0, url_js_1.toPuny)(n), RegExp(`^${t()}$`, \"u\").test(n)), a = (e) => ( /* @__PURE__ */RegExp(\"((^\\\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\\\s*$)|(^\\\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:)))(%.+)?\\\\s*$))\")).test(e);\n    exports.getDomainRegexp = t;\n    exports.isEmail = n;\n    exports.validUrl = r;\n    exports.isDomain = i;\n    exports.isIp = a;\n});\n//# sourceMappingURL=check.js.map\n","/**\n * Функции для проверки данных\n * @packageDocumentation\n */\n\nimport { toPuny } from '@/core/utils/url';\n\n/**\n * Получить строку с регулярным выражением для домена\n *\n * Разрешена только латиница, в том числе пуни-код\n *\n * Строгая проверка на корректность домена должна происходить в API\n */\nexport const getDomainRegexp = (): string => {\n\treturn `(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\\\.)+(xn--)?(?:[\\\\w-]+)\\\\/?`;\n};\n\n/**\n * Проверка валидности email\n * @param email\n * @param rus_allow - если true, русскоязычные адреса тоже будут валидны\n */\nexport const isEmail = (email: string, rus_allow: boolean = false): boolean => {\n\temail += '';\n\n\temail = email.toLowerCase();\n\n\tlet emailTest = '^[-0-9a-z_\\\\.\\\\+]+@([-0-9a-z_^\\\\.]+\\\\.)+[a-z]{2,20}$';\n\n\tif (rus_allow) {\n\t\temailTest = '^[-0-9a-zа-яё_\\\\.\\\\+]+@([-0-9a-zа-яё_^\\\\.]+\\\\.)+[a-zа-яё]{2,20}$';\n\t}\n\n\tconst regex = new RegExp(emailTest);\n\treturn regex.test(email);\n};\n\n/**\n * Проверка валидности URL-адреса\n */\nexport const validUrl = (url: string, allowIP = false): boolean => {\n\turl = url.trim();\n\tif (url.includes(' ')) {\n\t\treturn false;\n\t}\n\n\tconst domain = url.replace(/^(https?:\\/\\/)?(www\\.)?([^/]+).*/, '$3');\n\n\tif (allowIP && isIp(domain)) return true;\n\n\treturn isDomain(domain);\n};\n\n/**\n * Проверка валидности домена\n */\nexport const isDomain = (domain: string): boolean => {\n\tdomain = toPuny(domain);\n\n\tconst regexp = new RegExp(`^${getDomainRegexp()}$`, 'u');\n\n\treturn regexp.test(domain);\n};\n\n/**\n * Проверка валидности ip\n */\nexport const isIp = (ip: string): boolean => {\n\tconst regexp = new RegExp('((^\\\\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\\\\s*$)|(^\\\\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:)(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)(\\\\.(25[0-5]|2[0-4]\\\\d|1\\\\d\\\\d|[1-9]?\\\\d)){3}))|:)))(%.+)?\\\\s*$))');\n\n\treturn regexp.test(ip);\n};\n"]}

package/utils/check.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/core/utils/check'
+export * from '../src/core/utils/check.js'
 export {}