{"version":3,"file":"index.21276dec.js","sources":["../../../../pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import gsap from \"gsap\";\n    import { ScrollTrigger } from \"gsap/all\";\n\n    onMounted(() => {\n        gsap.registerPlugin(ScrollTrigger);\n        ScrollTrigger.getAll().forEach((trigger) => {\n            trigger.kill();\n        })\n    });\n\n    const globalState = useGlobalState();\n\n    globalState.value.mode = 'normal';\n\n    const { locale } = useI18n();\n\n    const { data: translations } = await useAsyncData('translations', async () => {\n        const res = await $fetch<any>(`/api/translations?lang=${locale.value}`)\n        return res\n    }, { watch: [locale] })\n\n    const isShow = ref<boolean>(true);\n    const handleShowChange = (newValue: boolean) => {\n        isShow.value = newValue;\n    };\n</script>\n\n<template>\n    <HeadTags\n        :title=\"translations?.title || ''\"\n        :description=\"translations?.description || ''\"\n        :url=\"translations?.url || ''\"\n        :type=\"translations?.type || ''\"\n        :keywords=\"translations?.keywords || ''\"\n    />\n    <Loader @show-change=\"handleShowChange\"/>\n    <div :class=\"`${globalState.mode}-mode`\">\n        <Menu/>\n        <Sidebar/>\n        <section class=\"sidebar-section\" id=\"we-are\">\n            <Header :loader-is-active=\"isShow\" data-sidebar-color=\"light\"/>\n            <Motto data-sidebar-color=\"dark\"/>\n            <WeAre data-sidebar-color=\"light\"/>\n        </section>\n        <section class=\"sidebar-section\" id=\"what-we-do\">\n            <WeDo data-sidebar-color=\"dark\" id=\"portfolio\"/>\n            <Principles data-sidebar-color=\"dark\"/>\n        </section>\n        <section class=\"sidebar-section\" id=\"we-want\">\n            <WeWant data-sidebar-color=\"light\"/>\n        </section>\n        <section class=\"sidebar-section\" id=\"work-with-us\">\n            <SkillsTechnologies  data-sidebar-color=\"dark\"/>\n        </section>\n        <section class=\"sidebar-section\" id=\"contact-us\">\n            <WorkWithUs data-sidebar-color=\"light\"/>\n            <Footer data-sidebar-color=\"light\"/>\n        </section>\n    </div>\n</template>\n\n<style scoped lang=\"scss\">\n    @import \"scss/includes.scss\";\n\n    .mode-btn {\n        position: fixed;\n\n        z-index: 1;\n    }\n</style>\n"],"names":["onMounted","gsap","ScrollTrigger","trigger","globalState","useGlobalState","locale","useI18n","translations","__temp","__restore","_withAsyncContext","useAsyncData","isShow","ref","handleShowChange","newValue"],"mappings":"iiBAIIA,EAAU,IAAM,CACZC,EAAK,eAAeC,CAAa,EACjCA,EAAc,OAAO,EAAE,QAASC,GAAY,CACxCA,EAAQ,KAAK,CAAA,CAChB,CAAA,CACJ,EAED,MAAMC,EAAcC,IAEpBD,EAAY,MAAM,KAAO,SAEnB,KAAA,CAAE,OAAAE,GAAWC,IAEb,CAAE,KAAMC,CAAa,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,eAAgB,SAClD,MAAM,OAAY,0BAA0BN,EAAO,KAAK,EAAE,EAEvE,CAAE,MAAO,CAACA,CAAM,EAAG,CAAA,mBAEhBO,EAASC,EAAa,EAAI,EAC1BC,EAAoBC,GAAsB,CAC5CH,EAAO,MAAQG,CAAA"}