{"version":3,"file":"CountrySelectionFi-DsDIzVtQ.js","sources":["../../src/pages/country-selection-fi/CountrySelectionFi.vue"],"sourcesContent":["<template>\n  <component-wrapper class=\"country-selection-fi\">\n    <grid-container-fi :container=\"false\">\n      <div class=\"fi-col-span-12 country-selection-fi__header\">\n        <headline-fi\n          v-if=\"title\"\n          :size=\"setTitleFontSize\"\n          class=\"country-selection-fi__title\"\n          tag=\"div\"\n          color=\"brand\"\n          :html-content=\"title\"\n        />\n        <headline-fi\n          v-if=\"subtitle\"\n          :size=\"setHeadlineFontSize\"\n          class=\"country-selection-fi__subtitle\"\n          tag=\"h1\"\n          :html-content=\"subtitle\"\n        />\n        <!-- eslint-disable vue/no-v-html -->\n        <p\n          v-if=\"description\"\n          class=\"country-selection-fi__description\"\n          v-html=\"description\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n      </div>\n    </grid-container-fi>\n\n    <country-selection-list-fi ref=\"continents\" />\n  </component-wrapper>\n</template>\n\n<script>\nimport { HeadlineFi } from 'atoms';\nimport axios from 'axios';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport CountrySelectionListFi from 'components/country-selection-list-fi/CountrySelectionListFi';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport breakpointMixin from 'mixins/breakpointMixin';\n\nexport default {\n  name: 'CountrySelectionFi',\n  components: {\n    HeadlineFi,\n    ComponentWrapper,\n    GridContainerFi,\n    CountrySelectionListFi,\n  },\n  mixins: [breakpointMixin],\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n    customData: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  data() {\n    return {\n      localCustomData: null,\n      data: {},\n      showOnlyCountriesWithLocalization: false,\n    };\n  },\n  computed: {\n    title() {\n      return this.$dict.get('global-Labels.Country-Selection.Title');\n    },\n    subtitle() {\n      return this.$dict.get('global-Labels.Country-Selection.Subtitle');\n    },\n    description() {\n      return this.$dict.get('global-Labels.Country-Selection.Description');\n    },\n    setTitleFontSize() {\n      if (this.isMD) return 30;\n      if (this.isSM) return 24;\n      return 21;\n    },\n    setHeadlineFontSize() {\n      if (this.isMD) return 60;\n      return 36;\n    },\n    cData() {\n      if (IS_SHOWROOM) {\n        return this.localCustomData;\n      }\n\n      return this.customData;\n    },\n    breadcrumbData() {\n      let data = [];\n      if (this.cData?.breadcrumb) {\n        data = this.cData.breadcrumb;\n      }\n      return data;\n    },\n  },\n  created() {\n    this.localData();\n    this.$store.commit('navigation/IS_COUNTRY_SELECT_PAGE', true);\n  },\n  methods: {\n    async localData() {\n      if (IS_SHOWROOM) {\n        const devDataUrl = '/__mocks__/customData/breadcrumbCountrySelection.json';\n\n        const { data: naviData } = await axios.get(devDataUrl);\n\n        this.localCustomData = naviData.customData;\n      }\n    },\n    countryUrl(url, language) {\n      if (language) {\n        return `${url}/${language.toLowerCase()}`;\n      }\n      return url;\n    },\n    scrollToContinents() {\n      this.$smoothScroll({\n        scrollTo: this.$refs.continents.$el,\n        duration: 500,\n        updateHistory: false,\n        offset: -80,\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './country-selection-fi';\n</style>\n"],"names":["_sfc_main","HeadlineFi","ComponentWrapper","GridContainerFi","CountrySelectionListFi","breakpointMixin","data","_a","url","language","_hoisted_1","_hoisted_2","_createBlock","_component_component_wrapper","_withCtx","_createVNode","_component_grid_container_fi","_createElementVNode","$options","_component_headline_fi","_createCommentVNode","_createElementBlock","_component_country_selection_list_fi"],"mappings":"0NAyCA,MAAKA,EAAU,CACb,KAAM,qBACN,WAAY,CACV,WAAAC,EAAA,iBACAC,EACA,gBAAAC,EACA,uBAAAC,CACF,EACA,OAAQ,CAACC,CAAe,EACxB,MAAO,CACL,OAAQ,CACN,KAAM,OACN,QAAS,KAAO,CAAA,EAClB,EACA,WAAY,CACV,KAAM,OACN,QAAS,KAAO,CAAA,EAClB,CACF,EACA,MAAO,CACE,MAAA,CACL,gBAAiB,KACjB,KAAM,CAAC,EACP,kCAAmC,EAAA,CAEvC,EACA,SAAU,CACR,OAAQ,CACC,OAAA,KAAK,MAAM,IAAI,uCAAuC,CAC/D,EACA,UAAW,CACF,OAAA,KAAK,MAAM,IAAI,0CAA0C,CAClE,EACA,aAAc,CACL,OAAA,KAAK,MAAM,IAAI,6CAA6C,CACrE,EACA,kBAAmB,CACb,OAAA,KAAK,KAAa,GAClB,KAAK,KAAa,GACf,EACT,EACA,qBAAsB,CAChB,OAAA,KAAK,KAAa,GACf,EACT,EACA,OAAQ,CAKN,OAAO,KAAK,UACd,EACA,gBAAiB,OACf,IAAIC,EAAO,CAAA,EACP,OAAAC,EAAA,KAAK,QAAL,MAAAA,EAAY,aACdD,EAAO,KAAK,MAAM,YAEbA,CACT,CACF,EACA,SAAU,CACR,KAAK,UAAU,EACV,KAAA,OAAO,OAAO,oCAAqC,EAAI,CAC9D,EACA,QAAS,CACP,MAAM,WAAY,CAQlB,EACA,WAAWE,EAAKC,EAAU,CACxB,OAAIA,EACK,GAAGD,CAAG,IAAIC,EAAS,YAAa,CAAA,GAElCD,CACT,EACA,oBAAqB,CACnB,KAAK,cAAc,CACjB,SAAU,KAAK,MAAM,WAAW,IAChC,SAAU,IACV,cAAe,GACf,OAAQ,GAAA,CACT,CACH,CACF,CACF,EA/HWE,EAAA,CAAA,MAAM,+CAHjBC,EAAA,CAAA,WAAA,+IACE,EAAAC,EA6BoBC,EAAA,CA7BD,MAAM,wBAAsB,CADjD,QAAAC,EAEI,IAyBoB,CAzBpBC,EAyBoBC,EAAA,CAzBA,UAAW,IAAK,CAFxC,QAAAF,EAGM,IAuBM,CAvBNG,EAuBM,MAvBNP,EAuBM,CArBIQ,EAAK,WADbN,EAOEO,EAAA,CAXV,IAAA,EAMW,KAAMD,EAAgB,iBACvB,MAAM,8BACN,IAAI,MACJ,MAAM,QACL,eAAcA,EAAK,KAAA,mCAV9BE,EAAA,GAAA,EAAA,EAagBF,EAAQ,cADhBN,EAMEO,EAAA,CAlBV,IAAA,EAcW,KAAMD,EAAmB,oBAC1B,MAAM,iCACN,IAAI,KACH,eAAcA,EAAQ,QAAA,mCAjBjCE,EAAA,GAAA,EAAA,EAqBgBF,EAAW,iBADnBG,EAIE,IAAA,CAxBV,IAAA,EAsBU,MAAM,oCACN,UAAQH,EAAW,WAAA,EAvB7B,KAAA,EAAAP,CAAA,GAAAS,EAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA,GA6BIL,EAA8CO,EAAA,CAAnB,IAAI,YAAY,EAAA,KAAA,GAAA,CAAA,GA7B/C,EAAA,CAAA"}