{"version":3,"sources":["webpack:///./src/components/MovableDialog.vue?1ab2","webpack:///src/components/MovableDialog.vue","webpack:///./src/components/MovableDialog.vue?7974","webpack:///./src/components/MovableDialog.vue","webpack:///./src/components/MovableDialog.vue?cb31"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","top","position","left","$root","isMobile","width","isTablet","height","zIndex","on","startDrag","attrs","_v","_s","title","close","model","value","callback","$$v","panel","expression","_t","staticRenderFns","props","String","Function","data","offset","mounted","methods","event","toElement","classList","contains","x","clientX","y","clientY","document","removeEventListener","move","stop","addEventListener","component","VBtn","VCard","VCardText","VExpansionPanel","VExpansionPanelContent","VExpansionPanelHeader","VExpansionPanels","VIcon","VSpacer","VToolbar"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACE,YAAY,iCAAiCC,MAAM,CACnMC,IAAKR,EAAIS,SAASD,IAAM,KACxBE,KAAMV,EAAIS,SAASC,KAAO,KAC1BD,SAAUT,EAAIW,MAAMC,SAAW,UAAY,QAC3CC,MAAOb,EAAIW,MAAMC,UAAYZ,EAAIW,MAAMG,SAAW,OAAS,MAC3DC,OAAQf,EAAIW,MAAMC,UAAYZ,EAAIW,MAAMG,SAAW,UAAY,MAC/DE,OAAQ,KACPC,GAAG,CAAC,UAAYjB,EAAIkB,YAAY,CAACd,EAAG,YAAY,CAACE,YAAY,UAAUa,MAAM,CAAC,KAAO,GAAG,KAAOnB,EAAIW,MAAMC,UAAYZ,EAAIW,MAAMG,WAAW,CAACV,EAAG,KAAK,CAACJ,EAAIoB,GAAGpB,EAAIqB,GAAGrB,EAAIsB,UAAUlB,EAAG,YAAYA,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAO,IAAIF,GAAG,CAAC,MAAQjB,EAAIuB,QAAQ,CAACnB,EAAG,SAAS,CAACJ,EAAIoB,GAAG,gBAAgB,IAAI,GAAGhB,EAAG,cAAc,CAACA,EAAG,qBAAqB,CAACe,MAAM,CAAC,UAAY,IAAIK,MAAM,CAACC,MAAOzB,EAAS,MAAE0B,SAAS,SAAUC,GAAM3B,EAAI4B,MAAMD,GAAKE,WAAW,UAAU,CAACzB,EAAG,oBAAoB,CAACA,EAAG,4BAA4BA,EAAG,4BAA4B,CAACJ,EAAI8B,GAAG,YAAY,IAAI,IAAI,IAAI,IAAI,IAAI,IAC3jBC,EAAkB,GC6BtB,GACEC,MAAO,CACLV,MAAOW,OACPV,MAAOW,UAETC,KALF,WAMI,MAAO,CACL1B,SAAU,CAAhB,kBACM2B,OAAQ,CAAd,SACMR,MAAO,IAGXS,QAZF,WAaQpC,KAAKU,MAAMG,WACbb,KAAKQ,SAAW,CAAtB,gBAGE6B,QAAS,CACPpB,UADJ,SACA,cACM,GAAIqB,EAAMC,UAAUC,UAAUC,SAAS,sBAAuB,CAC5DzC,KAAKmC,OAAOO,EAAIJ,EAAMK,QAAU3C,KAAKQ,SAASC,KAC9CT,KAAKmC,OAAOS,EAAIN,EAAMO,QAAU7C,KAAKQ,SAASD,IAE9C,IAAR,cACU,EAAV,mCACU,EAAV,mCAGA,eACUuC,SAASC,oBAAoB,YAAaC,GAC1CF,SAASC,oBAAoB,UAAWE,IAG1CH,SAASI,iBAAiB,YAAaF,GACvCF,SAASI,iBAAiB,UAAWD,OCvE0S,I,qKCQnVE,EAAY,eACd,EACArD,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAqB,EAAiB,QAchC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,kBAAA,KAAgBC,yBAAA,KAAuBC,wBAAA,KAAsBC,mBAAA,KAAiBC,QAAA,KAAMC,UAAA,KAAQC,WAAA,Q,kCCjC/I,yBAA4e,EAAG,G","file":"js/chunk-fcc2e592.f582de4d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dialog-wrapper\"},[_c('v-card',{staticClass:\"draggable-dialog ma-0 v-dialog\",style:({\n      top: _vm.position.top + 'px',\n      left: _vm.position.left + 'px',\n      position: _vm.$root.isMobile ? 'initial' : 'fixed',\n      width: _vm.$root.isMobile || _vm.$root.isTablet ? '100%' : '30%',\n      height: _vm.$root.isMobile || _vm.$root.isTablet ? 'initial' : '90%',\n      zIndex: 1000,\n    }),on:{\"mousedown\":_vm.startDrag}},[_c('v-toolbar',{staticClass:\"movable\",attrs:{\"dark\":\"\",\"flat\":_vm.$root.isMobile || _vm.$root.isTablet}},[_c('h4',[_vm._v(_vm._s(_vm.title))]),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',[_c('v-expansion-panels',{attrs:{\"accordion\":\"\"},model:{value:(_vm.panel),callback:function ($$v) {_vm.panel=$$v},expression:\"panel\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header'),_c('v-expansion-panel-content',[_vm._t(\"default\")],2)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dialog-wrapper\">\r\n    <v-card\r\n      class=\"draggable-dialog ma-0 v-dialog\"\r\n      @mousedown=\"startDrag\"\r\n      :style=\"{\r\n        top: position.top + 'px',\r\n        left: position.left + 'px',\r\n        position: $root.isMobile ? 'initial' : 'fixed',\r\n        width: $root.isMobile || $root.isTablet ? '100%' : '30%',\r\n        height: $root.isMobile || $root.isTablet ? 'initial' : '90%',\r\n        zIndex: 1000,\r\n      }\"\r\n    >\r\n      <!-- <v-app-bar dense flat>\r\n      <v-toolbar-title>{{ title }}</v-toolbar-title>\r\n    </v-app-bar> -->\r\n      <v-toolbar dark :flat=\"$root.isMobile || $root.isTablet\" class=\"movable\">\r\n        <h4>{{ title }}</h4>\r\n        <v-spacer></v-spacer>\r\n        <v-btn class=\"\" @click=\"close\" icon><v-icon>mdi-close</v-icon></v-btn>\r\n      </v-toolbar>\r\n      <v-card-text>\r\n        <v-expansion-panels v-model=\"panel\" accordion>\r\n          <v-expansion-panel>\r\n            <v-expansion-panel-header></v-expansion-panel-header>\r\n            <v-expansion-panel-content>\r\n              <slot></slot>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n        </v-expansion-panels>\r\n      </v-card-text>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: String,\r\n    close: Function,\r\n  },\r\n  data() {\r\n    return {\r\n      position: { top: 100, left: 500 },\r\n      offset: { x: 0, y: 0 },\r\n      panel: 0,\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.$root.isTablet) {\r\n      this.position = { top: 0, left: 0 };\r\n    }\r\n  },\r\n  methods: {\r\n    startDrag(event) {\r\n      if (event.toElement.classList.contains(\"v-toolbar__content\")) {\r\n        this.offset.x = event.clientX - this.position.left;\r\n        this.offset.y = event.clientY - this.position.top;\r\n\r\n        const move = (moveEvent) => {\r\n          this.position.left = moveEvent.clientX - this.offset.x;\r\n          this.position.top = moveEvent.clientY - this.offset.y;\r\n        };\r\n\r\n        const stop = () => {\r\n          document.removeEventListener(\"mousemove\", move);\r\n          document.removeEventListener(\"mouseup\", stop);\r\n        };\r\n\r\n        document.addEventListener(\"mousemove\", move);\r\n        document.addEventListener(\"mouseup\", stop);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.draggable-dialog {\r\n  top: 10vh;\r\n  left: 30%;\r\n  background-color: white;\r\n  border: 1px solid;\r\n}\r\n/* .draggable-dialog div {\r\n  z-index: 10000 !important;\r\n} */\r\n.movable {\r\n  cursor: move;\r\n}\r\n@media only screen and (max-width: 450px) {\r\n  .dialog-wrapper {\r\n    height: 50vh;\r\n    width: 90vw;\r\n    overflow-y: auto;\r\n  }\r\n}\r\n@media only screen and (max-width: 900px) {\r\n  .dialog-wrapper {\r\n    height: 40vh;\r\n    overflow: auto;\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!./MovableDialog.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!./MovableDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MovableDialog.vue?vue&type=template&id=d7c82b38&scoped=true&\"\nimport script from \"./MovableDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./MovableDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MovableDialog.vue?vue&type=style&index=0&id=d7c82b38&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  \"d7c82b38\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VExpansionPanel } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelContent } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelHeader } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanels } from 'vuetify/lib/components/VExpansionPanel';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardText,VExpansionPanel,VExpansionPanelContent,VExpansionPanelHeader,VExpansionPanels,VIcon,VSpacer,VToolbar})\n","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!./MovableDialog.vue?vue&type=style&index=0&id=d7c82b38&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!./MovableDialog.vue?vue&type=style&index=0&id=d7c82b38&scoped=true&lang=css&\""],"sourceRoot":""}