{"version":3,"sources":["webpack:///./src/layouts/tabular/layout.vue?b48e","webpack:///./src/layouts/tabular/layout.vue?9506","webpack:///src/layouts/tabular/layout.vue","webpack:///./src/layouts/tabular/layout.vue?6ee0","webpack:///./src/layouts/tabular/layout.vue","webpack:///./node_modules/@directus/extension-toolkit/mixins/layout.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","class","viewOptions","spacing","attrs","items","columns","collection","primaryKeyField","selection","sortVal","rowHeight","loading","lazyLoading","widths","link","sortField","on","sort","setWidths","$event","$emit","staticRenderFns","component","module","exports","props","type","String","required","fields","Object","Array","default","viewQuery","Boolean"],"mappings":"gHAAA,yBAAwjB,EAAG,G,kECA3jB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,UAAU,CAACG,IAAI,QAAQC,MAAMR,EAAIS,YAAYC,QAAQC,MAAM,CAAC,MAAQX,EAAIY,MAAM,QAAUZ,EAAIa,QAAQ,WAAab,EAAIc,WAAW,oBAAoBd,EAAIe,gBAAgB,UAAYf,EAAIgB,UAAU,WAAWhB,EAAIiB,QAAQ,aAAajB,EAAIkB,UAAU,QAAUlB,EAAImB,QAAQ,eAAenB,EAAIoB,YAAY,gBAAgBpB,EAAIS,YAAYY,QAAU,GAAG,KAAOrB,EAAIsB,KAAK,kBAAiB,EAAK,oBAAoBtB,EAAIuB,WAAWC,GAAG,CAAC,KAAOxB,EAAIyB,KAAK,OAASzB,EAAI0B,UAAU,OAAS,SAASC,GAAQ,OAAO3B,EAAI4B,MAAM,SAAUD,IAAS,aAAa,SAASA,GAAQ,OAAO3B,EAAI4B,MAAM,cAAc,MAAQ,SAASD,GAAQ,OAAO3B,EAAI4B,MAAM,QAASD,QAAa,IACrwBE,EAAkB,G,iHC6BtB,GACA,aACA,UACA,QADA,WACA,IAGA,EAHA,OACA,6BAkBA,OAZA,EAFA,sBACA,qCACA,sBAEA,iCAGA,EACA,qEACA,kDACA,WACA,mCAGA,EACA,0CACA,iBACA,kBACA,SACA,uCAGA,UA5BA,WA6BA,+CACA,GAGA,kCACA,GAGA,qCACA,GAGA,IAEA,QA3CA,WA4CA,mEAEA,OACA,uBACA,2BAIA,OACA,QADA,SACA,KACA,QACA,oCAIA,SACA,KADA,SACA,GACA,6BAEA,oBACA,UAGA,UARA,SAQA,GACA,sBACA,cCrG+V,I,wBCQ3VC,EAAY,eACd,EACA/B,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,4BCnBfC,EAAOC,QAAU,CACfC,MAAO,CACLlB,gBAAiB,CACfmB,KAAMC,OACNC,UAAU,GAEZC,OAAQ,CACNH,KAAMI,OACNF,UAAU,GAEZxB,MAAO,CACLsB,KAAMK,MACNC,QAAS,IAAM,IAEjB/B,YAAa,CACXyB,KAAMI,OACNE,QAAS,KAAM,KAEjBC,UAAW,CACTP,KAAMI,OACNE,QAAS,KAAM,KAEjBrB,QAAS,CACPe,KAAMQ,QACNF,SAAS,GAEXpB,YAAa,CACXc,KAAMQ,QACNF,SAAS,GAEXxB,UAAW,CACTkB,KAAMK,MACNC,QAAS,IAAM,IAEjBlB,KAAM,CACJY,KAAMC,OACNK,QAAS,MAEXjB,UAAW,CACTW,KAAMC,OACNK,QAAS,MAEX1B,WAAY,CACVoB,KAAMC,OACNK,QAAS","file":"js/chunk-8cbde130.f9e5b462.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!./layout.vue?vue&type=style&index=0&id=e3efc7b6&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!./layout.vue?vue&type=style&index=0&id=e3efc7b6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"layout\"},[_c('v-table',{ref:\"table\",class:_vm.viewOptions.spacing,attrs:{\"items\":_vm.items,\"columns\":_vm.columns,\"collection\":_vm.collection,\"primary-key-field\":_vm.primaryKeyField,\"selection\":_vm.selection,\"sort-val\":_vm.sortVal,\"row-height\":_vm.rowHeight,\"loading\":_vm.loading,\"lazy-loading\":_vm.lazyLoading,\"column-widths\":_vm.viewOptions.widths || {},\"link\":_vm.link,\"use-interfaces\":true,\"manual-sort-field\":_vm.sortField},on:{\"sort\":_vm.sort,\"widths\":_vm.setWidths,\"select\":function($event){return _vm.$emit('select', $event)},\"scroll-end\":function($event){return _vm.$emit('next-page')},\"input\":function($event){return _vm.$emit('input', $event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"layout\">\n\t\t<v-table\n\t\t\tref=\"table\"\n\t\t\t:class=\"viewOptions.spacing\"\n\t\t\t:items=\"items\"\n\t\t\t:columns=\"columns\"\n\t\t\t:collection=\"collection\"\n\t\t\t:primary-key-field=\"primaryKeyField\"\n\t\t\t:selection=\"selection\"\n\t\t\t:sort-val=\"sortVal\"\n\t\t\t:row-height=\"rowHeight\"\n\t\t\t:loading=\"loading\"\n\t\t\t:lazy-loading=\"lazyLoading\"\n\t\t\t:column-widths=\"viewOptions.widths || {}\"\n\t\t\t:link=\"link\"\n\t\t\t:use-interfaces=\"true\"\n\t\t\t:manual-sort-field=\"sortField\"\n\t\t\t@sort=\"sort\"\n\t\t\t@widths=\"setWidths\"\n\t\t\t@select=\"$emit('select', $event)\"\n\t\t\t@scroll-end=\"$emit('next-page')\"\n\t\t\t@input=\"$emit('input', $event)\"\n\t\t></v-table>\n\t</div>\n</template>\n\n<script>\nimport mixin from '@directus/extension-toolkit/mixins/layout';\n\nexport default {\n\tmixins: [mixin],\n\tcomputed: {\n\t\tcolumns() {\n\t\t\tconst fieldValues = Object.values(this.fields);\n\n\t\t\tlet queryFields;\n\n\t\t\tif (this.viewQuery.fields) {\n\t\t\t\tif (Array.isArray(this.viewQuery.fields)) {\n\t\t\t\t\tqueryFields = this.viewQuery.fields;\n\t\t\t\t} else {\n\t\t\t\t\tqueryFields = this.viewQuery.fields.split(',');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tqueryFields = fieldValues\n\t\t\t\t\t.filter(field => field.primary_key === false || field.primary_key === '0')\n\t\t\t\t\t.filter(field => field.hidden_browse !== true)\n\t\t\t\t\t.slice(0, 4)\n\t\t\t\t\t.map(field => field.field);\n\t\t\t}\n\n\t\t\treturn queryFields\n\t\t\t\t.filter(field => this.fields[field])\n\t\t\t\t.map(fieldID => {\n\t\t\t\t\tconst fieldInfo = this.fields[fieldID];\n\t\t\t\t\tconst name = fieldInfo.name;\n\t\t\t\t\treturn { field: fieldID, name, fieldInfo };\n\t\t\t\t});\n\t\t},\n\t\trowHeight() {\n\t\t\tif (this.viewOptions.spacing === 'comfortable') {\n\t\t\t\treturn 48;\n\t\t\t}\n\n\t\t\tif (this.viewOptions.spacing === 'cozy') {\n\t\t\t\treturn 40;\n\t\t\t}\n\n\t\t\tif (this.viewOptions.spacing === 'compact') {\n\t\t\t\treturn 32;\n\t\t\t}\n\n\t\t\treturn 48;\n\t\t},\n\t\tsortVal() {\n\t\t\tlet sortQuery = (this.viewQuery && this.viewQuery['sort']) || this.primaryKeyField;\n\n\t\t\treturn {\n\t\t\t\tasc: !sortQuery.startsWith('-'),\n\t\t\t\tfield: sortQuery.replace('-', '')\n\t\t\t};\n\t\t}\n\t},\n\twatch: {\n\t\tsortVal(newVal, oldVal) {\n\t\t\tif (newVal !== oldVal) {\n\t\t\t\tthis.$refs.table.$el.scrollTop = 0;\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\tsort(sortVal) {\n\t\t\tconst sortValString = (sortVal.asc ? '' : '-') + sortVal.field;\n\n\t\t\tthis.$emit('query', {\n\t\t\t\tsort: sortValString\n\t\t\t});\n\t\t},\n\t\tsetWidths(widths) {\n\t\t\tthis.$emit('options', {\n\t\t\t\twidths\n\t\t\t});\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.layout {\n\tmargin-top: var(--page-padding-top-table);\n\tpadding: 0 var(--page-padding);\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!./layout.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!./layout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./layout.vue?vue&type=template&id=e3efc7b6&scoped=true&\"\nimport script from \"./layout.vue?vue&type=script&lang=js&\"\nexport * from \"./layout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./layout.vue?vue&type=style&index=0&id=e3efc7b6&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  \"e3efc7b6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = {\n  props: {\n    primaryKeyField: {\n      type: String,\n      required: true\n    },\n    fields: {\n      type: Object,\n      required: true\n    },\n    items: {\n      type: Array,\n      default: () => ([])\n    },\n    viewOptions: {\n      type: Object,\n      default: () => ({})\n    },\n    viewQuery: {\n      type: Object,\n      default: () => ({})\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    lazyLoading: {\n      type: Boolean,\n      default: false\n    },\n    selection: {\n      type: Array,\n      default: () => []\n    },\n    link: {\n      type: String,\n      default: null\n    },\n    sortField: {\n      type: String,\n      default: null\n    },\n    collection: {\n      type: String,\n      default: null\n    }\n  }\n};\n"],"sourceRoot":""}