{"version":3,"sources":["webpack:///./src/interfaces/file/display.vue?a297","webpack:///./node_modules/@directus/extension-toolkit/mixins/interface.js","webpack:///./src/interfaces/file/display.vue?20d2","webpack:///src/interfaces/file/display.vue","webpack:///./src/interfaces/file/display.vue?bed6","webpack:///./src/interfaces/file/display.vue","webpack:///./src/interfaces/file/get-icon.js"],"names":["module","exports","props","id","type","String","required","name","value","default","length","Number","readonly","Boolean","collection","primaryKey","options","Object","newItem","relation","fields","values","width","val","includes","render","_vm","this","_h","$createElement","_c","_self","staticClass","imageUrl","error","attrs","on","handleImageError","directives","rawName","filename_disk","expression","modifiers","icon","_v","staticRenderFns","component","getIcon","startsWith"],"mappings":"kHAAA,yBAAyjB,EAAG,G,qBCA5jBA,EAAOC,QAAU,CACfC,MAAO,CAILC,GAAI,CACFC,KAAMC,OACNC,UAAU,GAGZC,KAAM,CACJH,KAAMC,OACNC,UAAU,GAIZE,MAAO,CACLJ,KAAM,KACNK,QAAS,MAGXL,KAAM,CACJA,KAAMC,OACNC,UAAU,GAGZI,OAAQ,CACNN,KAAM,CAACC,OAAQM,QACfF,QAAS,MAGXG,SAAU,CACRR,KAAMS,QACNJ,SAAS,GAGXK,WAAY,CACVV,KAAMC,OACNI,QAAS,MAGXM,WAAY,CACVX,KAAM,CAACO,OAAQN,QACfI,QAAS,MAGXH,SAAU,CACRF,KAAMS,QACNJ,SAAS,GAGXO,QAAS,CACPZ,KAAMa,OACNR,QAAS,KAAM,KAGjBS,QAAS,CACPd,KAAMS,QACNJ,SAAS,GAIXU,SAAU,CACRf,KAAMa,OACNR,QAAS,MAGXW,OAAQ,CACNhB,KAAMa,OACNR,QAAS,MAIXY,OAAQ,CACNjB,KAAMa,OACNR,QAAS,MAEXa,MAAO,CACLlB,KAAMC,OACNI,QAAS,KACT,UAAUc,GACR,MAAO,CACL,OACA,YACA,aACA,OACA,QACAC,SAASD,Q,kECvFnB,IAAIE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAAEN,EAAIO,WAAaP,EAAIQ,MAAOJ,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMT,EAAIO,UAAUG,GAAG,CAAC,MAAQV,EAAIW,oBAAqBX,EAAS,MAAEI,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,kBAAoBT,EAAIlB,MAAiCsB,EAAG,SAAS,CAACQ,WAAW,CAAC,CAAC/B,KAAK,UAAUgC,QAAQ,kBAAkB/B,MAAOkB,EAAIlB,OAASkB,EAAIlB,MAAMgC,cAAeC,WAAW,+BAA+BC,UAAU,CAAC,OAAQ,KAAQP,MAAM,CAAC,KAAOT,EAAIiB,QAAjOb,EAAG,OAAO,CAACJ,EAAIkB,GAAG,SAAwN,IACziBC,EAAkB,G,6CCYtB,GACA,aACA,KAFA,WAGA,OACA,aAGA,UACA,SADA,WAEA,kBACA,gBADA,MAGA,QALA,WAMA,yDAEA,KARA,WASA,sCAEA,SAXA,WAYA,oBAGA,YACA,iBACA,4BACA,+BACA,kCAPA,OAWA,SACA,iBADA,SACA,GACA,gBC7CgW,I,wBCQ5VC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,uFCnBA,SAASC,EAAQ3C,GAC/B,MAAa,oBAATA,EACI,iBAGJA,EAAK4C,WAAW,eACZ,oBAGJ5C,EAAK4C,WAAW,SACZ,gBAGJ5C,EAAK4C,WAAW,SACZ,WAGJ5C,EAAK4C,WAAW,QACZ,OAGJ5C,EAAK4C,WAAW,SACZ,aAGD","file":"js/chunk-d0fe1ce2.148b1b2c.js","sourcesContent":["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!./display.vue?vue&type=style&index=0&id=79e81881&lang=scss&scoped=true&\"; 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!./display.vue?vue&type=style&index=0&id=79e81881&lang=scss&scoped=true&\"","module.exports = {\n  props: {\n    // Unique id for this interface. Should be added to the lower level \n    // HTML input element if applicable. This ID will be used in the label's\n    // `for` attribute\n    id: {\n      type: String,\n      required: true\n    },\n    // Name of the field\n    name: {\n      type: String,\n      required: true\n    },\n    // The current value. This can either be the default value, the saved database\n    // value or the current state after the user made an edit\n    value: {\n      type: null,\n      default: null\n    },\n    // Type of the field, eg `string`, `hash`, or `array`\n    type: {\n      type: String,\n      required: true\n    },\n    // Max length\n    length: {\n      type: [String, Number],\n      default: null\n    },\n    // If the field is readonly or not\n    readonly: {\n      type: Boolean,\n      default: false\n    },\n    // Name of the collection\n    collection: {\n      type: String,\n      default: null\n    },\n    // Primary key of the item you're editing in this context\n    primaryKey: {\n      type: [Number, String],\n      default: null\n    },\n    // If the field is required or not\n    required: {\n      type: Boolean,\n      default: false\n    },\n    // Field options. A json object based on the interface's meta.json file\n    options: {\n      type: Object,\n      default: () => ({})\n    },\n    // If the item that's currently being edited is new\n    newItem: {\n      type: Boolean,\n      default: false\n    },\n    // The relation of the current field. Will contain information on the related\n    // collection and field(s)\n    relation: {\n      type: Object,\n      default: null\n    },\n    // The other fields in the current edit page\n    fields: {\n      type: Object,\n      default: null\n    },\n    // The values of the other fields on the edit page. Can be used for things like\n    // automatically generating a slug based on another field\n    values: {\n      type: Object,\n      default: null\n    },\n    width: {\n      type: String,\n      default: null,\n      validator(val) {\n        return [\n          'half',\n          'half-left',\n          'half-right',\n          'full',\n          'fill'\n        ].includes(val);\n      }\n    }\n  }\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"readonly-single-file no-wrap\"},[(_vm.imageUrl && !_vm.error)?_c('img',{attrs:{\"src\":_vm.imageUrl},on:{\"error\":_vm.handleImageError}}):(_vm.error)?_c('v-icon',{attrs:{\"name\":\"broken_image\"}}):(!_vm.value)?_c('span',[_vm._v(\"--\")]):_c('v-icon',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.right\",value:(_vm.value && _vm.value.filename_disk),expression:\"value && value.filename_disk\",modifiers:{\"right\":true}}],attrs:{\"name\":_vm.icon}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"readonly-single-file no-wrap\">\n\t\t<img v-if=\"imageUrl && !error\" :src=\"imageUrl\" @error=\"handleImageError\" />\n\t\t<v-icon v-else-if=\"error\" name=\"broken_image\" />\n\t\t<span v-else-if=\"!value\">--</span>\n\t\t<v-icon v-else v-tooltip.right=\"value && value.filename_disk\" :name=\"icon\" />\n\t</div>\n</template>\n\n<script>\nimport mixin from '@directus/extension-toolkit/mixins/interface';\nimport getIcon from './get-icon';\n\nexport default {\n\tmixins: [mixin],\n\tdata() {\n\t\treturn {\n\t\t\terror: null\n\t\t};\n\t},\n\tcomputed: {\n\t\tfiletype() {\n\t\t\tif (!this.value) return null;\n\t\t\treturn this.value.type;\n\t\t},\n\t\tisImage() {\n\t\t\treturn this.filetype && this.filetype.startsWith('image');\n\t\t},\n\t\ticon() {\n\t\t\treturn getIcon(this.filetype);\n\t\t},\n\t\timageUrl() {\n\t\t\tif (!this.isImage) return null;\n\n\t\t\treturn (\n\t\t\t\tthis.value &&\n\t\t\t\tthis.value.data &&\n\t\t\t\tthis.value.data.thumbnails &&\n\t\t\t\tthis.value.data.thumbnails[0] &&\n\t\t\t\tthis.value.data.thumbnails[0].url\n\t\t\t);\n\t\t}\n\t},\n\tmethods: {\n\t\thandleImageError(error) {\n\t\t\tthis.error = error;\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\nimg {\n\twidth: 24px;\n\theight: 24px;\n\tobject-fit: cover;\n\tborder-radius: 2px;\n\tdisplay: block;\n}\n\n.spinner {\n\tdisplay: inline-block;\n}\n\ni {\n\tcolor: var(--blue-grey-200);\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!./display.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!./display.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./display.vue?vue&type=template&id=79e81881&scoped=true&\"\nimport script from \"./display.vue?vue&type=script&lang=js&\"\nexport * from \"./display.vue?vue&type=script&lang=js&\"\nimport style0 from \"./display.vue?vue&type=style&index=0&id=79e81881&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  \"79e81881\",\n  null\n  \n)\n\nexport default component.exports","export default function getIcon(type) {\n\tif (type === 'application/pdf') {\n\t\treturn 'picture_as_pdf';\n\t}\n\n\tif (type.startsWith('application')) {\n\t\treturn 'insert_drive_file';\n\t}\n\n\tif (type.startsWith('image')) {\n\t\treturn 'crop_original';\n\t}\n\n\tif (type.startsWith('video')) {\n\t\treturn 'videocam';\n\t}\n\n\tif (type.startsWith('code')) {\n\t\treturn 'code';\n\t}\n\n\tif (type.startsWith('audio')) {\n\t\treturn 'audiotrack';\n\t}\n\n\treturn 'save';\n}\n"],"sourceRoot":""}