UNPKG

nge-facturaperu

Version:

nge-facturaperu. Es un proyecto de libreria javascript que contiene componentes reutilizables para el proyectos web de [facturación electrónica](http://svs.factura-peru.com/) u [algún otro proyecto web](http://hotelparis.pe/).

1,970 lines 81.6 kB
import { Injectable, ɵɵdefineInjectable, Component, NgModule, EventEmitter, Input, Output, Directive, TemplateRef, ContentChild, ContentChildren } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Title } from '@angular/platform-browser';
import { NavigationEnd, Router, ActivatedRoute, RouterModule } from '@angular/router';
import { filter, map, mergeMap } from 'rxjs/operators';
import { NgbActiveModal, NgbModal, NgbModalModule, NgbCollapseModule, NgbPopoverModule, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
import { trigger, transition, style, animate, state } from '@angular/animations';

/**
 * @fileoverview added by tsickle
 * Generated from: lib/nge-facturaperu.service.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeFacturaperuService {
    constructor() { }
}
NgeFacturaperuService.decorators = [
    { type: Injectable, args: [{
                providedIn: 'root'
            },] }
];
/** @nocollapse */
NgeFacturaperuService.ctorParameters = () => [];
/** @nocollapse */ NgeFacturaperuService.ngInjectableDef = ɵɵdefineInjectable({ factory: function NgeFacturaperuService_Factory() { return new NgeFacturaperuService(); }, token: NgeFacturaperuService, providedIn: "root" });

/**
 * @fileoverview added by tsickle
 * Generated from: lib/nge-facturaperu.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeFacturaperuComponent {
    constructor() { }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
}
NgeFacturaperuComponent.decorators = [
    { type: Component, args: [{
                selector: 'lib-nge-facturaperu',
                template: `
    <p>
      nge-facturaperu works!
    </p>
  `
            }] }
];
/** @nocollapse */
NgeFacturaperuComponent.ctorParameters = () => [];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/nge-facturaperu.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeFacturaperuModule {
}
NgeFacturaperuModule.decorators = [
    { type: NgModule, args: [{
                declarations: [NgeFacturaperuComponent],
                imports: [],
                exports: [NgeFacturaperuComponent]
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/breadcrumb/breadcrumb.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeBreadcrumbComponent {
    /**
     * @param {?} router
     * @param {?} activatedRoute
     * @param {?} titleService
     */
    constructor(router, activatedRoute, titleService) {
        this.router = router;
        this.activatedRoute = activatedRoute;
        this.titleService = titleService;
        this.breadcrumbEvent = new EventEmitter();
        this.router.events
            .pipe(filter((/**
         * @param {?} event
         * @return {?}
         */
        event => event instanceof NavigationEnd)))
            .pipe(map((/**
         * @return {?}
         */
        () => this.activatedRoute)))
            .pipe(map((/**
         * @param {?} route
         * @return {?}
         */
        route => {
            while (route.firstChild) {
                route = route.firstChild;
            }
            return route;
        })))
            .pipe(filter((/**
         * @param {?} route
         * @return {?}
         */
        route => route.outlet === 'primary')))
            .pipe(mergeMap((/**
         * @param {?} route
         * @return {?}
         */
        route => route.data)))
            .subscribe((/**
         * @param {?} event
         * @return {?}
         */
        event => {
            this.titleService.setTitle(event['title']);
            this.pageInfo = event;
        }));
    }
    /**
     * @return {?}
     */
    ngOnInit() { }
    /**
     * @param {?} title
     * @return {?}
     */
    redirectBack(title) {
        // console.log(this.router, '..bread-ruta..', this.titleService.getTitle());
        // console.log('..title..', title);
        /*this.router.navigate(['../'], {relativeTo: this.activatedRoute});*/
        /** @type {?} */
        const url = this.activatedRoute.snapshot.url;
        /** @type {?} */
        const link = (url[0] && url[0].path) || '';
        /** @type {?} */
        const relativeUrl = link ? `../${link}` : `./${link}`;
        // console.log(url, '..bread-ruta..', link);
        // this.router.navigate([relativeUrl], { relativeTo: this.activatedRoute });
    }
    /**
     * @return {?}
     */
    eventBreadcrumb() {
        this.breadcrumbEvent.emit(this);
    }
}
NgeBreadcrumbComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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: ["@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:\"\uE649\";font-family:themify;color:#ccc;font-size:11px}"]
            }] }
];
/** @nocollapse */
NgeBreadcrumbComponent.ctorParameters = () => [
    { type: Router },
    { type: ActivatedRoute },
    { type: Title }
];
NgeBreadcrumbComponent.propDecorators = {
    layout: [{ type: Input }],
    breadcrumbEvent: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    NgeBreadcrumbComponent.prototype.layout;
    /** @type {?} */
    NgeBreadcrumbComponent.prototype.breadcrumbEvent;
    /** @type {?} */
    NgeBreadcrumbComponent.prototype.pageInfo;
    /**
     * @type {?}
     * @private
     */
    NgeBreadcrumbComponent.prototype.router;
    /**
     * @type {?}
     * @private
     */
    NgeBreadcrumbComponent.prototype.activatedRoute;
    /**
     * @type {?}
     * @private
     */
    NgeBreadcrumbComponent.prototype.titleService;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/breadcrumb/breadcrumb.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeBreadcrumbIconModule {
}
NgeBreadcrumbIconModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                ],
                exports: [
                    NgeBreadcrumbComponent,
                ],
                declarations: [
                    NgeBreadcrumbComponent,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/breadcrumb/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/button-icon/button-icon.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
// import { abcForms } from '../standardizer';
class NgeButtonIconComponent {
    constructor() {
        this.class = 'btn btn-primary';
        this.icon = 'fa fa-plus-circle';
        this.label = 'Nuevo';
    }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
}
NgeButtonIconComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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%}}"]
            }] }
];
/** @nocollapse */
NgeButtonIconComponent.ctorParameters = () => [];
NgeButtonIconComponent.propDecorators = {
    class: [{ type: Input }],
    colorClass: [{ type: Input }],
    label: [{ type: Input }],
    isDisabled: [{ type: Input }],
    routerLink: [{ type: Input }],
    onlyIcon: [{ type: Input }],
    icon: [{ type: Input }],
    title: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeButtonIconComponent.prototype.class;
    /** @type {?} */
    NgeButtonIconComponent.prototype.colorClass;
    /** @type {?} */
    NgeButtonIconComponent.prototype.label;
    /** @type {?} */
    NgeButtonIconComponent.prototype.isDisabled;
    /** @type {?} */
    NgeButtonIconComponent.prototype.routerLink;
    /** @type {?} */
    NgeButtonIconComponent.prototype.onlyIcon;
    /** @type {?} */
    NgeButtonIconComponent.prototype.icon;
    /** @type {?} */
    NgeButtonIconComponent.prototype.title;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/button-icon/button-icon.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeButtonIconModule {
}
NgeButtonIconModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                    RouterModule,
                ],
                exports: [
                    NgeButtonIconComponent,
                ],
                declarations: [
                    NgeButtonIconComponent,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/button-icon/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/confirm-dialog/confirm-dialog.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeConfirmDialogComponent {
    /**
     * @param {?} activeModal
     */
    constructor(activeModal) {
        this.activeModal = activeModal;
    }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
    /**
     * @return {?}
     */
    cancel() {
        // this.activeModal.close(false);
        this.activeModal.dismiss(false);
    }
    /**
     * @return {?}
     */
    ok() {
        this.activeModal.close({ daa: 'ola Soy guido' });
    }
    /**
     * @return {?}
     */
    dismiss() {
        // this.activeModal.close(true);
        this.activeModal.dismiss(false);
    }
}
NgeConfirmDialogComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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: [""]
            }] }
];
/** @nocollapse */
NgeConfirmDialogComponent.ctorParameters = () => [
    { type: NgbActiveModal }
];
NgeConfirmDialogComponent.propDecorators = {
    title: [{ type: Input }],
    message: [{ type: Input }],
    btnOkText: [{ type: Input }],
    btnCancelText: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeConfirmDialogComponent.prototype.title;
    /** @type {?} */
    NgeConfirmDialogComponent.prototype.message;
    /** @type {?} */
    NgeConfirmDialogComponent.prototype.btnOkText;
    /** @type {?} */
    NgeConfirmDialogComponent.prototype.btnCancelText;
    /**
     * @type {?}
     * @private
     */
    NgeConfirmDialogComponent.prototype.activeModal;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/confirm-dialog/messages.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/** @type {?} */
const message = {
    confirmDelete: '¿Estas seguro de Eliminar este registro?',
    confirmUpdate: '¿Estas seguro de Actualizar este registro?',
    confirmSave: '¿Estas seguro de Guardar?',
    confirmState: '¿Estas seguro de Cambiar Estado?',
    confirmDefault: '¿Estas seguro de realizar la Acción?',
};

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/confirm-dialog/confirm-dialog.service.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/**
 * @record
 */
function Options() { }
if (false) {
    /** @type {?|undefined} */
    Options.prototype.title;
    /** @type {?|undefined} */
    Options.prototype.message;
    /** @type {?|undefined} */
    Options.prototype.btnOkText;
    /** @type {?|undefined} */
    Options.prototype.btnCancelText;
    /** @type {?|undefined} */
    Options.prototype.dialogSize;
}
class NgeConfirmDialogService {
    /**
     * @param {?} gwModalService
     */
    constructor(gwModalService) {
        this.gwModalService = gwModalService;
    }
    /**
     * Confirm
     * @param {?=} options opctional JSON Obtions
     * @param {?=} action X = XXX; D = Delete; U = Update; S = Save
     * @return {?}
     */
    confirm(options = {}, action) {
        /** @type {?} */
        const modalRef = this.gwModalService.open(NgeConfirmDialogComponent, { centered: true });
        // const modalRef =
        // this.lambModalService.open(ConfirmDialogComponent,
        // { size: (options.dialogSize ? options.dialogSize : this.config.dialogSize) });
        modalRef.componentInstance.title
            = options.title ? options.title : this.config.title;
        modalRef.componentInstance.message
            = options.message ? options.message : this.getMessage(action);
        modalRef.componentInstance.btnOkText
            = options.btnOkText ? options.btnOkText : this.config.btnOkText;
        modalRef.componentInstance.btnCancelText
            = options.btnCancelText ? options.btnCancelText : this.config.btnCancelText;
        return modalRef.result;
    }
    /**
     * @param {?=} options
     * @return {?}
     */
    confirmDelete(options = {}) {
        return this.confirm(options, 'D');
    }
    /**
     * @param {?=} options
     * @return {?}
     */
    confirmUpdate(options = {}) {
        return this.confirm(options, 'U');
    }
    /**
     * @param {?=} options
     * @return {?}
     */
    confirmSave(options = {}) {
        return this.confirm(options, 'S');
    }
    /**
     * @param {?=} options
     * @return {?}
     */
    confirmState(options = {}) {
        return this.confirm(options, 'E');
    }
    /**
     * @private
     * @param {?} action
     * @return {?}
     */
    getMessage(action) {
        switch (action) {
            case 'D': {
                return message.confirmDelete;
            }
            case 'U': {
                return message.confirmUpdate;
            }
            case 'E': {
                return message.confirmState;
            }
            case 'S': {
                return message.confirmSave;
            }
            default: {
                return this.config.message;
            }
        }
    }
    /**
     * Config for default.
     * @return {?}
     */
    get config() {
        return {
            title: 'Confirmación',
            message: message.confirmDefault,
            btnOkText: 'OK',
            btnCancelText: 'CANCEL',
            dialogSize: 'lg',
        };
    }
}
NgeConfirmDialogService.decorators = [
    { type: Injectable }
];
/** @nocollapse */
NgeConfirmDialogService.ctorParameters = () => [
    { type: NgbModal }
];
if (false) {
    /**
     * @type {?}
     * @private
     */
    NgeConfirmDialogService.prototype.gwModalService;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/confirm-dialog/confirm-dialog.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeConfirmDialogModule {
}
NgeConfirmDialogModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    NgbModalModule
                ],
                declarations: [
                    NgeConfirmDialogComponent
                ],
                providers: [
                    NgeConfirmDialogService
                ],
                entryComponents: [
                    NgeConfirmDialogComponent
                ],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/confirm-dialog/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/divider/divider-config.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeDividerConfigService {
    constructor() {
        this.icon = '';
        this.description = '';
        this.title = '';
    }
}
NgeDividerConfigService.decorators = [
    { type: Injectable }
];
if (false) {
    /** @type {?} */
    NgeDividerConfigService.prototype.icon;
    /** @type {?} */
    NgeDividerConfigService.prototype.description;
    /** @type {?} */
    NgeDividerConfigService.prototype.title;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/divider/divider.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeDividerComponent {
    constructor() { }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
}
NgeDividerComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-divider',
                template: `
        <span class="{{ icon }}"></span>
        <span class="app-title">{{ title }} </span>
        <p>{{ description }}</p>
        <hr>
    `,
                styles: ["hr{margin-top:.3rem}span{margin-right:.5rem}p{opacity:.8;margin-bottom:0;font-style:italic}"]
            }] }
];
/** @nocollapse */
NgeDividerComponent.ctorParameters = () => [];
NgeDividerComponent.propDecorators = {
    icon: [{ type: Input }],
    title: [{ type: Input }],
    description: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeDividerComponent.prototype.icon;
    /** @type {?} */
    NgeDividerComponent.prototype.title;
    /** @type {?} */
    NgeDividerComponent.prototype.description;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/divider/divider.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeDividerModule {
}
NgeDividerModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                ],
                exports: [
                    NgeDividerComponent,
                ],
                declarations: [
                    NgeDividerComponent,
                ],
                providers: [
                    NgeDividerConfigService,
                ],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/divider/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/fieldset/fieldset.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/**
 * Reveal fieldset component.
 *
 * \@example
 *
 *
 * <nge-fieldset>
 *  Mi Contenido
 * </nge-fieldset>
 *
 *
 * <nge-fieldset>
 *   <nge-fieldset-head>
 *     <nge-fieldset-icon [icon]="fa fa-home"></nge-fieldset-icon>
 *     <nge-fieldset-title>Mi título</nge-fieldset-title>
 *   </nge-fieldset-head>
 *     <nge-fieldset-body>
 *       Mi contenido
 *     </nge-fieldset-body>
 * </nge-fieldset>
 *
 */
class NgeFieldsetComponent {
    constructor() { }
    /**
     * @return {?}
     */
    ngOnInit() { }
}
NgeFieldsetComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-fieldset',
                template: `
    <fieldset class="fieldset-border">
        <legend class="legend-border">
            <ng-content select="nge-fieldset-head"></ng-content>
        </legend>
        <ng-content></ng-content>
        <ng-content select="nge-fieldset-body"></ng-content>
    </fieldset>
    `,
                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}"]
            }] }
];
/** @nocollapse */
NgeFieldsetComponent.ctorParameters = () => [];
/**
 * Reveal fieldset head component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-head>
 *  Mi título
 * </app-fieldset-head>
 * ```
 * \@example
 *
 * ```
 * <app-fieldset-head>
 *   <app-fieldset-title> Mi Titulo </app-fieldset-title>
 *   <app-fieldset-icon icon="fa fa-home"></app-fieldset-icon>
 * </app-fieldset-head>
 * ```
 */
class NgeFieldsetHeadComponent {
    constructor() { }
}
NgeFieldsetHeadComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-fieldset-head',
                template: `
        <ng-content></ng-content>
        <ng-content caption="gn-fieldset-icon" ></ng-content>
        <ng-content caption="gn-fieldset-title"></ng-content>
    `
            }] }
];
/** @nocollapse */
NgeFieldsetHeadComponent.ctorParameters = () => [];
/**
 * Reveal fieldset body component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-body>
 *  Mi Contenido
 * </app-fieldset-body>
 * ```
 */
class NgeFieldsetBodyComponent {
    constructor() { }
}
NgeFieldsetBodyComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-fieldset-body',
                template: `
        <ng-content></ng-content>
    `
            }] }
];
/** @nocollapse */
NgeFieldsetBodyComponent.ctorParameters = () => [];
/**
 * Reveal fieldset title component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-title>
 *  Mi Titulo
 * </app-fieldset-title>
 * ```
 */
class NgeFieldsetTitleComponent {
    constructor() { }
}
NgeFieldsetTitleComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-fieldset-title',
                template: `
    <ng-content></ng-content>
    `
            }] }
];
/** @nocollapse */
NgeFieldsetTitleComponent.ctorParameters = () => [];
/**
 * Reveal fieldset icon component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-icon icon="fa fa-home"></app-fieldset-icon>
 * ```
 */
class NgeFieldsetIconComponent {
    constructor() { }
}
NgeFieldsetIconComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-fieldset-icon',
                template: `
    <span class="{{ icon }} gn-icon" ></span>
    `,
                styles: [` .gn-icon {
                font-size: medium;
                margin-right: 6px;
            }
        `]
            }] }
];
/** @nocollapse */
NgeFieldsetIconComponent.ctorParameters = () => [];
NgeFieldsetIconComponent.propDecorators = {
    icon: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeFieldsetIconComponent.prototype.icon;
}
/** @type {?} */
const APP_FIELDSET_COMPONENTS = [
    NgeFieldsetComponent,
    NgeFieldsetHeadComponent,
    NgeFieldsetTitleComponent,
    NgeFieldsetBodyComponent,
    NgeFieldsetIconComponent,
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/fieldset/fieldset.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeFieldsetModule {
}
NgeFieldsetModule.decorators = [
    { type: NgModule, args: [{
                imports: [],
                exports: [
                    ...APP_FIELDSET_COMPONENTS,
                ],
                declarations: [
                    ...APP_FIELDSET_COMPONENTS,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/fieldset/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/input-icon/input-icon.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeInputIconComponent {
    constructor() {
        this.justify = 'end';
    }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
}
NgeInputIconComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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}"]
            }] }
];
/** @nocollapse */
NgeInputIconComponent.ctorParameters = () => [];
NgeInputIconComponent.propDecorators = {
    justify: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeInputIconComponent.prototype.justify;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/input-icon/input-icon.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeInputIconModule {
}
NgeInputIconModule.decorators = [
    { type: NgModule, args: [{
                imports: [],
                exports: [NgeInputIconComponent],
                declarations: [NgeInputIconComponent],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/input-icon/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/steps/animations/slide-of-right.animation.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/** @type {?} */
const slideOfRight = trigger('slideOfRight', [
    transition(':enter', [
        style({ transform: 'translateX(100%)', opacity: 0 }),
        animate('.35s', style({ transform: 'translateX(0)', 'opacity': 1 })),
    ]),
    transition(':leave', [
        style({ transform: 'translateX(0)', 'opacity': 1 }),
        animate('.35s', style({ transform: 'translateX(100%)', 'opacity': 0 })),
    ]),
    // state('next', style({ height: '0px', transform: 'scaleY(0)' /*opacity: 0*/ })),
    state('next', style({ height: '*', transform: 'scaleY(1)' /*opacity: 1*/ })),
    state('back', style({ height: '6px', transform: 'scaleY(0)' /*opacity: 1*/ })),
    transition('* => back', [
        style({ transform: 'translateX(100%)', display: 'block' }),
        animate('.35s', style({ transform: 'translateX(0)', display: 'none' })),
    ]),
    transition('* => next', [
        style({ transform: 'translateX(0)', display: 'none' }),
        animate('.35s', style({ transform: 'translateX(100%)', display: 'block' })),
    ]),
]);

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/steps/step-config.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class ConfigNames {
    /**
     * @param {?=} buttonBack
     * @param {?=} buttonNext
     * @param {?=} buttonFinish
     */
    constructor(buttonBack, buttonNext, buttonFinish) {
        this.buttonBack = buttonBack;
        this.buttonNext = buttonNext;
        this.buttonFinish = buttonFinish;
    }
}
if (false) {
    /** @type {?} */
    ConfigNames.prototype.buttonBack;
    /** @type {?} */
    ConfigNames.prototype.buttonNext;
    /** @type {?} */
    ConfigNames.prototype.buttonFinish;
}
class NgeStepConfig {
    constructor() {
        // justify: 'start' | 'center' | 'end' | 'fill' | 'justified';
        // orientation: 'horizontal' | 'vertical';
        // type: 'tabss' | 'pills';
        this.justify = 'center';
        this.orientation = 'horizontal';
        // type: 'tabss' | 'pills' = 'tabss';
        this.type = 'stepss';
        this.configNames = new ConfigNames('Anterior', 'Siguiente', 'Finalizar');
    }
}
NgeStepConfig.decorators = [
    { type: Injectable }
];
if (false) {
    /** @type {?} */
    NgeStepConfig.prototype.justify;
    /** @type {?} */
    NgeStepConfig.prototype.orientation;
    /** @type {?} */
    NgeStepConfig.prototype.type;
    /** @type {?} */
    NgeStepConfig.prototype.configNames;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/steps/steps.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeStepTitleDirective {
    /**
     * @param {?} templateRef
     */
    constructor(templateRef) {
        this.templateRef = templateRef;
    }
}
NgeStepTitleDirective.decorators = [
    { type: Directive, args: [{
                selector: 'ng-template[ngeStepTitle]',
            },] }
];
/** @nocollapse */
NgeStepTitleDirective.ctorParameters = () => [
    { type: TemplateRef }
];
if (false) {
    /** @type {?} */
    NgeStepTitleDirective.prototype.templateRef;
}
class NgeStepContentDirective {
    /**
     * @param {?} templateRef
     */
    constructor(templateRef) {
        this.templateRef = templateRef;
    }
}
NgeStepContentDirective.decorators = [
    { type: Directive, args: [{
                selector: 'ng-template[ngeStepContent]',
            },] }
];
/** @nocollapse */
NgeStepContentDirective.ctorParameters = () => [
    { type: TemplateRef }
];
if (false) {
    /** @type {?} */
    NgeStepContentDirective.prototype.templateRef;
}
/** @type {?} */
let nextId = 0;
class NgeStepDirective {
    constructor() {
        this.id = `nge-step-${nextId++}`;
        this.disabled = false;
        // @Input() disabled = true;
        this.isValidStep = true;
    }
    // public isValidStep: boolean = false;
    /**
     * @param {?} value
     * @return {?}
     */
    set validStep(value) {
        this.isValidStep = (value === 'true' || value === true) ? true : false;
    }
}
NgeStepDirective.decorators = [
    { type: Directive, args: [{
                // tslint:disable-next-line:directive-selector
                selector: 'nge-step',
            },] }
];
NgeStepDirective.propDecorators = {
    id: [{ type: Input }],
    title: [{ type: Input }],
    icon: [{ type: Input }],
    data: [{ type: Input }],
    disabled: [{ type: Input }],
    validStep: [{ type: Input }],
    titleTemplate: [{ type: ContentChild, args: [NgeStepTitleDirective, { static: false },] }],
    contentTemplate: [{ type: ContentChild, args: [NgeStepContentDirective, { static: false },] }]
};
if (false) {
    /** @type {?} */
    NgeStepDirective.prototype.id;
    /** @type {?} */
    NgeStepDirective.prototype.title;
    /** @type {?} */
    NgeStepDirective.prototype.icon;
    /**
     * Guarda Cualquier dato. Creado por el Equipo Lamb.
     * @type {?}
     */
    NgeStepDirective.prototype.data;
    /** @type {?} */
    NgeStepDirective.prototype.disabled;
    /** @type {?} */
    NgeStepDirective.prototype.isValidStep;
    /** @type {?} */
    NgeStepDirective.prototype.titleTemplate;
    /** @type {?} */
    NgeStepDirective.prototype.contentTemplate;
}
/**
 * @record
 */
function NgeStepChangeEvent() { }
if (false) {
    /**
     * Id de la pestaña actualmente activa.
     * @type {?}
     */
    NgeStepChangeEvent.prototype.activeId;
    /**
     * Id de la pestaña recién seleccionada.
     * @type {?}
     */
    NgeStepChangeEvent.prototype.nextId;
    /**
     * data guardada en la pestaña actualmente activa.
     * @type {?}
     */
    NgeStepChangeEvent.prototype.activeData;
    /**
     * Función que evitará el cambio de pertaña si se llama.
     * @type {?}
     */
    NgeStepChangeEvent.prototype.preventDefault;
}
class NgeStepGroupComponent {
    /**
     * @param {?} config
     */
    constructor(config) {
        this.config = config;
        this.hideContent = false;
        /**
         * Cuando cambia de step se destruira el contenido anterior o solo se oculatará?
         */
        // @Input() destroyOnHide: boolean = true;
        this.destroyOnHide = false;
        /**
         * se va usar los botones en cada paso como: siguiente, atras, finalizar?,
         * se muestra por default
         */
        // @Input() isShowButtons: boolean = true;
        this.isShowButtons = true;
        /**
         * Emite cuando hay cambios de steps.
         */
        this.stepChange = new EventEmitter();
        // tslint:disable-next-line: no-output-on-prefix
        this.onComplete = new EventEmitter();
        this.type = this.config.type;
        this.justify = this.config.justify;
        this.orientation = this.config.orientation;
        this.iConfigNames = this.config.configNames;
    }
    /**
     * @param {?} confign
     * @return {?}
     */
    set configNames(confign) {
        this.iConfigNames.buttonBack = confign.buttonBack || this.iConfigNames.buttonBack;
        this.iConfigNames.buttonNext = confign.buttonNext || this.iConfigNames.buttonNext;
        this.iConfigNames.buttonFinish = confign.buttonFinish || this.iConfigNames.buttonFinish;
    }
    /**
     * @param {?} className
     * @return {?}
     */
    set justify(className) {
        if (className === 'fill' || className === 'justified') {
            this.justifyClass = `nav-${className}`;
        }
        else {
            this.justifyClass = `justify-content-${className}`;
        }
    }
    /**
     * @param {?} stepId
     * @return {?}
     */
    onSelect(stepId) {
        /** @type {?} */
        const selectedStep = this.getStepById(stepId);
        /** @type {?} */
        const selectedActive = this.getStepById(this.activeId);
        // console.log('selectedStep');
        // console.log(selectedStep);
        if (selectedStep && !selectedStep.disabled && this.activeId !== selectedStep.id) {
            /** @type {?} */
            let defaultPrevented = false;
            this.stepChange.emit({
                activeId: this.activeId,
                activeData: selectedActive.data || null,
                nextId: selectedStep.id,
                preventDefault: (/**
                 * @return {?}
                 */
                () => { defaultPrevented = true; }),
            });
            if (!defaultPrevented) {
                this.activeId = selectedStep.id;
            }
        }
    }
    /**
     * @return {?}
     */
    ngOnInit() {
    }
    /**
     * @return {?}
     */
    ngAfterContentChecked() {
        /** @type {?} */
        const activeStep = this.getStepById(this.activeId);
        this.activeId = activeStep ? activeStep.id : (this.steps.length ? this.steps.first.id : null);
    }
    /**
     * @private
     * @param {?} id
     * @return {?}
     */
    getStepById(id) {
        /** @type {?} */
        const stepsWithId = this.steps.filter((/**
         * @param {?} step
         * @return {?}
         */
        step => step.id === id));
        return stepsWithId.length ? stepsWithId[0] : null;
    }
    /**
     * @return {?}
     */
    back() {
        /** @type {?} */
        const back = this.getStepIdSplice(-1);
        this.onSelect(back);
    }
    /**
     * @return {?}
     */
    next() {
        /** @type {?} */
        const next = this.getStepIdSplice(+1);
        this.onSelect(next);
    }
    /**
     * @return {?}
     */
    complete() {
        this.onComplete.emit();
    }
    /**
     * @param {?} stepId
     * @return {?}
     */
    current(stepId) {
        this.onSelect(stepId);
    }
    /**
     * @private
     * @param {?} condicion
     * @return {?}
     */
    getStepIdSplice(condicion) {
        /** @type {?} */
        const actual = this.activeId;
        /** @type {?} */
        const splice = actual.slice(0, actual.length - 1);
        /** @type {?} */
        const index = parseInt(actual.slice((actual.length - 1), actual.length), 10);
        /** @type {?} */
        const next = `${splice}${(index + (condicion))}`;
        return next;
    }
    /**
     * @return {?}
     */
    get hidePrevious() {
        return this.activeId !== 'nge-step-0';
    }
    /**
     * @return {?}
     */
    get hideNext() {
        /** @type {?} */
        const allLength = (this.steps.length - 1);
        return this.activeId !== 'nge-step-' + allLength;
    }
    /**
     * @param {?} stepId
     * @return {?}
     */
    hideLineRight(stepId) {
        /** @type {?} */
        const step = parseInt(stepId.slice(stepId.length - 1, stepId.length), 10);
        return (this.steps.length !== (step + 1));
    }
    /**
     * @return {?}
     */
    ngOnDestroy() {
        nextId = 0;
    }
}
NgeStepGroupComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-step-group',
                template: "<!-- <ul class=\"nav justify-content-center\" id=\"myStep\" role=\"steplist\"> -->\r\n<ul [class]=\"'nav nge-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\u00E9--> \r\n                <!-- data-toggle=\"step\" aria-selected=\"true\" -->\r\n                <ng-template [ngIf]=\"step.icon\">\r\n                    <span class=\"nge-round-tabs\" [title]=\"step.title\">\r\n                        <i class=\"{{ step.icon }} nge-icon\"></i>\r\n                    </span>\r\n                </ng-template>\r\n                <br>\r\n                <span class=\"nge-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=\"nge-liner\"></div>\r\n        </li>\r\n    </ng-template>\r\n\r\n    <!-- <ng-content select=\"nge-step-head\"></ng-content> -->\r\n</ul>\r\n<div class=\"tab-content nge-content\" id=\"myStepContent\">\r\n    <!-- <ng-content select=\"nge-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\r\n\r\n        <div class=\"row nge-button-manage\" *ngIf=\"isShowButtons\">\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>",
                // animations: [Animations.slideInOut, Animations.slideOfRight],
                animations: [slideOfRight],
                styles: [".nge-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 .nge-round-text{color:#000;text-transform:uppercase;font-size:.7rem}@media (max-width:550px){.nge-liner{width:1rem}.nav-link .nge-round-text{display:none}}.nav-link.active span.nge-round-tabs{background:#2962ff;color:#fff}.nge-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}.nge-nav-tabs li.nav-line{padding-left:0;padding-right:0}.nge-nav-tabs li a{text-decoration:none}.nge-content{text-align:justify}.nge-button-manage{margin-top:1.5rem}span.nge-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}"]
            }] }
];
/** @nocollapse */
NgeStepGroupComponent.ctorParameters = () => [
    { type: NgeStepConfig }
];
NgeStepGroupComponent.propDecorators = {
    steps: [{ type: ContentChildren, args: [NgeStepDirective,] }],
    activeId: [{ type: Input }],
    configNames: [{ type: Input }],
    destroyOnHide: [{ type: Input }],
    isShowButtons: [{ type: Input }],
    stepChange: [{ type: Output }],
    onComplete: [{ type: Output }],
    justify: [{ type: Input }],
    orientation: [{ type: Input }],
    type: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    NgeStepGroupComponent.prototype.justifyClass;
    /** @type {?} */
    NgeStepGroupComponent.prototype.hideContent;
    /** @type {?} */
    NgeStepGroupComponent.prototype.steps;
    /**
     * Id del step que saldrá activado por defecto.
     * @type {?}
     */
    NgeStepGroupComponent.prototype.activeId;
    /**
     * Personalizar el nombre 'Anterior | siguiente y Finalizar'
     * Formato de variable : objecto
     * Ej. configNames: object = {buttonBack: 'Regresar', buttonNext: 'Grabar', buttonFinish: 'Fin'}
     * @type {?}
     */
    NgeStepGroupComponent.prototype.iConfigNames;
    /**
     * Cuando cambia de step se destruira el contenido anterior o solo se oculatará?
     * @type {?}
     */
    NgeStepGroupComponent.prototype.destroyOnHide;
    /**
     * se va usar los botones en cada paso como: siguiente, atras, finalizar?,
     * se muestra por default
     * @type {?}
     */
    NgeStepGroupComponent.prototype.isShowButtons;
    /**
     * Emite cuando hay cambios de steps.
     * @type {?}
     */
    NgeStepGroupComponent.prototype.stepChange;
    /** @type {?} */
    NgeStepGroupComponent.prototype.onComplete;
    /** @type {?} */
    NgeStepGroupComponent.prototype.orientation;
    /** @type {?} */
    NgeStepGroupComponent.prototype.type;
    /**
     * @type {?}
     * @private
     */
    NgeStepGroupComponent.prototype.config;
}
/** @type {?} */
const APP_STEPS_COMPONENTS = [
    NgeStepGroupComponent,
    NgeStepDirective,
    NgeStepTitleDirective,
    NgeStepContentDirective,
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/steps/steps.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeStepsModule {
}
NgeStepsModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                ],
                exports: [
                    ...APP_STEPS_COMPONENTS,
                ],
                declarations: [
                    ...APP_STEPS_COMPONENTS,
                ],
                providers: [
                    NgeStepConfig,
                ],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/steps/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/tree-view/tree-view.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class AppTreeViewComponent {
    constructor() {
        this.collapseAttr = 'isCollapsed';
        this.eventNewChildren = new EventEmitter();
        this.eventUpdate = new EventEmitter();
        this.eventDelete = new EventEmitter();
    }
    /**
     * @param {?} value
     * @return {?}
     */
    set collapseAll(value) {
        this._collapseAll = value;
        this._recursiveEdit(this.data, value);
    }
    /**
     * @return {?}
     */
    ngOnInit() { }
    /*addChildren(entry) {
        this.eventNewChildren.emit(entry);
      }
      goToUpdate(id) {
        this.eventUpdate.emit(id);
      }
      goToDelete(id) {
        this.eventDelete.emit(id);
      }*/
    /**
     * @param {?} $event
     * @return {?}
     */
    newChildren($event) {
        this.eventNewChildren.emit($event);
    }
    /**
     * @param {?} $event
     * @return {?}
     */
    updated($event) {
        this.eventUpdate.emit($event);
    }
    /**
     * @param {?} $event
     * @return {?}
     */
    deleted($event) {
        this.eventDelete.emit($event);
    }
    /**
     * @private
     * @param {?} list
     * @param {?} value
     * @return {?}
     */
    _recursiveEdit(list, value) {
        if (Array.isArray(list)) {
            for (let i = 0, len = list.length; i < len; i++) {
                list[i].collapse = value;
                if (list[i].children.length) {
                    this._recursiveEdit(list[i].children, value);
                }
            }
        }
    }
}
AppTreeViewComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-tree-view',
                template: `
    <ul class="treeview" *ngIf="data && data.length">
      <li *ngFor="let d of data">
        <div class="card">
            <div class="row">
                <div class="col-md-12">
                    <div class="card-body">
                        <i *ngIf="d.children.length" class="fa fa-{{d.collapse ? 'minus':'plus'}}-square"
                        (click)="d.collapse = !d.collapse"></i>
                        <i *ngIf="!d.children.length" class="fa fa-square"></i>
                            <strong class="title-card"> {{d.cont_asiento_nombre}} </strong>
                        <a class="btn btn-ligth nge-button-menu" [ngbPopover]="templateOptions" placement="bottom">
                            <span class="fa fa-ellipsis-v"></span>
                        </a>
                        <ng-template #templateOptions>
                            <ul class="menu-options">
                                <li (click)="newChildren(d)">
                                  <a>
                                    <span class="fa fa-plus"></span> Nuevo Hijo
                                  </a>
                                </li>
                                <li (click)="updated(d.cont_asiento_id)">
                                  <a>
                                    <span class="fa fa-edit"></span> Actualizar
                                   </a>
                                </li>
                                <li (click)="deleted(d.cont_asiento_id)" *ngIf="!d.children.length">
                                  <a>
                                    <span class="fa fa-trash"></span> Eliminar
                                  </a>
                                </li>
                            </ul>
                        </ng-template>
                    </div>
                </div>
            </div>
        </div>

        <nge-tree-view *ngIf="d.collapse && d.children.length"
                            [data]="d.children"
                            [ngbCollapse]="d[collapseAttr]"
                            (eventNewChildren)="newChildren($event)"
                            (eventUpdate)="updated($event)"
                            (eventDelete)="deleted($event)">
        </nge-tree-view>

      </li>
    </ul>
  `,
                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 nge-button-icon{float:right}.card .card-footer .nge-badge{border-radius:50%;cursor:pointer}.card .nge-link{opacity:.8;margin-bottom:0}.card .nge-icons{cursor:pointer}.card .nge-button-menu{position:absolute;right:.7rem;top:0;padding:.1rem .7rem;border-radius:50%;cursor:pointer}.card .nge-button-menu :active,.card .nge-button-menu :focus,.card .nge-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)}"]
            }] }
];
/** @nocollapse */
AppTreeViewComponent.ctorParameters = () => [];
AppTreeViewComponent.propDecorators = {
    data: [{ type: Input, args: ['data',] }],
    collapseAll: [{ type: Input, args: ['collapseAll',] }],
    eventNewChildren: [{ type: Output }],
    eventUpdate: [{ type: Output }],
    eventDelete: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    AppTreeViewComponent.prototype._collapseAll;
    /** @type {?} */
    AppTreeViewComponent.prototype.collapseAttr;
    /** @type {?} */
    AppTreeViewComponent.prototype.data;
    /** @type {?} */
    AppTreeViewComponent.prototype.eventNewChildren;
    /** @type {?} */
    AppTreeViewComponent.prototype.eventUpdate;
    /** @type {?} */
    AppTreeViewComponent.prototype.eventDelete;
}
/** @type {?} */
const APP_TREEVIEW_COMPONENTS = [
    AppTreeViewComponent,
];
class ModelTreeView {
}
if (false) {
    /** @type {?} */
    ModelTreeView.prototype.id;
    /** @type {?} */
    ModelTreeView.prototype.name;
    /** @type {?} */
    ModelTreeView.prototype.parent;
    /** @type {?} */
    ModelTreeView.prototype.collapse;
    /** @type {?} */
    ModelTreeView.prototype.children;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/tree-view/tree-view.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeTreeViewModule {
}
NgeTreeViewModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                    NgbCollapseModule,
                    NgbPopoverModule,
                ],
                exports: [
                    ...APP_TREEVIEW_COMPONENTS,
                ],
                declarations: [
                    ...APP_TREEVIEW_COMPONENTS,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/tree-view/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/pagination/pagination.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgePaginationComponent {
    constructor() {
        this.perpages = [
            { id: 15, active: true },
            { id: 30, active: false },
            { id: 50, active: false },
            { id: 100, active: false },
        ];
        this.eventPaginate = new EventEmitter();
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        this.ver_por_pagina = 15;
        this.current_page = 1;
    }
    /**
     * @param {?} event
     * @return {?}
     */
    changeValuePage(event) {
        this.ver_por_pagina = event.value;
        this.eventPaginate.emit({
            page: this.current_page,
            ver_por_pagina: this.ver_por_pagina,
        });
    }
    /**
     * @param {?} $event
     * @return {?}
     */
    loadPage($event) {
        this.current_page = $event;
        this.eventPaginate.emit({
            page: $event,
            ver_por_pagina: this.ver_por_pagina,
        });
    }
}
NgePaginationComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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  <!--\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  -->"
            }] }
];
/** @nocollapse */
NgePaginationComponent.ctorParameters = () => [];
NgePaginationComponent.propDecorators = {
    pagination: [{ type: Input }],
    isDisabled: [{ type: Input }],
    eventPaginate: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    NgePaginationComponent.prototype.perpages;
    /** @type {?} */
    NgePaginationComponent.prototype.ver_por_pagina;
    /** @type {?} */
    NgePaginationComponent.prototype.current_page;
    /** @type {?} */
    NgePaginationComponent.prototype.pagination;
    /**
     * **** ****************
     * @type {?}
     */
    NgePaginationComponent.prototype.isDisabled;
    /** @type {?} */
    NgePaginationComponent.prototype.eventPaginate;
}
/**
 * @record
 */
function PaginationChangeEvent() { }
if (false) {
    /** @type {?} */
    PaginationChangeEvent.prototype.total_lista;
    /** @type {?} */
    PaginationChangeEvent.prototype.ultima_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_actual;
    /** @type {?} */
    PaginationChangeEvent.prototype.ver_por_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.total_por_pagina;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_anterior;
    /** @type {?} */
    PaginationChangeEvent.prototype.pagina_siguiente;
    /** @type {?} */
    PaginationChangeEvent.prototype.preventDefault;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/pagination/pagination.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgePaginationModule {
}
NgePaginationModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                    NgbPaginationModule,
                ],
                exports: [
                    NgePaginationComponent,
                ],
                declarations: [
                    NgePaginationComponent,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/pagination/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/menu/menu.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeMenuComponent {
    /**
     * @param {?} router
     * @param {?} route
     */
    constructor(router, route) {
        this.router = router;
        this.route = route;
        this.showMenu = '';
        this.showSubMenu = '';
        this.sidebarnavItems = [];
        this.selectedItem = new EventEmitter();
        this.userData = {
            name: '',
            email: '',
        };
    }
    /**
     * @param {?} d
     * @return {?}
     */
    set menu(d) {
        if (d) {
            this.sidebarnavItems = d;
            this.openMenuLoad(d);
        }
    }
    // this is for the open close
    /**
     * @param {?} element
     * @return {?}
     */
    addExpandClass(element) {
        if (element === this.showMenu) {
            this.showMenu = '0';
        }
        else {
            this.showMenu = element;
        }
    }
    /**
     * @param {?} element
     * @return {?}
     */
    addActiveClass(element) {
        if (element === this.showSubMenu) {
            this.showSubMenu = '0';
        }
        else {
            this.showSubMenu = element;
        }
    }
    // End open close
    /**
     * @return {?}
     */
    ngOnInit() {
        // this.getListMenu();
        // this.getUserData();
        // this.getEnterprise();
        // this.MenuDataState$ = this.stateService.onMenuState$().subscribe(res => {
        //   const arr = [];
        //   arr.push(res); // console.log('res...', res);
        //   this.showMenu = res.title;
        //   this.sidebarnavItems = arr;
        // });
        // this.MenuDataAllState$ = this.stateService.onMenuAllState$().subscribe(response => {
        //   this.sidebarnavItems = response;
        // });
    }
    /**
     * @return {?}
     */
    ngOnDestroy() {
        this.MenuDataState$.unsubscribe();
        this.MenuDataAllState$.unsubscribe();
    }
    //   public getListMenu() {
    //     this.menuService.getAll$().subscribe(res => {
    //       this.sidebarnavItems = res.data;
    //       this.openMenuLoad();
    //     });
    //   }
    //   private getEnterprise() {
    //      this.enterpriseService.getAll$().subscribe(response => {
    //           const enterData = response && response.data || {};
    //           this.authStoreService.setEnterpriseData(enterData);
    //       })
    //   }
    //   public getUserData() {
    //     this.userData = this.authStoreService.getUserData();
    //   }
    //   public logout() {
    //     this.logoutService.getAll$().subscribe(res => {
    //       this.authStoreService.clearAll();
    //       this.router.navigate(['/authentication/login'], {relativeTo: this.route});
    //     });
    //   }
    // onPathLink(path) {
    //   if (path) {
    //     console.log(path, '<<------------');
    //     this.router.navigate([path], {relativeTo: this.route});
    //   }
    // }
    /**
     * @private
     * @param {?} sidebarnavItems
     * @return {?}
     */
    openMenuLoad(sidebarnavItems) {
        /** @type {?} */
        const path = window.location.pathname;
        /** @type {?} */
        const s_path = path.split('/');
        if (s_path[1]) {
            if (s_path[2]) {
                sidebarnavItems = sidebarnavItems.map((/**
                 * @param {?} items
                 * @return {?}
                 */
                items => {
                    if (items.path === `${s_path[2]}`) {
                        this.showMenu = items.title;
                    }
                    items.submenu.forEach((/**
                     * @param {?} subItems
                     * @return {?}
                     */
                    subItems => {
                        if (subItems.path === `/${s_path[1]}/${s_path[2]}/${s_path[3]}`) {
                            this.showSubMenu = subItems.title;
                        }
                        return subItems;
                    }));
                    return items;
                }));
            }
        }
    }
}
NgeMenuComponent.decorators = [
    { type: Component, args: [{
                selector: 'nge-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);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:flex;white-space:nowrap;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:flex;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;transform:rotate(135deg) translate(0,-50%);transform-origin:top;top:26px;right:15px;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{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}"]
            }] }
];
/** @nocollapse */
NgeMenuComponent.ctorParameters = () => [
    { type: Router },
    { type: ActivatedRoute }
];
NgeMenuComponent.propDecorators = {
    menu: [{ type: Input }],
    selectedItem: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    NgeMenuComponent.prototype.showMenu;
    /** @type {?} */
    NgeMenuComponent.prototype.showSubMenu;
    /** @type {?} */
    NgeMenuComponent.prototype.sidebarnavItems;
    /** @type {?} */
    NgeMenuComponent.prototype.selectedItem;
    /** @type {?} */
    NgeMenuComponent.prototype.enterpriseData;
    /** @type {?} */
    NgeMenuComponent.prototype.userData;
    /**
     * @type {?}
     * @private
     */
    NgeMenuComponent.prototype.MenuDataState$;
    /**
     * @type {?}
     * @private
     */
    NgeMenuComponent.prototype.MenuDataAllState$;
    /** @type {?} */
    NgeMenuComponent.prototype.openActivatemenu;
    /**
     * @type {?}
     * @private
     */
    NgeMenuComponent.prototype.router;
    /**
     * @type {?}
     * @private
     */
    NgeMenuComponent.prototype.route;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/menu/menu.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class NgeMenuModule {
}
NgeMenuModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule,
                    RouterModule
                ],
                exports: [
                    NgeMenuComponent,
                ],
                declarations: [
                    NgeMenuComponent,
                ],
                providers: [],
            },] }
];

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/menu/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/index.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: public-api.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: nge-facturaperu.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

export { NgeBreadcrumbIconModule, NgeButtonIconComponent, NgeButtonIconModule, NgeConfirmDialogModule, NgeConfirmDialogService, NgeDividerModule, NgeFacturaperuComponent, NgeFacturaperuModule, NgeFacturaperuService, NgeFieldsetModule, NgeInputIconComponent, NgeInputIconModule, NgeMenuModule, NgePaginationModule, NgeStepsModule, NgeTreeViewModule, NgeStepTitleDirective as ɵa, NgeStepContentDirective as ɵb, NgeStepDirective as ɵc, NgeStepGroupComponent as ɵd, APP_STEPS_COMPONENTS as ɵe, NgePaginationComponent as ɵf, NgeBreadcrumbComponent as ɵg, NgeConfirmDialogComponent as ɵh, NgeDividerComponent as ɵi, NgeDividerConfigService as ɵj, NgeFieldsetComponent as ɵk, NgeFieldsetHeadComponent as ɵl, NgeFieldsetBodyComponent as ɵm, NgeFieldsetTitleComponent as ɵn, NgeFieldsetIconComponent as ɵo, APP_FIELDSET_COMPONENTS as ɵp, slideOfRight as ɵq, NgeStepConfig as ɵr, AppTreeViewComponent as ɵs, APP_TREEVIEW_COMPONENTS as ɵt, NgeMenuComponent as ɵu };
//# sourceMappingURL=nge-facturaperu.js.map