{"version":3,"mappings":"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","names":["element","ref","_b","_a","page","active_banners","index","onMounted","axios","response","banner_index","openUrl","dinamyc_bg","computed","out","disableScroll","paddingOffset","header","headerWrapper","DropDown","defineAsyncComponent","__vitePreload","AddMore","globalState","inject","useWindowDimensions","toggleSidebar","_d","_c","_h","_g","_f","_e","aws_bucket","watch","open","output","a","b","showTags","activeScroll","search_input","value","clearSearch","modifiedTag","tag","loadStream","router"],"ignoreList":[],"sources":["../../../resources/js/shared/Banners/BannerProps.vue","../../../resources/js/shared/helpers/disableScroll.js","../../../resources/js/Layouts/Menu/TopMenu.vue"],"sourcesContent":["<template>\n    <section class=\"col-span-12\">\n        <article\n            v-if=\"element\"\n            :class=\"dinamyc_bg\"\n            class=\"cursor-pointer w-full max-h-[96px] laptopXL_1:h-[96px] laptop:h-[70px] tabletDefault:h-[52px] mobileXXL:h-[36px] mobile:h-[24px]\"\n            @click=\"openUrl(element)\">\n            <img :src=\"element.banner_header\" alt=\"banner_header_desktop\" class=\"h-full max-w-[1440px] mx-auto \">\n        </article>\n    </section>\n</template>\n<script setup>\nimport {computed, onMounted, ref} from 'vue';\nimport {page} from '@/shared/helpers.js';\nimport axios from 'axios';\n\nlet element = ref(page?.props?.banners ?? null);\nlet active_banners = ref([]);\nlet index = ref(0);\n\nonMounted(() => axios.get(route('get_active_banners')).then(response => {\n    active_banners.value = response?.data ?? [];\n\n    if (active_banners.value?.length > 1) {\n        setInterval(() => {\n            let banner_index = index.value;\n            if (index.value === active_banners.value.length - 1) {\n                index.value = 0;\n            } else {\n                index.value++;\n            }\n\n            element.value = active_banners.value[banner_index];\n        }, 10000);\n    }\n}));\n\nfunction openUrl(element) {\n    window.open(element.url_header, element?.target ?? '_blank').focus();\n}\n\nlet dinamyc_bg = computed(() => {\n    let out = 'bg-[#161924]';\n    if (element.value.id === 7) {\n        out = 'bg-[#FED12D]';\n    }\n    if (element.value.id === 6) {\n        out = 'bg-gradient-to-r from-gray-900 from-40% to-50% to-[#E4AF2F]';\n    }\n    if (element.value.id === 9) {\n        out = 'bg-[#20202B]';\n    }\n    if (element.value.id === 10) {\n        out = 'bg-white';\n    }\n    return out;\n});\n</script>\n","export function disableScroll() {\n\tconst paddingOffset = `${window.innerWidth - document.body.offsetWidth}px`;\n\tconst header = document?.querySelector('#top_menu');\n\tdocument.body.style.overflow = 'hidden';\n\tdocument.body.style.paddingRight = paddingOffset;\n\tif (header) {\n\t\theader.style.paddingRight = paddingOffset;\n\t}\n}\n\nexport function activeScroll() {\n\tconst header = document?.querySelector('#top_menu');\n\tdocument.body.style.overflow = 'auto';\n\tdocument.body.style.paddingRight = '0px';\n\tif (header) {\n\t\theader.style.paddingRight = '0px';\n\t}\n}\n","<template>\n    <section\n        id=\"top_menu\" ref=\"headerWrapper\"\n        class=\"fixed top-0 left-0 right-0 z-50 transition-transform delay-200 ease-linear\"\n    >\n        <div\n            v-if=\"!profile_layout\" :class=\"page?.props?.banners?.id ? '':'hidden'\"\n            class=\"grid gap-3 mx-auto grid-cols-10 xl:grid-cols-12 bg-white border-b-2 shadow object-center overflow-hidden\"\n        >\n            <BannerProps/>\n        </div>\n        <div class=\"flex items-center w-full h-16 bg-white border-b border-main-shade\">\n            <section id=\"top_menu_close\" class=\"flex items-center mx-auto w-full px-3 sm:px-6 laptopXL_1:h-full\">\n                <button\n                    :onclick=\"toggleSidebar\"\n                    class=\"cursor-pointer items-center justify-center mr-5 hidden laptopXL_1:flex\"\n                >\n                    <span\n                        v-html=\"collection.header_burger.path\"\n                    />\n                </button>\n                <a\n                    class=\"text-main-accent cursor-pointer\" href=\"/\"\n                >\n                    <span v-html=\"collection.product_logo.path\"/>\n                </a>\n\n                <!-- search -->\n                <div class=\"relative hidden md:flex md:mx-7 ml-auto xl:ml-[100px] items-center w-auto md:w-[305px]\">\n                    <input\n                        v-model=\"search_input\"\n                        class=\"rounded-xl py-1.5 px-6 w-full text-gray-800 shadow-little border border-main-shade\"\n                        placeholder=\"Поиск на ProductLand\" type=\"text\" @focus=\"showTags\"\n                    >\n                    <button\n                        class=\"w-7 h-7 absolute right-4 top-1/2 -translate-y-1/2 ease-out duration-300 transition-colors text-main-shade hover:text-main-accent pointer-events-none\"\n                        type=\"button\" v-html=\"collection.lense.path\"\n                    ></button>\n                </div>\n\n                <!-- Full Screen Dropdown Overlay -->\n                <transition\n                    enter-active-class=\"transition ease-out duration-75\" enter-from-class=\"transform opacity-0 scale-95\"\n                    enter-to-class=\"transform opacity-100 scale-100\" leave-active-class=\"transition ease-in duration-75\"\n                    leave-from-class=\"transform opacity-100 scale-100\" leave-to-class=\"transform opacity-0 scale-95\"\n                >\n                    <div\n                        v-show=\"open\"\n                        class=\"custom-scroll fixed top-[64px] left-0 right-0 max-w-[940px] h-[calc(100vh-64px)] mx-auto overflow-y-scroll z-50 p-6 rounded-md shadow-lg w-auto bg-white ring-1 ring-black ring-opacity-5\"\n                        style=\"display: none;\"\n                    >\n\n                        <div class=\"relative\">\n                            <div class=\"md:hidden relative flex items-center w-full pr-10 mb-4\">\n                                <input\n                                    v-model=\"search_input\"\n                                    class=\"rounded-xl py-1.5 px-6 w-full text-gray-800 shadow-little border border-main-shade\"\n                                    placeholder=\"Поиск на ProductLand\" type=\"text\" @focus=\"disableScroll()\"\n                                > <!-- @blur=\"activeScroll()\" -->\n                                <button\n                                    class=\"w-7 h-7 absolute right-14 top-1/2 -translate-y-1/2 ease-out duration-300 transition-colors text-main-shade hover:text-main-accent pointer-events-none\"\n                                    type=\"button\" v-html=\"collection.lense.path\"\n                                ></button>\n                            </div>\n                            <button\n                                class=\"absolute top-0 md:-top-4 right-0 md:-right-4 z-10 flex items-center justify-center p-1 rounded-full\"\n                                @click=\"clearSearch\" v-html=\"collection.cross.path\"\n                            ></button>\n                            <div class=\"flex flex-wrap gap-x-4 gap-y-2\">\n                                <div\n                                    v-for=\"(tag, index) in output\" v-show=\"tag.contents_count > 0\" :key=\"index\"\n                                    class=\"w-auto min-h-0 ease-out duration-300 transition-colors px-4 py-2.5 rounded-[15px] shadow-tag text-xs font-semibold cursor-pointer relative hover:text-white hover:bg-main-accent border bg-white border-[#D1D9E2] border-solid text-main-secondary hover:text-white hover:border-transparent hover:bg-main-accent\"\n                                    @click.stop=\"loadStream(tag)\"\n                                >\n                                    <span v-html=\"search_input.length ? modifiedTag(tag) : tag.name\"/> &nbsp;<span\n                                    class=\"text-xxxs align-text-top\"\n                                >{{ tag.contents_count ?? null }}</span>\n                                </div>\n                            </div>\n                        </div>\n\n                    </div>\n                </transition>\n\n                <AddMore\n                    v-if=\"checkAccess([1,6,7])\" class=\"ml-4 hidden\"\n                />\n\n                <div class=\"flex ml-auto items-center\">\n                    <button\n                        class=\"flex md:hidden items-center justify-center w-7 h-7 rounded-full border border-main-shade ease-out duration-300 transition-colors text-main-shade hover:text-main-accent\"\n                        type=\"button\" @click=\"showTags\" v-html=\"collection.lense.path\"\n                    ></button>\n                    <div v-if=\"!page.props.auth.user\" class=\"ml-2\">\n                        <DropdownLink\n                            :href=\"'/login'\" as=\"a\"\n                        >\n                            {{ $t('login.loginAdaptive') }}\n                        </DropdownLink>\n                    </div>\n                </div>\n                <DropDown/>\n            </section>\n        </div>\n\n        <div\n            v-show=\"open\" class=\"fixed inset-0 z-40 backdrop-blur-[2px]\" @click=\"clearSearch\"\n        />\n\n    </section>\n</template>\n<script setup>\nimport {router} from '@inertiajs/vue3';\nimport {icons as collection} from '@/shared/assets.js';\nimport {aws_bucket, checkAccess, page} from '@/shared/helpers.js';\nimport DropdownLink from '@/Components/DropdownLink.vue';\nimport {computed, defineAsyncComponent, inject, ref, watch} from 'vue';\nimport BannerProps from '@/shared/Banners/BannerProps.vue';\nimport {disableScroll} from '@/shared/helpers/disableScroll.js';\nimport {useWindowDimensions} from '@/Pages/Main/helpers/dimentions.ts';\n\nconst headerWrapper = ref(null);\nlet DropDown = defineAsyncComponent(() => import('@/Layouts/Menu/DropDown.vue'));\nlet AddMore = defineAsyncComponent(() => import('@/Layouts/Menu/AddMore.vue'));\nconst courseBanner = ref(null);\n\nconst globalState = inject('globalState');\nconst {laptopXL_1} = useWindowDimensions();\nconst toggleSidebar = () => {\n    globalState.openMainSideMenu = !globalState.openMainSideMenu;\n};\n\nlet photo_url = computed(() => {\n    if (!page.props.jetstream.managesProfilePhotos && !page?.props?.auth?.user?.profile_photo_url) return null;\n    return page?.props?.auth?.user?.profile_photo_path ? aws_bucket + page.props.auth.user.profile_photo_path : null;\n});\n\nwatch(globalState, () => {\n    if (globalState.openMainSideMenu) {\n        window.document.getElementsByTagName('body')[0].style.overflow = 'hidden';\n    } else {\n        window.document.getElementsByTagName('body')[0].style.overflow = '';\n    }\n});\n\ndefineProps(['profile_layout']);\n// if (window.innerWidth < 1024) useHeaderCourseBanner(courseBanner, headerWrapper);\n\nlet open = ref(false);\nlet {tags} = page.props;\n\nlet output = computed(() => {\n    return !page?.props?.tags?.length ? [] :\n        page.props.tags.sort((a, b) => {\n            if (a.contents_count === b.contents_count) {\n                return 0;\n            }\n            return a.contents_count > b.contents_count ? -1 : 1;\n        });\n});\n\nfunction showTags() {\n    open.value = true;\n    disableScroll();\n}\n\nfunction activeScroll() {\n    open.value = false;\n    const header = document?.querySelector('#top_menu');\n    document.body.style.overflow = 'auto';\n    document.body.style.paddingRight = '0px';\n    header.style.paddingRight = '0px';\n}\n\nlet focused = ref(false);\nlet search_input = ref('');\nwatch(search_input, (value) => {\n    if (value.length > 0) {\n        output.value = page.props.tags.filter(element => element.name.toLowerCase().indexOf(value.toLowerCase()) >= 0 || element.slug.toLowerCase().indexOf(value.toLowerCase()) >= 0);\n    } else {\n        output.value = page.props.tags;\n    }\n});\n\nfunction clearSearch() {\n    activeScroll();\n    search_input.value = '';\n    open.value = false;\n}\n\n// продумать как будет происходить подсвечивание поискового запроса если ввод на англ а вывод на русском?\nfunction modifiedTag(tag) {\n    return tag.name.toLowerCase().replace(search_input.value, `<span class=\"bg-yellow-100 text-main-primary\">${search_input.value}</span>`);\n}\n\nfunction loadStream(tag) {\n    router.get('/stream/' + tag.slug);\n    open.value = false;\n    activeScroll();\n}\n</script>\n\n<style>\n\n.custom-scroll {\n    overflow-y: auto;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-scroll-snap-type: y mandatory;\n    scroll-snap-type: y mandatory;\n}\n\n.custom-scroll::-webkit-scrollbar-track {\n    /* background-color: #D1D9E2; */\n    border-radius: 10px;\n    width: 4px;\n    height: 8px;\n}\n\n.custom-scroll::-webkit-scrollbar {\n    width: 4px;\n    height: 8px;\n}\n\n.custom-scroll::-webkit-scrollbar-thumb {\n    @apply bg-main-shade;\n    /* background: #383247; */\n    border-radius: 10px;\n    width: 4px;\n    height: 8px;\n    /* display: none; */\n}\n\n/* .custom-scroll:hover::-webkit-scrollbar-thumb {\n    display: block;\n} */\n\n</style>\n"],"file":"assets/TopMenu-CcIvvVa6.js"}