{"version":3,"sources":["webpack:///./src/modules/Chat/components/YNavbar.vue?31a9","webpack:///src/modules/Chat/components/YNavbar.vue","webpack:///./src/modules/Chat/components/YNavbar.vue?aa4f","webpack:///./src/modules/Chat/components/YNavbar.vue","webpack:///./src/modules/Chat/components/YNavbar.vue?a79e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","style","srcLogo","_v","_s","i18n","titleNav","_t","on","backRouter","$event","onLogout","logout","staticRenderFns","name","props","showIconBack","data","mounted","setNewWidth","$nextTick","window","addEventListener","compareAndSetLogo","methods","AUTH_LOGOUT","then","windowWidth","setLogoDesktop","setLogoMobile","innerWidth","styleLogo","$router","go","computed","$i18n","t","beforeDestroy","removeEventListener","watch","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qDAAqDC,MAAM,CAAC,GAAK,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,WAAW,CAACH,EAAG,MAAM,CAACI,MAAOR,EAAa,UAAEO,MAAM,CAAC,IAAMP,EAAIS,aAAaL,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,KAAKC,cAAc,GAAGb,EAAIc,GAAG,WAAYd,EAAgB,aAAEI,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,aAAa,KAAO,MAAMQ,GAAG,CAAC,MAAQf,EAAIgB,cAAcZ,EAAG,MAAM,CAACE,YAAY,iCAAiCS,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOjB,EAAIkB,cAAc,CAACd,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,KAAKO,WAAWf,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,0BAA0B,MAAQ,WAAW,IAC1yBa,EAAkB,G,8mBCyBtB,OACEC,KAAM,UACNC,MAAO,CACLC,aAAc,CAAlB,eAEEC,KAAM,WAAR,OACA,WACA,eACA,mBAEEC,QAVF,WAUA,WACIxB,KAAKyB,cACLzB,KAAK0B,UAAU,WACbC,OAAOC,iBAAiB,SAAU,EAAxC,eAEI5B,KAAK6B,qBAEPC,QAAS,EAAX,GACA,gCADA,CAEIb,SAFJ,WAEA,WACMjB,KAAK+B,cAAcC,KAAK,WAA9B,wCAEIH,kBALJ,WAMU7B,KAAKiC,YAAc,IACrBjC,KAAKkC,iBAELlC,KAAKmC,iBAGTV,YAZJ,WAaMzB,KAAKiC,YAAcN,OAAOS,YAE5BD,cAfJ,WAgBMnC,KAAKQ,QAAU,oCACfR,KAAKqC,UAAY,CAAvB,eAEIH,eAnBJ,WAoBM,KAAN,mCACA,gBAAQ,MAAR,SAEInB,WAvBJ,WAwBMf,KAAKsC,QAAQC,IAAI,MAGrBC,SAAU,CACR7B,KADJ,WAEM,OAAOX,KAAKyC,MAAMC,EAAE,wBAGxBC,cAjDF,WAkDIhB,OAAOiB,oBAAoB,SAAU5C,KAAKyB,cAE5CoB,MAAO,CACLZ,YADJ,WAEMjC,KAAK6B,uBChFoW,I,wBCQ3WiB,EAAY,eACd,EACAhD,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,6CCnBf,yBAA2kB,EAAG,G","file":"js/chunk-71af3ce2.dc071272.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"flex full-width justify-between align-items-center\",attrs:{\"id\":\"YNavBar\"}},[_c('div',{staticClass:\"flex align-items-end logo\"},[_c('router-link',{attrs:{\"to\":\"/ytalk\"}},[_c('img',{style:(_vm.styleLogo),attrs:{\"src\":_vm.srcLogo}})]),_c('span',{staticClass:\"title-nav\"},[_vm._v(_vm._s(_vm.i18n.titleNav))])],1),_vm._t(\"default\"),(_vm.showIconBack)?_c('v-icon',{staticClass:\"back\",attrs:{\"icon\":\"arrow-left\",\"size\":\"lg\"},on:{\"click\":_vm.backRouter}}):_c('div',{staticClass:\"flex align-items-center logout\",on:{\"click\":function($event){return _vm.onLogout()}}},[_c('span',{staticClass:\"logout\"},[_vm._v(_vm._s(_vm.i18n.logout))]),_c('img',{attrs:{\"src\":\"/img/icons/sair_ico.svg\",\"width\":\"25\"}})])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <nav id=\"YNavBar\" class=\"flex full-width justify-between align-items-center\">\n    <div class=\"flex align-items-end logo\">\n      <router-link to=\"/ytalk\">\n        <img :src=\"srcLogo\" :style=\"styleLogo\" />\n      </router-link>\n      <span class=\"title-nav\">{{ i18n.titleNav }}</span>\n    </div>\n    <slot></slot>\n    <v-icon\n      v-if=\"showIconBack\"\n      class=\"back\"\n      icon=\"arrow-left\"\n      size=\"lg\"\n      @click=\"backRouter\"\n    ></v-icon>\n    <div v-else class=\"flex align-items-center logout\" @click=\"onLogout()\">\n      <span class=\"logout\">{{ i18n.logout }}</span>\n      <img src=\"/img/icons/sair_ico.svg\" width=\"25\" />\n    </div>\n  </nav>\n</template>\n\n<script>\nimport { mapActions } from 'vuex';\n\nexport default {\n  name: 'YNavbar',\n  props: {\n    showIconBack: { type: Boolean }\n  },\n  data: () => ({\n    srcLogo: '',\n    styleLogo: null,\n    windowWidth: null\n  }),\n  mounted() {\n    this.setNewWidth();\n    this.$nextTick(() => {\n      window.addEventListener('resize', this.setNewWidth);\n    });\n    this.compareAndSetLogo();\n  },\n  methods: {\n    ...mapActions(['AUTH_LOGOUT']),\n    onLogout() {\n      this.AUTH_LOGOUT().then(() => this.$router.push('/auth/login'));\n    },\n    compareAndSetLogo() {\n      if (this.windowWidth > 500) {\n        this.setLogoDesktop();\n      } else {\n        this.setLogoMobile();\n      }\n    },\n    setNewWidth() {\n      this.windowWidth = window.innerWidth;\n    },\n    setLogoMobile() {\n      this.srcLogo = '/img/icons/logo_talk_reduzido.svg';\n      this.styleLogo = { width: '34px' };\n    },\n    setLogoDesktop() {\n      (this.srcLogo = '/img/icons/logo_talk.svg'),\n        (this.styleLogo = { width: '75px' });\n    },\n    backRouter() {\n      this.$router.go(-1);\n    }\n  },\n  computed: {\n    i18n() {\n      return this.$i18n.t('components.YNavbar');\n    }\n  },\n  beforeDestroy() {\n    window.removeEventListener('resize', this.setNewWidth);\n  },\n  watch: {\n    windowWidth() {\n      this.compareAndSetLogo();\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n#YNavBar {\n  padding: 8px;\n}\n\n.logo,\n.back,\n.logout {\n  cursor: pointer;\n}\n\n.title-nav {\n  font-size: 12px;\n  margin-left: 10px;\n}\n\n.logout {\n  & > span {\n    margin-right: 5px;\n  }\n}\n\n@include sm {\n  .logout > span,\n  .title-nav {\n    display: none;\n  }\n}\n\n@include md {\n  .logout > span,\n  .title-nav {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YNavbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YNavbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YNavbar.vue?vue&type=template&id=587f6d2e&scoped=true&\"\nimport script from \"./YNavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./YNavbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YNavbar.vue?vue&type=style&index=0&id=587f6d2e&scoped=true&lang=scss&\"\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  \"587f6d2e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YNavbar.vue?vue&type=style&index=0&id=587f6d2e&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YNavbar.vue?vue&type=style&index=0&id=587f6d2e&scoped=true&lang=scss&\""],"sourceRoot":""}