@tiposaurio/guido-lib/bundles/tiposaurio-guido-lib.umd.min.js

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/platform-browser"),require("rxjs/operators"),require("@angular/animations"),require("@ng-bootstrap/ng-bootstrap"),require("@angular/common"),require("@angular/core"),require("@angular/router")):"function"==typeof define&&define.amd?define("@tiposaurio/guido-lib",["exports","@angular/platform-browser","rxjs/operators","@angular/animations","@ng-bootstrap/ng-bootstrap","@angular/common","@angular/core","@angular/router"],t):t((e.tiposaurio=e.tiposaurio||{},e.tiposaurio["guido-lib"]={}),e.ng.platformBrowser,e.rxjs.operators,e.ng.animations,e.ngBootstrap,e.ng.common,e.ng.core,e.ng.router)}(this,function(e,t,a,n,r,i,o,s){"use strict";var l=(c.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],c.ctorParameters=function(){return[]},c.ngInjectableDef=o.defineInjectable({factory:function(){return new c},token:c,providedIn:"root"}),c);function c(){}var d=(p.prototype.ngOnInit=function(){},p.decorators=[{type:o.Component,args:[{selector:"lib-guido-lib",template:"\n    <p>\n      guido-lib works!\n    </p>\n  "}]}],p.ctorParameters=function(){return[]},p);function p(){}var u=(m.decorators=[{type:o.NgModule,args:[{declarations:[d],imports:[],exports:[d]}]}],m);function m(){}var g=(b.prototype.ngOnInit=function(){},b.prototype.redirectBack=function(e){var t=this.activatedRoute.snapshot.url;t[0]&&t[0].path},b.prototype.eventBreadcrumb=function(){this.breadcrumbEvent.emit(this)},b.decorators=[{type:o.Component,args:[{selector:"gui-breadcrumb",template:'\x3c!-- ============================================================== --\x3e\r\n\x3c!-- Bread crumb and right sidebar toggle --\x3e\r\n\x3c!-- ============================================================== --\x3e\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\x3c!-- <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> --\x3e\r\n\x3c!-- ============================================================== --\x3e\r\n\x3c!-- End Bread crumb and right sidebar toggle --\x3e\r\n\x3c!-- ============================================================== --\x3e',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}']}]}],b.ctorParameters=function(){return[{type:s.Router},{type:s.ActivatedRoute},{type:t.Title}]},b.propDecorators={layout:[{type:o.Input}],breadcrumbEvent:[{type:o.Output}]},b);function b(e,t,n){var r=this;this.router=e,this.activatedRoute=t,this.titleService=n,this.breadcrumbEvent=new o.EventEmitter,this.router.events.pipe(a.filter(function(e){return e instanceof s.NavigationEnd})).pipe(a.map(function(){return r.activatedRoute})).pipe(a.map(function(e){for(;e.firstChild;)e=e.firstChild;return e})).pipe(a.filter(function(e){return"primary"===e.outlet})).pipe(a.mergeMap(function(e){return e.data})).subscribe(function(e){r.titleService.setTitle(e.title),r.pageInfo=e})}var f=(v.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule],exports:[g],declarations:[g],providers:[]}]}],v);function v(){}var h=(y.prototype.ngOnInit=function(){},y.decorators=[{type:o.Component,args:[{selector:"gui-button-icon",template:'<button class="btn {{colorClass}} btn-sm" [title]="title || \'\'" [routerLink]="routerLink" [disabled]="isDisabled">\r\n\x3c!-- <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"> --\x3e\r\n    <span class="{{ icon }}" [ngClass]="{\'lamb-icon\': !onlyIcon }"></span>\r\n    <span *ngIf="!onlyIcon"> {{ label }}</span>\r\n    \x3c!-- </a> --\x3e\r\n</button>',styles:[".lamb-icon{margin-right:3px}@media (max-width:550px){.lamb-btn-block{display:block;width:100%}}"]}]}],y.ctorParameters=function(){return[]},y.propDecorators={"class":[{type:o.Input}],colorClass:[{type:o.Input}],label:[{type:o.Input}],isDisabled:[{type:o.Input}],routerLink:[{type:o.Input}],onlyIcon:[{type:o.Input}],icon:[{type:o.Input}],title:[{type:o.Input}]},y);function y(){this["class"]="btn btn-primary",this.icon="fa fa-plus-circle",this.label="Nuevo"}var x=(I.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule,s.RouterModule],exports:[h],declarations:[h],providers:[]}]}],I);function I(){}var k=(w.prototype.ngOnInit=function(){},w.prototype.cancel=function(){this.activeModal.dismiss(!1)},w.prototype.ok=function(){this.activeModal.close({daa:"ola Soy guido"})},w.prototype.dismiss=function(){this.activeModal.dismiss(!1)},w.decorators=[{type:o.Component,args:[{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">&times;</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:[""]}]}],w.ctorParameters=function(){return[{type:r.NgbActiveModal}]},w.propDecorators={title:[{type:o.Input}],message:[{type:o.Input}],btnOkText:[{type:o.Input}],btnCancelText:[{type:o.Input}]},w);function w(e){this.activeModal=e}var C="¿Estas seguro de Eliminar este registro?",S="¿Estas seguro de Actualizar este registro?",M="¿Estas seguro de Guardar?",O="¿Estas seguro de Cambiar Estado?",N="¿Estas seguro de realizar la Acción?",P=(D.prototype.confirm=function(e,t){void 0===e&&(e={});var n=this.gwModalService.open(k,{centered:!0});return n.componentInstance.title=e.title?e.title:this.config.title,n.componentInstance.message=e.message?e.message:this.getMessage(t),n.componentInstance.btnOkText=e.btnOkText?e.btnOkText:this.config.btnOkText,n.componentInstance.btnCancelText=e.btnCancelText?e.btnCancelText:this.config.btnCancelText,n.result},D.prototype.confirmDelete=function(e){return void 0===e&&(e={}),this.confirm(e,"D")},D.prototype.confirmUpdate=function(e){return void 0===e&&(e={}),this.confirm(e,"U")},D.prototype.confirmSave=function(e){return void 0===e&&(e={}),this.confirm(e,"S")},D.prototype.confirmState=function(e){return void 0===e&&(e={}),this.confirm(e,"E")},D.prototype.getMessage=function(e){switch(e){case"D":return C;case"U":return S;case"E":return O;case"S":return M;default:return this.config.message}},Object.defineProperty(D.prototype,"config",{get:function(){return{title:"Confirmación",message:N,btnOkText:"OK",btnCancelText:"CANCEL",dialogSize:"lg"}},enumerable:!0,configurable:!0}),D.decorators=[{type:o.Injectable}],D.ctorParameters=function(){return[{type:r.NgbModal}]},D);function D(e){this.gwModalService=e}var j=(E.decorators=[{type:o.NgModule,args:[{imports:[r.NgbModalModule],declarations:[k],providers:[P],entryComponents:[k]}]}],E);function E(){}var _=(z.decorators=[{type:o.Injectable}],z);function z(){this.icon="",this.description="",this.title=""}var T=(A.prototype.ngOnInit=function(){},A.decorators=[{type:o.Component,args:[{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}"]}]}],A.ctorParameters=function(){return[]},A.propDecorators={icon:[{type:o.Input}],title:[{type:o.Input}],description:[{type:o.Input}]},A);function A(){}var L=(F.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule],exports:[T],declarations:[T],providers:[_]}]}],F);function F(){}function B(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),o=[];try{for(;(void 0===t||0<t--)&&!(r=i.next()).done;)o.push(r.value)}catch(s){a={error:s}}finally{try{r&&!r.done&&(n=i["return"])&&n.call(i)}finally{if(a)throw a.error}}return o}function R(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(B(arguments[t]));return e}var G=(q.prototype.ngOnInit=function(){},q.decorators=[{type:o.Component,args:[{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}"]}]}],q.ctorParameters=function(){return[]},q);function q(){}var U=(V.decorators=[{type:o.Component,args:[{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    '}]}],V.ctorParameters=function(){return[]},V);function V(){}var X=($.decorators=[{type:o.Component,args:[{selector:"gui-fieldset-body",template:"\n        <ng-content></ng-content>\n    "}]}],$.ctorParameters=function(){return[]},$);function $(){}var H=(Y.decorators=[{type:o.Component,args:[{selector:"gui-fieldset-title",template:"\n    <ng-content></ng-content>\n    "}]}],Y.ctorParameters=function(){return[]},Y);function Y(){}var K=(J.decorators=[{type:o.Component,args:[{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        "]}]}],J.ctorParameters=function(){return[]},J.propDecorators={icon:[{type:o.Input}]},J);function J(){}var Q=[G,U,H,X,K],W=(Z.decorators=[{type:o.NgModule,args:[{imports:[],exports:R(Q),declarations:R(Q),providers:[]}]}],Z);function Z(){}var ee=(te.prototype.ngOnInit=function(){},te.decorators=[{type:o.Component,args:[{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}"]}]}],te.ctorParameters=function(){return[]},te.propDecorators={justify:[{type:o.Input}]},te);function te(){this.justify="end"}var ne=(re.decorators=[{type:o.NgModule,args:[{imports:[],exports:[ee],declarations:[ee],providers:[]}]}],re);function re(){}var ae=n.trigger("slideOfRight",[n.transition(":enter",[n.style({transform:"translateX(100%)",opacity:0}),n.animate(".35s",n.style({transform:"translateX(0)",opacity:1}))]),n.transition(":leave",[n.style({transform:"translateX(0)",opacity:1}),n.animate(".35s",n.style({transform:"translateX(100%)",opacity:0}))]),n.state("next",n.style({height:"*",transform:"scaleY(1)"})),n.state("back",n.style({height:"6px",transform:"scaleY(0)"})),n.transition("* => back",[n.style({transform:"translateX(100%)",display:"block"}),n.animate(".35s",n.style({transform:"translateX(0)",display:"none"}))]),n.transition("* => next",[n.style({transform:"translateX(0)",display:"none"}),n.animate(".35s",n.style({transform:"translateX(100%)",display:"block"}))])]),ie=function _e(e,t,n){this.buttonBack=e,this.buttonNext=t,this.buttonFinish=n},oe=(se.decorators=[{type:o.Injectable}],se);function se(){this.justify="center",this.orientation="horizontal",this.type="stepss",this.configNames=new ie("Anterior","Siguiente","Finalizar")}var le=(ce.decorators=[{type:o.Directive,args:[{selector:"ng-template[appStepTitle]"}]}],ce.ctorParameters=function(){return[{type:o.TemplateRef}]},ce);function ce(e){this.templateRef=e}var de=(pe.decorators=[{type:o.Directive,args:[{selector:"ng-template[appStepContent]"}]}],pe.ctorParameters=function(){return[{type:o.TemplateRef}]},pe);function pe(e){this.templateRef=e}var ue=0,me=(Object.defineProperty(ge.prototype,"validStep",{set:function(e){this.isValidStep="true"===e||!0===e},enumerable:!0,configurable:!0}),ge.decorators=[{type:o.Directive,args:[{selector:"gui-step"}]}],ge.propDecorators={id:[{type:o.Input}],title:[{type:o.Input}],icon:[{type:o.Input}],data:[{type:o.Input}],disabled:[{type:o.Input}],validStep:[{type:o.Input}],titleTemplate:[{type:o.ContentChild,args:[le]}],contentTemplate:[{type:o.ContentChild,args:[de]}]},ge);function ge(){this.id="app-step-"+ue++,this.disabled=!1,this.isValidStep=!0}var be=(Object.defineProperty(fe.prototype,"configNames",{set:function(e){this.iConfigNames.buttonBack=e.buttonBack||this.iConfigNames.buttonBack,this.iConfigNames.buttonNext=e.buttonNext||this.iConfigNames.buttonNext,this.iConfigNames.buttonFinish=e.buttonFinish||this.iConfigNames.buttonFinish},enumerable:!0,configurable:!0}),Object.defineProperty(fe.prototype,"justify",{set:function(e){this.justifyClass="fill"===e||"justified"===e?"nav-"+e:"justify-content-"+e},enumerable:!0,configurable:!0}),fe.prototype.onSelect=function(e){var t=this.getStepById(e),n=this.getStepById(this.activeId);if(t&&!t.disabled&&this.activeId!==t.id){var r=!1;this.stepChange.emit({activeId:this.activeId,activeData:n.data||null,nextId:t.id,preventDefault:function(){r=!0}}),r||(this.activeId=t.id)}},fe.prototype.ngOnInit=function(){},fe.prototype.ngAfterContentChecked=function(){var e=this.getStepById(this.activeId);this.activeId=e?e.id:this.steps.length?this.steps.first.id:null},fe.prototype.getStepById=function(t){var e=this.steps.filter(function(e){return e.id===t});return e.length?e[0]:null},fe.prototype.back=function(){var e=this.getStepIdSplice(-1);this.onSelect(e)},fe.prototype.next=function(){var e=this.getStepIdSplice(1);this.onSelect(e)},fe.prototype.complete=function(){this.onComplete.emit()},fe.prototype.current=function(e){this.onSelect(e)},fe.prototype.getStepIdSplice=function(e){var t=this.activeId;return""+t.slice(0,t.length-1)+(parseInt(t.slice(t.length-1,t.length),10)+e)},Object.defineProperty(fe.prototype,"hidePrevious",{get:function(){return"app-step-0"!==this.activeId},enumerable:!0,configurable:!0}),Object.defineProperty(fe.prototype,"hideNext",{get:function(){var e=this.steps.length-1;return this.activeId!=="app-step-"+e},enumerable:!0,configurable:!0}),fe.prototype.hideLineRight=function(e){var t=parseInt(e.slice(e.length-1,e.length),10);return this.steps.length!==t+1},fe.prototype.ngOnDestroy=function(){ue=0},fe.decorators=[{type:o.Component,args:[{selector:"gui-step-group",template:'\x3c!-- <ul class="nav justify-content-center" id="myStep" role="steplist"> --\x3e\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    \x3c!-- <ng-template ngFor let-step [ngForOf]="steps" *ngFor="let step of steps"> --\x3e\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)">\x3c!----\x3e\r\n                \x3c!-- (click)="!!onSelect(step.id)" | Yo Guido declaro haber modificado el codigo de vitmar jhonson, pero si funciona la cosa...vamos con fé--\x3e \r\n                \x3c!-- data-toggle="step" aria-selected="true" --\x3e\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    \x3c!-- <ng-content select="lamb-step-head"></ng-content> --\x3e\r\n</ul>\r\n<div class="tab-content lamb-content" id="myStepContent">\r\n    \x3c!-- <ng-content select="lamb-step-body"></ng-content> --\x3e\r\n    <ng-template ngFor let-step [ngForOf]="steps">\r\n        \x3c!-- class="step-pane fade {{ step.id === activeId ? \'active\': null }}" --\x3e\r\n        \x3c!--\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"> --\x3e\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                \x3c!---<div class="row">\r\n                    <div class="col-md-12">--\x3e\r\n                        <ng-template [ngTemplateOutlet]="step.contentTemplate?.templateRef"></ng-template>\r\n                    \x3c!--</div>\r\n                </div>--\x3e\r\n            </div>\r\n            \x3c!-- <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> --\x3e\r\n        </div>\r\n    </ng-template>\r\n</div>',animations:[ae],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}"]}]}],fe.ctorParameters=function(){return[{type:oe}]},fe.propDecorators={steps:[{type:o.ContentChildren,args:[me]}],activeId:[{type:o.Input}],configNames:[{type:o.Input}],destroyOnHide:[{type:o.Input}],stepChange:[{type:o.Output}],onComplete:[{type:o.Output}],justify:[{type:o.Input}],orientation:[{type:o.Input}],type:[{type:o.Input}]},fe);function fe(e){this.config=e,this.hideContent=!1,this.destroyOnHide=!1,this.stepChange=new o.EventEmitter,this.onComplete=new o.EventEmitter,this.type=this.config.type,this.justify=this.config.justify,this.orientation=this.config.orientation,this.iConfigNames=this.config.configNames}var ve=[be,me,le,de],he=(ye.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule],exports:R(ve),declarations:R(ve),providers:[oe]}]}],ye);function ye(){}var xe=(Object.defineProperty(Ie.prototype,"collapseAll",{set:function(e){this._collapseAll=e,this._recursiveEdit(this.data,e)},enumerable:!0,configurable:!0}),Ie.prototype.ngOnInit=function(){},Ie.prototype.newChildren=function(e){this.eventNewChildren.emit(e)},Ie.prototype.updated=function(e){this.eventUpdate.emit(e)},Ie.prototype.deleted=function(e){this.eventDelete.emit(e)},Ie.prototype._recursiveEdit=function(e,t){if(Array.isArray(e))for(var n=0,r=e.length;n<r;n++)e[n].collapse=t,e[n].children.length&&this._recursiveEdit(e[n].children,t)},Ie.decorators=[{type:o.Component,args:[{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)}"]}]}],Ie.ctorParameters=function(){return[]},Ie.propDecorators={data:[{type:o.Input,args:["data"]}],collapseAll:[{type:o.Input,args:["collapseAll"]}],eventNewChildren:[{type:o.Output}],eventUpdate:[{type:o.Output}],eventDelete:[{type:o.Output}]},Ie);function Ie(){this.collapseAttr="isCollapsed",this.eventNewChildren=new o.EventEmitter,this.eventUpdate=new o.EventEmitter,this.eventDelete=new o.EventEmitter}var ke=[xe],we=(Ce.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule,r.NgbCollapseModule,r.NgbPopoverModule],exports:R(ke),declarations:R(ke),providers:[]}]}],Ce);function Ce(){}var Se=(Me.prototype.ngOnInit=function(){this.ver_por_pagina=15,this.current_page=1},Me.prototype.changeValuePage=function(e){this.ver_por_pagina=e.value,this.eventPaginate.emit({page:this.current_page,ver_por_pagina:this.ver_por_pagina})},Me.prototype.loadPage=function(e){this.current_page=e,this.eventPaginate.emit({page:e,ver_por_pagina:this.ver_por_pagina})},Me.decorators=[{type:o.Component,args:[{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 &nbsp;<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  \x3c!--\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  --\x3e'}]}],Me.ctorParameters=function(){return[]},Me.propDecorators={pagination:[{type:o.Input}],isDisabled:[{type:o.Input}],eventPaginate:[{type:o.Output}]},Me);function Me(){this.perpages=[{id:15,active:!0},{id:30,active:!1},{id:50,active:!1},{id:100,active:!1}],this.eventPaginate=new o.EventEmitter}var Oe=(Ne.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule,r.NgbPaginationModule],exports:[Se],declarations:[Se],providers:[]}]}],Ne);function Ne(){}var Pe=(Object.defineProperty(De.prototype,"menu",{set:function(e){e&&(this.sidebarnavItems=e,this.openMenuLoad(e))},enumerable:!0,configurable:!0}),De.prototype.addExpandClass=function(e){e===this.showMenu?this.showMenu="0":this.showMenu=e},De.prototype.addActiveClass=function(e){e===this.showSubMenu?this.showSubMenu="0":this.showSubMenu=e},De.prototype.ngOnInit=function(){},De.prototype.ngOnDestroy=function(){this.MenuDataState$.unsubscribe(),this.MenuDataAllState$.unsubscribe()},De.prototype.openMenuLoad=function(e){var t=this,n=window.location.pathname.split("/");n[1]&&n[2]&&(e=e.map(function(e){return e.path===""+n[2]&&(t.showMenu=e.title),e.submenu.forEach(function(e){return e.path==="/"+n[1]+"/"+n[2]+"/"+n[3]&&(t.showSubMenu=e.title),e}),e}))},De.decorators=[{type:o.Component,args:[{selector:"gui-menu",template:'<nav class="sidebar-nav">\r\n    <ul id="sidebarnav">\r\n        \x3c!-- User Profile--\x3e\r\n        \x3c!-- <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> --\x3e\r\n        <ng-container *ngIf="sidebarnavItems && sidebarnavItems.length">\r\n        \x3c!-- First level menu --\x3e\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            \x3c!-- Second level menu --\x3e\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                    \x3c!-- [routerLink]="sidebarnavSubItem.submenu.length > 0 ? null : [sidebarnavSubItem.path]" --\x3e\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                    \x3c!-- Third level menu --\x3e\r\n                    \x3c!-- <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> --\x3e\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;display:-webkit-box;display:flex;white-space:nowrap;-webkit-box-align:center;align-items:center;line-height:25px;font-weight:700;letter-spacing:.2px}.sidebar-nav ul .sidebar-item .sidebar-link i{font-style:normal;width:35px;line-height:25px;font-size:17px;color:#5f6368!important;display:inline-block;text-align:center}.sidebar-nav ul .sidebar-item .sidebar-link span{margin-left:10px}.sidebar-nav ul .sidebar-item .sidebar-link.active,.sidebar-nav ul .sidebar-item .sidebar-link:hover{opacity:1;background:rgba(0,0,0,.04)}.sidebar-nav ul .sidebar-item.active>.sidebar-link{background:rgba(0,0,0,.04);color:#2962ff!important;opacity:1}.sidebar-nav ul .sidebar-item.active>.sidebar-link i{color:#2962ff!important}.sidebar-nav ul .sidebar-item .first-level{padding:0 0 10px;background-color:#f5f5f5!important}.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link{opacity:1}.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link{padding:7px 15px}.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i{font-size:14px}.nav-small-cap{font-size:12px;padding:7px 15px;white-space:nowrap;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:30px;color:#fff;opacity:.3;text-transform:uppercase}.nav-small-cap i{line-height:30px;margin:0 5px}.sidebar-nav ul{margin:0;padding:0}.sidebar-nav ul li{list-style:none}.collapse.in{display:block}.sidebar-nav .has-arrow{position:relative}.sidebar-nav .has-arrow::after{position:absolute;content:"";width:7px;height:7px;border-width:1px 0 0 1px;border-style:solid;border-color:#fff;margin-left:10px;-webkit-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;top:26px;right:15px;-webkit-transition:.3s ease-out;transition:.3s ease-out}.sidebar-nav .has-arrow[aria-expanded=true]::after,.sidebar-nav li.active>.has-arrow::after,.sidebar-nav li>.has-arrow.active::after{-webkit-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%)}.user-profile{padding:15px}.user-profile .user-content,.user-profile .user-email,.user-profile .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis}.user-profile a:after{display:none}.create-btn{height:40px;background:#343a40}']}]}],De.ctorParameters=function(){return[{type:s.Router},{type:s.ActivatedRoute}]},De.propDecorators={menu:[{type:o.Input}],selectedItem:[{type:o.Output}]},De);function De(e,t){this.router=e,this.route=t,this.showMenu="",this.showSubMenu="",this.sidebarnavItems=[],this.selectedItem=new o.EventEmitter,this.userData={name:"",email:""}}var je=(Ee.decorators=[{type:o.NgModule,args:[{imports:[i.CommonModule,s.RouterModule],exports:[Pe],declarations:[Pe],providers:[]}]}],Ee);function Ee(){}e.GuidoLibService=l,e.GuidoLibComponent=d,e.GuidoLibModule=u,e.GuiBreadcrumbIconModule=f,e.GuiButtonIconComponent=h,e.GuiButtonIconModule=x,e.GuiConfirmDialogModule=j,e.ConfirmDialogService=P,e.GuiDividerModule=L,e.GuiFieldsetModule=W,e.InputIconComponent=ee,e.GuiInputIconModule=ne,e.GuiStepsModule=he,e.GuiTreeViewModule=we,e.GuiPaginationModule=Oe,e.GuiMenuModule=je,e.ɵg=g,e.ɵh=k,e.ɵj=_,e.ɵi=T,e.ɵm=X,e.ɵk=G,e.ɵl=U,e.ɵo=K,e.ɵn=H,e.ɵp=Q,e.ɵu=Pe,e.ɵf=Se,e.ɵq=ae,e.ɵr=oe,e.ɵe=ve,e.ɵb=de,e.ɵc=me,e.ɵd=be,e.ɵa=le,e.ɵt=ke,e.ɵs=xe,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=tiposaurio-guido-lib.umd.min.js.map