gw3-web-guid/bundles/gw3-web-guid.umd.min.js

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/platform-browser"),require("@angular/router"),require("rxjs/operators"),require("@ng-bootstrap/ng-bootstrap"),require("@angular/animations")):"function"==typeof define&&define.amd?define("gw3-web-guid",["exports","@angular/core","@angular/common","@angular/platform-browser","@angular/router","rxjs/operators","@ng-bootstrap/ng-bootstrap","@angular/animations"],e):e((t=t||self)["gw3-web-guid"]={},t.ng.core,t.ng.common,t.ng.platformBrowser,t.ng.router,t.rxjs.operators,t.ngBootstrap,t.ng.animations)}(this,(function(t,e,n,r,i,o,a,s){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
    this file except in compliance with the License. You may obtain a copy of the
    License at http://www.apache.org/licenses/LICENSE-2.0

    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
    MERCHANTABLITY OR NON-INFRINGEMENT.

    See the Apache Version 2.0 License for specific language governing permissions
    and limitations under the License.
    ***************************************************************************** */function l(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}function c(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(l(arguments[e]));return t}var p=function(){function t(){}return t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}(),d=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"lib-gw3-web-guid",template:"\n    <p>\n      gw3-web-guid works!\n    </p>\n  "}]}],t.ctorParameters=function(){return[]},t}(),u=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"gw1-tree-view",template:"<p>tree-view works!</p>\n",styles:[""]}]}],t.ctorParameters=function(){return[]},t}(),m=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[d,u],imports:[],exports:[d]}]}],t}(),g=function(){function t(t,n,r){var a=this;this.router=t,this.activatedRoute=n,this.titleService=r,this.breadcrumbEvent=new e.EventEmitter,this.router.events.pipe(o.filter((function(t){return t instanceof i.NavigationEnd}))).pipe(o.map((function(){return a.activatedRoute}))).pipe(o.map((function(t){for(;t.firstChild;)t=t.firstChild;return t}))).pipe(o.filter((function(t){return"primary"===t.outlet}))).pipe(o.mergeMap((function(t){return t.data}))).subscribe((function(t){a.titleService.setTitle(t.title),a.pageInfo=t}))}return t.prototype.ngOnInit=function(){},t.prototype.redirectBack=function(t){var e=this.activatedRoute.snapshot.url;e[0]&&e[0].path},t.prototype.eventBreadcrumb=function(){this.breadcrumbEvent.emit(this)},t.decorators=[{type:e.Component,args:[{selector:"gw1-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:['@charset "UTF-8";.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:"";font-family:themify;color:#ccc;font-size:11px}']}]}],t.ctorParameters=function(){return[{type:i.Router},{type:i.ActivatedRoute},{type:r.Title}]},t.propDecorators={layout:[{type:e.Input}],breadcrumbEvent:[{type:e.Output}]},t}();var f=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule],exports:[g],declarations:[g],providers:[]}]}],t}(),b=function(){function t(){this.class="btn btn-primary",this.icon="fa fa-plus-circle",this.label="Nuevo"}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"gw1-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%}}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={class:[{type:e.Input}],colorClass:[{type:e.Input}],label:[{type:e.Input}],isDisabled:[{type:e.Input}],routerLink:[{type:e.Input}],onlyIcon:[{type:e.Input}],icon:[{type:e.Input}],title:[{type:e.Input}]},t}();var v=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,i.RouterModule],exports:[b],declarations:[b],providers:[]}]}],t}(),h=function(){function t(t){this.activeModal=t}return t.prototype.ngOnInit=function(){},t.prototype.cancel=function(){this.activeModal.dismiss(!1)},t.prototype.ok=function(){this.activeModal.close({daa:"ola Soy guido"})},t.prototype.dismiss=function(){this.activeModal.dismiss(!1)},t.decorators=[{type:e.Component,args:[{selector:"gw1-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:[""]}]}],t.ctorParameters=function(){return[{type:a.NgbActiveModal}]},t.propDecorators={title:[{type:e.Input}],message:[{type:e.Input}],btnOkText:[{type:e.Input}],btnCancelText:[{type:e.Input}]},t}();var y="¿Estas seguro de Eliminar este registro?",x="¿Estas seguro de Actualizar este registro?",I="¿Estas seguro de Guardar?",w="¿Estas seguro de Cambiar Estado?",C="¿Estas seguro de realizar la Acción?";var k=function(){function t(t){this.gwModalService=t}return t.prototype.confirm=function(t,e){void 0===t&&(t={});var n=this.gwModalService.open(h,{centered:!0});return n.componentInstance.title=t.title?t.title:this.config.title,n.componentInstance.message=t.message?t.message:this.getMessage(e),n.componentInstance.btnOkText=t.btnOkText?t.btnOkText:this.config.btnOkText,n.componentInstance.btnCancelText=t.btnCancelText?t.btnCancelText:this.config.btnCancelText,n.result},t.prototype.confirmDelete=function(t){return void 0===t&&(t={}),this.confirm(t,"D")},t.prototype.confirmUpdate=function(t){return void 0===t&&(t={}),this.confirm(t,"U")},t.prototype.confirmSave=function(t){return void 0===t&&(t={}),this.confirm(t,"S")},t.prototype.confirmState=function(t){return void 0===t&&(t={}),this.confirm(t,"E")},t.prototype.getMessage=function(t){switch(t){case"D":return y;case"U":return x;case"E":return w;case"S":return I;default:return this.config.message}},Object.defineProperty(t.prototype,"config",{get:function(){return{title:"Confirmación",message:C,btnOkText:"OK",btnCancelText:"CANCEL",dialogSize:"lg"}},enumerable:!0,configurable:!0}),t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:a.NgbModal}]},t}();var O=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[a.NgbModalModule],declarations:[h],providers:[k],entryComponents:[h]}]}],t}(),N=function(){function t(){this.icon="",this.description="",this.title=""}return t.decorators=[{type:e.Injectable}],t}();var S=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"gw1-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}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={icon:[{type:e.Input}],title:[{type:e.Input}],description:[{type:e.Input}]},t}();var M=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule],exports:[S],declarations:[S],providers:[N]}]}],t}(),j=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"gw1-fieldset",template:'\n    <fieldset class="fieldset-border">\n        <legend class="legend-border">\n            <ng-content select="gw1-fieldset-head"></ng-content>\n        </legend>\n        <ng-content></ng-content>\n        <ng-content select="gw1-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}"]}]}],t.ctorParameters=function(){return[]},t}(),D=function(){function t(){}return t.decorators=[{type:e.Component,args:[{selector:"gw1-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    '}]}],t.ctorParameters=function(){return[]},t}(),E=function(){function t(){}return t.decorators=[{type:e.Component,args:[{selector:"gw1-fieldset-body",template:"\n        <ng-content></ng-content>\n    "}]}],t.ctorParameters=function(){return[]},t}(),P=function(){function t(){}return t.decorators=[{type:e.Component,args:[{selector:"gw1-fieldset-title",template:"\n    <ng-content></ng-content>\n    "}]}],t.ctorParameters=function(){return[]},t}(),T=function(){function t(){}return t.decorators=[{type:e.Component,args:[{selector:"gw1-fieldset-icon",template:'\n    <span class="{{ icon }} gn-icon" ></span>\n    ',styles:[" .gn-icon {\n                font-size: medium;\n                margin-right: 6px;\n            }\n        "]}]}],t.ctorParameters=function(){return[]},t.propDecorators={icon:[{type:e.Input}]},t}();var z=[j,D,P,E,T],B=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[],exports:c(z),declarations:c(z),providers:[]}]}],t}(),F=function(){function t(){this.justify="end"}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"gw1-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}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={justify:[{type:e.Input}]},t}();var A=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[],exports:[F],declarations:[F],providers:[]}]}],t}(),R=s.trigger("slideOfRight",[s.transition(":enter",[s.style({transform:"translateX(100%)",opacity:0}),s.animate(".35s",s.style({transform:"translateX(0)",opacity:1}))]),s.transition(":leave",[s.style({transform:"translateX(0)",opacity:1}),s.animate(".35s",s.style({transform:"translateX(100%)",opacity:0}))]),s.state("next",s.style({height:"*",transform:"scaleY(1)"})),s.state("back",s.style({height:"6px",transform:"scaleY(0)"})),s.transition("* => back",[s.style({transform:"translateX(100%)",display:"block"}),s.animate(".35s",s.style({transform:"translateX(0)",display:"none"}))]),s.transition("* => next",[s.style({transform:"translateX(0)",display:"none"}),s.animate(".35s",s.style({transform:"translateX(100%)",display:"block"}))])]),G=function(t,e,n){this.buttonBack=t,this.buttonNext=e,this.buttonFinish=n};var _=function(){function t(){this.justify="center",this.orientation="horizontal",this.type="stepss",this.configNames=new G("Anterior","Siguiente","Finalizar")}return t.decorators=[{type:e.Injectable}],t}();var L=function(){function t(t){this.templateRef=t}return t.decorators=[{type:e.Directive,args:[{selector:"ng-template[appStepTitle]"}]}],t.ctorParameters=function(){return[{type:e.TemplateRef}]},t}();var U=function(){function t(t){this.templateRef=t}return t.decorators=[{type:e.Directive,args:[{selector:"ng-template[appStepContent]"}]}],t.ctorParameters=function(){return[{type:e.TemplateRef}]},t}();var q=0,V=function(){function t(){this.id="app-step-"+q++,this.disabled=!1,this.isValidStep=!0}return Object.defineProperty(t.prototype,"validStep",{set:function(t){this.isValidStep="true"===t||!0===t},enumerable:!0,configurable:!0}),t.decorators=[{type:e.Directive,args:[{selector:"gw1-step"}]}],t.propDecorators={id:[{type:e.Input}],title:[{type:e.Input}],icon:[{type:e.Input}],data:[{type:e.Input}],disabled:[{type:e.Input}],validStep:[{type:e.Input}],titleTemplate:[{type:e.ContentChild,args:[L,{static:!1}]}],contentTemplate:[{type:e.ContentChild,args:[U,{static:!1}]}]},t}();var X=function(){function t(t){this.config=t,this.hideContent=!1,this.destroyOnHide=!1,this.stepChange=new e.EventEmitter,this.onComplete=new e.EventEmitter,this.type=this.config.type,this.justify=this.config.justify,this.orientation=this.config.orientation,this.iConfigNames=this.config.configNames}return Object.defineProperty(t.prototype,"configNames",{set:function(t){this.iConfigNames.buttonBack=t.buttonBack||this.iConfigNames.buttonBack,this.iConfigNames.buttonNext=t.buttonNext||this.iConfigNames.buttonNext,this.iConfigNames.buttonFinish=t.buttonFinish||this.iConfigNames.buttonFinish},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"justify",{set:function(t){this.justifyClass="fill"===t||"justified"===t?"nav-"+t:"justify-content-"+t},enumerable:!0,configurable:!0}),t.prototype.onSelect=function(t){var e=this.getStepById(t),n=this.getStepById(this.activeId);if(e&&!e.disabled&&this.activeId!==e.id){var r=!1;this.stepChange.emit({activeId:this.activeId,activeData:n.data||null,nextId:e.id,preventDefault:function(){r=!0}}),r||(this.activeId=e.id)}},t.prototype.ngOnInit=function(){},t.prototype.ngAfterContentChecked=function(){var t=this.getStepById(this.activeId);this.activeId=t?t.id:this.steps.length?this.steps.first.id:null},t.prototype.getStepById=function(t){var e=this.steps.filter((function(e){return e.id===t}));return e.length?e[0]:null},t.prototype.back=function(){var t=this.getStepIdSplice(-1);this.onSelect(t)},t.prototype.next=function(){var t=this.getStepIdSplice(1);this.onSelect(t)},t.prototype.complete=function(){this.onComplete.emit()},t.prototype.current=function(t){this.onSelect(t)},t.prototype.getStepIdSplice=function(t){var e=this.activeId;return""+e.slice(0,e.length-1)+(parseInt(e.slice(e.length-1,e.length),10)+t)},Object.defineProperty(t.prototype,"hidePrevious",{get:function(){return"app-step-0"!==this.activeId},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hideNext",{get:function(){var t=this.steps.length-1;return this.activeId!=="app-step-"+t},enumerable:!0,configurable:!0}),t.prototype.hideLineRight=function(t){var e=parseInt(t.slice(t.length-1,t.length),10);return this.steps.length!==e+1},t.prototype.ngOnDestroy=function(){q=0},t.decorators=[{type:e.Component,args:[{selector:"gw1-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:[R],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}"]}]}],t.ctorParameters=function(){return[{type:_}]},t.propDecorators={steps:[{type:e.ContentChildren,args:[V]}],activeId:[{type:e.Input}],configNames:[{type:e.Input}],destroyOnHide:[{type:e.Input}],stepChange:[{type:e.Output}],onComplete:[{type:e.Output}],justify:[{type:e.Input}],orientation:[{type:e.Input}],type:[{type:e.Input}]},t}();var H=[X,V,L,U],W=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule],exports:c(H),declarations:c(H),providers:[_]}]}],t}(),Y=function(){function t(){this.collapseAttr="isCollapsed",this.eventNewChildren=new e.EventEmitter,this.eventUpdate=new e.EventEmitter,this.eventDelete=new e.EventEmitter}return Object.defineProperty(t.prototype,"collapseAll",{set:function(t){this._collapseAll=t,this._recursiveEdit(this.data,t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.addChildren=function(t){this.eventNewChildren.emit(t)},t.prototype.goToUpdate=function(t){this.eventUpdate.emit(t)},t.prototype.goToDelete=function(t){this.eventDelete.emit(t)},t.prototype.newChildren=function(t){this.eventNewChildren.emit(t)},t.prototype.updated=function(t){this.eventUpdate.emit(t)},t.prototype.deleted=function(t){this.eventDelete.emit(t)},t.prototype._recursiveEdit=function(t,e){if(Array.isArray(t))for(var n=0,r=t.length;n<r;n++)t[n].collapse=e,t[n].children.length&&this._recursiveEdit(t[n].children,e)},t.decorators=[{type:e.Component,args:[{selector:"gw1-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)="addChildren(d)">\n                                  <a>\n                                    <span class="fa fa-plus"></span> Nuevo Hijo\n                                  </a>\n                                </li>\n                                <li (click)="goToUpdate(d.cont_asiento_id)">\n                                  <a>\n                                    <span class="fa fa-edit"></span> Actualizar\n                                   </a>\n                                </li>\n                                <li (click)="goToDelete(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        <gw1-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        </gw1-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;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:flex;flex-wrap:wrap}.treeview{list-style-type:none}.treeview .parent{font-weight:700;cursor:pointer}.treeview span{display:inline-block}.treeview .node-opened{transform:rotate(90deg)}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={data:[{type:e.Input,args:["data"]}],collapseAll:[{type:e.Input,args:["collapseAll"]}],eventNewChildren:[{type:e.Output}],eventUpdate:[{type:e.Output}],eventDelete:[{type:e.Output}]},t}();var $=[Y],K=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,a.NgbCollapseModule,a.NgbPopoverModule],exports:c($),declarations:c($),providers:[]}]}],t}();t.AppButtonIconComponent=b,t.ConfirmDialogService=k,t.Gw1BreadcrumbIconModule=f,t.Gw3ButtonIconModule=v,t.Gw3ConfirmDialogModule=O,t.Gw3DividerModule=M,t.Gw3FieldsetModule=B,t.Gw3StepsModule=W,t.Gw3TreeViewModule=K,t.Gw3WebGuidComponent=d,t.Gw3WebGuidModule=m,t.Gw3WebGuidService=p,t.LambInputIconComponent=F,t.gw3InputIconModule=A,t.ɵa=L,t.ɵb=U,t.ɵc=V,t.ɵd=X,t.ɵe=H,t.ɵf=u,t.ɵg=g,t.ɵh=h,t.ɵi=S,t.ɵj=N,t.ɵk=j,t.ɵl=D,t.ɵm=E,t.ɵn=P,t.ɵo=T,t.ɵp=z,t.ɵq=R,t.ɵr=_,t.ɵs=Y,t.ɵt=$,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=gw3-web-guid.umd.min.js.map