{"version":3,"sources":["webpack:///./src/components/ui/AppDocItem.vue?5249","webpack:///src/components/ui/AppDocItem.vue","webpack:///./src/components/ui/AppDocItem.vue?91d4","webpack:///./src/components/ui/AppDocItem.vue","webpack:///./src/components/ui/AppDocItem.vue?eb78"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","innerUrl","_v","_s","title","date","size","on","$event","$emit","staticRenderFns","name","components","AppSvgIcon","props","type","String","required","default","url","computed","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACG,IAAI,OAAOD,YAAY,qBAAqBE,MAAM,CAAC,KAAOR,EAAIS,WAAW,CAACL,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,eAAe,CAACE,YAAY,0BAA0BE,MAAM,CAAC,KAAO,cAAc,GAAGJ,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,UAAUR,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIa,SAAST,EAAG,OAAO,CAACE,YAAY,2BAA2B,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIc,eAAeV,EAAG,MAAM,CAACE,YAAY,uBAAuBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,MAAM,aAAa,CAACb,EAAG,eAAe,CAACE,YAAY,4BAA4BE,MAAM,CAAC,KAAO,YAAY,MACv2BU,EAAkB,GCoBtB,G,UAAA,CACEC,KAAM,aACNC,WAAY,CACVC,WAAY,WAAhB,yDAEEC,MAAO,CACLV,MAAO,CACLW,KAAMC,OACNC,UAAU,GAEZX,KAAM,CACJS,KAAMC,OACNE,QAAS,IAEXb,KAAM,CACJU,KAAMC,OACNE,QAAS,IAEXC,IAAK,CACHJ,KAAMC,OACNE,QAAS,KAGbE,SAAU,CACRnB,SADJ,WAGM,OAAOR,KAAK0B,IAAM1B,KAAK0B,IAAM,0BC/CgU,I,wBCQ/VE,EAAY,eACd,EACA9B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,sECnBf,yBAAoiB,EAAG","file":"js/chunk-7f01fa59.e2993668.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-doc-item\"},[_c('a',{ref:\"link\",staticClass:\"app-doc-item__link\",attrs:{\"href\":_vm.innerUrl}},[_c('div',{staticClass:\"app-doc-item__icon\"},[_c('app-svg-icon',{staticClass:\"app-doc-item__icon-icon\",attrs:{\"name\":\"acrobat\"}})],1),_c('div',{staticClass:\"app-doc-item__info\"},[_c('p',{staticClass:\"app-doc-item__info-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"app-doc-item__info-group\"},[_c('span',{staticClass:\"app-doc-item__info-date\"},[_vm._v(_vm._s(_vm.date))]),_c('span',{staticClass:\"app-doc-item__info-size\"},[_vm._v(_vm._s(_vm.size))])])])]),_c('div',{staticClass:\"app-doc-item__remove\",on:{\"click\":function($event){return _vm.$emit('remove')}}},[_c('app-svg-icon',{staticClass:\"app-doc-item__remove-icon\",attrs:{\"name\":\"close\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"app-doc-item\">\n    <a :href=\"innerUrl\" ref=\"link\" class=\"app-doc-item__link\">\n      <div class=\"app-doc-item__icon\">\n        <app-svg-icon class=\"app-doc-item__icon-icon\" name=\"acrobat\" />\n      </div>\n      <div class=\"app-doc-item__info\">\n        <p class=\"app-doc-item__info-title\">{{ title }}</p>\n        <div class=\"app-doc-item__info-group\">\n          <span class=\"app-doc-item__info-date\">{{ date }}</span>\n          <span class=\"app-doc-item__info-size\">{{ size }}</span>\n        </div>\n      </div>\n    </a>\n    <div @click=\"$emit('remove')\" class=\"app-doc-item__remove\">\n      <app-svg-icon class=\"app-doc-item__remove-icon\" name=\"close\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AppDocItem',\n  components: {\n    AppSvgIcon: () => import('@/components/common/AppSvgIcon'),\n  },\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: String,\n      default: '',\n    },\n    date: {\n      type: String,\n      default: '',\n    },\n    url: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    innerUrl() {\n      // eslint-disable-next-line no-script-url\n      return this.url ? this.url : 'javascript:void(0);';\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.app-doc-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: calc(100% - 40px);\n  padding: 10px 12px 10px 0;\n  border-top: 1px solid $color-gray-16;\n  border-bottom: 1px solid $color-gray-16;\n  transition: background-color $A;\n\n  @include media-xxs() {\n    align-items: flex-start;\n    padding: 6px 12px 6px 0;\n  }\n\n  &:hover {\n    background-color: $color-gray-16;\n  }\n\n  &__link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    text-decoration: none;\n  }\n\n  &__icon {\n    display: flex;\n    min-width: 30px;\n    margin-right: 8px;\n\n    @include media-xxs() {\n      min-width: 20px;\n      margin-top: 2px;\n      margin-right: 5px;\n    }\n\n    &-icon {\n      width: 30px;\n      height: 30px;\n\n      @include media-xxs() {\n        width: 20px;\n        height: 20px;\n      }\n    }\n  }\n\n  &__info {\n    width: 100%;\n\n    &-title {\n      flex: 0 0 100%;\n      width: 100%;\n      margin: 0;\n      font-size: rem(12);\n      font-weight: 300;\n      line-height: 13px;\n      color: #212121;\n      letter-spacing: 0.03em;\n    }\n\n    &-group {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    &-date,\n    &-size {\n      font-size: rem(10);\n      font-weight: 300;\n      color: $color-gray-18;\n    }\n  }\n\n  &__remove {\n    position: absolute;\n    top: 50%;\n    left: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    margin-left: 10px;\n    cursor: pointer;\n    border: 1px solid $color-gray-17;\n    border-radius: 50%;\n    transition: background $A, border-color $A;\n    transform: translateY(-50%);\n\n    &-icon {\n      width: 8px;\n      height: 8px;\n      fill: $color-gray-17;\n      transition: fill $A;\n    }\n\n    &:hover {\n      background: $color-brand-green;\n      border-color: $color-brand-green;\n\n      .app-doc-item__remove-icon {\n        fill: $color-white;\n      }\n    }\n  }\n}\n</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!./AppDocItem.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!./AppDocItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDocItem.vue?vue&type=template&id=3a726d7e&\"\nimport script from \"./AppDocItem.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDocItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppDocItem.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","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!./AppDocItem.vue?vue&type=style&index=0&lang=scss&\"; 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!./AppDocItem.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}