{"version":3,"sources":["webpack:///./src/components/mode/ButtonSetTheme.vue?0992","webpack:///./src/components/mode/ButtonSetTheme.vue","webpack:///src/components/mode/ButtonSetTheme.vue","webpack:///./src/components/mode/ButtonSetTheme.vue?daad","webpack:///./src/components/mode/ButtonSetTheme.vue?0216"],"names":["render","_vm","this","_c","_self","staticClass","attrs","isDarkModeActive","on","toggleTheme","class","staticRenderFns","mounted","darkMode","methods","JSON","parse","localStorage","getItem","body","document","querySelector","classList","add","remove","$forceUpdate","setItem","stringify","data","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,YAAY,YAAYC,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,KAAOL,EAAIM,iBAAiB,MAAQN,EAAIM,kBAAkBC,GAAG,CAAC,MAAQP,EAAIQ,cAAc,CAACN,EAAG,IAAI,CAACO,MAAM,QAAQT,EAAIM,iBAA+B,SAAZ,gBAA4B,IAE9SI,EAAkB,GCDP,GACfC,UACA,KAAAC,YAEAC,QAAA,CACAD,WACA,MAAAN,EACA,MAAAQ,KAAAC,MAAAC,aAAAC,QAAA,YAEAH,KAAAC,MAAAC,aAAAC,QAAA,WACA,KAAAX,mBAGA,MAAAY,EAAAC,SAAAC,cAAA,QACAd,EACAY,EAAAG,UAAAC,IAAA,SAEAJ,EAAAG,UAAAE,OAAA,QACA,KAAAC,iBAGAhB,cAEA,KAAAF,kBAAA,KAAAA,iBAEA,MAAAY,EAAAC,SAAAC,cAAA,QACAJ,aAAAS,QAAA,SAAAX,KAAAY,UAAA,KAAApB,mBACA,KAAAA,iBACAY,EAAAG,UAAAC,IAAA,QAEAJ,EAAAG,UAAAE,OAAA,QAEA,KAAAC,iBAGAG,OACA,OACArB,kBAAA,KCtCyY,I,wBCQrYsB,EAAY,eACd,EACA7B,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/chunk-09b9e283.11063e5e19ed3492c117.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonSetTheme.vue?vue&type=style&index=0&id=3033864e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vs-button',{staticClass:\"btn-theme\",attrs:{\"flat\":\"\",\"icon\":\"\",\"warn\":_vm.isDarkModeActive,\"dark\":!_vm.isDarkModeActive},on:{\"click\":_vm.toggleTheme}},[_c('i',{class:`fas ${!_vm.isDarkModeActive ? 'fa-moon' : 'fa-sun'}`})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  mounted() {\r\n    this.darkMode();\r\n  },\r\n  methods: {\r\n    darkMode() {\r\n      const isDarkModeActive =\r\n        JSON.parse(localStorage.getItem(\"isdark\")) == null\r\n          ? false\r\n          : JSON.parse(localStorage.getItem(\"isdark\"));\r\n      this.isDarkModeActive = isDarkModeActive;\r\n      console.log(\"localstorage dark toogle \", this.isDarkModeActive);\r\n      // console.log(\"localstorage dark button \", isDarkModeActive);\r\n      const body = document.querySelector(\"body\");\r\n      if (isDarkModeActive) {\r\n        body.classList.add(\"dark\");\r\n      } else {\r\n        body.classList.remove(\"dark\");\r\n        this.$forceUpdate();\r\n      }\r\n    },\r\n    toggleTheme() {\r\n      // const isDark = document.body.classList.toggle(\"dark\");\r\n      this.isDarkModeActive = !this.isDarkModeActive;\r\n      console.log(\"localstorage dark toogle \", this.isDarkModeActive);\r\n      const body = document.querySelector(\"body\");\r\n      localStorage.setItem(\"isdark\", JSON.stringify(this.isDarkModeActive));\r\n      if (this.isDarkModeActive) {\r\n        body.classList.add(\"dark\");\r\n      } else {\r\n        body.classList.remove(\"dark\");\r\n      }\r\n      this.$forceUpdate();\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isDarkModeActive: false,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <vs-button\r\n      flat\r\n      icon\r\n      class=\"btn-theme\"\r\n      @click=\"toggleTheme\"\r\n      :warn=\"isDarkModeActive\"\r\n      :dark=\"!isDarkModeActive\"\r\n    >\r\n      <i :class=\"`fas ${!isDarkModeActive ? 'fa-moon' : 'fa-sun'}`\"></i>\r\n    </vs-button>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.btn-theme {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  transition: 0.3s;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./ButtonSetTheme.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/@vue/cli-plugin-babel/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!./ButtonSetTheme.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ButtonSetTheme.vue?vue&type=template&id=3033864e&scoped=true\"\nimport script from \"./ButtonSetTheme.vue?vue&type=script&lang=js\"\nexport * from \"./ButtonSetTheme.vue?vue&type=script&lang=js\"\nimport style0 from \"./ButtonSetTheme.vue?vue&type=style&index=0&id=3033864e&prod&scoped=true&lang=css\"\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  \"3033864e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}