{"version":3,"mappings":"kUAuBI,IAAKA,OACDA,EAAA,mBAAqB,uBACrBA,EAAA,cAAgB,iBAChBA,EAAA,mBAAqB,sBACrBA,EAAA,aAAe,gBACfA,EAAA,iBAAmB,qBACnBA,EAAA,yBAA2B,8BAN1BA,OAAA,oDASL,MAAMC,EAAQC,IACV,IAAAC,EAAYC,EAAU,wBACtBH,EAAM,KAAK,SAAS,gBAAgB,EACpCE,EAAYC,EAAU,kBAEjBH,EAAM,KAAK,SAAS,qBAAqB,EAC9CE,EAAYC,EAAU,uBAEjBH,EAAM,KAAK,SAAS,eAAe,EACxCE,EAAYC,EAAU,iBAEjBH,EAAM,KAAK,SAAS,oBAAoB,EAC7CE,EAAYC,EAAU,sBAEjBH,EAAM,KAAK,SAAS,6BAA6B,IACtDE,EAAYC,EAAU,gCAGpB,MAAAC,EAAkBC,EAAS,IAAM,CACnC,OAAQH,EAAU,MAAO,CACrB,IAAK,iBACD,OAAOI,EAAqB,IAAAC,EAAA,IAAM,OAAO,6BAAmD,2CAAC,EACjG,IAAK,sBACD,OAAOD,EAAqB,IAAAC,EAAA,IAAM,OAAO,kCAAwD,6CAAC,EACtG,IAAK,gBACD,OAAOD,EAAqB,IAAAC,EAAA,IAAM,OAAO,4BAAkD,6CAAC,EAChG,IAAK,qBACD,OAAOD,EAAqB,IAAAC,EAAA,IAAM,OAAO,gCAAsD,6CAAC,EACpG,IAAK,8BACD,OAAOD,EAAqB,IAAAC,EAAA,IAAM,OAAO,wCAA8D,6CAAC,EAC5G,QACI,OAAOD,EAAqB,IAAAC,EAAA,IAAM,OAAO,kCAAwD,6CAAC,CAC1G,EACH","names":["Tabs","route","useRoute","activeTab","ref","activeComponent","computed","defineAsyncComponent","__vitePreload"],"sources":["../../../../../../app/pages/termsAndConditions.vue"],"sourcesContent":["<template>\n    <div class=\"TermsAndConditions\">\n        <aside class=\"TermsAndConditions__aside\">\n            <ul class=\"TermsAndConditions__tabs\">\n                <li v-for=\"tab in Object.values(Tabs)\"\n                    :key=\"tab\"\n                    @click=\"activeTab = tab\">\n                    <button class=\"TermsAndConditions__tab\" :class=\"{ 'TermsAndConditions__tab--active': activeTab === tab }\">{{ tab }}</button>\n                </li>\n            </ul>\n        </aside>\n        <main class=\"TermsAndConditions__main\">\n            <KeepAlive>\n                <component :is=\"activeComponent\" />\n            </KeepAlive>\n        </main>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n    import { ref, computed, defineAsyncComponent } from \"vue\";\n\n    enum Tabs {\n        TermsAndConditions = \"Terms and Conditions\",\n        PrivacyPolicy = \"Privacy Policy\",\n        CopyrightStatement = \"Copyright Statement\",\n        CookiePolicy = \"Cookie Policy\",\n        SummaryOfChanges = \"Summary of Changes\", \n        EventsTermsAndConditions = \"Events Terms and Conditions\"\n    }\n\n    const route = useRoute();\n    let activeTab = ref<Tabs>(Tabs.TermsAndConditions);\n    if (route.path.includes(\"privacy-policy\")) {\n        activeTab = ref<Tabs>(Tabs.PrivacyPolicy);\n    }\n    else if (route.path.includes(\"copyright-statement\")) {\n        activeTab = ref<Tabs>(Tabs.CopyrightStatement);\n    }\n    else if (route.path.includes(\"cookie-policy\")) {\n        activeTab = ref<Tabs>(Tabs.CookiePolicy);\n    }\n    else if (route.path.includes(\"summary-of-changes\")) {\n        activeTab = ref<Tabs>(Tabs.SummaryOfChanges);\n    }\n    else if (route.path.includes(\"events-terms-and-conditions\")) {\n        activeTab = ref<Tabs>(Tabs.EventsTermsAndConditions);\n    }\n\n    const activeComponent = computed(() => {\n        switch (activeTab.value) {\n            case Tabs.PrivacyPolicy:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/PrivacyPolicy.vue\"));\n            case Tabs.CopyrightStatement:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/CopyrightStatement.vue\"));\n            case Tabs.CookiePolicy:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/CookiePolicy.vue\"));\n            case Tabs.SummaryOfChanges:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/SummaryOfChanges.vue\"));\n            case Tabs.EventsTermsAndConditions:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/EventsTermsAndConditions.vue\"));\n            default:\n                return defineAsyncComponent(() => import(\"~/components/TermsAndConditions/TermsAndConditions.vue\"));\n        }\n    });\n\n    definePageMeta({\n        alias: [\"/legal/terms-and-conditions\", \"/terms-and-conditions\", \"/legal/privacy-policy\", \"/legal/copyright-statement\"\n            , \"/legal/cookie-policy\", \"/legal/summary-of-changes\", \"/legal/events-terms-and-conditions\"],\n        name: \"terms-and-conditions\"\n    })\n</script>\n\n<style lang=\"scss\">\n    .TermsAndConditions {\n        display: grid;\n        grid-template-columns: 320px 1fr;\n        width: 100%;\n\n        @media #{$break-sm} {\n            display: flex;\n            flex-direction: column;\n        }\n\n        &__aside {\n            height: 100%;\n            background: $white;\n            min-height: calc(100vh - 116px);\n            position: sticky;\n            top: 64px;\n            border-right: 1px solid $grey40;\n\n            @media #{$break-sm} {\n                top: 48px;\n                min-height: unset;\n            }\n        }\n\n        &__tabs {\n            padding: 32px 24px;\n            position: sticky;\n            top: 64px;\n            border-bottom: 1px solid $grey40;\n\n            @media #{$break-sm} {\n                top: 48px;\n                display: flex;\n                overflow: auto;\n                padding: 8px 16px;\n            }\n        }\n\n        &__tab {\n            @include f-16-300;\n            color: $textTertiary;\n            padding: 12px 24px;\n            width: 100%;\n            box-sizing: border-box;\n            text-align: left;\n\n            @media #{$break-sm} {\n                white-space: nowrap;\n                padding: 6px 16px;\n            }\n\n            &--active {\n                background: $grey20;\n                color: $textPrimary;\n                border-radius: 24px;\n            }\n        }\n\n        &__main {\n            flex: 1;\n            display: flex;\n            background: $grey10;\n        }\n\n        &__content {\n            flex: 1;\n            padding: 2px 32px 52px 32px;\n            box-sizing: border-box;\n\n            @media #{$break-sm} {\n                padding: 0px;\n            }\n\n            &__wrapper {\n                max-width: 920px;\n                width: 100%;\n                min-height: calc(100vh - 116px);\n                margin: auto;\n                background: $white;\n                border: 1px solid $grey40;\n                border-radius: 8px;\n                padding: 32px;\n                box-sizing: border-box;\n\n                @media #{$break-sm} {\n                    min-height: calc(100vh - 170px);\n                }\n\n                @media #{$break-xs} {\n                    padding: 24px;\n                    border: none;\n                    border-radius: 0;\n                }\n            }\n        }\n\n\n        &__toc {\n            width: 320px;\n            position: sticky;\n            top: 64px;\n\n            @media #{$break-md} {\n                display: none;\n            }\n\n            &__sticky {\n                margin-top: 24px;\n                margin-right: 16px;\n                padding-right: 8px;\n                position: sticky;\n                top: 88px;\n                max-height: calc(100vh - 148px);\n                overflow-y: auto;\n                @include scrollbar($grey10, 10px, $grey40, 8px, 3px solid $grey10);\n            }\n\n            &__title {\n                @include f-16-700;\n                color: $textPrimary;\n                padding-bottom: 12px;\n                margin-bottom: 12px;\n                position: relative;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    bottom: 0;\n                    left: 0;\n                    width: 48px;\n                    height: 2px;\n                    background: $grey80;\n                }\n            }\n\n            &__noTitle {\n                @include f-16-700;\n                color: $textPrimary;\n                padding-bottom: 12px;\n                margin-bottom: 12px;\n                position: relative;\n            }\n\n            &__item {\n                @include f-14-500;\n                display: block;\n                color: $textTertiary;\n                padding: 12px 0;\n            }\n        }\n\n        h1 {\n            scroll-margin-top: 88px;\n            @include f-24-500;\n            color: $textPrimary;\n            margin: 32px 0;\n            font-size: 36px;\n        }\n\n        h2 {\n            scroll-margin-top: 88px;\n            @include f-24-500;\n            color: $textPrimary;\n            margin: 32px 0 16px 0;\n        }\n\n        h3 {\n            scroll-margin-top: 88px;\n            @include f-24-500;\n            color: $textPrimary;\n            margin: 32px 0 16px 0;\n        }\n\n        h4 {\n            scroll-margin-top: 88px;\n            @include f-24-500;\n            color: $textSecondary;\n            margin: 16px 0 8px 0;\n        }\n\n        p {\n            @include f-14-300;\n            color: $textPrimary;\n            margin: 4px 0;\n        }\n\n        a {\n            color: rgb(0, 59, 222);\n            font-weight: 500;\n        }\n\n        a:hover {\n            color: rgb(0, 36, 176);\n        }\n\n        .underline {\n            text-decoration: underline;\n        }\n\n        ol, details > ol {\n            padding-left: 17px;\n        }\n\n        ol.nested-50 {\n            padding-left: 50px;\n        }\n\n        ul.dashed-list {\n            padding-left: 50px;\n        }\n\n        ul.dashed-list li {\n            list-style: initial;\n            padding-left: 10px;\n        }\n\n        ul.arrow-list {\n            padding-left: 20px;\n        }\n\n        ul.arrow-list li {\n            list-style: initial;\n        }\n\n        .fullText {\n            display: list-item;\n            counter-increment: list-item 0;\n            cursor: pointer;\n        }\n\n        .disclosure-open {\n            list-style-type: disclosure-open;\n        }\n\n        .disclosure-close {\n            list-style-type: disclosure-closed;\n        }\n\n        #privacyPolicyFullText {\n            transition: opacity 0.3s ease-out;\n            opacity: 0;\n            height: 0;\n            visibility: hidden;\n        }\n\n        .disclosure-open + #privacyPolicyFullText {\n            opacity: 1;\n            height: auto;\n            visibility: visible;\n        }\n\n        table {\n            border-collapse: collapse;\n        }\n\n        table td, table th {\n            border: 1px solid #000;\n            padding-left: 10px;\n            vertical-align: baseline;\n        }\n    }\n\n    .TermsAndConditions__toc a {\n        color: #282828;\n        font-weight: 500;\n    }\n\n</style>\n"],"file":"onboarding-ui/_nuxt/termsAndConditions.EalSblmw.js"}