7-es5.cfacf17f6f0c118bdebe.js

!function(){function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function n(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{RN8A:function(t,o,a){"use strict";a.r(o),a.d(o,"DataSetLayoutModule",function(){return je});var i=a("ofXK"),r=a("XIp8"),c=a("SxV6"),s=a("lJxs"),l=a("eIep"),b=a("5+tZ"),d=a("/uUt"),p=a("1G5W"),m=a("XNiG"),u=a("l5mm"),g=a("z6cu"),f=a("3Pt+"),h=a("fXoL"),v=a("tyNb"),w=a("LY9J"),j=a("F7l1"),_=a("14na"),x=a("I7yr"),M=a("1F7/"),P=a("x2Se"),y=a("sYmb");function C(e,t){if(1&e){var n=h.Nb();h.Kb(0),h.Mb(1,"div",5),h.Mb(2,"div",6),h.Tb("click",function(){return h.hc(n),h.Vb(2).displayModal()}),h.Ib(3,"img",7),h.Mb(4,"label",8),h.oc(5),h.Wb(6,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Jb()}if(2&e){var o=h.Vb(),a=o.index,i=o.$implicit;h.xb(1),h.yb("data-index",a),h.xb(2),h.ac("src",i.src,h.jc),h.xb(2),h.pc(h.Xb(6,3,i.name))}}function O(e,t){if(1&e){var n=h.Nb();h.Mb(0,"div",9),h.Tb("click",function(){h.hc(n);var e=h.Vb().$implicit;return h.Vb().onClickButton(e.id)}),h.Ib(1,"img",10),h.Mb(2,"label",11),h.oc(3),h.Wb(4,"translate"),h.Lb(),h.Lb()}if(2&e){var o=h.Vb(),a=o.$implicit;h.yb("data-index",o.index),h.xb(1),h.lc(a.style),h.ac("src",a.src,h.jc),h.xb(2),h.pc(h.Xb(4,5,a.name))}}function L(e,t){if(1&e&&(h.Kb(0),h.mc(1,C,7,5,"ng-container",3),h.mc(2,O,5,7,"ng-template",null,4,h.nc),h.Jb()),2&e){var n=t.index,o=h.fc(3);h.xb(1),h.ac("ngIf",0===n)("ngIfElse",o)}}var k,I,S=((I=function(){function t(){var n=this;e(this,t),this.menuSchema=[{src:"../../../assets/icons/add.svg",id:"newProject",name:"menuName.newProject"},{src:"../../../assets/icons/import.svg",id:"importProject",name:"menuName.importProject",style:"width: 1.3vw; padding: 0.3vw;"},{src:"../../../assets/icons/project.svg",id:"myProject",name:"menuName.myProject"},{src:"../../../assets/icons/starred.svg",id:"starred",name:"menuName.starred"},{src:"../../../assets/icons/history.svg",id:"recent",name:"menuName.recent"},{src:"../../../assets/icons/trash.svg",id:"trash",name:"menuName.trash"}],this._onCreate=new h.n,this._onImport=new h.n,this.displayModal=function(){n._onCreate.emit(!0)},this.onClickButton=function(e){"importProject"===e?n._onImport.emit():console.log("This feature is not available yet")}}return n(t,[{key:"ngOnInit",value:function(){}}]),t}()).\u0275fac=function(e){return new(e||I)},I.\u0275cmp=h.Bb({type:I,selectors:[["data-set-side-menu"]],outputs:{_onCreate:"_onCreate",_onImport:"_onImport"},decls:3,vars:1,consts:[[1,"dataset-sidemenu-container"],[4,"ngFor","ngForOf"],[1,"horizontal-line"],[4,"ngIf","ngIfElse"],["otherMenu",""],[1,"new-project-container"],[1,"new-project-btn",3,"click"],[1,"add-icon",3,"src"],[1,"new-project-txt"],[1,"current-project-btn",3,"click"],[1,"project-icon",3,"src"],[1,"current-project-txt"]],template:function(e,t){1&e&&(h.Mb(0,"div",0),h.mc(1,L,4,2,"ng-container",1),h.Lb(),h.Ib(2,"div",2)),2&e&&(h.xb(1),h.ac("ngForOf",t.menuSchema))},directives:[i.j,i.k],pipes:[y.c],styles:[".dataset-sidemenu-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column;width:16vw}.new-project-container[_ngcontent-%COMP%]{margin-bottom:5vh;margin-left:2vw}.new-project-btn[_ngcontent-%COMP%]{padding:1vw;border-radius:5vh;background-color:#525353;border:none;color:#fff;outline:none;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;min-width:10vw;max-width:10vw;min-height:4vh;max-height:4vh}.new-project-btn[_ngcontent-%COMP%]:hover{background-color:#393838}.add-icon[_ngcontent-%COMP%]{min-height:inherit;max-height:inherit}.new-project-txt[_ngcontent-%COMP%]{border:none;background:none;outline:none;cursor:pointer;font-size:2vh;color:#fff;text-align:start;white-space:nowrap}.current-project-btn[_ngcontent-%COMP%]{color:#fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:5vh;padding:1vh 1vw;margin-left:2vw;min-width:10vw;max-width:10vw;min-height:5vh;max-height:5vh;-webkit-flex:1 1 100%;flex:1 1 100%}.current-project-btn[_ngcontent-%COMP%]:hover{background-color:#525353}.project-icon[_ngcontent-%COMP%]{min-height:4vh;max-height:4vh;-webkit-flex:1 1 10%;flex:1 1 10%}.current-project-txt[_ngcontent-%COMP%]{border:none;background:none;outline:none;cursor:pointer;font-size:2vh;color:#fff;white-space:nowrap;-webkit-flex:1 1 90%;flex:1 1 90%;text-align:left;padding-left:20px}.horizontal-line[_ngcontent-%COMP%]{width:12vw;background-color:#393838;min-height:.3vh;max-height:.3vh;margin:auto;border:.0625rem solid #000}"]}),I),N=((k=function(){function t(){e(this,t)}return n(t,[{key:"ngOnInit",value:function(){}}]),t}()).\u0275fac=function(e){return new(e||k)},k.\u0275cmp=h.Bb({type:k,selectors:[["data-set-header"]],decls:6,vars:3,consts:[[1,"dataset-header-container"],[1,"label"],[1,"dataset-icon-container"]],template:function(e,t){1&e&&(h.Mb(0,"div",0),h.Mb(1,"label",1),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Mb(4,"div",2),h.Ib(5,"div"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.pc(h.Xb(3,1,"datasetHeader.datasetManagement")))},pipes:[y.c],styles:[".dataset-header-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:1vw;min-width:80vw;max-width:80vw}.label[_ngcontent-%COMP%]{-webkit-flex:1 1 80%;flex:1 1 80%;background:none;font-size:2.5vh;color:#fff;white-space:nowrap;min-height:inherit;max-height:inherit}.dataset-icon-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex:1 1 20%;flex:1 1 20%}.dataset-icon[_ngcontent-%COMP%]{-webkit-flex:1 1 3%;flex:1 1 3%;min-width:2vw;max-width:2vw;cursor:pointer}.dataset-icon[_ngcontent-%COMP%]:hover{border-radius:5vh;background-color:#393838}.dataset-select[_ngcontent-%COMP%]{min-height:4vh;max-height:4vh;font-size:2vh;min-width:7vw;max-width:7vw;-moz-text-align-last:center;background:#000;color:#fff;border:.1vw solid;text-align-last:center}.dataset-select[_ngcontent-%COMP%]:focus, .dataset-select[_ngcontent-%COMP%]:hover{background:#393838;-moz-appearance:none;-webkit-appearance:none}select[_ngcontent-%COMP%]{-moz-appearance:none;-webkit-appearance:none}option[_ngcontent-%COMP%]{background:#000;text-align:center}"]}),k);function F(e,t){1&e&&(h.Kb(0),h.Mb(1,"div",2),h.Mb(2,"div",3),h.Mb(3,"div",4),h.Mb(4,"label",5),h.oc(5),h.Wb(6,"translate"),h.Lb(),h.Lb(),h.Mb(7,"div"),h.Mb(8,"label",6),h.oc(9),h.Wb(10,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Jb()),2&e&&(h.xb(5),h.pc(h.Xb(6,2,"datasetCard.fetchingProject")),h.xb(4),h.pc(h.Xb(10,4,"datasetCard.pleaseWait")))}var W=function(e){return{disabled:e}};function D(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"label",24),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Jb()),2&e){var n=h.Vb().$implicit;h.xb(1),h.ac("ngClass",h.dc(4,W,!n.root_path_valid)),h.xb(1),h.qc(" ",h.Xb(3,2,"datasetCard.uploading")," ")}}function X(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"label",26),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Jb()),2&e){var n=h.Vb(2).$implicit;h.xb(1),h.ac("ngClass",h.dc(4,W,!n.root_path_valid)),h.xb(1),h.pc(h.Xb(3,2,"datasetCard.new"))}}function T(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"label",27),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Jb()),2&e){var n=h.Vb(2).$implicit;h.xb(1),h.ac("ngClass",h.dc(4,W,!n.root_path_valid)),h.xb(1),h.pc(h.Xb(3,2,"datasetCard.available"))}}function E(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"label",28),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Jb()),2&e){var n=h.Vb(2).$implicit;h.xb(1),h.ac("ngClass",h.dc(4,W,!n.root_path_valid)),h.xb(1),h.pc(h.Xb(3,2,"datasetCard.opened"))}}function z(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"label",29),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Jb()),2&e){var n=h.Vb(2).$implicit;h.xb(1),h.ac("ngClass",h.dc(4,W,!n.root_path_valid)),h.xb(1),h.pc(h.Xb(3,2,"datasetCard.invalidPath"))}}function B(e,t){if(1&e&&(h.Kb(0,25),h.mc(1,X,4,6,"ng-container",16),h.mc(2,T,4,6,"ng-container",16),h.mc(3,E,4,6,"ng-container",16),h.mc(4,z,4,6,"ng-container",16),h.Jb()),2&e){var n=h.Vb().$implicit;h.ac("ngSwitch",n),h.xb(1),h.ac("ngIf",n.is_new&&n.root_path_valid),h.xb(1),h.ac("ngIf",!n.is_new&&!n.is_loaded&&n.root_path_valid),h.xb(1),h.ac("ngIf",!n.is_new&&n.is_loaded&&n.root_path_valid),h.xb(1),h.ac("ngIf",!n.root_path_valid)}}function V(e,t){if(1&e){var n=h.Nb();h.Kb(0),h.Mb(1,"span"),h.Mb(2,"div",30),h.Mb(3,"div",31),h.Tb("click",function(){h.hc(n);var e=h.Vb().$implicit;return h.Vb(3).onRenameProject(e.project_name)}),h.oc(4),h.Wb(5,"translate"),h.Lb(),h.Mb(6,"div",31),h.Tb("click",function(){h.hc(n);var e=h.Vb().$implicit;return h.Vb(3).onDeleteProject(e.project_name)}),h.oc(7),h.Wb(8,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Jb()}2&e&&(h.xb(4),h.qc(" ",h.Xb(5,2,"datasetCard.renameProject")," "),h.xb(3),h.qc(" ",h.Xb(8,4,"datasetCard.deleteProject")," "))}var U=function(e){return[e]};function q(e,t){if(1&e){var n=h.Nb();h.Kb(0),h.Mb(1,"div",9),h.Tb("dblclick",function(){h.hc(n);var e=t.$implicit,o=t.index,a=h.Vb(3);return e.root_path_valid&&a.onOpenProject(o,e)}),h.Mb(2,"div",10),h.Mb(3,"div"),h.mc(4,D,4,6,"ng-container",0),h.mc(5,B,5,5,"ng-template",null,11,h.nc),h.Lb(),h.Mb(7,"div",12),h.Mb(8,"div",13),h.Tb("click",function(){h.hc(n);var e=t.$implicit;return h.Vb(3).onStarred(e,!e.is_starred)})("dblclick",function(e){return h.hc(n),h.Vb(3).onDblClickStopPropagate(e)}),h.Ib(9,"img",14),h.Lb(),h.Mb(10,"div",13),h.Tb("click",function(){h.hc(n);var e=t.index;return h.Vb(3).onDisplayMore(e)})("dblclick",function(e){return h.hc(n),h.Vb(3).onDblClickStopPropagate(e)}),h.Ib(11,"img",15),h.Lb(),h.mc(12,V,9,6,"ng-container",16),h.Lb(),h.Lb(),h.Mb(13,"div",17),h.Mb(14,"label",18),h.Mb(15,"div",19),h.oc(16),h.Wb(17,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Mb(18,"div",20),h.Mb(19,"label",18),h.Mb(20,"div",21),h.oc(21),h.Lb(),h.Lb(),h.Lb(),h.Mb(22,"div",20),h.Mb(23,"label",18),h.Mb(24,"div",21),h.oc(25),h.Wb(26,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Mb(27,"div",22),h.Mb(28,"label",18),h.Mb(29,"div",23),h.oc(30),h.Wb(31,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Jb()}if(2&e){var o=t.$implicit,a=t.index,i=h.fc(6),r=h.Vb(3);h.xb(1),h.ac("ngClass",h.dc(27,W,!o.root_path_valid)),h.yb("data-index",a),h.xb(3),h.ac("ngIf",r.isExactIndex(a)&&r._jsonSchema.isUploading)("ngIfElse",i),h.xb(5),h.ac("src",h.dc(29,U,o.is_starred?r.starredActiveIcon:r.starredInactiveIcon),h.jc),h.xb(3),h.ac("ngIf",r.isExactIndex(a)),h.xb(2),h.ac("title",o.created_date)("ngClass",h.dc(31,W,!o.root_path_valid)),h.xb(2),h.rc(" ",h.Xb(17,21,"datasetCard.created")," ",o.created_date," "),h.xb(3),h.ac("title",o.project_name)("ngClass",h.dc(33,W,!o.root_path_valid)),h.xb(2),h.qc(" ",o.project_name," "),h.xb(2),h.ac("title","Total Photo: "+o.total_uuid)("ngClass",h.dc(35,W,!o.root_path_valid)),h.xb(2),h.rc(" ",h.Xb(26,23,"datasetCard.totalPhoto")," ",o.total_uuid," "),h.xb(3),h.ac("title",o.project_path)("ngClass",h.dc(37,W,!o.root_path_valid)),h.xb(2),h.rc(" ",h.Xb(31,25,"datasetCard.projectPath")," : ",o.project_path," ")}}function R(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"div",2),h.mc(2,q,32,39,"ng-container",8),h.Lb(),h.Jb()),2&e){var n=h.Vb(2);h.xb(2),h.ac("ngForOf",n._jsonSchema.projects)}}function J(e,t){1&e&&(h.Mb(0,"div",2),h.Mb(1,"div",3),h.Mb(2,"div",4),h.Mb(3,"label",5),h.oc(4),h.Wb(5,"translate"),h.Lb(),h.Lb(),h.Mb(6,"div"),h.Mb(7,"label",6),h.oc(8),h.Wb(9,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Lb()),2&e&&(h.xb(4),h.pc(h.Xb(5,2,"datasetCard.noProject")),h.xb(4),h.pc(h.Xb(9,4,"datasetCard.createNew")))}function H(e,t){if(1&e&&(h.mc(0,R,3,1,"ng-container",0),h.mc(1,J,10,6,"ng-template",null,7,h.nc)),2&e){var n=h.fc(2),o=h.Vb();h.ac("ngIf",o._jsonSchema.projects.length>0)("ngIfElse",n)}}var $,A=(($=function(){function t(n){var o=this;e(this,t),this._cd=n,this._onClick=new h.n,this._onStarred=new h.n,this._onDelete=new h.n,this._onRename=new h.n,this.starredActiveIcon="../../../assets/icons/starred_active.svg",this.starredInactiveIcon="../../../assets/icons/starred.svg",this.cardSchema={clickIndex:-1},this.previousProjectLength=0,this.conditionalDisableProject=function(e){return e.is_loaded?"disabled":"enabled"},this.conditionalDisableClickEvent=function(e){return e},this.onOpenProject=function(e,t){var n=t.project_name;!o.isExactIndex(e)&&o._onClick.emit(n)},this.onDisplayMore=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.cardSchema.clickIndex,t=o.cardSchema.clickIndex;o.cardSchema={clickIndex:t===e?-1:e}},this.onCloseDisplay=function(){o.cardSchema.clickIndex=-1},this.onStarred=function(e,t){var n=e.project_name;o._jsonSchema.projects=o._jsonSchema.projects.map(function(e){return e.project_name===n?(e.is_starred=t,e):e}),o._onStarred.emit({projectName:n,starred:t})},this.isExactIndex=function(e){return e===o.cardSchema.clickIndex},this.onDblClickStopPropagate=function(e){return e.stopPropagation()}}return n(t,[{key:"ngOnInit",value:function(){}},{key:"onRenameProject",value:function(e){this._onRename.emit({shown:!0,projectName:e}),this.onCloseDisplay()}},{key:"onDeleteProject",value:function(e){this._onDelete.emit(e),this.onCloseDisplay()}},{key:"ngOnChanges",value:function(e){!e._jsonSchema.currentValue.isUploading&&this.onDisplayMore(),this._jsonSchema.projects.length!==this.previousProjectLength&&(this.cardSchema.clickIndex=-1),this.previousProjectLength=this._jsonSchema.projects.length}}]),t}()).\u0275fac=function(e){return new(e||$)(h.Hb(h.h))},$.\u0275cmp=h.Bb({type:$,selectors:[["data-set-card"]],inputs:{_jsonSchema:"_jsonSchema"},outputs:{_onClick:"_onClick",_onStarred:"_onStarred",_onDelete:"_onDelete",_onRename:"_onRename"},features:[h.vb],decls:3,vars:2,consts:[[4,"ngIf","ngIfElse"],["showCardBody",""],[1,"card-layout-container","scroll","fade-in"],[1,"no-project-card-container"],[1,"no-project-title-padding"],[1,"no-project-title"],[1,"no-project-subtitle"],["noProject",""],[4,"ngFor","ngForOf"],[1,"card-container",3,"ngClass","dblclick"],[1,"card-header-style"],["newLabel",""],[1,"card-icon-container"],[3,"click","dblclick"],[1,"card-icon-style",3,"src"],["src","../../../assets/icons/more.svg",1,"card-icon-style","enabled"],[4,"ngIf"],[1,"card-title-style"],[3,"title","ngClass"],[1,"card-title-txt"],[1,"project-name-style"],[1,"project-info"],[1,"project-path-style"],[1,"project-path"],[1,"project-status-uploading",3,"ngClass"],[3,"ngSwitch"],[1,"project-status-new",3,"ngClass"],[1,"project-status-available",3,"ngClass"],[1,"project-status-opened",3,"ngClass"],[1,"project-status-invalid",3,"ngClass"],[1,"popup-container","enabled"],[1,"popup-label",3,"click"]],template:function(e,t){if(1&e&&(h.mc(0,F,11,6,"ng-container",0),h.mc(1,H,3,2,"ng-template",null,1,h.nc)),2&e){var n=h.fc(2);h.ac("ngIf",t._jsonSchema.isFetching)("ngIfElse",n)}},directives:[i.k,i.j,i.i,i.m],pipes:[y.c],styles:['@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in[_ngcontent-%COMP%]{animation:fadeIn 1.5s ease;-webkit-animation:fadeIn 1.5s ease;-moz-animation:fadeIn ease 1.5s;-o-animation:fadeIn ease 1.5s;-ms-animation:fadeIn ease 1.5s}.card-layout-container[_ngcontent-%COMP%]{width:80vw;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 0 1vw;overflow-y:scroll;position:relative;height:80vh}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#000}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar{width:.5vw}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#525353}.card-container[_ngcontent-%COMP%]{min-width:11vw;max-width:11vw;min-height:30vh;max-height:30vh;border-style:solid;font-size:2.2vh;background:#2e2d2d;position:relative}.card-container[_ngcontent-%COMP%]:hover{background:#404040}.card-container[_ngcontent-%COMP%]:before{content:"";display:block;height:100%;position:absolute;top:0;left:0;width:.3vw;background-color:#363636}.enabled[_ngcontent-%COMP%]{cursor:pointer}.disabled[_ngcontent-%COMP%]{cursor:not-allowed}.project-status-new[_ngcontent-%COMP%]{background-color:#f59221}.project-status-available[_ngcontent-%COMP%], .project-status-new[_ngcontent-%COMP%]{color:#f5f5f5;font-size:60%;padding:.3vh 1.5vw .6vh 1vw}.project-status-available[_ngcontent-%COMP%]{background-color:#92c91b}.project-status-opened[_ngcontent-%COMP%]{background-color:#258fc0}.project-status-invalid[_ngcontent-%COMP%], .project-status-opened[_ngcontent-%COMP%]{color:#f5f5f5;font-size:60%;padding:.3vh 1.5vw .6vh 1vw}.project-status-invalid[_ngcontent-%COMP%]{background-color:#de1c44}.card-icon-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex}.card-icon-style[_ngcontent-%COMP%]{min-width:1.5vw;max-width:1.5vw;min-height:3vh;max-height:3vh}.card-icon-style[_ngcontent-%COMP%]:hover{border-radius:5vh;background-color:#393838}.card-header-style[_ngcontent-%COMP%]{margin-top:1vh;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.card-title-style[_ngcontent-%COMP%]{margin-left:1vw}.card-title-txt[_ngcontent-%COMP%]{color:#656667;font-size:1.3vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-name-style[_ngcontent-%COMP%], .project-path-style[_ngcontent-%COMP%]{margin-left:1vw;padding:1vh 0 0}.project-path-style[_ngcontent-%COMP%]{width:90%;position:absolute;bottom:1vh}.project-info[_ngcontent-%COMP%]{color:#dbdbda;font-size:2vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-path[_ngcontent-%COMP%]{word-wrap:break-word;font-size:1.2vh;color:#737475;position:relative}.tag-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;border-radius:10vw;background:#363636;width:4.5vw;padding:.2vw .3vh;cursor:pointer;outline:none;border:none;margin:.8vh 0 0 1vw}.tag-img[_ngcontent-%COMP%]{min-height:2vh;max-height:2vh;min-width:1vw;max-width:1vw;margin-left:.35vw}.tag-txt[_ngcontent-%COMP%]{font-size:1.2vh;color:#fff;padding:.2vh 0 0 .3vw;cursor:pointer}.popup-container[_ngcontent-%COMP%]{overflow:hidden;position:absolute;margin:4vh 0 0 -10vw;padding:.5vw;border-radius:.2vw;box-shadow:0 2px 5px 0 rgba(var(--shadow-rgb),.26),0 2px 10px 0 rgba(var(--shadow-rgb),.16);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1);transform:scale(1);opacity:1;white-space:nowrap;background:#fff;font-size:1.5vh;-webkit-animation:appear .35s ease-in 1;animation:appear .35s ease-in 1}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes appear{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.popup-label[_ngcontent-%COMP%]{font-size:2vh;padding:.5vw}.popup-label[_ngcontent-%COMP%]:hover{background:#e9e9e9}.no-project-title[_ngcontent-%COMP%]{font-size:4vh;color:#fff;white-space:nowrap}.no-project-title-padding[_ngcontent-%COMP%]{padding:2vw}.no-project-subtitle[_ngcontent-%COMP%]{font-size:2vh;color:#bebebe;white-space:nowrap}.no-project-card-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#1f1f1f;width:100%}']}),$),K=a("44N4"),Y=a("OObL"),G=a("TJKd"),Z=["refProjectName"],Q=["projectfoldername"],ee=["labeltextfilename"],te=["refNewProjectName"],ne=["jsonImportProjectFile"],oe=["jsonImportProjectFilename"];function ae(e,t){if(1&e&&(h.Mb(0,"div",51),h.Mb(1,"p",52),h.oc(2),h.Lb(),h.Lb()),2&e){var n=h.Vb();h.xb(2),h.qc(" ",n.isImageUploading?"Uploading the Images. Please Wait...":"Selection Window is Opened"," ")}}function ie(e,t){1&e&&(h.Mb(0,"span"),h.Mb(1,"small",54),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.qc(" ",h.Xb(3,1,"projectNameExist")," "))}function re(e,t){1&e&&(h.Mb(0,"span"),h.Mb(1,"small",54),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.qc(" ",h.Xb(3,1,"projectNameRequired")," "))}function ce(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"div",53),h.mc(2,ie,4,3,"span",35),h.mc(3,re,4,3,"span",35),h.Lb(),h.Jb()),2&e){var n=h.Vb(),o=null,a=null;h.xb(2),h.ac("ngIf",null==(o=n.form.get("projectName"))?null:o.getError("exist")),h.xb(1),h.ac("ngIf",null==(a=n.form.get("projectName"))?null:a.getError("required"))}}function se(e,t){1&e&&h.Ib(0,"div",55)}function le(e,t){1&e&&(h.Mb(0,"span",56),h.Mb(1,"p"),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Mb(4,"p"),h.oc(5),h.Wb(6,"translate"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.pc(h.Xb(3,2,"labelFileDest1")),h.xb(3),h.pc(h.Xb(6,4,"labelFileDest2")))}function be(e,t){1&e&&(h.Mb(0,"span"),h.Mb(1,"small",58),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.qc(" ",h.Xb(3,1,"projectNameExist")," "))}function de(e,t){1&e&&(h.Mb(0,"span"),h.Mb(1,"small",58),h.oc(2),h.Wb(3,"translate"),h.Lb(),h.Lb()),2&e&&(h.xb(2),h.qc(" ",h.Xb(3,1,"projectNameRequired")," "))}function pe(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"div",57),h.mc(2,be,4,3,"span",35),h.mc(3,de,4,3,"span",35),h.Lb(),h.Jb()),2&e){var n=h.Vb(),o=null,a=null;h.xb(2),h.ac("ngIf",null==(o=n.renameForm.get("newProjectName"))?null:o.getError("exist")),h.xb(1),h.ac("ngIf",null==(a=n.renameForm.get("newProjectName"))?null:a.getError("required"))}}function me(e,t){if(1&e&&(h.Kb(0),h.Mb(1,"div",59),h.Mb(2,"span"),h.Mb(3,"small",58),h.oc(4),h.Wb(5,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Jb()),2&e){var n=h.Vb();h.xb(1),h.ac("ngClass",n.spanClass),h.xb(3),h.rc("",h.Xb(5,3,n.modalSpanMessage),"",n.modalImportProjectName,"")}}var ue,ge,fe,he=[{path:"",component:(ue=function(){function t(n,o,a,i,h,v,w){var j=this;e(this,t),this._fb=n,this._router=o,this._dataSetService=a,this._spinnerService=i,this._imgLblModeService=h,this._languageService=v,this._modalService=w,this.onChangeSchema={currentThumbnailIndex:-1,thumbnailName:"",totalNumThumbnail:0,status:void 0},this.projectList={projects:[],isUploading:!1,isFetching:!1},this.inputProjectName="",this.newInputProjectName="",this.selectedProjectName="",this.oldProjectName="",this.subject$=new m.a,this.thumbnailList=[],this.labelList=[],this.unsubscribe$=new m.a,this.isLoading=!1,this.isOverlayOn=!1,this.isImageUploading=!1,this.isProjectLoading=!1,this.isDeleteSuccess=!1,this.projectName="",this.imgLblMode=null,this.modalSpanMessage="",this.modalImportProjectName="",this.spanClass="",this.labelPath="",this.projectFolderPath="",this.showLabelTooltip=!1,this.unsupportedImageList=[],this.modalIdCreateProject="modal-create-project",this.modalIdRenameProject="modal-rename-project",this.modalIdImportProject="modal-import-project",this.modalIdDeleteProject="modal-delete-project",this.modalIdRenameSuccess="modal-rename-success",this.modalUnsupportedImage="modal-unsupported-image",this.createProjectModalBodyStyle={minHeight:"45vh",minWidth:"31vw",maxWidth:"31vw",margin:"12vw 71vh",overflow:"none"},this.renameProjectModalBodyStyle={minHeight:"23vh",maxHeight:"25vh",minWidth:"31vw",maxWidth:"31vw",margin:"15vw 71vh",overflow:"none"},this.importProjectModalBodyStyle={minHeight:"15vh",maxHeight:"25vh",minWidth:"31vw",maxWidth:"31vw",margin:"15vw 71vh",overflow:"none"},this.deleteProjectBodyStyle={minHeight:"11vh",maxHeight:"11vh",minWidth:"31vw",maxWidth:"31vw",margin:"15vw 71vh",overflow:"none"},this.renameSuccessBodyStyle={minHeight:"11vh",maxHeight:"11vh",minWidth:"31vw",maxWidth:"31vw",margin:"15vw 71vh",overflow:"none"},this.unsupportedImageBodyStyle={minHeight:"18vh",maxHeight:"30vh",minWidth:"31vw",maxWidth:"31vw",margin:"15vw 71vh",overflow:"none"},this.showProjectList=function(){j.projectList.isFetching=!0,j._dataSetService.getProjectList().pipe(Object(c.a)()).subscribe(function(e){var t=e.content;if(t){var n=Object(r.a)(t).map(function(e){return Object.assign(Object.assign({},e),{created_date:j.formatDate(e.created_date)})});j.projectList=Object.assign(Object.assign({},j.projectList),{projects:n,isFetching:!1})}})},this.formatDate=function(e){var t=new Date(e),n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"].find(function(e,n){return n===t.getMonth()||void 0});return n?"".concat(n,"-").concat(t.getDate(),"-").concat(t.getFullYear()):"Error"},this.createFormControls=function(){j.form=j._fb.group({projectName:["",f.l.required]})},this.renameFormControls=function(){j.renameForm=j._fb.group({newProjectName:["",f.l.required]})},this.onChange=function(e){j.inputProjectName=e},this.onChangeRename=function(e){j.newInputProjectName=e},this.toggleModalDisplay=function(e){j._projectFoldername.nativeElement.innerHTML="",j._labelTextFilename.nativeElement.innerHTML="",e&&j.form.reset(),e?j._modalService.open(j.modalIdCreateProject):j._modalService.close(j.modalIdCreateProject)},this.toggleRenameModalDisplay=function(e){if(e){var t=e.shown,n=e.projectName;t?(j.renameForm.reset(),j._modalService.open(j.modalIdRenameProject)):j._modalService.close(j.modalIdRenameProject),j.oldProjectName=n}else j._modalService.close(j.modalIdRenameProject)},this.toggleImportProjectModalDisplay=function(e){j.modalSpanMessage="",e?j._modalService.open(j.modalIdImportProject):j._modalService.close(j.modalIdImportProject)},this.onSelectImportProjectJson=function(){j.toggleImportProjectModalDisplay(!0);var e=j._dataSetService.importStatus();j._dataSetService.importProject().pipe(Object(c.a)(),Object(s.a)(function(e){return e.message})).subscribe(function(t){var n=!1;Object(u.a)(500).pipe(Object(l.a)(function(){return e}),Object(c.a)(function(e){return j.isOverlayOn=1===e.file_system_status||2===e.file_system_status,0!==e.file_system_status&&3!==e.file_system_status&&5!==e.file_system_status||(n=!0),n})).subscribe(function(e){j.modalSpanMessage="DATABASE_UPDATED"===e.file_system_message?"importSuccess":"importAborted",j.modalImportProjectName="DATABASE_UPDATED"===e.file_system_message&&e.project_name?e.project_name:"",j.processIsSuccess(5!==e.file_system_status),j.showProjectList()})})},this.processIsSuccess=function(e){j.spanClass=e?"validation-success":"validation-error"},this.importProject=function(){j.toggleImportProjectModalDisplay(!0)},this.onStarred=function(e){var t=e.projectName,n=e.starred;j._dataSetService.updateProjectStatus(t,n,"star").pipe(Object(c.a)()).subscribe(function(e){var t=e.message;return console.log(t)},function(e){return j.projectList={isUploading:j.projectList.isUploading,isFetching:j.projectList.isFetching,projects:j.projectList.projects.map(function(e){return e.project_name===t?Object.assign(Object.assign({},e),{is_starred:!1}):e})}})},this.onSubmit=function(e,t){var n,o,a;j.form.markAllAsTouched(),e?j.inputProjectName?j.projectList.projects&&j.projectList.projects.find(function(e){return e&&e.project_name===j.inputProjectName})?(null===(n=j.form.get("projectName"))||void 0===n||n.setErrors({exist:!0}),j._refProjectName.nativeElement.focus()):(j.createProject(j.inputProjectName),j.selectedProjectName=null===(o=j.form.get("projectName"))||void 0===o?void 0:o.value):(null===(a=j.form.get("projectName"))||void 0===a||a.setErrors({required:!0}),j._refProjectName.nativeElement.focus()):t&&j.startProject(t)},this.onOpenImportProject=function(e,t){console.log("BUTTON IMPORT CLICKED")},this.startProject=function(e){j._router.navigate(["imglabel/"+j.imgLblMode],{state:{projectName:e}})},this.createProject=function(e){var t=j._dataSetService.createNewProject(e,j.labelPath,j.projectFolderPath),n=j._dataSetService.localUploadStatus(e),o=0;j.projectList=Object.assign(Object.assign({},j.projectList),{isUploading:!0}),j.subjectSubscription=j.subject$.pipe(Object(c.a)(),Object(b.a)(function(){return t}),Object(b.a)(function(e){return 1===e.message?Object(u.a)(500).pipe(Object(b.a)(function(){return n}),Object(c.a)(function(e){var t=e.file_system_status,n=e.unsupported_image_list;return j.unsupportedImageList=n,j.isOverlayOn=1===t||2===t,j.isImageUploading=2===t,3===t})):Object(g.a)(function(e){return console.error(e),j.projectList=Object.assign(Object.assign({},j.projectList),{isUploading:!1}),e})})).subscribe(function(e){3===e.file_system_status&&j.toggleModalDisplay(!1),j.isProjectLoading=!0,(o=e?--o:o)<1&&(j.projectList=Object.assign(Object.assign({},j.projectList),{isUploading:!1}))},function(e){},function(){j.isProjectLoading=!1,j.showProjectList(),j.unsupportedImageList.length>0&&j._dataSetService.downloadUnsupportedImageList(e,j.unsupportedImageList).then(function(e){e&&j._modalService.open(j.modalUnsupportedImage)})}),j.subject$.next()},this.renameProject=function(e,t){j._dataSetService.renameProject(e,t).pipe(Object(c.a)(),Object(s.a)(function(e){return e.message})).subscribe(function(t){1===t&&(j._languageService._translate.get("renameSuccess").subscribe(function(t){j.projectName=e,j.modalSpanMessage=t,j._modalService.open(j.modalIdRenameSuccess)}),j.showProjectList(),j.toggleRenameModalDisplay())})},this.deleteProject=function(e){j._dataSetService.deleteProject(e).pipe(Object(c.a)(),Object(s.a)(function(e){return e.message})).subscribe(function(t){1===t&&(j._languageService._translate.get("deleteSuccess").subscribe(function(t){j.isDeleteSuccess=!0,j.projectName=e,j._modalService.open(j.modalIdDeleteProject)}),j.showProjectList())})},this.keyDownEvent=function(e){"Escape"===e.key&&j.toggleRenameModalDisplay()&&j.toggleModalDisplay(!1)},this._imgLblModeService.imgLabelMode$.pipe(Object(d.a)()).subscribe(function(e){return j.imgLblMode=e}),this._spinnerService.returnAsObservable().pipe(Object(p.a)(this.unsubscribe$)).subscribe(function(e){return j.isLoading=e}),this.createFormControls(),this.renameFormControls(),this._languageService.initializeLanguage("data-set-page",["data-set-page-en","data-set-page-cn","data-set-page-ms"])}return n(t,[{key:"ngOnInit",value:function(){this.showProjectList()}},{key:"onSubmitRename",value:function(){var e,t,n,o=this;this.renameForm.markAllAsTouched(),this.newInputProjectName?this.projectList.projects&&this.projectList.projects.find(function(e){return e?e.project_name===o.newInputProjectName:null})?(null===(e=this.renameForm.get("newProjectName"))||void 0===e||e.setErrors({exist:!0}),this._refProjectName.nativeElement.focus()):(this.renameProject(this.oldProjectName,this.newInputProjectName),this.selectedProjectName=null===(t=this.renameForm.get("newProjectName"))||void 0===t?void 0:t.value):(null===(n=this.renameForm.get("newProjectName"))||void 0===n||n.setErrors({required:!0}),this._refProjectName.nativeElement.focus())}},{key:"isCreateFormIncomplete",value:function(){return""===this.inputProjectName||""===this.projectFolderPath}},{key:"selectProjectFolder",value:function(){var e=this,t=this._dataSetService.importProjectFolderStatus();this._dataSetService.importProjectFolder().pipe(Object(c.a)(),Object(s.a)(function(e){return e.message})).subscribe(function(n){var o=!1;Object(u.a)(500).pipe(Object(l.a)(function(){return t}),Object(c.a)(function(t){return e.isOverlayOn=0===t.window_status,1===t.window_status&&""!==t.project_path&&(e._projectFoldername.nativeElement.innerHTML=t.project_path.replace(/^.*[\\\/]/,""),e.projectFolderPath=t.project_path),1===t.window_status&&(o=!0),o})).subscribe(function(t){e.showProjectList()})})}},{key:"importLabelFile",value:function(){var e=this,t=this._dataSetService.importLabelFileStatus();this._dataSetService.importLabelFile().pipe(Object(c.a)(),Object(s.a)(function(e){return e.message})).subscribe(function(n){var o=!1;Object(u.a)(500).pipe(Object(l.a)(function(){return t}),Object(c.a)(function(t){return e.isOverlayOn=0===t.window_status,1===t.window_status&&""!==t.label_file_path&&(e._labelTextFilename.nativeElement.innerHTML=t.label_file_path.replace(/^.*[\\\/]/,""),e.labelPath=t.label_file_path),1===t.window_status&&(o=!0),o})).subscribe(function(t){e.showProjectList()})})}},{key:"onWindowClose",value:function(e){e.preventDefault(),this.isProjectLoading&&(e.returnValue="Are you sure you want to leave this page?")}},{key:"ngOnDestroy",value:function(){this.unsubscribe$.next(),this.unsubscribe$.complete()}}]),t}(),ue.\u0275fac=function(e){return new(e||ue)(h.Hb(f.b),h.Hb(v.a),h.Hb(w.a),h.Hb(j.a),h.Hb(_.a),h.Hb(x.a),h.Hb(M.a))},ue.\u0275cmp=h.Bb({type:ue,selectors:[["data-set-layout"]],viewQuery:function(e,t){var n;1&e&&(h.tc(Z,!0),h.tc(Q,!0),h.tc(ee,!0),h.tc(te,!0),h.tc(ne,!0),h.tc(oe,!0)),2&e&&(h.ec(n=h.Ub())&&(t._refProjectName=n.first),h.ec(n=h.Ub())&&(t._projectFoldername=n.first),h.ec(n=h.Ub())&&(t._labelTextFilename=n.first),h.ec(n=h.Ub())&&(t._refNewProjectName=n.first),h.ec(n=h.Ub())&&(t._jsonImportProjectFile=n.first),h.ec(n=h.Ub())&&(t._jsonImportProjectFilename=n.first))},hostBindings:function(e,t){1&e&&h.Tb("keydown",function(e){return t.keyDownEvent(e)},!1,h.gc)("beforeunload",function(e){return t.onWindowClose(e)},!1,h.gc)},decls:121,vars:103,consts:[["class","overlay",4,"ngIf"],[3,"_onChange"],[1,"upper-container"],[3,"_onCreate","_onImport"],[3,"_jsonSchema","_onClick","_onStarred","_onDelete","_onRename"],[3,"id","modalBodyStyle","modalTitle","scrollable"],[3,"formGroup"],[1,"content-container"],[1,"new-project-container"],[1,"label","label-name"],["type","text","placeholder","Enter project name","formControlName","projectName",1,"input-style",3,"value","input"],["refProjectName",""],[4,"ngIf","ngIfElse"],["emptycontainer",""],[1,"select-folder-container"],[1,"label","label-select-folder"],["type","button",1,"button-style","choose-folder-button",3,"click"],[1,"folder-name-container"],[1,"foldername"],["projectfoldername",""],[1,"select-file-container"],[1,"label-select-label"],["src","../../assets/icons/help.svg",1,"help-icon",3,"mouseover","mouseout"],[2,"padding-top","1vh"],["type","button",1,"button-file-style","choose-file-button",3,"click"],["class","labeltooltiptext",4,"ngIf"],[1,"file-name-container"],[1,"filename"],["labeltextfilename",""],[1,"horizontal-line"],[1,"model-button-container"],["type","submit",1,"button-style","create-btn",3,"ngClass","disabled","click"],[1,"label"],["type","text","placeholder","Enter new project name","formControlName","newProjectName",1,"input-style",3,"value","input"],["refNewProjectName",""],[4,"ngIf"],["type","submit",1,"button-style","create-btn",3,"click"],[1,"label-config"],[1,"help-icon-container"],["src","../../assets/icons/help.svg",1,"help-icon"],[1,"tooltiptext"],[1,"choose-file-btn"],["type","button",1,"input-id",3,"click"],["jsonImportProjectFilename",""],[2,"padding-bottom","2vh"],[1,"modal-message-container"],[1,"display-message-container"],[1,"display-msg"],[1,"validation-success"],[3,"_modalUnsupportedImage","_unsupportedImageBodyStyle","_unsupportedImageList"],[3,"_loading"],[1,"overlay"],[2,"margin-top","40vh","color","rgb(255, 255, 255, 0.9)","text-align","center","font-size","3vh"],[1,"validation"],[1,"error-create-msg"],[1,"empty-container"],[1,"labeltooltiptext"],[1,"validation-rename"],[1,"error-msg"],[3,"ngClass"]],template:function(e,t){if(1&e&&(h.mc(0,ae,3,1,"div",0),h.Ib(1,"page-header",1),h.Mb(2,"div",2),h.Mb(3,"data-set-side-menu",3),h.Tb("_onCreate",function(e){return t.toggleModalDisplay(e)})("_onImport",function(){return t.importProject()}),h.Lb(),h.Mb(4,"div"),h.Ib(5,"data-set-header"),h.Mb(6,"data-set-card",4),h.Tb("_onClick",function(e){return t.onSubmit(!1,e)})("_onStarred",function(e){return t.onStarred(e)})("_onDelete",function(e){return t.deleteProject(e)})("_onRename",function(e){return t.toggleRenameModalDisplay(e)}),h.Lb(),h.Lb(),h.Lb(),h.Mb(7,"modal",5),h.Wb(8,"translate"),h.Mb(9,"form",6),h.Mb(10,"div",7),h.Mb(11,"div",8),h.Mb(12,"label",9),h.oc(13),h.Wb(14,"translate"),h.Lb(),h.Mb(15,"input",10,11),h.Tb("input",function(e){return t.onChange(e.target.value)}),h.Lb(),h.Lb(),h.mc(17,ce,4,2,"ng-container",12),h.mc(18,se,1,0,"ng-template",null,13,h.nc),h.Ib(20,"br"),h.Mb(21,"div",14),h.Mb(22,"label",15),h.oc(23),h.Wb(24,"translate"),h.Lb(),h.Mb(25,"button",16),h.Tb("click",function(){return t.selectProjectFolder()}),h.oc(26),h.Wb(27,"translate"),h.Lb(),h.Lb(),h.Mb(28,"div",17),h.Ib(29,"label",18,19),h.Lb(),h.Ib(31,"br"),h.Mb(32,"div",20),h.Mb(33,"label",21),h.oc(34),h.Wb(35,"translate"),h.Ib(36,"br"),h.oc(37),h.Wb(38,"translate"),h.Mb(39,"img",22),h.Tb("mouseover",function(){return t.showLabelTooltip=!0})("mouseout",function(){return t.showLabelTooltip=!1}),h.Lb(),h.Lb(),h.Mb(40,"div",23),h.Mb(41,"button",24),h.Tb("click",function(){return t.importLabelFile()}),h.oc(42),h.Wb(43,"translate"),h.Lb(),h.Lb(),h.Lb(),h.mc(44,le,7,6,"span",25),h.Mb(45,"div",26),h.Ib(46,"label",27,28),h.Lb(),h.Ib(48,"div",29),h.Mb(49,"div",30),h.Mb(50,"button",31),h.Tb("click",function(){return t.onSubmit(!0)}),h.oc(51),h.Wb(52,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Mb(53,"modal",5),h.Wb(54,"translate"),h.Mb(55,"form",6),h.Mb(56,"div",7),h.Mb(57,"div",8),h.Mb(58,"label",32),h.oc(59),h.Wb(60,"translate"),h.Lb(),h.Mb(61,"input",33,34),h.Tb("input",function(e){return t.onChangeRename(e.target.value)}),h.Lb(),h.Lb(),h.mc(63,pe,4,2,"ng-container",35),h.Ib(64,"div",29),h.Mb(65,"div",30),h.Mb(66,"button",36),h.Tb("click",function(){return t.onSubmitRename()}),h.oc(67),h.Wb(68,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Mb(69,"modal",5),h.Wb(70,"translate"),h.Ib(71,"br"),h.Mb(72,"form",6),h.Mb(73,"div",7),h.Mb(74,"div",20),h.Mb(75,"label",37),h.oc(76),h.Wb(77,"translate"),h.Lb(),h.Mb(78,"div",38),h.Ib(79,"img",39),h.Mb(80,"span",40),h.Mb(81,"p"),h.oc(82),h.Wb(83,"translate"),h.Lb(),h.Mb(84,"p"),h.oc(85),h.Wb(86,"translate"),h.Lb(),h.Lb(),h.Lb(),h.Mb(87,"label",41),h.oc(88),h.Wb(89,"translate"),h.Mb(90,"button",42),h.Tb("click",function(){return t.onSelectImportProjectJson()}),h.oc(91),h.Lb(),h.Lb(),h.Ib(92,"label",27,43),h.Lb(),h.mc(94,me,6,5,"ng-container",35),h.Ib(95,"div",44),h.Ib(96,"div",29),h.Lb(),h.Lb(),h.Lb(),h.Mb(97,"modal",5),h.Wb(98,"translate"),h.Mb(99,"div",45),h.Mb(100,"div",46),h.Mb(101,"p",47),h.oc(102),h.Wb(103,"translate"),h.Mb(104,"b",48),h.oc(105),h.Wb(106,"translate"),h.Lb(),h.oc(107,"! "),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Mb(108,"modal",5),h.Wb(109,"translate"),h.Mb(110,"div",45),h.Mb(111,"div",46),h.Mb(112,"p",47),h.oc(113),h.Wb(114,"translate"),h.Mb(115,"b",48),h.oc(116),h.Wb(117,"translate"),h.Lb(),h.oc(118,"! "),h.Lb(),h.Lb(),h.Lb(),h.Lb(),h.Ib(119,"unsupported-image-modal",49),h.Ib(120,"spinner",50)),2&e){var n,o=h.fc(19),a=null;h.ac("ngIf",t.isOverlayOn),h.xb(1),h.ac("_onChange",t.onChangeSchema),h.xb(5),h.ac("_jsonSchema",t.projectList),h.xb(1),h.ac("id",t.modalIdCreateProject)("modalBodyStyle",t.createProjectModalBodyStyle)("modalTitle",h.Xb(8,59,"createNewProject"))("scrollable",!1),h.xb(2),h.ac("formGroup",t.form),h.xb(4),h.qc("",h.Xb(14,61,"newProjectName")," "),h.xb(2),h.ac("value",t.inputProjectName),h.xb(2),h.ac("ngIf",(null==(a=t.form.get("projectName"))?null:a.touched)&&(null==(a=t.form.get("projectName"))?null:a.invalid))("ngIfElse",o),h.xb(6),h.pc(h.Xb(24,63,"projectFolder")),h.xb(3),h.qc(" ",h.Xb(27,65,"chooseFolder")," "),h.xb(8),h.qc(" ",h.Xb(35,67,"labelListFile"),""),h.xb(3),h.qc(" ",h.Xb(38,69,"optional"),": "),h.xb(5),h.qc(" ",h.Xb(43,71,"chooseFile")," "),h.xb(2),h.ac("ngIf",t.showLabelTooltip),h.xb(6),h.ac("ngClass",t.isCreateFormIncomplete()?"disabled-create-btn":null)("disabled",t.isCreateFormIncomplete()),h.xb(1),h.qc(" ",h.Xb(52,73,"createButton")," "),h.xb(2),h.ac("id",t.modalIdRenameProject)("modalBodyStyle",t.renameProjectModalBodyStyle)("modalTitle",h.Xb(54,75,"renameProject"))("scrollable",!1),h.xb(2),h.ac("formGroup",t.renameForm),h.xb(4),h.qc("",h.Xb(60,77,"newProjectName")," "),h.xb(2),h.ac("value",t.inputProjectName),h.xb(2),h.ac("ngIf",null==(n=t.renameForm.get("newProjectName"))?null:n.touched),h.xb(4),h.qc(" ",h.Xb(68,79,"updateButton")," "),h.xb(2),h.ac("id",t.modalIdImportProject)("modalBodyStyle",t.importProjectModalBodyStyle)("modalTitle",h.Xb(70,81,"menuName.importProject"))("scrollable",!1),h.xb(3),h.ac("formGroup",t.form),h.xb(4),h.qc("",h.Xb(77,83,"importJson")," "),h.xb(6),h.pc(h.Xb(83,85,"configFileInfoDest1")),h.xb(3),h.pc(h.Xb(86,87,"configFileInfoDest2")),h.xb(3),h.qc(" ",h.Xb(89,89,"chooseFile")," "),h.xb(3),h.qc(" ","Import"," "),h.xb(3),h.ac("ngIf",t.modalSpanMessage.trim()),h.xb(3),h.ac("id",t.modalIdRenameSuccess)("modalBodyStyle",t.renameSuccessBodyStyle)("modalTitle",h.Xb(98,91,"renameProject"))("scrollable",!1),h.xb(5),h.rc(" ",t.projectName," ",h.Xb(103,93,"renameMsg")," "),h.xb(3),h.pc(h.Xb(106,95,"success")),h.xb(3),h.ac("id",t.modalIdDeleteProject)("modalBodyStyle",t.deleteProjectBodyStyle)("modalTitle",h.Xb(109,97,"deleteProject"))("scrollable",!1),h.xb(5),h.rc(" ",t.projectName," ",h.Xb(114,99,"deleteMsg")," "),h.xb(3),h.pc(h.Xb(117,101,"success")),h.xb(3),h.ac("_modalUnsupportedImage",t.modalUnsupportedImage)("_unsupportedImageBodyStyle",t.unsupportedImageBodyStyle)("_unsupportedImageList",t.unsupportedImageList),h.xb(1),h.ac("_loading",t.isLoading)}},directives:[i.k,P.a,S,N,A,K.a,f.n,f.g,f.d,f.a,f.f,f.c,i.i,Y.a,G.a],pipes:[y.c],styles:[".upper-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;margin-top:5vh}.model[_ngcontent-%COMP%]{z-index:1000;padding-top:10vh;top:0;width:100%;height:100%;overflow:auto;background-color:transparent;scrollbar-width:none;position:fixed;background:rgba(0,0,0,.7)}.model-content[_ngcontent-%COMP%]{background-color:#525353;padding:1vw;border:solid;max-width:30vw;min-width:30vw;border-radius:1vw;margin:15vh auto auto}.content-container[_ngcontent-%COMP%]{margin-left:1.3vw}.content-header[_ngcontent-%COMP%]{color:#fff;font-size:3vh}.new-project-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:3vh 0 0;-webkit-align-items:baseline;align-items:baseline}.label[_ngcontent-%COMP%]{margin-right:1vw}.label[_ngcontent-%COMP%], .label-config[_ngcontent-%COMP%]{color:#fff;font-size:2vh}.label-config[_ngcontent-%COMP%]{padding-top:.5vh}.input-style[_ngcontent-%COMP%]{border-radius:2vw;border:none;outline:none;background-color:#363636;min-width:11vw;max-width:12vw;min-height:4vh;max-height:4vh;font-size:2vh;color:#fff;padding:0 1vw}.validation[_ngcontent-%COMP%]{margin-left:11vw}.validation[_ngcontent-%COMP%], .validation-rename[_ngcontent-%COMP%]{color:red;margin-top:1.02vh;margin-bottom:.25vh}.validation-rename[_ngcontent-%COMP%]{margin-left:7.5vw}.validation-error[_ngcontent-%COMP%]{margin:1px;color:red}.validation-success[_ngcontent-%COMP%]{margin:1px;color:green}.error-create-msg[_ngcontent-%COMP%], .error-msg[_ngcontent-%COMP%]{padding-top:1vh;font-size:2vh}.error-create-msg[_ngcontent-%COMP%]{padding-left:1vw}.select-file-container[_ngcontent-%COMP%], .select-folder-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:0}.empty-container[_ngcontent-%COMP%], .file-name-container[_ngcontent-%COMP%], .folder-name-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:1.5vh 0 0 12vw;min-height:2vh}.filename[_ngcontent-%COMP%], .foldername[_ngcontent-%COMP%]{font-size:1.8vh;color:#fff;overflow:hidden;text-overflow:ellipsis}.input[_ngcontent-%COMP%]{color:#7fffd4}.horizontal-line[_ngcontent-%COMP%]{background-color:#fff;min-height:.3vh;max-height:.3vh;margin:2vh auto}.model-button-container[_ngcontent-%COMP%]{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;padding:.5vw}.button-file-style[_ngcontent-%COMP%], .button-style[_ngcontent-%COMP%]{padding:1vh 1.5vw;border-radius:1vh;border:none;outline:none;color:#fff;cursor:pointer;font-size:2vh}.button-file-style[_ngcontent-%COMP%]{max-height:4vh}.choose-file-button[_ngcontent-%COMP%], .choose-folder-button[_ngcontent-%COMP%]{background-color:#444}.create-btn[_ngcontent-%COMP%]{background-color:#2d8ceb}.disabled-create-btn[_ngcontent-%COMP%]{cursor:not-allowed;background-color:#444!important;color:#777!important}.cancel-btn[_ngcontent-%COMP%]{background-color:#444;margin-right:.7vw}.choose-file-btn[_ngcontent-%COMP%]{font-size:2vh;text-decoration:none;background-color:#444;color:#fff;padding:.5vh 1vw;border:none;border-radius:1vh;margin-right:1vw;cursor:pointer}.label-name[_ngcontent-%COMP%]{width:9.5vw;padding-top:.2vh;padding-right:1vw}.help-icon-container[_ngcontent-%COMP%]{padding-right:1vw;padding-left:.2vw}.help-icon[_ngcontent-%COMP%]{height:3vh}.label-file[_ngcontent-%COMP%]{padding-top:1vh;padding-right:.2vw}.label-select-folder[_ngcontent-%COMP%]{padding-top:.7vh;padding-right:1vw;width:9.5vw}.label-select-label[_ngcontent-%COMP%]{color:#fff;font-size:2vh;padding-top:0;width:11.5vw}.label-select-file[_ngcontent-%COMP%]{padding-top:.5vh;width:9.5vw}.input-id[_ngcontent-%COMP%]{font-size:2vh;display:none}.overlay[_ngcontent-%COMP%]{z-index:3000;position:absolute;background-color:rgba(0,0,0,.9);width:99.9vw;height:99.7vh;cursor:not-allowed}.tooltip[_ngcontent-%COMP%]{position:relative;display:inline-block;border-bottom:1px dotted #000;font-size:15px;text-decoration:underline;margin-top:1vh}.tooltiptitle[_ngcontent-%COMP%]{opacity:.3}.help-icon-container[_ngcontent-%COMP%]   .tooltiptext[_ngcontent-%COMP%]{visibility:hidden;width:10vw;min-width:200px;background-color:#000;color:#fff;text-align:left;border-radius:6px;padding:1vh .5vw;position:absolute;top:60%;margin-left:-60px;text-align:justify;text-justify:inter-word}.help-icon-container[_ngcontent-%COMP%]:hover   .tooltiptext[_ngcontent-%COMP%]{visibility:visible}.labeltooltiptext[_ngcontent-%COMP%]{width:13vw;background-color:#000;color:#fff;text-align:left;border-radius:6px;padding:1vh .5vw;position:absolute;top:67%;left:30%;margin-left:-60px;text-align:justify;text-justify:inter-word}.display-message-container[_ngcontent-%COMP%]{padding-left:1.2vw}.display-msg[_ngcontent-%COMP%]{font-size:2vh;color:#fff}.modal-content-container[_ngcontent-%COMP%]{margin-left:1.3vw}"]}),ue)}],ve=((ge=function t(){e(this,t)}).\u0275mod=h.Fb({type:ge}),ge.\u0275inj=h.Eb({factory:function(e){return new(e||ge)},imports:[[v.d.forChild(he)]]}),ge),we=a("KZX/"),je=((fe=function t(){e(this,t)}).\u0275mod=h.Fb({type:fe}),fe.\u0275inj=h.Eb({factory:function(e){return new(e||fe)},imports:[[i.b,we.a,ve]]}),fe)}}])}();