{"version":3,"sources":["webpack:///./src/common/components/selects/SelectLanguage.vue?b02e","webpack:///./src/common/components/selects/SelectLanguage.vue","webpack:///src/common/components/selects/SelectLanguage.vue","webpack:///./src/common/components/selects/SelectLanguage.vue?f3da","webpack:///./src/common/components/selects/SelectLanguage.vue?a2be"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","$i18n","locale","toUpperCase","attrs","$t","_l","langs","lang","i","key","class","on","$event","preventDefault","changeLanguage","_e","language","domProps","staticRenderFns","name","components","IconCaretDown","IconLanguage","IconCheckMark","IconAmericanFlag","IconDominicanFlag","SubMenuContainer","data","methods","setImmediate","localStorage","setItem","computed","isActive","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wCAAwCC,YAAY,CAAC,OAAS,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,iGAAiG,CAACF,EAAG,OAAO,CAACE,YAAY,6CAA6C,CAACF,EAAG,OAAO,CAACE,YAAY,yCAAyC,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIQ,MAAMC,OAAOC,eAAe,SAASR,EAAG,MAAM,CAACE,YAAY,gBAAgBC,YAAY,CAAC,MAAQ,SAAS,CAACH,EAAG,gBAAgB,CAACG,YAAY,CAAC,UAAY,mBAAmBM,MAAM,CAAC,MAAQ,OAAO,KAAO,OAAO,KAAKT,EAAG,MAAM,CAACE,YAAY,uFAAuFC,YAAY,CAAC,OAAS,SAAS,CAACH,EAAG,kBAAkB,CAACS,MAAM,CAAC,KAAO,OAAO,GAAGT,EAAG,qBAAqB,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIY,GAAG,gCAAgCV,EAAG,KAAK,CAACE,YAAY,8BAA8BF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIa,GAAIb,EAAIc,OAAO,SAASC,EAAKC,GAAG,OAAOd,EAAG,QAAQ,CAACe,IAAI,OAAOD,EAAIZ,YAAY,yFAAyFc,MAAM,CAAClB,EAAIQ,MAAMC,SAAWM,EAAKE,IAAM,SAAW,YAAYN,MAAM,CAAC,MAAQI,EAAKE,KAAKE,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBrB,EAAIsB,eAAeP,EAAKE,QAAQ,CAACf,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAAQ,IAANY,EAASd,EAAG,qBAAqB,CAACE,YAAY,OAAOO,MAAM,CAAC,KAAO,GAAG,IAAM,kBAAkBX,EAAIuB,KAAY,IAANP,EAASd,EAAG,sBAAsB,CAACE,YAAY,OAAOO,MAAM,CAAC,KAAO,GAAG,IAAM,kBAAkBX,EAAIuB,MAAM,GAAGrB,EAAG,OAAO,CAACE,YAAY,yBAAyBO,MAAM,CAAC,GAAK,iBAAiB,CAACX,EAAIM,GAAGN,EAAIO,GAAGQ,EAAKS,aAAatB,EAAG,QAAQ,CAACE,YAAY,2BAA2BO,MAAM,CAAC,KAAO,QAAQ,KAAO,SAASc,SAAS,CAAC,QAAUzB,EAAIQ,MAAMC,SAAWM,EAAKE,OAAOf,EAAG,kBAAkB,CAACE,YAAY,qBAAqBO,MAAM,CAAC,KAAO,OAAO,MAAKT,EAAG,MAAM,CAACE,YAAY,gCAAgCC,YAAY,CAAC,mBAAmB,gBAAgB,QAAQ,IAEtpEqB,EAAkB,GCqCP,G,UAAA,CACfC,KAAA,iBACAC,WAAA,CACAC,kBAAA,gDACAC,iBAAA,gDACAC,kBAAA,gDAEAC,qBAAA,gDACAC,sBAAA,gDAGAC,qBAAA,iDAEAC,OACA,UAEAC,QAAA,CACA,qBAAArB,GACAsB,aAAA,UAAA7B,MAAAC,OAAAM,IACAuB,aAAAC,QAAA,OAAAxB,KAGAyB,SAAA,CACA1B,QACA,OACA,CAAAU,SAAA,KAAAZ,GAAA,sBAAAK,IAAA,KAAAwB,UAAA,GACA,CAAAjB,SAAA,KAAAZ,GAAA,sBAAAK,IAAA,KAAAwB,UAAA,QCjEqX,I,wBCQjXC,EAAY,eACd,EACA3C,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E","file":"js/chunk-1ba18314.3531916a.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectLanguage.vue?vue&type=style&index=0&id=613b14bb&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"select-language-father-container mt-2\",staticStyle:{\"height\":\"32px\"}},[_c('div',{staticClass:\"select-language d-flex flex-column justify-content-center align-content-center cursor-pointer\"},[_c('span',{staticClass:\"lang-container d-flex color-light-gray-50\"},[_c('span',{staticClass:\"color-light-gray-50 text-center w-100\"},[_vm._v(\" \"+_vm._s(_vm.$i18n.locale.toUpperCase())+\" \")])]),_c('div',{staticClass:\"red-underline\",staticStyle:{\"width\":\"18px\"}},[_c('icon-language',{staticStyle:{\"transform\":\"translateY(3px)\"},attrs:{\"color\":'#fff',\"size\":18}})],1)]),_c('div',{staticClass:\"lang-icon-container caret-down-triangle d-flex align-self-end position-relative ms-2\",staticStyle:{\"height\":\"21px\"}},[_c('icon-caret-down',{attrs:{\"size\":10}})],1),_c('sub-menu-container',{staticClass:\"select-language-container\"},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('h5',{staticClass:\"title-16 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"layout.select_language\")))])]),_c('hr',{staticClass:\"submenu-divider mb-0 mt-1\"}),_c('div',{staticClass:\"mt-2\"},[_vm._l((_vm.langs),function(lang,i){return _c('label',{key:`lang${i}`,staticClass:\"language-selector d-flex cursor-pointer rounded w-100 cursor-pointer position-relative\",class:[_vm.$i18n.locale === lang.key ? 'active' : 'inactive'],attrs:{\"value\":lang.key},on:{\"click\":function($event){$event.preventDefault();return _vm.changeLanguage(lang.key)}}},[_c('span',{staticClass:\"language-icon\"},[(i === 1)?_c('icon-american-flag',{staticClass:\"mr-2\",attrs:{\"size\":23,\"alt\":\"iconLanguage\"}}):_vm._e(),(i === 0)?_c('icon-dominican-flag',{staticClass:\"mr-2\",attrs:{\"size\":23,\"alt\":\"iconLanguage\"}}):_vm._e()],1),_c('span',{staticClass:\"language-title desc-13\",attrs:{\"id\":\"langSelected\"}},[_vm._v(_vm._s(lang.language))]),_c('input',{staticClass:\"language-check opacity-0\",attrs:{\"type\":\"radio\",\"name\":\"radio\"},domProps:{\"checked\":_vm.$i18n.locale === lang.key}}),_c('icon-check-mark',{staticClass:\"language-checkmark\",attrs:{\"size\":12}})],1)}),_c('div',{staticClass:\"selected-bg position-absolute\",staticStyle:{\"background-color\":\"#DFE6ED73\"}})],2)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"select-language-father-container mt-2\" style=\"height: 32px;\">\n        <div class=\"select-language d-flex flex-column justify-content-center align-content-center cursor-pointer\">\n            <span class=\"lang-container d-flex color-light-gray-50\">\n                <span class=\"color-light-gray-50 text-center w-100 \">\n                    {{ $i18n.locale.toUpperCase() }}\n                </span>\n            </span>\n            <div class=\"red-underline\" style=\"width: 18px;\">\n                <icon-language style=\"transform: translateY(3px)\" :color=\"'#fff'\" :size=\"18\"/>    \n            </div>\n        </div>\n            <div class=\"lang-icon-container caret-down-triangle d-flex align-self-end position-relative ms-2\" style=\"height: 21px;\">\n                <icon-caret-down :size=\"10\"/>\n            </div>\n        <sub-menu-container class=\"select-language-container\">\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex\">\n                    <h5 class=\"title-16 mb-0\">{{ $t(\"layout.select_language\") }}</h5>                \n                </div>\n                <hr class=\"submenu-divider mb-0 mt-1\"/>\n                <div class=\"mt-2\">\n                    <label class=\"language-selector d-flex cursor-pointer rounded w-100 cursor-pointer position-relative\" :key=\"`lang${i}`\" @click.prevent=\"changeLanguage(lang.key)\" :value=\"lang.key\" v-for=\"(lang, i) in langs\" :class=\"[$i18n.locale === lang.key ? 'active' : 'inactive']\">\n                        <span class=\"language-icon\">\n                            <icon-american-flag :size=\"23\" class=\"mr-2\" alt=\"iconLanguage\" v-if=\"i === 1\" /> \n                            <icon-dominican-flag :size=\"23\" class=\"mr-2\" alt=\"iconLanguage\" v-if=\"i === 0\" />\n                        </span>\n                        <span class=\"language-title desc-13\" id=\"langSelected\">{{ lang.language }}</span>\n                        <input class=\"language-check opacity-0\" type=\"radio\" name=\"radio\" :checked=\"$i18n.locale === lang.key\" />\n                        <icon-check-mark class=\"language-checkmark\" :size=\"12\" />\n                    </label>\n                    <div class=\"selected-bg position-absolute\" style=\"background-color: #DFE6ED73;\"></div>\n                </div>\n            </div>\n        </sub-menu-container>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'SelectLanguage',\n    components: {\n        IconCaretDown: () => import('@/common/svg/iconCaretDown'),\n        IconLanguage: () => import('@/common/svg/iconLanguage'),\n        IconCheckMark: () => import('@/common/svg/iconCheckMark'),\n        //flags\n        IconAmericanFlag: () => import('@/common/svg/iconAmericanFlag'),\n        IconDominicanFlag: () => import('@/common/svg/iconDominicanFlag'),\n\n        //submenu container\n        SubMenuContainer: () => import('@/modules/layout/components/navbar/menus/submenus/SubMenuContainer.vue'),\n    },\n    data(){\n        return {}\n    },\n    methods: {\n        async changeLanguage(lang){\n            setImmediate(() => { this.$i18n.locale = lang});\n            localStorage.setItem(\"lang\", lang)\n        }\n    },\n    computed:{\n        langs() {\n            return [\n                { language: this.$t('common.language.ES'), key: 'es', isActive: true },\n                { language: this.$t('common.language.EN'), key: 'en', isActive: false },\n            ]\n        }\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.menu-item {\n    &:hover {\n        @media screen and (min-width: $lg) {\n            .sub-menu-container {\n                display: block;\n            }\n        }\n    }\n    svg {\n        fill: white;\n    }\n}\n\n.select-language-father-container{\n    &:before{\n        width: 50px;\n    }\n    width: 36px;\n}\n\n/* will be exported as a common component */\n.lang-container {\n    font-family: 'Rubik' !important;\n    font-size: 10px !important; \n\n    line-height: 0.2;\n    padding-top: 1px;\n}\n\n.select-language {\n    margin-top: -2px;\n    height: 32px;\n    //white-space\n    &:before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: -2px;\n        \n        height: 55px;\n        width: 80px;\n\n        cursor: pointer;\n    }\n}\n\n.select-language-container {\n    width: 218px;\n    left: -2px;\n\n    .language-selector {\n        transition: $transition-0 !important;\n        padding: 4px;\n        background: transparent;\n        z-index: 13;\n        &:first-child{\n            margin-bottom: 4px;\n        }\n        .language-icon {\n            margin-right: 6px;\n            z-index: 13;\n        }\n        .language-title{\n            line-height: 28px;\n            margin-right: auto;\n            z-index: 13;\n        }\n        .language-checkmark {\n            transition: $transition-0 !important;\n            margin-right: 10px;\n            opacity: 1;\n            z-index: 13;\n            fill: var(--blue-700)\n        }\n    }\n\n    /* language selected */\n    .active {\n        transition: all 500ms ease-in-out !important;\n        span {\n            transition: $transition-0 !important;\n            color: $dark-main-navy;\n        }\n        & + .selected-bg {\n            transform: translateY(-36px);\n        }\n    }\n    /* languages not selected */\n    .inactive {        \n        & + .selected-bg {\n            transform: translateY(-76px);\n        }\n        transition: $transition-0 !important;\n        .language-checkmark {\n            opacity: 0;\n        }\n        .language-icon {\n            transition: $transition-0 !important;\n            opacity: 0.5;\n        }\n        &:hover {\n            background-color: #F4F7F9BF;\n            span {\n                transition: $transition-0 !important;\n                color: $dark-main-navy;\n            }\n            .language-icon {\n                transition: $transition-0 !important;\n                opacity: 1;\n            }\n        }\n    }\n    .selected-bg {  \n        transition: all .3s ease-in-out;\n        width: 187px;\n        height: 36px;\n        z-index: 12;\n        border-radius: .25rem !important;\n}\n    transition: $transition-2;\n}\n\n/* arrow icon */\n.arrow {\n    position: absolute;\n    top: 8px;\n    right: 10px;\n\n    height: 12px;\n    width: 12px;\n    \n    opacity: 0;\n    fill:#212E3D\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectLanguage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectLanguage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectLanguage.vue?vue&type=template&id=613b14bb&scoped=true\"\nimport script from \"./SelectLanguage.vue?vue&type=script&lang=js\"\nexport * from \"./SelectLanguage.vue?vue&type=script&lang=js\"\nimport style0 from \"./SelectLanguage.vue?vue&type=style&index=0&id=613b14bb&prod&lang=scss&scoped=true\"\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  \"613b14bb\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}