{"version":3,"sources":["webpack:///./src/mixins/viewPageMixin.js","webpack:///./src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlano.vue?6fe9","webpack:///./src/mixins/basePageMixin.js","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue?0fa6","webpack:///src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue?a5b7","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./src/mixins/common.js","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoLegend.vue?1a7b","webpack:///src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoLegend.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoLegend.vue?5a6c","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoLegend.vue","webpack:///./src/mixins/formMixin.js","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlano.vue?ce94","webpack:///./src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlanoData.js","webpack:///src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlano.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlano.vue?1a22","webpack:///./src/pages/materialesSistema/materialSistemaPlano/MaterialSistemaPlano.vue?b579","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoMenu.vue?fb46","webpack:///src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoMenu.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoMenu.vue?34a6","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoMenu.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlanoAdd/MaterialSistemaPlanoAdd.vue?6075","webpack:///src/pages/materialesSistema/materialSistemaPlanoAdd/MaterialSistemaPlanoAdd.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlanoAdd/MaterialSistemaPlanoAdd.vue?c947","webpack:///./src/pages/materialesSistema/materialSistemaPlanoAdd/MaterialSistemaPlanoAdd.vue"],"names":["viewPageMixin","mixins","basePageMixin","data","item","dataset","metadata","moreInfoRows","details","methods","initStore","copyRouteParamsToPageStore","beforeRouteLeaveBase","to","from","next","beforeRouteLeaveCommon","pageStorePath","dispatchStore","buildMoreInfo","getRowLabelFromMetadata","rowName","label","getColumn","metadataRow","$options","filters","capitalize","defaultProperties","visible","clickable","password","icon","this","$vuetify","icons","values","Array","isArray","moreInfoArray","row","formattedRow","name","push","moreInfoObj","group","title","rows","initDetails","addDetail","subtitle","disabled","index","type","order","length","badge","badgeColor","totals","addDetailHeader","setMoreInfoRowValue","prop","value","_","find","itemNotFound","message","ItemNotFoundError","routeParams","routeQuery","loadingData","rememberState","rememberScroll","showingDialogs","pageLoaded","bottomNavBarButtons","dbReady","created","cloneDeep","$route","params","query","extra","decodeBase64","computed","routeFromBrowserHistory","meta","fromBrowserHistory","userPermissions","get","permissions","initDB","$offline","db","$loading","showManual","connect","initSchema","init","hide","closeDB","close","pageStoreName","routeParam","storeHasProperty","setStoreProperty","property","$store","set","getStoreProperty","actionName","payload","dispatch","hasViewPerm","perm","hasInsertPerm","hasEditPerm","hasDeletePerm","hasPerm","initNavigationBottom","addNavigationBottomButton","render","_vm","_h","$createElement","_c","_self","formattedImage","staticClass","attrs","blobUrl","_e","loading","_v","staticRenderFns","props","default","backgroundImage","canvasWidth","canvasHeight","image","component","VAlert","toObject","toAbsoluteIndex","lengthOfArrayLike","module","exports","O","argumentsLength","arguments","undefined","end","endPos","that","showingDialog","dialog","$set","internalShowing","on","$event","slot","scopedSlots","_u","key","fn","_l","color","_s","tsubfamilia_desc","proxy","coloresTipoSubfamilia","VChip","VDivider","VSimpleTable","id","Number","String","required","isInsert","isEdit","watch","newValue","loadFormData","setFormRule","fieldname","rule","formRules","createMaxOracleNumberFormRules","precision","createMaxFormRules","size","createRequiredFormRules","emitChangeValues","$emit","form","loadForm","$watch","deep","addFormRulesAPI","columns","column","API_RESULT_DATATYPES","string","v","addFormRulesVeeValidateAPI","max","$","fill","addToUnscopables","target","proto","toolbarOptions","clickToolbarOption","readOnly","stopPropagation","clickSubmit","check","directives","rawName","expression","formattedItem","imageLoaded","_g","ref","mousedown","handleMouseDownReadOnly","handleMouseDown","mousemove","handleMouseMove","mouseup","handleMouseUp","touchstart","handleTouchStart","touchmove","handleTouchMove","touchend","handleTouchEnd","edit","clickEdit","showingMenuMaterial","elementoArrastrado","clickDeleteConfirm","clickVerMaterial","closeShowingMenuMaterial","materialPlanoAdd","idsistema","subsistemas","idsubsis","materialesSistemaForm","materialesAddFormData","loadMaterialSistemaForm","legends","clickAddMaterial","selectDetail","Vue","idfichero","apiCalls","apiFilterFichero","APIFilter","addExact","method","filter","apiFilterMaterialesSistema","addIsNull","addGT","apiFilter","$api","batchCall","guardarMaterial","materiales","material","idmaterial_sistema","posicion_plano_x","posicion_plano_y","idfichero_plano","borrarDelPlano","idmaterialSistema","call","selectMaterialSistema","excludePks","setOperator","API_FILTER_OPERATORS","AND","addIn","resp","result","components","MaterialSistemaPlanoImagen","MaterialSistemaPlanoMenu","MaterialSistemaPlanoAdd","MaterialSistemaPlanoLegend","beforeRouteLeave","editRoute","legend","materialesSistema","nuevaPosicionMaterialesSistema","longPressTimer","imageIsLoaded","cicleRadius","loadPage","loadItem","Data","camposTsubfamiliaColor","loadCanvas","canvas","context","renderMateriales","colorMaterial","delphiColorToHex","colorMaterialRGBA","delphiColorToRgba","pos_x","pos_y","getCanvasCoordinates","event","x","y","isInsideCircle","circleX","circleY","document","passive","clearTimeout","materialIndex","nuevoMaterial","disableScroll","res","materialesSistemaActualizado","option","VBtn","VIcon","clickClose","model","callback","$$v","dato","domProps","_t","clickVerMaterialSistema","materialAfectado","clickBorrarMaterialSistema","delete","VCard","VCardActions","VCardText","VCardTitle","VMenu","clickSubmitAddForm","$refs","subsisSelected","changeMarcarTodos","marcarTodos","descripcion","$online","materialSistema","resumenFichaTecnica","join","cleanForm","materialesSelecionados","elementosSeleccionados","items","VCheckbox","VDialog","VList"],"mappings":"oWAKaA,EAAgB,CAC3BC,OAAQ,CAACC,QACTC,KAF2B,WAGzB,MAAO,CAWLC,KAAM,CACJC,QAAS,GACTC,SAAU,IAEZC,aAAc,GACdC,QAAS,KAGbC,QAAS,CACDC,UADC,WACY,wKACX,EAAKC,6BADM,8CAGbC,qBAJC,SAIqBC,EAAIC,EAAMC,GAAM,2JACrCC,eAAuB,EAAMH,EAAIC,EAAMC,GADF,oBAEpC,EAAKE,cAF+B,gCAGhC,EAAKC,cAAc,cAHa,OAKxCH,IALwC,8CAQ5CI,cAZO,SAYQb,GAAU,WACjBc,EAA0B,SAACC,EAASf,GACxC,IAAIgB,EAAQ,GACZ,GAAIhB,GAA0C,oBAAvBA,EAASiB,UAA0B,CACxD,IAAMC,EAAclB,EAASiB,UAAUF,GACnCG,IACFF,EAAQE,EAAYF,OAGxB,OAAOA,GAAS,EAAKG,SAASC,QAAQC,WAAWN,IAE7CO,EAAoB,CACxBC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,KAAMC,KAAKC,SAASC,MAAMC,OAAOrB,MAEnC,GAAIsB,MAAMC,QAAQL,KAAK1B,cAAe,CACpC,IADoC,EAC9BgC,EAAgB,GADc,iBAElBN,KAAK1B,cAFa,IAEpC,IAAK,EAAL,qBAAqC,KAA1BiC,EAA0B,QAC/BC,EAAe,GACC,kBAATD,EACTC,EAAe,CAAEC,KAAMF,EAAKlB,MAAOF,EAAwBoB,EAAKlC,KAEhEmC,EAAeD,EACVC,EAAanB,QAChBmB,EAAanB,MAAQF,EAAwBqB,EAAaC,KAAMpC,KAGpEiC,EAAcI,KAAd,iCAAwBf,GAAsBa,KAZZ,8BAcpC,OAAOF,EAEP,IAAMK,EAAc,GACpB,IAAK,IAAMC,KAASZ,KAAK1B,aAAc,CACrCqC,EAAYC,GAAS,GACrBD,EAAYC,GAAOC,MAAQb,KAAK1B,aAAasC,GAAOC,MACpDF,EAAYC,GAAOE,KAAO,GAHW,uBAInBd,KAAK1B,aAAasC,GAAOE,MAJN,IAIrC,IAAK,EAAL,qBAAiD,KAAtCP,EAAsC,QAC3CC,EAAe,GACC,kBAATD,EACTC,EAAe,CAAEC,KAAMF,EAAKlB,MAAOF,EAAwBoB,EAAKlC,KAEhEmC,EAAeD,EACVC,EAAanB,QAChBmB,EAAanB,MAAQF,EAAwBqB,EAAaC,KAAMpC,KAGpEsC,EAAYC,GAAOE,KAAKJ,KAAxB,iCAAkCf,GAAsBa,KAdrB,+BAiBvC,OAAOG,GAGXI,YAlEO,WAmELf,KAAKzB,QAAU,IAEjByC,UArEO,SAqEIP,EAAMI,EAAOI,EAAUlB,GAAmC,IAA7BmB,EAA6B,wDAAXhD,EAAW,uDAAJ,GACzDiD,EAAQnB,KAAKzB,QAAQmC,KAAK,CAC9BU,KAAM,SACNX,OACAI,QACAI,WACAlB,OACAsB,MAAOrB,KAAKzB,QAAQ+C,OAAS,EAC7BC,MAAO,GACPC,WAAY,GACZC,OAAQ,GACRvD,OACAgD,aAEF,OAAOlB,KAAKzB,QAAQ4C,EAAQ,IAE9BO,gBArFO,SAqFUb,GACf,IAAMM,EAAQnB,KAAKzB,QAAQmC,KAAK,CAC9BU,KAAM,SACNP,QACAQ,MAAOrB,KAAKzB,QAAQ+C,OAAS,IAE/B,OAAOtB,KAAKzB,QAAQ4C,EAAQ,IAE9BQ,oBA7FO,SA6FclB,EAAMmB,EAAMC,GAAmB,IAAZjB,EAAY,uDAAJ,GAE1CA,EACFkB,OAAEC,KAAK/B,KAAK1B,aAAasC,GAAOE,KAAM,CAAEL,SAAQmB,GAAQC,EAExDC,OAAEC,KAAK/B,KAAK1B,aAAc,CAAEmC,SAAQmB,GAAQC,GAGhDG,aArGO,SAqGOC,GACZ,MAAM,IAAIC,OAAkBD,O,oCCjIlC,Y,wMCOahE,EAAgB,CAC3BC,KAD2B,WAEzB,MAAO,CACL2C,MAAO,GACPsB,YAAa,KACbC,WAAY,KACZC,aAAa,EACbC,eAAe,EACfC,gBAAgB,EAChBC,eAAgB,GAChBC,YAAY,EACZC,oBAAqB,GACrBC,SAAS,IAGbC,QAf2B,WAgBzB5C,KAAKmC,YAAcL,OAAEe,UAAU7C,KAAK8C,OAAOC,QAC3C/C,KAAKoC,WAAaN,OAAEe,UAAU7C,KAAK8C,OAAOE,OACtChD,KAAKoC,WAAWa,QAClBjD,KAAKoC,WAAWa,MAAQC,eAAalD,KAAKoC,WAAWa,SAGzDE,SAAU,CACRC,wBADQ,WAGN,OAAOpD,KAAK8C,OAAOO,KAAKC,oBAE1BC,gBAAiBC,eAAI,oBACrBC,YANQ,WAON,OAAOA,SAGXjF,QAAS,CACDkF,OADC,WACS,2JACT,EAAKC,SAASC,GADL,wBAEZ,EAAKC,SAASC,WAAW,kCAFb,cAIJ,EAAKH,SAJD,SAIqBI,eAAQC,kBAJ7B,wCAIUC,KAJV,uCAMV,EAAKtB,SAAU,EACf,EAAKkB,SAASK,OAPJ,4CAUZ,EAAKvB,SAAU,EAVH,gEAaVwB,QAdC,WAcU,4JACX,EAAKR,SAASC,GADH,gCAEP,EAAKD,SAASC,GAAGQ,QAFV,OAGb,EAAKT,SAASC,GAAK,KACnB,EAAKjB,SAAU,EAJF,8CAOXjE,2BArBC,WAqB6B,kKAC9B,EAAK2F,cADyB,6CAEP,EAAKlC,aAFE,gDAErBmC,EAFqB,YAG1B,EAAKC,iBAAiBD,GAHI,gCAItB,EAAKE,iBAAiBF,EAAY,EAAKnC,YAAYmC,IAJ7B,oEAS9B7F,UA9BC,WA8BY,wKAGX,EAAKC,6BAHM,8CAKnB6F,iBAnCO,SAmCWE,GAChB,OAAOA,KAAYzE,KAAK0E,OAAOlB,IAAZ,UAAmBxD,KAAKqE,iBAEvCG,iBAtCC,SAsCiBC,EAAU5C,GAAO,wKACjC,EAAK6C,OAAOC,IAAZ,UAAmB,EAAKN,cAAxB,YAAyCI,GAAY5C,GADpB,8CAGnC+C,iBAzCC,SAyCiBH,GAAU,wKACnB,EAAKC,OAAOlB,IAAZ,UAAmB,EAAKa,cAAxB,YAAyCI,IADtB,sFAG5BxF,cA5CC,SA4Cc4F,EAAYC,GAAS,wKAC3B,EAAKJ,OAAOK,SAAZ,UAAwB,EAAKV,cAA7B,YAA8CQ,GAAcC,GADjC,sFAG1CE,YA/CO,SA+CMC,GACX,OAAOD,eAAYhF,KAAKuD,gBAAiB0B,IAE3CC,cAlDO,SAkDQD,GACb,OAAOC,eAAclF,KAAKuD,gBAAiB0B,IAE7CE,YArDO,SAqDMF,GACX,OAAOE,eAAYnF,KAAKuD,gBAAiB0B,IAE3CG,cAxDO,SAwDQH,GACb,OAAOG,eAAcpF,KAAKuD,gBAAiB0B,IAE7CI,QA3DO,SA2DEJ,GACP,OAAOI,eAAQrF,KAAKuD,gBAAiB0B,IAEvCtG,qBA9DO,SA8DeC,EAAIC,EAAMC,GACzBC,eAAuBiB,KAAMpB,EAAIC,EAAMC,IAC1CA,KAGJwG,qBAnEO,WAoELtF,KAAK0C,oBAAsB,IAE7B6C,0BAtEO,SAsEoB1E,EAAOJ,EAAMV,GAA0D,IAApDH,IAAoD,yDAApC2B,EAAoC,uDAA5B,KAAMC,EAAsB,uDAAT,QACjFL,EAAQnB,KAAK0C,oBAAoBhC,KAAK,CAC1CG,QACAJ,OACAV,OACAsB,MAAOrB,KAAK0C,oBAAoBpB,OAAS,EACzC1B,UACA2B,QACAC,eAEF,OAAOxB,KAAK0C,oBAAoBvB,EAAQ,O,2CCvH9C,IAAIqE,EAAS,WAAa,IAAIC,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEH,EAAIK,eAAsB,QAAE,CAAEL,EAAIK,eAAkB,IAAE,CAACF,EAAG,MAAM,CAACG,YAAY,iBAAiBC,MAAM,CAAC,IAAMP,EAAItH,KAAK8H,YAAaR,EAAIK,eAAmB,KAAE,CAACF,EAAG,MAAM,CAACG,YAAY,iBAAiBC,MAAM,CAAC,IAAMP,EAAIK,eAAe5H,SAASuH,EAAIS,MAAM,CAAGT,EAAIU,QAAQvG,QAAkH6F,EAAIS,KAA7GN,EAAG,UAAU,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,UAAU,CAACP,EAAIW,GAAG,6CAAsD,IACxeC,EAAkB,G,8CCuCP,GACfC,OACAnI,MACAiD,YACAmF,uBAGApD,UACA2C,eADA,WACA,WACA,QACA,SACA,SACA,8BACA,0DAMA,GALA,EACA,6CAEA,0BAEA,OACA,oEACA,CACA,kCACA,MACA,2DAGA,gBAKA,OAJAU,gBACAA,oBACA,wBAAAC,oBAAAC,sBAAAC,WAEA,GAEAR,oCC1EiZ,I,6CCO7YS,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,SAAA,Q,oCCtB9B,IAAIC,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BC,EAAoB,EAAQ,QAIhCC,EAAOC,QAAU,SAAcrF,GAC7B,IAAIsF,EAAIL,EAAS9G,MACbsB,EAAS0F,EAAkBG,GAC3BC,EAAkBC,UAAU/F,OAC5BH,EAAQ4F,EAAgBK,EAAkB,EAAIC,UAAU,QAAKC,EAAWhG,GACxEiG,EAAMH,EAAkB,EAAIC,UAAU,QAAKC,EAC3CE,OAAiBF,IAARC,EAAoBjG,EAASyF,EAAgBQ,EAAKjG,GAC/D,MAAOkG,EAASrG,EAAOgG,EAAEhG,KAAWU,EACpC,OAAOsF,I,oCCfT,kCAAO,IAAMpI,EAAyB,SAAC0I,EAAM7I,EAAIC,EAAMC,GACrD,GAAI2I,EAAKpF,YAEP,OADAvD,GAAK,IACE,EAEP,IAAI4I,GAAgB,EACpB,IAAK,IAAMC,KAAUF,EAAKjF,eACxB,GAAIiF,EAAKjF,eAAemF,GAAS,CAC/BF,EAAKG,KAAKH,EAAKjF,eAAgBmF,GAAQ,GACvCD,GAAgB,EAChB5I,GAAK,GACL,MAGJ,OAAO4I,I,2CCdX,IAAIlC,EAAS,WAAa,IAAIC,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACI,MAAM,CAAC,QAAUP,EAAIoC,iBAAiBC,GAAG,CAAC,iBAAiB,SAASC,GAAQtC,EAAIoC,gBAAgBE,KAAU,CAACnC,EAAG,WAAW,CAACoC,KAAK,UAAU,CAACpC,EAAG,iBAAiB,CAACqC,YAAYxC,EAAIyC,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,OAAO3C,EAAI4C,GAAI5C,EAAyB,uBAAE,SAAStH,EAAKgK,GAAK,OAAOvC,EAAG,QAAQ,CAACuC,IAAIA,GAAK,CAACvC,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ7H,EAAKmK,MAAM,KAAO,QAAQ,KAAO,KAAK,CAAC1C,EAAG,OAAO,CAACH,EAAIW,GAAG,eAAe,GAAGR,EAAG,KAAK,CAACH,EAAIW,GAAG,IAAIX,EAAI8C,GAAGpK,EAAKqK,kBAAkB,eAAcC,OAAM,OAAU7C,EAAG,aAAaA,EAAG,OAAO,CAACH,EAAIW,GAAG,oLAA0L,IAAI,IACh0BC,EAAkB,G,YCuCP,GACfrI,gBACAsI,OACAoC,uBACAtH,WACAmF,mBAAA,aC7CiZ,I,qECO7YK,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,EAAiB,QAOhC,IAAkBA,EAAW,CAAC+B,QAAA,KAAMC,WAAA,KAASC,eAAA,Q,sHCvB9B,QACbvC,MAAO,CACLwC,GAAI,CACF1H,KAAM,CAAC2H,OAAQC,QACfC,UAAU,IAGd9F,SAAU,CACR+F,SADQ,WAEN,OAAIlJ,KAAK8I,IAMXK,OARQ,WASN,QAAInJ,KAAK8I,KAObM,MAAO,CACCN,GADD,SACKO,GAAU,wKAGZ,EAAKC,aAAaD,GAHN,+CAMtB7K,QAAS,CACP+K,YADO,SACKC,EAAWC,EAAM5H,GACrB2H,KAAaxJ,KAAK0J,UAGtB1J,KAAK4H,KAAK5H,KAAK0J,UAAUF,GAAYC,EAAM5H,GAF3C7B,KAAK4H,KAAK5H,KAAK0J,UAAWF,EAA1B,kBAAwCC,EAAO5H,KAKnD8H,+BARO,SAQwBH,EAAWI,GACxC5J,KAAKuJ,YAAYC,EAAW,eAAgBI,IAE9CC,mBAXO,SAWYL,EAAWM,GAC5B9J,KAAKuJ,YAAYC,EAAW,MAAOM,IAErCC,wBAdO,SAciBP,GACtBxJ,KAAKuJ,YAAYC,EAAW,YAAY,IAE1CQ,iBAjBO,WAkBLhK,KAAKiK,MAAM,gBAAiBjK,KAAKkK,OAE7BC,SApBC,WAoBW,2JACX,EAAKjB,SADM,gCAGR,EAAKI,aAAa,EAAKR,IAHf,OAKhB,EAAKkB,mBACL,EAAKI,OAAO,OAAQ,EAAKJ,iBAAkB,CAAEK,MAAM,IANnC,8CAQlBC,gBA5BO,SA4BUC,GAAS,8BACHA,GADG,yBACbC,EADa,QAGlBA,EAAOpJ,OAASqJ,OAAqBC,QAAUF,EAAO/J,QAAQ,EAAKyJ,OAC/DM,EAAO/J,QAAQ,EAAKiJ,WACxB,EAAK9B,KAAK,EAAK8B,UAAWc,EAAO/J,KAAM,IAEzC,EAAKiJ,UAAUc,EAAO/J,MAAMC,MAC1B,SAAAiK,GAAC,OAAKA,GAAK,IAAIrJ,QAAUkJ,EAAOV,MAA3B,mCAA+DU,EAAOV,KAAtE,oBAPX,IAAK,EAAL,qBAA8B,IADN,gCAapBc,2BAzCC,SAyC2BL,GAAS,mLAEpBA,GAFoB,IAEzC,IAAK,EAAL,qBAAWC,EAAmB,QAExBA,EAAOpJ,OAASqJ,OAAqBC,QAAUF,EAAO/J,QAAQ,EAAKyJ,OAC/DM,EAAO/J,QAAQ,EAAKiJ,UAGxB,EAAK9B,KAAK,EAAK8B,UAAUc,EAAO/J,MAAO,MAAQ+J,EAAOV,MAFtD,EAAKlC,KAAK,EAAK8B,UAAWc,EAAO/J,KAAM,CAAEoK,IAAKL,EAAOV,QANlB,+E,6CCzE/C,IAAIgB,EAAI,EAAQ,QACZC,EAAO,EAAQ,QACfC,EAAmB,EAAQ,QAI/BF,EAAE,CAAEG,OAAQ,QAASC,OAAO,GAAQ,CAClCH,KAAMA,IAIRC,EAAiB,S,yCCXjB,IAAIxF,EAAS,WAAa,IAAIC,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAW,CAACA,EAAG,cAAc,CAACI,MAAM,CAAC,MAAQP,EAAI5E,MAAM,QAAU4E,EAAI0F,gBAAgBrD,GAAG,CAAC,eAAerC,EAAI2F,qBAAqB,CAAG3F,EAAI4F,SAA0N5F,EAAIS,KAApNN,EAAG,QAAQ,CAACI,MAAM,CAAC,KAAO,QAAQ,KAAO,IAAI8B,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOuD,kBAAyB7F,EAAI8F,gBAAgBvD,KAAK,SAAS,CAACpC,EAAG,SAAS,CAACH,EAAIW,GAAGX,EAAI8C,GAAG9C,EAAIxF,SAASC,MAAMC,OAAOqL,WAAW,IAAa,GAAG5F,EAAG,mBAAmB,CAACA,EAAG,MAAM,CAAC6F,WAAW,CAAC,CAAChL,KAAK,OAAOiL,QAAQ,SAAS7J,MAAO4D,EAAiB,cAAEkG,WAAW,kBAAkB5F,YAAY,mBAAmBC,MAAM,CAAC,UAAY,UAAU,CAACJ,EAAG,gCAAgC,CAACG,YAAY,OAAOC,MAAM,CAAC,KAAOP,EAAImG,eAAe9D,GAAG,CAAC,eAAerC,EAAIoG,eAAejG,EAAG,SAASH,EAAIqG,GAAG,CAACC,IAAI,wBAAwBhG,YAAY,2BAA4BN,EAAI4F,SAO/1B,CACFW,UAAWvG,EAAIwG,yBAR61B,CAC52BD,UAAWvG,EAAIyG,gBACfC,UAAW1G,EAAI2G,gBACfC,QAAS5G,EAAI6G,cACbC,WAAY9G,EAAI+G,iBAChBC,UAAWhH,EAAIiH,gBACfC,SAAUlH,EAAImH,kBAGXnH,EAAY,SAAEG,EAAG,iBAAiB,CAACI,MAAM,CAAC,KAAOP,EAAIxF,SAASC,MAAMC,OAAO0M,MAAM/E,GAAG,CAAC,MAAQrC,EAAIqH,aAAarH,EAAIS,KAAKN,EAAG,8BAA8B,CAACI,MAAM,CAAC,QAAUP,EAAIjD,eAAeuK,oBAAoB,KAAOtH,EAAIuH,mBAAmB,YAAYvH,EAAI4F,UAAUvD,GAAG,CAAC,OAASrC,EAAIwH,mBAAmB,eAAexH,EAAIyH,iBAAiB,sBAAsBzH,EAAI0H,4BAA4BvH,EAAG,6BAA6B,CAACI,MAAM,CAAC,QAAUP,EAAIjD,eAAe4K,iBAAiB,UAAY3H,EAAItD,YAAYkL,UAAU,YAAc5H,EAAI6H,YAAY,SAAW7H,EAAI8H,SAAS,0BAA0B9H,EAAI+H,uBAAuB1F,GAAG,CAAC,iBAAiB,SAASC,GAAQ,OAAOtC,EAAImC,KAAKnC,EAAIjD,eAAgB,mBAAoBuF,IAAS,2BAA2BtC,EAAIgI,sBAAsB,6BAA6BhI,EAAIiI,2BAA2B9H,EAAG,gCAAgC,CAACI,MAAM,CAAC,QAAUP,EAAIjD,eAAemL,QAAQ,0BAA0BlI,EAAIiD,uBAAuBZ,GAAG,CAAC,iBAAiB,SAASC,GAAQ,OAAOtC,EAAImC,KAAKnC,EAAIjD,eAAgB,UAAWuF,OAActC,EAAI4F,SAAmE5F,EAAIS,KAA7DN,EAAG,iBAAiB,CAACkC,GAAG,CAAC,MAAQrC,EAAImI,qBAA8B,MAAM,IAC9oCvH,EAAkB,G,4JCRP,GACPwH,aADO,SACOC,EAAKT,EAAWU,GAAW,gKACzCC,EAAW,GACTC,EAAmB,IAAIC,OAC7BD,EAAiBE,SAAS,YAAaJ,GACvCC,EAAStN,KAAK,CACZD,KAAM,qBACN2N,OAAQ,iBACRrL,OAAQ,CAAEsL,OAAQJ,KAEdK,EAA6B,IAAIJ,OACvCI,EACGH,SAAS,YAAad,GACtBkB,UAAU,oBAAoB,GAC9BC,MAAM,SAAU,GAChBD,UAAU,mBAAmB,GAC7BJ,SAAS,kBAAmBJ,GAC/BC,EAAStN,KAAK,CACZD,KAAM,0BACN2N,OAAQ,yBACRrL,OAAQ,CAAEsL,OAAQC,KAEdG,EAAY,IAAIP,OACtBO,EACGD,MAAM,SAAU,GAChBL,SAAS,YAAad,GACzBW,EAAStN,KAAK,CAAED,KAAM,eAAgB2N,OAAQ,gBAAiBrL,OAAQ,CAAEsL,OAAQI,KAzBpC,UA0BhCX,EAAIY,KAAKC,UAAUX,GA1Ba,wFA4BzCY,gBA7BO,SA6BUd,EAAKe,EAAYd,GAAW,yJAC7CC,EAAW,GADkC,iBAE1Ba,GAF0B,IAEjD,IAAK,EAAL,qBAAWC,EAAwB,QACjCd,EAAStN,KAAK,CACZD,KAAM,yBAAF,OAA2BqO,EAASC,oBACxCX,OAAQ,yBACRrL,OAAQ,CACN5C,OAAQ,CACN4O,mBAAoBD,EAASC,mBAC7BC,iBAAkBF,EAASE,iBAC3BC,iBAAkBH,EAASG,iBAC3BC,gBAAiBnB,MAXwB,8CAgBpCD,EAAIY,KAAKC,UAAUX,GAhBiB,sFAkB7CmB,eA/CO,SA+CSrB,EAAKsB,GAAmB,6JACtCtB,EAAIY,KAAKW,KACb,yBACA,CACElP,OAAQ,CACN4O,mBAAoBK,EACpBJ,iBAAkB,KAClBC,iBAAkB,KAClBC,gBAAiB,QARqB,8CAaxCI,sBA5DO,SA4DgBxB,EAAKP,EAAUgC,GAAY,4JAEhDd,EAAY,IAAIP,OACtBO,EACGe,YAAYC,OAAqBC,KACjCvB,SAAS,SAAU,GACnBA,SAAS,WAAYZ,GACrBgB,UAAU,oBAAoB,GAC9BJ,SAAS,eAAgB,GACxBoB,EAAWjO,OAAS,GACtBmN,EACGkB,MAAM,qBAAsBJ,GAAY,GAXS,SAanCzB,EAAIY,KAAKW,KAC1B,yBACA,CACEhB,OAAQI,IAhB0C,cAahDmB,EAbgD,yBAmB/CA,EAAK1R,KAAK2R,OAAOzR,SAnB8B,+C,wEC0B3C,GACf0R,YACAC,wCAAAC,sCAAAC,qCAAAC,yCAEAlS,gBACAmS,iBALA,SAKAvR,EAAAC,EAAAC,GACA,yCAEAwH,OACA+E,UACAjK,aACAmF,YAEA6J,WACAhP,YACAmF,aAGArI,KAlBA,WAmBA,OACAsE,gBACAuK,uBACAK,oBACAO,YAEAxC,gBACAkF,QACAxP,2BACAjB,WACAG,cAGA2I,yBACA4E,eACAC,cACA+C,qBACA9C,yBACA+C,kCACAvD,wBACAvG,cACAC,eACA8J,oBACAC,iBACAC,iBAGAvN,UACAyI,cADA,WAEA,qCAMA,SALA,0CAGA,OAFAzN,iBACAA,kCACA,IAMAyE,QA1DA,WA0DA,wKACA,cADA,uBAEA,aAFA,8CAIApE,SACAmS,SADA,WACA,wKACA,aADA,OAEA,sDAFA,8CAIAC,SALA,WAKA,yKACA,iBADA,kBAGAC,kEAHA,UAGAjB,EAHA,QAIAA,0BAJA,wBAKAxR,EAAAwR,4CALA,SAMA,qBANA,OAMAxR,aANA,OAOA,2BACA,oEACA,kEAEA0S,EAAAhP,4CAAA,OACA0G,oCACAF,8CAEA,2FACA,iDAhBA,wBAkBA,iBAlBA,yBAqBA,iBArBA,8EAwBAuD,YA7BA,SA6BA3N,GAAA,+JACA,mBACA,8BACA,4BAHA,SAIA,eAJA,8CAOA6S,WApCA,WAoCA,uKACAC,EAAA,8BACAC,EAAAD,mBAEAC,8CACAD,sBACAA,wBANA,SAQA,sBARA,8CAWAE,iBA/CA,SA+CAD,GAAA,2LACA,qBADA,IACA,2BAAAnC,UACAqC,EAAAC,wBACAC,EAAAC,2BACAC,OAHA,EAGAC,OAHA,EAIA,oBACAD,qBACAC,uBAEAD,KACAC,MAGAP,cACAA,qCACAA,cACAA,SAGAA,cACAA,4BACAA,WAGAA,yCACAA,+BACAA,yCACAA,+CACAA,kEA5BA,4EAgCAQ,qBA/EA,SA+EAC,GACA,+DACA,mBACA,kBACA,OAAAC,IAAAC,MAEAC,eArFA,SAqFAF,EAAAC,EAAAE,EAAAC,GACA,UACA,MACA,mDAEA7F,gBA1FA,SA0FAwF,GAAA,WACA,+BAAI,EAAJ,IAAI,EAAJ,IACA,2CAFA,IAAI,EAAJ,iBAGA,wBAHA,IAGA,0CACA,mEACA,0BACA,4DACA,4DACAM,0DAAAC,aAGA,2CACA,uBACA,2CAEA,KACA,QAhBA,gCAqBAhG,wBA/GA,SA+GAyF,GACA,IADI,EACJ,+BAAI,EAAJ,IAAI,EAAJ,IADA,iBAEA,wBAFA,IAEA,0CACA,mEACA,0BACA,2CACA,MAEA,4CARA,gCAaAlF,iBA5HA,SA4HAkF,GACA,mBACA,yBAGAtF,gBAjIA,SAiIAsF,GACA,sEAEAQ,kCACA,mCAAI,EAAJ,IAAI,EAAJ,IACA,6CACA,6CACA,oFACA,oFACA,oBAIAxF,gBA9IA,SA8IAgF,GACA,mBACA,yBAGApF,cAnJA,WAmJA,gKACA,uBAEA0F,0DACAG,EAAA,4CACA,sFAEA,OAEAC,EAAA,CACArD,2DACAC,uDACAC,wDAEA,2CAGA,2FACA,6FAIAiD,+BACA,uCACA,2BAxBA,8CA4BAtF,eA/KA,WAgLA,sBAGAyF,cAnLA,SAmLAX,GACAA,oBAEAnG,YAtLA,WAsLA,6JACA,2CADA,gCAEAsF,8EAFA,OAIA,oBAJA,8CAOA/D,UA7LA,WA8LA,sBACArM,oBACAsC,QACAsK,qCACAU,yCAKAd,mBAvMA,SAuMA/O,GAAA,uKACA,wCADA,SAEA,2DACAA,QADA,iBAFA,UAEAoU,EAFA,QAKAA,EALA,wBAMA,uCANA,kBASAzB,wCATA,OAUA0B,EAAAzQ,+CAAA,qDACA,sBACA,mCACA,eAbA,yBAeA,kBAfA,8EAoBAoL,iBA3NA,SA2NAhP,GACA,2CACA,sBACAuC,uCACAsC,QACAsK,qCACAE,yBACAwB,iDAKAnB,iBAvOA,WAwOA,8BACA,8BACA,4CAEA,4EAGAH,sBA/OA,SA+OAvP,GAEA,IADA,SACA,0BAEA,iBACAC,2BACAA,2BAEA,iGACA,kBACA,oBAEAuP,wBA3PA,SA2PAxP,GAAA,qKACAqR,EAAAzN,qDADA,SAEA+O,wCAFA,OAEA,wBAFA,qDAIAzF,mBA/PA,SA+PAoH,GACA,iCACA,iCAGArF,yBApQA,SAoQAjP,GACA,0CACA,gCC5Z4X,I,qECQxX0I,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAO,EAAiB,QAMhC,IAAkBA,EAAW,CAAC6L,OAAA,KAAKC,QAAA,Q,yCCzBnC,IAAIlN,EAAS,WAAa,IAAIC,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACI,MAAM,CAAC,aAAaP,EAAImG,cAAcoD,iBAAiB,aAAavJ,EAAImG,cAAcqD,iBAAiB,YAAW,EAAK,YAAW,EAAK,kBAAiB,EAAM,0BAAyB,EAAM,YAAY,SAASnH,GAAG,CAAC,MAAQrC,EAAIkN,YAAYC,MAAM,CAAC/Q,MAAO4D,EAAmB,gBAAEoN,SAAS,SAAUC,GAAMrN,EAAIoC,gBAAgBiL,GAAKnH,WAAW,oBAAoB,CAAC/F,EAAG,SAAS,CAACA,EAAG,eAAe,CAACH,EAAIW,GAAG,IAAIX,EAAI8C,GAAG9C,EAAImG,cAAc/K,OAAO,OAAO4E,EAAI4C,GAAI5C,EAAImG,cAA0B,cAAE,SAASmH,GAAM,OAAOnN,EAAG,cAAc,CAACuC,IAAI4K,EAAKhE,oBAAoB,CAACnJ,EAAG,OAAO,CAACoN,SAAS,CAAC,UAAYvN,EAAI8C,GAAGwK,MAAStN,EAAIwN,GAAG,YAAY,MAAKrN,EAAG,iBAAiB,CAAEH,EAAY,SAAEG,EAAG,QAAQ,CAACG,YAAY,cAAcC,MAAM,CAAC,MAAQ,OAAO,KAAO,IAAI8B,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOuD,kBAAyB7F,EAAIyN,6BAA6B,CAACtN,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,KAAK,CAACP,EAAIW,GAAG,IAAIX,EAAI8C,GAAG9C,EAAIxF,SAASC,MAAMC,OAAOgT,kBAAkB,OAAO1N,EAAIW,GAAG,mBAAmB,GAAGR,EAAG,QAAQ,CAACG,YAAY,cAAcC,MAAM,CAAC,MAAQ,QAAQ,KAAO,IAAI8B,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOuD,kBAAyB7F,EAAI2N,gCAAgC,CAACxN,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,KAAK,CAACP,EAAIW,GAAG,IAAIX,EAAI8C,GAAG9C,EAAIxF,SAASC,MAAMC,OAAOkT,QAAQ,OAAO5N,EAAIW,GAAG,aAAa,IAAI,IAAI,IAAI,IACx0CC,EAAkB,G,gDC4DP,GACfrI,gBACAsI,OACAnI,MACAiD,YACAmF,sBAEA8E,UACAjK,aACAmF,aAGApD,UACAyI,cADA,WAEA,6BAMA,SALA,kCAGA,OAFAzN,sBACAA,mEACA,IAMAK,SACAmU,WADA,WAEA,wDAEAO,wBAJA,WAKA,2BAAA/U,kBAEAiV,2BAPA,WAOA,wJACA,kBAAAvS,yBAAAuO,8CADA,gDC5F+Y,I,6FCO3YxI,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,EAAiB,QAWhC,IAAkBA,EAAW,CAAC6L,OAAA,KAAKa,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWf,QAAA,KAAMgB,QAAA,Q,yCC7BjF,IAAIlO,EAAS,WAAa,IAAIC,EAAIzF,KAAS0F,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAW,CAACI,MAAM,CAAC,WAAa,QAAQ,WAAa,GAAG,WAAa,IAAI4M,MAAM,CAAC/Q,MAAO4D,EAAmB,gBAAEoN,SAAS,SAAUC,GAAMrN,EAAIoC,gBAAgBiL,GAAKnH,WAAW,oBAAoB,CAAC/F,EAAG,cAAc,CAACI,MAAM,CAAC,MAAQ,6BAA6B,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,KAAO,QAAQ,KAAO,IAAI8B,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOuD,kBAAyB7F,EAAIkO,mBAAmBlO,EAAImO,MAAM1J,QAAQlC,KAAK,SAAS,CAACpC,EAAG,SAAS,CAACH,EAAIW,GAAGX,EAAI8C,GAAG9C,EAAIxF,SAASC,MAAMC,OAAOqL,WAAW,IAAI,GAAG5F,EAAG,SAAS,CAACA,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,mBAAmB,CAACG,YAAY,QAAQC,MAAM,CAAC,MAAQP,EAAI6H,YAAY,aAAa,WAAW,YAAY,cAAc,MAAQ,aAAa,UAAY,IAAIxF,GAAG,CAAC,OAASrC,EAAIoO,gBAAgBjB,MAAM,CAAC/Q,MAAO4D,EAAIyE,KAAa,SAAE2I,SAAS,SAAUC,GAAMrN,EAAImC,KAAKnC,EAAIyE,KAAM,WAAY4I,IAAMnH,WAAW,mBAAmB/F,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,gBAAgB8B,GAAG,CAAC,OAASrC,EAAIqO,mBAAmBlB,MAAM,CAAC/Q,MAAO4D,EAAe,YAAEoN,SAAS,SAAUC,GAAMrN,EAAIsO,YAAYjB,GAAKnH,WAAW,iBAAiB/F,EAAG,aAAaH,EAAI4C,GAAI5C,EAAyB,uBAAE,SAASqJ,EAAS3N,GAAO,OAAOyE,EAAG,SAAS,CAACuC,IAAIhH,EAAM6E,MAAM,CAAC,MAAQ,KAAK,CAACJ,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ8I,EAASkF,YAAY,KAAOvO,EAAIwO,QAAQC,gBAAgBC,oBAAoBrF,GAAUsF,KAAK,OAAO,kBAAkB,IAAIxB,MAAM,CAAC/Q,MAAO4D,EAAIyE,KAAK4E,EAASC,oBAAqB8D,SAAS,SAAUC,GAAMrN,EAAImC,KAAKnC,EAAIyE,KAAM4E,EAASC,mBAAoB+D,IAAMnH,WAAW,wCAAwC,OAAM,MAAM,IAC7kDtF,EAAkB,G,8GC2DP,GACfyJ,cAEA9R,uBACAsI,OACA+G,WACAjM,qBACAmF,cAEA+G,aACAlM,WACAmF,mBAAA,WAEAiH,uBACApM,WACAmF,mBAAA,WAEAgH,UACAnM,qBACAmF,eAGArI,KAtBA,WAuBA,OACAgM,MACAqD,eAEA7D,WACA6D,UAAAtE,cAEA8K,iBAGA3K,OACAmE,SADA,SACAlE,GAAA,4JACAA,EADA,uBAEA,4BAFA,SAGA,oBAHA,+CAOAzG,QAzCA,WAyCA,wKACA,aADA,8CAGApE,SACAqV,eADA,SACAtG,GAAA,wJACA,sCAAAA,aADA,8CAGA8G,UAJA,WAKA,sCAEAV,mBAPA,WAOA,gKACA,qBAEAW,EAAAxS,kCAAA,gBAEAyS,EAAAzS,mDAAA,OACAA,iDAEA,oCAAA0S,UACA,cATA,8CAWAV,kBAlBA,SAkBAjS,GAAA,WACA,mBACA,gDACA,qCC7H+X,I,qHCO3X+E,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,EAAiB,QAWhC,IAAkBA,EAAW,CAAC6L,OAAA,KAAKa,QAAA,KAAMmB,YAAA,KAAUC,UAAA,KAAQ9L,WAAA,KAAS8J,QAAA,KAAMiC,QAAA","file":"js/chunk-443e1f30.72e65d91.js","sourcesContent":["import { basePageMixin } from '@/mixins/basePageMixin'\r\nimport { beforeRouteLeaveCommon } from './common'\r\nimport { ItemNotFoundError } from '@/utils/consts'\r\nimport _ from '@/utils/lodash'\r\n\r\nexport const viewPageMixin = {\r\n  mixins: [basePageMixin],\r\n  data () {\r\n    return {\r\n      // moreInfoRows puede ser:\r\n      // 1º un array strings con nombres de campos\r\n      // ['idcliente', 'nombre']\r\n      // 2º un array de objetos (campos)\r\n      // [{ name: 'idcliente' }, { name: 'nombre' }]\r\n      // 3º un objeto con grupos y cada grupo con un título y un array de strings u objetos (campos)\r\n      // {\r\n      //   cliente: { title: 'Cliente', rows: ['idcliente', 'nombre'] },\r\n      //   sistema: { title: 'Sistema', rows: [ { name: 'idsistema' }, 'descripcion'] },\r\n      // },\r\n      item: {\r\n        dataset: [],\r\n        metadata: {},\r\n      },\r\n      moreInfoRows: [],\r\n      details: [],\r\n    }\r\n  },\r\n  methods: {\r\n    async initStore () {\r\n      await this.copyRouteParamsToPageStore()\r\n    },\r\n    async beforeRouteLeaveBase (to, from, next) {\r\n      if (!beforeRouteLeaveCommon(this, to, from, next)) {\r\n        if (this.pageStorePath) {\r\n          await this.dispatchStore('resetStore')\r\n        }\r\n        next()\r\n      }\r\n    },\r\n    buildMoreInfo (metadata) {\r\n      const getRowLabelFromMetadata = (rowName, metadata) => {\r\n        let label = ''\r\n        if (metadata && typeof metadata.getColumn === 'function') {\r\n          const metadataRow = metadata.getColumn(rowName)\r\n          if (metadataRow) {\r\n            label = metadataRow.label\r\n          }\r\n        }\r\n        return label || this.$options.filters.capitalize(rowName)\r\n      }\r\n      const defaultProperties = {\r\n        visible: true,\r\n        clickable: false,\r\n        password: false,\r\n        icon: this.$vuetify.icons.values.next\r\n      }\r\n      if (Array.isArray(this.moreInfoRows)) {\r\n        const moreInfoArray = []\r\n        for (const row of this.moreInfoRows) {\r\n          let formattedRow = {}\r\n          if (typeof(row) === 'string') {\r\n            formattedRow = { name: row, label: getRowLabelFromMetadata(row, metadata) }\r\n          } else {\r\n            formattedRow = row\r\n            if (!formattedRow.label) {\r\n              formattedRow.label = getRowLabelFromMetadata(formattedRow.name, metadata)\r\n            }\r\n          }\r\n          moreInfoArray.push({ ...defaultProperties, ...formattedRow })\r\n        }\r\n        return moreInfoArray\r\n      } else {\r\n        const moreInfoObj = {}\r\n        for (const group in this.moreInfoRows) {\r\n          moreInfoObj[group] = {}\r\n          moreInfoObj[group].title = this.moreInfoRows[group].title\r\n          moreInfoObj[group].rows = []\r\n          for (const row of this.moreInfoRows[group].rows) {\r\n            let formattedRow = {}\r\n            if (typeof(row) === 'string') {\r\n              formattedRow = { name: row, label: getRowLabelFromMetadata(row, metadata) }\r\n            } else {\r\n              formattedRow = row\r\n              if (!formattedRow.label) {\r\n                formattedRow.label = getRowLabelFromMetadata(formattedRow.name, metadata)\r\n              }\r\n            }\r\n            moreInfoObj[group].rows.push({ ...defaultProperties, ...formattedRow })\r\n          }\r\n        }\r\n        return moreInfoObj\r\n      }\r\n    },\r\n    initDetails () {\r\n      this.details = []\r\n    },\r\n    addDetail (name, title, subtitle, icon, disabled = false, data = {}) {\r\n      const index = this.details.push({\r\n        type: 'detail',\r\n        name,\r\n        title,\r\n        subtitle,\r\n        icon,\r\n        order: this.details.length + 1,\r\n        badge: '',\r\n        badgeColor: '',\r\n        totals: '',\r\n        data,\r\n        disabled,\r\n      })\r\n      return this.details[index - 1]\r\n    },\r\n    addDetailHeader (title) {\r\n      const index = this.details.push({\r\n        type: 'header',\r\n        title,\r\n        order: this.details.length + 1,\r\n      })\r\n      return this.details[index - 1]\r\n    },\r\n    setMoreInfoRowValue (name, prop, value, group = '') {\r\n      // ¿esta agrupado?\r\n      if (group) {\r\n        _.find(this.moreInfoRows[group].rows, { name })[prop] = value\r\n      } else {\r\n        _.find(this.moreInfoRows, { name })[prop] = value\r\n      }\r\n    },\r\n    itemNotFound (message) {\r\n      throw new ItemNotFoundError(message)\r\n    },\r\n  }\r\n}\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MaterialSistemaPlano.vue?vue&type=style&index=0&id=ed66b39e&scoped=true&lang=css&\"","import { decodeBase64 } from '@/utils/router'\r\nimport { get } from 'vuex-pathify'\r\nimport _ from '@/utils/lodash'\r\nimport { beforeRouteLeaveCommon } from './common'\r\nimport { hasViewPerm, hasInsertPerm, hasEditPerm, hasDeletePerm, hasPerm, permissions } from '@/utils/permissions'\r\nimport { initSchema, connect } from '@/offline/database'\r\n\r\nexport const basePageMixin = {\r\n  data () {\r\n    return {\r\n      title: '',\r\n      routeParams: null,\r\n      routeQuery: null,\r\n      loadingData: false,\r\n      rememberState: false,\r\n      rememberScroll: false,\r\n      showingDialogs: {},\r\n      pageLoaded: false,\r\n      bottomNavBarButtons: [],\r\n      dbReady: false,\r\n    }\r\n  },\r\n  created () {\r\n    this.routeParams = _.cloneDeep(this.$route.params)\r\n    this.routeQuery = _.cloneDeep(this.$route.query)\r\n    if (this.routeQuery.extra) {\r\n      this.routeQuery.extra = decodeBase64(this.routeQuery.extra)\r\n    }\r\n  },\r\n  computed: {\r\n    routeFromBrowserHistory () {\r\n      // no mostrar alerts en el \"back\" del navegador\r\n      return this.$route.meta.fromBrowserHistory\r\n    },\r\n    userPermissions: get('usuario/permisos'),\r\n    permissions () {\r\n      return permissions\r\n    },\r\n  },\r\n  methods: {\r\n    async initDB () {\r\n      if (!this.$offline.db) {\r\n        this.$loading.showManual('Inicializando base de datos...')\r\n        try {\r\n          await this.$offline.init(await connect(initSchema()))\r\n        } finally {\r\n          this.dbReady = true\r\n          this.$loading.hide()\r\n        }\r\n      } else {\r\n        this.dbReady = true\r\n      }\r\n    },\r\n    async closeDB () {\r\n      if (this.$offline.db) {\r\n        await this.$offline.db.close()\r\n        this.$offline.db = null\r\n        this.dbReady = false\r\n      }\r\n    },\r\n    async copyRouteParamsToPageStore () {\r\n      if (this.pageStoreName) {\r\n        for (const routeParam in this.routeParams) {\r\n          if (this.storeHasProperty(routeParam)) {\r\n            await this.setStoreProperty(routeParam, this.routeParams[routeParam])\r\n          }\r\n        }\r\n      }\r\n    },\r\n    async initStore () {\r\n      // routeParams -> ¿existe en el store de la página? -> copiar valor\r\n      // usado para: nextRoute, readonly\r\n      await this.copyRouteParamsToPageStore()\r\n    },\r\n    storeHasProperty (property) {\r\n      return property in this.$store.get(`${this.pageStoreName}`)\r\n    },\r\n    async setStoreProperty (property, value) {\r\n      await this.$store.set(`${this.pageStoreName}/${property}`, value)\r\n    },\r\n    async getStoreProperty (property) {\r\n      return await this.$store.get(`${this.pageStoreName}/${property}`)\r\n    },\r\n    async dispatchStore (actionName, payload) {\r\n      return await this.$store.dispatch(`${this.pageStoreName}/${actionName}`, payload)\r\n    },\r\n    hasViewPerm (perm) {\r\n      return hasViewPerm(this.userPermissions, perm)\r\n    },\r\n    hasInsertPerm (perm) {\r\n      return hasInsertPerm(this.userPermissions, perm)\r\n    },\r\n    hasEditPerm (perm) {\r\n      return hasEditPerm(this.userPermissions, perm)\r\n    },\r\n    hasDeletePerm (perm) {\r\n      return hasDeletePerm(this.userPermissions, perm)\r\n    },\r\n    hasPerm (perm) {\r\n      return hasPerm(this.userPermissions, perm)\r\n    },\r\n    beforeRouteLeaveBase (to, from, next) {\r\n      if (!beforeRouteLeaveCommon(this, to, from, next)) {\r\n        next()\r\n      }\r\n    },\r\n    initNavigationBottom () {\r\n      this.bottomNavBarButtons = []\r\n    },\r\n    addNavigationBottomButton (title, name, icon, visible = true, badge = null, badgeColor = 'green') {\r\n      const index = this.bottomNavBarButtons.push({\r\n        title,\r\n        name,\r\n        icon,\r\n        order: this.bottomNavBarButtons.length + 1,\r\n        visible,\r\n        badge,\r\n        badgeColor,\r\n      })\r\n      return this.bottomNavBarButtons[index - 1]\r\n    },\r\n  }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.formattedImage.isImage)?[(_vm.formattedImage.url)?[_c('img',{staticClass:\"display: none;\",attrs:{\"src\":_vm.item.blobUrl}})]:(_vm.formattedImage.data)?[_c('img',{staticClass:\"display: none;\",attrs:{\"src\":_vm.formattedImage.data}})]:_vm._e()]:[(!_vm.loading.visible)?_c('v-alert',{attrs:{\"title\":\"Error\",\"type\":\"error\"}},[_vm._v(\" El tipo de fichero no es compatible \")]):_vm._e()]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <template\r\n      v-if=\"formattedImage.isImage\"\r\n    >\r\n      <template\r\n        v-if=\"formattedImage.url\"\r\n      >\r\n        <img\r\n          :src=\"item.blobUrl\"\r\n          class=\"display: none;\"\r\n        >\r\n      </template>\r\n      <template\r\n        v-else-if=\"formattedImage.data\"\r\n      >\r\n        <img\r\n          :src=\"formattedImage.data\"\r\n          class=\"display: none;\"\r\n        >\r\n      </template>\r\n    </template>\r\n    <template\r\n      v-else\r\n    >\r\n      <v-alert\r\n        v-if=\"!loading.visible\"\r\n        title=\"Error\"\r\n        type=\"error\"\r\n      >\r\n        El tipo de fichero no es compatible\r\n      </v-alert>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from '@/utils/lodash'\r\nimport {  get } from 'vuex-pathify'\r\n\r\nexport default {\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  computed: {\r\n    formattedImage () {\r\n      const relativeURLField = 'url'\r\n      const dataField = 'data'\r\n      const typeField = 'type'\r\n      const image = _.cloneDeep(this.item)\r\n      const type = _.resolveProperty(typeField, image) || 'application/octet-stream'\r\n      if (type) {\r\n        this.$set(image, 'isImage', type.startsWith('image'))\r\n      } else {\r\n        this.$set(image, 'isImage', false)\r\n      }\r\n      if (relativeURLField in image) {\r\n        this.$set(image, 'absoluteMediaURL', this.$api.getMediaFileURL(image[relativeURLField]))\r\n      } else {\r\n        const data = _.resolveProperty(dataField, image)\r\n        if (data && type) {\r\n          this.$set(image, 'data', `data:${type};base64,${data}`)\r\n        }\r\n      }\r\n      const backgroundImage = new Image()\r\n      backgroundImage.src = image.blobUrl\r\n      backgroundImage.onload = () => {\r\n        this.$emit('image-loaded', { canvasWidth: backgroundImage.width, canvasHeight: backgroundImage.height, image: image })\r\n      }\r\n      return image\r\n    },\r\n    loading: get('loading'),\r\n  },\r\n}\r\n</script>","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!./MaterialSistemaPlanoImagen.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!./MaterialSistemaPlanoImagen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlanoImagen.vue?vue&type=template&id=24c09b0d&\"\nimport script from \"./MaterialSistemaPlanoImagen.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlanoImagen.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\ninstallComponents(component, {VAlert})\n","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = lengthOfArrayLike(O);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","export const beforeRouteLeaveCommon = (that, to, from, next) => {\r\n  if (that.loadingData) {\r\n    next(false)\r\n    return true\r\n  } else {\r\n    let showingDialog = false\r\n    for (const dialog in that.showingDialogs) {\r\n      if (that.showingDialogs[dialog]) {\r\n        that.$set(that.showingDialogs, dialog, false)\r\n        showingDialog = true\r\n        next(false)\r\n        break\r\n      }\r\n    }\r\n    return showingDialog\r\n  }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b10-legend',{attrs:{\"showing\":_vm.internalShowing},on:{\"update:showing\":function($event){_vm.internalShowing=$event}}},[_c('template',{slot:\"legend\"},[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return _vm._l((_vm.coloresTipoSubfamilia),function(item,key){return _c('tbody',{key:key},[_c('tr',[_c('td',[_c('v-chip',{attrs:{\"color\":item.color,\"size\":\"small\",\"dark\":\"\"}},[_c('span',[_vm._v(\"ABC123\")])])],1),_c('td',[_vm._v(\" \"+_vm._s(item.tsubfamilia_desc)+\" \")])])])})},proxy:true}])}),_c('v-divider'),_c('span',[_vm._v(\"Nota: la información se muestra dependiendo la configuración del tipo de subsistema, de los campos \\\"Ver número de elemento\\\", \\\"Ver número de etiqueta\\\" o \\\"Ver número de serie\\\"\")])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b10-legend\r\n    :showing.sync=\"internalShowing\"\r\n  >\r\n    <template\r\n      slot=\"legend\"\r\n    >\r\n      <v-simple-table>\r\n        <template\r\n          #default\r\n        >\r\n          <tbody\r\n            v-for=\"item, key in coloresTipoSubfamilia\"\r\n            :key=\"key\"\r\n          >\r\n            <tr>\r\n              <td>\r\n                <v-chip\r\n                  :color=\"item.color\"\r\n                  size=\"small\"\r\n                  dark\r\n                >\r\n                  <span>ABC123</span>\r\n                </v-chip>\r\n              </td>\r\n              <td>\r\n                {{ item.tsubfamilia_desc }}\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </template>\r\n      </v-simple-table>\r\n      <v-divider />\r\n      <span>Nota: la información se muestra dependiendo la configuración del tipo de subsistema, de los campos \"Ver número de elemento\", \"Ver número de etiqueta\" o \"Ver número de serie\"</span>\r\n    </template>\r\n  </b10-legend>\r\n</template>\r\n<script>\r\nimport internalShowingMixin from '@/mixins/internalShowingMixin'\r\n\r\nexport default {\r\n  mixins: [internalShowingMixin],\r\n  props: {\r\n    coloresTipoSubfamilia: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\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!./MaterialSistemaPlanoLegend.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!./MaterialSistemaPlanoLegend.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlanoLegend.vue?vue&type=template&id=ea1ea420&\"\nimport script from \"./MaterialSistemaPlanoLegend.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlanoLegend.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VChip,VDivider,VSimpleTable})\n","import { API_RESULT_DATATYPES } from '@/utils/api'\r\n\r\nexport default {\r\n  props: {\r\n    id: {\r\n      type: [Number, String],\r\n      required: false\r\n    },\r\n  },\r\n  computed: {\r\n    isInsert () {\r\n      if (this.id) {\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    },\r\n    isEdit () {\r\n      if (this.id) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    async id (newValue) {\r\n      // loadFormData del form donde se aplica el mixin\r\n      // cambia el ID del objeto que se esta editando\r\n      await this.loadFormData(newValue)\r\n    }\r\n  },\r\n  methods: {\r\n    setFormRule(fieldname, rule, value) {\r\n      if (!(fieldname in this.formRules)) {\r\n        this.$set(this.formRules, fieldname, { [rule]: value });\r\n      } else {\r\n        this.$set(this.formRules[fieldname], rule, value);\r\n      }\r\n    },\r\n    createMaxOracleNumberFormRules(fieldname, precision) {\r\n      this.setFormRule(fieldname, 'oracleNumber', precision)\r\n    },\r\n    createMaxFormRules(fieldname, size) {\r\n      this.setFormRule(fieldname, 'max', size);\r\n    },\r\n    createRequiredFormRules(fieldname) {\r\n      this.setFormRule(fieldname, 'required', true)\r\n    },\r\n    emitChangeValues () {\r\n      this.$emit('change-values', this.form)\r\n    },\r\n    async loadForm () {\r\n      if (!this.isInsert) {\r\n        // loadFormData del form donde se aplica el mixin\r\n        await this.loadFormData(this.id)\r\n      }\r\n      this.emitChangeValues()\r\n      this.$watch('form', this.emitChangeValues, { deep: true })\r\n    },\r\n    addFormRulesAPI (columns) {\r\n      for (const column of columns) {\r\n        // controlar longitud máxima para campos string\r\n        if (column.type === API_RESULT_DATATYPES.string && column.name in this.form) {\r\n          if (!(column.name in this.formRules)) {\r\n            this.$set(this.formRules, column.name, [])\r\n          }\r\n          this.formRules[column.name].push(\r\n            v => (v || '').length <= column.size || `La longitud máxima es de ${column.size} caracteres`,\r\n          )\r\n        }\r\n      }\r\n    },\r\n    async addFormRulesVeeValidateAPI (columns) {\r\n      // La variable columns es lo que devuelve la api como metadatos result.metadata.columns\r\n      for (const column of columns) {\r\n        // controlar longitud máxima para campos string\r\n        if (column.type === API_RESULT_DATATYPES.string && column.name in this.form) {\r\n          if (!(column.name in this.formRules)) {\r\n            this.$set(this.formRules, column.name, { max: column.size})\r\n          } else {\r\n            this.$set(this.formRules[column.name], \"max\" , column.size)\r\n          }\r\n        }\r\n      }\r\n    },\r\n  },\r\n}\r\n","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b10-base',[_c('b10-toolbar',{attrs:{\"title\":_vm.title,\"options\":_vm.toolbarOptions},on:{\"click-option\":_vm.clickToolbarOption}},[(!_vm.readOnly)?_c('v-btn',{attrs:{\"slot\":\"right\",\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickSubmit()}},slot:\"right\"},[_c('v-icon',[_vm._v(_vm._s(_vm.$vuetify.icons.values.check))])],1):_vm._e()],1),_c('b10-page-content',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageIsLoaded),expression:\"imageIsLoaded\"}],staticClass:\"canvas-container\",attrs:{\"scrolling\":\"touch\"}},[_c('material-sistema-plano-imagen',{staticClass:\"pa-3\",attrs:{\"item\":_vm.formattedItem},on:{\"image-loaded\":_vm.imageLoaded}}),_c('canvas',_vm._g({ref:\"MaterialSistemaCanvas\",staticClass:\"material-sistema-canvas\"},!_vm.readOnly ? {\n          mousedown: _vm.handleMouseDown,\n          mousemove: _vm.handleMouseMove,\n          mouseup: _vm.handleMouseUp,\n          touchstart: _vm.handleTouchStart,\n          touchmove: _vm.handleTouchMove,\n          touchend: _vm.handleTouchEnd,\n        } : {\n          mousedown: _vm.handleMouseDownReadOnly,\n        })),(_vm.readOnly)?_c('b10-fab-button',{attrs:{\"icon\":_vm.$vuetify.icons.values.edit},on:{\"click\":_vm.clickEdit}}):_vm._e(),_c('material-sistema-plano-menu',{attrs:{\"showing\":_vm.showingDialogs.showingMenuMaterial,\"item\":_vm.elementoArrastrado,\"read-only\":_vm.readOnly},on:{\"delete\":_vm.clickDeleteConfirm,\"ver-material\":_vm.clickVerMaterial,\"close-menu-material\":_vm.closeShowingMenuMaterial}}),_c('material-sistema-plano-add',{attrs:{\"showing\":_vm.showingDialogs.materialPlanoAdd,\"idsistema\":_vm.routeParams.idsistema,\"subsistemas\":_vm.subsistemas,\"idsubsis\":_vm.idsubsis,\"materiales-sistema-form\":_vm.materialesSistemaForm},on:{\"update:showing\":function($event){return _vm.$set(_vm.showingDialogs, \"materialPlanoAdd\", $event)},\"materiales-add-form-data\":_vm.materialesAddFormData,\"load-material-sistema-form\":_vm.loadMaterialSistemaForm}}),_c('material-sistema-plano-legend',{attrs:{\"showing\":_vm.showingDialogs.legends,\"colores-tipo-subfamilia\":_vm.coloresTipoSubfamilia},on:{\"update:showing\":function($event){return _vm.$set(_vm.showingDialogs, \"legends\", $event)}}}),(!_vm.readOnly)?_c('b10-fab-button',{on:{\"click\":_vm.clickAddMaterial}}):_vm._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { APIFilter, API_FILTER_OPERATORS } from '@/utils/api'\r\n\r\nexport default {\r\n  async selectDetail (Vue, idsistema, idfichero) {\r\n    let apiCalls = []\r\n    const apiFilterFichero = new APIFilter()\r\n    apiFilterFichero.addExact('idfichero', idfichero)\r\n    apiCalls.push({\r\n      name: 'selectFicheroPlano',\r\n      method: 'fichero.select',\r\n      params: { filter: apiFilterFichero },\r\n    })\r\n    const apiFilterMaterialesSistema = new APIFilter()\r\n    apiFilterMaterialesSistema\r\n      .addExact('idsistema', idsistema)\r\n      .addIsNull('posicion_plano_x', true)\r\n      .addGT('estado', 0)\r\n      .addIsNull('fdesinstalacion', false)\r\n      .addExact('idfichero_plano', idfichero)\r\n    apiCalls.push({\r\n      name: 'selectMaterialesSistema',\r\n      method: 'materialSistema.select',\r\n      params: { filter: apiFilterMaterialesSistema },\r\n    })\r\n    const apiFilter = new APIFilter()\r\n    apiFilter\r\n      .addGT('estado', 0)\r\n      .addExact('idsistema', idsistema)\r\n    apiCalls.push({ name: 'selectSubsis', method: 'subsis.select', params: { filter: apiFilter } })\r\n    return await Vue.$api.batchCall(apiCalls)\r\n  },\r\n  async guardarMaterial (Vue, materiales, idfichero) {\r\n    let apiCalls = []\r\n    for (const material of materiales) {\r\n      apiCalls.push({\r\n        name: `updateMaterialSistema_${material.idmaterial_sistema}`,\r\n        method: 'materialSistema.update',\r\n        params: {\r\n          values: {\r\n            idmaterial_sistema: material.idmaterial_sistema,\r\n            posicion_plano_x: material.posicion_plano_x,\r\n            posicion_plano_y: material.posicion_plano_y,\r\n            idfichero_plano: idfichero,\r\n          },\r\n        }\r\n      })\r\n    }\r\n    return await Vue.$api.batchCall(apiCalls)\r\n  },\r\n  async borrarDelPlano (Vue, idmaterialSistema) {\r\n    await Vue.$api.call(\r\n      'materialSistema.update',\r\n      {\r\n        values: {\r\n          idmaterial_sistema: idmaterialSistema,\r\n          posicion_plano_x: null,\r\n          posicion_plano_y: null,\r\n          idfichero_plano: null,\r\n        },\r\n      },\r\n    )\r\n  },\r\n  async selectMaterialSistema (Vue, idsubsis, excludePks) {\r\n    // excludePks son materiales que ya están en el plano, pero no tienen guardado en base de datos el valor en posicion_plano_x\r\n    const apiFilter = new APIFilter()\r\n    apiFilter\r\n      .setOperator(API_FILTER_OPERATORS.AND)\r\n      .addExact('estado', 1)\r\n      .addExact('idsubsis', idsubsis)\r\n      .addIsNull('posicion_plano_x', false)\r\n      .addExact('esta_abonado', 0)\r\n    if (excludePks.length > 0) {\r\n      apiFilter\r\n        .addIn('idmaterial_sistema', excludePks, true)\r\n    }\r\n    const resp = await Vue.$api.call(\r\n      'materialSistema.select',\r\n      {\r\n        filter: apiFilter,\r\n      },\r\n    )\r\n    return resp.data.result.dataset\r\n  },\r\n}\r\n","<template>\r\n  <b10-base>\r\n    <b10-toolbar\r\n      :title=\"title\"\r\n      :options=\"toolbarOptions\"\r\n      @click-option=\"clickToolbarOption\"\r\n    >\r\n      <v-btn\r\n        v-if=\"!readOnly\"\r\n        slot=\"right\"\r\n        icon\r\n        @click.stop=\"clickSubmit()\"\r\n      >\r\n        <v-icon>{{ $vuetify.icons.values.check }}</v-icon>\r\n      </v-btn>\r\n    </b10-toolbar>\r\n    <b10-page-content>\r\n      <div\r\n        v-show=\"imageIsLoaded\"\r\n        class=\"canvas-container\"\r\n        scrolling=\"touch\"\r\n      >\r\n        <material-sistema-plano-imagen\r\n          class=\"pa-3\"\r\n          :item=\"formattedItem\"\r\n          @image-loaded=\"imageLoaded\"\r\n        />\r\n        <canvas\r\n          ref=\"MaterialSistemaCanvas\"\r\n          class=\"material-sistema-canvas\"\r\n          v-on=\"!readOnly ? {\r\n            mousedown: handleMouseDown,\r\n            mousemove: handleMouseMove,\r\n            mouseup: handleMouseUp,\r\n            touchstart: handleTouchStart,\r\n            touchmove: handleTouchMove,\r\n            touchend: handleTouchEnd,\r\n          } : {\r\n            mousedown: handleMouseDownReadOnly,\r\n          }\"\r\n        />\r\n        <b10-fab-button\r\n          v-if=\"readOnly\"\r\n          :icon=\"$vuetify.icons.values.edit\"\r\n          @click=\"clickEdit\"\r\n        />\r\n        <material-sistema-plano-menu\r\n          :showing=\"showingDialogs.showingMenuMaterial\"\r\n          :item=\"elementoArrastrado\"\r\n          :read-only=\"readOnly\"\r\n          @delete=\"clickDeleteConfirm\"\r\n          @ver-material=\"clickVerMaterial\"\r\n          @close-menu-material=\"closeShowingMenuMaterial\"\r\n        />\r\n        <material-sistema-plano-add\r\n          :showing.sync=\"showingDialogs.materialPlanoAdd\"\r\n          :idsistema=\"routeParams.idsistema\"\r\n          :subsistemas=\"subsistemas\"\r\n          :idsubsis=\"idsubsis\"\r\n          :materiales-sistema-form=\"materialesSistemaForm\"\r\n          @materiales-add-form-data=\"materialesAddFormData\"\r\n          @load-material-sistema-form=\"loadMaterialSistemaForm\"\r\n        />\r\n        <material-sistema-plano-legend\r\n          :showing.sync=\"showingDialogs.legends\"\r\n          :colores-tipo-subfamilia=\"coloresTipoSubfamilia\"\r\n        />\r\n        <b10-fab-button\r\n          v-if=\"!readOnly\"\r\n          @click=\"clickAddMaterial\"\r\n        />\r\n      </div>\r\n    </b10-page-content>\r\n  </b10-base>\r\n</template>\r\n\r\n<script>\r\nimport _ from '@/utils/lodash'\r\nimport { viewPageMixin } from '@/mixins/viewPageMixin'\r\nimport { extractFileName } from '@/utils/files'\r\nimport Data from './MaterialSistemaPlanoData'\r\nimport MaterialSistemaPlanoMenu from './components/MaterialSistemaPlanoMenu'\r\nimport MaterialSistemaPlanoAdd from '../materialSistemaPlanoAdd/MaterialSistemaPlanoAdd'\r\nimport MaterialSistemaPlanoLegend from './components/MaterialSistemaPlanoLegend'\r\nimport MaterialSistemaPlanoImagen from './components/MaterialSistemaPlanoImagen'\r\nimport { delphiColorToHex, delphiColorToRgba } from '@/utils/ui'\r\nimport { MATERIAL_SISTEMA } from '@/utils/consts'\r\n\r\nexport default {\r\n  components: {\r\n    MaterialSistemaPlanoImagen, MaterialSistemaPlanoMenu, MaterialSistemaPlanoAdd, MaterialSistemaPlanoLegend\r\n  },\r\n  mixins: [viewPageMixin],\r\n  beforeRouteLeave (to, from, next) {\r\n    return this.beforeRouteLeaveBase(to, from, next)\r\n  },\r\n  props: {\r\n    readOnly: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    editRoute: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data () {\r\n    return {\r\n      showingDialogs: {\r\n        showingMenuMaterial: false,\r\n        materialPlanoAdd: false,\r\n        legends: false,\r\n      },\r\n      toolbarOptions: {\r\n        legend: {\r\n          title: 'Colores y leyendas',\r\n          visible: true,\r\n          icon: 'info',\r\n        },\r\n      },\r\n      coloresTipoSubfamilia: [],\r\n      subsistemas: [],\r\n      idsubsis: null,\r\n      materialesSistema: [],\r\n      materialesSistemaForm: [],\r\n      nuevaPosicionMaterialesSistema: [],\r\n      elementoArrastrado: null,\r\n      canvasWidth: 0,\r\n      canvasHeight: 0,\r\n      longPressTimer: null,\r\n      imageIsLoaded: false,\r\n      cicleRadius: 20,\r\n    }\r\n  },\r\n  computed: {\r\n    formattedItem () {\r\n      if (!_.isEmpty(this.item.dataset)) {\r\n        const item = _.cloneDeep(this.item.dataset)\r\n        item.id = item.idfichero\r\n        item.subtitle = item.tfichero_descripcion\r\n        return item\r\n      } else {\r\n        return {}\r\n      }\r\n    },\r\n  },\r\n  async created () {\r\n    await this.initStore()\r\n    await this.loadPage()\r\n  },\r\n  methods: {\r\n    async loadPage () {\r\n      await this.loadItem()\r\n      this.title = extractFileName(this.item.dataset.nombre_fichero)\r\n    },\r\n    async loadItem () {\r\n      this.loadingData = true\r\n      try {\r\n        const resp = await Data.selectDetail(this, this.routeParams.idsistema, this.routeParams.idfichero)\r\n        if (resp.data.selectFicheroPlano) {\r\n          const dataset = resp.data.selectFicheroPlano.result.dataset[0]\r\n          dataset['blobUrl'] = await this.$api.getBlobUrl(dataset)\r\n          this.$set(this.item, 'dataset', dataset)\r\n          this.$set(this.item, 'metadata', resp.data.selectFicheroPlano.result.metadata)\r\n          this.materialesSistema = resp.data.selectMaterialesSistema.result.dataset\r\n          // Colores para la leyenda, hago un distinct de tsubfamilia\r\n          const camposTsubfamiliaColor = _.map(this.materialesSistema , (material) => ({\r\n            tsubfamilia_desc: material.tsubfamilia_desc,\r\n            color: `#${delphiColorToHex(material.color)}`,\r\n          }))\r\n          this.coloresTipoSubfamilia = _.uniqBy(camposTsubfamiliaColor, (material) => material.tsubfamilia_desc && material.color)\r\n          this.subsistemas = resp.data.selectSubsis.result.dataset\r\n        } else {\r\n          this.itemNotFound()\r\n        }\r\n      } finally {\r\n        this.loadingData = false\r\n      }\r\n    },\r\n    async imageLoaded (data) {\r\n      this.imageIsLoaded = true\r\n      this.canvasHeight = data.canvasHeight\r\n      this.canvasWidth = data.canvasWidth\r\n      await this.loadCanvas()\r\n    },\r\n\r\n    async loadCanvas() {\r\n      const canvas = this.$refs.MaterialSistemaCanvas\r\n      const context = canvas.getContext(\"2d\")\r\n      // Limpiar el canvas\r\n      context.clearRect(0, 0, this.canvasHeight, this.canvasWidth)\r\n      canvas.width = this.canvasWidth\r\n      canvas.height = this.canvasHeight\r\n      // Renderizar los materiales en el canvas\r\n      await this.renderMateriales(context)\r\n    },\r\n\r\n    async renderMateriales(context) {\r\n      for (const material of this.materialesSistema) {\r\n        const colorMaterial = delphiColorToHex(material.color)\r\n        const colorMaterialRGBA = delphiColorToRgba(material.color, 0.5)\r\n        let pos_x, pos_y\r\n        if (material.posicion_plano_x) {\r\n          pos_x = material.posicion_plano_x\r\n          pos_y = material.posicion_plano_y\r\n        } else {\r\n          pos_x = 10\r\n          pos_y = 10\r\n        }\r\n        // Dibujar el círculo\r\n        context.beginPath()\r\n        context.arc(pos_x, pos_y, this.cicleRadius, 0, 2 * Math.PI)\r\n        context.fillStyle = colorMaterialRGBA\r\n        context.fill()\r\n\r\n        // Dibujar el borde sólido del círculo\r\n        context.lineWidth = 4\r\n        context.strokeStyle = `#${colorMaterial}`\r\n        context.stroke()\r\n\r\n        // Configurar el estilo del texto\r\n        context.fillStyle = MATERIAL_SISTEMA.plano.texto.fillStyle\r\n        context.font = MATERIAL_SISTEMA.plano.texto.font\r\n        context.textAlign = MATERIAL_SISTEMA.plano.texto.textAlign\r\n        context.textBaseline = MATERIAL_SISTEMA.plano.texto.textBaseline\r\n        context.fillText(this.$online.materialSistema.codigoIdentificacion(material), pos_x, pos_y)\r\n      }\r\n    },\r\n\r\n    getCanvasCoordinates(event) {\r\n      const rect = this.$refs.MaterialSistemaCanvas.getBoundingClientRect()\r\n      const x = event.clientX - rect.left\r\n      const y = event.clientY - rect.top\r\n      return { x, y }\r\n    },\r\n    isInsideCircle(x, y, circleX, circleY) {\r\n      const dx = x - circleX\r\n      const dy = y - circleY\r\n      return dx * dx + dy * dy <= this.cicleRadius * this.cicleRadius\r\n    },\r\n    handleMouseDown(event) {\r\n      const { x, y } = this.getCanvasCoordinates(event)\r\n      this.showingDialogs.showingMenuMaterial = false\r\n      for (const material of this.materialesSistema) {\r\n        if (this.isInsideCircle(x, y, material.posicion_plano_x, material.posicion_plano_y)) {\r\n          this.elementoArrastrado = material\r\n          this.elementoArrastrado.posicionInicialX = material.posicion_plano_x\r\n          this.elementoArrastrado.posicionInicialY = material.posicion_plano_y\r\n          document.addEventListener('touchmove', this.disableScroll, { passive: false })\r\n          // mostrar menú conceptual\r\n          // Iniciar temporizador para la pulsación larga\r\n          this.longPressTimer = setTimeout(() => {\r\n            if (this.elementoArrastrado) {\r\n              this.showingDialogs.showingMenuMaterial = true\r\n            }\r\n          }, 600) // Duración de la pulsación larga en milisegundos\r\n          break\r\n        }\r\n      }\r\n    },\r\n\r\n    handleMouseDownReadOnly(event) {\r\n      const { x, y } = this.getCanvasCoordinates(event)\r\n      for (const material of this.materialesSistema) {\r\n        if (this.isInsideCircle(x, y, material.posicion_plano_x, material.posicion_plano_y)) {\r\n          this.elementoArrastrado = material\r\n          this.showingDialogs.showingMenuMaterial = true\r\n          break\r\n        } else {\r\n          this.showingDialogs.showingMenuMaterial = false\r\n        }\r\n      }\r\n    },\r\n\r\n    handleTouchStart(event) {\r\n      const touch = event.touches[0]\r\n      this.handleMouseDown(touch)\r\n    },\r\n\r\n    handleMouseMove(event) {\r\n      if (this.elementoArrastrado && !this.showingDialogs.showingMenuMaterial) {\r\n        // Cancelar temporizador para la pulsación larga si se mueve el elemento\r\n        clearTimeout(this.longPressTimer)\r\n        const { x, y } = this.getCanvasCoordinates(event)\r\n        const offsetX = x - this.elementoArrastrado.posicionInicialX\r\n        const offsetY = y - this.elementoArrastrado.posicionInicialY\r\n        this.elementoArrastrado.posicion_plano_x = this.elementoArrastrado.posicionInicialX + offsetX\r\n        this.elementoArrastrado.posicion_plano_y = this.elementoArrastrado.posicionInicialY + offsetY\r\n        this.loadCanvas()\r\n      }\r\n    },\r\n\r\n    handleTouchMove(event) {\r\n      const touch = event.touches[0]\r\n      this.handleMouseMove(touch)\r\n    },\r\n\r\n    async handleMouseUp() {\r\n      if (this.elementoArrastrado) {\r\n        // Hago que no se mueva el canvas.\r\n        document.removeEventListener('touchmove', this.disableScroll)\r\n        const materialIndex = this.nuevaPosicionMaterialesSistema.findIndex(\r\n          material => material.idmaterial_sistema === this.elementoArrastrado.idmaterial_sistema\r\n        )\r\n        if (materialIndex === -1) {\r\n          // Si el material no existe en el array, crear un nuevo objeto con las posiciones y guardarlo\r\n          const nuevoMaterial = {\r\n            idmaterial_sistema: this.elementoArrastrado.idmaterial_sistema,\r\n            posicion_plano_x: this.elementoArrastrado.posicion_plano_x,\r\n            posicion_plano_y: this.elementoArrastrado.posicion_plano_y\r\n          }\r\n          this.nuevaPosicionMaterialesSistema.push(nuevoMaterial)\r\n        } else {\r\n          // Si el material ya existe, actualizar las posiciones\r\n          this.nuevaPosicionMaterialesSistema[materialIndex].posicion_plano_x = this.elementoArrastrado.posicion_plano_x\r\n          this.nuevaPosicionMaterialesSistema[materialIndex].posicion_plano_y = this.elementoArrastrado.posicion_plano_y\r\n        }\r\n      }\r\n      // Cancelar temporizador para la pulsación larga\r\n      clearTimeout(this.longPressTimer)\r\n      if (!this.showingDialogs.showingMenuMaterial) {\r\n        this.elementoArrastrado = null\r\n      }\r\n    },\r\n\r\n    handleTouchEnd() {\r\n      this.handleMouseUp()\r\n    },\r\n\r\n    disableScroll(event) {\r\n      event.preventDefault();\r\n    },\r\n    async clickSubmit () {\r\n      if (this.nuevaPosicionMaterialesSistema.length > 0) {\r\n        await Data.guardarMaterial(this, this.nuevaPosicionMaterialesSistema, this.routeParams.idfichero)\r\n      }\r\n      this.$appRouter.go(-1)\r\n    },\r\n\r\n    clickEdit () {\r\n      this.$appRouter.push({\r\n        name: this.editRoute,\r\n        params: {\r\n          idsistema: this.routeParams.idsistema,\r\n          idfichero: this.routeParams.idfichero,\r\n        },\r\n      })\r\n    },\r\n\r\n    async clickDeleteConfirm (data) {\r\n      this.showingDialogs.showingMenuMaterial = false\r\n      const res = await this.$alert.showConfirm(\r\n        `¿Deseas quitar el elemento \"${data.title}\" del plano?`\r\n      )\r\n      if (res) {\r\n        this.$loading.showManual('Eliminando...')\r\n        try {\r\n          // ver si no hacer esto en una transacción, para poder darle para atrás y deshacer los cambios\r\n          await Data.borrarDelPlano(this, data.idmaterialSistema)\r\n          const materialesSistemaActualizado = _.filter(this.materialesSistema, (obj) => obj.idmaterial_sistema !== data.idmaterialSistema)\r\n          this.materialesSistema = materialesSistemaActualizado\r\n          this.nuevaPosicionMaterialesSistema = materialesSistemaActualizado\r\n          this.loadCanvas()\r\n        } finally {\r\n          this.$loading.hide()\r\n        }\r\n      }\r\n    },\r\n\r\n    clickVerMaterial (data) {\r\n      this.showingDialogs.showingMenuMaterial = false\r\n      this.$appRouter.push({\r\n        name: 'sistemas__material-sistema-view',\r\n        params: {\r\n          idsistema: this.routeParams.idsistema,\r\n          idsubsis: data.item.idsubsis,\r\n          idmaterial_sistema: data.item.idmaterial_sistema,\r\n        },\r\n      })\r\n    },\r\n\r\n    clickAddMaterial () {\r\n      this.materialesSistemaForm = []\r\n      if (this.subsistemas.length === 1) {\r\n        this.idsubsis = this.subsistemas[0].idsubsis\r\n      }\r\n      this.showingDialogs.materialPlanoAdd = !this.showingDialogs.materialPlanoAdd\r\n    },\r\n\r\n    materialesAddFormData (data) {\r\n      const factorPosicion = 15\r\n      for (let i = 0; i < data.items.length; i++) {\r\n        // Establecer posición inicial en cascada.\r\n        const item = data.items[i]\r\n        item.posicion_plano_x = (i + 1) * factorPosicion\r\n        item.posicion_plano_y = (i + 1) * factorPosicion\r\n      }\r\n      this.materialesSistema = [ ...this.materialesSistema, ...data.items ]\r\n      this.loadCanvas()\r\n      this.idsubsis = null\r\n    },\r\n    async loadMaterialSistemaForm (data) {\r\n      const excludePks = _.map(this.materialesSistema, 'idmaterial_sistema')\r\n      this.materialesSistemaForm = await Data.selectMaterialSistema(this, data.idsubsis, excludePks)\r\n    },\r\n    clickToolbarOption (option) {\r\n      if (option === this.toolbarOptions.legend) {\r\n        this.showingDialogs.legends = true\r\n      }\r\n    },\r\n    closeShowingMenuMaterial (data) {\r\n      this.showingDialogs.showingMenuMaterial = data\r\n      this.elementoArrastrado = null\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.canvas-container {\r\n  overflow: auto;\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: relative;\r\n}\r\n\r\n.background-canvas,\r\n.material-sistema-canvas {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.background-canvas {\r\n  z-index: 1;\r\n}\r\n\r\n.material-sistema-canvas {\r\n  z-index: 2;\r\n}\r\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!./MaterialSistemaPlano.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!./MaterialSistemaPlano.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlano.vue?vue&type=template&id=ed66b39e&scoped=true&\"\nimport script from \"./MaterialSistemaPlano.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlano.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MaterialSistemaPlano.vue?vue&type=style&index=0&id=ed66b39e&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  \"ed66b39e\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-menu',{attrs:{\"position-x\":_vm.formattedItem.posicion_plano_x,\"position-y\":_vm.formattedItem.posicion_plano_y,\"offset-x\":true,\"offset-y\":true,\"close-on-click\":false,\"close-on-content-click\":false,\"max-width\":\"300px\"},on:{\"input\":_vm.clickClose},model:{value:(_vm.internalShowing),callback:function ($$v) {_vm.internalShowing=$$v},expression:\"internalShowing\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\" \"+_vm._s(_vm.formattedItem.title)+\" \")]),_vm._l((_vm.formattedItem.fichaTecnica),function(dato){return _c('v-card-text',{key:dato.idmaterial_sistema},[_c('span',{domProps:{\"innerHTML\":_vm._s(dato)}}),_vm._t(\"default\")],2)}),_c('v-card-actions',[(_vm.readOnly)?_c('v-btn',{staticClass:\"flex-grow-1\",attrs:{\"color\":\"info\",\"dark\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickVerMaterialSistema()}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$vuetify.icons.values.materialAfectado)+\" \")]),_vm._v(\" Ver material \")],1):_c('v-btn',{staticClass:\"flex-grow-1\",attrs:{\"color\":\"error\",\"dark\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickBorrarMaterialSistema()}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$vuetify.icons.values.delete)+\" \")]),_vm._v(\" Borrar \")],1)],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-menu\r\n    v-model=\"internalShowing\"\r\n    :position-x=\"formattedItem.posicion_plano_x\"\r\n    :position-y=\"formattedItem.posicion_plano_y\"\r\n    :offset-x=\"true\"\r\n    :offset-y=\"true\"\r\n    :close-on-click=\"false\"\r\n    :close-on-content-click=\"false\"\r\n    max-width=\"300px\"\r\n    @input=\"clickClose\"\r\n  >\r\n    <v-card>\r\n      <v-card-title>\r\n        {{ formattedItem.title }}\r\n      </v-card-title>\r\n      <v-card-text\r\n        v-for=\"dato in formattedItem.fichaTecnica\"\r\n        :key=\"dato.idmaterial_sistema\"\r\n      >\r\n        <span\r\n          v-html=\"dato\"\r\n        />\r\n        <slot />\r\n      </v-card-text>\r\n      <v-card-actions>\r\n        <v-btn\r\n          v-if=\"readOnly\"\r\n          color=\"info\"\r\n          dark\r\n          class=\"flex-grow-1\"\r\n          @click.stop=\"clickVerMaterialSistema()\"\r\n        >\r\n          <v-icon\r\n            left\r\n          >\r\n            {{ $vuetify.icons.values.materialAfectado }}\r\n          </v-icon> Ver material\r\n        </v-btn>\r\n        <v-btn\r\n          v-else\r\n          color=\"error\"\r\n          dark\r\n          class=\"flex-grow-1\"\r\n          @click.stop=\"clickBorrarMaterialSistema()\"\r\n        >\r\n          <v-icon\r\n            left\r\n          >\r\n            {{ $vuetify.icons.values.delete }}\r\n          </v-icon> Borrar\r\n        </v-btn>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-menu>\r\n</template>\r\n\r\n<script>\r\nimport internalShowingMixin from '@/mixins/internalShowingMixin'\r\nimport _ from '@/utils/lodash'\r\n\r\nexport default {\r\n  mixins: [internalShowingMixin],\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    readOnly: {\r\n      type: Boolean,\r\n      default: false,\r\n    }\r\n  },\r\n  computed: {\r\n    formattedItem () {\r\n      if (!_.isEmpty(this.item)) {\r\n        const item = _.cloneDeep(this.item)\r\n        item.title = item.descripcion\r\n        item.fichaTecnica = this.$online.materialSistema.resumenFichaTecnica(item)\r\n        return item\r\n      } else {\r\n        return {}\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    clickClose () {\r\n      this.$emit('close-menu-material', this.internalShowing )\r\n    },\r\n    clickVerMaterialSistema () {\r\n      this.$emit('ver-material', { item: this.item })\r\n    },\r\n    async clickBorrarMaterialSistema () {\r\n      this.$emit('delete', { title: this.item.descripcion, idmaterialSistema: this.item.idmaterial_sistema })\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!./MaterialSistemaPlanoMenu.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!./MaterialSistemaPlanoMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlanoMenu.vue?vue&type=template&id=1041df5b&\"\nimport script from \"./MaterialSistemaPlanoMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlanoMenu.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\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 { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VIcon,VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"transition\":\"false\",\"fullscreen\":\"\",\"scrollable\":\"\"},model:{value:(_vm.internalShowing),callback:function ($$v) {_vm.internalShowing=$$v},expression:\"internalShowing\"}},[_c('b10-toolbar',{attrs:{\"title\":\"Añadir material al plano\"}},[_c('v-btn',{attrs:{\"slot\":\"right\",\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickSubmitAddForm(_vm.$refs.form)}},slot:\"right\"},[_c('v-icon',[_vm._v(_vm._s(_vm.$vuetify.icons.values.check))])],1)],1),_c('v-card',[_c('div',{staticClass:\"pt-10 ml-2\"},[_c('b10-autocomplete',{staticClass:\"pt-15\",attrs:{\"items\":_vm.subsistemas,\"item-value\":\"idsubsis\",\"item-text\":\"descripcion\",\"label\":\"Subsistema\",\"clearable\":\"\"},on:{\"change\":_vm.subsisSelected},model:{value:(_vm.form.idsubsis),callback:function ($$v) {_vm.$set(_vm.form, \"idsubsis\", $$v)},expression:\"form.idsubsis\"}}),_c('v-checkbox',{attrs:{\"label\":'Marcar todos'},on:{\"change\":_vm.changeMarcarTodos},model:{value:(_vm.marcarTodos),callback:function ($$v) {_vm.marcarTodos=$$v},expression:\"marcarTodos\"}}),_c('v-divider'),_vm._l((_vm.materialesSistemaForm),function(material,index){return _c('v-list',{key:index,attrs:{\"dense\":\"\"}},[_c('v-checkbox',{attrs:{\"label\":material.descripcion,\"hint\":_vm.$online.materialSistema.resumenFichaTecnica(material).join(' - '),\"persistent-hint\":\"\"},model:{value:(_vm.form[material.idmaterial_sistema]),callback:function ($$v) {_vm.$set(_vm.form, material.idmaterial_sistema, $$v)},expression:\"form[material.idmaterial_sistema]\"}})],1)})],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog\r\n    v-model=\"internalShowing\"\r\n    transition=\"false\"\r\n    fullscreen\r\n    scrollable\r\n  >\r\n    <b10-toolbar\r\n      title=\"Añadir material al plano\"\r\n    >\r\n      <v-btn\r\n        slot=\"right\"\r\n        icon\r\n        @click.stop=\"clickSubmitAddForm($refs.form)\"\r\n      >\r\n        <v-icon>{{ $vuetify.icons.values.check }}</v-icon>\r\n      </v-btn>\r\n    </b10-toolbar>\r\n    <v-card>\r\n      <div\r\n        class=\"pt-10 ml-2\"\r\n      >\r\n        <b10-autocomplete\r\n          v-model=\"form.idsubsis\"\r\n          class=\"pt-15\"\r\n          :items=\"subsistemas\"\r\n          item-value=\"idsubsis\"\r\n          item-text=\"descripcion\"\r\n          label=\"Subsistema\"\r\n          clearable\r\n          @change=\"subsisSelected\"\r\n        />\r\n        <v-checkbox\r\n          v-model=\"marcarTodos\"\r\n          :label=\"'Marcar todos'\"\r\n          @change=\"changeMarcarTodos\"\r\n        />\r\n        <v-divider />\r\n        <v-list\r\n          v-for=\"(material, index) in materialesSistemaForm\"\r\n          :key=\"index\"\r\n          dense\r\n        >\r\n          <v-checkbox\r\n            v-model=\"form[material.idmaterial_sistema]\"\r\n            :label=\"material.descripcion\"\r\n            :hint=\"$online.materialSistema.resumenFichaTecnica(material).join(' - ')\"\r\n            persistent-hint\r\n          />\r\n        </v-list>\r\n      </div>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport internalShowingMixin from '@/mixins/internalShowingMixin'\r\nimport formMixin from '@/mixins/formMixin'\r\nimport _ from '@/utils/lodash'\r\n\r\nexport default {\r\n  components: {\r\n  },\r\n  mixins: [internalShowingMixin, formMixin],\r\n  props: {\r\n    idsistema: {\r\n      type: [String, Number],\r\n      default: null,\r\n    },\r\n    subsistemas: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    materialesSistemaForm: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    idsubsis: {\r\n      type: [String, Number],\r\n      default: null,\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      form: {\r\n        idsubsis: null,\r\n      },\r\n      formRules: {\r\n        idsubsis: { required: true },\r\n      },\r\n      marcarTodos: false,\r\n    }\r\n  },\r\n  watch: {\r\n    async idsubsis (newValue) {\r\n      if (newValue) {\r\n        this.$set(this.form, 'idsubsis', newValue)\r\n        await this.subsisSelected(newValue)\r\n      }\r\n    }\r\n  },\r\n  async created () {\r\n    await this.loadForm()\r\n  },\r\n  methods: {\r\n    async subsisSelected (idsubsis) {\r\n      this.$emit('load-material-sistema-form', { idsubsis })\r\n    },\r\n    cleanForm () {\r\n      this.$set(this.form, 'idsubsis', null)\r\n    },\r\n    async clickSubmitAddForm () {\r\n      this.internalShowing = false\r\n      // Obtener las claves de form que tienen un valor true\r\n      const materialesSelecionados = _.pickBy(this.form, (value) => value === true)\r\n      // Filtrar los elementos de materialesSistemaForm cuyo idmaterial_sistema está en las claves seleccionadas\r\n      const elementosSeleccionados = _.filter(this.materialesSistemaForm, (elemento) =>\r\n        _.has(materialesSelecionados, elemento.idmaterial_sistema.toString())\r\n      )\r\n      this.$emit('materiales-add-form-data', { items: elementosSeleccionados })\r\n      this.cleanForm()\r\n    },\r\n    changeMarcarTodos(value) {\r\n      this.marcarTodos = value\r\n      this.materialesSistemaForm.forEach((material) => {\r\n        this.form[material.idmaterial_sistema] = value\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>","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!./MaterialSistemaPlanoAdd.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!./MaterialSistemaPlanoAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlanoAdd.vue?vue&type=template&id=745fe55d&\"\nimport script from \"./MaterialSistemaPlanoAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlanoAdd.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\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 { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\ninstallComponents(component, {VBtn,VCard,VCheckbox,VDialog,VDivider,VIcon,VList})\n"],"sourceRoot":""}