(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{RN8A:function(e,t,n){"use strict";n.r(t),n.d(t,"DataSetLayoutModule",function(){return pe});var o=n("ofXK"),a=n("XIp8"),i=n("SxV6"),r=n("lJxs"),c=n("eIep"),s=n("5+tZ"),l=n("/uUt"),d=n("1G5W"),b=n("XNiG"),p=n("l5mm"),m=n("z6cu"),h=n("3Pt+"),g=n("fXoL"),u=n("tyNb"),f=n("LY9J"),v=n("F7l1"),_=n("14na"),j=n("I7yr"),w=n("1F7/"),M=n("x2Se"),P=n("sYmb");function x(e,t){if(1&e){const e=g.Nb();g.Kb(0),g.Mb(1,"div",5),g.Mb(2,"div",6),g.Tb("click",function(){return g.hc(e),g.Vb(2).displayModal()}),g.Ib(3,"img",7),g.Mb(4,"label",8),g.oc(5),g.Wb(6,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Jb()}if(2&e){const e=g.Vb(),t=e.index,n=e.$implicit;g.xb(1),g.yb("data-index",t),g.xb(2),g.ac("src",n.src,g.jc),g.xb(2),g.pc(g.Xb(6,3,n.name))}}function C(e,t){if(1&e){const e=g.Nb();g.Mb(0,"div",9),g.Tb("click",function(){g.hc(e);const t=g.Vb().$implicit;return g.Vb().onClickButton(t.id)}),g.Ib(1,"img",10),g.Mb(2,"label",11),g.oc(3),g.Wb(4,"translate"),g.Lb(),g.Lb()}if(2&e){const e=g.Vb(),t=e.$implicit;g.yb("data-index",e.index),g.xb(1),g.lc(t.style),g.ac("src",t.src,g.jc),g.xb(2),g.pc(g.Xb(4,5,t.name))}}function y(e,t){if(1&e&&(g.Kb(0),g.mc(1,x,7,5,"ng-container",3),g.mc(2,C,5,7,"ng-template",null,4,g.nc),g.Jb()),2&e){const e=t.index,n=g.fc(3);g.xb(1),g.ac("ngIf",0===e)("ngIfElse",n)}}let L=(()=>{class e{constructor(){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 g.n,this._onImport=new g.n,this.displayModal=()=>{this._onCreate.emit(!0)},this.onClickButton=e=>{"importProject"===e?this._onImport.emit():console.log("This feature is not available yet")}}ngOnInit(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=g.Bb({type:e,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&&(g.Mb(0,"div",0),g.mc(1,y,4,2,"ng-container",1),g.Lb(),g.Ib(2,"div",2)),2&e&&(g.xb(1),g.ac("ngForOf",t.menuSchema))},directives:[o.j,o.k],pipes:[P.c],styles:[".dataset-sidemenu-container[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;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:flex;justify-content:space-around;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:flex;align-items:center;border-radius:5vh;padding:1vh 1vw;margin-left:2vw;min-width:10vw;max-width:10vw;min-height:5vh;max-height:5vh;flex:1 1 100%}.current-project-btn[_ngcontent-%COMP%]:hover{background-color:#525353}.project-icon[_ngcontent-%COMP%]{min-height:4vh;max-height:4vh;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;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}"]}),e})(),O=(()=>{class e{constructor(){this.selectedKey=new g.n}ngOnInit(){}onOptionsSelected(e){this.selectedKey.emit(e)}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=g.Bb({type:e,selectors:[["data-set-header"]],outputs:{selectedKey:"selectedKey"},decls:17,vars:3,consts:[[1,"dataset-header-container"],[1,"label",2,"padding-right","50vw"],[1,"dataset-dropdown-container"],[1,"dropdown-title"],[1,"dropdown",3,"change"],["mySelect",""],["value","project_name"],["value","created_date"],["value","last_modified_date"],[1,"dataset-icon-container"]],template:function(e,t){if(1&e){const e=g.Nb();g.Mb(0,"div",0),g.Mb(1,"label",1),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Mb(4,"div",2),g.Mb(5,"label",3),g.oc(6,"Sort By: "),g.Lb(),g.Mb(7,"select",4,5),g.Tb("change",function(){g.hc(e);const n=g.fc(8);return t.onOptionsSelected(n.value)}),g.Mb(9,"option",6),g.oc(10,"Project Name"),g.Lb(),g.Mb(11,"option",7),g.oc(12,"Created Date"),g.Lb(),g.Mb(13,"option",8),g.oc(14,"Last Modified Date"),g.Lb(),g.Lb(),g.Lb(),g.Mb(15,"div",9),g.Ib(16,"div"),g.Lb(),g.Lb()}2&e&&(g.xb(2),g.pc(g.Xb(3,1,"datasetHeader.datasetManagement")))},directives:[h.j,h.m],pipes:[P.c],styles:[".dataset-header-container[_ngcontent-%COMP%]{display:flex;justify-content:space-around;align-items:center;padding:1vw;min-width:80vw;max-width:80vw}.dropdown[_ngcontent-%COMP%]{background-color:#353535;border:#000;color:#fff;font-size:2vh;padding:.7vh .7vw}.label[_ngcontent-%COMP%]{flex:1 1 80vw;background:none;font-size:2.5vh;color:#fff;white-space:nowrap;min-height:inherit;max-height:inherit}.dataset-dropdown-container[_ngcontent-%COMP%]{display:flex}.dropdown-title[_ngcontent-%COMP%]{flex:1 1 80vw;background:none;font-size:2.5vh;color:#fff;white-space:nowrap;padding-right:.5vw;min-height:inherit;max-height:inherit}.dataset-icon-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;flex:1 1 20%}.dataset-icon[_ngcontent-%COMP%]{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}.dataset-select[_ngcontent-%COMP%]:focus, .dataset-select[_ngcontent-%COMP%]:hover, select[_ngcontent-%COMP%]{-moz-appearance:none;-webkit-appearance:none}option[_ngcontent-%COMP%]{background:#000;text-align:center}"]}),e})();function I(e,t){1&e&&(g.Kb(0),g.Mb(1,"div",2),g.Mb(2,"div",3),g.Mb(3,"div",4),g.Mb(4,"label",5),g.oc(5),g.Wb(6,"translate"),g.Lb(),g.Lb(),g.Mb(7,"div"),g.Mb(8,"label",6),g.oc(9),g.Wb(10,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Jb()),2&e&&(g.xb(5),g.pc(g.Xb(6,2,"datasetCard.fetchingProject")),g.xb(4),g.pc(g.Xb(10,4,"datasetCard.pleaseWait")))}const S=function(e){return{disabled:e}};function k(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"label",24),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Jb()),2&e){const e=g.Vb().$implicit;g.xb(1),g.ac("ngClass",g.dc(4,S,!e.root_path_valid)),g.xb(1),g.qc(" ",g.Xb(3,2,"datasetCard.uploading")," ")}}function N(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"label",26),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Jb()),2&e){const e=g.Vb(2).$implicit;g.xb(1),g.ac("ngClass",g.dc(4,S,!e.root_path_valid)),g.xb(1),g.pc(g.Xb(3,2,"datasetCard.new"))}}function F(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"label",27),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Jb()),2&e){const e=g.Vb(2).$implicit;g.xb(1),g.ac("ngClass",g.dc(4,S,!e.root_path_valid)),g.xb(1),g.pc(g.Xb(3,2,"datasetCard.available"))}}function W(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"label",28),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Jb()),2&e){const e=g.Vb(2).$implicit;g.xb(1),g.ac("ngClass",g.dc(4,S,!e.root_path_valid)),g.xb(1),g.pc(g.Xb(3,2,"datasetCard.opened"))}}function D(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"label",29),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Jb()),2&e){const e=g.Vb(2).$implicit;g.xb(1),g.ac("ngClass",g.dc(4,S,!e.root_path_valid)),g.xb(1),g.pc(g.Xb(3,2,"datasetCard.invalidPath"))}}function T(e,t){if(1&e&&(g.Kb(0,25),g.mc(1,N,4,6,"ng-container",16),g.mc(2,F,4,6,"ng-container",16),g.mc(3,W,4,6,"ng-container",16),g.mc(4,D,4,6,"ng-container",16),g.Jb()),2&e){const e=g.Vb().$implicit;g.ac("ngSwitch",e),g.xb(1),g.ac("ngIf",e.is_new&&e.root_path_valid),g.xb(1),g.ac("ngIf",!e.is_new&&!e.is_loaded&&e.root_path_valid),g.xb(1),g.ac("ngIf",!e.is_new&&e.is_loaded&&e.root_path_valid),g.xb(1),g.ac("ngIf",!e.root_path_valid)}}function X(e,t){if(1&e){const e=g.Nb();g.Kb(0),g.Mb(1,"span"),g.Mb(2,"div",30),g.Mb(3,"div",31),g.Tb("click",function(){g.hc(e);const t=g.Vb().$implicit;return g.Vb(3).onRenameProject(t.project_name)}),g.oc(4),g.Wb(5,"translate"),g.Lb(),g.Mb(6,"div",31),g.Tb("click",function(){g.hc(e);const t=g.Vb().$implicit;return g.Vb(3).onDeleteProject(t.project_name)}),g.oc(7),g.Wb(8,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Jb()}2&e&&(g.xb(4),g.qc(" ",g.Xb(5,2,"datasetCard.renameProject")," "),g.xb(3),g.qc(" ",g.Xb(8,4,"datasetCard.deleteProject")," "))}const E=function(e){return[e]};function z(e,t){if(1&e){const e=g.Nb();g.Kb(0),g.Mb(1,"div",9),g.Tb("dblclick",function(){g.hc(e);const n=t.$implicit,o=t.index,a=g.Vb(3);return n.root_path_valid&&a.onOpenProject(o,n)}),g.Mb(2,"div",10),g.Mb(3,"div"),g.mc(4,k,4,6,"ng-container",0),g.mc(5,T,5,5,"ng-template",null,11,g.nc),g.Lb(),g.Mb(7,"div",12),g.Mb(8,"div",13),g.Tb("click",function(){g.hc(e);const n=t.$implicit;return g.Vb(3).onStarred(n,!n.is_starred)})("dblclick",function(t){return g.hc(e),g.Vb(3).onDblClickStopPropagate(t)}),g.Ib(9,"img",14),g.Lb(),g.Mb(10,"div",13),g.Tb("click",function(){g.hc(e);const n=t.index;return g.Vb(3).onDisplayMore(n)})("dblclick",function(t){return g.hc(e),g.Vb(3).onDblClickStopPropagate(t)}),g.Ib(11,"img",15),g.Lb(),g.mc(12,X,9,6,"ng-container",16),g.Lb(),g.Lb(),g.Mb(13,"div",17),g.Mb(14,"label",18),g.Mb(15,"div",19),g.oc(16),g.Wb(17,"translate"),g.Lb(),g.Lb(),g.Mb(18,"label",18),g.Mb(19,"div",19),g.oc(20),g.Wb(21,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Mb(22,"div",20),g.Mb(23,"label",18),g.Mb(24,"div",21),g.oc(25),g.Lb(),g.Lb(),g.Lb(),g.Mb(26,"div",20),g.Mb(27,"label",18),g.Mb(28,"div",21),g.oc(29),g.Wb(30,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Mb(31,"div",22),g.Mb(32,"label",18),g.Mb(33,"div",23),g.oc(34),g.Wb(35,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Jb()}if(2&e){const e=t.$implicit,n=t.index,o=g.fc(6),a=g.Vb(3);g.xb(1),g.ac("ngClass",g.dc(33,S,!e.root_path_valid)),g.yb("data-index",n),g.xb(3),g.ac("ngIf",a.isExactIndex(n)&&a._jsonSchema.isUploading)("ngIfElse",o),g.xb(5),g.ac("src",g.dc(35,E,e.is_starred?a.starredActiveIcon:a.starredInactiveIcon),g.jc),g.xb(3),g.ac("ngIf",a.isExactIndex(n)),g.xb(2),g.ac("title",e.created_timestamp)("ngClass",g.dc(37,S,!e.root_path_valid)),g.xb(2),g.rc(" ",g.Xb(17,25,"datasetCard.created")," ",e.created_date," "),g.xb(2),g.ac("title",e.last_modified_timestamp)("ngClass",g.dc(39,S,!e.root_path_valid)),g.xb(2),g.rc(" ",g.Xb(21,27,"datasetCard.modified")," ",e.last_modified_date," "),g.xb(3),g.ac("title",e.project_name)("ngClass",g.dc(41,S,!e.root_path_valid)),g.xb(2),g.qc(" ",e.project_name," "),g.xb(2),g.ac("title","Total Photo: "+e.total_uuid)("ngClass",g.dc(43,S,!e.root_path_valid)),g.xb(2),g.rc(" ",g.Xb(30,29,"datasetCard.totalPhoto")," ",e.total_uuid," "),g.xb(3),g.ac("title",e.project_path)("ngClass",g.dc(45,S,!e.root_path_valid)),g.xb(2),g.rc(" ",g.Xb(35,31,"datasetCard.projectPath")," : ",e.project_path," ")}}function B(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"div",2),g.mc(2,z,36,47,"ng-container",8),g.Lb(),g.Jb()),2&e){const e=g.Vb(2);g.xb(2),g.ac("ngForOf",e._jsonSchema.projects)}}function $(e,t){1&e&&(g.Mb(0,"div",2),g.Mb(1,"div",3),g.Mb(2,"div",4),g.Mb(3,"label",5),g.oc(4),g.Wb(5,"translate"),g.Lb(),g.Lb(),g.Mb(6,"div"),g.Mb(7,"label",6),g.oc(8),g.Wb(9,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Lb()),2&e&&(g.xb(4),g.pc(g.Xb(5,2,"datasetCard.noProject")),g.xb(4),g.pc(g.Xb(9,4,"datasetCard.createNew")))}function R(e,t){if(1&e&&(g.mc(0,B,3,1,"ng-container",0),g.mc(1,$,10,6,"ng-template",null,7,g.nc)),2&e){const e=g.fc(2),t=g.Vb();g.ac("ngIf",t._jsonSchema.projects.length>0)("ngIfElse",e)}}let V=(()=>{class e{constructor(e){this._cd=e,this._onClick=new g.n,this._onStarred=new g.n,this._onDelete=new g.n,this._onRename=new g.n,this.starredActiveIcon="../../../assets/icons/starred_active.svg",this.starredInactiveIcon="../../../assets/icons/starred.svg",this.cardSchema={clickIndex:-1},this.previousProjectLength=0,this.conditionalDisableProject=({is_loaded:e})=>e?"disabled":"enabled",this.conditionalDisableClickEvent=e=>e,this.onOpenProject=(e,{project_name:t})=>{!this.isExactIndex(e)&&this._onClick.emit(t)},this.onDisplayMore=(e=this.cardSchema.clickIndex)=>{const{clickIndex:t}=this.cardSchema;this.cardSchema={clickIndex:t===e?-1:e}},this.onCloseDisplay=()=>{this.cardSchema.clickIndex=-1},this.onStarred=(e,t)=>{const{project_name:n}=e;this._jsonSchema.projects=this._jsonSchema.projects.map(e=>e.project_name===n?(e.is_starred=t,e):e),this._onStarred.emit({projectName:n,starred:t})},this.isExactIndex=e=>e===this.cardSchema.clickIndex,this.onDblClickStopPropagate=e=>e.stopPropagation()}ngOnInit(){}onRenameProject(e){this._onRename.emit({shown:!0,projectName:e}),this.onCloseDisplay()}onDeleteProject(e){this._onDelete.emit(e),this.onCloseDisplay()}ngOnChanges(e){const{isUploading:t}=e._jsonSchema.currentValue;!t&&this.onDisplayMore(),this._jsonSchema.projects.length!==this.previousProjectLength&&(this.cardSchema.clickIndex=-1),this.previousProjectLength=this._jsonSchema.projects.length}}return e.\u0275fac=function(t){return new(t||e)(g.Hb(g.h))},e.\u0275cmp=g.Bb({type:e,selectors:[["data-set-card"]],inputs:{_jsonSchema:"_jsonSchema"},outputs:{_onClick:"_onClick",_onStarred:"_onStarred",_onDelete:"_onDelete",_onRename:"_onRename"},features:[g.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&&(g.mc(0,I,11,6,"ng-container",0),g.mc(1,R,3,2,"ng-template",null,1,g.nc)),2&e){const e=g.fc(2);g.ac("ngIf",t._jsonSchema.isFetching)("ngIfElse",e)}},directives:[o.k,o.j,o.i,o.m],pipes:[P.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:flex;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: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:flex;flex-direction:row;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:flex;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);transform-origin:left top;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;transform:translateY(-10px)}}@keyframes appear{0%{opacity:0;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:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1f1f1f;width:100%}']}),e})();var J=n("44N4"),q=n("OObL"),U=n("TJKd");const H=["refProjectName"],K=["projectfoldername"],A=["labeltextfilename"],G=["refNewProjectName"],Y=["jsonImportProjectFile"],Z=["jsonImportProjectFilename"];function Q(e,t){if(1&e&&(g.Mb(0,"div",52),g.Mb(1,"p",53),g.oc(2),g.Lb(),g.Lb()),2&e){const e=g.Vb();g.xb(2),g.qc(" ",e.isImageUploading?"Uploading the Images. Please Wait...":"Selection Window is Opened"," ")}}function ee(e,t){1&e&&(g.Mb(0,"span"),g.Mb(1,"small",55),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Lb()),2&e&&(g.xb(2),g.qc(" ",g.Xb(3,1,"projectNameExist")," "))}function te(e,t){1&e&&(g.Mb(0,"span"),g.Mb(1,"small",55),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Lb()),2&e&&(g.xb(2),g.qc(" ",g.Xb(3,1,"projectNameRequired")," "))}function ne(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"div",54),g.mc(2,ee,4,3,"span",36),g.mc(3,te,4,3,"span",36),g.Lb(),g.Jb()),2&e){const e=g.Vb();let t=null,n=null;g.xb(2),g.ac("ngIf",null==(t=e.form.get("projectName"))?null:t.getError("exist")),g.xb(1),g.ac("ngIf",null==(n=e.form.get("projectName"))?null:n.getError("required"))}}function oe(e,t){1&e&&g.Ib(0,"div",56)}function ae(e,t){1&e&&(g.Mb(0,"span",57),g.Mb(1,"p"),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Mb(4,"p"),g.oc(5),g.Wb(6,"translate"),g.Lb(),g.Lb()),2&e&&(g.xb(2),g.pc(g.Xb(3,2,"labelFileDest1")),g.xb(3),g.pc(g.Xb(6,4,"labelFileDest2")))}function ie(e,t){1&e&&(g.Mb(0,"span"),g.Mb(1,"small",59),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Lb()),2&e&&(g.xb(2),g.qc(" ",g.Xb(3,1,"projectNameExist")," "))}function re(e,t){1&e&&(g.Mb(0,"span"),g.Mb(1,"small",59),g.oc(2),g.Wb(3,"translate"),g.Lb(),g.Lb()),2&e&&(g.xb(2),g.qc(" ",g.Xb(3,1,"projectNameRequired")," "))}function ce(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"div",58),g.mc(2,ie,4,3,"span",36),g.mc(3,re,4,3,"span",36),g.Lb(),g.Jb()),2&e){const e=g.Vb();let t=null,n=null;g.xb(2),g.ac("ngIf",null==(t=e.renameForm.get("newProjectName"))?null:t.getError("exist")),g.xb(1),g.ac("ngIf",null==(n=e.renameForm.get("newProjectName"))?null:n.getError("required"))}}function se(e,t){if(1&e&&(g.Kb(0),g.Mb(1,"div",60),g.Mb(2,"span"),g.Mb(3,"small",59),g.oc(4),g.Wb(5,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Jb()),2&e){const e=g.Vb();g.xb(1),g.ac("ngClass",e.spanClass),g.xb(3),g.rc("",g.Xb(5,3,e.modalSpanMessage),"",e.modalImportProjectName,"")}}const le=[{path:"",component:(()=>{class e{constructor(e,t,n,o,g,u,f){this._fb=e,this._router=t,this._dataSetService=n,this._spinnerService=o,this._imgLblModeService=g,this._languageService=u,this._modalService=f,this.onChangeSchema={currentThumbnailIndex:-1,thumbnailName:"",totalNumThumbnail:0,status:void 0},this.projectList={projects:[],isUploading:!1,isFetching:!1},this.sortedProject=[],this.inputProjectName="",this.newInputProjectName="",this.selectedProjectName="",this.oldProjectName="",this.subject$=new b.a,this.thumbnailList=[],this.labelList=[],this.unsubscribe$=new b.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.keyToSort="project_name",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.keyIsSelected=e=>{this.keyToSort=e,this.showProjectList()},this.showProjectList=()=>{this.projectList.isFetching=!0,this._dataSetService.getProjectList().pipe(Object(i.a)()).subscribe(({content:e})=>{if(e){const t=Object(a.a)(e);switch(this.keyToSort){case"project_name":this.sortedProject=t.sort((e,t)=>t.project_name<e.project_name?1:-1);break;case"created_date":this.sortedProject=t.sort((e,t)=>t.created_date>e.created_date?1:-1);break;case"last_modified_date":this.sortedProject=t.sort((e,t)=>t.last_modified_date>e.last_modified_date?1:-1);break;default:this.sortedProject=t.sort((e,t)=>t.project_name<e.project_name?1:-1)}const n=this.sortedProject.map(e=>Object.assign(Object.assign({},e),{created_timestamp:this.formatTimestamp(e.created_date),last_modified_timestamp:this.formatTimestamp(e.last_modified_date),created_date:this.formatDate(e.created_date),last_modified_date:this.formatDate(e.last_modified_date)}));this.projectList=Object.assign(Object.assign({},this.projectList),{projects:n,isFetching:!1})}})},this.formatDate=e=>{const t=new Date(e),n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"].find((e,n)=>n===t.getMonth()||void 0);return n?`${n}-${t.getDate()}-${t.getFullYear()}`:"Error"},this.formatTimestamp=e=>{const t=new Date(e),n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"].find((e,n)=>n===t.getMonth()||void 0);return n?`${n}-${t.getDate()}-${t.getFullYear()} ${t.toLocaleTimeString()}`:"Error"},this.createFormControls=()=>{this.form=this._fb.group({projectName:["",h.l.required]})},this.renameFormControls=()=>{this.renameForm=this._fb.group({newProjectName:["",h.l.required]})},this.onChange=e=>{this.inputProjectName=e},this.onChangeRename=e=>{this.newInputProjectName=e},this.toggleModalDisplay=e=>{this._projectFoldername.nativeElement.innerHTML="",this._labelTextFilename.nativeElement.innerHTML="",e&&this.form.reset(),e?this._modalService.open(this.modalIdCreateProject):this._modalService.close(this.modalIdCreateProject)},this.toggleRenameModalDisplay=e=>{if(!e)return void this._modalService.close(this.modalIdRenameProject);const{shown:t,projectName:n}=e;t?(this.renameForm.reset(),this._modalService.open(this.modalIdRenameProject)):this._modalService.close(this.modalIdRenameProject),this.oldProjectName=n},this.toggleImportProjectModalDisplay=e=>{this.modalSpanMessage="",e?this._modalService.open(this.modalIdImportProject):this._modalService.close(this.modalIdImportProject)},this.onSelectImportProjectJson=()=>{this.toggleImportProjectModalDisplay(!0);const e=this._dataSetService.importStatus();this._dataSetService.importProject().pipe(Object(i.a)(),Object(r.a)(({message:e})=>e)).subscribe(t=>{let n=!1;Object(p.a)(500).pipe(Object(c.a)(()=>e),Object(i.a)(e=>(this.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(e=>{this.modalSpanMessage="DATABASE_UPDATED"===e.file_system_message?"importSuccess":"importAborted",this.modalImportProjectName="DATABASE_UPDATED"===e.file_system_message&&e.project_name?e.project_name:"",this.processIsSuccess(5!==e.file_system_status),this.showProjectList()})})},this.processIsSuccess=e=>{this.spanClass=e?"validation-success":"validation-error"},this.importProject=()=>{this.toggleImportProjectModalDisplay(!0)},this.onStarred=({projectName:e,starred:t})=>{this._dataSetService.updateProjectStatus(e,t,"star").pipe(Object(i.a)()).subscribe(({message:e})=>console.log(e),t=>this.projectList={isUploading:this.projectList.isUploading,isFetching:this.projectList.isFetching,projects:this.projectList.projects.map(t=>t.project_name===e?Object.assign(Object.assign({},t),{is_starred:!1}):t)})},this.onSubmit=(e,t)=>{var n,o,a;this.form.markAllAsTouched(),e?this.inputProjectName?this.projectList.projects&&this.projectList.projects.find(e=>e&&e.project_name===this.inputProjectName)?(null===(n=this.form.get("projectName"))||void 0===n||n.setErrors({exist:!0}),this._refProjectName.nativeElement.focus()):(this.createProject(this.inputProjectName),this.selectedProjectName=null===(o=this.form.get("projectName"))||void 0===o?void 0:o.value):(null===(a=this.form.get("projectName"))||void 0===a||a.setErrors({required:!0}),this._refProjectName.nativeElement.focus()):t&&this.startProject(t)},this.startProject=e=>{this._router.navigate(["imglabel/"+this.imgLblMode],{state:{projectName:e}})},this.createProject=e=>{const t=this._dataSetService.createNewProject(e,this.labelPath,this.projectFolderPath),n=this._dataSetService.localUploadStatus(e);let o=0;const a=({message:e,error_code:t,error_message:o})=>1===e?Object(p.a)(500).pipe(Object(s.a)(()=>n),Object(i.a)(({file_system_status:e,unsupported_image_list:t})=>(this.unsupportedImageList=t,this.isOverlayOn=1===e||2===e,this.isImageUploading=2===e,3===e))):Object(m.a)(new Error(`ERROR ${t}: ${o}`));this.projectList=Object.assign(Object.assign({},this.projectList),{isUploading:!0}),this.subjectSubscription=this.subject$.pipe(Object(i.a)(),Object(s.a)(()=>t),Object(s.a)(e=>a(e))).subscribe(e=>{3===e.file_system_status&&this.toggleModalDisplay(!1),this.isProjectLoading=!0,o=e?--o:o,o<1&&(this.projectList=Object.assign(Object.assign({},this.projectList),{isUploading:!1}))},e=>{console.log(e)},()=>{this.isProjectLoading=!1,this.showProjectList(),this.unsupportedImageList.length>0&&this._dataSetService.downloadUnsupportedImageList(e,this.unsupportedImageList).then(e=>{e&&this._modalService.open(this.modalUnsupportedImage)})}),this.subject$.next()},this.renameProject=(e,t)=>{this._dataSetService.renameProject(e,t).pipe(Object(i.a)(),Object(r.a)(({message:e})=>e)).subscribe(t=>{1===t&&(this._languageService._translate.get("renameSuccess").subscribe(t=>{this.projectName=e,this.modalSpanMessage=t,this._modalService.open(this.modalIdRenameSuccess)}),this.showProjectList(),this.toggleRenameModalDisplay())})},this.deleteProject=e=>{this._dataSetService.deleteProject(e).pipe(Object(i.a)(),Object(r.a)(({message:e})=>e)).subscribe(t=>{1===t&&(this._languageService._translate.get("deleteSuccess").subscribe(t=>{this.isDeleteSuccess=!0,this.projectName=e,this._modalService.open(this.modalIdDeleteProject)}),this.showProjectList())})},this.keyDownEvent=({key:e})=>{"Escape"===e&&this.toggleRenameModalDisplay()&&this.toggleModalDisplay(!1)},this._imgLblModeService.imgLabelMode$.pipe(Object(l.a)()).subscribe(e=>this.imgLblMode=e),this._spinnerService.returnAsObservable().pipe(Object(d.a)(this.unsubscribe$)).subscribe(e=>this.isLoading=e),this.createFormControls(),this.renameFormControls(),this._languageService.initializeLanguage("data-set-page",["data-set-page-en","data-set-page-cn","data-set-page-ms"])}ngOnInit(){this.showProjectList()}onSubmitRename(){var e,t,n;this.renameForm.markAllAsTouched(),this.newInputProjectName?this.projectList.projects&&this.projectList.projects.find(e=>e?e.project_name===this.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())}isCreateFormIncomplete(){return""===this.inputProjectName||""===this.projectFolderPath}selectProjectFolder(){const e=this._dataSetService.importProjectFolderStatus();this._dataSetService.importProjectFolder().pipe(Object(i.a)(),Object(r.a)(({message:e})=>e)).subscribe(t=>{let n=!1;Object(p.a)(500).pipe(Object(c.a)(()=>e),Object(i.a)(e=>(this.isOverlayOn=0===e.window_status,1===e.window_status&&""!==e.project_path&&(this._projectFoldername.nativeElement.innerHTML=e.project_path.replace(/^.*[\\\/]/,""),this.projectFolderPath=e.project_path),1===e.window_status&&(n=!0),n))).subscribe(e=>{this.showProjectList()})})}importLabelFile(){const e=this._dataSetService.importLabelFileStatus();this._dataSetService.importLabelFile().pipe(Object(i.a)(),Object(r.a)(({message:e})=>e)).subscribe(t=>{let n=!1;Object(p.a)(500).pipe(Object(c.a)(()=>e),Object(i.a)(e=>(this.isOverlayOn=0===e.window_status,1===e.window_status&&""!==e.label_file_path&&(this._labelTextFilename.nativeElement.innerHTML=e.label_file_path.replace(/^.*[\\\/]/,""),this.labelPath=e.label_file_path),1===e.window_status&&(n=!0),n))).subscribe(e=>{this.showProjectList()})})}onWindowClose(e){e.preventDefault(),this.isProjectLoading&&(e.returnValue="Are you sure you want to leave this page?")}ngOnDestroy(){this.unsubscribe$.next(),this.unsubscribe$.complete()}}return e.\u0275fac=function(t){return new(t||e)(g.Hb(h.b),g.Hb(u.a),g.Hb(f.a),g.Hb(v.a),g.Hb(_.a),g.Hb(j.a),g.Hb(w.a))},e.\u0275cmp=g.Bb({type:e,selectors:[["data-set-layout"]],viewQuery:function(e,t){if(1&e&&(g.tc(H,!0),g.tc(K,!0),g.tc(A,!0),g.tc(G,!0),g.tc(Y,!0),g.tc(Z,!0)),2&e){let e;g.ec(e=g.Ub())&&(t._refProjectName=e.first),g.ec(e=g.Ub())&&(t._projectFoldername=e.first),g.ec(e=g.Ub())&&(t._labelTextFilename=e.first),g.ec(e=g.Ub())&&(t._refNewProjectName=e.first),g.ec(e=g.Ub())&&(t._jsonImportProjectFile=e.first),g.ec(e=g.Ub())&&(t._jsonImportProjectFilename=e.first)}},hostBindings:function(e,t){1&e&&g.Tb("keydown",function(e){return t.keyDownEvent(e)},!1,g.gc)("beforeunload",function(e){return t.onWindowClose(e)},!1,g.gc)},decls:121,vars:103,consts:[["class","overlay",4,"ngIf"],[3,"_onChange"],[1,"upper-container"],[3,"_onCreate","_onImport"],[3,"selectedKey"],[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&&(g.mc(0,Q,3,1,"div",0),g.Ib(1,"page-header",1),g.Mb(2,"div",2),g.Mb(3,"data-set-side-menu",3),g.Tb("_onCreate",function(e){return t.toggleModalDisplay(e)})("_onImport",function(){return t.importProject()}),g.Lb(),g.Mb(4,"div"),g.Mb(5,"data-set-header",4),g.Tb("selectedKey",function(e){return t.keyIsSelected(e)}),g.Lb(),g.Mb(6,"data-set-card",5),g.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)}),g.Lb(),g.Lb(),g.Lb(),g.Mb(7,"modal",6),g.Wb(8,"translate"),g.Mb(9,"form",7),g.Mb(10,"div",8),g.Mb(11,"div",9),g.Mb(12,"label",10),g.oc(13),g.Wb(14,"translate"),g.Lb(),g.Mb(15,"input",11,12),g.Tb("input",function(e){return t.onChange(e.target.value)}),g.Lb(),g.Lb(),g.mc(17,ne,4,2,"ng-container",13),g.mc(18,oe,1,0,"ng-template",null,14,g.nc),g.Ib(20,"br"),g.Mb(21,"div",15),g.Mb(22,"label",16),g.oc(23),g.Wb(24,"translate"),g.Lb(),g.Mb(25,"button",17),g.Tb("click",function(){return t.selectProjectFolder()}),g.oc(26),g.Wb(27,"translate"),g.Lb(),g.Lb(),g.Mb(28,"div",18),g.Ib(29,"label",19,20),g.Lb(),g.Ib(31,"br"),g.Mb(32,"div",21),g.Mb(33,"label",22),g.oc(34),g.Wb(35,"translate"),g.Ib(36,"br"),g.oc(37),g.Wb(38,"translate"),g.Mb(39,"img",23),g.Tb("mouseover",function(){return t.showLabelTooltip=!0})("mouseout",function(){return t.showLabelTooltip=!1}),g.Lb(),g.Lb(),g.Mb(40,"div",24),g.Mb(41,"button",25),g.Tb("click",function(){return t.importLabelFile()}),g.oc(42),g.Wb(43,"translate"),g.Lb(),g.Lb(),g.Lb(),g.mc(44,ae,7,6,"span",26),g.Mb(45,"div",27),g.Ib(46,"label",28,29),g.Lb(),g.Ib(48,"div",30),g.Mb(49,"div",31),g.Mb(50,"button",32),g.Tb("click",function(){return t.onSubmit(!0)}),g.oc(51),g.Wb(52,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Mb(53,"modal",6),g.Wb(54,"translate"),g.Mb(55,"form",7),g.Mb(56,"div",8),g.Mb(57,"div",9),g.Mb(58,"label",33),g.oc(59),g.Wb(60,"translate"),g.Lb(),g.Mb(61,"input",34,35),g.Tb("input",function(e){return t.onChangeRename(e.target.value)}),g.Lb(),g.Lb(),g.mc(63,ce,4,2,"ng-container",36),g.Ib(64,"div",30),g.Mb(65,"div",31),g.Mb(66,"button",37),g.Tb("click",function(){return t.onSubmitRename()}),g.oc(67),g.Wb(68,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Mb(69,"modal",6),g.Wb(70,"translate"),g.Ib(71,"br"),g.Mb(72,"form",7),g.Mb(73,"div",8),g.Mb(74,"div",21),g.Mb(75,"label",38),g.oc(76),g.Wb(77,"translate"),g.Lb(),g.Mb(78,"div",39),g.Ib(79,"img",40),g.Mb(80,"span",41),g.Mb(81,"p"),g.oc(82),g.Wb(83,"translate"),g.Lb(),g.Mb(84,"p"),g.oc(85),g.Wb(86,"translate"),g.Lb(),g.Lb(),g.Lb(),g.Mb(87,"label",42),g.oc(88),g.Wb(89,"translate"),g.Mb(90,"button",43),g.Tb("click",function(){return t.onSelectImportProjectJson()}),g.oc(91),g.Lb(),g.Lb(),g.Ib(92,"label",28,44),g.Lb(),g.mc(94,se,6,5,"ng-container",36),g.Ib(95,"div",45),g.Ib(96,"div",30),g.Lb(),g.Lb(),g.Lb(),g.Mb(97,"modal",6),g.Wb(98,"translate"),g.Mb(99,"div",46),g.Mb(100,"div",47),g.Mb(101,"p",48),g.oc(102),g.Wb(103,"translate"),g.Mb(104,"b",49),g.oc(105),g.Wb(106,"translate"),g.Lb(),g.oc(107,"! "),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Mb(108,"modal",6),g.Wb(109,"translate"),g.Mb(110,"div",46),g.Mb(111,"div",47),g.Mb(112,"p",48),g.oc(113),g.Wb(114,"translate"),g.Mb(115,"b",49),g.oc(116),g.Wb(117,"translate"),g.Lb(),g.oc(118,"! "),g.Lb(),g.Lb(),g.Lb(),g.Lb(),g.Ib(119,"unsupported-image-modal",50),g.Ib(120,"spinner",51)),2&e){const e=g.fc(19);let n=null,o=null;g.ac("ngIf",t.isOverlayOn),g.xb(1),g.ac("_onChange",t.onChangeSchema),g.xb(5),g.ac("_jsonSchema",t.projectList),g.xb(1),g.ac("id",t.modalIdCreateProject)("modalBodyStyle",t.createProjectModalBodyStyle)("modalTitle",g.Xb(8,59,"createNewProject"))("scrollable",!1),g.xb(2),g.ac("formGroup",t.form),g.xb(4),g.qc("",g.Xb(14,61,"newProjectName")," "),g.xb(2),g.ac("value",t.inputProjectName),g.xb(2),g.ac("ngIf",(null==(n=t.form.get("projectName"))?null:n.touched)&&(null==(n=t.form.get("projectName"))?null:n.invalid))("ngIfElse",e),g.xb(6),g.pc(g.Xb(24,63,"projectFolder")),g.xb(3),g.qc(" ",g.Xb(27,65,"chooseFolder")," "),g.xb(8),g.qc(" ",g.Xb(35,67,"labelListFile"),""),g.xb(3),g.qc(" ",g.Xb(38,69,"optional"),": "),g.xb(5),g.qc(" ",g.Xb(43,71,"chooseFile")," "),g.xb(2),g.ac("ngIf",t.showLabelTooltip),g.xb(6),g.ac("ngClass",t.isCreateFormIncomplete()?"disabled-create-btn":null)("disabled",t.isCreateFormIncomplete()),g.xb(1),g.qc(" ",g.Xb(52,73,"createButton")," "),g.xb(2),g.ac("id",t.modalIdRenameProject)("modalBodyStyle",t.renameProjectModalBodyStyle)("modalTitle",g.Xb(54,75,"renameProject"))("scrollable",!1),g.xb(2),g.ac("formGroup",t.renameForm),g.xb(4),g.qc("",g.Xb(60,77,"newProjectName")," "),g.xb(2),g.ac("value",t.inputProjectName),g.xb(2),g.ac("ngIf",null==(o=t.renameForm.get("newProjectName"))?null:o.touched),g.xb(4),g.qc(" ",g.Xb(68,79,"updateButton")," "),g.xb(2),g.ac("id",t.modalIdImportProject)("modalBodyStyle",t.importProjectModalBodyStyle)("modalTitle",g.Xb(70,81,"menuName.importProject"))("scrollable",!1),g.xb(3),g.ac("formGroup",t.form),g.xb(4),g.qc("",g.Xb(77,83,"importJson")," "),g.xb(6),g.pc(g.Xb(83,85,"configFileInfoDest1")),g.xb(3),g.pc(g.Xb(86,87,"configFileInfoDest2")),g.xb(3),g.qc(" ",g.Xb(89,89,"chooseFile")," "),g.xb(3),g.qc(" ","Import"," "),g.xb(3),g.ac("ngIf",t.modalSpanMessage.trim()),g.xb(3),g.ac("id",t.modalIdRenameSuccess)("modalBodyStyle",t.renameSuccessBodyStyle)("modalTitle",g.Xb(98,91,"renameProject"))("scrollable",!1),g.xb(5),g.rc(" ",t.projectName," ",g.Xb(103,93,"renameMsg")," "),g.xb(3),g.pc(g.Xb(106,95,"success")),g.xb(3),g.ac("id",t.modalIdDeleteProject)("modalBodyStyle",t.deleteProjectBodyStyle)("modalTitle",g.Xb(109,97,"deleteProject"))("scrollable",!1),g.xb(5),g.rc(" ",t.projectName," ",g.Xb(114,99,"deleteMsg")," "),g.xb(3),g.pc(g.Xb(117,101,"success")),g.xb(3),g.ac("_modalUnsupportedImage",t.modalUnsupportedImage)("_unsupportedImageBodyStyle",t.unsupportedImageBodyStyle)("_unsupportedImageList",t.unsupportedImageList),g.xb(1),g.ac("_loading",t.isLoading)}},directives:[o.k,M.a,L,O,V,J.a,h.n,h.g,h.d,h.a,h.f,h.c,o.i,q.a,U.a],pipes:[P.c],styles:[".upper-container[_ngcontent-%COMP%]{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:flex;flex-direction:row;margin:3vh 0 0;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:flex;flex-direction:row;margin:0}.empty-container[_ngcontent-%COMP%], .file-name-container[_ngcontent-%COMP%], .folder-name-container[_ngcontent-%COMP%]{display:flex;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:flex;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}"]}),e})()}];let de=(()=>{class e{}return e.\u0275mod=g.Fb({type:e}),e.\u0275inj=g.Eb({factory:function(t){return new(t||e)},imports:[[u.d.forChild(le)]]}),e})();var be=n("KZX/");let pe=(()=>{class e{}return e.\u0275mod=g.Fb({type:e}),e.\u0275inj=g.Eb({factory:function(t){return new(t||e)},imports:[[o.b,be.a,de]]}),e})()}}]);