@tiposaurio/guido-lib
Version:
1 lines • 55.5 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"GuidoLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"GuidoLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-guido-lib","template":"\n <p>\n guido-lib works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GuidoLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GuidoLibComponent"}],"imports":[],"exports":[{"__symbolic":"reference","name":"GuidoLibComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"ng-template[appStepTitle]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"ng-template[appStepContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":26,"character":1},"arguments":[{"selector":"gui-step"}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"validStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":54,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":81,"character":1},"arguments":[{"selector":"gui-step-group","animations":[{"__symbolic":"reference","name":"ɵq"}],"template":"<!-- <ul class=\"nav justify-content-center\" id=\"myStep\" role=\"steplist\"> -->\r\n<ul [class]=\"'nav lamb-nav-tabs nav-' + type + (orientation == 'horizontal'? ' ' + justifyClass : ' flex-column' )\" id=\"myStep\"\r\n role=\"steplist\">\r\n\r\n <!-- <ng-template ngFor let-step [ngForOf]=\"steps\" *ngFor=\"let step of steps\"> -->\r\n <ng-template ngFor let-step [ngForOf]=\"steps\">\r\n <li class=\"nav-item\">\r\n <a [id]=\"step.id\" class=\"nav-link\" [class.active]=\"step.id === activeId\" [class.disabled]=\"step.disabled || !step.isValidStep\"\r\n role=\"step\" [attr.stepindex]=\"(step.disabled || !step.isValidStep ? '-1': undefined)\"\r\n [attr.aria-controls]=\"(!destroyOnHide || step.id === activeId ? step.id + '-panel': null)\" [attr.aria-expanded]=\"step.id === activeId\"\r\n [attr.aria-disabled]=\"step.disabled || !step.isValidStep\" (click)=\"current(step.id)\"><!---->\r\n <!-- (click)=\"!!onSelect(step.id)\" | Yo Guido declaro haber modificado el codigo de vitmar jhonson, pero si funciona la cosa...vamos con fé--> \r\n <!-- data-toggle=\"step\" aria-selected=\"true\" -->\r\n <ng-template [ngIf]=\"step.icon\">\r\n <span class=\"lamb-round-tabs\" [title]=\"step.title\">\r\n <i class=\"{{ step.icon }} lamb-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <br>\r\n <span class=\"lamb-round-text\">\r\n {{ step.title }}\r\n </span>\r\n <ng-template [ngTemplateOutlet]=\"step.titleTemplate?.templateRef\"></ng-template>\r\n </a>\r\n </li>\r\n <li class=\"nav-line\" *ngIf=\"hideLineRight(step.id)\">\r\n <div class=\"lamb-liner\"></div>\r\n </li>\r\n </ng-template>\r\n\r\n <!-- <ng-content select=\"lamb-step-head\"></ng-content> -->\r\n</ul>\r\n<div class=\"tab-content lamb-content\" id=\"myStepContent\">\r\n <!-- <ng-content select=\"lamb-step-body\"></ng-content> -->\r\n <ng-template ngFor let-step [ngForOf]=\"steps\">\r\n <!-- class=\"step-pane fade {{ step.id === activeId ? 'active': null }}\" -->\r\n <!--\r\n <div [@slideOfRight]=\"((step.id === activeId) && (status === 'next')) ? 'next': 'back'\" class=\"tab-pane {{ step.id === activeId ? 'active': 'active' }}\"\r\n *ngIf=\"!destroyOnHide || step.id === activeId\" role=\"steppanel\" [attr.aria-labelledby]=\"step.id\" id=\"{{ step.id }}-panel\"\r\n [attr.aria-expanded]=\"step.id === activeId\"> -->\r\n\r\n <div class=\"tab-pane {{ step.id === activeId ? 'active': null }}\" *ngIf=\"!destroyOnHide || step.id === activeId\" role=\"steppanel\"\r\n [attr.aria-labelledby]=\"step.id\" id=\"{{ step.id }}-panel\" [attr.aria-expanded]=\"step.id === activeId\">\r\n <div class=\"container\">\r\n <!---<div class=\"row\">\r\n <div class=\"col-md-12\">-->\r\n <ng-template [ngTemplateOutlet]=\"step.contentTemplate?.templateRef\"></ng-template>\r\n <!--</div>\r\n </div>-->\r\n </div>\r\n <!-- <div class=\"row lamb-button-manage\">\r\n <div class=\"offset-md-4 col-md-4\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\" *ngIf=\"hidePrevious\">\r\n <div class=\"form-group text-center space-20\">\r\n <button class=\"btn btn-sm btn-block btn-outline-rounded btn-secondary\" (click)=\"back()\">\r\n <span style=\"margin-right:10px;\" class=\"fa fa-arrow-left\"></span>\r\n {{ iConfigNames.buttonBack }}\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"hideNext\">\r\n <div class=\"form-group text-center space-20\">\r\n <button class=\"btn btn-sm btn-block btn-outline-rounded btn-info\" [disabled]=\"!step.isValidStep\" (click)=\"next()\">\r\n {{ iConfigNames.buttonNext }}\r\n <span style=\"margin-left:10px;\" class=\"fa fa-arrow-right\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"hidePrevious && !hideNext\">\r\n <div class=\"form-group text-center space-20\">\r\n <button class=\"btn btn-sm btn-block btn-outline-rounded btn-info\" [disabled]=\"!step.isValidStep\" (click)=\"complete()\">\r\n {{ iConfigNames.buttonFinish }}\r\n <span style=\"margin-left:10px;\" class=\"fa fa-check\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div> -->\r\n </div>\r\n </ng-template>\r\n</div>","styles":[".lamb-liner{height:2px;background:#ececec;position:relative;width:5rem;margin:0 auto;right:0;top:1.8rem;z-index:1;left:.5rem;color:#333}.tab-content{padding-top:.3rem}.nav-link{padding:0 0 5px}.nav-link .lamb-round-text{color:#000;text-transform:uppercase;font-size:.7rem}@media (max-width:550px){.lamb-liner{width:1rem}.nav-link .lamb-round-text{display:none}}.nav-link.active span.lamb-round-tabs{background:#2962ff;color:#fff}.lamb-nav-tabs{border-bottom:transparent;position:relative;margin:0 auto;box-sizing:border-box;text-align:center;padding:0 1.5rem;background-color:#fff;border-radius:1px solid #ccc}.lamb-nav-tabs li.nav-line{padding-left:0;padding-right:0}.lamb-nav-tabs li a{text-decoration:none}.lamb-button-manage{margin-top:1.5rem}span.lamb-round-tabs{width:40px;height:40px;line-height:40px;display:inline-block;border-radius:100px;background:#ececec;z-index:2;left:-1;text-align:center;font-size:1.3rem;position:relative;margin-top:.6rem;margin-bottom:0;color:#333}"]}]}],"members":{"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":93,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"activeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"configNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"destroyOnHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}}]}],"stepChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":5}}]}],"onComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":5}}]}],"justify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5}}]}],"onSelect":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵr"}]}],"ngOnInit":[{"__symbolic":"method"}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"getStepById":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"current":[{"__symbolic":"method"}],"getStepIdSplice":[{"__symbolic":"method"}],"hideLineRight":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gui-pagination","template":"<div class=\"row\">\r\n <div class=\"col-lg-1 col-md-1 col-sm-1 text-left\">\r\n <select class=\"form-control form-control-sm\" id=\"per_page\" (change)=\"changeValuePage($event.target)\">\r\n <option *ngFor=\"let p of perpages\" [value]=\"p.id\" [selected]=\"p.active\">{{ p.id }}</option>\r\n </select>\r\n </div>\r\n <label class=\"col-md-2 col-form-label required\"> de <strong>{{pagination.total_lista}}</strong></label>\r\n <div class=\"col-lg-8 col-md-8 col-sm-8 text-right\">\r\n <ngb-pagination [collectionSize]=\"pagination.total_lista\" [(page)]=\"pagination.pagina_actual\"\r\n size=\"sm\" [rotate]=\"true\" class=\"d-flex justify-content-end\"\r\n [pageSize]=\"pagination.ver_por_pagina\" [maxSize]=\"5\" (pageChange)=\"loadPage($event)\">\r\n </ngb-pagination>\r\n </div>\r\n</div>\r\n\r\n <!--\r\n<div class=\"row\">\r\n <div class=\"col-md-2\">\r\n <ngb-pagination class=\"d-flex justify-content-end\" (pageChange)=\"onPageChange($event)\" [boundaryLinks]=\"true\" [disabled]=\"isDisabled\"\r\n size=\"sm\" [pageSize]=\"dataPagination.size_page\" [maxSize]=\"5\" [collectionSize]=\"pagination.total\" [(page)]=\"dataPagination.page\"></ngb-pagination>\r\n </div>\r\n</div>\r\n -->"}]}],"members":{"pagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"eventPaginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"changeValuePage":[{"__symbolic":"method"}],"loadPage":[{"__symbolic":"method"}]}},"GuiBreadcrumbIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵg"}],"declarations":[{"__symbolic":"reference","name":"ɵg"}],"providers":[]}]}],"members":{}},"GuiButtonIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"gui-button-icon","template":"<button class=\"btn {{colorClass}} btn-sm\" [title]=\"title || ''\" [routerLink]=\"routerLink\" [disabled]=\"isDisabled\">\r\n<!-- <button class=\"btn lamb-btn-block btn-sm\" [title]=\"title || ''\" [routerLink]=\"routerLink\">\r\n <a class=\"btn lamb-btn-block btn-sm\" [title]=\"title || ''\" [routerLink]=\"routerLink\"> -->\r\n <span class=\"{{ icon }}\" [ngClass]=\"{'lamb-icon': !onlyIcon }\"></span>\r\n <span *ngIf=\"!onlyIcon\"> {{ label }}</span>\r\n <!-- </a> -->\r\n</button>","styles":[".lamb-icon{margin-right:3px}@media (max-width:550px){.lamb-btn-block{display:block;width:100%}}"]}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"colorClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"onlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GuiButtonIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":15,"character":8}],"exports":[{"__symbolic":"reference","name":"GuiButtonIconComponent"}],"declarations":[{"__symbolic":"reference","name":"GuiButtonIconComponent"}],"providers":[]}]}],"members":{}},"GuiConfirmDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModalModule","line":28,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵh"}],"providers":[{"__symbolic":"reference","name":"ConfirmDialogService"}],"entryComponents":[{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"ConfirmDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":16,"character":38}]}],"confirm":[{"__symbolic":"method"}],"confirmDelete":[{"__symbolic":"method"}],"confirmUpdate":[{"__symbolic":"method"}],"confirmSave":[{"__symbolic":"method"}],"confirmState":[{"__symbolic":"method"}],"getMessage":[{"__symbolic":"method"}]}},"GuiDividerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵi"}],"declarations":[{"__symbolic":"reference","name":"ɵi"}],"providers":[{"__symbolic":"reference","name":"ɵj"}]}]}],"members":{}},"GuiFieldsetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵp"}}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵp"}}],"providers":[]}]}],"members":{}},"InputIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gui-input-icon","template":"<div class=\"inner-addon {{ justify }}-addon\">\r\n <ng-content></ng-content>\r\n</div>","styles":["::ng-deep .inner-addon{position:relative}::ng-deep .inner-addon .fa{position:absolute;top:25%;padding-right:.5rem;padding-left:.5rem;pointer-events:none;font-size:initial}.start-addon .fa{left:0}.start-addon input{padding-left:30px}.end-addon .fa{right:0}.end-addon input{padding-right:30px}"]}]}],"members":{"justify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GuiInputIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"InputIconComponent"}],"declarations":[{"__symbolic":"reference","name":"InputIconComponent"}],"providers":[]}]}],"members":{}},"GuiStepsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":8}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵe"}}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵe"}}],"providers":[{"__symbolic":"reference","name":"ɵr"}]}]}],"members":{}},"AppStepChangeEvent":{"__symbolic":"interface"},"GuiTreeViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":8},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbCollapseModule","line":37,"character":8},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbPopoverModule","line":38,"character":8}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵt"}}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵt"}}],"providers":[]}]}],"members":{}},"GuiPaginationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbPaginationModule","line":19,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵf"}],"declarations":[{"__symbolic":"reference","name":"ɵf"}],"providers":[]}]}],"members":{}},"PaginationChangeEvent":{"__symbolic":"interface"},"GuiMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":18,"character":8}],"exports":[{"__symbolic":"reference","name":"ɵu"}],"declarations":[{"__symbolic":"reference","name":"ɵu"}],"providers":[]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"gui-breadcrumb","template":"<!-- ============================================================== -->\r\n<!-- Bread crumb and right sidebar toggle -->\r\n<!-- ============================================================== -->\r\n<div class=\"page-breadcrumb\">\r\n <div class=\"row\">\r\n <div class=\"col-12 align-self-center\">\r\n <h4 class=\"page-title\">{{pageInfo?.title}}</h4>\r\n <div class=\"d-flex align-items-center\">\r\n <nav aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <ng-template ngFor let-url [ngForOf]=\"pageInfo?.urls\" let-last=\"last\">\r\n <li class=\"breadcrumb-item\" *ngIf=\"!last\">\r\n <a (click)=\"eventBreadcrumb()\">{{url.title}}</a>\r\n </li>\r\n <li class=\"breadcrumb-item active\" *ngIf=\"last\">{{url.title}}</li>\r\n </ng-template>\r\n </ol>\r\n </nav>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<!-- <div class=\"page-breadcrumb\">\r\n <div class=\"row\">\r\n <div class=\"col-12 align-self-center\">\r\n <h4 class=\"page-title\">{{pageInfo?.title}}</h4>\r\n <div class=\"d-flex align-items-center\">\r\n <nav aria-label=\"breadcrumb\">\r\n <ol class=\"breadcrumb\">\r\n <ng-template ngFor let-url [ngForOf]=\"pageInfo?.urls\" let-last=\"last\">\r\n <li class=\"breadcrumb-item\" *ngIf=\"!last\">\r\n <a (click)=\"redirectBack(url.url)\">{{url.title}}</a>\r\n </li>\r\n <li class=\"breadcrumb-item active\" *ngIf=\"last\">{{url.title}}</li>\r\n </ng-template>\r\n </ol>\r\n </nav>\r\n </div>\r\n </div>\r\n </div>\r\n </div> -->\r\n<!-- ============================================================== -->\r\n<!-- End Bread crumb and right sidebar toggle -->\r\n<!-- ============================================================== -->","styles":[".page-breadcrumb{padding:10px 10px 0 15px}.page-breadcrumb .page-title{margin-bottom:0}.page-breadcrumb .breadcrumb{padding:0;margin:0;background:0 0;font-size:12px}.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:\"\\e649\";font-family:themify;color:#ccc;font-size:11px}"]}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"breadcrumbEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":15,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":16,"character":28},{"__symbolic":"reference","module":"@angular/platform-browser","name":"Title","line":17,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"redirectBack":[{"__symbolic":"method"}],"eventBreadcrumb":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"gui-confirm-dialog","template":"<div class=\"modal-header\">\r\n <h6 class=\"modal-title\">{{ title }}</h6>\r\n <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"dismiss()\">\r\n <span aria-hidden=\"true\">×</span>\r\n </button>\r\n</div>\r\n<div class=\"modal-body\">\r\n {{ message }}\r\n</div>\r\n<div class=\"modal-footer\">\r\n <button type=\"submit\" class=\"btn btn-light btn-sm\" (click)=\"cancel()\" autofocus>{{ btnCancelText }}</button>\r\n <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"ok()\" >{{ btnOkText }}</button>\r\n</div>","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"btnOkText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"btnCancelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":14,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"ok":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gui-divider","template":"\n <span class=\"{{ icon }}\"></span>\n <span class=\"lamb-title\">{{ title }} </span>\n <p>{{ description }}</p>\n <hr>\n ","styles":["hr{margin-top:.3rem}span{margin-right:.5rem}p{opacity:.8;margin-bottom:0;font-style:italic}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"gui-fieldset","template":"\n <fieldset class=\"fieldset-border\">\n <legend class=\"legend-border\">\n <ng-content select=\"gui-fieldset-head\"></ng-content>\n </legend>\n <ng-content></ng-content>\n <ng-content select=\"gui-fieldset-body\"></ng-content>\n </fieldset>\n ","styles":["fieldset.fieldset-border{border:1px groove #ddd!important;padding:0 1em 1em!important;box-shadow:0 0 0 0 #000}legend.legend-border{font-size:1em!important;font-weight:700!important;text-align:left!important;width:auto;padding:0 10px;border-bottom:none}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":63,"character":1},"arguments":[{"selector":"gui-fieldset-head","template":"\n <ng-content></ng-content>\n <ng-content caption=\"gn-fieldset-icon\" ></ng-content>\n <ng-content caption=\"gn-fieldset-title\"></ng-content>\n "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":87,"character":1},"arguments":[{"selector":"gui-fieldset-body","template":"\n <ng-content></ng-content>\n "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":109,"character":1},"arguments":[{"selector":"gui-fieldset-title","template":"\n <ng-content></ng-content>\n "}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":129,"character":1},"arguments":[{"selector":"gui-fieldset-icon","template":"\n <span class=\"{{ icon }} gn-icon\" ></span>\n ","styles":[" .gn-icon {\n font-size: medium;\n margin-right: 6px;\n }\n "]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵp":[{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵo"}],"ɵq":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":2,"character":28},"arguments":["slideOfRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":3,"character":4},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":5,"character":12},"arguments":[{"transform":"translateX(100%)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":6,"character":12},"arguments":[".35s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":6,"character":28},"arguments":[{"transform":"translateX(0)","opacity":1,"$quoted$":["opacity"]}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":9,"character":4},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":11,"character":12},"arguments":[{"transform":"translateX(0)","opacity":1,"$quoted$":["opacity"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":12,"character":12},"arguments":[".35s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":28},"arguments":[{"transform":"translateX(100%)","opacity":0,"$quoted$":["opacity"]}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":17,"character":4},"arguments":["next",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":18},"arguments":[{"height":"*","transform":"scaleY(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":18,"character":4},"arguments":["back",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":18},"arguments":[{"height":"6px","transform":"scaleY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":4},"arguments":["* => back",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":8},"arguments":[{"transform":"translateX(100%)","display":"block"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":8},"arguments":[".35s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":24},"arguments":[{"transform":"translateX(0)","display":"none"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":24,"character":4},"arguments":["* => next",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":8},"arguments":[{"transform":"translateX(0)","display":"none"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":8},"arguments":[".35s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":24},"arguments":[{"transform":"translateX(100%)","display":"block"}]}]}]]}]]},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gui-tree-view","template":"\n <ul class=\"treeview\" *ngIf=\"data && data.length\">\n <li *ngFor=\"let d of data\">\n <div class=\"card\">\n <div class=\"row\">\n <div class=\"col-md-12\">\n <div class=\"card-body\">\n <i *ngIf=\"d.children.length\" class=\"fas fa-{{d.collapse ? 'minus':'plus'}}-square\"\n (click)=\"d.collapse = !d.collapse\"></i>\n <i *ngIf=\"!d.children.length\" class=\"fa fa-square\"></i>\n <strong class=\"title-card\"> {{d.cont_asiento_nombre}} </strong>\n <a class=\"btn btn-ligth lamb-button-menu\" [ngbPopover]=\"templateOptions\" placement=\"bottom\">\n <span class=\"fas fa-ellipsis-v\"></span>\n </a>\n <ng-template #templateOptions>\n <ul class=\"menu-options\">\n <li (click)=\"newChildren(d)\">\n <a>\n <span class=\"fa fa-plus\"></span> Nuevo Hijo\n </a>\n </li>\n <li (click)=\"updated(d.cont_asiento_id)\">\n <a>\n <span class=\"fa fa-edit\"></span> Actualizar\n </a>\n </li>\n <li (click)=\"deleted(d.cont_asiento_id)\" *ngIf=\"!d.children.length\">\n <a>\n <span class=\"fa fa-trash\"></span> Eliminar\n </a>\n </li>\n </ul>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n\n <gui-tree-view *ngIf=\"d.collapse && d.children.length\"\n [data]=\"d.children\"\n [ngbCollapse]=\"d[collapseAttr]\"\n (eventNewChildren)=\"newChildren($event)\"\n (eventUpdate)=\"updated($event)\"\n (eventDelete)=\"deleted($event)\">\n </gui-tree-view>\n\n </li>\n </ul>\n ","styles":[".menu-div{font-size:.9rem;height:5.5rem}.ul-nav{padding:.2rem .6rem!important}.li-nav{list-style-type:none!important}.li-nav:hover{background-color:#f5f5f5!important}.l-icon{font-size:1.5rem;top:.3em;position:relative}.card{border:1px solid #ccc;border-radius:2px;margin:.5rem}.card a :active,.card a :focus,.card a:hover{text-decoration:underline;cursor:pointer}.card .card-img-left{height:3rem;margin-top:.5rem;margin-left:.5rem}.card .card-img-left:hover{cursor:pointer}.card .card-footer lamb-button-icon{float:right}.card .card-footer .lamb-badge{border-radius:50%;cursor:pointer}.card .lamb-link{opacity:.8;margin-bottom:0}.card .lamb-icons{cursor:pointer}.card .lamb-button-menu{position:absolute;right:.7rem;top:0;padding:.1rem .7rem;border-radius:50%;cursor:pointer}.card .lamb-button-menu :active,.card .lamb-button-menu :focus,.card .lamb-button-menu:hover{background-color:#ddd}.card .title-card{color:#000}.card .card-body{padding:.2rem!important}.card:hover{box-shadow:3px 3px 0 #999;-webkit-transition:box-shadow .1s ease-in-out;transition:box-shadow .1s ease-in-out}.card .menu-options{list-style-type:none;padding:0!important;margin:.8rem 0;width:10rem}.card .menu-options li{cursor:pointer;padding:.2rem 2rem;height:2rem}.card .menu-options li :active,.card .menu-options li:hover{background-color:#ddd}.card .menu-options li a{vertical-align:middle}.card .menu-options li a .menu-icon{font-size:1.2rem;margin-right:.4rem;vertical-align:middle}.card .menu-options li a span{text-decoration:none;vertical-align:middle}.me-content{display:-webkit-box;display:flex;flex-wrap:wrap}.treeview{list-style-type:none}.treeview .parent{font-weight:700;cursor:pointer}.treeview span{display:inline-block}.treeview .node-opened{-webkit-transform:rotate(90deg);transform:rotate(90deg)}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["data"]}]}],"collapseAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["collapseAll"]}]}],"eventNewChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"eventUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"eventDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"newChildren":[{"__symbolic":"method"}],"updated":[{"__symbolic":"method"}],"deleted":[{"__symbolic":"method"}],"_recursiveEdit":[{"__symbolic":"method"}]}},"ɵt":[{"__symbolic":"reference","name":"ɵs"}],"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"gui-menu","template":"<nav class=\"sidebar-nav\">\r\n <ul id=\"sidebarnav\">\r\n <!-- User Profile-->\r\n <!-- <li *ngIf=\"userData && userData.name\">\r\n <div class=\"user-profile d-flex no-block m-t-20\">\r\n <div class=\"user-pic\">\r\n <img src=\"assets/images/users/1.jpg\" alt=\"users\" class=\"rounded-circle\" width=\"40\" />\r\n </div>\r\n <div class=\"dropdown user-content hide-menu m-l-10\" ngbDropdown placement=\"bottom-right\">\r\n <a ngbDropdownToggle href=\"javascript:void(0)\" class=\"dropdown-toggle\" id=\"Userdd\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\"\r\n aria-expanded=\"false\">\r\n <h5 class=\"m-b-0 user-name font-medium\">{{userData.name}}\r\n <i class=\"fa fa-angle-down\"></i>\r\n </h5>\r\n <span class=\"op-5 user-email\">{{userData.email}}</span>\r\n </a>\r\n <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"Userdd\" ngbDropdownMenu>\r\n <a class=\"dropdown-item\" href=\"javascript:void(0)\">\r\n <i class=\"ti-user m-r-5 m-l-5\"></i> My Profile</a>\r\n <div class=\"dropdown-divider\"></div>\r\n <a class=\"dropdown-item\" href=\"javascript:void(0)\">\r\n <i class=\"ti-settings m-r-5 m-l-5\"></i> Account Setting</a>\r\n <div class=\"dropdown-divider\"></div>\r\n <a class=\"dropdown-item\" (click)=\"logout()\">\r\n <i class=\"fa fa-power-off m-r-5 m-l-5\"></i> Logout</a>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n <li class=\"p-15 m-t-10\">\r\n <a href=\"javascript:void(0)\" class=\"btn btn-block create-btn text-white no-block d-flex align-items-center\">\r\n <i class=\"fa fa-plus-square\"></i>\r\n <span class=\"hide-menu m-l-5\">Create New</span>\r\n </a>\r\n </li> -->\r\n <ng-container *ngIf=\"sidebarnavItems && sidebarnavItems.length\">\r\n <!-- First level menu -->\r\n <li class=\"sidebar-item\" [class.active]=\"showMenu === sidebarnavItem.title\" *ngFor=\"let sidebarnavItem of sidebarnavItems\"\r\n [routerLinkActive]=\"sidebarnavItem.submenu.length != 0 ? '' : 'active'\">\r\n <div class=\"nav-small-cap\" *ngIf=\"sidebarnavItem.extralink === true\">\r\n <i [ngClass]=\"[sidebarnavItem.icon]\"></i><span class=\"hide-menu\">{{sidebarnavItem.title | uppercase}}</span>\r\n </div>\r\n <a class=\"sidebar-link waves-effect waves-dark lines\" [routerLink]=\"sidebarnavItem.class === '' ? [sidebarnavItem.path] : null\"\r\n [ngClass]=\"[sidebarnavItem.class]\" *ngIf=\"!sidebarnavItem.extralink;\" (click)=\"addExpandClass(sidebarnavItem.title)\"\r\n [routerLinkActive]=\"sidebarnavItem.submenu.length != 0 ? '' : 'active'\">\r\n <i [ngClass]=\"[sidebarnavItem.icon]\"></i>\r\n <span class=\"hide-menu\">{{sidebarnavItem.title | uppercase }}</span>\r\n </a>\r\n <!-- Second level menu -->\r\n <ul aria-expanded=\"false\" class=\"collapse first-level\" *ngIf=\"sidebarnavItem.submenu.length > 0\" [ngClass]=\"{'in' : showMenu === sidebarnavItem.title }\">\r\n <li class=\"sidebar-item\" *ngFor=\"let sidebarnavSubItem of sidebarnavItem.submenu\"\r\n [class.active]=\"showSubMenu === sidebarnavSubItem.title\"\r\n [routerLinkActive]=\"sidebarnavSubItem.submenu.length > 0 ? '' : 'active'\">\r\n <!-- [routerLink]=\"sidebarnavSubItem.submenu.length > 0 ? null : [sidebarnavSubItem.path]\" -->\r\n <a class=\"sidebar-link\" (click)=\"selectedItem.emit(sidebarnavSubItem)\"\r\n [routerLinkActive]=\"sidebarnavSubItem.submenu.length > 0 ? '' : 'router-link-active'\"\r\n [ngClass]=\"[sidebarnavSubItem.class]\" *ngIf=\"!sidebarnavSubItem.extralink;\" (click)=\"addActiveClass(sidebarnavSubItem.title)\">\r\n <i [ngClass]=\"[sidebarnavSubItem.icon]\"></i>\r\n <span class=\"hide-menu\">{{sidebarnavSubItem.title}}</span>\r\n </a>\r\n <!-- Third level menu -->\r\n <!-- <ul aria-expanded=\"false\" class=\"collapse Second-level\" *ngIf=\"sidebarnavSubItem.submenu.length > 0\" [ngClass]=\"{'in' : showSubMenu === sidebarnavSubItem.title }\">\r\n <li class=\"sidebar-item\" *ngFor=\"let sidebarnavSubsubItem of sidebarnavSubItem.submenu\" routerLinkActive=\"active\" [ngClass]=\"[sidebarnavSubsubItem.class]\">\r\n <a class=\"sidebar-link\" [routerLink]=\"[sidebarnavSubsubItem.path]\" *ngIf=\"!sidebarnavSubsubItem.extralink;\" [routerLinkActive]=\"sidebarnavSubsubItem.submenu.length > 0 ? '' : 'router-link-active'\">\r\n <i [ngClass]=\"[sidebarnavSubsubItem.icon]\"></i>\r\n <span class=\"hide-menu\">{{sidebarnavSubsubItem.title}}</span>\r\n </a>\r\n </li>\r\n </ul> -->\r\n </li>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n</nav>\r\n","styles":["@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800);.left-sidebar{position:absolute;width:250px;height:100%;top:0;z-index:10;padding-top:64px;background:#fff;box-shadow:1px 0 20px rgba(0,0,0,.08);-webkit-transition:.2s ease-in;transition:.2s ease-in}.scroll-sidebar{height:calc(100% - 20px);position:relative}.sidebar-nav ul .sidebar-item{width:250px}.sidebar-nav ul .sidebar-item .sidebar-link{color:#5f6368!important;padding:7px 15px;displa