{"version":3,"file":"Vacancies-BnoJ3ffK.js","sources":["../../../resources/js/Components/Form/FormContact.vue","../../../resources/js/Components/Blocks/Counter/CounterItems.vue","../../../resources/js/Components/Blocks/Counter/Counters.vue","../../../resources/icons/minus.svg","../../../resources/icons/plus.svg","../../../resources/js/Components/Blocks/Faq/Faq.vue","../../../resources/icons/close.svg","../../../resources/js/Components/Blocks/FixedCta.vue","../../../resources/js/Components/Blocks/GoogleMaps.vue","../../../resources/js/Components/Form/FormJopApplication.vue","../../../resources/js/Components/Blocks/News/News.vue","../../../resources/js/Components/Blocks/Project/Projects.vue","../../../resources/js/Components/Blocks/Service/Services.vue","../../../resources/icons/image.svg","../../../resources/js/Components/Blocks/Team/Modal.vue","../../../resources/js/Components/Blocks/Team/Card.vue","../../../resources/js/Components/Blocks/Team.vue","../../../resources/icons/marker-gray.svg","../../../resources/icons/clock-gray.svg","../../../resources/icons/calendar-gray.svg","../../../resources/js/Components/Blocks/Vacancy/VacancyCard.vue","../../../resources/icons/checkmark.svg","../../../resources/js/Components/Blocks/Vacancy/VacancyFilter.vue","../../../resources/js/Components/Blocks/Vacancy/Vacancies.vue"],"sourcesContent":["<script setup>\nimport {mapErrors} from '@/utilities';\nimport {useForm, usePage} from '@inertiajs/vue3';\nimport {computed, inject, ref} from 'vue';\nimport {useI18n} from 'vue-i18n';\nimport Button from '@/Components/Button/Button.vue';\n\nconst route = inject('route');\nconst {t} = useI18n();\n\n\nconst form = useForm({\n    name: '',\n    email: '',\n    phone: '',\n    message: '',\n    subject: '',\n    terms: false,\n    url: usePage().props.route.current,\n});\n\nconst termsAndConditions = computed(() => '/storage/' + usePage().props.template_options.global.terms_and_conditions);\nconst submittedForm = ref(false);\n\nconst sendForm = () => {\n    form.post(route('public.contact-form'), {\n        preserveState: true,\n        preserveScroll: true,\n        onSuccess: () => submittedForm.value = true,\n        onError: (errors) => form.errors = mapErrors(errors),\n    });\n};\n</script>\n\n<template>\n    <div>\n        <div v-if=\"submittedForm\">\n            <h2 class=\"mb-2 text-2xl\">\n                {{ t('Thank you for your message!') }}\n            </h2>\n            <p class=\"text-center\">\n                {{ t('We have received your message. One of our employees will contact you as soon as possible.') }}\n            </p>\n        </div>\n        <form\n            v-else\n        >\n            <FormKit\n                v-model=\"form.name\"\n                :errors=\"form.errors.name\"\n                :label=\"$t('Name *')\"\n                :value=\"form.name\"\n                name=\"name\"\n                type=\"text\"\n                validate=\"required\"\n            />\n\n            <FormKit\n                v-model=\"form.email\"\n                :errors=\"form.errors.email\"\n                :label=\"$t('E-mail *')\"\n                name=\"email\"\n                type=\"email\"\n                validate=\"required\"\n            />\n\n            <FormKit\n                v-model=\"form.phone\"\n                :errors=\"form.errors.phone\"\n                :label=\"$t('Phone *')\"\n                :value=\"form.phone\"\n                name=\"phone_number\"\n                type=\"text\"\n            />\n\n            <FormKit\n                v-model=\"form.subject\"\n                :errors=\"form.errors.subject\"\n                :label=\"$t('Subject *')\"\n                :value=\"form.subject\"\n                name=\"subject\"\n                type=\"text\"\n            />\n\n            <FormKit\n                v-model=\"form.message\"\n                :errors=\"form.errors.message\"\n                :label=\"$t('Message *')\"\n                :value=\"form.message\"\n                name=\"message\"\n                type=\"textarea\"\n            />\n\n            <div class=\"flex\">\n                <FormKit\n                    v-model=\"form.terms\"\n                    :classes=\"{\n                        outer: '$reset :w-5 flex flex-col gap-2 items-center justify-center',\n\n                    }\"\n                    :errors=\"form.errors.terms\"\n                    name=\"terms\"\n                    type=\"checkbox\"\n                />\n\n                <div class=\"mt-1 flex gap-1 font-bold\">\n                    <p>{{ t('I agree with the') }}</p>\n                    <a\n                        :href=\"termsAndConditions\"\n                        class=\"underline hover:text-primary \"\n                    >{{\n                        t('terms and conditions')\n                    }}</a>\n                </div>\n            </div>\n\n            <div class=\"flex flex-col items-end\">\n                <p class=\"text-xs\">\n                    {{ t('*Required fields') }}\n                </p>\n\n                <Button\n                    :form=\"form\"\n                    :label=\"t('Submit')\"\n                    class=\"mt-6 w-auto \"\n                    type=\"button\"\n                    @click=\"sendForm\"\n                />\n            </div>\n        </form>\n    </div>\n</template>\n","<script setup>\nimport CounterItem from '@/Components/Blocks/Counter/CounterItem.vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n    ref: String,\n    animationPaused: Boolean,\n    counters: Array,\n});\n\nconst { t } = useI18n();\n</script>\n\n<template>\n    <div class=\"relative flex flex-col gap-6 md:flex-row\" :ref=\"ref\">\n        <CounterItem\n            v-for=\"(counter, i) in counters\"\n            :countTo=\"counter.counter_number\"\n            :durationCounter=\"3\"\n            :delayCounter=\"1\"\n            :label=\"counter.counter_title\"\n            :description=\"counter.counter_description\"\n            :animationPaused=\"animationPaused\"\n            class=\"bg-yellow-light 2xl:min-h-70\"\n        />\n    </div>\n</template>\n","<script setup>\nimport { useElementVisibility } from '@vueuse/core';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n// Components\nimport CounterItems from '@/Components/Blocks/Counter/CounterItems.vue';\nimport { usePage } from '@inertiajs/vue3';\nimport AddOnLabel from '@/Components/AddOnLabel.vue';\n\nconst props = defineProps({\n    counters: Array,\n    addOnLabel: Boolean,\n});\n\nconst { t } = useI18n();\nconst counterItemsComponent = ref(null);\nconst isCounterVisible = useElementVisibility(counterItemsComponent);\n\nconst moduleActive = computed(() => usePage().props.template_options.modules.counter_component_active);\n</script>\n\n<template>\n    <div class=\"text-white bg-black\" :class=\"{ 'relative  ': addOnLabel }\" v-if=\"moduleActive && counters\">\n        <div class=\"container py-12 md:py-16\">\n            <AddOnLabel v-if=\"addOnLabel\" />\n\n            <CounterItems :ref=\"'counterItemsComponent'\" :animationPaused=\"isCounterVisible\" :counters=\"counters\" />\n        </div>\n    </div>\n</template>\n","export default \"__VITE_ASSET__BclepowY__\"","export default \"__VITE_ASSET__DD$$IqcQ__\"","<script setup>\nimport { useAutoAnimate } from '@formkit/auto-animate/vue';\nimport { inject, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n// Icons\nimport minus from '@i/minus.svg';\nimport plus from '@i/plus.svg';\n\n// Components\nimport Button from '@/Components/Button/Button.vue';\nimport Icon from '@/Components/Images/Icon.vue';\n\nconst props = defineProps({\n    title: String,\n    faqs: Object,\n    intended_url: String,\n});\n\nconst [listContainer] = useAutoAnimate();\nconst current = ref(null);\n\nconst route = inject('route');\nconst { t } = useI18n();\n</script>\n\n<template>\n    <div v-if=\"faqs && title\">\n        <div class=\"container py-16\">\n            <h2 class=\"\" v-html=\"title\" v-if=\"title\"></h2>\n\n            <ul ref=\"listContainer\">\n                <li class=\"py-6 border-b border-gray-light\" v-for=\"(q, i) in faqs\" :key=\"i\" v-auto-animate>\n                    <div class=\"flex items-center justify-between gap-6 cursor-pointer\"\n                        @click=\"current = current === q.id ? false : q.id\">\n                        <div class=\"max-w-full text-xs font-bold prose md:text-lg\">\n                            {{ q.question }}\n                        </div>\n\n                        <Icon :icon=\"minus\" class=\"w-5 h-5 rounded-full bg-gray-light shrink-0\" v-if=\"q.id === current\"\n                            :alt=\"t('minus icon')\" />\n                        <Icon :icon=\"plus\" class=\"w-5 h-5 rounded-full bg-gray-light shrink-0\" :alt=\"t('plus icon')\"\n                            v-else />\n                    </div>\n\n                    <p class=\"my-4 text-xs answer md:text-base text-gray-medium\" v-if=\"q.id === current\"\n                        v-html=\"t(q.answer)\" />\n                </li>\n            </ul>\n\n            <div class=\"mt-10\">\n                <Button :label=\"$t('See all faqs')\" :href=\"intended_url\" class=\"relative z-30 w-auto mt-8\" />\n            </div>\n        </div>\n    </div>\n</template>\n","export default \"__VITE_ASSET__BwSX1QeM__\"","<script setup>\n// Components\nimport Button from '@/Components/Button/Button.vue';\nimport Icon from '@/Components/Icon.vue';\n\n// Icons\nimport close from '@i/close.svg';\nimport { ref } from 'vue';\n\nconst props = defineProps({\n    title: String,\n    button_label: String,\n    external_url: String,\n    intended_url: String,\n    page_id: String,\n});\n\nconst active = ref(true);\n\nconst hide = () => {\n    active.value = false;\n};\n</script>\n\n<template>\n    <div class=\"fixed z-50 h-auto p-6 rounded-tl-3xl right-5 bg-primary w-80 bottom-5\" v-if=\"title && active === true\">\n        <div class=\"flex items-start justify-between\">\n            <h2 class=\"mb-1 text-2xl\">{{ title }}</h2>\n\n            <div ref=\"fixed-cta\" @click=\"hide()\" class=\"flex items-center gap-3 cursor-pointer group\">\n                <Icon :icon=\"close\" class=\"mt-2\" />\n            </div>\n        </div>\n\n        <Button\n            v-if=\"button_label && intended_url\"\n            white\n            :is=\"'a'\"\n            :href=\"intended_url\"\n            :label=\"button_label\"\n            :target=\"page_id === null || page_id === undefined ? true : false\"\n            class=\"relative z-30 w-auto mt-8\"\n        ></Button>\n    </div>\n</template>\n","<script setup>\nconst props = defineProps({\n    maps: String,\n});\n\nconst realMaps = props.maps.replace(/\\\\\"/g, '\"');\n</script>\n\n<template>\n    <div class=\"container py-12 md:py-16\">\n        <div class=\"w-full max-w-full prose\" v-html=\"realMaps\"></div>\n    </div>\n</template>\n\n<style>\niframe {\n    width: 100%;\n}\n</style>\n","<script setup>\nimport Button from '@/Components/Button/Button.vue';\nimport { mapErrors } from '@/utilities';\nimport { useForm } from '@inertiajs/vue3';\nimport { inject, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n    vacancy: Object,\n});\n\nconst submittedForm = ref(false);\nconst route = inject('route');\n\nconst { t } = useI18n();\n\nconst form = useForm({\n    first_name: '',\n    last_name: '',\n    email: '',\n    phone: '',\n    birthday: '',\n    place: '',\n    cv: null,\n    motivation: null,\n    accepted: false,\n});\n\nconst sendForm = () => {\n    form.transform((data) => {\n        if (data.cv?.length === 1) {\n            data.cv = data.cv[0].file;\n        }\n\n        if (data.motivation?.length === 1) {\n            data.motivation = data.motivation[0].file;\n        }\n\n        data.vacancy_id = props.vacancy.id;\n\n        return data;\n    }).post(route('api.vacancy'), {\n        preserveState: true,\n        preserveScroll: true,\n        onSuccess: () => {\n            submittedForm.value = true;\n        },\n        onError: (errors) => {\n            form.errors = mapErrors(errors, (error) => [error]);\n        },\n    });\n};\n</script>\n\n<template>\n    <div v-if=\"submittedForm\">\n        <p>\n            {{ t('Thank you for your application!') }}\n        </p>\n    </div>\n\n    <FormKit type=\"form\" id=\"jop-application-form\" @submit=\"sendForm\" :actions=\"false\" v-else>\n        <div class=\"grid gap-6 md:grid-cols-2\">\n            <div>\n                <FormKit\n                    type=\"text\"\n                    name=\"first_name\"\n                    :label=\"t('First name *')\"\n                    v-model=\"form.first_name\"\n                    :errors=\"form.errors.first_name\"\n                    validation=\"required|first_name\"\n                    :value=\"form.first_name\"\n                    validate=\"required\"\n                />\n\n                <FormKit\n                    type=\"text\"\n                    name=\"last_name\"\n                    :label=\"t('Last name *')\"\n                    v-model=\"form.last_name\"\n                    :errors=\"form.errors.last_name\"\n                    validation=\"required|last_name\"\n                    :value=\"form.last_name\"\n                    validate=\"required\"\n                />\n\n                <FormKit\n                    type=\"email\"\n                    name=\"email\"\n                    :label=\"t('E-mail *')\"\n                    validation=\"required|email\"\n                    :errors=\"form.errors.email\"\n                    v-model=\"form.email\"\n                />\n\n                <FormKit\n                    type=\"text\"\n                    name=\"phone\"\n                    :label=\"t('Phone *')\"\n                    v-model=\"form.phone\"\n                    :errors=\"form.errors.phone\"\n                    :value=\"form.phone\"\n                    validation=\"required|phone\"\n                />\n\n                <FormKit\n                    type=\"text\"\n                    name=\"birthday\"\n                    :label=\"t('Birthday *')\"\n                    v-model=\"form.birthday\"\n                    :errors=\"form.errors.birthday\"\n                    :value=\"form.birthday\"\n                    validation=\"required|birthday\"\n                />\n\n                <FormKit\n                    type=\"text\"\n                    name=\"place\"\n                    :label=\"t('Place')\"\n                    v-model=\"form.place\"\n                    :errors=\"form.errors.place\"\n                    :value=\"form.place\"\n                />\n            </div>\n            <div>\n                <div class=\"relative\">\n                    <FormKit\n                        type=\"file\"\n                        :label=\"t('Upload C.V *')\"\n                        :help=\"t('Choose file')\"\n                        accept=\".pdf,.doc,.docx\"\n                        validation=\"required\"\n                        outer-class=\"$reset\"\n                        v-model=\"form.cv\"\n                        :errors=\"form.errors.cv\"\n                        @input=\"event?.target?.files[0] ? (form.cv = event?.target?.files[0]) : null\"\n                    />\n\n                    <FormKit\n                        type=\"file\"\n                        :label=\"t('Upload Motivation *')\"\n                        :help=\"t('Choose file')\"\n                        accept=\".pdf,.doc,.docx\"\n                        validation=\"required\"\n                        outer-class=\"$reset\"\n                        v-model=\"form.motivation\"\n                        :errors=\"form.errors.motivation\"\n                        @input=\"event?.target?.files[0] ? (form.motivation = event?.target?.files[0]) : null\"\n                    />\n\n                    <Button\n                        type=\"button\"\n                        @click=\"sendForm\"\n                        :label=\"t('Send application')\"\n                        :form=\"form\"\n                        class=\"w-auto mt-6\"\n                    />\n                </div>\n            </div>\n        </div>\n    </FormKit>\n</template>\n","<script setup>\nimport { useForm } from '@inertiajs/vue3';\nimport { inject } from 'vue';\n\n// Components\nimport Card from '@/Components/Card.vue';\nimport Pagination from '@/Components/Pagination.vue';\nimport ResourceCategoriesFilter from '@/Components/ResourceCategoriesFilter.vue';\n\nconst props = defineProps({\n    query: Object,\n    title: String,\n    news: Object,\n    newsCategories: Object,\n    amount_news: String,\n});\n\nconst route = inject('route');\n\nconst form = useForm({\n    page: props.news?.page ?? 1,\n    categories: props.query?.categories ?? [],\n});\n\nconst submit = (resetPage = true) => {\n    form.page = resetPage ? 1 : form.page;\n    form.get(route('public.news.index'), {\n        preserveState: true,\n    });\n};\n\nconst setPage = (e) => {\n    form.page = e;\n    submit(false);\n};\n</script>\n\n<template>\n    <div class=\"bg-gray-lighter\" v-if=\"news.data\">\n        <div class=\"container py-12 md:py-16\">\n            <h2 class=\"\" v-html=\"title\" v-if=\"title\"></h2>\n\n            <ResourceCategoriesFilter :query=\"query\" v-model=\"form.categories\" :categories=\"newsCategories\"\n                :route=\"route('public.news.index')\" @update:modelValue=\"submit\"\n                v-if=\"newsCategories && amount_news == '16'\" />\n\n            <div class=\"grid gap-6 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n                <article v-for=\"project in news.data\" :key=\"i\" class=\"flex flex-col bg-white rounded-xl '\">\n                    <Card :key=\"project.id\" :type=\"project\"\n                        :href=\"route('public.news.show', { slug: project.page_slug })\" />\n                </article>\n            </div>\n\n            <Pagination v-if=\"news !== 'undefined' && news.links.length >= 16\" :links=\"news.links\" @setPage=\"setPage\"\n                :pageData=\"news\" />\n        </div>\n    </div>\n</template>\n","<script setup>\nimport { useForm } from '@inertiajs/vue3';\nimport { inject } from 'vue';\n\n// Components\nimport Card from '@/Components/Card.vue';\nimport Pagination from '@/Components/Pagination.vue';\nimport ResourceCategoriesFilter from '@/Components/ResourceCategoriesFilter.vue';\n\nconst props = defineProps({\n    query: Object,\n    title: String,\n    projects: Object,\n    projectCategories: Object,\n    amount_projects: String,\n    aspect_ratio: String,\n});\n\nconst route = inject('route');\n\nconst form = useForm({\n    page: props.projects?.page ?? 1,\n    categories: props.query?.categories ?? [],\n});\n\nconst submit = (resetPage = true) => {\n    form.page = resetPage ? 1 : form.page;\n    form.get(route('public.projects.index'), {\n        preserveState: true,\n    });\n};\n\nconst setPage = (e) => {\n    form.page = e;\n    submit(false);\n};\n</script>\n\n<template>\n    <div\n        v-if=\"projects.data\"\n        class=\"bg-gray-lighter\"\n    >\n        <div class=\"container py-12 md:py-16\">\n            <h2\n                v-if=\"title\"\n                class=\"\"\n                v-html=\"title\"\n            />\n\n            <ResourceCategoriesFilter\n                v-if=\"projectCategories && amount_projects == '16'\"\n                v-model=\"form.categories\"\n                :query=\"query\"\n                :categories=\"projectCategories\"\n                :route=\"route('public.projects.index')\"\n                @update:modelValue=\"submit\"\n            />\n\n            <div class=\"mt-8 grid gap-6 md:mt-16 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n                <article\n                    v-for=\"(project, i) in projects.data\"\n                    :key=\"i\"\n                    class=\"' flex flex-col rounded-xl bg-white\"\n                >\n                    <Card\n                        :key=\"project.id\"\n                        :type=\"project\"\n                        :aspect-ratio=\"aspect_ratio\"\n                        :href=\"route('public.projects.show', { slug: project.page_slug })\"\n                    />\n                </article>\n            </div>\n\n            <Pagination\n                v-if=\"projects !== 'undefined' && amount_projects >= 16\"\n                :links=\"projects.links\"\n                :page-data=\"projects\"\n                @setPage=\"setPage\"\n            />\n        </div>\n    </div>\n</template>\n","<script setup>\nimport { usePage } from '@inertiajs/vue3';\nimport { computed } from 'vue';\n\n// Components\nimport AddOnLabel from '@/Components/AddOnLabel.vue';\nimport Button from '@/Components/Button/Button.vue';\nimport ServiceItem from './ServiceItem.vue';\n\nconst props = defineProps({\n    title: String,\n    services: Array,\n    addOnLabel: Boolean,\n    button_label: String,\n    intended_url: String,\n});\n\nconst moduleActive = computed(() => usePage().props.template_options.modules.service_component_active);\n</script>\n\n<template>\n    <div class=\"container py-12 md:py-16\" :class=\"{ 'relative  ': addOnLabel }\" v-if=\"moduleActive\">\n        <AddOnLabel v-if=\"addOnLabel\" />\n\n        <h2 class=\"\" v-html=\"title\" v-if=\"title\"></h2>\n\n        <div class=\"grid gap-20 mt-6 md:grid-cols-2 lg:grid-cols-3 md:mt-0\">\n            <ServiceItem :item=\"item\" v-for=\"(item, i) in services\" :key=\"i\" />\n        </div>\n\n        <Button v-if=\"button_label && intended_url\" :is=\"'a'\" :href=\"intended_url\" :label=\"button_label\"\n            :target=\"page_id === null || page_id === undefined ? true : false\" class=\"relative z-30 w-auto mt-8\"></Button>\n    </div>\n</template>\n","export default \"__VITE_ASSET__B4p$5kCp__\"","<script setup>\nimport Icon from '@/Components/Icon.vue';\nimport ImgMedia from '@/Components/Images/ImgMedia.vue';\nimport { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport envelope from '@i/envelope.svg';\nimport imageIcon from '@i/image.svg';\nimport phoneIcon from '@i/phone.svg';\nconst props = defineProps({\n    modelValue: Boolean,\n    member: Object,\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nfunction closeModal() {\n    emit('update:modelValue', false);\n}\n</script>\n\n<template>\n    <TransitionRoot as=\"template\" :show=\"modelValue\">\n        <Dialog as=\"div\" class=\"relative z-50\" @close=\"closeModal\">\n            <TransitionChild\n                as=\"template\"\n                enter=\"ease-out duration-300\"\n                enter-from=\"opacity-0\"\n                enter-to=\"opacity-100\"\n                leave=\"ease-in duration-200\"\n                leave-from=\"opacity-100\"\n                leave-to=\"opacity-0\"\n            >\n                <div class=\"fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75\" />\n            </TransitionChild>\n\n            <div class=\"fixed inset-0 z-10 overflow-y-auto\">\n                <div class=\"flex items-end justify-center min-h-full p-4 text-center sm:items-center sm:p-0\">\n                    <TransitionChild\n                        as=\"template\"\n                        enter=\"ease-out duration-300\"\n                        enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                        enter-to=\"opacity-100 translate-y-0 sm:scale-100\"\n                        leave=\"ease-in duration-200\"\n                        leave-from=\"opacity-100 translate-y-0 sm:scale-100\"\n                        leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                    >\n                        <DialogPanel\n                            class=\"relative px-4 pt-5 pb-4 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:w-full sm:max-w-[900px] sm:p-6\"\n                        >\n                            <div class=\"absolute top-0 right-0 z-10 pt-4 pr-4\">\n                                <button\n                                    type=\"button\"\n                                    class=\"text-gray-400 bg-white rounded-md hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\"\n                                    @click=\"closeModal\"\n                                >\n                                    <span class=\"sr-only\">Close</span>\n                                    <XMarkIcon class=\"w-6 h-6\" aria-hidden=\"true\" />\n                                </button>\n                            </div>\n                            <div>\n                                <div class=\"relative overflow-hidden\">\n                                    <div class=\"\">\n                                        <h2 class=\"\" v-html=\"member.name\"></h2>\n                                        <div\n                                            v-if=\"member.job_position\"\n                                            v-html=\"member.job_position\"\n                                            class=\"max-w-full mb-8 -mt-4 prose md:-mt-12 text-bodyColor marker:text-primary\"\n                                        ></div>\n                                    </div>\n                                    <div class=\"flex flex-col-reverse w-full md:flex-row\">\n                                        <div class=\"flex-1\" v-html=\"member.text\"></div>\n                                        <div class=\"md:w-[40%] mb-8 md:mx-8\">\n                                            <div class=\"relative aspect-[1/1]\" v-if=\"member.image\">\n                                                <ImgMedia\n                                                    :media=\"member.image\"\n                                                    classes=\"absolute top-0 left-0 right-0 object-cover w-full h-full rounded-xl transition-transform duration-300\"\n                                                />\n                                            </div>\n                                            <div\n                                                class=\"flex items-center justify-center w-full min-h-[155px] sm:min-h-[250px] md:min-h-[400px] 2xl:min-h-[300px] bg-gray-light rounded-tl-xl rounded-tr-xl\"\n                                                v-else\n                                            >\n                                                <img\n                                                    :src=\"imageIcon\"\n                                                    class=\"w-4 h-4 md:w-10 md:h-10 opacity-10\"\n                                                    alt=\"icon\"\n                                                />\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <h2 class=\"my-8\">\"{{ member.quote }}\"</h2>\n                                    <div class=\"md:p-4\">\n                                        <div\n                                            class=\"flex flex-col justify-end gap-4 md:gap-8 md:items-center md:flex-row\"\n                                        >\n                                            <div v-if=\"member.phone\">\n                                                <div class=\"flex items-center gap-2\">\n                                                    <Icon\n                                                        :icon=\"phoneIcon\"\n                                                        :iconDutch=\"phoneIcon\"\n                                                        alt=\"phone icon\"\n                                                        class=\"w-4 h-auto shrink-0\"\n                                                    />\n                                                    <a :href=\"`tel:${member.phone}`\" class=\"hover:text-primary\">{{\n                                                        member.phone\n                                                    }}</a>\n                                                </div>\n                                            </div>\n\n                                            <div v-if=\"member.email\">\n                                                <div class=\"flex items-center gap-2\">\n                                                    <Icon\n                                                        :icon=\"envelope\"\n                                                        :iconDutch=\"envelope\"\n                                                        alt=\"envelope icon\"\n                                                        class=\"w-5 h-auto shrink-0\"\n                                                    />\n                                                    <a :href=\"`mailto:${member.email}`\" class=\"hover:text-primary\">{{\n                                                        member.email\n                                                    }}</a>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </DialogPanel>\n                    </TransitionChild>\n                </div>\n            </div>\n        </Dialog>\n    </TransitionRoot>\n</template>\n","<script setup>\nimport ImgMedia from '@/Components/Images/ImgMedia.vue';\nimport envelope from '@i/envelope.svg';\nimport phoneIcon from '@i/phone.svg';\nimport Icon from '@/Components/Icon.vue';\nimport Model from '@/Components/Blocks/Team/Modal.vue';\nimport imageIcon from '@i/image.svg';\nimport { ref } from 'vue';\n\ndefineProps({\n    member: Object,\n});\n\nconst showModal = ref(false);\n</script>\n\n<template>\n    <button\n        class=\"relative h-full\"\n        @click=\"showModal = true\"\n    >\n        <div class=\"relative overflow-hidden rounded-t-xl\">\n            <div v-if=\"member.image\">\n                <ImgMedia\n                    :classes=\"'min-h-[155px] sm:min-h-[250px] md:min-h-[400px] 2xl:min-h-[300px] object-cover h-[155px] w-full rounded-tl-xl rounded-tr-xl  transition-transform duration-300'\"\n                    :media=\"member.image\"\n                />\n            </div>\n            <div\n                v-else\n                class=\"flex min-h-[155px] w-full items-center justify-center rounded-t-xl bg-gray-light sm:min-h-[250px] md:min-h-[400px] 2xl:min-h-[300px]\"\n            >\n                <img\n                    :src=\"imageIcon\"\n                    alt=\"icon\"\n                    class=\"h-4 w-4 opacity-10 md:h-10 md:w-10\"\n                >\n            </div>\n        </div>\n\n        <div class=\"flex flex-col  p-6\">\n            <span\n                v-if=\"member.name\"\n                class=\"mb-3 text-left text-gray-medium md:px-4\"\n            > {{ member.name }}\n            </span>\n\n\n            <div class=\"md:px-4\">\n                <div>\n                    <div v-if=\"member.phone\">\n                        <div class=\"flex items-center gap-2\">\n                            <Icon\n                                :icon=\"phoneIcon\"\n                                :icon-dutch=\"phoneIcon\"\n                                alt=\"phone icon\"\n                                class=\"h-auto w-4 shrink-0\"\n                            />\n                            <a\n                                :href=\"`tel:${member.phone}`\"\n                                class=\"hover:text-primary\"\n                            >{{ member.phone }}</a>\n                        </div>\n                    </div>\n\n                    <div v-if=\"member.email\">\n                        <div class=\"flex items-center gap-2\">\n                            <Icon\n                                :icon=\"envelope\"\n                                :icon-dutch=\"envelope\"\n                                alt=\"envelope icon\"\n                                class=\"h-auto w-5 shrink-0\"\n                            />\n                            <a\n                                :href=\"`mailto:${member.email}`\"\n                                class=\"hover:text-primary\"\n                            >{{ member.email }}</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </button>\n    <Model\n        v-model=\"showModal\"\n        :member=\"member\"\n    />\n</template>\n","<script setup>\nimport { useForm } from '@inertiajs/vue3';\nimport { inject } from 'vue';\n\n// Components\nimport Card from '@/Components/Blocks/Team/Card.vue';\nimport Button from '@/Components/Button/Button.vue';\nimport Pagination from '@/Components/Pagination.vue';\n\nconst props = defineProps({\n    query: Object,\n    title: String,\n    team: Object,\n    amount_team_members: String,\n    button_label: String,\n    external_url: String,\n    intended_url: String,\n    page_id: String,\n});\n\nconst route = inject('route');\n\nconst form = useForm({\n    page: props.projects?.page ?? 1,\n    categories: props.query?.categories ?? [],\n});\n\nconst submit = (resetPage = true) => {\n    form.page = resetPage ? 1 : form.page;\n    form.get(route('public.projects.index'), {\n        preserveState: true,\n    });\n};\n\nconst setPage = (e) => {\n    form.page = e;\n    submit(false);\n};\n</script>\n\n<template>\n    <div\n        v-if=\"team.data\"\n        class=\"bg-gray-lighter\"\n    >\n        <div class=\"container py-12 md:py-16\">\n            <h2\n                v-if=\"title\"\n                class=\"\"\n                v-html=\"title\"\n            />\n\n            <div class=\"grid gap-6 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n                <article\n                    v-for=\"member in team.data\"\n                    :key=\"member.id\"\n                    class=\"' flex flex-col rounded-xl bg-white\"\n                >\n                    <Card :member=\"member\" />\n                </article>\n            </div>\n\n            <div class=\"flex justify-center\">\n                <Button\n                    :is=\"'a'\"\n                    v-if=\"button_label && intended_url\"\n                    :href=\"intended_url\"\n                    :label=\"button_label\"\n                    :target=\"page_id === null || page_id === undefined ? true : false\"\n                    class=\"relative z-30 mt-8 w-auto\"\n                />\n            </div>\n\n            <Pagination\n                v-if=\"team !== 'undefined' && team.links.length >= 16\"\n                :links=\"team.links\"\n                :page-data=\"team\"\n                @setPage=\"setPage\"\n            />\n        </div>\n    </div>\n</template>\n","export default \"__VITE_ASSET__DacpBClt__\"","export default \"__VITE_ASSET__B9Y71057__\"","export default \"__VITE_ASSET__Nzk3WvGL__\"","<script setup>\nimport { useI18n } from 'vue-i18n';\n\n// Components\nimport LinkArrow from '@/Components/LinkArrow.vue';\n\n// Icons\nimport marker from '@i/marker-gray.svg';\nimport clock from '@i/clock-gray.svg';\nimport calendar from '@i/calendar-gray.svg';\n\nconst { t } = useI18n();\n\nconst props = defineProps({\n    vacancy: Object,\n    href: String,\n});\n</script>\n\n<template>\n    <LinkArrow\n        :href=\"href ? href : '#'\"\n        class=\"bg-white group rounded-bl-xl rounded-br-xl'\"\n        :linkTitle=\"t('View vacancy')\"\n    >\n        <div class=\"p-6\">\n            <div class=\"flex items-center gap-4\">\n                <p class=\"mb-1 text-lg font-black xl:text-2xl\">{{ vacancy.page_title }}</p>\n            </div>\n\n            <div class=\"flex gap-4 mb-2\">\n                <div\n                    class=\"flex items-center gap-2\"\n                    v-if=\"vacancy.category\"\n                    v-for=\"(cat, i) in vacancy.category\"\n                    :key=\"i\"\n                >\n                    <img :src=\"marker\" class=\"w-4 h-4 md:w-4 md:h-4\" alt=\"icon\" />\n                    <p class=\"text-gray-dark\">{{ cat.name }}</p>\n                </div>\n\n                <div class=\"flex items-center gap-2\" v-if=\"vacancy.hours\">\n                    <img :src=\"clock\" class=\"w-4 h-4 md:w-4 md:h-4\" alt=\"icon\" />\n                    <p class=\"text-gray-dark\">{{ vacancy.hours }}</p>\n                </div>\n\n                <div class=\"flex items-center gap-2\" v-if=\"vacancy.start_date\">\n                    <img :src=\"calendar\" class=\"w-4 h-4 md:w-4 md:h-4\" alt=\"icon\" />\n                    <p class=\"text-gray-dark\">{{ t('Start date:') }} {{ vacancy.start_date }}</p>\n                </div>\n            </div>\n        </div>\n    </LinkArrow>\n</template>\n","export default \"__VITE_ASSET__Dx$u8XVY__\"","<script setup>\nimport { useI18n } from 'vue-i18n';\nimport { inject } from 'vue';\n\n// Components\nimport Checkbox from '@/Components/Checkbox.vue';\n\nconst props = defineProps({\n    modelValue: Object,\n    categoryOptions: Object,\n});\n\nconst { t } = useI18n();\nconst route = inject('route');\nconst emits = defineEmits(['update:modelValue']);\n\nfunction categoryIsActive(category) {\n    return typeof props.modelValue.find((catId) => catId == category.id) !== 'undefined';\n}\n\nfunction clickOnCategory(cat) {\n    if (categoryIsActive(cat)) {\n        emits(\n            'update:modelValue',\n            props.modelValue.filter((id) => id != cat.id)\n        );\n    } else {\n        emits('update:modelValue', [...props.modelValue, cat.id]);\n    }\n}\n</script>\n\n<template>\n    <div class=\"flex mt-6\">\n        <div class=\"flex flex-col flex-wrap mb-15\">\n            <p class=\"mb-3 text-lg font-bold\">{{ t('Type job position') }}</p>\n\n            <Checkbox\n                v-for=\"cat in categoryOptions\"\n                :key=\"cat.id\"\n                :label=\"cat.name\"\n                @click=\"clickOnCategory(cat)\"\n                :active=\"categoryIsActive(cat)\"\n            ></Checkbox>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport { Link, useForm } from '@inertiajs/vue3';\nimport { inject } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n// Components\nimport VacancyCard from '@/Components/Blocks/Vacancy/VacancyCard.vue';\nimport VacancyFilter from '@/Components/Blocks/Vacancy/VacancyFilter.vue';\nimport Pagination from '@/Components/Pagination.vue';\n\nconst props = defineProps({\n    query: Object,\n    title: String,\n    vacancies: Object,\n    vacancyCategories: Object,\n    amount_vacancies: String,\n});\n\nconst { t } = useI18n();\nconst route = inject('route');\n\nconst form = useForm({\n    page: props.vacancies?.page ?? 1,\n    categories: props.query?.categories ?? [],\n});\n\nconst submit = (resetPage = true) => {\n    form.page = resetPage ? 1 : form.page;\n    form.get(route('public.vacancies.index'), {\n        preserveState: true,\n    });\n};\n\nconst setPage = (e) => {\n    form.page = e;\n    submit(false);\n};\n</script>\n\n<template>\n    <div class=\"bg-gray-lighter\">\n        <div class=\"container py-12 md:py-16\" v-if=\"title\">\n            <h2 class=\"\" v-html=\"title\" v-if=\"title\"></h2>\n\n            <div class=\"flex flex-col gap-16 md:flex-row\">\n                <div class=\"md:w-4/12\">\n                    <div class=\"grid items-end grid-cols-2 gap-4\">\n                        <p class=\"text-2xl font-black leading-7\">{{ t('Vacancyfilters') }}</p>\n                        <Link :href=\"route('public.vacancies.index')\" class=\"text-sm text-right hover:text-primary\"\n                            preserve-scroll>{{ t('Delete filters') }}</Link>\n                    </div>\n\n                    <VacancyFilter v-model=\"form.categories\" :category-options=\"vacancyCategories\"\n                        @update:modelValue=\"submit\" v-if=\"vacancyCategories && amount_vacancies == '16'\" />\n                </div>\n                <div class=\"md:w-8/12\">\n                    <div class=\"grid w-full gap-4 mb-6\" v-if=\"vacancies && vacancies.data.length\">\n                        <article v-for=\"(vacancy, i) in vacancies.data\" :key=\"i\" class=\"flex flex-col col-span-1\">\n                            <VacancyCard :key=\"i\" :vacancy=\"vacancy\"\n                                :href=\"route('public.vacancies.show', { slug: vacancy.page_slug })\" />\n                        </article>\n\n                        <Pagination v-if=\"vacancies !== 'undefined' && vacancies.links.length > 16\" :links=\"vacancies.links\"\n                            @setPage=\"setPage\" :pageData=\"vacancies\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["route","inject","t","useI18n","form","useForm","usePage","termsAndConditions","computed","submittedForm","ref","sendForm","errors","mapErrors","counterItemsComponent","isCounterVisible","useElementVisibility","moduleActive","minus","plus","listContainer","useAutoAnimate","current","close","active","hide","realMaps","__props","props","data","_a","_b","error","submit","resetPage","setPage","e","imageIcon","emit","__emit","closeModal","showModal","marker","clock","calendar","checkmark","emits","categoryIsActive","category","catId","clickOnCategory","cat","id"],"mappings":"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"}