{"version":3,"sources":["webpack:///./src/mixins/shared/alertable/alertableMixin.js","webpack:///./src/design/components/alert/alertModel.js","webpack:///./src/components/project/template/ProjectTemplateBrowser.vue","webpack:///src/components/project/template/ProjectTemplateBrowser.vue","webpack:///./src/components/project/template/ProjectTemplateBrowser.vue?e5ae","webpack:///./src/components/project/template/ProjectTemplateBrowser.vue?09a8","webpack:///./src/mixins/shared/base/dialog/modalDialogMixin.js","webpack:///./src/mixins/shared/base/dialog/dialogOutlineMixin.js"],"names":["alertableMixin","components","BaseAlert","data","internalAlert","undefined","alertTypeName","alertType","computed","showAlert","get","this","visibleAlert","set","value","message","$emit","eventNames","alertVisibilityChanged","_this$internalAlert","isEmpty","currentAlertType","_this$internalAlert2","info","type","alertMessage","_this$internalAlert3","isAlertDismissible","_this$internalAlert$d","_this$internalAlert4","dismissible","methods","createAlert","createAlertError","error","createAlertWarning","warning","createAlertInfo","createAlertSuccess","success","formatAlertError","action","clearAlert","Object","freeze","alertTypes","border","top","right","bottom","left","borders","scopedSlots","key","fn","_vm","_v","_s","dialogTitle","proxy","_c","closeDialogTooltip","model","callback","$$v","domProps","activeNodes","onTreeSelectedItemChange","item","on","staticRenderFns","mapActions","mapState","createNamespacedHelpers","name","mixins","dialogOutlineMixin","props","performAction","Function","required","selectTemplate","loading","openNodes","nodes","iconProjects","selectedNodes","projectCategories","selectedProjectTemplateId","_this$activeNodes$len","_this$activeNodes","_this$activeNodes$0$s","_arr$length","length","arr","split","Number","operation","findProjectTemplateOperation","projectTemplateOperation","select","operationLabel","_this$operation","label","dialogIcon","_this$operation2","icon","projectTemplateLabel","dialogOkCommandLabel","enableOkCommand","setWorkflowProjectTemplates","setWorkflowProjectTemplate","setWorkflowProjectCategories","setProjectCategoryTemplates","_this$projectCategori","_this$projectCategori2","_this$selectTemplate$","_this$selectTemplate","_this$projectCategori4","_activeTemplate","console","log","$options","categoryId","projectCategory","id","templates","_this$projectCategori3","pc","find","_pc$templates$length","_pc$templates","_await$this$setProjec","activeTemplate","map","c","children","_templates","_children","t","createTreeNode","projectTemplateEntity","template","_ref","_this$selectTemplate2","category","createTreeNodeKey","e","result","actionResultType","autoCloseDialog","_item$id","_this$projectCategori5","_templates2","_pc$templates$length2","_pc$templates2","_await$this$setProjec2","visibleTreeNodeIcon","node","treeNodeIcon","items","findProjectTemplate","templateId","_this$projectCategori6","forEach","_pc$templates3","onTreeSelectedItemOpen","watch","newValue","loadTemplates","component","modalDialogMixin","iconCloseDialog","iconClose","visible","Boolean","default","showDialog","opened","close","visibleDialogIcon","dialogCloseCommandLabel","commandNames","ok","dialogCancelCommandLabel","cancel","openDialog","closeDialog","reactiveMixin","DialogOutline","BaseButton","BaseTooltipButton","displayProgress","onDialogOpened","onDialogClosed","timeOut","Promise","resolve","setTimeout","delay"],"mappings":"kHAAA,0EAaO,MAAMA,EAAiB,CAC5BC,WAAY,CACVC,UAAWA,IAAM,iDAEnBC,OACE,MAAO,CAKLC,mBAAeC,EAMfC,cAAeC,SAGnBC,SAAU,CACRC,UAAW,CACTC,MACE,OAAOC,KAAKC,cAEdC,IAAIC,GACGA,GACCH,KAAKP,gBACPO,KAAKP,cAAcW,aAAUV,GAGjCM,KAAKK,MAAMC,OAAWC,uBAAwBJ,KAQlDF,eAAe,IAAAO,EACb,OAAQC,eAA0B,QAAnBD,EAACR,KAAKP,qBAAa,IAAAe,OAAA,EAAlBA,EAAoBJ,UAOtCM,mBAAmB,IAAAC,EACjB,OAAOF,eAA0B,QAAnBE,EAACX,KAAKP,qBAAa,IAAAkB,OAAA,EAAlBA,EAAoBP,SAC/BR,OAAUgB,KACVZ,KAAKP,cAAcoB,MAOzBC,eAAe,IAAAC,EACb,OAAyB,QAAzBA,EAAOf,KAAKP,qBAAa,IAAAsB,OAAA,EAAlBA,EAAoBX,SAO7BY,qBAAqB,IAAAC,EAAAC,EACnB,OAAsC,QAAtCD,EAAyB,QAAzBC,EAAOlB,KAAKP,qBAAa,IAAAyB,OAAA,EAAlBA,EAAoBC,mBAAW,IAAAF,OAG1CG,QAAS,CAQPC,YAAYR,EAAMT,EAASe,GAAc,GACvC,OAAOE,eAAYR,EAAMT,EAASe,IASpCG,iBAAiBlB,EAASe,GAAc,GACtC,OAAOE,eAAYzB,OAAU2B,MAAOnB,EAASe,IAS/CK,mBAAmBpB,EAASe,GAAc,GACxC,OAAOE,eAAYzB,OAAU6B,QAASrB,EAASe,IASjDO,gBAAgBtB,EAASe,GAAc,GACrC,OAAOE,eAAYzB,OAAUgB,KAAMR,EAASe,IAS9CQ,mBAAmBvB,EAASe,GAAc,GACxC,OAAOE,eAAYzB,OAAUgC,QAASxB,EAASe,IASjDU,iBAAiBC,EAAQP,GACvB,OAAOM,eAAiBC,EAAQP,IAMlCQ,aACE/B,KAAKP,mBAAgBC,M,oCCnJ3B,4MAIA,MAAME,EAAYoC,OAAOC,OAAO,CAC9BL,QAAS,UACThB,KAAM,OACNa,QAAS,UACTF,MAAO,UAOHW,EAAaF,OAAOC,OAAO,CAC/BrC,EAAUgC,QACVhC,EAAUgB,KACVhB,EAAU6B,QACV7B,EAAU2B,QAONY,EAASH,OAAOC,OAAO,CAC3BG,IAAK,OACLC,MAAO,SACPC,OAAQ,UACRC,KAAM,SAOFC,EAAUR,OAAOC,OAAO,CAC5BE,EAAOC,IACPD,EAAOE,MACPF,EAAOG,OACPH,EAAOI,OAUHlB,EAAcA,CAACR,EAAMT,EAASe,GAAc,KACzC,CACLN,KAAMA,EACNT,QAASA,EACTe,YAAaA,IAUXU,EAAmBA,CAACC,EAAQP,IACzB,YAAYO,MAAWP,K,2GClEgF,EAAC,W,IAACkB,O,EAAwB,EAAC,S,OAAc,EAAC,iBAAU,C,MAAC,CAA+C,YAAC,GAAW,YAAE,OAACC,IAAI,YAAUC,GAAG,WAAW,MAAO,CAACC,EAAIC,GAAG,IAAID,EAAIE,GAAGF,EAAIG,YAAY,OAAQC,OAAM,GAAM,CAACN,IAAI,UAAaC,GAAG,WAAW,MAAO,CAACM,EAAG,cAAqB,aAAC,O,OAAK,G,KAAyBR,a,oBAAuC,CAAC,wBAAU,C,GAAC,CAAoD,MAAC,eAAW,YAAE,OAACC,IAAI,YAAUC,GAAG,WAAW,MAAO,CAACC,EAAIC,GAAG,IAAID,EAAIE,GAAGF,EAAIM,iBAAmB,OAAQF,OAAM,GAAM,CAAI,cAAC,cAAO,kDAAW,gB,OAA4D,G,KAAiE,c,GAACG,W,MAAOhD,GAAOyC,aAAc,C,MAACQ,C,YAAsC,EAACC,mBAAG,KAAC,oBAAuB,OAAIJ,MAAG,EAAO,UAACK,SAAS,YAAC,YAAgBR,GAAyB,WAAC,cAAO,GAAC,QAAM,UAAK,UAAS,4B,OAA2C,G,KAA+B,U,GAAE,W,MAAmB,GAAC,Q,MAAC,CAAU,QAAIG,QAAU,EAAI,U,CAAsB,SAAQ,C,MAAiB,CAAqB,MAAQL,K,CAA4C,UAAU,EAAC,OAAK,C,MAAC,CAAiB,qBAAmB,OAAY,UAAI,cAAG,gBAAC,gBAAC,iB,YAAsCW,GAAkB,gBAAMC,GAA0B,WAAa,I,GAAwC,CAA6B,6BAACf,cAAoB,GAAI,EAAC,0BAAUE,cAAY,aAAEc,eAAO,2B,YAAgH,OAAG,cAAI,GAAI,UAAQ,KAAC,IAAa,iGAA6B,IAAU,IAAC,K,OAAsB,G,KAAiCC,U,oBAAoB,kBAAE,MAAMb,CAAwC,6BAAa,IAAK,QAAc,OAAe,GAAQI,GAAG,kC,OAAmB,G,wCAA4E,kBAACR,IAAqBC,MAAI,SAAS,GAAe,OAAZ,EAAC,kBAAkB,EAAI,gBAA8D,YAAE,OAAI,cAAC,cAAO,wDAAc,gBAAmE,OAAC,KAAwB,OAAG,mBAC1qE,qBACGiB,aAAoB,G,yGC+FxB,MAAM,WAANC,EAAA,SAAAC,GAAAC,eAAA,WAKe,OACfC,KAAA,yBACAC,OAAA,CAAAC,QACAC,MAAA,CAIAC,cAAA,CACAtD,KAAAuD,SACAC,UAAA,GAOAC,oBAAA5E,GAEAF,OACA,OAKA+E,SAAA,EAMAhB,YAAA,GAMAiB,UAAA,GAMAC,MAAA,GAMAC,qBAMAC,mBAAAjF,IAGAG,SAAA,IACAgE,EAAA,CACAe,kBAAA,sBAMAC,4BAAA,IAAAC,EAAAC,EAAAC,EAAAC,EACA,gBAAAH,EAAA,QAAAC,EAAA,KAAAxB,mBAAA,IAAAwB,OAAA,EAAAA,EAAAG,cAAA,IAAAJ,IAAA,UAEA,MAAAK,EAAA,QAAAH,EAAA,KAAAzB,YAAA,GAAA6B,MAAA,gBAAAJ,IAAA,GACA,eAAAC,EAAA,OAAAE,QAAA,IAAAA,OAAA,EAAAA,EAAAD,cAAA,IAAAD,IAAA,KACAI,OAAAF,EAAA,SADA,GAWAG,YACA,OAAAC,eAAAC,OAAAC,SAOAC,iBAAA,IAAAC,EACA,eAAAA,EAAA,KAAAL,iBAAA,IAAAK,OAAA,EAAAA,EAAAC,OAOAC,aAAA,IAAAC,EACA,eAAAA,EAAA,KAAAR,iBAAA,IAAAQ,OAAA,EAAAA,EAAAC,MAOAhD,cACA,cAAA2C,kBAAAM,UAOAlE,SACA,YAAAiB,aAQAkD,uBACA,YAAAP,gBAOAQ,kBACA,YAAArB,0BAAA,IAGAzD,QAAA,IACAwC,EAAA,CACAuC,4BAAA,8BACAC,2BAAA,6BACAC,6BAAA,+BACAC,4BAAA,gCAOA,sBACA,QAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACA,KAAA7E,aACA,KAAAwC,SAAA,EAEAsC,QAAAC,IACA,KAAAC,SAAAhD,KAAA,wCACA,KAAAO,gBAIA,aAAAiC,EAAA,QAAAC,EAAA,KAAA5B,yBAAA,IAAA4B,OAAA,EAAAA,EAAAtB,cAAA,IAAAqB,IAAA,UACA,KAAAF,+BAIA,MAAAW,EAAA,QAAAP,EAAA,QAAAC,EAAA,KAAApC,sBAAA,IAAAoC,GAAA,QAAAA,IAAAO,uBAAA,IAAAP,OAAA,EAAAA,EAAAQ,UAAA,IAAAT,KAAA,EAKA,IAAAU,EAAA,GACA,GAAAH,EAAA,OAAAI,EACA,MAAAC,EAAA,QAAAD,EAAA,KAAAxC,yBAAA,IAAAwC,OAAA,EAAAA,EAAAE,KAAAD,KAAAH,KAAAF,GACA,IAAAO,EAAAC,EACAC,EADA,GAAAJ,EACA,gBAAAE,EAAA,OAAAF,QAAA,IAAAA,GAAA,QAAAG,EAAAH,EAAAF,iBAAA,IAAAK,OAAA,EAAAA,EAAAtC,cAAA,IAAAqC,IAAA,GACAJ,EACA,QADAM,QACA,KAAAnB,4BAAAU,UAAA,IAAAS,IAAA,QAEAN,EAAA,OAAAE,QAAA,IAAAA,OAAA,EAAAA,EAAAF,UAMA,IAAAO,OAAAhI,EACA,KAAA+E,MAAA,QAAAkC,EAAA,KAAA/B,yBAAA,IAAA+B,OAAA,EAAAA,EAAAgB,IAAAC,IAEA,IAAAC,EAAA,GACA,IAAAC,EAAAC,EAAAf,IAAAY,EAAAV,KACAW,EAAA,QAAAC,EAAAX,SAAA,IAAAW,OAAA,EAAAA,EAAAH,IAAAK,GACA,KAAAC,eAAAD,EAAAE,OAAAC,WAGAT,EAAA,QAAAK,EAAAF,SAAA,IAAAE,OAAA,EAAAA,EAAAT,KACAM,IAAA,IAAAQ,EAAAC,EAAA,eAAAD,EAAAR,EAAAV,MAAA,QAAAmB,EAAA,KAAA/D,sBAAA,IAAA+D,OAAA,EAAAA,EAAAnB,WAAA,IAAAkB,KAAA,KAGA,YAAAH,eACAL,EACAM,OAAAI,SACAT,KASA,KAAArD,UACAwC,EAAA,EACA,CACA,KAAAuB,kBACAvB,EACAkB,OAAAI,WAGA,GAGA,KAAA/E,aACA,QAAAqD,EAAAc,SAAA,IAAAd,OAAA,EAAAA,EAAAM,IAAA,EACA,CACA,KAAAqB,kBACAb,EAAAR,GACAgB,OAAAC,WAGA,GACA,MAAAK,GACA3B,QAAAtF,MAAAiH,GACA,KAAA/I,cAAA,KAAA6B,iBACA,KAAAO,iBAAA,QAAAmE,UAAAwC,IAEA,QACA,KAAAjE,SAAA,IAQA,aACA,IACA,KAAAxC,aAEA,MAAA0G,QAAA,KAAAtE,cAAA,KAAAU,4BAEA,OAAA4D,QAAA,IAAAA,OAAA,EAAAA,EAAA5H,QAAA6H,OAAA9G,cACA,KAAA+G,gBAAAF,EAAArI,SAEAK,eAAAgI,EAAArI,WACA,KAAAX,cAAA,KAAA+B,mBAAAiH,EAAArI,UAGA,MAAAoI,GACA,KAAA/I,cAAA,KAAA6B,iBACA,KAAAO,iBAAA,KAAAC,OAAA0G,MASA,oBAAA/E,GACA,QAAAmF,EAAAC,EAAAC,EACA,MAAA9B,EAAA,QAAA4B,EAAA,OAAAnF,QAAA,IAAAA,OAAA,EAAAA,EAAAyD,UAAA,IAAA0B,KAAA,EAEA,IAAAzB,EAAA,GACA,MAAAE,EAAA,QAAAwB,EAAA,KAAAjE,yBAAA,IAAAiE,OAAA,EAAAA,EAAAvB,KAAAD,KAAAH,KAAAF,GACA,IAAA+B,EAAAC,EACAC,EADA,GAAA5B,EACA,gBAAA0B,EAAA,OAAA1B,QAAA,IAAAA,GAAA,QAAA2B,EAAA3B,EAAAF,iBAAA,IAAA6B,OAAA,EAAAA,EAAA9D,cAAA,IAAA6D,IAAA,GACA5B,EACA,QADA8B,QACA,KAAA3C,4BAAAU,UAAA,IAAAiC,IAAA,QAEA9B,EAAA,OAAAE,QAAA,IAAAA,OAAA,EAAAA,EAAAF,UAIA1D,EAAAoE,SAAA,QAAAiB,EAAA3B,SAAA,IAAA2B,OAAA,EAAAA,EAAAnB,IAAAK,GACA,KAAAC,eAAAD,EAAAE,OAAAC,WAEA,MAAAK,GACA3B,QAAAtF,MAAAiH,KASAU,oBAAAC,GACA,cAAAA,QAAA,IAAAA,OAAA,EAAAA,EAAAtI,QAAAqH,OAAAC,UAQAiB,aAAAD,GACA,cAAAA,QAAA,IAAAA,OAAA,EAAAA,EAAAtI,QAAAqH,OAAAC,SACAzD,aACAhF,GAUAuI,eAAAxE,EAAA5C,EAAAgH,GACA,OACAX,GAAAzD,EAAAyD,GACAnD,KAAAN,EAAAM,KACArB,IAAA,KAAA6F,kBAAA9E,EAAAyD,GAAArG,GACAA,OACAgH,aAUAU,kBAAArB,EAAArG,GACA,SAAAA,KAAAqG,KAQA1D,yBAAA6F,GACA,KAAA1E,cAAA0E,EACAxC,QAAAC,IACA,KAAAC,SAAAhD,KAAA,kDACA,KAAAY,eAGAkC,QAAAC,IACA,KAAAC,SAAAhD,KAAA,8DACA,KAAAc,2BAGA,MAAAmD,EAAA,KAAAsB,oBAAA,KAAAzE,2BACAgC,QAAAC,IAAA,+CAAAkB,GACAnB,QAAAC,IACA,qDACA,KAAAlC,oBASA0E,oBAAAC,GAAA,IAAAC,EACA,IAAArB,OAAAzI,EAQA,OAPA,QAAA8J,EAAA,KAAA5E,yBAAA,IAAA4E,KAAAC,QAAApC,IAAA,IAAAqC,EACA,MAAA1B,EAAA,QAAA0B,EAAArC,EAAAF,iBAAA,IAAAuC,OAAA,EAAAA,EAAApC,KAAAU,KAAAd,KAAAqC,GACA,GAAAvB,EAEA,OADAG,EAAAH,EACAG,IAGAA,GAQAwB,uBAAAN,GACAxC,QAAAC,IACA,KAAAC,SAAAhD,KAAA,mCACAsF,KAIAO,MAAA,CAMA,iBAAAC,GACAA,QACA,KAAAC,iBAGA,KAAArF,MAAA,GACA,KAAAD,UAAA,GACA,KAAAjB,YAAA,KAQAA,YAAAsG,GACAhD,QAAAC,IAAA,cAAAC,SAAAhD,yBAAA8F,IAOArF,UAAAqF,GACAhD,QAAAC,IAAA,cAAAC,SAAAhD,uBAAA8F,MCvgB6X,I,YCOzXE,EAAY,eACd,EACA,EACApG,GACA,EACA,KACA,KACA,MAIa,aAAAoG,E,qHCRR,MAAMC,EAAmB,CAC9BxK,OACE,MAAO,CACLyK,gBAAiBC,SAGrBhG,MAAO,CACLiG,QAAS,CACPtJ,KAAMuJ,QACNC,SAAS,IAGbxK,SAAU,CAIRyK,WAAY,CACVvK,MACE,OAAOC,KAAKmK,SAEdjK,IAAIC,GACEA,EACFH,KAAKK,MAAMC,OAAWiK,QAEtBvK,KAAKK,MAAMC,OAAWkK,SAS5B3E,eAQA4E,oBACE,OAAQzK,KAAK6F,YAOf9C,gBAQAG,qBACE,OAAOlD,KAAK+C,YACR,GAAG/C,KAAK0K,2BAA2B1K,KAAK+C,qBACrC/C,KAAK0K,wBAAR,YAONzE,uBACE,OAAO0E,OAAaC,IAOtBC,2BACE,OAAOF,OAAaG,QAOtBJ,0BACE,OAAOC,OAAaH,QAGxBpJ,QAAS,CAIP2J,aACE/K,KAAKsK,YAAa,GAKpBU,cACEhL,KAAKsK,YAAa,K,4BCpGjB,MAAMrG,EAAqB,CAChCD,OAAQ,CAACgG,EAAkB3K,OAAgB4L,QAC3C3L,WAAY,CACV4L,cAAeA,IACb,qFACFC,WAAYA,IAAM,gDAClBC,kBAAmBA,IACjB,iDAEJ5L,OACE,MAAO,CACL6L,iBAAiB,IAGrBjK,QAAS,CAIPkK,iBACEtL,KAAKP,mBAAgBC,GAMvB6L,iBACEvL,KAAKP,mBAAgBC,GAQvB,YAAY8L,EAAU,MACpB,OAAO,IAAIC,QAAQC,GAAWC,WAAWD,EAASF,KAOpD,sBAAsBpL,GACpB,IACEJ,KAAKP,cAAgBO,KAAKqB,YACxBrB,KAAKL,cAAciC,QACnBxB,SAEIJ,KAAK4L,QACX5L,KAAKgL,cACL,MAAOxC,GACP3B,QAAQtF,MAAMiH,MAIpBoB,MAAO,CACLU,WAAWT,GACLA,EACF7J,KAAKsL,iBAELtL,KAAKuL","file":"js/chunk-38381273.2acf3037.js","sourcesContent":["// design\r\nimport {\r\n  alertType,\r\n  createAlert,\r\n  formatAlertError\r\n} from \"@/design/components/alert/alertModel\";\r\n\r\n// utils\r\nimport { isEmpty } from \"@/utils\";\r\n\r\n// model\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\nexport const alertableMixin = {\r\n  components: {\r\n    BaseAlert: () => import(\"@/components/shared/base/BaseAlert\")\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * internal alert to be displayed\r\n       * @type {{type: string, message: string, dismissible : boolean}}\r\n       */\r\n      internalAlert: undefined,\r\n\r\n      /**\r\n       * alert Type name enum\r\n       * @type {{success: string, warning: string, error: string, info: string}}\r\n       */\r\n      alertTypeName: alertType\r\n    };\r\n  },\r\n  computed: {\r\n    showAlert: {\r\n      get() {\r\n        return this.visibleAlert;\r\n      },\r\n      set(value) {\r\n        if (!value) {\r\n          if (this.internalAlert) {\r\n            this.internalAlert.message = undefined;\r\n          }\r\n        }\r\n        this.$emit(eventNames.alertVisibilityChanged, value);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * determines whether alert should be visible\r\n     * @return {boolean} true if alert should be visible\r\n     */\r\n    visibleAlert() {\r\n      return !isEmpty(this.internalAlert?.message);\r\n    },\r\n\r\n    /**\r\n     * current Alert Type\r\n     * @return {string|undefined} current Alert Type\r\n     */\r\n    currentAlertType() {\r\n      return isEmpty(this.internalAlert?.message)\r\n        ? alertType.info\r\n        : this.internalAlert.type;\r\n    },\r\n\r\n    /**\r\n     * alert Message\r\n     * @return {string|undefined}\r\n     */\r\n    alertMessage() {\r\n      return this.internalAlert?.message;\r\n    },\r\n\r\n    /**\r\n     * compute whether Alert should be Dismissible\r\n     * @return {boolean} if true Alert should be Dismissible\r\n     */\r\n    isAlertDismissible() {\r\n      return this.internalAlert?.dismissible ?? false;\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * create Alert\r\n     * @param {string} type Alert type\r\n     * @param {string} message Alert message\r\n     * @param {boolean} dismissible Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlert(type, message, dismissible = false) {\r\n      return createAlert(type, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Error type Alert\r\n     * @param {string} message Error Alert message\r\n     * @param {boolean} dismissible Error Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertError(message, dismissible = false) {\r\n      return createAlert(alertType.error, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Warning type Alert\r\n     * @param {string} message Warning Alert message\r\n     * @param {boolean} dismissible Warning Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertWarning(message, dismissible = false) {\r\n      return createAlert(alertType.warning, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Info type Alert\r\n     * @param {string} message Info Alert message\r\n     * @param {boolean} dismissible Info Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertInfo(message, dismissible = false) {\r\n      return createAlert(alertType.info, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Success type Alert\r\n     * @param {string} message Success Alert message\r\n     * @param {boolean} dismissible Success Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertSuccess(message, dismissible = false) {\r\n      return createAlert(alertType.success, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * format Alert Error\r\n     * @param {String} action\r\n     * @param {String} error\r\n     * @return {string} formatted Alert Error\r\n     */\r\n    formatAlertError(action, error) {\r\n      return formatAlertError(action, error);\r\n    },\r\n\r\n    /**\r\n     * clear current Alert\r\n     */\r\n    clearAlert() {\r\n      this.internalAlert = undefined;\r\n    }\r\n  }\r\n};\r\n","/**\r\n * Alert Type (map to vuetify Alert types)\r\n * @type {{success: string, warning: string, error: string, info: string}}\r\n */\r\nconst alertType = Object.freeze({\r\n  success: \"success\",\r\n  info: \"info\",\r\n  warning: \"warning\",\r\n  error: \"error\"\r\n});\r\n\r\n/**\r\n * Get the list of available Alert Types\r\n * @type {(string)[]}\r\n */\r\nconst alertTypes = Object.freeze([\r\n  alertType.success,\r\n  alertType.info,\r\n  alertType.warning,\r\n  alertType.error\r\n]);\r\n\r\n/**\r\n * Alert border\r\n * @type {Readonly<{top: string, left: string, bottom: string, right: string}>}\r\n */\r\nconst border = Object.freeze({\r\n  top: \"top \",\r\n  right: \"right \",\r\n  bottom: \"bottom \",\r\n  left: \"left\"\r\n});\r\n\r\n/**\r\n * Alert borders\r\n * @type {(string)[]}\r\n */\r\nconst borders = Object.freeze([\r\n  border.top,\r\n  border.right,\r\n  border.bottom,\r\n  border.left\r\n]);\r\n\r\n/**\r\n * create Alert\r\n * @param {string} type Alert type\r\n * @param {string} message Alert message\r\n * @param {boolean} dismissible dismissible Alert\r\n * @return {{type : string, message : string, dismissible : boolean}}\r\n */\r\nconst createAlert = (type, message, dismissible = false) => {\r\n  return {\r\n    type: type,\r\n    message: message,\r\n    dismissible: dismissible\r\n  };\r\n};\r\n\r\n/**\r\n * format Alert Error\r\n * @param action full operation action\r\n * @param error error message\r\n * @return {`Couldn't ${string}. ${string}`}\r\n */\r\nconst formatAlertError = (action, error) => {\r\n  return `Couldn't ${action}. ${error}`;\r\n};\r\n\r\nexport {\r\n  alertType,\r\n  alertTypes,\r\n  border,\r\n  borders,\r\n  createAlert,\r\n  formatAlertError\r\n};\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('dialog-outline',{attrs:{\"scrollable\":true},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.dialogIcon)+\" \")]},proxy:true},{key:\"default\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.dialogTitle)+\" \")]},proxy:true},{key:\"icon-cross\",fn:function(){return [_c('base-tooltip-button',{on:{\"click\":_vm.closeDialog},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconCloseDialog)+\" \")]},proxy:true},{key:\"toolTip\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.closeDialogTooltip)+\" \")]},proxy:true}])})]},proxy:true},{key:\"pre-context\",fn:function(){return [_c('base-alert',{attrs:{\"dismissible\":_vm.isAlertDismissible,\"type\":_vm.currentAlertType},model:{value:(_vm.showAlert),callback:function ($$v) {_vm.showAlert=$$v},expression:\"showAlert\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.alertMessage)}})])]},proxy:true},{key:\"context\",fn:function(){return [_c('v-card',{attrs:{\"flat\":\"\",\"loading\":_vm.loading}},[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',[_c('v-treeview',{attrs:{\"active\":_vm.activeNodes,\"open\":_vm.openNodes,\"items\":_vm.nodes,\"load-children\":_vm.fetchChildren,\"item-key\":\"key\",\"activatable\":\"\",\"open-on-click\":\"\",\"transition\":\"\"},on:{\"update:active\":[function($event){_vm.activeNodes=$event},_vm.onTreeSelectedItemChange],\"update:open\":[function($event){_vm.openNodes=$event},_vm.onTreeSelectedItemOpen]},scopedSlots:_vm._u([{key:\"prepend\",fn:function({ item }){return [(_vm.visibleTreeNodeIcon(item))?_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.treeNodeIcon(item))+\" \")]):_vm._e()]}}])})],1)],1)],1)]},proxy:true},{key:\"actions\",fn:function(){return [_c('base-button',{attrs:{\"disabled\":!_vm.enableOkCommand},on:{\"click\":_vm.onOk}},[_vm._v(_vm._s(_vm.dialogOkCommandLabel))])]},proxy:true},{key:\"actionCancel\",fn:function(){return [_c('base-button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.closeDialog()}},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.dialogCancelCommandLabel)+\" \")]},proxy:true}])})]},proxy:true}]),model:{value:(_vm.showDialog),callback:function ($$v) {_vm.showDialog=$$v},expression:\"showDialog\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <dialog-outline :scrollable=\"true\" v-model=\"showDialog\">\r\n    <template v-slot:icon-name>\r\n      {{ dialogIcon }}\r\n    </template>\r\n    <template v-slot:default>\r\n      {{ dialogTitle }}\r\n    </template>\r\n\r\n    <!-- Close Dialog icon -->\r\n    <template v-slot:icon-cross>\r\n      <base-tooltip-button @click=\"closeDialog\">\r\n        <template v-slot:icon-name>\r\n          {{ iconCloseDialog }}\r\n        </template>\r\n        <template v-slot:toolTip>\r\n          {{ closeDialogTooltip }}\r\n        </template>\r\n      </base-tooltip-button>\r\n    </template>\r\n\r\n    <!-- context -->\r\n    <template v-slot:pre-context>\r\n      <!-- display error -->\r\n      <base-alert\r\n        v-model=\"showAlert\"\r\n        :dismissible=\"isAlertDismissible\"\r\n        :type=\"currentAlertType\"\r\n      >\r\n        <span v-html=\"alertMessage\"></span>\r\n      </base-alert>\r\n    </template>\r\n\r\n    <!-- context -->\r\n    <template v-slot:context>\r\n      <v-card flat :loading=\"loading\">\r\n        <v-row dense>\r\n          <v-col>\r\n            <v-treeview\r\n              :active.sync=\"activeNodes\"\r\n              :open.sync=\"openNodes\"\r\n              :items=\"nodes\"\r\n              :load-children=\"fetchChildren\"\r\n              item-key=\"key\"\r\n              activatable\r\n              open-on-click\r\n              transition\r\n              @update:active=\"onTreeSelectedItemChange\"\r\n              @update:open=\"onTreeSelectedItemOpen\"\r\n            >\r\n              <template v-slot:prepend=\"{ item }\">\r\n                <v-icon v-if=\"visibleTreeNodeIcon(item)\">\r\n                  {{ treeNodeIcon(item) }}\r\n                </v-icon>\r\n              </template>\r\n            </v-treeview>\r\n          </v-col>\r\n        </v-row>\r\n      </v-card>\r\n    </template>\r\n\r\n    <!--  Dialog Actions -->\r\n    <template v-slot:actions>\r\n      <base-button :disabled=\"!enableOkCommand\" @click=\"onOk\">{{\r\n        dialogOkCommandLabel\r\n      }}</base-button>\r\n    </template>\r\n\r\n    <!-- Cancel Action -->\r\n    <template v-slot:actionCancel>\r\n      <base-button @click.stop=\"closeDialog()\">\r\n        <template v-slot:default>\r\n          {{ dialogCancelCommandLabel }}\r\n        </template>\r\n      </base-button>\r\n    </template>\r\n  </dialog-outline>\r\n</template>\r\n\r\n<script>\r\n// model\r\nimport {\r\n  findProjectTemplateOperation,\r\n  projectTemplateEntity,\r\n  projectTemplateLabel,\r\n  projectTemplateOperation\r\n} from \"@/model/workflow/project/projectTemplateModel\";\r\nimport { actionResultType } from \"@/model/action/actionModel\";\r\n\r\n// utils\r\nimport { isEmpty } from \"@/utils\";\r\n\r\n// design\r\nimport { iconProjects } from \"@/design/icon/iconConst\";\r\n\r\n// vuex\r\nimport { createNamespacedHelpers } from \"vuex\";\r\nconst { mapActions, mapState } = createNamespacedHelpers(\"project\");\r\n\r\n// mixins\r\nimport { dialogOutlineMixin } from \"@/mixins/shared/base/dialog/dialogOutlineMixin\";\r\n\r\nexport default {\r\n  name: \"ProjectTemplateBrowser\",\r\n  mixins: [dialogOutlineMixin],\r\n  props: {\r\n    /**\r\n     * Function to perform\r\n     */\r\n    performAction: {\r\n      type: Function,\r\n      required: true\r\n    },\r\n\r\n    /**\r\n     * workflow project Template to be selected\r\n     * @type {{id: number, name: string, assignAutoToOwner: boolean, calendar: string, canReassign: boolean, comment: string, created: string, definitionId: number, description: string, isDisabled: boolean, isHidden: boolean, notifyOnAborted: boolean, notifyOnAssignment: boolean, notifyOnAvailable: boolean, notifyOnCanceled: boolean, notifyOnCompletedFailure: boolean, notifyOnCompletedSuccess: boolean, projectManager: string, role: string, workflowName: string, workflowTypeId: number, userTaskTemplates: {id: number, name: string, sequence: number, priority: number, reassignment: number, assignment: {assignee: string, fixed: boolean, method: number, roles: string}}, duration: {calendar: string, duration: string, fixed: boolean, milestone: boolean}}}\r\n     */\r\n    selectTemplate: undefined\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * progress flag\r\n       * @type boolean\r\n       */\r\n      loading: false,\r\n\r\n      /**\r\n       * array of node item-key to be active (selected)\r\n       * @type {{string}[]}\r\n       */\r\n      activeNodes: [],\r\n\r\n      /**\r\n       * array of node item-key to be expanded\r\n       * @type {{string}[]}\r\n       */\r\n      openNodes: [],\r\n\r\n      /**\r\n       * tree-view nodes\r\n       * @type {{name: string, id, type: string, key: string, children: *[]}[]}\r\n       */\r\n      nodes: [],\r\n\r\n      /**\r\n       * project template icon\r\n       * @type {string}\r\n       */\r\n      iconProjects: iconProjects,\r\n\r\n      /**\r\n       * array of selected tree view items\r\n       * @type {{string}[]}\r\n       */\r\n      selectedNodes: undefined\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      projectCategories: \"projectCategories\"\r\n    }),\r\n\r\n    /**\r\n     * Tree-view\r\n     */\r\n    selectedProjectTemplateId() {\r\n      if ((this.activeNodes?.length ?? 0) === 0) return undefined;\r\n\r\n      const arr = this.activeNodes[0].split(\"_\") ?? [];\r\n      if ((arr?.length ?? 0) > 1) {\r\n        return Number(arr[1]);\r\n      }\r\n\r\n      return undefined;\r\n    },\r\n\r\n    /**\r\n     * download Operation\r\n     * @return {{name: string, icon: string, label: string}} download Operation\r\n     */\r\n    operation() {\r\n      return findProjectTemplateOperation(projectTemplateOperation.select);\r\n    },\r\n\r\n    /**\r\n     * operation Label\r\n     * @return {string}\r\n     */\r\n    operationLabel() {\r\n      return this.operation?.label;\r\n    },\r\n\r\n    /**\r\n     * dialog Icon\r\n     * @return {string} Icon name\r\n     */\r\n    dialogIcon() {\r\n      return this.operation?.icon;\r\n    },\r\n\r\n    /**\r\n     * Download Dialog Title\r\n     * @return {string} Formatted download Dialog Title\r\n     */\r\n    dialogTitle() {\r\n      return `${this.operationLabel} ${projectTemplateLabel}`;\r\n    },\r\n\r\n    /**\r\n     * Dialog action\r\n     * @return {string}\r\n     */\r\n    action() {\r\n      return this.dialogTitle;\r\n    },\r\n\r\n    /**\r\n     * dialog Ok Command Label\r\n     * remarks: overwrite modalDialogMixin.dialogOkCommandLabel\r\n     * @return {string} OK command Label\r\n     */\r\n    dialogOkCommandLabel() {\r\n      return this.operationLabel;\r\n    },\r\n\r\n    /**\r\n     * computed whether to enable Ok Command\r\n     * @return {boolean}\r\n     */\r\n    enableOkCommand() {\r\n      return this.selectedProjectTemplateId > 0;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      setWorkflowProjectTemplates: \"setWorkflowProjectTemplates\",\r\n      setWorkflowProjectTemplate: \"setWorkflowProjectTemplate\",\r\n      setWorkflowProjectCategories: \"setWorkflowProjectCategories\",\r\n      setProjectCategoryTemplates: \"setProjectCategoryTemplates\"\r\n    }),\r\n\r\n    /**\r\n     * load workflow project Templates\r\n     * @return {Promise<void>}\r\n     */\r\n    async loadTemplates() {\r\n      try {\r\n        this.clearAlert();\r\n        this.loading = true;\r\n\r\n        console.log(\r\n          `${this.$options.name}.loadTemplates() this.selectTemplate:`,\r\n          this.selectTemplate\r\n        );\r\n\r\n        // load Workflow Project Categories\r\n        if ((this.projectCategories?.length ?? 0) === 0) {\r\n          await this.setWorkflowProjectCategories();\r\n        }\r\n\r\n        // if requested select category, fetch Workflow Project Category Templates\r\n        const categoryId = this.selectTemplate?.projectCategory?.id ?? -1;\r\n        // let templates =\r\n        //   categoryId > 0\r\n        //     ? (await this.fetchProjectCategoryTemplates(categoryId)) ?? []\r\n        //     : [];\r\n        let templates = [];\r\n        if (categoryId > 0) {\r\n          const pc = this.projectCategories?.find(pc => pc.id === categoryId);\r\n          if (pc) {\r\n            if ((pc?.templates?.length ?? 0) === 0) {\r\n              templates =\r\n                (await this.setProjectCategoryTemplates(categoryId)) ?? [];\r\n            } else {\r\n              templates = pc?.templates;\r\n            }\r\n          }\r\n        }\r\n\r\n        // display tree-view nodes\r\n        let activeTemplate = undefined;\r\n        this.nodes = this.projectCategories?.map(c => {\r\n          // REMARKS: populate children if requested selected category\r\n          let children = [];\r\n          if (categoryId === c.id) {\r\n            children = templates?.map(t => {\r\n              return this.createTreeNode(t, projectTemplateEntity.template);\r\n            });\r\n            // REMARKS: define node to be selected (active node)\r\n            activeTemplate = children?.find(\r\n              c => c.id === this.selectTemplate?.id ?? -1\r\n            );\r\n          }\r\n          return this.createTreeNode(\r\n            c,\r\n            projectTemplateEntity.category,\r\n            children\r\n          );\r\n        });\r\n\r\n        //\r\n        // REMARKS: this.openNodes/this.activeNodes only can be set if nodes are loaded to tree-view\r\n        //\r\n\r\n        // set open Nodes (expand nodes)\r\n        this.openNodes =\r\n          categoryId > 0\r\n            ? [\r\n                this.createTreeNodeKey(\r\n                  categoryId,\r\n                  projectTemplateEntity.category\r\n                )\r\n              ]\r\n            : [];\r\n\r\n        // set active Nodes (selected nodes)\r\n        this.activeNodes =\r\n          activeTemplate?.id > 0\r\n            ? [\r\n                this.createTreeNodeKey(\r\n                  activeTemplate.id,\r\n                  projectTemplateEntity.template\r\n                )\r\n              ]\r\n            : [];\r\n      } catch (e) {\r\n        console.error(e);\r\n        this.internalAlert = this.createAlertError(\r\n          this.formatAlertError(`Load ${projectTemplateLabel}s`, e)\r\n        );\r\n      } finally {\r\n        this.loading = false;\r\n      }\r\n    },\r\n\r\n    /**\r\n     * handle OK/accept button click event\r\n     * @return {Promise<void>}\r\n     */\r\n    async onOk() {\r\n      try {\r\n        this.clearAlert();\r\n\r\n        const result = await this.performAction(this.selectedProjectTemplateId);\r\n\r\n        if (result?.type === actionResultType.success) {\r\n          await this.autoCloseDialog(result.message);\r\n        } else {\r\n          if (!isEmpty(result.message)) {\r\n            this.internalAlert = this.createAlertWarning(result.message);\r\n          }\r\n        }\r\n      } catch (e) {\r\n        this.internalAlert = this.createAlertError(\r\n          this.formatAlertError(this.action, e)\r\n        );\r\n      }\r\n    },\r\n\r\n    /**\r\n     * fetch Children\r\n     * @param {{id:number, name:string, children: {name: string, id, type: string, key: string, children: *[]}}} item expanded tree-view item\r\n     */\r\n    async fetchChildren(item) {\r\n      try {\r\n        const categoryId = item?.id ?? -1;\r\n\r\n        let templates = [];\r\n        const pc = this.projectCategories?.find(pc => pc.id === categoryId);\r\n        if (pc) {\r\n          if ((pc?.templates?.length ?? 0) === 0) {\r\n            templates =\r\n              (await this.setProjectCategoryTemplates(categoryId)) ?? [];\r\n          } else {\r\n            templates = pc?.templates;\r\n          }\r\n        }\r\n\r\n        item.children = templates?.map(t => {\r\n          return this.createTreeNode(t, projectTemplateEntity.template);\r\n        });\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * determine visibility of tree-view node icon\r\n     * @param {{id: number, name: string, type: number}}  node tree-view node\r\n     * @return {boolean} true if tree-view node icon is visible\r\n     */\r\n    visibleTreeNodeIcon(node) {\r\n      return node?.type === projectTemplateEntity.template;\r\n    },\r\n\r\n    /**\r\n     * get tree-view note icon\r\n     * @param {{id: number, name: string, type: number}} node tree-view node\r\n     * @return {string|undefined} tree-view item icon name\r\n     */\r\n    treeNodeIcon(node) {\r\n      return node?.type === projectTemplateEntity.template\r\n        ? iconProjects\r\n        : undefined;\r\n    },\r\n\r\n    /**\r\n     * create tree-view node\r\n     * @param {{id: number, name: string}} item item\r\n     * @param {number} type item type\r\n     * @param children indicate whether item can have children\r\n     * @return {{name: string, id, type: string, key: string, children: *[]}}\r\n     */\r\n    createTreeNode(item, type, children = undefined) {\r\n      return {\r\n        id: item.id,\r\n        name: item.name,\r\n        key: this.createTreeNodeKey(item.id, type),\r\n        type: type,\r\n        children: children\r\n      };\r\n    },\r\n\r\n    /**\r\n     *  create Tree-view Node Key\r\n     * @param { number } id Item id\r\n     * @param {number} type item type\r\n     * @return {string} Tree-view Item Key\r\n     */\r\n    createTreeNodeKey(id, type) {\r\n      return `${type}_${id}`;\r\n    },\r\n\r\n    /**\r\n     * handle event v-tree-view @update:active\r\n     * which Emits the array of active items when this value changes\r\n     * @param {{string}[]} items the array of selected items\r\n     */\r\n    onTreeSelectedItemChange(items) {\r\n      this.selectedNodes = items;\r\n      console.log(\r\n        `${this.$options.name}.onTreeSelectedItemChange() this.selectedNodes:`,\r\n        this.selectedNodes\r\n      );\r\n\r\n      console.log(\r\n        `${this.$options.name}.onTreeSelectedItemChange() this.selectedProjectTemplateId:`,\r\n        this.selectedProjectTemplateId\r\n      );\r\n\r\n      const t = this.findProjectTemplate(this.selectedProjectTemplateId);\r\n      console.log(`onTreeSelectedItemChange() project template:`, t);\r\n      console.log(\r\n        `onTreeSelectedItemChange() this.projectCategories:`,\r\n        this.projectCategories\r\n      );\r\n    },\r\n\r\n    /**\r\n     * find Project Template\r\n     * @param {number} templateId Project Template id\r\n     * @return {undefined}\r\n     */\r\n    findProjectTemplate(templateId) {\r\n      let template = undefined;\r\n      this.projectCategories?.forEach(pc => {\r\n        const t = pc.templates?.find(t => t.id === templateId);\r\n        if (t) {\r\n          template = t;\r\n          return template;\r\n        }\r\n      });\r\n      return template;\r\n    },\r\n\r\n    /**\r\n     * handle event v-tree-view @update:open\r\n     * which Emits the array of open items when this value changes\r\n     * @param items the array of open items\r\n     */\r\n    onTreeSelectedItemOpen(items) {\r\n      console.log(\r\n        `${this.$options.name}.onTreeSelectedItemOpen() items:`,\r\n        items\r\n      );\r\n    }\r\n  },\r\n  watch: {\r\n    /**\r\n     * watch showDialog\r\n     * @param {boolean} newValue\r\n     * @return {Promise<void>}\r\n     */\r\n    async showDialog(newValue) {\r\n      if (newValue) {\r\n        await this.loadTemplates();\r\n      } else {\r\n        // code cleanup here ..\r\n        this.nodes = [];\r\n        this.openNodes = [];\r\n        this.activeNodes = [];\r\n      }\r\n    },\r\n\r\n    /**\r\n     * watch activeNodes\r\n     * @param newValue\r\n     */\r\n    activeNodes(newValue) {\r\n      console.log(`watch ${this.$options.name} this.activeNodes:`, newValue);\r\n    },\r\n\r\n    /**\r\n     * watch openNodes\r\n     * @param newValue\r\n     */\r\n    openNodes(newValue) {\r\n      console.log(`watch ${this.$options.name} this.openNodes:`, newValue);\r\n    }\r\n  }\r\n};\r\n</script>\r\n","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!./ProjectTemplateBrowser.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!./ProjectTemplateBrowser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProjectTemplateBrowser.vue?vue&type=template&id=4acde663\"\nimport script from \"./ProjectTemplateBrowser.vue?vue&type=script&lang=js\"\nexport * from \"./ProjectTemplateBrowser.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  null,\n  null\n  \n)\n\nexport default component.exports","// design\r\nimport { iconClose } from \"@/design/icon/iconConst\";\r\n\r\n// model\r\nimport { commandNames } from \"@/model/common/commands/commandModel\";\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\n/**\r\n * modal Dialog Mixin encapsulate basic modal Dialog functionality\r\n */\r\nexport const modalDialogMixin = {\r\n  data() {\r\n    return {\r\n      iconCloseDialog: iconClose\r\n    };\r\n  },\r\n  props: {\r\n    visible: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    /**\r\n     * get/set showDialog value which indicates whether the dialog is visible or hidden.\r\n     */\r\n    showDialog: {\r\n      get() {\r\n        return this.visible;\r\n      },\r\n      set(value) {\r\n        if (value) {\r\n          this.$emit(eventNames.opened);\r\n        } else {\r\n          this.$emit(eventNames.close);\r\n        }\r\n      }\r\n    },\r\n\r\n    /**\r\n     * dialog Icon (provides default dialog Icon)\r\n     * @return {undefined} default dialog Icon name\r\n     */\r\n    dialogIcon() {\r\n      return undefined;\r\n    },\r\n\r\n    /**\r\n     * compute Dialog Icon visibility\r\n     * @return {boolean} true when Dialog Icon is visible\r\n     */\r\n    visibleDialogIcon() {\r\n      return !this.dialogIcon;\r\n    },\r\n\r\n    /**\r\n     * dialog Title (provides default dialog Title)\r\n     * @return {undefined} default dialog Title\r\n     */\r\n    dialogTitle() {\r\n      return undefined;\r\n    },\r\n\r\n    /**\r\n     * Close Dialog Tooltip\r\n     * @return {string} close Dialog Tooltip\r\n     */\r\n    closeDialogTooltip() {\r\n      return this.dialogTitle\r\n        ? `${this.dialogCloseCommandLabel} ${this.dialogTitle} Dialog`\r\n        : `${this.dialogCloseCommandLabel} Dialog}`;\r\n    },\r\n\r\n    /**\r\n     * OK command Label\r\n     * @return {string} ok Dialog Label\r\n     */\r\n    dialogOkCommandLabel() {\r\n      return commandNames.ok;\r\n    },\r\n\r\n    /**\r\n     * dialog Cancel command Label\r\n     * @return {string} dialog Cancel Command Label\r\n     */\r\n    dialogCancelCommandLabel() {\r\n      return commandNames.cancel;\r\n    },\r\n\r\n    /**\r\n     * dialog Close Command Label\r\n     * @return {string} dialog Close Command Label\r\n     */\r\n    dialogCloseCommandLabel() {\r\n      return commandNames.close;\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * open Dialog\r\n     */\r\n    openDialog() {\r\n      this.showDialog = true;\r\n    },\r\n    /**\r\n     *  close Dialog\r\n     */\r\n    closeDialog() {\r\n      this.showDialog = false;\r\n    }\r\n  }\r\n};\r\n","// mixins\r\nimport { modalDialogMixin } from \"@/mixins/shared/base/dialog/modalDialogMixin\";\r\nimport { alertableMixin } from \"@/mixins/shared/alertable/alertableMixin\";\r\nimport { reactiveMixin } from \"@/mixins/shared/reactive/reactiveMixin\";\r\n\r\n/**\r\n * dialogOutlineMixin encapsulate dialog Outline functionality\r\n */\r\nexport const dialogOutlineMixin = {\r\n  mixins: [modalDialogMixin, alertableMixin, reactiveMixin],\r\n  components: {\r\n    DialogOutline: () =>\r\n      import(\"@/components/shared/core/dialogs/DialogOutline\"),\r\n    BaseButton: () => import(\"@/components/shared/base/BaseButton\"),\r\n    BaseTooltipButton: () =>\r\n      import(\"@/components/shared/base/BaseTooltipButton\")\r\n  },\r\n  data() {\r\n    return {\r\n      displayProgress: false\r\n    };\r\n  },\r\n  methods: {\r\n    /**\r\n     * Handle on Dialog Opened event\r\n     */\r\n    onDialogOpened() {\r\n      this.internalAlert = undefined;\r\n    },\r\n\r\n    /**\r\n     * Handle on Dialog Closed event\r\n     */\r\n    onDialogClosed() {\r\n      this.internalAlert = undefined;\r\n    },\r\n\r\n    /**\r\n     * wait before the specified function or code is executed.\r\n     * @param {number} timeOut The time, in milliseconds that the timer should wait before the specified function or code is executed\r\n     * @return {Promise<unknown>}\r\n     */\r\n    async delay(timeOut = 1500) {\r\n      return new Promise(resolve => setTimeout(resolve, timeOut));\r\n    },\r\n\r\n    /**\r\n     * Auto Close Dialog\r\n     * @return {Promise<void>}\r\n     */\r\n    async autoCloseDialog(message) {\r\n      try {\r\n        this.internalAlert = this.createAlert(\r\n          this.alertTypeName.success,\r\n          message\r\n        );\r\n        await this.delay();\r\n        this.closeDialog();\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    showDialog(newValue) {\r\n      if (newValue) {\r\n        this.onDialogOpened();\r\n      } else {\r\n        this.onDialogClosed();\r\n      }\r\n    }\r\n  }\r\n};\r\n"],"sourceRoot":""}