{"version":3,"file":"language_switch-CSJSoRRb.js","sources":["../../../app/javascript/assets/images/flag-france.png","../../../app/javascript/assets/images/flag-united-kingdom.png","../../../app/javascript/components/app/language_switch.vue"],"sourcesContent":["export default \"__VITE_ASSET__CWc9KnXP__\"","export default \"__VITE_ASSET__Ca03I7fw__\"","\n<template>\n  <div>\n    <v-row v-if=\"card\">\n      <v-col\n        v-for=\"(language, index) in Languages\"\n        :key=\"index\"\n      >\n        <v-card\n          flat\n          outlined\n          @click.stop=\"() => {setLanguage(language.name)}\"\n          hover\n          max-width=\"120\"\n          class=\"center\"\n        >\n          <v-card-text>\n            <v-img\n              max-height=\"50\"\n              max-width=\"50\"\n              :src=\"language.image\"\n              class=\"center\"\n            />\n            <div class=\"text-center mt-2 text-button\">\n              {{ language.label }}\n            </div>\n          </v-card-text>\n        </v-card>\n      </v-col>\n    </v-row>\n\n    <v-btn-toggle\n      v-else\n      v-model=\"selectedLanguage\"\n      mandatory\n      :tile=\"tile\"\n      :group=\"tile\"\n      :class=\"label ? 'onboarding' : ''\"\n    >\n      <v-btn\n        v-for=\"(language, index) in Languages\"\n        :small=\"small && !xSmall\"\n        :x-small=\"xSmall\"\n        :width=\"label ? 110 : null\"\n        :value=\"language.name\"\n        @click.stop=\"click\"\n        :key=\"index\"\n      >\n        <v-img\n          max-height=\"17\"\n          max-width=\"17\"\n          :src=\"language.image\"\n        />\n\n        <span\n          v-if=\"label\"\n          class=\"ml-2\"\n        >\n          {{ language.label }}\n        </span>\n      </v-btn>\n    </v-btn-toggle>\n  </div>\n</template>\n\n<script>\nimport flagFr from \"@/assets/images/flag-france.png\"\nimport flagEn from \"@/assets/images/flag-united-kingdom.png\"\n\nexport default {\n  name: \"LanguageSwitch\",\n  props: {\n    value: {\n      type: String,\n      default: null,\n    },\n    tile: {\n      type: Boolean,\n      default: false,\n    },\n    label: {\n      type: Boolean,\n      default: false,\n    },\n    card: {\n      type: Boolean,\n      default: false,\n    },\n    small: {\n      type: Boolean,\n      default: true,\n    },\n    xSmall: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data: () => ({\n  }),\n  computed: {\n    selectedLanguage: {\n      get() { return this.value },\n      set(val, oldVal) {\n        console.log(val, oldVal)\n        if(oldVal) return\n        this.$emit(\"input\", val)\n        this.$emit(\"change\", val)\n\n      },\n    },\n    Languages() {\n      return [{\n        name: \"fr\",\n        image: flagFr,\n        label: \"Français\",\n      }, {\n        name: \"en\",\n        image: flagEn,\n        label: \"English\",\n      }]\n    },\n  },\n  methods: {\n    setLanguage(language) {\n      this.selectedLanguage = language\n      this.click()\n    },\n    click() {\n      this.$emit(\"click\")\n    },\n  },\n}\n</script>\n\n<style scoped>\n  .onboarding {\n    margin-left: 25%;\n  }\n</style>\n"],"names":["flagFr","flagEn","_sfc_main","val","oldVal","language"],"mappings":"ykBAAA,MAAeA,EAAA,uDCAAC,EAAA,+DCqEfC,EAAA,CACA,KAAA,iBACA,MAAA,CACA,MAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,MAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,MAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,OAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,KAAA,KAAA,CACA,GACA,SAAA,CACA,iBAAA,CACA,KAAA,CAAA,OAAA,KAAA,KAAA,EACA,IAAAC,EAAAC,EAAA,CACA,QAAA,IAAAD,EAAAC,CAAA,EACA,CAAAA,IACA,KAAA,MAAA,QAAAD,CAAA,EACA,KAAA,MAAA,SAAAA,CAAA,EAEA,CACA,EACA,WAAA,CACA,MAAA,CAAA,CACA,KAAA,KACA,MAAAH,EACA,MAAA,UACA,EAAA,CACA,KAAA,KACA,MAAAC,EACA,MAAA,SACA,CAAA,CACA,CACA,EACA,QAAA,CACA,YAAAI,EAAA,CACA,KAAA,iBAAAA,EACA,KAAA,MAAA,CACA,EACA,OAAA,CACA,KAAA,MAAA,OAAA,CACA,CACA,CACA"}