{"version":3,"sources":["webpack:///./src/components/AttachmentTileGrid.vue","webpack:///src/components/AttachmentTileGrid.vue","webpack:///./src/components/AttachmentTileGrid.vue?dd75","webpack:///./src/components/AttachmentTileGrid.vue?99f3","webpack:///./src/components/AttachmentTile.vue","webpack:///src/components/AttachmentTile.vue","webpack:///./src/components/AttachmentTile.vue?ebf7","webpack:///./src/components/AttachmentTile.vue?8689"],"names":["staticClass","_vm","attachment","_c","on","render","name","components","AttachmentTile","props","attachments","type","Array","required","assigned","singleSelect","Boolean","default","methods","isChecked","find","a","id","checkAttachment","computedAssigned","filter","$set","length","data","computed","computedAttachments","map","at","icon","getIconByFileType","filename","iconColor","getIconColorByFileType","get","set","nV","$emit","component","staticRenderFns","attrs","scopedSlots","fn","staticStyle","Object","checked","checkedStyle","_this$$_colors","border","$_colors","primarybackground","unCheckedStyle","color","cardStyle"],"mappings":"kLAAiGA,aAA2B,IAAEC,EAAQA,KAA8C,IAAS,MAAC,G,OAAY,EAACC,OAAa,W,YAAY,iBAAwC,EAAEC,GAAG,uBAAkB,Y,OAAM,EAAC,Q,IAAC,EAAaD,G,YAAqBD,wCAA0B,sBAACG,MAAG,CAAC,aAAuC,wBAAU,GAAG,CAC/Z,wCAGQC,M,qCCmBM,GACfC,KAAA,qBACAC,WAAA,CAAAC,6BACAC,MAAA,CACAC,YAAA,CACAC,KAAAC,MACAC,UAAA,GAEAC,SAAA,CACAH,KAAAC,MACAC,UAAA,GAEAE,aAAA,CACAJ,KAAAK,QACAC,SAAA,IAGAC,QAAA,CACAC,UAAAjB,GACA,mBAAAY,YACA,KAAAA,SAAAM,KAAAC,KAAAC,KAAApB,EAAAoB,KAIAC,gBAAArB,GACA,KAAAiB,UAAAjB,GACA,KAAAsB,iBAAA,KAAAV,SAAAW,OAAAJ,KAAAC,KAAApB,EAAAoB,IAEA,KAAAP,aACA,KAAAS,iBAAA,CAAAtB,GAEA,KAAAwB,KAAA,KAAAF,iBAAA,KAAAA,iBAAAG,OAAAzB,KAKA0B,UAAA,IACAC,SAAA,CACAC,sBACA,YAAApB,YAAAqB,IAAAC,IACA,IACAA,EACAC,KAAAC,+BAAAF,EAAAG,UACAC,UAAAC,oCAAAL,EAAAG,cAIAX,iBAAA,CACAc,MACA,YAAAxB,UAEAyB,IAAAC,GACA,KAAAC,MAAA,QAAAD,OC3E4V,I,YCOxVE,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E,kHClB4JE,EAAM,W,IAAC,O,EAAiB,EAAO,MAAC,G,OAAQ,SAAa,W,YAAW3C,uCAAW,MAAC,YAACG,MAAG,CAAC,OAAQ,Q,MAAwBH,QAA8C,YAAC,mBAAiB2C,IAAO,MAAO,SAAM,GAAC,OAAQ3C,EAAIC,0BAAWkC,iBAA2EQ,GAAK,OAAC,C,MAAC,CAAY,KAAO,OAAQ,QAAY,uBAAOC,UAAY5C,EAAM,GAAE,oC,MAAK,CAAY6C,OAAG,G,MAAW1C,OAAG,YAAE,O,YAAkCJ,EAAW,GAAC,E,IAAoEI,YAAuD,gBAAG,IAAc2C,MAAW,GAAC,aAAC,YAAa,oEAAW,sDAE3xBJ,UAEJ,YAAiBA,C,wFCyBF,GACfrC,KAAA,iBACAG,MAAA,CACAP,WAAA,CACAS,KAAAqC,OACAnC,UAAA,GAEAoC,QAAA,CACAtC,KAAAK,QACAH,UAAA,EACAI,SAAA,IAGAY,SAAA,CACAqB,eAAA,IAAAC,EACA,OAAAC,OAAA,+CAAAD,EAAA,KAAAE,gBAAA,IAAAF,OAAA,EAAAA,EAAAG,oBAEAC,iBACA,kCAAAC,MAAA,wBAEAC,YACA,YAAAR,QAAA,KAAAC,aAAA,KAAAK,kBClDwV,I,YCOpVb,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E","file":"js/chunk-b25d5b16.89ebdc9e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('v-row',{staticClass:\"justify-start\"},_vm._l((_vm.computedAttachments),function(attachment){return _c('v-col',{key:attachment.id,staticClass:\"col-sm-12 col-md-6 col-lg-3 col-xl-2\"},[_c('attachment-tile',{attrs:{\"attachment\":attachment,\"checked\":_vm.isChecked(attachment)},on:{\"checkedAttachment\":_vm.checkAttachment}})],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-row class=\"justify-start\">\n      <v-col\n        v-for=\"attachment in computedAttachments\"\n        :key=\"attachment.id\"\n        class=\"col-sm-12 col-md-6 col-lg-3 col-xl-2\"\n      >\n        <attachment-tile\n          :attachment=\"attachment\"\n          :checked=\"isChecked(attachment)\"\n          @checkedAttachment=\"checkAttachment\"\n        ></attachment-tile>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport { getIconColorByFileType, getIconByFileType } from '@/assets/js/utility';\n\nimport AttachmentTile from '@/components/AttachmentTile';\n\nexport default {\n  name: 'AttachmentTileGrid',\n  components: { AttachmentTile },\n  props: {\n    attachments: {\n      type: Array,\n      required: true,\n    },\n    assigned: {\n      type: Array,\n      required: false,\n    },\n    singleSelect: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  methods: {\n    isChecked(attachment) {\n      if (this.assigned !== null) {\n        return !!this.assigned.find(a => a.id === attachment.id);\n      }\n      return false;\n    },\n    checkAttachment(attachment) {\n      if (this.isChecked(attachment)) {\n        this.computedAssigned = this.assigned.filter(a => a.id !== attachment.id);\n      } else {\n        if (this.singleSelect) {\n          this.computedAssigned = [attachment];\n        } else {\n          this.$set(this.computedAssigned, this.computedAssigned.length, attachment);\n        }\n      }\n    },\n  },\n  data: () => ({}),\n  computed: {\n    computedAttachments() {\n      return this.attachments.map(at => {\n        return {\n          ...at,\n          icon: getIconByFileType(at.filename),\n          iconColor: getIconColorByFileType(at.filename),\n        };\n      });\n    },\n    computedAssigned: {\n      get() {\n        return this.assigned;\n      },\n      set(nV) {\n        this.$emit('input', nV);\n      },\n    },\n  },\n};\n</script>\n\n<style scoped></style>\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!./AttachmentTileGrid.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!./AttachmentTileGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AttachmentTileGrid.vue?vue&type=template&id=2c0ec925&scoped=true&\"\nimport script from \"./AttachmentTileGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./AttachmentTileGrid.vue?vue&type=script&lang=js&\"\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  \"2c0ec925\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('v-card',{staticClass:\"pt-2 d-flex flex-column align-center\",style:(_vm.cardStyle),attrs:{\"height\":\"100px\",\"width\":\"200px\",\"outlined\":\"\",\"ripple\":!_vm.checked},on:{\"click\":function($event){return _vm.$emit('checkedAttachment', _vm.attachment)}}},[_c('v-icon',{attrs:{\"size\":\"40px\",\"color\":_vm.attachment.iconColor}},[_vm._v(\" \"+_vm._s(_vm.attachment.icon)+\" \")]),_c('v-tooltip',{attrs:{\"bottom\":\"\",\"color\":\"font\",\"max-width\":\"180\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-card-text',_vm._g({staticClass:\"subtitle-2 font--text justify-center text-truncate flex-shrink-1\"},on),[_vm._v(\" \"+_vm._s(_vm.attachment.filename)+\" \")])]}}])},[_c('div',{staticStyle:{\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(_vm.attachment.filename)+\" \")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-card\n      height=\"100px\"\n      width=\"200px\"\n      class=\"pt-2 d-flex flex-column align-center\"\n      :style=\"cardStyle\"\n      outlined\n      :ripple=\"!checked\"\n      @click=\"$emit('checkedAttachment', attachment)\"\n    >\n      <v-icon size=\"40px\" :color=\"attachment.iconColor\">\n        {{ attachment.icon }}\n      </v-icon>\n      <v-tooltip bottom color=\"font\" max-width=\"180\">\n        <template #activator=\"{ on }\">\n          <v-card-text class=\"subtitle-2 font--text justify-center text-truncate flex-shrink-1\" v-on=\"on\">\n            {{ attachment.filename }}\n          </v-card-text>\n        </template>\n        <div style=\"word-break: break-all;\">\n          {{ attachment.filename }}\n        </div>\n      </v-tooltip>\n    </v-card>\n  </v-container>\n</template>\n\n<script>\nexport default {\n  name: 'AttachmentTile',\n  props: {\n    attachment: {\n      type: Object,\n      required: true,\n    },\n    checked: {\n      type: Boolean,\n      required: true,\n      default: false,\n    },\n  },\n  computed: {\n    checkedStyle() {\n      return { border: '1px solid primary', 'background-color': this.$_colors?.primarybackground };\n    },\n    unCheckedStyle() {\n      return { 'background-color': 'white', color: 'rgba(255,255,255,0)' };\n    },\n    cardStyle() {\n      return this.checked ? this.checkedStyle : this.unCheckedStyle;\n    },\n  },\n};\n</script>\n\n<style scoped></style>\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!./AttachmentTile.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!./AttachmentTile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AttachmentTile.vue?vue&type=template&id=0539a691&scoped=true&\"\nimport script from \"./AttachmentTile.vue?vue&type=script&lang=js&\"\nexport * from \"./AttachmentTile.vue?vue&type=script&lang=js&\"\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  \"0539a691\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}