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/).
2,201 lines • 95.1 kB
JavaScript
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 { __spread } from 'tslib';
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
*/
var NgeFacturaperuService = /** @class */ (function () {
function NgeFacturaperuService() {
}
NgeFacturaperuService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
NgeFacturaperuService.ctorParameters = function () { return []; };
/** @nocollapse */ NgeFacturaperuService.ngInjectableDef = ɵɵdefineInjectable({ factory: function NgeFacturaperuService_Factory() { return new NgeFacturaperuService(); }, token: NgeFacturaperuService, providedIn: "root" });
return NgeFacturaperuService;
}());
/**
* @fileoverview added by tsickle
* Generated from: lib/nge-facturaperu.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NgeFacturaperuComponent = /** @class */ (function () {
function NgeFacturaperuComponent() {
}
/**
* @return {?}
*/
NgeFacturaperuComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
NgeFacturaperuComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-nge-facturaperu',
template: "\n <p>\n nge-facturaperu works!\n </p>\n "
}] }
];
/** @nocollapse */
NgeFacturaperuComponent.ctorParameters = function () { return []; };
return NgeFacturaperuComponent;
}());
/**
* @fileoverview added by tsickle
* Generated from: lib/nge-facturaperu.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NgeFacturaperuModule = /** @class */ (function () {
function NgeFacturaperuModule() {
}
NgeFacturaperuModule.decorators = [
{ type: NgModule, args: [{
declarations: [NgeFacturaperuComponent],
imports: [],
exports: [NgeFacturaperuComponent]
},] }
];
return NgeFacturaperuModule;
}());
/**
* @fileoverview added by tsickle
* Generated from: lib/components/breadcrumb/breadcrumb.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NgeBreadcrumbComponent = /** @class */ (function () {
function NgeBreadcrumbComponent(router, activatedRoute, titleService) {
var _this = this;
this.router = router;
this.activatedRoute = activatedRoute;
this.titleService = titleService;
this.breadcrumbEvent = new EventEmitter();
this.router.events
.pipe(filter((/**
* @param {?} event
* @return {?}
*/
function (event) { return event instanceof NavigationEnd; })))
.pipe(map((/**
* @return {?}
*/
function () { return _this.activatedRoute; })))
.pipe(map((/**
* @param {?} route
* @return {?}
*/
function (route) {
while (route.firstChild) {
route = route.firstChild;
}
return route;
})))
.pipe(filter((/**
* @param {?} route
* @return {?}
*/
function (route) { return route.outlet === 'primary'; })))
.pipe(mergeMap((/**
* @param {?} route
* @return {?}
*/
function (route) { return route.data; })))
.subscribe((/**
* @param {?} event
* @return {?}
*/
function (event) {
_this.titleService.setTitle(event['title']);
_this.pageInfo = event;
}));
}
/**
* @return {?}
*/
NgeBreadcrumbComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @param {?} title
* @return {?}
*/
NgeBreadcrumbComponent.prototype.redirectBack = /**
* @param {?} title
* @return {?}
*/
function (title) {
// console.log(this.router, '..bread-ruta..', this.titleService.getTitle());
// console.log('..title..', title);
/*this.router.navigate(['../'], {relativeTo: this.activatedRoute});*/
/** @type {?} */
var url = this.activatedRoute.snapshot.url;
/** @type {?} */
var link = (url[0] && url[0].path) || '';
/** @type {?} */
var relativeUrl = link ? "../" + link : "./" + link;
// console.log(url, '..bread-ruta..', link);
// this.router.navigate([relativeUrl], { relativeTo: this.activatedRoute });
};
/**
* @return {?}
*/
NgeBreadcrumbComponent.prototype.eventBreadcrumb = /**
* @return {?}
*/
function () {
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 = function () { return [
{ type: Router },
{ type: ActivatedRoute },
{ type: Title }
]; };
NgeBreadcrumbComponent.propDecorators = {
layout: [{ type: Input }],
breadcrumbEvent: [{ type: Output }]
};
return NgeBreadcrumbComponent;
}());
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
*/
var NgeBreadcrumbIconModule = /** @class */ (function () {
function NgeBreadcrumbIconModule() {
}
NgeBreadcrumbIconModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
exports: [
NgeBreadcrumbComponent,
],
declarations: [
NgeBreadcrumbComponent,
],
providers: [],
},] }
];
return NgeBreadcrumbIconModule;
}());
/**
* @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';
var NgeButtonIconComponent = /** @class */ (function () {
function NgeButtonIconComponent() {
this.class = 'btn btn-primary';
this.icon = 'fa fa-plus-circle';
this.label = 'Nuevo';
}
/**
* @return {?}
*/
NgeButtonIconComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
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 = function () { return []; };
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 }]
};
return NgeButtonIconComponent;
}());
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
*/
var NgeButtonIconModule = /** @class */ (function () {
function NgeButtonIconModule() {
}
NgeButtonIconModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
RouterModule,
],
exports: [
NgeButtonIconComponent,
],
declarations: [
NgeButtonIconComponent,
],
providers: [],
},] }
];
return NgeButtonIconModule;
}());
/**
* @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
*/
var NgeConfirmDialogComponent = /** @class */ (function () {
function NgeConfirmDialogComponent(activeModal) {
this.activeModal = activeModal;
}
/**
* @return {?}
*/
NgeConfirmDialogComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
NgeConfirmDialogComponent.prototype.cancel = /**
* @return {?}
*/
function () {
// this.activeModal.close(false);
this.activeModal.dismiss(false);
};
/**
* @return {?}
*/
NgeConfirmDialogComponent.prototype.ok = /**
* @return {?}
*/
function () {
this.activeModal.close({ daa: 'ola Soy guido' });
};
/**
* @return {?}
*/
NgeConfirmDialogComponent.prototype.dismiss = /**
* @return {?}
*/
function () {
// 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\">×</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 = function () { return [
{ type: NgbActiveModal }
]; };
NgeConfirmDialogComponent.propDecorators = {
title: [{ type: Input }],
message: [{ type: Input }],
btnOkText: [{ type: Input }],
btnCancelText: [{ type: Input }]
};
return NgeConfirmDialogComponent;
}());
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 {?} */
var 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;
}
var NgeConfirmDialogService = /** @class */ (function () {
function NgeConfirmDialogService(gwModalService) {
this.gwModalService = gwModalService;
}
/**
* Confirm
* @param options opctional JSON Obtions
* @param action X = XXX; D = Delete; U = Update; S = Save
*/
/**
* Confirm
* @param {?=} options opctional JSON Obtions
* @param {?=} action X = XXX; D = Delete; U = Update; S = Save
* @return {?}
*/
NgeConfirmDialogService.prototype.confirm = /**
* Confirm
* @param {?=} options opctional JSON Obtions
* @param {?=} action X = XXX; D = Delete; U = Update; S = Save
* @return {?}
*/
function (options, action) {
if (options === void 0) { options = {}; }
/** @type {?} */
var 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 {?}
*/
NgeConfirmDialogService.prototype.confirmDelete = /**
* @param {?=} options
* @return {?}
*/
function (options) {
if (options === void 0) { options = {}; }
return this.confirm(options, 'D');
};
/**
* @param {?=} options
* @return {?}
*/
NgeConfirmDialogService.prototype.confirmUpdate = /**
* @param {?=} options
* @return {?}
*/
function (options) {
if (options === void 0) { options = {}; }
return this.confirm(options, 'U');
};
/**
* @param {?=} options
* @return {?}
*/
NgeConfirmDialogService.prototype.confirmSave = /**
* @param {?=} options
* @return {?}
*/
function (options) {
if (options === void 0) { options = {}; }
return this.confirm(options, 'S');
};
/**
* @param {?=} options
* @return {?}
*/
NgeConfirmDialogService.prototype.confirmState = /**
* @param {?=} options
* @return {?}
*/
function (options) {
if (options === void 0) { options = {}; }
return this.confirm(options, 'E');
};
/**
* @private
* @param {?} action
* @return {?}
*/
NgeConfirmDialogService.prototype.getMessage = /**
* @private
* @param {?} action
* @return {?}
*/
function (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;
}
}
};
Object.defineProperty(NgeConfirmDialogService.prototype, "config", {
/**
* Config for default.
*/
get: /**
* Config for default.
* @return {?}
*/
function () {
return {
title: 'Confirmación',
message: message.confirmDefault,
btnOkText: 'OK',
btnCancelText: 'CANCEL',
dialogSize: 'lg',
};
},
enumerable: true,
configurable: true
});
NgeConfirmDialogService.decorators = [
{ type: Injectable }
];
/** @nocollapse */
NgeConfirmDialogService.ctorParameters = function () { return [
{ type: NgbModal }
]; };
return NgeConfirmDialogService;
}());
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
*/
var NgeConfirmDialogModule = /** @class */ (function () {
function NgeConfirmDialogModule() {
}
NgeConfirmDialogModule.decorators = [
{ type: NgModule, args: [{
imports: [
NgbModalModule
],
declarations: [
NgeConfirmDialogComponent
],
providers: [
NgeConfirmDialogService
],
entryComponents: [
NgeConfirmDialogComponent
],
},] }
];
return NgeConfirmDialogModule;
}());
/**
* @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
*/
var NgeDividerConfigService = /** @class */ (function () {
function NgeDividerConfigService() {
this.icon = '';
this.description = '';
this.title = '';
}
NgeDividerConfigService.decorators = [
{ type: Injectable }
];
return NgeDividerConfigService;
}());
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
*/
var NgeDividerComponent = /** @class */ (function () {
function NgeDividerComponent() {
}
/**
* @return {?}
*/
NgeDividerComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
NgeDividerComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-divider',
template: "\n <span class=\"{{ icon }}\"></span>\n <span class=\"app-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}"]
}] }
];
/** @nocollapse */
NgeDividerComponent.ctorParameters = function () { return []; };
NgeDividerComponent.propDecorators = {
icon: [{ type: Input }],
title: [{ type: Input }],
description: [{ type: Input }]
};
return NgeDividerComponent;
}());
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
*/
var NgeDividerModule = /** @class */ (function () {
function NgeDividerModule() {
}
NgeDividerModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
exports: [
NgeDividerComponent,
],
declarations: [
NgeDividerComponent,
],
providers: [
NgeDividerConfigService,
],
},] }
];
return NgeDividerModule;
}());
/**
* @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>
*
*/
var NgeFieldsetComponent = /** @class */ (function () {
function NgeFieldsetComponent() {
}
/**
* @return {?}
*/
NgeFieldsetComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
NgeFieldsetComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-fieldset',
template: "\n <fieldset class=\"fieldset-border\">\n <legend class=\"legend-border\">\n <ng-content select=\"nge-fieldset-head\"></ng-content>\n </legend>\n <ng-content></ng-content>\n <ng-content select=\"nge-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}"]
}] }
];
/** @nocollapse */
NgeFieldsetComponent.ctorParameters = function () { return []; };
return NgeFieldsetComponent;
}());
/**
* 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>
* ```
*/
var NgeFieldsetHeadComponent = /** @class */ (function () {
function NgeFieldsetHeadComponent() {
}
NgeFieldsetHeadComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-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 "
}] }
];
/** @nocollapse */
NgeFieldsetHeadComponent.ctorParameters = function () { return []; };
return NgeFieldsetHeadComponent;
}());
/**
* Reveal fieldset body component.
*
* \@example
*
* ```
* <app-fieldset-body>
* Mi Contenido
* </app-fieldset-body>
* ```
*/
var NgeFieldsetBodyComponent = /** @class */ (function () {
function NgeFieldsetBodyComponent() {
}
NgeFieldsetBodyComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-fieldset-body',
template: "\n <ng-content></ng-content>\n "
}] }
];
/** @nocollapse */
NgeFieldsetBodyComponent.ctorParameters = function () { return []; };
return NgeFieldsetBodyComponent;
}());
/**
* Reveal fieldset title component.
*
* \@example
*
* ```
* <app-fieldset-title>
* Mi Titulo
* </app-fieldset-title>
* ```
*/
var NgeFieldsetTitleComponent = /** @class */ (function () {
function NgeFieldsetTitleComponent() {
}
NgeFieldsetTitleComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-fieldset-title',
template: "\n <ng-content></ng-content>\n "
}] }
];
/** @nocollapse */
NgeFieldsetTitleComponent.ctorParameters = function () { return []; };
return NgeFieldsetTitleComponent;
}());
/**
* Reveal fieldset icon component.
*
* \@example
*
* ```
* <app-fieldset-icon icon="fa fa-home"></app-fieldset-icon>
* ```
*/
var NgeFieldsetIconComponent = /** @class */ (function () {
function NgeFieldsetIconComponent() {
}
NgeFieldsetIconComponent.decorators = [
{ type: Component, args: [{
selector: 'nge-fieldset-icon',
template: "\n <span class=\"{{ icon }} gn-icon\" ></span>\n ",
styles: [" .gn-icon {\n font-size: medium;\n margin-right: 6px;\n }\n "]
}] }
];
/** @nocollapse */
NgeFieldsetIconComponent.ctorParameters = function () { return []; };
NgeFieldsetIconComponent.propDecorators = {
icon: [{ type: Input }]
};
return NgeFieldsetIconComponent;
}());
if (false) {
/** @type {?} */
NgeFieldsetIconComponent.prototype.icon;
}
/** @type {?} */
var 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
*/
var NgeFieldsetModule = /** @class */ (function () {
function NgeFieldsetModule() {
}
NgeFieldsetModule.decorators = [
{ type: NgModule, args: [{
imports: [],
exports: __spread(APP_FIELDSET_COMPONENTS),
declarations: __spread(APP_FIELDSET_COMPONENTS),
providers: [],
},] }
];
return NgeFieldsetModule;
}());
/**
* @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
*/
var NgeInputIconComponent = /** @class */ (function () {
function NgeInputIconComponent() {
this.justify = 'end';
}
/**
* @return {?}
*/
NgeInputIconComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
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 = function () { return []; };
NgeInputIconComponent.propDecorators = {
justify: [{ type: Input }]
};
return NgeInputIconComponent;
}());
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
*/
var NgeInputIconModule = /** @class */ (function () {
function NgeInputIconModule() {
}
NgeInputIconModule.decorators = [
{ type: NgModule, args: [{
imports: [],
exports: [NgeInputIconComponent],
declarations: [NgeInputIconComponent],
providers: [],
},] }
];
return NgeInputIconModule;
}());
/**
* @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 {?} */
var 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
*/
var ConfigNames = /** @class */ (function () {
function ConfigNames(buttonBack, buttonNext, buttonFinish) {
this.buttonBack = buttonBack;
this.buttonNext = buttonNext;
this.buttonFinish = buttonFinish;
}
return ConfigNames;
}());
if (false) {
/** @type {?} */
ConfigNames.prototype.buttonBack;
/** @type {?} */
ConfigNames.prototype.buttonNext;
/** @type {?} */
ConfigNames.prototype.buttonFinish;
}
var NgeStepConfig = /** @class */ (function () {
function NgeStepConfig() {
// 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 }
];
return NgeStepConfig;
}());
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
*/
var NgeStepTitleDirective = /** @class */ (function () {
function NgeStepTitleDirective(templateRef) {
this.templateRef = templateRef;
}
NgeStepTitleDirective.decorators = [
{ type: Directive, args: [{
selector: 'ng-template[ngeStepTitle]',
},] }
];
/** @nocollapse */
NgeStepTitleDirective.ctorParameters = function () { return [
{ type: TemplateRef }
]; };
return NgeStepTitleDirective;
}());
if (false) {
/** @type {?} */
NgeStepTitleDirective.prototype.templateRef;
}
var NgeStepContentDirective = /** @class */ (function () {
function NgeStepContentDirective(templateRef) {
this.templateRef = templateRef;
}
NgeStepContentDirective.decorators = [
{ type: Directive, args: [{
selector: 'ng-template[ngeStepContent]',
},] }
];
/** @nocollapse */
NgeStepContentDirective.ctorParameters = function () { return [
{ type: TemplateRef }
]; };
return NgeStepContentDirective;
}());
if (false) {
/** @type {?} */
NgeStepContentDirective.prototype.templateRef;
}
/** @type {?} */
var nextId = 0;
var NgeStepDirective = /** @class */ (function () {
function NgeStepDirective() {
this.id = "nge-step-" + nextId++;
this.disabled = false;
// @Input() disabled = true;
this.isValidStep = true;
}
Object.defineProperty(NgeStepDirective.prototype, "validStep", {
// public isValidStep: boolean = false;
set:
// public isValidStep: boolean = false;
/**
* @param {?} value
* @return {?}
*/
function (value) {
this.isValidStep = (value === 'true' || value === true) ? true : false;
},
enumerable: true,
configurable: true
});
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 },] }]
};
return NgeStepDirective;
}());
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;
}
var NgeStepGroupComponent = /** @class */ (function () {
function NgeStepGroupComponent(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;
}
Object.defineProperty(NgeStepGroupComponent.prototype, "configNames", {
set: /**
* @param {?} confign
* @return {?}
*/
function (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;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgeStepGroupComponent.prototype, "justify", {
set: /**
* @param {?} className
* @return {?}
*/
function (className) {
if (className === 'fill' || className === 'justified') {
this.justifyClass = "nav-" + className;
}
else {
this.justifyClass = "justify-content-" + className;
}
},
enumerable: true,
configurable: true
});
/**
* @param {?} stepId
* @return {?}
*/
NgeStepGroupComponent.prototype.onSelect = /**
* @param {?} stepId
* @return {?}
*/
function (stepId) {
/** @type {?} */
var selectedStep = this.getStepById(stepId);
/** @type {?} */
var selectedActive = this.getStepById(this.activeId);
// console.log('selectedStep');
// console.log(selectedStep);
if (selectedStep && !selectedStep.disabled && this.activeId !== selectedStep.id) {
/** @type {?} */
var defaultPrevented_1 = false;
this.stepChange.emit({
activeId: this.activeId,
activeData: selectedActive.data || null,
nextId: selectedStep.id,
preventDefault: (/**
* @return {?}
*/
function () { defaultPrevented_1 = true; }),
});
if (!defaultPrevented_1) {
this.activeId = selectedStep.id;
}
}
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.ngAfterContentChecked = /**
* @return {?}
*/
function () {
/** @type {?} */
var activeStep = this.getStepById(this.activeId);
this.activeId = activeStep ? activeStep.id : (this.steps.length ? this.steps.first.id : null);
};
/**
* @private
* @param {?} id
* @return {?}
*/
NgeStepGroupComponent.prototype.getStepById = /**
* @private
* @param {?} id
* @return {?}
*/
function (id) {
/** @type {?} */
var stepsWithId = this.steps.filter((/**
* @param {?} step
* @return {?}
*/
function (step) { return step.id === id; }));
return stepsWithId.length ? stepsWithId[0] : null;
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.back = /**
* @return {?}
*/
function () {
/** @type {?} */
var back = this.getStepIdSplice(-1);
this.onSelect(back);
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.next = /**
* @return {?}
*/
function () {
/** @type {?} */
var next = this.getStepIdSplice(+1);
this.onSelect(next);
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.complete = /**
* @return {?}
*/
function () {
this.onComplete.emit();
};
/**
* @param {?} stepId
* @return {?}
*/
NgeStepGroupComponent.prototype.current = /**
* @param {?} stepId
* @return {?}
*/
function (stepId) {
this.onSelect(stepId);
};
/**
* @private
* @param {?} condicion
* @return {?}
*/
NgeStepGroupComponent.prototype.getStepIdSplice = /**
* @private
* @param {?} condicion
* @return {?}
*/
function (condicion) {
/** @type {?} */
var actual = this.activeId;
/** @type {?} */
var splice = actual.slice(0, actual.length - 1);
/** @type {?} */
var index = parseInt(actual.slice((actual.length - 1), actual.length), 10);
/** @type {?} */
var next = "" + splice + (index + (condicion));
return next;
};
Object.defineProperty(NgeStepGroupComponent.prototype, "hidePrevious", {
get: /**
* @return {?}
*/
function () {
return this.activeId !== 'nge-step-0';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgeStepGroupComponent.prototype, "hideNext", {
get: /**
* @return {?}
*/
function () {
/** @type {?} */
var allLength = (this.steps.length - 1);
return this.activeId !== 'nge-step-' + allLength;
},
enumerable: true,
configurable: true
});
/**
* @param {?} stepId
* @return {?}
*/
NgeStepGroupComponent.prototype.hideLineRight = /**
* @param {?} stepId
* @return {?}
*/
function (stepId) {
/** @type {?} */
var step = parseInt(stepId.slice(stepId.length - 1, stepId.length), 10);
return (this.steps.length !== (step + 1));
};
/**
* @return {?}
*/
NgeStepGroupComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
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 = function () { return [
{ 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 }]
};
return NgeStepGroupComponent;
}());
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 {?} */
var 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
*/
var NgeStepsModule = /** @class */ (function () {
function NgeStepsModule() {
}
NgeStepsModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
],
exports: __spread(APP_STEPS_COMPONENTS),
declarations: __spread(APP_STEPS_COMPONENTS),
providers: [
NgeStepConfig,
],
},] }
];
return NgeStepsModule;
}());
/**
* @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
*/
var AppTreeViewComponent = /** @class */ (function () {
function AppTreeViewComponent() {
this.collapseAttr = 'isCollapsed';
this.eventNewChildren = new EventEmitter();
this.eventUpdate = new EventEmitter();
this.eventDelete = new EventEmitter();
}
Object.defineProperty(AppTreeViewComponent.prototype, "collapseAll", {
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._collapseAll = value;
this._recursiveEdit(this.data, value);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
AppTreeViewComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/*addChildren(entry) {
this.eventNewChildren.emit(entry);
}
goToUpdate(id) {
this.eventUpdate.emit(id);
}
goToDelete(id) {
this.eventDelete.emit(id);
}*/
/*addChildren(entry) {
this.eventNewChildren.emit(entry);
}
goToUpdate(id) {
this.eventUpdate.emit(id);
}
goToDelete(id) {
this.eventDelete.emit(id);
}*/
/**
* @param {?} $event
* @return {?}
*/
AppTreeViewComponent.prototype.newChildren = /*addChildren(entry) {
this.eventNewChildren.emit(entry);
}
goToUpdate(id) {
this.eventUpdate.emit(id);
}
goToDelete(id) {
this.eventDelete.emit(id);
}*/
/**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.eventNewChildren.emit($event);
};
/**
* @param {?} $event
* @return {?}
*/
AppTreeViewComponent.prototype.updated = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.eventUpdate.emit($event);
};
/**
* @param {?} $event
* @return {?}
*/
AppTreeViewComponent.prototype.deleted = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.eventDelete.emit($event);
};
/**
* @private
* @param {?} list
* @param {?} value
* @return {?}
*/
AppTreeViewComponent.prototype._recursiveEdit = /**
* @private
* @param {?} list
* @param {?} value
* @return {?}
*/
function (list, value) {
if (Array.isArray(list)) {
for (var 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: "\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=\"fa 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 nge-button-menu\" [ngbPopover]=\"templateOptions\" placement=\"bottom\">\n <span class=\"fa fa-ellipsis-v\"></span>\n </a>\n <ng-template #templateOptions>\n <ul class=\"menu-options\">\n <li (click)=\"newChildren(d)\">\n <a>\n <span class=\"fa fa-plus\"></span> Nuevo Hijo\n </a>\n </li>\n <li (click)=\"updated(d.cont_asiento_id)\">\n <a>\n <span class=\"fa fa-edit\"></span> Actualizar\n </a>\n </li>\n <li (click)=\"deleted(d.cont_asiento_id)\" *ngIf=\"!d.children.length\">\n <a>\n <span class=\"fa fa-trash\"></span> Eliminar\n </a>\n </li>\n </ul>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n\n <nge-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 </nge-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 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 = function () { return []; };
AppTreeViewComponent.propDecorators = {
data: [{ type: Input, args: ['data',] }],
collapseAll: [{ type: Input, args: ['collapseAll',] }],
eventNewChildren: [{ type: Output }],
eventUpdate: [{ type: Output }],
eventDelete: [{ type: Output }]
};
return AppTreeViewComponent;
}());
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 {?} */
var APP_TREEVIEW_COMPONENTS = [
AppTreeViewComponent,
];
var ModelTreeView = /** @class */ (function () {
function ModelTreeView() {
}
return 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
*/
var NgeTreeViewModule = /** @class */ (function () {
function NgeTreeViewModule() {
}
NgeTreeViewModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
NgbCollapseModule,
NgbPopoverModule,
],
exports: __spread(APP_TREEVIEW_COMPONENTS),
declarations: __spread(APP_TREEVIEW_COMPONENTS),
providers: [],
},] }
];
return NgeTreeViewModule;
}());
/**
* @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
*/
var NgePaginationComponent = /** @class */ (function () {
function NgePaginationComponent() {
this.perpages = [
{ id: 15, active: true },
{ id: 30, active: false },
{ id: 50, active: false },
{ id: 100, active: false },
];
this.eventPaginate = new EventEmitter();
}
/**
* @return {?}
*/
NgePaginationComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.ver_por_pagina = 15;
this.current_page = 1;
};
/**
* @param {?} event
* @return {?}
*/
NgePaginationComponent.prototype.changeValuePage = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.ver_por_pagina = event.value;
this.eventPaginate.emit({
page: this.current_page,
ver_por_pagina: this.ver_por_pagina,
});
};
/**
* @param {?} $event
* @return {?}
*/
NgePaginationComponent.prototype.loadPage = /**
* @param {?} $event
* @return {?}
*/
function ($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 <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 = function () { return []; };
NgePaginationComponent.propDecorators = {
pagination: [{ type: Input }],
isDisabled: [{ type: Input }],
eventPaginate: [{ type: Output }]
};
return NgePaginationComponent;
}());
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
*/
var NgePaginationModule = /** @class */ (function () {
function NgePaginationModule() {
}
NgePaginationModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
NgbPaginationModule,
],
exports: [
NgePaginationComponent,
],
declarations: [
NgePaginationComponent,
],
providers: [],
},] }
];
return NgePaginationModule;
}());
/**
* @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
*/
var NgeMenuComponent = /** @class */ (function () {
function NgeMenuComponent(router, route) {
this.router = router;
this.route = route;
this.showMenu = '';
this.showSubMenu = '';
this.sidebarnavItems = [];
this.selectedItem = new EventEmitter();
this.userData = {
name: '',
email: '',
};
}
Object.defineProperty(NgeMenuComponent.prototype, "menu", {
set: /**
* @param {?} d
* @return {?}
*/
function (d) {
if (d) {
this.sidebarnavItems = d;
this.openMenuLoad(d);
}
},
enumerable: true,
configurable: true
});
// this is for the open close
// this is for the open close
/**
* @param {?} element
* @return {?}
*/
NgeMenuComponent.prototype.addExpandClass =
// this is for the open close
/**
* @param {?} element
* @return {?}
*/
function (element) {
if (element === this.showMenu) {
this.showMenu = '0';
}
else {
this.showMenu = element;
}
};
/**
* @param {?} element
* @return {?}
*/
NgeMenuComponent.prototype.addActiveClass = /**
* @param {?} element
* @return {?}
*/
function (element) {
if (element === this.showSubMenu) {
this.showSubMenu = '0';
}
else {
this.showSubMenu = element;
}
};
// End open close
// End open close
/**
* @return {?}
*/
NgeMenuComponent.prototype.ngOnInit =
// End open close
/**
* @return {?}
*/
function () {
// 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 {?}
*/
NgeMenuComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
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});
// }
// }
// 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 {?}
*/
NgeMenuComponent.prototype.openMenuLoad =
// 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 {?}
*/
function (sidebarnavItems) {
var _this = this;
/** @type {?} */
var path = window.location.pathname;
/** @type {?} */
var s_path = path.split('/');
if (s_path[1]) {
if (s_path[2]) {
sidebarnavItems = sidebarnavItems.map((/**
* @param {?} items
* @return {?}
*/
function (items) {
if (items.path === "" + s_path[2]) {
_this.showMenu = items.title;
}
items.submenu.forEach((/**
* @param {?} subItems
* @return {?}
*/
function (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 = function () { return [
{ type: Router },
{ type: ActivatedRoute }
]; };
NgeMenuComponent.propDecorators = {
menu: [{ type: Input }],
selectedItem: [{ type: Output }]
};
return NgeMenuComponent;
}());
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
*/
var NgeMenuModule = /** @class */ (function () {
function NgeMenuModule() {
}
NgeMenuModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
RouterModule
],
exports: [
NgeMenuComponent,
],
declarations: [
NgeMenuComponent,
],
providers: [],
},] }
];
return NgeMenuModule;
}());
/**
* @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