{"version":3,"sources":["webpack:///./src/components/DragDropList.vue?39c1","webpack:///./src/components/DragDropList.vue?daa5","webpack:///src/components/DragDropList.vue","webpack:///./src/components/DragDropList.vue?5157","webpack:///./src/components/DragDropList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","_s","label","staticClass","staticStyle","attrs","localItems","_l","item","index","key","field","staticRenderFns","name","components","draggable","props","String","sortValue","vModel","type","Array","required","fields","mounted","console","log","data","watch","deep","handler","d","forEach","element","$emit","$root","methods","defaultTemplate","functional","h","component","VCard","VCardText","VCardTitle","VCol","VContainer","VList","VListItem","VRow"],"mappings":"2IAAA,yBAA2e,EAAG,G,yCCA9e,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIQ,OAAO,KAAKJ,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACA,EAAG,YAAY,CAACK,YAAY,iBAAiBC,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,KAAOX,EAAIY,aAAaZ,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,cAAc,CAACY,IAAID,EAAMN,YAAY,WAAW,CAACL,EAAG,SAAS,CAACK,YAAY,aAAa,CAACL,EAAG,eAAe,CAACJ,EAAIM,GAAGN,EAAIO,GAAGQ,EAAQ,MAAMX,EAAG,cAAcJ,EAAIa,GAAIb,EAAU,QAAE,SAASiB,GAAO,OAAOb,EAAG,MAAM,CAACY,IAAIC,GAAO,CAACjB,EAAIM,GAAG,IAAIN,EAAIO,GAAGO,EAAKG,IAAU,OAAO,UAAS,IAAI,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,IAC5nBC,EAAkB,G,6ECgDtB,GACEC,KAAM,eACNC,WAAY,CACVC,UAAJ,KAEEC,MAAO,CACLd,MAAOe,OACPC,UAAWD,OACXE,OAAQ,CACNC,KAAMC,MACNC,UAAU,GAEZC,OAAQ,CACNH,KAAMC,QAGVG,QAhBF,WAiBIC,QAAQC,IAAI/B,KAAK4B,SAEnBI,KAnBF,WAmBA,WACI,MAAO,CACLrB,WAAY,OAAlB,OAAkB,CAClB,gCACQ,OAAR,oCAKEsB,MAAO,CACLtB,WAAY,CACVuB,MAAM,EACNC,QAFN,SAEA,cACYC,EAAI,EAAhB,YACQA,EAAEC,SAAQ,SAAlB,KACUC,EAAQ,EAAlB,kBAEQtC,KAAKuC,MAAM,QAASH,GACpBpC,KAAKwC,MAAMD,MAAM,iBAAkBvC,SAIzCyC,QAAS,CACPC,gBAAiB,CACfC,YAAY,EACZ7C,OAFN,SAEA,KACQ,OAAO8C,EAAE,SAAU,CAA3B,oBACA,yDC/FsV,I,iICQlVC,EAAY,eACd,EACA/C,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAA4B,EAAiB,QAYhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,YAAA,KAAUC,OAAA","file":"js/chunk-77a26de5.9df8954b.js","sourcesContent":["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!./DragDropList.vue?vue&type=style&index=0&id=7995a91e&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!./DragDropList.vue?vue&type=style&index=0&id=7995a91e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_vm._v(\" \"+_vm._s(_vm.label)+\" \"),_c('v-row',[_c('v-col',[_c('v-list',[_c('draggable',{staticClass:\"drag-drop-list\",staticStyle:{\"width\":\"100%\"},attrs:{\"list\":_vm.localItems}},_vm._l((_vm.localItems),function(item,index){return _c('v-list-item',{key:index,staticClass:\"pointer\"},[_c('v-card',{staticClass:\"pa-3 mb-2\"},[_c('v-card-title',[_vm._v(_vm._s(index + 1))]),_c('v-card-text',_vm._l((_vm.fields),function(field){return _c('div',{key:field},[_vm._v(\" \"+_vm._s(item[field] || \"N/A\")+\" \")])}),0)],1)],1)}),1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    {{ label }}\r\n    <v-row>\r\n      <v-col>\r\n        <v-list>\r\n          <draggable\r\n            class=\"drag-drop-list\"\r\n            style=\"width:100%\"\r\n            :list=\"localItems\"\r\n          >\r\n            <v-list-item\r\n              class=\"pointer\"\r\n              v-for=\"(item, index) in localItems\"\r\n              :key=\"index\"\r\n            >\r\n              <v-card class=\"pa-3 mb-2\">\r\n                <v-card-title>{{ index + 1 }}</v-card-title>\r\n                <v-card-text>\r\n                  <div v-for=\"field in fields\" :key=\"field\">\r\n                    {{ item[field] || \"N/A\" }}\r\n                  </div>\r\n                </v-card-text>\r\n              </v-card>\r\n              <!-- <v-list-item-title>{{ item.text }}</v-list-item-title> -->\r\n\r\n              <!-- <v-switch v-model=\"item.show\"></v-switch> -->\r\n            </v-list-item>\r\n          </draggable>\r\n        </v-list>\r\n        <!-- <draggable v-model=\"localItems\" item-key=\"id\" class=\"drag-drop-list\">\r\n          <template #item=\"{ element }\">\r\n            <v-card class=\"pa-3 mb-2\">\r\n              <v-card-text>\r\n                <div v-for=\"field in fields\" :key=\"field\">\r\n                  <strong>{{ field }}:</strong> {{ element[field] || \"N/A\" }}\r\n                </div>\r\n              </v-card-text>\r\n            </v-card>\r\n          </template>\r\n        </draggable> -->\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport draggable from \"vuedraggable\";\r\nimport * as fun from \"../plugins/common\";\r\nexport default {\r\n  name: \"DragDropList\",\r\n  components: {\r\n    draggable,\r\n  },\r\n  props: {\r\n    label: String,\r\n    sortValue: String,\r\n    vModel: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    fields: {\r\n      type: Array,\r\n    },\r\n  },\r\n  mounted() {\r\n    console.log(this.fields);\r\n  },\r\n  data() {\r\n    return {\r\n      localItems: [\r\n        ...this.vModel.sort((a, b) => {\r\n          return a[this.sortValue] - b[this.sortValue];\r\n        }),\r\n      ], // Local copy of the items for reordering\r\n    };\r\n  },\r\n  watch: {\r\n    localItems: {\r\n      deep: true,\r\n      handler(newValue) {\r\n        var d = fun.clone(newValue);\r\n        d.forEach((element, i) => {\r\n          element[this.sortValue] = i + 1;\r\n        });\r\n        this.$emit(\"input\", d); // Emit updated items array\r\n        this.$root.$emit(\"sortingChanged\", this);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    defaultTemplate: {\r\n      functional: true,\r\n      render(h, context) {\r\n        return h(\"v-card\", { class: \"pa-3 mb-2\" }, [\r\n          h(\"v-card-text\", context.props.item.name || \"Unnamed Item\"),\r\n        ]);\r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.drag-drop-list {\r\n  display: flex;\r\n  flex-direction: column;\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!./DragDropList.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!./DragDropList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DragDropList.vue?vue&type=template&id=7995a91e&scoped=true&\"\nimport script from \"./DragDropList.vue?vue&type=script&lang=js&\"\nexport * from \"./DragDropList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DragDropList.vue?vue&type=style&index=0&id=7995a91e&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  \"7995a91e\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCol,VContainer,VList,VListItem,VRow})\n"],"sourceRoot":""}