{"version":3,"sources":["webpack:///./src/components/Playground.vue?1fd9","webpack:///./src/components/TmpNewFolderTree.vue?e1fa","webpack:///src/components/TmpNewFolderTree.vue","webpack:///./src/components/TmpNewFolderTree.vue?0cb5","webpack:///./src/components/TmpNewFolderTree.vue","webpack:///src/components/Playground.vue","webpack:///./src/components/Playground.vue?1bfa","webpack:///./src/components/Playground.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_e","selectedProject","staticRenderFns","folders","openNodeIds","on","$event","scopedSlots","_u","key","fn","ref","item","staticStyle","folderActivation","_v","_s","text","folderIsLoading","activeNodeIds","includes","itemId","JSON","stringify","component","VProgressLinear","VTreeview","VBtn","VCard","VCardText","VCol","VContainer","VList","VListItem","VListItemContent","VListItemSubtitle","VListItemTitle","VRow"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,QAAQC,MAAM,CAAC,cAAc,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,wDAAwD,CAA89BN,EAAIQ,KAAgdR,EAAIQ,KAAKJ,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAAEJ,EAAmB,gBAAEI,EAAG,mBAAmB,CAACG,MAAM,CAAC,gBAAkBP,EAAIS,mBAAmBT,EAAIQ,MAAM,IAAI,GAAg1BR,EAAIQ,MAAM,MACnoFE,EAAkB,G,wBCDlB,EAAS,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQP,EAAIW,QAAQ,WAAW,SAAS,YAAY,OAAO,gBAAgB,WAAW,KAAOX,EAAIY,YAAY,YAAc,IAAIC,GAAG,CAAC,cAAc,SAASC,GAAQd,EAAIY,YAAYE,IAASC,YAAYf,EAAIgB,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,SAASC,GAC1Y,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAChB,EAAG,OAAO,CAACiB,YAAY,CAAC,OAAS,WAAWR,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIsB,iBAAiBF,MAAS,CAACpB,EAAIuB,GAAGvB,EAAIwB,GAAGJ,EAAKK,SAAUzB,EAAI0B,iBAAmB1B,EAAI2B,cAAcC,SAASR,EAAKS,QAASzB,EAAG,oBAAoB,CAACG,MAAM,CAAC,cAAgB,GAAG,OAAS,OAAOP,EAAIQ,YAAYJ,EAAG,MAAM,CAACJ,EAAIuB,GAAG,eAAevB,EAAIwB,GAAGM,KAAKC,UAAU/B,EAAIY,iBAAiBR,EAAG,MAAM,CAACJ,EAAIuB,GAAG,iBAAiBvB,EAAIwB,GAAGM,KAAKC,UAAU/B,EAAI2B,oBAAoB,IAC7b,EAAkB,G,wBC8BtB,GACA,OAIA,iBACA,YACA,aAKA,cACA,aACA,YACA,aAGA,WACA,WACA,eACA,iBAGA,oBACA,qBAEA,OACA,mBACA,0BACA,4BAGA,YACA,kCACA,iBACA,gBAEA,+BAEA,IACA,2CACA,0CACA,SAEA,qDAcA,uBACA,KAGA,IACA,gCACA,SAEA,IACA,6BACA,SACA,QACA,wCACA,YACA,YACA,sBACA,2BAEA,aACA,SAEA,qDAOA,0BAEA,2CACA,OAGA,iBAEA,uBAGA,wCACA,IACA,8BACA,sBACA,yBAIA,qCACA,KACA,yCAEA,8BAGA,0BACA,mBACA,kCACA,WAQA,gBACA,kDACA,+DAGA,GADA,yBACA,GACA,mBACA,2DAGA,mCAGA,oCAGA,iFAEA,oEAEA,2BCjL0V,I,yDCOtVK,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,kBAAA,KAAgBC,YAAA,OC8F9C,OACA,YACA,qBACA,oBAEA,WAQA,SACA,CACA,KACA,kBACA,UACA,CACA,KACA,kBACA,UACA,6BAKA,0BAEA,iBACA,iBAEA,aACA,qCAEA,YACA,iDC1JoV,I,4GCOhV,EAAY,eACd,EACAnC,EACAW,GACA,EACA,KACA,WACA,MAIa,eAAiB,QAgBhC,IAAkB,EAAW,CAACyB,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,OAAiBC,kBAAA,OAAkBC,eAAA,OAAeC,OAAA,KAAKX,YAAA","file":"js/chunk-2d0b37e1.4690586a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"fluid\",attrs:{\"fill-height\":\"\"}},[_c('div',{staticClass:\"d-flex flex-column justify-center align-center px-10\"},[(1 == 2)?_c('v-row',{staticStyle:{\"width\":\"100%\"}},[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{},_vm._l((_vm.folderContents),function(item,index){return _c('v-row',{key:index},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-card-text',{staticClass:\"px-6 mx-6\"},[_c('p',[_vm._v(_vm._s(JSON.stringify(item)))])])],1)],1)],1)}),1)]),_c('v-col',{attrs:{\"cols\":\"8\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-list',_vm._l((_vm.folders),function(folder,fIndex){return _c('v-list-item',{key:fIndex,attrs:{\"two-line\":\"\"}},[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(folder.text))]),_c('v-list-item-subtitle',[_vm._v(_vm._s(folder.id))])],1)],1)}),1)],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-list',_vm._l((_vm.items),function(item,IIndex){return _c('v-list-item',{key:IIndex,attrs:{\"two-line\":\"\"}},[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(item.text))]),_c('v-list-item-subtitle',[_vm._v(_vm._s(item.id))])],1)],1)}),1)],1)],1)],1)],1):_vm._e(),(1==2)?_c('v-row',{staticStyle:{\"width\":\"100%\"}},[_c('div',[_vm._v(\"Active folders: \"+_vm._s(_vm.activeFolders))]),(_vm.selectedProject)?_c('folder-tree',{attrs:{\"selectedProject\":_vm.selectedProject,\"startTargetFolderItemId\":\"urn:adsk.wipprod:fs.folder:co.vK9xWlSaSQyv1ddZseZcJA\"},model:{value:(_vm.activeFolders),callback:function ($$v) {_vm.activeFolders=$$v},expression:\"activeFolders\"}}):_vm._e(),_c('v-btn',{on:{\"click\":_vm.test}},[_vm._v(\"TEST\")])],1):_vm._e(),_c('v-row',[_c('v-col',[(_vm.selectedProject)?_c('TmpNewFolderTree',{attrs:{\"selectedProject\":_vm.selectedProject}}):_vm._e()],1)],1),(1 == 2)?_c('v-row',[_c('v-col',{attrs:{\"cols\":3}},[_c('div',{staticStyle:{\"border\":\"solid 1px black\"}},[_c('div',[_vm._v(\"folders: \"+_vm._s(_vm.folders))]),_c('v-treeview',{attrs:{\"items\":_vm.folders,\"item-key\":\"id\",\"item-text\":\"text\",\"item-children\":\"children\",\"active\":_vm.activeNodeIds,\"open\":_vm.openNodeIds,\"activatable\":\"\"},on:{\"update:active\":function($event){_vm.activeNodeIds=$event},\"update:open\":function($event){_vm.openNodeIds=$event}}})],1)]),_c('v-col',{attrs:{\"cols\":4}},[_c('div',[_vm._v(\"openNodeIds: \"+_vm._s(_vm.openNodeIds))]),_c('v-btn',{on:{\"click\":function($event){_vm.openNodeIds = [1,3], _vm.activeNodeIds=[4]}}},[_vm._v(\"Open\")]),_c('v-btn',{on:{\"click\":function($event){_vm.openNodeIds = []}}},[_vm._v(\"Close\")])],1),_c('v-col',{attrs:{\"cols\":4}},[_c('div',[_vm._v(\"openNodeIds: \"+_vm._s(_vm.activeNodeIds))])])],1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-row\"},[_c('v-treeview',{attrs:{\"items\":_vm.folders,\"item-key\":\"itemId\",\"item-text\":\"text\",\"item-children\":\"children\",\"open\":_vm.openNodeIds,\"activatable\":\"\"},on:{\"update:open\":function($event){_vm.openNodeIds=$event}},scopedSlots:_vm._u([{key:\"label\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('span',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.folderActivation(item)}}},[_vm._v(_vm._s(item.text))]),(_vm.folderIsLoading && _vm.activeNodeIds.includes(item.itemId))?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"height\":\"2\"}}):_vm._e()]}}])}),_c('div',[_vm._v(\"openNodeIds:\"+_vm._s(JSON.stringify(_vm.openNodeIds)))]),_c('div',[_vm._v(\"activeNodeIds:\"+_vm._s(JSON.stringify(_vm.activeNodeIds)))])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"d-flex flex-row\">\n\t\t<v-treeview\n\t\t\t:items=\"folders\"\n\t\t\titem-key=\"itemId\"\n\t\t\titem-text=\"text\"\n\t\t\titem-children=\"children\"\n\t\n\t\t\t:open.sync=\"openNodeIds\"\n\t\t\tactivatable\n\t\t>\n\t\t\t<!-- FOLDER LABEL -->\n\t\t\t<template v-slot:label=\"{ item }\">\n\t\t\t\t<span style=\"cursor: pointer\" @click=\"folderActivation(item)\">{{\n\t\t\t\t\titem.text\n\t\t\t\t}}</span>\n\t\t\t\t<v-progress-linear\n\t\t\t\t\tindeterminate\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\tv-if=\"folderIsLoading && activeNodeIds.includes(item.itemId)\"\n\t\t\t\t></v-progress-linear>\n\t\t\t</template>\n\t\t</v-treeview>\n\t\t<!-- <div>folders:{{folders}}</div> -->\n\t\t<div>openNodeIds:{{JSON.stringify(openNodeIds)}}</div>\n\t\t<div>activeNodeIds:{{JSON.stringify(activeNodeIds)}}</div>\n\t\t<!-- <v-btn @click=\"test\">TEST</v-btn> -->\n\t</div>\n</template>\n\n<script>\n\timport { mapActions } from \"vuex\";\n\timport FolderService, { VcadFolder } from \"../services/folderService\";\n\texport default {\n\t\tprops: {\n\t\t\t/**\n\t\t\t * Currently selected project. Used for the initial tree load.\n\t\t\t */\n\t\t\tselectedProject: {\n\t\t\t\ttype: Object,\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t\t/**\n\t\t\t * Disables tree item selection. Used to prevent overloading and conflicts of tree.\n\t\t\t */\n\t\t\tdisableClick: {\n\t\t\t\ttype: Boolean,\n\t\t\t\trequired: false,\n\t\t\t\tdefault: false,\n\t\t\t},\n\t\t},\n\t\tdata: () => ({\n\t\t\tfolders: [],\n\t\t\topenNodeIds: [],\n\t\t\tactiveNodeIds: [],\n\n\t\t\t// optional\n\t\t\tprojectIsLoading: false,\n\t\t\tfolderIsLoading: false,\n\t\t}),\n\t\twatch:{\n\t\t\tactiveNodeIds(newVal, oldVal){\n\t\t\t\tconsole.log(`newVal: ${newVal}`);\n\t\t\t\tconsole.log(`oldVal: ${oldVal}`);\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\t...mapActions([\"fetchNodesNew\"]),\n\t\t\tsetFolderTree(newFolderTree) {\n\t\t\t\tthis.folders = newFolderTree;\n\t\t\t},\n\t\t\tasync getProjectRootFolders(projectData) {\n\t\t\t\t// this.projectIsLoading = true;\n\t\t\t\ttry {\n\t\t\t\t\tconst nodes = await this.fetchNodesNew({ item: projectData });\n\t\t\t\t\treturn nodes.map(nodeInfo => VcadFolder.parseAccFolder(nodeInfo));\n\t\t\t\t} catch (error) {\n\t\t\t\t\t// @TODO: Implement error management\n\t\t\t\t\tconsole.log(`ERROR: Calle exited with error.\\n${error}`);\n\t\t\t\t}\n\t\t\t\t// this.fetchNodesNew({ item: projectData }).then((nodes) => {\n\t\t\t\t// \tthis.folders = nodes.map((node) => ({\n\t\t\t\t// \t\tid: node.id,\n\t\t\t\t// \t\titemId: node.itemId || node.id.split('/').at(-1),\n\t\t\t\t// \t\ttext: node.text,\n\t\t\t\t// \t\ttype: node.type,\n\t\t\t\t// \t\tprojectId: node.projectId,\n\t\t\t\t// \t\tchildren: node.children || [],\n\t\t\t\t// \t}));\n\t\t\t\t\t// this.projectIsLoading = false;\n\t\t\t\t// });\n\t\t\t},\n\t\t\tasync loadSubFolder(folderItem) {\n\t\t\t\tif (!folderItem) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\ttry {\n\t\t\t\t\tlet newChildren = await this.fetchNodesNew({\n\t\t\t\t\t\titem: folderItem,\n\t\t\t\t\t});\n\t\t\t\t\tnewChildren = newChildren\n\t\t\t\t\t\t.filter((node) => node.type == \"folders\")\n\t\t\t\t\t\t.map((node) => ({\n\t\t\t\t\t\t\tid: node.id,\n\t\t\t\t\t\t\titemId: node.itemId || node.id.split('/').at(-1),\n\t\t\t\t\t\t\ttext: node.text,\n\t\t\t\t\t\t\ttype: node.type,\n\t\t\t\t\t\t\tprojectId: node.projectId,\n\t\t\t\t\t\t\tchildren: node.children || [],\n\t\t\t\t\t\t}));\n\t\t\t\t\tfolderItem.children = newChildren;\n\t\t\t\t} catch (error) {\n\t\t\t\t\t// @TODO: Implement error management\n\t\t\t\t\tconsole.log(`ERROR: Calle exited with error.\\n${error}`);\n\t\t\t\t}\n\t\t\t},\n\t\t\t/**\n\t\t\t * Add folder to the \"active\" prop of treeview and load children.\n\t\t\t * @param {Object} folder The folder that has been clicked.\n\t\t\t */\n\t\t\tasync folderActivation(folder) {\n\t\t\t\t// Skip update if click is disabled\n\t\t\t\tif (this.disableClick || this.folderIsLoading) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst folderId = folder.itemId//folder.id\n\t\t\t\t// // Set active\n\t\t\t\tthis.activeNodeIds = [folderId];\n\n\t\t\t\t// Load children if necessary\n\t\t\t\tconst hasChildren = folder.children && folder.children.length > 0;\n\t\t\t\tif (!hasChildren) {\n\t\t\t\t\tthis.folderIsLoading = true;\n\t\t\t\t\tawait this.loadSubFolder(folder);\n\t\t\t\t\tthis.folderIsLoading = false;\n\t\t\t\t}\n\n\t\t\t\t// Toggle node open\n\t\t\t\tconst folderOpenIndex = this.openNodeIds.indexOf(folderId);\n\t\t\t\tif (folderOpenIndex == -1) {\n\t\t\t\t\tthis.openNodeIds = [...this.openNodeIds, folderId];\n\t\t\t\t} else {\n\t\t\t\t\tthis.openNodeIds.splice(folderOpenIndex, 1);\n\t\t\t\t}\n\t\t\t},\n\t\t\tasync getOpenFolders(projectId, folderId){\n\t\t\t\tconst folderService = new FolderService();\n\t\t\t\tconst folders = await folderService.getItemPathFolders(projectId, folderId);\n\t\t\t\treturn folders;\n\t\t\t},\n\t\t\t// async test(){\n\t\t\t// \tconst folderService = new FolderService();\n\t\t\t// \tconst folders = await folderService.test();\n\t\t\t// \tconsole.log(folders)\n\t\t\t// }\n\t\t},\n\t\tasync mounted() {\n\t\t\tconsole.log(JSON.stringify(this.selectedProject))\n\t\t\tconst folderItemId = \"urn:adsk.wipprod:fs.folder:co.LTa4bzSFRCiKAcT2xQbLRw\";\n\t\t\t// load folders\n\t\t\tthis.projectIsLoading = true;\n\t\t\tif(folderItemId){\n\t\t\t\tconst folderService = new FolderService();\n\t\t\t\tconst openFolders = await this.getOpenFolders(this.selectedProject.itemId, folderItemId);\n\n\t\t\t\t// Set folder List\n\t\t\t\tthis.folders = folderService.folderListToTree(openFolders);\n\n\t\t\t\t// Set open folders\n\t\t\t\tthis.openNodeIds = openFolders.map(folder => folder.itemId);\n\n\t\t\t\t// Set active folders\n\t\t\t\tthis.activeNodeIds = [\"urn:adsk.wipprod:fs.folder:co.BJ25-p8zQoyOneHWuWFxtg\"]//[folderItemId];\n\t\t\t}else{\n\t\t\t\tthis.folders = await this.getProjectRootFolders(this.selectedProject);\n\t\t\t}\n\t\t\tthis.projectIsLoading = false;\n\n\t\t\t/**\n\t\t\t * Sample data - (Nick's Files):\n\t\t\t * \tprojectId: b.89903d26-7ab5-4220-89f5-8d387960f7ac\n\t\t\t * \tfolderId: urn:adsk.wipprod:fs.folder:co.LTa4bzSFRCiKAcT2xQbLRw\n\t\t\t */\n\n\t\t\t// [\"urn:adsk.wipprod:fs.folder:co.BJ25-p8zQoyOneHWuWFxtg\"]\n\t\t\t// [\"urn:adsk.wipprod:fs.folder:co.LTa4bzSFRCiKAcT2xQbLRw\"]\n\t\t},\n\t};\n</script>\n\n<style lang=\"scss\" scoped>\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TmpNewFolderTree.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TmpNewFolderTree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TmpNewFolderTree.vue?vue&type=template&id=6bc3688e&scoped=true&\"\nimport script from \"./TmpNewFolderTree.vue?vue&type=script&lang=js&\"\nexport * from \"./TmpNewFolderTree.vue?vue&type=script&lang=js&\"\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  \"6bc3688e\",\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 { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VTreeview } from 'vuetify/lib/components/VTreeview';\ninstallComponents(component, {VProgressLinear,VTreeview})\n","<template>\n\t<v-container fill-height class=\"fluid\">\n\t\t<div class=\"d-flex flex-column justify-center align-center px-10\">\n\t\t\t<!-- <v-btn @click=\"loadProjectFolders()\">Load Project</v-btn>\n\t\t<v-btn @click=\"loadCaller()\">Load Folder</v-btn>\n\t\t<v-text-field v-model=\"projectId\" label=\"Project\"></v-text-field>\n\t\t<v-text-field v-model=\"folderId\" label=\"Folder\"></v-text-field> -->\n\t\t\t<v-row style=\"width: 100%\" v-if=\"1 == 2\">\n\t\t\t\t<v-col cols=\"4\">\n\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t<v-row\n\t\t\t\t\t\t\tv-for=\"(item, index) in folderContents\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<v-col cols=\"12\">\n\t\t\t\t\t\t\t\t<v-card>\n\t\t\t\t\t\t\t\t\t<v-card-text class=\"px-6 mx-6\">\n\t\t\t\t\t\t\t\t\t\t<p>{{ JSON.stringify(item) }}</p>\n\t\t\t\t\t\t\t\t\t</v-card-text>\n\t\t\t\t\t\t\t\t</v-card>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</div>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col cols=\"8\">\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<v-col cols=\"6\">\n\t\t\t\t\t\t\t<v-list>\n\t\t\t\t\t\t\t\t<v-list-item\n\t\t\t\t\t\t\t\t\ttwo-line\n\t\t\t\t\t\t\t\t\tv-for=\"(folder, fIndex) in folders\"\n\t\t\t\t\t\t\t\t\t:key=\"fIndex\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<v-list-item-content>\n\t\t\t\t\t\t\t\t\t\t<v-list-item-title>{{\n\t\t\t\t\t\t\t\t\t\t\tfolder.text\n\t\t\t\t\t\t\t\t\t\t}}</v-list-item-title>\n\t\t\t\t\t\t\t\t\t\t<v-list-item-subtitle>{{\n\t\t\t\t\t\t\t\t\t\t\tfolder.id\n\t\t\t\t\t\t\t\t\t\t}}</v-list-item-subtitle>\n\t\t\t\t\t\t\t\t\t</v-list-item-content>\n\t\t\t\t\t\t\t\t</v-list-item>\n\t\t\t\t\t\t\t</v-list>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t<v-col cols=\"6\">\n\t\t\t\t\t\t\t<v-list>\n\t\t\t\t\t\t\t\t<v-list-item\n\t\t\t\t\t\t\t\t\ttwo-line\n\t\t\t\t\t\t\t\t\tv-for=\"(item, IIndex) in items\"\n\t\t\t\t\t\t\t\t\t:key=\"IIndex\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<v-list-item-content>\n\t\t\t\t\t\t\t\t\t\t<v-list-item-title>{{\n\t\t\t\t\t\t\t\t\t\t\titem.text\n\t\t\t\t\t\t\t\t\t\t}}</v-list-item-title>\n\t\t\t\t\t\t\t\t\t\t<v-list-item-subtitle>{{\n\t\t\t\t\t\t\t\t\t\t\titem.id\n\t\t\t\t\t\t\t\t\t\t}}</v-list-item-subtitle>\n\t\t\t\t\t\t\t\t\t</v-list-item-content>\n\t\t\t\t\t\t\t\t</v-list-item>\n\t\t\t\t\t\t\t</v-list>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t\t<v-row style=\"width: 100%\" v-if=\"1==2\">\n\t\t\t\t<div>Active folders: {{ activeFolders }}</div>\n\t\t\t\t<folder-tree\n\t\t\t\t\tv-model=\"activeFolders\"\n\t\t\t\t\t:selectedProject=\"selectedProject\"\n\t\t\t\t\tstartTargetFolderItemId=\"urn:adsk.wipprod:fs.folder:co.vK9xWlSaSQyv1ddZseZcJA\"\n\t\t\t\t\tv-if=\"selectedProject\"\n\t\t\t\t></folder-tree>\n\t\t\t\t<v-btn @click=\"test\">TEST</v-btn>\n\t\t\t</v-row>\n\t\t\t<v-row>\n\t\t\t\t<v-col>\n\t\t\t\t\t<TmpNewFolderTree \n\t\t\t\t\t\t:selectedProject=\"selectedProject\"\n\t\t\t\t\t\tv-if=\"selectedProject\"/>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t\t<v-row v-if=\"1 == 2\">\n\t\t\t\t<v-col :cols=\"3\">\n\t\t\t\t\t<div style=\"border: solid 1px black\">\n\t\t\t\t\t\t<div>folders: {{ folders }}</div>\n\t\t\t\t\t\t<v-treeview\n\t\t\t\t\t\t\t:items=\"folders\"\n\t\t\t\t\t\t\titem-key=\"id\"\n\t\t\t\t\t\t\titem-text=\"text\"\n\t\t\t\t\t\t\titem-children=\"children\"\n\t\t\t\t\t\t\t:active.sync=\"activeNodeIds\"\n\t\t\t\t\t\t\t:open.sync=\"openNodeIds\"\n\t\t\t\t\t\t\tactivatable\n\t\t\t\t\t\t>\n\t\t\t\t\t\t</v-treeview>\n\t\t\t\t\t</div>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col :cols=\"4\">\n\t\t\t\t\t<div>openNodeIds: {{ openNodeIds }}</div>\n\t\t\t\t\t<v-btn @click=\"openNodeIds = [1,3], activeNodeIds=[4]\">Open</v-btn>\n\t\t\t\t\t<v-btn @click=\"openNodeIds = []\">Close</v-btn>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col :cols=\"4\">\n\t\t\t\t\t<div>openNodeIds: {{ activeNodeIds }}</div>\n\t\t\t\t\t<!-- <v-btn @click=\"openNodeIds=[1]\">Open</v-btn>\n\t\t\t\t\t<v-btn @click=\"openNodeIds=[]\">Close</v-btn> -->\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</div>\n\t</v-container>\n</template>\n\n<script>\n\timport { mapActions, mapGetters } from \"vuex\";\n\timport FolderTree from \"./FolderTree.vue\";\n\t// import FolderService from \"../services/folderService\";\n\timport TmpNewFolderTree from \"./TmpNewFolderTree.vue\";\n\texport default {\n\t\tcomponents: {\n\t\t\t\"folder-tree\": FolderTree,\n\t\t\tTmpNewFolderTree\n\t\t},\n\t\tdata: () => ({\n\t\t\t// folderContents: null,\n\t\t\t// projectId: null,\n\t\t\t// folderId: null,\n\t\t\t// folders: [],\n\t\t\t// items: [],\n\t\t\t// activeFolders: [],\n\t\t\t// // openFolderIds: [],\n\t\t\tfolders: [\n\t\t\t\t{\n\t\t\t\t\tid: 1,\n\t\t\t\t\ttext: \"folder - 1\",\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 3,\n\t\t\t\t\t\t\ttext: \"folder - 3\",\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t{ id: 4, text: \"folder - 4\" }\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{ id: 2, text: \"folder - 2\" },\n\t\t\t],\n\t\t\tactiveNodeIds: [],\n\t\t\topenNodeIds: [],\n\t\t}),\n\t\tcomputed: {\n\t\t\t...mapGetters([\"selectedProject\"]),\n\t\t},\n\t\tmethods: {\n\t\t\t...mapActions([\"fetchNodes\", \"fetchNodesNew\"]),\n\t\t\t// loadProjectFolders() {\n\t\t\t// \tconsole.log(\"Loading project\");\n\t\t\t// \tthis.fetchNodes({\n\t\t\t// \t\titem: {\n\t\t\t// \t\t\tid: \"https://developer.api.autodesk.com/project/v1/hubs/b.f17a3d36-099d-4d60-aa0f-dab12340fecd/projects/b.89903d26-7ab5-4220-89f5-8d387960f7ac\",\n\t\t\t// \t\t\ttext: \"demo\",\n\t\t\t// \t\t\t// type: \"bim360projects\",\n\t\t\t// \t\t\tversionType: null,\n\t\t\t// \t\t\tparentId: null,\n\t\t\t// \t\t},\n\t\t\t// \t\taddChildrenToParent: false,\n\t\t\t// \t}).then((itms) => {\n\t\t\t// \t\tthis.folderContents = itms;\n\t\t\t// \t});\n\t\t\t// },\n\t\t\t// async loadCaller() {\n\t\t\t// \tthis.folderContents = await this.loadFolderContents(\n\t\t\t// \t\tthis.projectId,\n\t\t\t// \t\tthis.folderId\n\t\t\t// \t);\n\t\t\t// },\n\t\t\t// /**\n\t\t\t//  * Load folder contents, then update folder tree and file list.\n\t\t\t//  */\n\t\t\t// async loadFolderContents(projectId, folderId) {\n\t\t\t// \ttry {\n\t\t\t// \t\tconst itemUrlId = `https://developer.api.autodesk.com/data/v1/projects/${projectId}/folders/urn:adsk.wipprod:fs.folder:${folderId}`;\n\t\t\t// \t\tconst type = \"folders\";\n\t\t\t// \t\tconst folderInfo = {\n\t\t\t// \t\t\tid: itemUrlId,\n\t\t\t// \t\t\ttype: type,\n\t\t\t// \t\t\tprojectId: projectId,\n\t\t\t// \t\t};\n\t\t\t// \t\tlet itemList = await this.fetchNodesNew({ item: folderInfo });\n\t\t\t// \t\tthis.folders = [\n\t\t\t// \t\t\t...itemList.filter((item) => item.type == \"folders\"),\n\t\t\t// \t\t];\n\t\t\t// \t\tthis.items = [\n\t\t\t// \t\t\t...itemList.filter((item) => item.type != \"folders\"),\n\t\t\t// \t\t];\n\t\t\t// \t\t//  await this.loadAndSetFileItems();\n\t\t\t// \t\tconsole.log(\n\t\t\t// \t\t\tJSON.stringify(\n\t\t\t// \t\t\t\titemList.map((item) => ({\n\t\t\t// \t\t\t\t\tid: item.id,\n\t\t\t// \t\t\t\t\ttext: item.text,\n\t\t\t// \t\t\t\t\ttype: item.type,\n\t\t\t// \t\t\t\t\titemId: item.itemId,\n\t\t\t// \t\t\t\t}))\n\t\t\t// \t\t\t)\n\t\t\t// \t\t);\n\t\t\t// \t} catch (error) {\n\t\t\t// \t\tconsole.log(`Error: ${error}`);\n\t\t\t// \t}\n\t\t\t// },\n\t\t\t// async test() {\n\t\t\t// \ttry {\n\t\t\t// \t\tconst projectId = \"b.9c7dfd01-74f4-4d13-a530-df3c22455378\";\n\t\t\t// \t\tconst folderId =\n\t\t\t// \t\t\t\"urn:adsk.wipprod:fs.folder:co.vK9xWlSaSQyv1ddZseZcJA\";\n\t\t\t// \t\tconst folderService = new FolderService();\n\t\t\t// \t\tconst tmpFolders = await folderService.getItemPathFolders(\n\t\t\t// \t\t\tprojectId,\n\t\t\t// \t\t\tfolderId\n\t\t\t// \t\t);\n\t\t\t// \t\tconst tmpfolderTree =\n\t\t\t// \t\t\tfolderService.folderListToTree(tmpFolders);\n\n\t\t\t// \t\t// const tmpFolders = await this.getItemPath();\n\t\t\t// \t\tthis.folders = [...tmpfolderTree];\n\t\t\t// \t\tthis.openFolderIds = tmpfolderTree.map(\n\t\t\t// \t\t\t(folder) => folder.itemId\n\t\t\t// \t\t);\n\t\t\t// \t\t// @TODO: Set active node\n\t\t\t// \t\tconsole.log(JSON.stringify(this.folders[0].children[0]));\n\t\t\t// \t\tthis.activeFolders = [this.folders[0].children[0]];\n\t\t\t// \t} catch (error) {\n\t\t\t// \t\t// @TODO: Implement error management\n\t\t\t// \t\tconsole.log(`ERROR: Calle exited with error.\\n${error}`);\n\t\t\t// \t}\n\t\t\t// },\n\t\t},\n\t};\n</script>\n\n<style lang=\"scss\" scoped>\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Playground.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Playground.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Playground.vue?vue&type=template&id=3114914c&scoped=true&\"\nimport script from \"./Playground.vue?vue&type=script&lang=js&\"\nexport * from \"./Playground.vue?vue&type=script&lang=js&\"\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  \"3114914c\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } 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 { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTreeview } from 'vuetify/lib/components/VTreeview';\ninstallComponents(component, {VBtn,VCard,VCardText,VCol,VContainer,VList,VListItem,VListItemContent,VListItemSubtitle,VListItemTitle,VRow,VTreeview})\n"],"sourceRoot":""}