{"version":3,"file":"B5wqo8jl.js","sources":["../../../../composables/useHeaderMenuAnimation.js","../../../../components/common/HeaderDevelopment.vue","../../../../components/navigation/MobileDevelopment.vue","../../../../components/common/FooterDevelopment.vue","../../../../layouts/development.vue"],"sourcesContent":["const setActive = (navLinks, link) => {\n    navLinks.forEach((item) => item.classList.remove(\"active\"));\n    link.classList.add(\"active\");\n}\n\nexport function useHeaderMenuAnimation(el) {\n    const { $ScrollTrigger: ScrollTrigger } = useNuxtApp();\n    const navLinks = el.querySelectorAll('ul li');\n\n    if (navLinks) {\n        navLinks.forEach((item) => item.classList.remove(\"active\"));\n\n        navLinks.forEach(link => {\n            const group = document.querySelector(`.${link.dataset.section}`);\n            if (group) {\n                ScrollTrigger.create({\n                    trigger: group,\n                    invalidateOnRefresh: true,\n                    start: \"top center\",\n                    end: \"bottom center\",\n                    onToggle: (self) => self.isActive && setActive(navLinks, link)\n                });\n            }\n        });\n    }\n}\n","<template>\n    <header id=\"p-header\" class=\"p-header development\">\n        <div class=\"c-container\">\n            <div class=\"p-header--grid\">\n                <div class=\"c-logo\">\n                    <NuxtLink :to=\"'/'\" class=\"link-home\">\n                        <IconsDlogo />\n                    </NuxtLink>\n                </div>\n                <nav class=\"c-navigation\" ref=\"$nav\">\n                    <ul class=\"parents\">\n                        <li\n                            v-for=\"item in menus__.menu_general\"\n                            :key=\"item.id\"\n                            class=\"item\"\n                            :data-section=\"item.customAttributes[0].value\"\n                        >\n                            <button\n                                v-if=\"item.typeLabel == 'Passive'\"\n                                type=\"button\"\n                                class=\"item-link\"\n                                @click=\"scrollToSection(item.customAttributes[0].value)\"\n                            >\n                                <span class=\"text\">{{ item.title }}</span>\n                            </button>\n\n                            <NuxtLink\n                                v-else-if=\"item.typeLabel == 'Entry'\"\n                                :to=\"useConvertedLink(item.element, item)\"\n                                class=\"item-link\"\n                            >\n                                <span class=\"text\">{{ item.title }}</span>\n                            </NuxtLink>\n                        </li>\n                    </ul>\n                </nav>\n                <div class=\"c-custom\">\n                    <NuxtLink\n                        v-show=\"isDesktop\"\n                        to=\"mailto:info@ponderadevelopment.com\"\n                        title=\"Partner with us\"\n                        class=\"btn-partner\"\n                        >Partner with us</NuxtLink\n                    >\n                    <UiHamburger v-show=\"!isDesktop\" />\n                </div>\n            </div>\n        </div>\n    </header>\n</template>\n\n<script setup>\n    const { $gsap: gsap } = useNuxtApp();\n    const store = useGlobalStore();\n    const route = useRoute();\n    const { menus, languageCode } = storeToRefs(store);\n\n    const isDesktop = useMediaQuery(\"(min-width: 1181px)\");\n    const menus__ = computed(() => menus.value[languageCode.value]);\n\n    const $nav = ref(null);\n    const ctx = ref(null);\n\n    const scrollToSection = async (el) => {\n        if (route.name == \"index___en\") {\n            const section = document.querySelector(`.${el}`);\n            if (section) {\n                gsap.to(window, {\n                    duration: 1.5,\n                    ease: \"power4.easeIn\",\n                    scrollTo: {\n                        y: section,\n                        offsetY: 120\n                    }\n                });\n            }\n        } else {\n            await navigateTo({\n                path: \"/\",\n                query: {\n                    section: el\n                }\n            });\n        }\n    };\n\n    watch(\n        () => store.pageTransitionComplete,\n        (state) => {\n            if (state) {\n                if (route.query?.section) {\n                    const hashSection = route.query.section;\n                    window.history.replaceState({}, \"\", route.path);\n                    nextTick(() => scrollToSection(hashSection));\n                }\n\n                nextTick(() => (ctx.value = useCtx(useHeaderMenuAnimation($nav.value), $nav.value)));\n            }\n        }\n    );\n\n    onBeforeUnmount(() => {\n        if (ctx.value) ctx.value.revert();\n    });\n</script>\n","<template>\n    <div class=\"p-mobile-navigation development\" ref=\"$mobileNav\">\n        <div class=\"shape\">\n            <div class=\"round top\"></div>\n        </div>\n        <div class=\"menu\">\n            <nav class=\"c-navigation\" ref=\"$nav\">\n                <ul class=\"parents\">\n                    <li\n                        v-for=\"item in menus__.menu_general\"\n                        :key=\"item.id\"\n                        class=\"item\"\n                        :data-section=\"item.customAttributes[0].value\"\n                    >\n                        <button\n                            v-if=\"item.typeLabel == 'Passive'\"\n                            type=\"button\"\n                            class=\"item-link\"\n                            @click=\"scrollToSection(item.customAttributes[0].value)\"\n                        >\n                            <span class=\"text\">{{ item.title }}</span>\n                        </button>\n\n                        <NuxtLink\n                            v-else-if=\"item.typeLabel == 'Entry'\"\n                            :to=\"useConvertedLink(item.element, item)\"\n                            class=\"item-link\"\n                        >\n                            <span class=\"text\">{{ item.title }}</span>\n                        </NuxtLink>\n                    </li>\n                    <li>\n                        <NuxtLink to=\"mailto:info@ponderadevelopment.com\" title=\"Partner with us\" class=\"btn-partner\"\n                            >Partner with us</NuxtLink\n                        >\n                    </li>\n                </ul>\n            </nav>\n        </div>\n        <div class=\"contact\">\n            <div class=\"links\">\n                <NuxtLink :to=\"settings__.linkedin\" target=\"_blank\" rel=\"noopener\" class=\"linked-in-link\">\n                    <span class=\"icon\"><IconsLinkedin :fill=\"'var(--p-dark)'\" /></span>\n                    <span class=\"text\">{{ \"LinkedIn\" }}</span>\n                </NuxtLink>\n                <NuxtLink :to=\"`tel:` + settings__.phone[0]?.linkUrl\" :title=\"settings__.phone[0]?.linkText\">{{\n                    settings__.phone[0]?.linkText\n                }}</NuxtLink>\n                <NuxtLink :to=\"`mailto:` + settings__.emailDevelopment\" :title=\"settings__.emailDevelopment\">{{\n                    settings__.emailDevelopment\n                }}</NuxtLink>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n    const route = useRoute();\n    const store = useGlobalStore();\n\n    const { settings, menus, languageCode } = storeToRefs(store);\n    const { $gsap: gsap } = useNuxtApp();\n\n    const settings__ = computed(() => settings.value[languageCode.value][0]);\n    const menus__ = computed(() => menus.value[languageCode.value]);\n\n    const $nav = ref(null);\n    const ctx = ref(null);\n\n    const scrollToSection = async (el) => {\n        if (route.name == \"index___en\") {\n            const section = document.querySelector(`.${el}`);\n            if (section) {\n                store.setToggleMobileMenu(false);\n                gsap.to(window, {\n                    duration: 1.5,\n                    ease: \"power4.easeIn\",\n                    scrollTo: {\n                        y: section,\n                        offsetY: 120\n                    }\n                });\n            }\n        } else {\n            await navigateTo({\n                path: \"/\",\n                query: {\n                    section: el\n                }\n            });\n        }\n    };\n\n    watch(\n        () => store.pageTransitionComplete,\n        (state) => {\n            if (state) {\n                if (route.query?.section) {\n                    const hashSection = route.query.section;\n                    window.history.replaceState({}, \"\", route.path);\n                    setTimeout(() => {\n                         scrollToSection(hashSection);\n                    }, 300);\n                }\n\n                nextTick(() => (ctx.value = useCtx(useHeaderMenuAnimation($nav.value), $nav.value)));\n            }\n        }\n    );\n\n    onBeforeUnmount(() => {\n        if (ctx.value) ctx.value.revert();\n    });\n</script>\n","<template>\n    <footer id=\"p-footer\" class=\"p-footer bg-dark\">\n        <div class=\"footer-for-development\">\n            <div class=\"top-part\">\n                <div class=\"c-grid\">\n                    <div class=\"cell sm-12 md-o-1 md-5\">\n                        <div class=\"f-label\">{{ \"Office\" }}</div>\n                        <div v-if=\"settings__.offices.length\" class=\"f-office\">\n                            <div\n                                class=\"office\"\n                                v-for=\"(office, index) in settings__.offices.filter((item) => item.main == '1')\"\n                                :key=\"index\"\n                            >\n                                <address class=\"address\" v-html=\"nl2br(office.address)\"></address>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"cell sm-12 md-5\">\n                        <div class=\"f-label\">{{ \"Contact\" }}</div>\n                        <div class=\"f-links\">\n                            <a\n                                :href=\"`tel:` + settings__.phoneDevelopment[0]?.linkUrl\"\n                                :title=\"settings__.phoneDevelopment[0]?.linkText\"\n                                class=\"f-link\"\n                                >{{ settings__.phoneDevelopment[0]?.linkText }}</a\n                            >\n                            <a\n                                :href=\"`mailto:` + settings__.emailDevelopment\"\n                                :title=\"settings__.emailDevelopment\"\n                                class=\"f-link\"\n                                >{{ settings__.emailDevelopment }}</a\n                            >\n\n                            <NuxtLink\n                                :to=\"settings__.linkedinDevelopment\"\n                                target=\"_blank\"\n                                rel=\"noopener\"\n                                class=\"linked-in-link m-y-t-20\"\n                            >\n                                <span class=\"icon\"><IconsLinkedin /></span>\n                                <span class=\"text\">{{ \"LinkedIn\" }}</span>\n                            </NuxtLink>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!-- <div class=\"middle-part\">\n                <div class=\"c-grid\">\n                    <div class=\"cell sm-12 md-o-6 md-5\">\n                        <div class=\"f-label\">{{ \"Newsletter\" }}</div>\n                        <FormsNewsletter />\n                    </div>\n                </div>\n            </div> -->\n            <div class=\"bottom-part\">\n                <div class=\"c-grid\">\n                    <div class=\"cell sm-12 md-o-1 md-10\">\n                        <NuxtLink :to=\"localePath({ name: 'index' })\" class=\"f-logo\">\n                            <IconsSmallLogoDevelopment/>\n                        </NuxtLink>\n                        <div class=\"p-copyright-nav\">\n                            <div class=\"copyright\" v-html=\"convertStrYear(settings__.copyrightDevelopment)\"></div>\n                            <div class=\"menu\">\n                                <nav class=\"nav\">\n                                    <ul>\n                                        <li v-for=\"(item, index) in menus__.menu_links\" :key=\"index\">\n                                            <NuxtLink :to=\"useConvertedLink(item.element, item)\" class=\"item-link\">\n                                                <span class=\"text\">{{ item.title }}</span>\n                                            </NuxtLink>\n                                        </li>\n                                    </ul>\n                                </nav>\n                            </div>\n                            <!-- <div class=\"about\">Part of Pondera Group</div> -->\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </footer>\n</template>\n\n<script setup>\n    const localePath = useLocalePath();\n    const store = useGlobalStore();\n    const { menus, settings, languageCode } = storeToRefs(store);\n\n    const settings__ = computed(() => settings.value[languageCode.value][0]);\n    const menus__ = computed(() => menus.value[languageCode.value]);\n</script>\n","<template>\n    <div id=\"pondera-main\" class=\"pondera-main\">\n        <CommonPageLoader />\n        <CommonHeaderDevelopment />\n        <NavigationMobileDevelopment />\n        <div class=\"lenis-wrapper\">\n            <main class=\"lenis-content is-global-loading\">\n                <div class=\"lenis-slot\">\n                    <slot />\n                </div>\n                <CommonFooterDevelopment />\n            </main>\n        </div>\n    </div>\n</template>\n\n<script setup>\n    const { $ScrollTrigger: ScrollTrigger } = useNuxtApp();\n    const isDesktop = useMediaQuery(\"(min-width: 1181px)\");\n \n    watch(\n        () => isDesktop.value,\n        () => nextTick(() => ScrollTrigger.refresh(true))\n    );\n</script>\n"],"names":["setActive","navLinks","link","item","useHeaderMenuAnimation","el","ScrollTrigger","useNuxtApp","group","self","gsap","store","useGlobalStore","route","useRoute","menus","languageCode","storeToRefs","isDesktop","useMediaQuery","menus__","computed","$nav","ref","ctx","scrollToSection","section","navigateTo","watch","state","_a","hashSection","nextTick","useCtx","onBeforeUnmount","settings","settings__","localePath","useLocalePath"],"mappings":"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"}