{"version":3,"sources":["webpack:///./src/components/ToggleButtons.vue?53ab","webpack:///src/components/ToggleButtons.vue","webpack:///./src/components/ToggleButtons.vue?9610","webpack:///./src/components/ToggleButtons.vue?2dbe","webpack:///./src/components/ToggleButtons.vue?8119"],"names":["render","_vm","this","_h","$createElement","_c","_self","_l","option","key","id","staticClass","class","selectedOption","on","$event","selectOption","_v","_s","label","staticRenderFns","props","data","mounted","methods","component"],"mappings":"mIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAMJ,EAAIM,GAAIN,EAAW,SAAE,SAASO,GAAQ,OAAOH,EAAG,SAAS,CAACI,IAAID,EAAOE,GAAGC,YAAY,gBAAgBC,MAAM,CAAE,yBAA0BX,EAAIY,gBAAkBL,EAAOE,IAAKI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,aAAaR,MAAW,CAACP,EAAIgB,GAAGhB,EAAIiB,GAAGV,EAAOW,aAAY,IAC/WC,EAAkB,GCiCtB,G,UAAA,CACEC,MAAO,CAAC,UAAW,WACnBC,KAFF,WAGI,MAAO,CACL,eAAN,KAGEC,QAPF,WAQA,uBACM,KAAN,+BAGEC,QAAS,CACPR,aAAc,SAAlB,GACM,KAAN,2BACM,KAAN,oBACA,2BACQ,KAAR,+ECnDuV,I,wBCQnVS,EAAY,eACd,EACAzB,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,sECnBf,yBAA4e,EAAG","file":"js/components-ToggleButtons.ca29bb21.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.options),function(option){return _c('button',{key:option.id,staticClass:\"toggle-button\",class:{ 'toggle-button-selected': _vm.selectedOption == option.id },on:{\"click\":function($event){return _vm.selectOption(option)}}},[_vm._v(_vm._s(option.label))])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n      <button \r\n        v-for=\"option in options\"\r\n        v-bind:key=\"option.id\"\r\n        class=\"toggle-button\"\r\n        v-bind:class=\"{ 'toggle-button-selected': selectedOption == option.id }\"\r\n        @click=\"selectOption(option)\"\r\n        >{{option.label}}</button>\r\n  </div>\r\n</template>\r\n<style scoped>\r\n.toggle-button {\r\n    color: #474747;\r\n    border: none;\r\n    padding: 5px;\r\n    padding-right: 10px;\r\n    padding-left: 10px;\r\n    margin-right: 10px;\r\n    border-radius: 2px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.toggle-button-selected {\r\n    background: #42c24e;\r\n    color: white;\r\n}\r\n\r\n</style>\r\n\r\n<script>\r\n\r\nimport qAPI from \"../services/qAPI\";\r\n\r\nexport default {\r\n  props: [\"options\", \"qlikApp\"],\r\n  data() {\r\n    return {\r\n        selectedOption: {}\r\n    };\r\n  },\r\n  mounted() {\r\n      if(this.options.length > 0) {\r\n          this.selectOption(this.options[0])\r\n      }\r\n  },\r\n  methods: {\r\n    selectOption: function(option) {\r\n        this.$emit('option-selected', option);\r\n        this.selectedOption = option.id;\r\n        if(this.qlikApp && option.selection) {\r\n            this.qlikApp.field(option.selection.fieldName).selectValues(option.selection.fieldValues);\r\n        }\r\n    }\r\n  }\r\n}\r\n</script>","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!./ToggleButtons.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!./ToggleButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleButtons.vue?vue&type=template&id=f68cfeb4&scoped=true&\"\nimport script from \"./ToggleButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleButtons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&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  \"f68cfeb4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToggleButtons.vue?vue&type=style&index=0&id=f68cfeb4&scoped=true&lang=css&\""],"sourceRoot":""}