{"version":3,"sources":["webpack:///./src/js/vuejs/components/LanguagePicker.vue","webpack:///./src/js/vuejs/components/LanguagePicker.vue?25cc","webpack:///src/js/vuejs/components/LanguagePicker.vue","webpack:///./src/js/vuejs/components/LanguagePicker.vue?dc8c","webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js"],"names":["props","initialItems","type","Array","required","currentCulture","String","data","items","selectedCountry","isDropdownOpen","activeIndex","computed","selectedCountryItem","find","item","countryCode","activeOptionId","id","mounted","setActiveIndexFromSelectedCountry","document","addEventListener","closeDropdownOnOutsideClick","beforeUnmount","removeEventListener","methods","toggleDropdown","$nextTick","focusActiveOption","event","$refs","dropdown","contains","target","selectLanguage","navigateToLanguageUrl","selectedItem","url","window","location","href","getSelectedLanguageName","nativeName","getFlagUrl","getFlagAlt","handleKeydown","key","preventDefault","length","activeItem","options","focus","setActiveIndex","index","findIndex","component","_vm","this","_c","_self","ref","staticClass","on","attrs","_e","_v","_s","directives","name","rawName","value","expression","_l","refInFor","class","noTranslationExists","$event","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports"],"mappings":"iGAAA,ICAyM,ECqD1L,CACfA,MAAA,CACAC,aAAA,CACAC,KAAAC,MACAC,UAAA,GAEAC,eAAA,CACAH,KAAAI,OACAF,UAAA,IAGAG,UACA,CACAC,MAAA,GACAC,gBAAA,GACAC,gBAAA,EACAC,YAAA,IAGAC,SAAA,CACAC,sBACA,YAAAL,MAAAM,KAAAC,KAAAC,cAAA,KAAAP,kBAAA,IAEAQ,iBACA,YAAAP,gBAAA,KAAAF,MAAA,KAAAG,aACA,eAAAH,MAAA,KAAAG,aAAAO,GACA,OAGAC,UACA,KAAAX,MAAA,KAAAP,aACA,KAAAQ,gBAAA,KAAAJ,eACA,KAAAe,oCACAC,SAAAC,iBAAA,aAAAC,8BAEAC,gBACAH,SAAAI,oBAAA,aAAAF,8BAEAG,QAAA,CACAC,iBACA,KAAAjB,gBAAA,KAAAA,eACA,KAAAA,gBACA,KAAAkB,UAAA,KACA,KAAAR,oCACA,KAAAS,uBAIAN,4BAAAO,GACA,KAAAC,MAAAC,WAAA,KAAAD,MAAAC,SAAAC,SAAAH,EAAAI,UACA,KAAAxB,gBAAA,IAGAyB,eAAApB,GACA,KAAAN,gBAAAM,EAAAC,YACA,KAAAN,gBAAA,EACA,KAAA0B,yBAEAA,wBACA,MAAAC,EAAA,KAAA7B,MAAAM,KACAC,KAAAC,cAAA,KAAAP,iBAEA4B,KAAAC,MACAC,OAAAC,SAAAC,KAAAJ,EAAAC,MAGAI,0BACA,MAAAL,EAAA,KAAA7B,MAAAM,KACAC,KAAAC,cAAA,KAAAP,iBAEA,OAAA4B,IAAAM,WAAA,qBAEAC,WAAA7B,GACA,wBAAAA,EAAAC,kBAEA6B,WAAA9B,IACAA,EAAA4B,YAAA,mBAEAG,cAAAhB,GACA,OAAAA,EAAAiB,KACA,gBACAjB,EAAAkB,iBACA,KAAAxC,MAAAyC,OAAA,IACA,KAAAtC,aAAA,KAAAA,YAAA,QAAAH,MAAAyC,OACA,KAAApB,qBAEA,MACA,cACAC,EAAAkB,iBACA,KAAAxC,MAAAyC,OAAA,IACA,KAAAtC,aACA,KAAAA,YAAA,OAAAH,MAAAyC,QAAA,KAAAzC,MAAAyC,OACA,KAAApB,qBAEA,MACA,YACA,QACAC,EAAAkB,iBACA,MAAAE,EAAA,KAAA1C,MAAA,KAAAG,aACAuC,GACA,KAAAf,eAAAe,GAEA,MACA,aACApB,EAAAkB,iBACA,KAAAtC,gBAAA,IAIAmB,oBACA,MAAAsB,EAAA,KAAApB,MAAAoB,QACAA,KAAA,KAAAxC,cACAwC,EAAA,KAAAxC,aAAAyC,SAGAC,eAAAC,GACA,KAAA3C,YAAA2C,GAEAlC,oCACA,MAAAkC,EAAA,KAAA9C,MAAA+C,UACAxC,KAAAC,cAAA,KAAAP,iBAEA,KAAAE,aAAA,IAAA2C,IAAA,K,QCxKIE,EAAY,YACd,GHRW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,kBAAkBC,GAAG,CAAC,MAAQN,EAAIlC,8BAA8B,CAACoC,EAAG,SAAS,CAACG,YAAY,0BAA0BE,MAAM,CAAC,gBAAgBP,EAAI/C,eAAe,gBAAgB,WAAWqD,GAAG,CAAC,MAAQN,EAAI9B,iBAAiB,CAAE8B,EAAIhD,gBAAiBkD,EAAG,MAAM,CAACG,YAAY,wBAAwBE,MAAM,CAAC,IAAMP,EAAIb,WAAWa,EAAI5C,qBAAqB,IAAM4C,EAAIZ,WAAWY,EAAI5C,wBAAwB4C,EAAIQ,KAAKR,EAAIS,GAAG,KAAKP,EAAG,OAAO,CAACG,YAAY,mDAAmD,CAACL,EAAIS,GAAG,WAAWT,EAAIU,GAAGV,EAAIf,2BAA2B,cAAce,EAAIS,GAAG,KAAKP,EAAG,KAAK,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOd,EAAI/C,eAAgB8D,WAAW,mBAAmBV,YAAY,mCAAmCE,MAAM,CAAC,KAAO,UAAU,wBAAwBP,EAAIxC,iBAAiBwC,EAAIgB,GAAIhB,EAAIjD,OAAO,SAASO,EAAKuC,GAAO,OAAOK,EAAG,KAAK,CAACZ,IAAI,WAAWhC,EAAKG,GAAK2C,IAAI,UAAUa,UAAS,EAAKZ,YAAY,0BAA0Ba,MAAM,CAChhC,kCAAmCrB,IAAUG,EAAI9C,YACjD,SAAYI,EAAK6D,qBACjBZ,MAAM,CAAC,KAAO,SAAS,GAAK,UAAUjD,EAAKG,GAAK,gBAAgBH,EAAKC,cAAgByC,EAAIhD,gBAAgB,SAAW6C,IAAUG,EAAI9C,YAAc,GAAK,GAAGoD,GAAG,CAAC,MAAQ,SAASc,GAAQ,OAAOpB,EAAItB,eAAepB,IAAO,UAAY,SAAS8D,GAAgC,OAAxBA,EAAO7B,iBAAwBS,EAAIJ,eAAeC,IAAQ,QAAU,SAASuB,GAAQ,OAAOpB,EAAIX,cAAc+B,MAAW,CAAClB,EAAG,MAAM,CAACG,YAAY,wBAAwBE,MAAM,CAAC,IAAMP,EAAIb,WAAW7B,GAAM,IAAM0C,EAAIZ,WAAW9B,MAAS0C,EAAIS,GAAG,WAAWT,EAAIU,GAAGpD,EAAK4B,YAAY,eAAc,OAErgB,IGMpB,EACA,KACA,KACA,MAIa,UAAAa,E,yCCZA,SAASsB,EACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGA,IAoBIC,EApBApC,EACuB,mBAAlB4B,EAA+BA,EAAc5B,QAAU4B,EAuDhE,GApDIC,IACF7B,EAAQ6B,OAASA,EACjB7B,EAAQ8B,gBAAkBA,EAC1B9B,EAAQqC,WAAY,GAIlBN,IACF/B,EAAQsC,YAAa,GAInBL,IACFjC,EAAQuC,SAAW,UAAYN,GAI7BC,GAEFE,EAAO,SAAUI,IAEfA,EACEA,GACCjC,KAAKkC,QAAUlC,KAAKkC,OAAOC,YAC3BnC,KAAKoC,QAAUpC,KAAKoC,OAAOF,QAAUlC,KAAKoC,OAAOF,OAAOC,aAEZ,oBAAxBE,sBACrBJ,EAAUI,qBAGRZ,GACFA,EAAaa,KAAKtC,KAAMiC,GAGtBA,GAAWA,EAAQM,uBACrBN,EAAQM,sBAAsBC,IAAIb,IAKtClC,EAAQgD,aAAeZ,GACdJ,IACTI,EAAOD,EACH,WACEH,EAAaa,KACXtC,MACCP,EAAQsC,WAAa/B,KAAKoC,OAASpC,MAAM0C,MAAMC,SAASC,aAG7DnB,GAGFI,EACF,GAAIpC,EAAQsC,WAAY,CAGtBtC,EAAQoD,cAAgBhB,EAExB,IAAIiB,EAAiBrD,EAAQ6B,OAC7B7B,EAAQ6B,OAAS,SAAkCyB,EAAGd,GAEpD,OADAJ,EAAKS,KAAKL,GACHa,EAAeC,EAAGd,QAEtB,CAEL,IAAIe,EAAWvD,EAAQwD,aACvBxD,EAAQwD,aAAeD,EAAW,GAAGE,OAAOF,EAAUnB,GAAQ,CAACA,GAInE,MAAO,CACLsB,QAAS9B,EACT5B,QAASA,GA7Fb","file":"language-picker.a43fb603ce3602767164.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"dropdown\",staticClass:\"language-picker\",on:{\"click\":_vm.closeDropdownOnOutsideClick}},[_c('button',{staticClass:\"language-picker__button\",attrs:{\"aria-expanded\":_vm.isDropdownOpen,\"aria-haspopup\":\"listbox\"},on:{\"click\":_vm.toggleDropdown}},[(_vm.selectedCountry)?_c('img',{staticClass:\"language-picker__flag\",attrs:{\"src\":_vm.getFlagUrl(_vm.selectedCountryItem),\"alt\":_vm.getFlagAlt(_vm.selectedCountryItem)}}):_vm._e(),_vm._v(\" \"),_c('span',{staticClass:\"language-picker__selected-value visually-hidden\"},[_vm._v(\"\\n      \"+_vm._s(_vm.getSelectedLanguageName())+\"\\n    \")])]),_vm._v(\" \"),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isDropdownOpen),expression:\"isDropdownOpen\"}],staticClass:\"language-picker__select-dropdown\",attrs:{\"role\":\"listbox\",\"aria-activedescendant\":_vm.activeOptionId}},_vm._l((_vm.items),function(item,index){return _c('li',{key:`country-${item.id}`,ref:\"options\",refInFor:true,staticClass:\"language-picker__option\",class:{\n        'language-picker__option--active': index === _vm.activeIndex,\n        'disabled': item.noTranslationExists\n      },attrs:{\"role\":\"option\",\"id\":`option-${item.id}`,\"aria-selected\":item.countryCode === _vm.selectedCountry,\"tabindex\":index === _vm.activeIndex ? 0 : -1},on:{\"click\":function($event){return _vm.selectLanguage(item)},\"mousedown\":function($event){$event.preventDefault();return _vm.setActiveIndex(index)},\"keydown\":function($event){return _vm.handleKeydown($event)}}},[_c('img',{staticClass:\"language-picker__flag\",attrs:{\"src\":_vm.getFlagUrl(item),\"alt\":_vm.getFlagAlt(item)}}),_vm._v(\"\\n      \"+_vm._s(item.nativeName)+\"\\n    \")])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LanguagePicker.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LanguagePicker.vue?vue&type=script&lang=js\"","<template>\r\n  <div class=\"language-picker\" @click=\"closeDropdownOnOutsideClick\" ref=\"dropdown\">\r\n    <button \r\n      class=\"language-picker__button\" \r\n      @click=\"toggleDropdown\" \r\n      :aria-expanded=\"isDropdownOpen\"\r\n      aria-haspopup=\"listbox\"\r\n    >\r\n      <img \r\n        v-if=\"selectedCountry\" \r\n        :src=\"getFlagUrl(selectedCountryItem)\" \r\n        :alt=\"getFlagAlt(selectedCountryItem)\" \r\n        class=\"language-picker__flag\"\r\n      />\r\n      <span class=\"language-picker__selected-value visually-hidden\">\r\n        {{ getSelectedLanguageName() }}\r\n      </span>\r\n    </button>\r\n    <ul \r\n      v-show=\"isDropdownOpen\" \r\n      class=\"language-picker__select-dropdown\" \r\n      role=\"listbox\"\r\n      :aria-activedescendant=\"activeOptionId\"\r\n    >\r\n      <li \r\n        v-for=\"(item, index) in items\" \r\n        :key=\"`country-${item.id}`\"\r\n        @click=\"selectLanguage(item)\"\r\n        @mousedown.prevent=\"setActiveIndex(index)\"\r\n        @keydown=\"handleKeydown($event)\"\r\n        role=\"option\"\r\n        :id=\"`option-${item.id}`\"\r\n        :aria-selected=\"item.countryCode === selectedCountry\"\r\n        :class=\"{\r\n          'language-picker__option--active': index === activeIndex,\r\n          'disabled': item.noTranslationExists\r\n        }\"\r\n        :tabindex=\"index === activeIndex ? 0 : -1\"\r\n        class=\"language-picker__option\"\r\n        ref=\"options\"\r\n      >\r\n        <img \r\n          :src=\"getFlagUrl(item)\" \r\n          :alt=\"getFlagAlt(item)\" \r\n          class=\"language-picker__flag\"\r\n        />\r\n        {{ item.nativeName }}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    initialItems: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    currentCulture: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      items: [],\r\n      selectedCountry: '',\r\n      isDropdownOpen: false,\r\n      activeIndex: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    selectedCountryItem() {\r\n      return this.items.find((item) => item.countryCode === this.selectedCountry) || {};\r\n    },\r\n    activeOptionId() {\r\n      return this.isDropdownOpen && this.items[this.activeIndex]\r\n        ? `option-${this.items[this.activeIndex].id}`\r\n        : null;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.items = this.initialItems;\r\n    this.selectedCountry = this.currentCulture;\r\n    this.setActiveIndexFromSelectedCountry();\r\n    document.addEventListener('click', this.closeDropdownOnOutsideClick);\r\n  },\r\n  beforeUnmount() {\r\n    document.removeEventListener('click', this.closeDropdownOnOutsideClick);\r\n  },\r\n  methods: {\r\n    toggleDropdown() {\r\n      this.isDropdownOpen = !this.isDropdownOpen;\r\n      if (this.isDropdownOpen) {\r\n        this.$nextTick(() => {\r\n          this.setActiveIndexFromSelectedCountry();\r\n          this.focusActiveOption();\r\n        });\r\n      }\r\n    },\r\n    closeDropdownOnOutsideClick(event) {\r\n      if (this.$refs.dropdown && !this.$refs.dropdown.contains(event.target)) {\r\n        this.isDropdownOpen = false;\r\n      }\r\n    },\r\n    selectLanguage(item) {\r\n      this.selectedCountry = item.countryCode;\r\n      this.isDropdownOpen = false;\r\n      this.navigateToLanguageUrl();\r\n    },\r\n    navigateToLanguageUrl() {\r\n      const selectedItem = this.items.find(\r\n        (item) => item.countryCode === this.selectedCountry\r\n      );\r\n      if (selectedItem && selectedItem.url) {\r\n        window.location.href = selectedItem.url;\r\n      }\r\n    },\r\n    getSelectedLanguageName() {\r\n      const selectedItem = this.items.find(\r\n        (item) => item.countryCode === this.selectedCountry\r\n      );\r\n      return selectedItem ? selectedItem.nativeName : 'Select a language';\r\n    },\r\n    getFlagUrl(item) {\r\n      return `/assets/images/flags/${item.countryCode}.png`;\r\n    },\r\n    getFlagAlt(item) {\r\n      return `${item.nativeName || 'Unknown'} flag`;\r\n    },\r\n    handleKeydown(event) {\r\n      switch (event.key) {\r\n        case 'ArrowDown':\r\n          event.preventDefault();\r\n          if (this.items.length > 0) {\r\n            this.activeIndex = (this.activeIndex + 1) % this.items.length;\r\n            this.focusActiveOption();\r\n          }\r\n          break;\r\n        case 'ArrowUp':\r\n          event.preventDefault();\r\n          if (this.items.length > 0) {\r\n            this.activeIndex =\r\n              (this.activeIndex - 1 + this.items.length) % this.items.length;\r\n            this.focusActiveOption();\r\n          }\r\n          break;\r\n        case 'Enter':\r\n        case ' ': // Space key\r\n          event.preventDefault();\r\n          const activeItem = this.items[this.activeIndex];\r\n          if (activeItem) {\r\n            this.selectLanguage(activeItem);\r\n          }\r\n          break;\r\n        case 'Escape':\r\n          event.preventDefault();\r\n          this.isDropdownOpen = false;\r\n          break;\r\n      }\r\n    },\r\n    focusActiveOption() {\r\n      const options = this.$refs.options;\r\n      if (options && options[this.activeIndex]) {\r\n        options[this.activeIndex].focus();\r\n      }\r\n    },\r\n    setActiveIndex(index) {\r\n      this.activeIndex = index;\r\n    },\r\n    setActiveIndexFromSelectedCountry() {\r\n      const index = this.items.findIndex(\r\n        (item) => item.countryCode === this.selectedCountry\r\n      );\r\n      this.activeIndex = index !== -1 ? index : 0;\r\n    },\r\n  },\r\n};\r\n</script>","import { render, staticRenderFns } from \"./LanguagePicker.vue?vue&type=template&id=4f2f933c\"\nimport script from \"./LanguagePicker.vue?vue&type=script&lang=js\"\nexport * from \"./LanguagePicker.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */,\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options =\n    typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) {\n    // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n          injectStyles.call(\n            this,\n            (options.functional ? this.parent : this).$root.$options.shadowRoot\n          )\n        }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection(h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n"],"sourceRoot":""}