{"version":3,"sources":["webpack:///./node_modules/dync-adminitem/src/components/DynamicFormList.vue","webpack:///node_modules/dync-adminitem/src/components/DynamicFormList.vue","webpack:///./node_modules/dync-adminitem/src/components/DynamicFormList.vue?6dad","webpack:///./node_modules/dync-adminitem/src/components/DynamicFormList.vue?c476","webpack:///./node_modules/dync-adminitem/src/components/DynamicFormList.vue?eef4"],"names":["staticClass","_c","class","_vm","_class","items","$attrs","attrs","ref","form","onCancel","model","value","expression","length","on","onAdd","_v","addTitle","key","valueItem","disabled","editItem","_e","name","inheritAttrs","props","default","emptyMessage","editTitle","required","type","creating","fields","listbindings","title","reorder","maxcount","setLastModified","data","item","editing","watch","computed","id","editExistingItem","rules","methods","onDelete","newValue","onSubmit","newItem","reset","onSort","components","DynamicForm","DynamicListItem","draggable","component","staticRenderFns"],"mappings":"4NAA+IA,aAAD,IAA2BC,EAAG,KAAkBC,EAAMC,EAAIC,MAAX,G,OAAyB,QAAYC,C,YAAcF,qC,CAA8B,SAAWA,CAApE,0BAAmF,SAAUA,EAAIG,IAA8BC,MAAM,S,MAAC,CAAoB,cAAgB,eAArC,eAAqD,WAAY,WAAU,UAAI,UAAkB,GAAI,WAACC,MAAI,CAAcD,MAAM,UAAC,WAAYE,GAAW,WAAS,GAAM,YAAWN,U,CAAqC,iBAAiB,EAAxG,I,IAA8G,cAA9G,MAAzB,CAAsJ,MAAC,aAAC,QAASA,EAAa,SAASA,EAAIO,SAA3L,oBAAqMC,kBAAM,EAACC,OAAU,I,GAAgCT,CAAa,OAAxD,WAAyDU,OAAU,EAAC,UAAtR,MAA+R,CAA8Cb,QAAY,KAAyBG,SAAUW,SAAU,GAAad,OAAY,GAAmGO,WAAM,SAAP,wCAA4FQ,YAAG,uB,CAAaC,GAAZ,QAAQb,OAAIa,SAAb,+BAAqB,CAACb,EAAIc,GAAGd,MAAU,GAACe,gBAAqB,OAAOJ,EAAV,KAAD,EAAyB,UAAWb,OAAG,CAAaM,MAAM,CAAC,SAAW,EAACF,UAAb,2C,GAAsC,CAAwB,QAAYF,QAAaY,CAAE,EAAC,qE,MAAC,CAAD,cAAsBZ,OAAYE,UAAiC,cAAU,UAAqBc,UAAIC,EAAL,S,GAAyB,C,MAA4B,EAAOA,S,EAA+B,YAAnE,c,OAAiF,sBAAeC,CAAhG,IAAxB,KAAkIN,MAAG,CAAC,SAAS,e,KAAiB,EAA2B,OAAtD,UAAuD,QAAQ,E,SAA2B,EAACO,UAA3F,IAAnK,mBAA9L,OAA6dnB,EAAIoB,SAAQ,IAAx6C,MAA/G,YAA5D,4B,gICyEe,GACfC,yBACAC,gBACAC,OACAd,OACAe,gBAEAC,cACAD,oBAEAT,UACAS,oBAEAE,WACAF,qBAEAG,UACAC,aACAJ,YAEAN,UACAU,aACAJ,YAEAK,UACAD,aACAJ,YAEAvB,UACA6B,QACAF,WACAJ,gBAEAO,cACAP,cAAAQ,iBAEAC,SACAL,aACAJ,YAEAU,UACAN,YACAJ,YAEAA,SACAI,YACAJ,kBAEAW,iBACAP,aACAJ,aAGAY,OACA,OACAC,QACAC,aAGAC,OACAT,SACA,eAGAU,UACAtC,QACA,yBACA,eACAuC,qBACAJ,KAGA/B,OACA,OACA0B,yDACAF,qBAGAY,mBACA,8BACA,kDAKAC,QACA,SAIA,OAHA,eACAA,wCAEA,IAGAC,SACA/B,QACA,kBACA,aACA4B,uBAGAtB,YACA,8BACA,wBACA,yCAEA,iBAEA0B,YACA,0BACAC,cACA,uBAEAC,YACA,0BACA,uBACAC,sCAGA,0BACA,yBACA,QACAF,UAEAA,OAEA,aACA,uBAEAvC,WACA,cAEA0C,QACA,iBAEAC,UACA,wBAGAC,YACAC,mBACAC,uBACAC,gBCtNuS,I,wBCQnSC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E,2CCnBf","file":"js/chunk-9fe7889a.c350eb6f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dynamic-form--list text--disabled\"},[_c('v-divider',{staticClass:\"mb-3 mt-2\"}),_c('v-input',_vm._b({class:_vm._class,attrs:{\"value\":_vm.items,\"rules\":_vm.$attrs.rules || _vm.rules,\"disabled\":_vm.disabled}},'v-input',_vm.$attrs,false),[_c('v-dialog',{attrs:{\"value\":_vm.editing,\"scrollable\":\"\",\"persistent\":\"\",\"max-width\":\"600px\"}},[_c('dynamic-form',_vm._b({ref:\"dynamicForm\",attrs:{\"title\":_vm.form.title,\"delete\":false,\"disabled\":_vm.disabled,\"creating\":_vm.creating,\"animated-error\":false,\"dialog\":\"\"},on:{\"submit\":_vm.onSubmit,\"cancel\":_vm.onCancel},model:{value:(_vm.item),callback:function ($$v) {_vm.item=$$v},expression:\"item\"}},'dynamic-form',_vm.form,false))],1),_c('div',{staticClass:\"d-flex align-center\"},[(_vm.items.length == 0)?_c('div',{staticClass:\"text--secondary\"},[_vm._v(\" \"+_vm._s(_vm.emptyMessage)+\" \")]):_vm._e(),_c('v-spacer'),_c('v-btn',{attrs:{\"disabled\":_vm.disabled || (_vm.maxcount >= 0 && _vm.items.length >= _vm.maxcount)},on:{\"click\":_vm.onAdd}},[_vm._v(_vm._s(_vm.addTitle))])],1),(_vm.items.length > 0)?_c('v-list',[_c('draggable',{attrs:{\"value\":_vm.items,\"handle\":\".handle\",\"ghost-class\":\"primary\",\"disabled\":!_vm.reorder},on:{\"input\":_vm.onSort}},_vm._l((_vm.items),function(valueItem,index){return _c('dynamic-list-item',{key:valueItem.id,attrs:{\"bindings\":_vm.listbindings,\"item\":valueItem,\"handle\":_vm.reorder,\"delete\":true,\"disabled\":_vm.disabled},on:{\"delete\":function($event){return _vm.onDelete(index)},\"click\":function($event){return _vm.editItem(valueItem)}}})}),1)],1):_vm._e(),_c('v-divider',{staticClass:\"mt-3\"})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\n  <div class=\"dynamic-form--list text--disabled\">\n    <v-divider class=\"mb-3 mt-2\"/>\n    <v-input\n      :class=\"_class\"\n      :value=\"items\"\n      :rules=\"$attrs.rules || rules\"\n      :disabled=\"disabled\"\n      v-bind=\"$attrs\"\n    >\n\n      <v-dialog\n        :value=\"editing\"\n        scrollable\n        persistent\n        max-width=\"600px\"\n      >\n        <dynamic-form\n          ref=\"dynamicForm\"\n          v-bind=\"form\"\n          :title=\"form.title\"\n          v-model=\"item\"\n          @submit=\"onSubmit\"\n          @cancel=\"onCancel\"\n          :delete=\"false\"\n          :disabled=\"disabled\"\n          :creating=\"creating\"\n          :animated-error=\"false\"\n          dialog\n        ></dynamic-form>\n      </v-dialog>\n\n      <div class=\"d-flex align-center\">\n        <div v-if=\"items.length == 0\" class=\"text--secondary\">\n          {{emptyMessage}}\n        </div>\n        <v-spacer />\n        <v-btn :disabled=\"disabled || (maxcount >= 0 && items.length >= maxcount)\" @click=\"onAdd\">{{addTitle}}</v-btn>\n      </div>\n\n      <v-list v-if=\"items.length > 0\">\n        <draggable\n          :value=\"items\"\n          @input=\"onSort\"\n          handle=\".handle\"\n          ghost-class=\"primary\"\n          :disabled=\"!reorder\"\n        >\n          <dynamic-list-item\n            v-for=\"(valueItem, index) in items\"\n            :key=\"valueItem.id\"\n            :bindings=\"listbindings\"\n            :item=\"valueItem\"\n            :handle=\"reorder\"\n            :delete=\"true\"\n            :disabled=\"disabled\"\n            @delete=\"onDelete(index)\"\n            @click=\"editItem(valueItem)\"\n          ></dynamic-list-item>\n        </draggable>\n      </v-list>\n      <v-divider class=\"mt-3\" />\n    </v-input>\n  </div>\n</template>\n\n<script>\nimport { getItemIdxById } from '@dynapp/wc-api-generic';\nimport DynamicForm from './DynamicForm.vue';\nimport DynamicListItem from './DynamicListItem.vue';\nimport draggable from 'vuedraggable';\nimport { v4 as uuidv4 } from 'uuid';\n\nexport default {\n  name: 'dynamic-form-list',\n  inheritAttrs: false,\n  props: {\n    value: {\n      default: () => []\n    },\n    emptyMessage: {\n      default: 'No items'\n    },\n    addTitle: {\n      default: 'Add item'\n    },\n    editTitle: {\n      default: 'Edit item'\n    },\n    required: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    creating: {\n      type: Boolean,\n      default: false\n    },\n    _class: {},\n    fields: {\n      type: Array,\n      default: () => []\n    },\n    listbindings: {\n      default: () => ({title: 'title'})\n    },\n    reorder: {\n      type: Boolean,\n      default: true\n    },\n    maxcount: {\n      type: Number,\n      default: -1\n    },\n    default: {\n      type: Object,\n      default: () => ({})\n    },\n    setLastModified: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data () {\n    return {\n      item: {},\n      editing: false\n    };\n  },\n  watch: {\n    fields() {\n      this.reset();\n    }\n  },\n  computed: {\n    items() {\n      return this.value.map((item) => {\n        return Object.assign({\n          id: uuidv4()\n        }, item);\n      });\n    },\n    form() {\n      return {\n        title: this.editExistingItem ? this.editTitle : this.addTitle,\n        fields: this.fields\n      };\n    },\n    editExistingItem() {\n      var itemIds = this.items.map((i) => i.id);\n      if (this.item && itemIds.indexOf(this.item.id) != -1) {\n        return true;\n      }\n      return false;\n    },\n    rules () {\n      var rules = [];\n      if (this.required) {\n        rules.push((v) => (v || []).length > 0 || 'Required')\n      }\n      return rules;\n    }\n  },\n  methods: {\n    onAdd() {\n      this.editItem({\n        ...this.default,\n        id: uuidv4()\n      });\n    },\n    editItem(item) {\n      this.item = Object.assign({}, item);\n      if (this.$refs.dynamicForm) {\n        this.$refs.dynamicForm.resetValidation();\n      }\n      this.editing = true;\n    },\n    onDelete(index) {\n      var newValue = this.items.slice(0);\n      newValue.splice(index, 1);\n      this.$emit('input', newValue)\n    },\n    onSubmit(item) {\n      var newItem = Object.assign({}, item);\n      if (this.setLastModified) {\n        newItem._lastModified = new Date().getTime();\n      }\n\n      var newValue = this.items.slice(0);\n      var index = getItemIdxById(newValue, newItem.id);\n      if (index == null) {\n        newValue.push(newItem);\n      } else {\n        newValue[index] = newItem;\n      }\n      this.reset();\n      this.$emit('input', newValue)\n    },\n    onCancel() {\n      this.reset();\n    },\n    reset() {\n      this.editing = false;\n    },\n    onSort(items) {\n      this.$emit('input', items)\n    }\n  },\n  components: {\n    DynamicForm,\n    DynamicListItem,\n    draggable\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.dynamic-form--list:deep() {\n  .v-input__slot {\n    flex-direction: column;\n    align-items: unset;\n  }\n}\n\n.handle {\n  cursor: grab;\n}\n</style>\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./DynamicFormList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--13-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./DynamicFormList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DynamicFormList.vue?vue&type=template&id=4b93dc36&scoped=true&lang=html&\"\nimport script from \"./DynamicFormList.vue?vue&type=script&lang=js&\"\nexport * from \"./DynamicFormList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DynamicFormList.vue?vue&type=style&index=0&id=4b93dc36&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4b93dc36\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../cache-loader/dist/cjs.js??ref--1-0!../../../vue-loader/lib/index.js??vue-loader-options!./DynamicFormList.vue?vue&type=style&index=0&id=4b93dc36&prod&lang=scss&scoped=true&\""],"sourceRoot":""}