{"version":3,"sources":["webpack:///./src/components/accessibility/i4pro-accessibility-font.vue?376a","webpack:///src/components/accessibility/i4pro-accessibility-font.vue","webpack:///./src/components/accessibility/i4pro-accessibility-font.vue?d0f3","webpack:///./src/components/accessibility/i4pro-accessibility-font.vue","webpack:///./src/components/accessibility/i4pro-accessibility-font.vue?3a31"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","minusFont","_v","plusFont","staticRenderFns","data","methods","setFontSize","fontSize","_minFontSize","isOperaor","el","style","changeFontSize","tags","length","tag","tagName","component","VBtn","VIcon"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,GAAG,GAAK,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,eAAe,CAACN,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACN,EAAIW,GAAG,0BAA0B,GAAGP,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,GAAG,GAAK,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIY,cAAc,CAACR,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACN,EAAIW,GAAG,yBAAyB,IAAI,IAC9dE,EAAkB,GCYtB,GACEC,KAAM,WAAR,OACA,oFAGEC,QAAS,CACPC,YADJ,SACA,OACM,IAAN,gDACA,4BACA,QAEUC,EAAWC,IAAiBC,GAEtC,YADQC,EAAGC,MAAMJ,SAAWD,IAMxBM,eAbJ,SAaA,GACM,IAAN,YAEM,IAAK,IAAX,oBACQ,IAAR,8CACQ,GAAIC,EAAM,CAGR,GAAmB,GAAfA,EAAKC,OACPvB,KAAKe,YAAYO,EAAK,GAAIJ,EAAW,QAErC,IAAK,IAAjB,OACkBI,EAAKE,GAAKC,SACZzB,KAAKe,YAAYO,EAAKE,GAAMN,EAAW,MAQnDP,SAlCJ,WAmCMX,KAAKqB,eAAe,SAGtBZ,UAtCJ,WAuCMT,KAAKqB,eAAe,YCzDuV,I,qECQ7WK,EAAY,eACd,EACA5B,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAc,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,Q,oCCzBnC,yBAA0kB,EAAG,G","file":"js/chunk-67156ed0.4ce821f2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"change-fontSize\"},[_c('v-btn',{attrs:{\"icon\":\"\",\"id\":\"minusFont\"},on:{\"click\":function($event){return _vm.minusFont()}}},[_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"fas fa-search-minus\")])],1),_c('v-btn',{attrs:{\"icon\":\"\",\"id\":\"plusFont\"},on:{\"click\":function($event){return _vm.plusFont()}}},[_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"fas fa-search-plus\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"change-fontSize\">\r\n    <v-btn @click=\"minusFont()\" icon id=\"minusFont\">\r\n      <v-icon class=\"mr-1\">fas fa-search-minus</v-icon>\r\n    </v-btn>\r\n\r\n    <v-btn @click=\"plusFont()\" icon id=\"plusFont\">\r\n      <v-icon class=\"mr-1\">fas fa-search-plus</v-icon>\r\n    </v-btn>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    listTags: ['html', 'li', 'div', 'span', 'td', 'h1', 'h2', 'h3', 'h4', 'h5', 'a', 'label', 'p']\r\n  }),\r\n\r\n  methods: {\r\n    setFontSize(el, isOperaor, minFontSize) {\r\n      let fontSize = parseInt(window.getComputedStyle(el).fontSize);\r\n      let setFontSize = isOperaor ? `${fontSize + 1}px` : `${fontSize - 1}px`;\r\n      let _minFontSize = minFontSize ? minFontSize : 8;\r\n\r\n      if (fontSize > _minFontSize && !isOperaor) {\r\n        el.style.fontSize = setFontSize;\r\n      } else if (fontSize > _minFontSize - 1 && isOperaor) {\r\n        el.style.fontSize = setFontSize;\r\n      }\r\n    },\r\n\r\n    changeFontSize(operator) {\r\n      let isOperaor = operator == 'plus' ? true : false;\r\n\r\n      for (let font in this.listTags) {\r\n        let tags = document.querySelectorAll(this.listTags[font]);\r\n        if (tags) {\r\n          let fontSize = '';\r\n\r\n          if (tags.length == 1) {\r\n            this.setFontSize(tags[0], isOperaor, 8);\r\n          } else {\r\n            for (let tag in tags) {\r\n              if (tags[tag].tagName) {\r\n                this.setFontSize(tags[tag], isOperaor, 8);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    },\r\n\r\n    plusFont() {\r\n      this.changeFontSize('plus');\r\n    },\r\n\r\n    minusFont() {\r\n      this.changeFontSize('minus');\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.change-fontSize {\r\n  position: relative;\r\n  padding-left: 10px;\r\n\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 8px;\r\n    width: 1px;\r\n    background: #e5e5e5;\r\n    height: 20px;\r\n  }\r\n\r\n  .v-icon {\r\n    font-size: 20px;\r\n  }\r\n}\r\n</style>\r\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!./i4pro-accessibility-font.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!./i4pro-accessibility-font.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./i4pro-accessibility-font.vue?vue&type=template&id=e2c03eb8&scoped=true&\"\nimport script from \"./i4pro-accessibility-font.vue?vue&type=script&lang=js&\"\nexport * from \"./i4pro-accessibility-font.vue?vue&type=script&lang=js&\"\nimport style0 from \"./i4pro-accessibility-font.vue?vue&type=style&index=0&id=e2c03eb8&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  \"e2c03eb8\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./i4pro-accessibility-font.vue?vue&type=style&index=0&id=e2c03eb8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./i4pro-accessibility-font.vue?vue&type=style&index=0&id=e2c03eb8&lang=scss&scoped=true&\""],"sourceRoot":""}