{"version":3,"sources":["webpack:///./src/components/Butterfly/Butterfly.vue?fcc2","webpack:///./src/components/Butterfly/ButterflyModal.vue","webpack:///src/components/Butterfly/ButterflyModal.vue","webpack:///./src/components/Butterfly/ButterflyModal.vue?a92b","webpack:///./src/components/Butterfly/ButterflyModal.vue?d47f","webpack:///./src/components/Butterfly/Butterfly.vue","webpack:///./src/components/image-map-highlighter/image-map-highlighter.js","webpack:///src/components/Butterfly/Butterfly.vue","webpack:///./src/components/Butterfly/Butterfly.vue?7b5f","webpack:///./src/components/Butterfly/Butterfly.vue?e28e","webpack:///./src/components/Butterfly/ButterflyModal.vue?2327","webpack:///./src/assets/images/butterfly.jpg"],"names":["render","_vm","this","_c","_self","attrs","isActive","animationIn","animationOut","animationDuration","on","$event","staticClass","class","showIcon","iconType","staticStyle","_e","_v","_t","style","reset","cancel","done","staticRenderFns","name","components","BaseModalEx","props","value","type","default","active","buttonLocation","iconName","data","defaultParts","selectedParts","watch","created","mounted","methods","EventBus","component","require","showddlG","areaClick","mouseOver","showddlFP","showddlLFL","showddlRFL","showddlFB","showddlB","showddlBL","showddlFW","showddlLCP","showddlLFD","showddlLFG","showddlLFH","showddlLQP","showddlLRD","showddlLSP","showddlRB","showddlRCP","showddlRFD","showddlRFG","showddlRFH","showddlLRL","showddlRRL","showddlRNP","showddlBP","showddlRQP","showddlRRD","showddlRSP","showddlSP","showddlT","showddlTG","showddlRW","directives","rawName","selectAll","expression","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","_l","selectedPartLists","a","index","key","_s","partname","partList","partid","ImageMapHighlighter","element","options","Object","assign","_getDefaultOptions","map","_getAssociatedMap","canvas","_createCanvasFor","container","_createContainerFor","parentNode","insertBefore","appendChild","arrArea","areas","i","length","area","_drawHighlightByArea","addEventListener","event","Number","id","find","g","undefined","_clearHighlights","fill","fillColor","fillOpacity","stroke","strokeColor","strokeOpacity","strokeWidth","document","createElement","classList","add","backgroundImage","src","height","width","useMap","Error","querySelector","substr","context","getContext","clearRect","coords","split","coord","parseInt","shape","_drawHighlight","beginPath","arc","Math","PI","moveTo","lineTo","rect","closePath","fillStyle","css3Colour","strokeStyle","lineWidth","hex","max","min","colour","opacity","r","hexToDecimal","b","showGroup","partLists","group","computed","get","count","set","list","selected","handler","deep","listFound","added","drawCanvas","highlighter","handleBusEvent","delIndex","module","exports"],"mappings":"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CA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,kBACA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,mBACA,MACA,QACA,kBACA,MACA,QACA,iBACA,MACA,QACA,kBACA,MACA,QACA,kBACA,QAIAzJ,QAnRA,WAoRA,2BACA,oCAGAC,SACAyJ,uBACA,uCACA,WACA7D,QACAC,mBACAC,eACAC,UACAC,qBACAC,gBACAC,cACAnB,UAEA2E,UAEAC,2BACA,sBACA,0BACA,kBACA,iBACA,kBACA,mBACA,mBACA,kBACA,iBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBACA,mBACA,mBACA,mBACA,kBACA,iBACA,kBACA,kBACA,iCAEArJ,wBACA,eAEA,UACA,WACAyC,6CACA,MACA,YACAA,sBACA,MACA,aACAA,6BACA,MACA,aACAA,8BACA,MACA,YACAA,2BACA,MACA,WACAA,wHACA,MACA,YACAA,wEACA,MACA,YACAA,kCACA,MACA,aACAA,uEACA,MACA,aACAA,4BACA,MACA,aACAA,6BACA,MACA,aACAA,8BACA,MACA,aACAA,gCACA,MACA,aACAA,2BACA,MACA,aACAA,4BACA,MACA,YACAA,0BACA,MACA,aACAA,0EACA,MACA,aACAA,6BACA,MACA,aACAA,8BACA,MACA,aACAA,+BACA,MACA,aACAA,4BACA,MACA,aACAA,6BACA,MACA,aACAA,6BACA,MACA,YACAA,uBACA,MACA,aACAA,iCACA,MACA,aACAA,4BACA,MACA,aACAA,6BACA,MACA,YACAA,8CACA,MACA,WACAA,yEACA,MACA,YACAA,mBACA,MACA,YACAA,0BACA,MAGA,iCAEA1C,wBAAA,WACA,MACA,+CACA,2CACA,qDAEA,2BACA,CACA,yJAEA,IAHA,IAAI,EAAJ,cAIAuJ,EAAA,kGAEA,MACA,6BAJA,wCAOA,kGAGA,mCC/uBiW,I,wBCQ7V1J,EAAY,eACd,EACA3C,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E,2CCnBf,W,qBCAA2J,EAAOC,QAAU,IAA0B","file":"static/js/butterfly-components-chunk.d009606d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Butterfly.vue?vue&type=style&index=0&id=c3198a6e&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('base-modal-ex',{attrs:{\"active\":_vm.isActive,\"animation-in\":_vm.animationIn,\"animation-out\":_vm.animationOut,\"animation-duration\":_vm.animationDuration,\"can-cancel\":false,\"min-width\":60,\"has-modal-card\":\"\"},on:{\"update:active\":function($event){_vm.isActive=$event}}},[_c('header',{staticClass:\"modal-card-head\"},[_c('p',{staticClass:\"modal-card-title\",class:{ 'is-flex-items-center' : _vm.showIcon}},[(_vm.showIcon)?_c('span',{staticClass:\"icon is-medium\",class:`has-text-${_vm.iconType}`,staticStyle:{\"margin-right\":\"0.5rem\"}},[_c('i',{staticClass:\"fqi fqi-butterfly fqi-32px\"})]):_vm._e(),_c('span',[_vm._v(\"Butterfly Search\")])])]),_c('section',{staticClass:\"modal-card-body\"},[_vm._t(\"text-content\")],2),_c('footer',{staticClass:\"modal-card-foot\"},[_c('div',{style:(`width: 100%; display: flex; justify-content: space-between;`)},[_c('div',{staticStyle:{\"width\":\"100%\"},attrs:{\"align\":\"right\"}},[_c('button',{staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Reset\"},on:{\"click\":function($event){return _vm.reset()}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-refresh mdi-18px\"})]),_c('span',[_vm._v(\"Reset\")])]),_c('button',{staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Cancel\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-close mdi-18px\"})]),_c('span',[_vm._v(\"Cancel\")])]),_c('button',{staticClass:\"button is-primary tooltip\",attrs:{\"data-tooltip\":\"Done\"},on:{\"click\":function($event){return _vm.done()}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-check mdi-18px\"})]),_c('span',[_vm._v(\"Done\")])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n  Sample Code:\n  <div>\n    <butterfly-modal v-if=\"isButterflyModalActive\"\n      :active.sync=\"isButterflyModalActive\"\n      v-model=\"selectedParts\"\n      @filterButterfly=\"filterButterfly\"\n      @reset=\"reset\"\n      @done=\"done\"\n      @cancel=\"cancel\">\n        <div slot=\"text-content\">\n          <butterfly v-if=\"isButterflyModalActive\" v-model=\"selectedParts\"></butterfly>\n        </div>\n    </butterfly-modal>\n    <button class=\"button\"\n      @click=\"filterButterfly\">\n      <span class=\"icon\">\n        <i class=\"mdi mdi-car mdi-18px\"></i>\n      </span>\n      <span>Filter-Butterfly</span>\n    </button>\n  </div>\n\n  import { Butterfly, ButterflyModal } from '@/components/Butterfly'\n\n  data() {\n    return {\n      selectedParts: [],\n      isButterflyModalActive: false\n    }\n  },\n  methods: {\n    reset() {\n      this.selectedParts = []\n    },\n    done() {\n      this.isButterflyModalActive = false\n    },\n    cancel(value) {\n      this.selectedParts = value\n      this.isButterflyModalActive = false\n    },\n    filterButterfly() {\n      this.isButterflyModalActive = true\n    }\n  }\n-->\n<template>\n  <base-modal-ex\n    :active.sync=\"isActive\"\n    :animation-in=\"animationIn\"\n    :animation-out=\"animationOut\"\n    :animation-duration=\"animationDuration\"\n    :can-cancel=\"false\"\n    :min-width=\"60\"\n    has-modal-card>\n    <header class=\"modal-card-head\">\n      <p\n        class=\"modal-card-title\"\n        :class=\"{ 'is-flex-items-center' : showIcon}\">\n        <span\n          v-if=\"showIcon\"\n          class=\"icon is-medium\"\n          :class=\"`has-text-${iconType}`\"\n          style=\"margin-right: 0.5rem\">\n          <i class=\"fqi fqi-butterfly fqi-32px\" />\n        </span>\n        <span>Butterfly Search</span>\n      </p>\n    </header>\n    <section class=\"modal-card-body\">\n      <slot name=\"text-content\" />\n    </section>\n    <footer class=\"modal-card-foot\">\n      <div :style=\"`width: 100%; display: flex; justify-content: space-between;`\">\n        <div\n          align=\"right\"\n          style=\"width: 100%\">\n          <button\n            class=\"button tooltip\"\n            @click=\"reset()\"\n            data-tooltip=\"Reset\">\n            <span class=\"icon\">\n              <i class=\"mdi mdi-refresh mdi-18px\" />\n            </span>\n            <span>Reset</span>\n          </button>\n          <button\n            class=\"button tooltip\"\n            @click=\"cancel()\"\n            data-tooltip=\"Cancel\">\n            <span class=\"icon\">\n              <i class=\"mdi mdi-close mdi-18px\" />\n            </span>\n            <span>Cancel</span>\n          </button>\n          <button\n            class=\"button is-primary tooltip\"\n            @click=\"done()\"\n            data-tooltip=\"Done\">\n            <span class=\"icon\">\n              <i class=\"mdi mdi-check mdi-18px\" />\n            </span>\n            <span>Done</span>\n          </button>\n        </div>\n      </div>\n    </footer>\n  </base-modal-ex>\n</template>\n\n<script>\nimport { BaseModalEx } from '@/components/BulmaModal'\nimport EventBus from '@/components/EventBus'\n\nexport default {\n  name: 'ButterflyModal',\n  components: {\n    BaseModalEx\n  },\n  props: {\n    value: {\n      type: Array,\n      default: () => []\n    },\n    active: {\n      type: Boolean,\n      default: false\n    },\n    animationIn: {\n      type: String,\n      default: 'zoomIn'\n    },\n    animationOut: {\n      type: String,\n      default: 'zoomOut'\n    },\n    animationDuration: {\n      type: [String, Number],\n      default: 0.3\n    },\n    buttonLocation: {\n      type: String,\n      default: 'end' // valid values 'start' & 'end'\n    },\n    showIcon: {\n      type: Boolean,\n      default: true\n    },\n    iconType: {\n      type: String,\n      default: 'primary'\n    },\n    iconName: {\n      type: String,\n      default: 'mdi-settings'\n    }\n  },\n  data() {\n    return {\n      isActive: this.active || false,\n      defaultParts: [],\n      selectedParts: []\n    }\n  },\n  watch: {\n    active(value) {\n      this.isActive = value\n    }\n  },\n  created() {\n    this.selectedParts = this.value\n  },\n  mounted() {\n    this.defaultParts = Object.assign([], this.selectedParts)\n  },\n  methods: {\n    reset() {\n      this.defaultParts = []\n      EventBus.$emit('resetEmpty')\n    },\n    cancel() {\n      this.$emit('cancel', this.defaultParts)\n    },\n    done() {\n      this.$emit('done')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../assets/style/themes/default/variables\";\n\n.is-flex-items-center {\n  display: flex;\n  align-items: center;\n}\n#svgButterfly {\n  fill: $primary;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ButterflyModal.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/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!./ButterflyModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ButterflyModal.vue?vue&type=template&id=f128638e&scoped=true\"\nimport script from \"./ButterflyModal.vue?vue&type=script&lang=js\"\nexport * from \"./ButterflyModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ButterflyModal.vue?vue&type=style&index=0&id=f128638e&prod&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  \"f128638e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile is-ancestor is-parent\"},[_c('div',{staticClass:\"tile\"},[_c('div',{staticClass:\"tile is-parent is-half\"},[_c('div',{staticClass:\"column\",attrs:{\"align\":\"center\"}},[_c('div',{staticClass:\"map-container\",style:('width: 300px; height: 500px; background-image: url(\\'' + require('../../assets/images/butterfly.jpg') + '\\')')},[_c('canvas',{staticStyle:{\"left\":\"0px\",\"top\":\"0px\",\"padding\":\"0px\",\"border\":\"none\",\"opacity\":\"1\"},attrs:{\"id\":\"canvas\",\"width\":\"500\",\"height\":\"500\"}}),_c('img',{staticClass:\"image\",staticStyle:{\"border\":\"1px solid #FF00FF\",\"border-style\":\"none\",\"border-color\":\"inherit\",\"border-width\":\"0px\",\"opacity\":\"0\",\"position\":\"absolute\",\"left\":\"0px\",\"top\":\"-1px\",\"padding\":\"0px\"},attrs:{\"id\":\"base\",\"width\":\"300\",\"height\":\"500\",\"src\":require('../../assets/images/butterfly.jpg'),\"usemap\":\"#map\"}})]),_c('map',{attrs:{\"id\":\"map\",\"name\":\"map\"}},[_c('area',{attrs:{\"id\":\"0\",\"alt\":\"G\",\"shape\":\"poly\",\"coords\":\"131,456,167,456,167,440,127,440\"},on:{\"click\":function($event){_vm.showddlG = !_vm.showddlG; _vm.areaClick(_vm.showddlG, 0)},\"mouseover\":function($event){return _vm.mouseOver('ddlG', $event)}}}),_c('area',{attrs:{\"id\":\"1\",\"alt\":\"FP\",\"shape\":\"poly\",\"coords\":\"195,476,103,476,95,468,199,468\"},on:{\"click\":function($event){_vm.showddlFP = !_vm.showddlFP, _vm.areaClick(_vm.showddlFP,1)},\"mouseover\":function($event){return _vm.mouseOver('ddlFP', $event)}}}),_c('area',{attrs:{\"id\":\"2\",\"alt\":\"LFL\",\"shape\":\"poly\",\"coords\":\"171,452,175,440,195,440,195,452\"},on:{\"click\":function($event){_vm.showddlLFL = !_vm.showddlLFL; _vm.areaClick(_vm.showddlLFL, 2)},\"mouseover\":function($event){return _vm.mouseOver('ddlLFL', $event)}}}),_c('area',{attrs:{\"id\":\"3\",\"alt\":\"RFL\",\"shape\":\"poly\",\"coords\":\"124,452,100,452,104,440,120,440\"},on:{\"click\":function($event){_vm.showddlRFL = !_vm.showddlRFL; _vm.areaClick(_vm.showddlRFL, 3)},\"mouseover\":function($event){return _vm.mouseOver('ddlRFL', $event)}}}),_c('area',{attrs:{\"id\":\"4\",\"alt\":\"FB\",\"shape\":\"poly\",\"coords\":\"93,459,95,468,98,469,135,470,134,462,162,462,163,469,201,469,201,458\"},on:{\"click\":function($event){_vm.showddlFB = !_vm.showddlFB; _vm.areaClick(_vm.showddlFB, 4)},\"mouseover\":function($event){return _vm.mouseOver('ddlFB', $event)}}}),_c('area',{attrs:{\"id\":\"5\",\"alt\":\"B\",\"shape\":\"poly\",\"coords\":\"107,308,151,312,191,308,191,364,191,368,163,372,131,372,111,368\"},on:{\"click\":function($event){_vm.showddlB = !_vm.showddlB; _vm.areaClick(_vm.showddlB, 5)},\"mouseover\":function($event){return _vm.mouseOver('ddlB', $event)}}}),_c('area',{attrs:{\"id\":\"6\",\"alt\":\"BL\",\"shape\":\"poly\",\"coords\":\"112,144,188,144,188,112,112,112\"},on:{\"click\":function($event){_vm.showddlBL = !_vm.showddlBL; _vm.areaClick(_vm.showddlBL, 6)},\"mouseover\":function($event){return _vm.mouseOver('ddlBL', $event)}}}),_c('area',{attrs:{\"id\":\"7\",\"alt\":\"FW\",\"shape\":\"poly\",\"coords\":\"152,403,184,403,192,431,148,431,104,431,112,403\"},on:{\"click\":function($event){_vm.showddlFW = !_vm.showddlFW; _vm.areaClick(_vm.showddlFW, 7)},\"mouseover\":function($event){return _vm.mouseOver('ddlFW', $event)}}}),_c('area',{attrs:{\"id\":\"8\",\"alt\":\"LCP\",\"shape\":\"poly\",\"coords\":\"211,227,267,227, 267, 237, 211,237\"},on:{\"click\":function($event){_vm.showddlLCP = !_vm.showddlLCP; _vm.areaClick(_vm.showddlLCP, 8)},\"mouseover\":function($event){return _vm.mouseOver('ddlLCP', $event)}}}),_c('area',{attrs:{\"id\":\"9\",\"alt\":\"LFD\",\"shape\":\"poly\",\"coords\":\"267,239,267,299,259,299,235,291,211,263,211,239\"},on:{\"click\":function($event){_vm.showddlLFD = !_vm.showddlLFD; _vm.areaClick(_vm.showddlLFD, 9)},\"mouseover\":function($event){return _vm.mouseOver('ddlLFD', $event)}}}),_c('area',{attrs:{\"id\":\"10\",\"alt\":\"LFG\",\"shape\":\"poly\",\"coords\":\"234,290,235,326,240,376,245,381,244,371,259,370,258,354,253,347,250,335,251,325,253,317,258,311,264,306,276,302,262,298,262,300,257,300\"},on:{\"click\":function($event){_vm.showddlLFG = !_vm.showddlLFG; _vm.areaClick(_vm.showddlLFG, 10)},\"mouseover\":function($event){return _vm.mouseOver('ddlLFG', $event)}}}),_c('area',{attrs:{\"id\":\"11\",\"alt\":\"LFH\",\"shape\":\"poly\",\"coords\":\"211,263,207,271,223,295,235,311,235,291\"},on:{\"click\":function($event){_vm.showddlLFH = !_vm.showddlLFH; _vm.areaClick(_vm.showddlLFH, 11)},\"mouseover\":function($event){return _vm.mouseOver('ddlLFH', $event)}}}),_c('area',{attrs:{\"id\":\"12\",\"alt\":\"LQP\",\"shape\":\"poly\",\"coords\":\"235,171,251,171,251,155,259,143,259,107,255,111,255,119,243,123,239,123,239,115,235,115,235,163\"},on:{\"click\":function($event){_vm.showddlLQP = !_vm.showddlLQP; _vm.areaClick(_vm.showddlLQP, 12)},\"mouseover\":function($event){return _vm.mouseOver('ddlLQP', $event)}}}),_c('area',{attrs:{\"id\":\"13\",\"alt\":\"LRD\",\"shape\":\"poly\",\"coords\":\"211,227,211,191,219,179,235,171,251,171,255,183,267,191,267,227\"},on:{\"click\":function($event){_vm.showddlLRD = !_vm.showddlLRD; _vm.areaClick(_vm.showddlLRD, 13)},\"mouseover\":function($event){return _vm.mouseOver('ddlLRD', $event)}}}),_c('area',{attrs:{\"id\":\"14\",\"alt\":\"LSP\",\"shape\":\"poly\",\"coords\":\"275,195,275,299,267,299,267,191\"},on:{\"click\":function($event){_vm.showddlLSP = !_vm.showddlLSP; _vm.areaClick(_vm.showddlLSP, 14)},\"mouseover\":function($event){return _vm.mouseOver('ddlLSP', $event)}}}),_c('area',{attrs:{\"id\":\"15\",\"alt\":\"RB\",\"shape\":\"poly\",\"coords\":\"95,40,203,40, 203, 30, 95, 30\"},on:{\"click\":function($event){_vm.showddlRB = !_vm.showddlRB; _vm.areaClick(_vm.showddlRB, 15)},\"mouseover\":function($event){return _vm.mouseOver('ddlRB', $event)}}}),_c('area',{attrs:{\"id\":\"16\",\"alt\":\"RCP\",\"shape\":\"poly\",\"coords\":\"31,228,87,228, 87, 238, 31, 238\"},on:{\"click\":function($event){_vm.showddlRCP = !_vm.showddlRCP; _vm.areaClick(_vm.showddlRCP, 16)},\"mouseover\":function($event){return _vm.mouseOver('ddlRCP', $event)}}}),_c('area',{attrs:{\"id\":\"17\",\"alt\":\"RFD\",\"shape\":\"poly\",\"coords\":\"87,264,67,288,47,296,31,300,31,236,87,236\"},on:{\"click\":function($event){_vm.showddlRFD = !_vm.showddlRFD; _vm.areaClick(_vm.showddlRFD, 17)},\"mouseover\":function($event){return _vm.mouseOver('ddlRFD', $event)}}}),_c('area',{attrs:{\"id\":\"18\",\"alt\":\"RFG\",\"shape\":\"poly\",\"coords\":\"40,371,56,367,56,379,60,379,64,351,64,319,64,291,44,299,24,299,24,303,36,307,44,315,52,331,48,343,40,351\"},on:{\"click\":function($event){_vm.showddlRFG = !_vm.showddlRFG; _vm.areaClick(_vm.showddlRFG, 18)},\"mouseover\":function($event){return _vm.mouseOver('ddlRFG', $event)}}}),_c('area',{attrs:{\"id\":\"19\",\"alt\":\"RFH\",\"shape\":\"poly\",\"coords\":\"66,289,66,309,94,270,88,264\"},on:{\"click\":function($event){_vm.showddlRFH = !_vm.showddlRFH; _vm.areaClick(_vm.showddlRFH, 19)},\"mouseover\":function($event){return _vm.mouseOver('ddlRFH', $event)}}}),_c('area',{attrs:{\"id\":\"20\",\"alt\":\"LRL\",\"shape\":\"poly\",\"coords\":\"179,48,179,58,202,58,201,48\"},on:{\"click\":function($event){_vm.showddlLRL = !_vm.showddlLRL; _vm.areaClick(_vm.showddlLRL, 20)},\"mouseover\":function($event){return _vm.mouseOver('ddlLRL', $event)}}}),_c('area',{attrs:{\"id\":\"21\",\"alt\":\"RRL\",\"shape\":\"poly\",\"coords\":\"94,48,95,57,117,57,117,48\"},on:{\"click\":function($event){_vm.showddlRRL = !_vm.showddlRRL; _vm.areaClick(_vm.showddlRRL, 21)},\"mouseover\":function($event){return _vm.mouseOver('ddlRRL', $event)}}}),_c('area',{attrs:{\"id\":\"22\",\"alt\":\"RNP\",\"shape\":\"poly\",\"coords\":\"137,49,138,57,162,57,162,49\"},on:{\"click\":function($event){_vm.showddlRNP = !_vm.showddlRNP; _vm.areaClick(_vm.showddlRNP, 22)},\"mouseover\":function($event){return _vm.mouseOver('ddlRL', $event)}}}),_c('area',{attrs:{\"id\":\"23\",\"alt\":\"BP\",\"shape\":\"poly\",\"coords\":\"95,41,94,47,116,47,117,58,97,58,99,65,196,66,199,58,178,57,178,47,201,45,201,43\"},on:{\"click\":function($event){_vm.showddlBP = !_vm.showddlBP; _vm.areaClick(_vm.showddlBP, 23)},\"mouseover\":function($event){return _vm.mouseOver('ddlBP', $event)}}}),_c('area',{attrs:{\"id\":\"24\",\"alt\":\"RQP\",\"shape\":\"poly\",\"coords\":\"64,115,64,139,64,167,64,171,48,171,52,163,48,155,40,143,40,107,48,111,44,119,56,123,56,111\"},on:{\"click\":function($event){_vm.showddlRQP = !_vm.showddlRQP; _vm.areaClick(_vm.showddlRQP, 24)},\"mouseover\":function($event){return _vm.mouseOver('ddlRQP', $event)}}}),_c('area',{attrs:{\"id\":\"25\",\"alt\":\"RRD\",\"shape\":\"poly\",\"coords\":\"32,227,88,227,88,191,80,179,64,171,48,171,48,179,44,183,32,191\"},on:{\"click\":function($event){_vm.showddlRRD = !_vm.showddlRRD; _vm.areaClick(_vm.showddlRRD, 25)},\"mouseover\":function($event){return _vm.mouseOver('ddlRRD', $event)}}}),_c('area',{attrs:{\"id\":\"26\",\"alt\":\"RSP\",\"shape\":\"poly\",\"coords\":\"31,299,23,299,23,195,31,191\"},on:{\"click\":function($event){_vm.showddlRSP = !_vm.showddlRSP; _vm.areaClick(_vm.showddlRSP, 26)},\"mouseover\":function($event){return _vm.mouseOver('ddlRSP', $event)}}}),_c('area',{attrs:{\"id\":\"27\",\"alt\":\"SP\",\"shape\":\"poly\",\"coords\":\"106,298,109,311,192,310,195,296,179,300,158,302,144,302\"},on:{\"click\":function($event){_vm.showddlSP = !_vm.showddlSP; _vm.areaClick(_vm.showddlSP, 27)},\"mouseover\":function($event){return _vm.mouseOver('ddlSP', $event)}}}),_c('area',{attrs:{\"id\":\"28\",\"alt\":\"T\",\"shape\":\"poly\",\"coords\":\"119,263,179,263,183,259,183,187,151,183,115,187\"},on:{\"click\":function($event){_vm.showddlT = !_vm.showddlT; _vm.areaClick(_vm.showddlT, 28)},\"mouseover\":function($event){return _vm.mouseOver('ddlT', $event)}}}),_c('area',{attrs:{\"id\":\"29\",\"alt\":\"TG\",\"shape\":\"poly\",\"coords\":\"115,179,107,159,111,155,147,151,191,155,191,167,183,179,191,179,199,171,199,119,187,115,187,143,111,143,111,115,103,119,103,171,107,179\"},on:{\"click\":function($event){_vm.showddlTG = !_vm.showddlTG; _vm.areaClick(_vm.showddlTG, 29)},\"mouseover\":function($event){return _vm.mouseOver('ddlTG', $event)}}}),_c('area',{attrs:{\"id\":\"30\",\"alt\":\"RW\",\"shape\":\"poly\",\"coords\":\"107,71,115,91,119,95,151,95,179,95,183,91,191,71,187,71,147,71\"},on:{\"click\":function($event){_vm.showddlRW = !_vm.showddlRW; _vm.areaClick(_vm.showddlRW, 30)},\"mouseover\":function($event){return _vm.mouseOver('ddlRW', $event)}}})])])]),_c('div',{staticClass:\"tile is-parent is-half\",staticStyle:{\"padding\":\"0px\"}},[_c('article',{staticClass:\"tile is-child box detail-page-tile\",staticStyle:{\"adding\":\"0px\"}},[_c('div',{staticClass:\"title is-5\"},[_vm._v(\"Selected Parts\")]),_c('div',{staticClass:\"subtitle is-6\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectAll),expression:\"selectAll\"}],staticClass:\"is-checkradio\",attrs:{\"type\":\"checkbox\",\"id\":\"selectAll\"},domProps:{\"checked\":Array.isArray(_vm.selectAll)?_vm._i(_vm.selectAll,null)>-1:(_vm.selectAll)},on:{\"change\":function($event){var $$a=_vm.selectAll,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectAll=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectAll=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectAll=$$c}}}}),_c('label',{attrs:{\"for\":\"selectAll\"}},[_vm._v(\"Check/Uncheck All\")])]),_c('div',{staticClass:\"column is-narrow body-style-container\",staticStyle:{\"overflow-y\":\"auto\",\"height\":\"460px\"}},_vm._l((_vm.selectedPartLists),function(a,index){return _c('ul',{key:index},[_c('li',[_c('label',{staticClass:\"title is-6\"},[_vm._v(_vm._s(a[0].partname))])]),_c('ul',_vm._l((a),function(partList){return _c('li',{key:partList.partid},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedParts),expression:\"selectedParts\"}],staticClass:\"is-checkradio\",attrs:{\"type\":\"checkbox\",\"id\":partList.partid},domProps:{\"value\":partList.partid,\"checked\":Array.isArray(_vm.selectedParts)?_vm._i(_vm.selectedParts,partList.partid)>-1:(_vm.selectedParts)},on:{\"change\":function($event){var $$a=_vm.selectedParts,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=partList.partid,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedParts=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedParts=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedParts=$$c}}}}),_c('label',{attrs:{\"for\":partList.partid}},[_vm._v(_vm._s(partList.partname))])])}),0)])}),0)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","'use strict'\n\nclass ImageMapHighlighter {\n  /*\n   * @param {HTMLImageElement} element\n   * @param {Object} options\n   */\n  constructor(element, options = {}) {\n    this.element = element\n    this.options = Object.assign({}, this._getDefaultOptions(), options)\n    // console.log(this.options)\n  }\n\n  /**\n   * Convert the image into a canvas that animates when you hover over parts\n   * of it.\n   */\n  init() {\n    // Get the HTML map element associated with the given image element.\n    let map = this._getAssociatedMap(this.element)\n\n    // Create a shiny new canvas with the same dimensions as the image.\n    let canvas = this._createCanvasFor(this.element)\n\n    // Create a container element and move the image element as well as\n    // our shiny new canvas into it.\n    let container = this._createContainerFor(this.element)\n    this.element.parentNode.insertBefore(container, this.element)\n    container.appendChild(this.element)\n    container.insertBefore(canvas, this.element)\n\n    let arrArea = this.options.areas\n\n    // Highlight selected area\n    for (let i = 0; i < arrArea.length; i++) {\n      let a = arrArea[i]\n      let area = map.areas[a]\n      this._drawHighlightByArea(canvas, area)\n    }\n\n    // Highlight the pointing area when mouseover\n    map.addEventListener('mouseover', event => {\n      let a = Number(event.target.id)\n      let find = arrArea.find(g => g === a)\n      if (find === undefined) {\n        this._drawHighlightByArea(canvas, event.target)\n      }\n    })\n\n    // Clear the canvas when mouseout, then highlighted on the selected area\n    map.addEventListener('mouseout', event => {\n      this._clearHighlights(canvas)\n      for (let i = 0; i < arrArea.length; i++) {\n        let a = arrArea[i]\n        let area = map.areas[a]\n        this._drawHighlightByArea(canvas, area)\n      }\n    })\n  }\n\n  _getDefaultOptions() {\n    return {\n      fill: true,\n      fillColor: '000000',\n      fillOpacity: 0.3,\n      stroke: true,\n      strokeColor: 'ff0000',\n      strokeOpacity: 1,\n      strokeWidth: 1,\n      areas: ''\n    }\n  }\n\n  /**\n   * Create and return a new HTML div element.\n   *\n   * @param {HTMLImageElement} element\n   * @returns {HTMLDivElement}\n   * @private\n   */\n  _createContainerFor(element) {\n    let container = document.createElement('div')\n    container.classList.add('map-container')\n    container.style.backgroundImage = `url(${element.src})`\n    container.style.height = `${element.height}px`\n    container.style.width = `${element.width}px`\n\n    return container\n  }\n\n  /**\n   * Create and return a new HTML canvas element.\n   *\n   * @param {HTMLImageElement} element\n   * @returns {HTMLCanvasElement}\n   * @private\n   */\n  _createCanvasFor(element) {\n    let canvas = document.createElement('canvas')\n    canvas.height = element.height\n    canvas.width = element.width\n    return canvas\n  }\n\n  /**\n   * Return the HTML map element referenced by the given HTML image element.\n   *\n   * @param {HTMLImageElement} element\n   * @returns {HTMLMapElement}\n   * @private\n   */\n  _getAssociatedMap(element) {\n    if (!element.useMap) {\n      throw new Error('The \"useMap\" attribute for this image element has not been set.')\n    }\n\n    let map = document.querySelector(`map[name=${element.useMap.substr(1)}]`)\n    if (map === null) {\n      throw new Error(`The requested map \"${element.useMap}\" could not be found.`)\n    }\n    return map\n  }\n\n  /**\n   * Clear the canvas.\n   *\n   * @param {HTMLCanvasElement} canvas\n   * @private\n   */\n  _clearHighlights(canvas) {\n    let context = canvas.getContext('2d')\n    context.clearRect(0, 0, canvas.width, canvas.height)\n  }\n\n  /**\n   * Draw the map area co-ordinates onto the provided HTML canvas element.\n   *\n   * @param {HTMLCanvasElement} canvas\n   * @param {HTMLAreaElement} area\n   * @private\n   */\n  _drawHighlightByArea(canvas, area) {\n    let coords = area.coords.split(',').map(coord => parseInt(coord))\n    let shape = area.shape\n    this._drawHighlight(canvas, shape, coords)\n  }\n\n  /**\n   * Draw a highlight onto the provided HTML canvas element.\n   *\n   * @param {HTMLCanvasElement} canvas\n   * @param {String} shape\n   * @param {Array} coords\n   * @private\n   */\n  _drawHighlight(canvas, shape, coords) {\n    let context = canvas.getContext('2d')\n\n    context.beginPath()\n    switch (shape) {\n      case 'circle':\n        context.arc(coords[0], coords[1], coords[2], 0, Math.PI * 2, false)\n        break\n      case 'poly':\n        context.moveTo(coords[0], coords[1])\n        for (let i = 2; i < coords.length; i += 2) {\n          context.lineTo(coords[i], coords[i + 1])\n        }\n        break\n      case 'rect':\n        context.rect(coords[0], coords[1], coords[2] - coords[0], coords[3] - coords[1])\n        break\n      default:\n    }\n    context.closePath()\n\n    if (this.options.fill) {\n      context.fillStyle = this.css3Colour(this.options.fillColor, this.options.fillOpacity)\n      context.fill()\n    }\n\n    if (this.options.stroke) {\n      context.strokeStyle = this.css3Colour(this.options.strokeColor, this.options.strokeOpacity)\n      context.lineWidth = this.options.strokeWidth\n    }\n  }\n\n  /**\n   * @param {String} hex\n   * @returns {Number}\n   */\n  hexToDecimal(hex) {\n    return Math.max(0, Math.min(parseInt(hex, 16), 255))\n  }\n\n  /**\n   * @param {String} colour\n   * @param {Number} opacity\n   * @returns {String}\n   */\n  css3Colour(colour, opacity) {\n    let r = +this.hexToDecimal(colour.substr(0, 2))\n    let g = +this.hexToDecimal(colour.substr(2, 2))\n    let b = +this.hexToDecimal(colour.substr(4, 2))\n\n    return `rgba(${r}, ${g}, ${b}, ${opacity})`\n  }\n}\nexport default ImageMapHighlighter\n","<template>\n  <div class=\"tile is-ancestor is-parent\">\n    <div class=\"tile\">\n      <div class=\"tile is-parent is-half\">\n        <div\n          class=\"column\"\n          align=\"center\">\n          <div\n            class=\"map-container\"\n            :style=\"'width: 300px; height: 500px; background-image: url(\\'' + require('../../assets/images/butterfly.jpg') + '\\')'\">\n            <canvas\n              id=\"canvas\"\n              width=\"500\"\n              height=\"500\"\n              style=\"left: 0px; top: 0px; padding: 0px; border: none; opacity: 1;\" />\n            <img\n              id=\"base\"\n              width=\"300\"\n              height=\"500\"\n              style=\"border:1px solid #FF00FF; border-style: none; border-color: inherit; border-width: 0px; opacity: 0;\n                  position: absolute; left: 0px; top: -1px; padding: 0px;\"\n              class=\"image\"\n              :src=\"require('../../assets/images/butterfly.jpg')\"\n              usemap=\"#map\">\n          </div>\n          <map\n            id=\"map\"\n            name=\"map\">\n            <area\n              id=\"0\"\n              alt=\"G\"\n              shape=\"poly\"\n              coords=\"131,456,167,456,167,440,127,440\"\n              @click=\"showddlG = !showddlG; areaClick(showddlG, 0)\"\n              @mouseover=\"mouseOver('ddlG', $event)\">\n            <area\n              id=\"1\"\n              alt=\"FP\"\n              shape=\"poly\"\n              coords=\"195,476,103,476,95,468,199,468\"\n              @click=\"showddlFP = !showddlFP, areaClick(showddlFP,1)\"\n              @mouseover=\"mouseOver('ddlFP', $event)\">\n            <area\n              id=\"2\"\n              alt=\"LFL\"\n              shape=\"poly\"\n              coords=\"171,452,175,440,195,440,195,452\"\n              @click=\"showddlLFL = !showddlLFL; areaClick(showddlLFL, 2)\"\n              @mouseover=\"mouseOver('ddlLFL', $event)\">\n            <area\n              id=\"3\"\n              alt=\"RFL\"\n              shape=\"poly\"\n              coords=\"124,452,100,452,104,440,120,440\"\n              @click=\"showddlRFL = !showddlRFL; areaClick(showddlRFL, 3)\"\n              @mouseover=\"mouseOver('ddlRFL', $event)\">\n            <area\n              id=\"4\"\n              alt=\"FB\"\n              shape=\"poly\"\n              coords=\"93,459,95,468,98,469,135,470,134,462,162,462,163,469,201,469,201,458\"\n              @click=\"showddlFB = !showddlFB; areaClick(showddlFB, 4)\"\n              @mouseover=\"mouseOver('ddlFB', $event)\">\n            <area\n              id=\"5\"\n              alt=\"B\"\n              shape=\"poly\"\n              coords=\"107,308,151,312,191,308,191,364,191,368,163,372,131,372,111,368\"\n              @click=\"showddlB = !showddlB; areaClick(showddlB, 5)\"\n              @mouseover=\"mouseOver('ddlB', $event)\">\n            <area\n              id=\"6\"\n              alt=\"BL\"\n              shape=\"poly\"\n              coords=\"112,144,188,144,188,112,112,112\"\n              @click=\"showddlBL = !showddlBL; areaClick(showddlBL, 6)\"\n              @mouseover=\"mouseOver('ddlBL', $event)\">\n            <area\n              id=\"7\"\n              alt=\"FW\"\n              shape=\"poly\"\n              coords=\"152,403,184,403,192,431,148,431,104,431,112,403\"\n              @click=\"showddlFW = !showddlFW; areaClick(showddlFW, 7)\"\n              @mouseover=\"mouseOver('ddlFW', $event)\">\n            <area\n              id=\"8\"\n              alt=\"LCP\"\n              shape=\"poly\"\n              coords=\"211,227,267,227, 267, 237, 211,237\"\n              @click=\"showddlLCP = !showddlLCP; areaClick(showddlLCP, 8)\"\n              @mouseover=\"mouseOver('ddlLCP', $event)\">\n            <area\n              id=\"9\"\n              alt=\"LFD\"\n              shape=\"poly\"\n              coords=\"267,239,267,299,259,299,235,291,211,263,211,239\"\n              @click=\"showddlLFD = !showddlLFD; areaClick(showddlLFD, 9)\"\n              @mouseover=\"mouseOver('ddlLFD', $event)\">\n            <area\n              id=\"10\"\n              alt=\"LFG\"\n              shape=\"poly\"\n              coords=\"234,290,235,326,240,376,245,381,244,371,259,370,258,354,253,347,250,335,251,325,253,317,258,311,264,306,276,302,262,298,262,300,257,300\"\n              @click=\"showddlLFG = !showddlLFG; areaClick(showddlLFG, 10)\"\n              @mouseover=\"mouseOver('ddlLFG', $event)\">\n            <area\n              id=\"11\"\n              alt=\"LFH\"\n              shape=\"poly\"\n              coords=\"211,263,207,271,223,295,235,311,235,291\"\n              @click=\"showddlLFH = !showddlLFH; areaClick(showddlLFH, 11)\"\n              @mouseover=\"mouseOver('ddlLFH', $event)\">\n            <area\n              id=\"12\"\n              alt=\"LQP\"\n              shape=\"poly\"\n              coords=\"235,171,251,171,251,155,259,143,259,107,255,111,255,119,243,123,239,123,239,115,235,115,235,163\"\n              @click=\"showddlLQP = !showddlLQP; areaClick(showddlLQP, 12)\"\n              @mouseover=\"mouseOver('ddlLQP', $event)\">\n            <area\n              id=\"13\"\n              alt=\"LRD\"\n              shape=\"poly\"\n              coords=\"211,227,211,191,219,179,235,171,251,171,255,183,267,191,267,227\"\n              @click=\"showddlLRD = !showddlLRD; areaClick(showddlLRD, 13)\"\n              @mouseover=\"mouseOver('ddlLRD', $event)\">\n            <area\n              id=\"14\"\n              alt=\"LSP\"\n              shape=\"poly\"\n              coords=\"275,195,275,299,267,299,267,191\"\n              @click=\"showddlLSP = !showddlLSP; areaClick(showddlLSP, 14)\"\n              @mouseover=\"mouseOver('ddlLSP', $event)\">\n            <area\n              id=\"15\"\n              alt=\"RB\"\n              shape=\"poly\"\n              coords=\"95,40,203,40, 203, 30, 95, 30\"\n              @click=\"showddlRB = !showddlRB; areaClick(showddlRB, 15)\"\n              @mouseover=\"mouseOver('ddlRB', $event)\">\n            <area\n              id=\"16\"\n              alt=\"RCP\"\n              shape=\"poly\"\n              coords=\"31,228,87,228, 87, 238, 31, 238\"\n              @click=\"showddlRCP = !showddlRCP; areaClick(showddlRCP, 16)\"\n              @mouseover=\"mouseOver('ddlRCP', $event)\">\n            <area\n              id=\"17\"\n              alt=\"RFD\"\n              shape=\"poly\"\n              coords=\"87,264,67,288,47,296,31,300,31,236,87,236\"\n              @click=\"showddlRFD = !showddlRFD; areaClick(showddlRFD, 17)\"\n              @mouseover=\"mouseOver('ddlRFD', $event)\">\n            <area\n              id=\"18\"\n              alt=\"RFG\"\n              shape=\"poly\"\n              coords=\"40,371,56,367,56,379,60,379,64,351,64,319,64,291,44,299,24,299,24,303,36,307,44,315,52,331,48,343,40,351\"\n              @click=\"showddlRFG = !showddlRFG; areaClick(showddlRFG, 18)\"\n              @mouseover=\"mouseOver('ddlRFG', $event)\">\n            <area\n              id=\"19\"\n              alt=\"RFH\"\n              shape=\"poly\"\n              coords=\"66,289,66,309,94,270,88,264\"\n              @click=\"showddlRFH = !showddlRFH; areaClick(showddlRFH, 19)\"\n              @mouseover=\"mouseOver('ddlRFH', $event)\">\n            <area\n              id=\"20\"\n              alt=\"LRL\"\n              shape=\"poly\"\n              coords=\"179,48,179,58,202,58,201,48\"\n              @click=\"showddlLRL = !showddlLRL; areaClick(showddlLRL, 20)\"\n              @mouseover=\"mouseOver('ddlLRL', $event)\">\n            <area\n              id=\"21\"\n              alt=\"RRL\"\n              shape=\"poly\"\n              coords=\"94,48,95,57,117,57,117,48\"\n              @click=\"showddlRRL = !showddlRRL; areaClick(showddlRRL, 21)\"\n              @mouseover=\"mouseOver('ddlRRL', $event)\">\n            <area\n              id=\"22\"\n              alt=\"RNP\"\n              shape=\"poly\"\n              coords=\"137,49,138,57,162,57,162,49\"\n              @click=\"showddlRNP = !showddlRNP; areaClick(showddlRNP, 22)\"\n              @mouseover=\"mouseOver('ddlRL', $event)\">\n            <area\n              id=\"23\"\n              alt=\"BP\"\n              shape=\"poly\"\n              coords=\"95,41,94,47,116,47,117,58,97,58,99,65,196,66,199,58,178,57,178,47,201,45,201,43\"\n              @click=\"showddlBP = !showddlBP; areaClick(showddlBP, 23)\"\n              @mouseover=\"mouseOver('ddlBP', $event)\">\n            <area\n              id=\"24\"\n              alt=\"RQP\"\n              shape=\"poly\"\n              coords=\"64,115,64,139,64,167,64,171,48,171,52,163,48,155,40,143,40,107,48,111,44,119,56,123,56,111\"\n              @click=\"showddlRQP = !showddlRQP; areaClick(showddlRQP, 24)\"\n              @mouseover=\"mouseOver('ddlRQP', $event)\">\n            <area\n              id=\"25\"\n              alt=\"RRD\"\n              shape=\"poly\"\n              coords=\"32,227,88,227,88,191,80,179,64,171,48,171,48,179,44,183,32,191\"\n              @click=\"showddlRRD = !showddlRRD; areaClick(showddlRRD, 25)\"\n              @mouseover=\"mouseOver('ddlRRD', $event)\">\n            <area\n              id=\"26\"\n              alt=\"RSP\"\n              shape=\"poly\"\n              coords=\"31,299,23,299,23,195,31,191\"\n              @click=\"showddlRSP = !showddlRSP; areaClick(showddlRSP, 26)\"\n              @mouseover=\"mouseOver('ddlRSP', $event)\">\n            <area\n              id=\"27\"\n              alt=\"SP\"\n              shape=\"poly\"\n              coords=\"106,298,109,311,192,310,195,296,179,300,158,302,144,302\"\n              @click=\"showddlSP = !showddlSP; areaClick(showddlSP, 27)\"\n              @mouseover=\"mouseOver('ddlSP', $event)\">\n            <area\n              id=\"28\"\n              alt=\"T\"\n              shape=\"poly\"\n              coords=\"119,263,179,263,183,259,183,187,151,183,115,187\"\n              @click=\"showddlT = !showddlT; areaClick(showddlT, 28)\"\n              @mouseover=\"mouseOver('ddlT', $event)\">\n            <area\n              id=\"29\"\n              alt=\"TG\"\n              shape=\"poly\"\n              coords=\"115,179,107,159,111,155,147,151,191,155,191,167,183,179,191,179,199,171,199,119,187,115,187,143,111,143,111,115,103,119,103,171,107,179\"\n              @click=\"showddlTG = !showddlTG; areaClick(showddlTG, 29)\"\n              @mouseover=\"mouseOver('ddlTG', $event)\">\n            <area\n              id=\"30\"\n              alt=\"RW\"\n              shape=\"poly\"\n              coords=\"107,71,115,91,119,95,151,95,179,95,183,91,191,71,187,71,147,71\"\n              @click=\"showddlRW = !showddlRW; areaClick(showddlRW, 30)\"\n              @mouseover=\"mouseOver('ddlRW', $event)\">\n          </map>\n        </div>\n      </div>\n      <div\n        class=\"tile is-parent is-half\"\n        style=\"padding: 0px\">\n        <article\n          class=\"tile is-child box detail-page-tile\"\n          style=\"adding: 0px;\">\n          <div class=\"title is-5\">Selected Parts</div>\n          <div class=\"subtitle is-6\">\n            <input\n              type=\"checkbox\"\n              class=\"is-checkradio\"\n              id=\"selectAll\"\n              v-model=\"selectAll\">\n            <label for=\"selectAll\">Check/Uncheck All</label>\n          </div>\n\n          <div\n            class=\"column is-narrow body-style-container\"\n            style=\"overflow-y: auto; height: 460px;\">\n            <ul\n              v-for=\"(a, index) in selectedPartLists\"\n              :key=\"index\">\n              <li>\n                <label class=\"title is-6\">{{ a[0].partname }}</label>\n              </li>\n              <ul>\n                <li\n                  v-for=\"partList in a\"\n                  :key=\"partList.partid\">\n                  <input\n                    type=\"checkbox\"\n                    class=\"is-checkradio\"\n                    :id=\"partList.partid\"\n                    :value=\"partList.partid\"\n                    v-model=\"selectedParts\">\n                  <label :for=\"partList.partid\">{{ partList.partname }}</label>\n                </li>\n              </ul>\n            </ul>\n          </div>\n        </article>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ImageMapHighlighter from '@/components/image-map-highlighter/image-map-highlighter.js'\nimport EventBus from '@/components/EventBus'\n\nexport default {\n  name: 'Butterfly',\n  props: {\n    value: {\n      type: Array,\n      default: () => []\n    },\n    defaultParts: {\n      type: Array,\n      default: function() {\n        return []\n      }\n    }\n  },\n  data() {\n    return {\n      showGroup: [],\n      selectedParts: [],\n      selectedPartLists: [],\n      showddlG: false,\n      showddlFP: false,\n      showddlLFL: false,\n      showddlRFL: false,\n      showddlFB: false,\n      showddlB: false,\n      showddlBL: false,\n      showddlFW: false,\n      showddlLCP: false,\n      showddlLFD: false,\n      showddlLFG: false,\n      showddlLFH: false,\n      showddlLQP: false,\n      showddlLRD: false,\n      showddlLSP: false,\n      showddlRB: false,\n      showddlRCP: false,\n      showddlRFD: false,\n      showddlRFG: false,\n      showddlRFH: false,\n      showddlLRL: false,\n      showddlRRL: false,\n      showddlRNP: false,\n      showddlBP: false,\n      showddlRQP: false,\n      showddlRRD: false,\n      showddlRSP: false,\n      showddlSP: false,\n      showddlT: false,\n      showddlTG: false,\n      showddlRW: false,\n      partLists: [\n        [\n          { group: 'ddlG', partname: 'Grille', partid: 'G' },\n          { group: 'ddlG', partname: 'Radiator', partid: 'RA' },\n          { group: 'ddlG', partname: 'Radiator Support', partid: 'RS' }\n        ],\n        [{ group: 'ddlFP', partname: 'Front Apron', partid: 'FP' }],\n        [{ group: 'ddlLFL', partname: 'Front Lamps (left)', partid: 'LFL' }],\n        [{ group: 'ddlRFL', partname: 'Front Lamps (right)', partid: 'RFL' }],\n        [{ group: 'ddlFB', partname: 'Front Bumper Bar', partid: 'FB' }],\n        [\n          { group: 'ddlB', partname: 'Bonnet', partid: 'B' },\n          { group: 'ddlB', partname: 'Air Conditioning', partid: 'AC' },\n          { group: 'ddlB', partname: 'Engine Bay Parts', partid: 'EBH' },\n          { group: 'ddlB', partname: 'Front Chassis', partid: 'CF' },\n          { group: 'ddlB', partname: 'Front Suspension, Steering & Wheels', partid: 'FM' },\n          { group: 'ddlB', partname: 'Engine', partid: 'E' },\n          { group: 'ddlB', partname: 'Decal', partid: 'OL' }\n        ],\n        [\n          { group: 'ddlBL', partname: 'Boot Lid', partid: 'BL' },\n          { group: 'ddlBL', partname: 'Exhaust', partid: 'EXH' },\n          { group: 'ddlBL', partname: 'Boot Floor', partid: 'BF' },\n          { group: 'ddlBL', partname: 'Rear Suspension, Tank & Wheels', partid: 'RM' }\n        ],\n        [{ group: 'ddlFW', partname: 'Front Windscreen', partid: 'FW' }, { group: 'ddlFW', partname: 'Wiper', partid: 'W' }],\n        [\n          { group: 'ddlLCP', partname: 'Centre Pillar (left)', partid: 'LCP' },\n          { group: 'ddlLCP', partname: 'Side Panel (left)', partid: 'LBP' },\n          { group: 'ddlLCP', partname: 'Sliding Door (left)', partid: 'LSD' }\n        ],\n        [{ group: 'ddlLFD', partname: 'Front Door (left)', partid: 'LFD' }],\n        [{ group: 'ddlLFG', partname: 'Front Guard (left)', partid: 'LFG' }],\n        [{ group: 'ddlLFH', partname: 'Front Pillar (left)', partid: 'LFH' }],\n        [{ group: 'ddlLQP', partname: 'Rear Qtr Panel (left)', partid: 'LQP' }],\n        [{ group: 'ddlLRD', partname: 'Rear Door (left)', partid: 'LRD' }],\n        [{ group: 'ddlLSP', partname: 'Sill Panel (left)', partid: 'LSP' }],\n        [{ group: 'ddlRB', partname: 'Rear Bumper Bar', partid: 'RB' }],\n        [\n          { group: 'ddlRCP', partname: 'Centre Pillar (right)', partid: 'RCP' },\n          { group: 'ddlRCP', partname: 'Side Panel (right)', partid: 'RBP' },\n          { group: 'ddlRCP', partname: 'Sliding Door (right)', partid: 'RSD' }\n        ],\n        [{ group: 'ddlRFD', partname: 'Front Door (right)', partid: 'RFD' }],\n        [{ group: 'ddlRFG', partname: 'Front Guard (right)', partid: 'RFG' }],\n        [{ group: 'ddlRFH', partname: 'Front Pillar (right)', partid: 'RFH' }],\n        [{ group: 'ddlLRL', partname: 'Rear Lamps (left)', partid: 'RL' }],\n        [{ group: 'ddlRRL', partname: 'Rear Lamps (right)', partid: 'RL' }],\n        [{ group: 'ddlRNP', partname: 'Rear Licence Plate', partid: 'RNP' }],\n        [{ group: 'ddlBP', partname: 'Beaver Panel', partid: 'BP' }],\n        [{ group: 'ddlRQP', partname: 'Rear Qtr Panel (right)', partid: 'RQP' }],\n        [{ group: 'ddlRRD', partname: 'Rear Door (right)', partid: 'RRD' }],\n        [{ group: 'ddlRSP', partname: 'Sill Panel (right)', partid: 'RSP' }],\n        [{ group: 'ddlSP', partname: 'Plenum & Firewall', partid: 'SP' }, { group: 'ddlSP', partname: 'Dash & Glove Box', partid: 'D' }],\n        [\n          { group: 'ddlT', partname: 'Turret', partid: 'T' },\n          { group: 'ddlT', partname: 'Interior Trims', partid: 'I' },\n          { group: 'ddlT', partname: 'Floor Panel', partid: 'FPAN' },\n          { group: 'ddlT', partname: 'Chassis Assembly', partid: 'FC' },\n          { group: 'ddlT', partname: 'Antenna', partid: 'AE' }\n        ],\n        [{ group: 'ddlTG', partname: 'Tailgate', partid: 'TG' }],\n        [{ group: 'ddlRW', partname: 'Rear Windscreen', partid: 'RW' }]\n      ]\n    }\n  },\n  computed: {\n    selectAll: {\n      get: function(value) {\n        var count = 0\n        this.selectedPartLists.forEach(function(list) {\n          count = count + list.length\n        })\n        return this.selectedParts ? count === this.selectedParts.length && this.selectedParts.length !== 0 : false\n      },\n      set: function(check) {\n        var selected = []\n        if (check) {\n          this.selectedPartLists.forEach(function(list) {\n            list.forEach(function(part) {\n              selected.push(part.partid)\n            })\n          })\n        }\n        this.selectedParts = selected\n      }\n    }\n  },\n  watch: {\n    selectedParts: {\n      handler: function(newVal, oldVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  created() {\n    EventBus.$on('resetEmpty', data => {\n      this.handleBusEvent(data)\n    })\n\n    this.selectedParts = this.value\n    var listFound = ''\n    for (let i = 0; i < this.selectedParts.length; i++) {\n      var added = false\n      for (let j = 0; j < this.partLists.length; j++) {\n        for (let k = 0; k < this.partLists[j].length; k++) {\n          if (added) {\n            break\n          }\n          if (this.selectedParts[i] === this.partLists[j][k].partid) {\n            listFound = this.showGroup.find(i => i === j)\n\n            if (listFound === undefined) {\n              this.selectedPartLists.push(this.partLists[j])\n              this.showGroup.push(j)\n            }\n            added = true\n            break\n          }\n        }\n        if (added) {\n          break\n        }\n      }\n    }\n\n    for (let l = 0; l < this.showGroup.length; l++) {\n      switch (this.showGroup[l]) {\n        case 0:\n          this.showddlG = true\n          break\n        case 1:\n          this.showddlFP = true\n          break\n        case 2:\n          this.showddlLFL = true\n          break\n        case 3:\n          this.showddlRFL = true\n          break\n        case 4:\n          this.showddlFB = true\n          break\n        case 5:\n          this.showddlB = true\n          break\n        case 6:\n          this.showddlBL = true\n          break\n        case 7:\n          this.showddlFW = true\n          break\n        case 8:\n          this.showddlLCP = true\n          break\n        case 9:\n          this.showddlLFD = true\n          break\n        case 10:\n          this.showddlLFG = true\n          break\n        case 11:\n          this.showddlLFH = true\n          break\n        case 12:\n          this.showddlLQP = true\n          break\n        case 13:\n          this.showddlLRD = true\n          break\n        case 14:\n          this.showddlLSP = true\n          break\n        case 15:\n          this.showddlRB = true\n          break\n        case 16:\n          this.showddlRCP = true\n          break\n        case 17:\n          this.showddlRFD = true\n          break\n        case 18:\n          this.showddlRFG = true\n          break\n        case 19:\n          this.showddlRFH = true\n          break\n        case 20:\n          this.showddlLRL = true\n          break\n        case 21:\n          this.showddlRRL = true\n          break\n        case 22:\n          this.showddlRNP = true\n          break\n        case 23:\n          this.showddlBP = true\n          break\n        case 24:\n          this.showddlRQP = true\n          break\n        case 25:\n          this.showddlRRD = true\n          break\n        case 26:\n          this.showddlRSP = true\n          break\n        case 27:\n          this.showddlSP = true\n          break\n        case 28:\n          this.showddlT = true\n          break\n        case 29:\n          this.showddlTG = true\n          break\n        case 30:\n          this.showddlRW = true\n          break\n      }\n    }\n  },\n  mounted() {\n    this.$nextTick(function() {\n      this.drawCanvas(this.showGroup)\n    })\n  },\n  methods: {\n    drawCanvas: function(showGroup) {\n      var image = document.querySelector('.image')\n      var highlighter = new ImageMapHighlighter(image, {\n        fill: true,\n        fillColor: '54C571',\n        fillOpacity: 0.3,\n        stroke: true,\n        strokeColor: '54C571',\n        strokeOpacity: 0,\n        strokeWidth: 1,\n        areas: showGroup\n      })\n      highlighter.init()\n    },\n    handleBusEvent: function(data) {\n      this.selectedParts = []\n      this.selectedPartLists = []\n      this.showGroup = []\n      this.showddlG = false\n      this.showddlFP = false\n      this.showddlLFL = false\n      this.showddlRFL = false\n      this.showddlFB = false\n      this.showddlB = false\n      this.showddlBL = false\n      this.showddlFW = false\n      this.showddlLCP = false\n      this.showddlLFD = false\n      this.showddlLFG = false\n      this.showddlLFH = false\n      this.showddlLQP = false\n      this.showddlLRD = false\n      this.showddlLSP = false\n      this.showddlRB = false\n      this.showddlRCP = false\n      this.showddlRFD = false\n      this.showddlRFG = false\n      this.showddlRFH = false\n      this.showddlLRL = false\n      this.showddlRRL = false\n      this.showddlRNP = false\n      this.showddlBP = false\n      this.showddlRQP = false\n      this.showddlRRD = false\n      this.showddlRSP = false\n      this.showddlSP = false\n      this.showddlT = false\n      this.showddlTG = false\n      this.showddlRW = false\n      this.drawCanvas(this.showGroup)\n    },\n    mouseOver: function(group, e) {\n      let target = e.target\n\n      switch (group) {\n        case 'ddlG':\n          target.title = 'Grille\\nRadiator\\nRadiator Support'\n          break\n        case 'ddlFP':\n          target.title = 'Front Apron'\n          break\n        case 'ddlLFL':\n          target.title = 'Front Lamps (left)'\n          break\n        case 'ddlRFL':\n          target.title = 'Front Lamps (right)'\n          break\n        case 'ddlFB':\n          target.title = 'Front Bumper Bar'\n          break\n        case 'ddlB':\n          target.title = 'Bonnet\\nAir Conditioning\\nEngine Bay Parts\\nFront Chassis\\nFront Suspension, Steering & Wheels\\nEngine\\nDecal'\n          break\n        case 'ddlBL':\n          target.title = 'Boot Lid\\nExhaust\\nBoot Floor\\nRear Suspension, Tank & Wheels'\n          break\n        case 'ddlFW':\n          target.title = 'Front Windscreen\\nWiper'\n          break\n        case 'ddlLCP':\n          target.title = 'Centre Pillar (left)\\nSide Panel (left)\\nSliding Door (left)'\n          break\n        case 'ddlLFD':\n          target.title = 'Front Door (left)'\n          break\n        case 'ddlLFG':\n          target.title = 'Front Guard (left)'\n          break\n        case 'ddlLFH':\n          target.title = 'Front Pillar (left)'\n          break\n        case 'ddlLQP':\n          target.title = 'Rear Qtr Panel (left)'\n          break\n        case 'ddlLRD':\n          target.title = 'Rear Door (left)'\n          break\n        case 'ddlLSP':\n          target.title = 'Sill Panel (left)'\n          break\n        case 'ddlRB':\n          target.title = 'Rear Bumper Bar'\n          break\n        case 'ddlRCP':\n          target.title = 'Centre Pillar (right)\\nSide Panel (right)\\nSliding Door (right)'\n          break\n        case 'ddlRFD':\n          target.title = 'Front Door (right)'\n          break\n        case 'ddlRFG':\n          target.title = 'Front Guard (right)'\n          break\n        case 'ddlRFH':\n          target.title = 'Front Pillar (right)'\n          break\n        case 'ddlLRL':\n          target.title = 'Rear Lamps (left)'\n          break\n        case 'ddlRRL':\n          target.title = 'Rear Lamps (right)'\n          break\n        case 'ddlRNP':\n          target.title = 'Rear Licence Plate'\n          break\n        case 'ddlBP':\n          target.title = 'Beaver Panel'\n          break\n        case 'ddlRQP':\n          target.title = 'Rear Qtr Panel (right)'\n          break\n        case 'ddlRRD':\n          target.title = 'Rear Door (right)'\n          break\n        case 'ddlRSP':\n          target.title = 'Sill Panel (right)'\n          break\n        case 'ddlSP':\n          target.title = 'Plenum & Firewall\\nDash & Glove Box'\n          break\n        case 'ddlT':\n          target.title = 'Turret\\nInterior Trims\\nFloor Panal\\nChassis Assembly\\nAntenna'\n          break\n        case 'ddlTG':\n          target.title = 'Tailgate'\n          break\n        case 'ddlRW':\n          target.title = 'Rear Windscreen'\n          break\n      }\n\n      this.drawCanvas(this.showGroup)\n    },\n    areaClick: function(show, index) {\n      if (show) {\n        this.selectedPartLists.push(this.partLists[index])\n        for (let i = 0; i < this.partLists[index].length; i++) {\n          this.selectedParts.push(this.partLists[index][i].partid)\n        }\n        this.showGroup.push(index)\n      } else {\n        this.selectedPartLists.splice(this.selectedPartLists.indexOf(this.selectedPartLists.find(i => i[0].group === this.partLists[index][0].group)), 1)\n\n        for (let j = 0; j < this.partLists[index].length; j++) {\n          var delIndex = this.selectedParts.indexOf(this.selectedParts.find(i => i === this.partLists[index][j].partid))\n\n          if (delIndex > -1) {\n            this.selectedParts.splice(delIndex, 1)\n          }\n        }\n        this.showGroup.splice(this.showGroup.indexOf(this.showGroup.find(i => i === index)), 1)\n      }\n\n      this.drawCanvas(this.showGroup)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.is-divider {\n  margin: 1.2em 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./Butterfly.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/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!./Butterfly.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Butterfly.vue?vue&type=template&id=c3198a6e&scoped=true\"\nimport script from \"./Butterfly.vue?vue&type=script&lang=js\"\nexport * from \"./Butterfly.vue?vue&type=script&lang=js\"\nimport style0 from \"./Butterfly.vue?vue&type=style&index=0&id=c3198a6e&prod&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  \"c3198a6e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButterflyModal.vue?vue&type=style&index=0&id=f128638e&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"static/img/butterfly.dcaec8dc.jpg\";"],"sourceRoot":""}