gw3-web-guid/fesm5/gw3-web-guid.js

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

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 } 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/gw3-web-guid.service.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var Gw3WebGuidService = /** @class */ (function () {
    function Gw3WebGuidService() {
    }
    Gw3WebGuidService.decorators = [
        { type: Injectable, args: [{
                    providedIn: 'root'
                },] }
    ];
    /** @nocollapse */
    Gw3WebGuidService.ctorParameters = function () { return []; };
    /** @nocollapse */ Gw3WebGuidService.ngInjectableDef = ɵɵdefineInjectable({ factory: function Gw3WebGuidService_Factory() { return new Gw3WebGuidService(); }, token: Gw3WebGuidService, providedIn: "root" });
    return Gw3WebGuidService;
}());

/**
 * @fileoverview added by tsickle
 * Generated from: lib/gw3-web-guid.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var Gw3WebGuidComponent = /** @class */ (function () {
    function Gw3WebGuidComponent() {
    }
    /**
     * @return {?}
     */
    Gw3WebGuidComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    Gw3WebGuidComponent.decorators = [
        { type: Component, args: [{
                    selector: 'lib-gw3-web-guid',
                    template: "\n    <p>\n      gw3-web-guid works!\n    </p>\n  "
                }] }
    ];
    /** @nocollapse */
    Gw3WebGuidComponent.ctorParameters = function () { return []; };
    return Gw3WebGuidComponent;
}());

/**
 * @fileoverview added by tsickle
 * Generated from: lib/gw3-guid-test/components/tree-view/tree-view.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var TreeViewComponent = /** @class */ (function () {
    function TreeViewComponent() {
    }
    /**
     * @return {?}
     */
    TreeViewComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    TreeViewComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-tree-view',
                    template: "<p>tree-view works!</p>\n",
                    styles: [""]
                }] }
    ];
    /** @nocollapse */
    TreeViewComponent.ctorParameters = function () { return []; };
    return TreeViewComponent;
}());

/**
 * @fileoverview added by tsickle
 * Generated from: lib/gw3-web-guid.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var Gw3WebGuidModule = /** @class */ (function () {
    function Gw3WebGuidModule() {
    }
    Gw3WebGuidModule.decorators = [
        { type: NgModule, args: [{
                    declarations: [Gw3WebGuidComponent, TreeViewComponent],
                    imports: [],
                    exports: [Gw3WebGuidComponent]
                },] }
    ];
    return Gw3WebGuidModule;
}());

/**
 * @fileoverview added by tsickle
 * Generated from: lib/components/breadcrumb/breadcrumb.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var BreadcrumbComponent = /** @class */ (function () {
    function BreadcrumbComponent(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 {?}
     */
    BreadcrumbComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} title
     * @return {?}
     */
    BreadcrumbComponent.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 {?}
     */
    BreadcrumbComponent.prototype.eventBreadcrumb = /**
     * @return {?}
     */
    function () {
        this.breadcrumbEvent.emit(this);
    };
    BreadcrumbComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-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 */
    BreadcrumbComponent.ctorParameters = function () { return [
        { type: Router },
        { type: ActivatedRoute },
        { type: Title }
    ]; };
    BreadcrumbComponent.propDecorators = {
        layout: [{ type: Input }],
        breadcrumbEvent: [{ type: Output }]
    };
    return BreadcrumbComponent;
}());
if (false) {
    /** @type {?} */
    BreadcrumbComponent.prototype.layout;
    /** @type {?} */
    BreadcrumbComponent.prototype.breadcrumbEvent;
    /** @type {?} */
    BreadcrumbComponent.prototype.pageInfo;
    /**
     * @type {?}
     * @private
     */
    BreadcrumbComponent.prototype.router;
    /**
     * @type {?}
     * @private
     */
    BreadcrumbComponent.prototype.activatedRoute;
    /**
     * @type {?}
     * @private
     */
    BreadcrumbComponent.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 Gw1BreadcrumbIconModule = /** @class */ (function () {
    function Gw1BreadcrumbIconModule() {
    }
    Gw1BreadcrumbIconModule.decorators = [
        { type: NgModule, args: [{
                    imports: [
                        CommonModule,
                    ],
                    exports: [
                        BreadcrumbComponent,
                    ],
                    declarations: [
                        BreadcrumbComponent,
                    ],
                    providers: [],
                },] }
    ];
    return Gw1BreadcrumbIconModule;
}());

/**
 * @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 AppButtonIconComponent = /** @class */ (function () {
    function AppButtonIconComponent() {
        this.class = 'btn btn-primary';
        this.icon = 'fa fa-plus-circle';
        this.label = 'Nuevo';
    }
    /**
     * @return {?}
     */
    AppButtonIconComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    AppButtonIconComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-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 */
    AppButtonIconComponent.ctorParameters = function () { return []; };
    AppButtonIconComponent.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 AppButtonIconComponent;
}());
if (false) {
    /** @type {?} */
    AppButtonIconComponent.prototype.class;
    /** @type {?} */
    AppButtonIconComponent.prototype.colorClass;
    /** @type {?} */
    AppButtonIconComponent.prototype.label;
    /** @type {?} */
    AppButtonIconComponent.prototype.isDisabled;
    /** @type {?} */
    AppButtonIconComponent.prototype.routerLink;
    /** @type {?} */
    AppButtonIconComponent.prototype.onlyIcon;
    /** @type {?} */
    AppButtonIconComponent.prototype.icon;
    /** @type {?} */
    AppButtonIconComponent.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 Gw3ButtonIconModule = /** @class */ (function () {
    function Gw3ButtonIconModule() {
    }
    Gw3ButtonIconModule.decorators = [
        { type: NgModule, args: [{
                    imports: [
                        CommonModule,
                        RouterModule,
                    ],
                    exports: [
                        AppButtonIconComponent,
                    ],
                    declarations: [
                        AppButtonIconComponent,
                    ],
                    providers: [],
                },] }
    ];
    return Gw3ButtonIconModule;
}());

/**
 * @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 ConfirmDialogComponent = /** @class */ (function () {
    function ConfirmDialogComponent(activeModal) {
        this.activeModal = activeModal;
    }
    /**
     * @return {?}
     */
    ConfirmDialogComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    /**
     * @return {?}
     */
    ConfirmDialogComponent.prototype.cancel = /**
     * @return {?}
     */
    function () {
        // this.activeModal.close(false);
        this.activeModal.dismiss(false);
    };
    /**
     * @return {?}
     */
    ConfirmDialogComponent.prototype.ok = /**
     * @return {?}
     */
    function () {
        this.activeModal.close({ daa: 'ola Soy guido' });
    };
    /**
     * @return {?}
     */
    ConfirmDialogComponent.prototype.dismiss = /**
     * @return {?}
     */
    function () {
        // this.activeModal.close(true);
        this.activeModal.dismiss(false);
    };
    ConfirmDialogComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-confirm-dialog',
                    template: "<div class=\"modal-header\">\r\n    <h6 class=\"modal-title\">{{ title }}</h6>\r\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"dismiss()\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n</div>\r\n<div class=\"modal-body\">\r\n    {{ message }}\r\n</div>\r\n<div class=\"modal-footer\">\r\n    <button type=\"submit\" class=\"btn btn-light btn-sm\" (click)=\"cancel()\" autofocus>{{ btnCancelText }}</button>\r\n    <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"ok()\" >{{ btnOkText }}</button>\r\n</div>",
                    styles: [""]
                }] }
    ];
    /** @nocollapse */
    ConfirmDialogComponent.ctorParameters = function () { return [
        { type: NgbActiveModal }
    ]; };
    ConfirmDialogComponent.propDecorators = {
        title: [{ type: Input }],
        message: [{ type: Input }],
        btnOkText: [{ type: Input }],
        btnCancelText: [{ type: Input }]
    };
    return ConfirmDialogComponent;
}());
if (false) {
    /** @type {?} */
    ConfirmDialogComponent.prototype.title;
    /** @type {?} */
    ConfirmDialogComponent.prototype.message;
    /** @type {?} */
    ConfirmDialogComponent.prototype.btnOkText;
    /** @type {?} */
    ConfirmDialogComponent.prototype.btnCancelText;
    /**
     * @type {?}
     * @private
     */
    ConfirmDialogComponent.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 ConfirmDialogService = /** @class */ (function () {
    function ConfirmDialogService(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 {?}
     */
    ConfirmDialogService.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(ConfirmDialogComponent, { 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 {?}
     */
    ConfirmDialogService.prototype.confirmDelete = /**
     * @param {?=} options
     * @return {?}
     */
    function (options) {
        if (options === void 0) { options = {}; }
        return this.confirm(options, 'D');
    };
    /**
     * @param {?=} options
     * @return {?}
     */
    ConfirmDialogService.prototype.confirmUpdate = /**
     * @param {?=} options
     * @return {?}
     */
    function (options) {
        if (options === void 0) { options = {}; }
        return this.confirm(options, 'U');
    };
    /**
     * @param {?=} options
     * @return {?}
     */
    ConfirmDialogService.prototype.confirmSave = /**
     * @param {?=} options
     * @return {?}
     */
    function (options) {
        if (options === void 0) { options = {}; }
        return this.confirm(options, 'S');
    };
    /**
     * @param {?=} options
     * @return {?}
     */
    ConfirmDialogService.prototype.confirmState = /**
     * @param {?=} options
     * @return {?}
     */
    function (options) {
        if (options === void 0) { options = {}; }
        return this.confirm(options, 'E');
    };
    /**
     * @private
     * @param {?} action
     * @return {?}
     */
    ConfirmDialogService.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(ConfirmDialogService.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
    });
    ConfirmDialogService.decorators = [
        { type: Injectable }
    ];
    /** @nocollapse */
    ConfirmDialogService.ctorParameters = function () { return [
        { type: NgbModal }
    ]; };
    return ConfirmDialogService;
}());
if (false) {
    /**
     * @type {?}
     * @private
     */
    ConfirmDialogService.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 Gw3ConfirmDialogModule = /** @class */ (function () {
    function Gw3ConfirmDialogModule() {
    }
    Gw3ConfirmDialogModule.decorators = [
        { type: NgModule, args: [{
                    imports: [
                        NgbModalModule
                    ],
                    declarations: [
                        ConfirmDialogComponent
                    ],
                    providers: [
                        ConfirmDialogService
                    ],
                    entryComponents: [
                        ConfirmDialogComponent
                    ],
                },] }
    ];
    return Gw3ConfirmDialogModule;
}());

/**
 * @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 DividerConfigService = /** @class */ (function () {
    function DividerConfigService() {
        this.icon = '';
        this.description = '';
        this.title = '';
    }
    DividerConfigService.decorators = [
        { type: Injectable }
    ];
    return DividerConfigService;
}());
if (false) {
    /** @type {?} */
    DividerConfigService.prototype.icon;
    /** @type {?} */
    DividerConfigService.prototype.description;
    /** @type {?} */
    DividerConfigService.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 Gw3DividerComponent = /** @class */ (function () {
    function Gw3DividerComponent() {
    }
    /**
     * @return {?}
     */
    Gw3DividerComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    Gw3DividerComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-divider',
                    template: "\n        <span class=\"{{ icon }}\"></span>\n        <span class=\"lamb-title\">{{ title }} </span>\n        <p>{{ description }}</p>\n        <hr>\n    ",
                    styles: ["hr{margin-top:.3rem}span{margin-right:.5rem}p{opacity:.8;margin-bottom:0;font-style:italic}"]
                }] }
    ];
    /** @nocollapse */
    Gw3DividerComponent.ctorParameters = function () { return []; };
    Gw3DividerComponent.propDecorators = {
        icon: [{ type: Input }],
        title: [{ type: Input }],
        description: [{ type: Input }]
    };
    return Gw3DividerComponent;
}());
if (false) {
    /** @type {?} */
    Gw3DividerComponent.prototype.icon;
    /** @type {?} */
    Gw3DividerComponent.prototype.title;
    /** @type {?} */
    Gw3DividerComponent.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 Gw3DividerModule = /** @class */ (function () {
    function Gw3DividerModule() {
    }
    Gw3DividerModule.decorators = [
        { type: NgModule, args: [{
                    imports: [
                        CommonModule,
                    ],
                    exports: [
                        Gw3DividerComponent,
                    ],
                    declarations: [
                        Gw3DividerComponent,
                    ],
                    providers: [
                        DividerConfigService,
                    ],
                },] }
    ];
    return Gw3DividerModule;
}());

/**
 * @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
 *
 *
 * <app-fieldset>
 *  Mi Contenido
 * </app-fieldset>
 *
 *
 * <app-fieldset>
 *   <app-fieldset-head>
 *     <app-fieldset-icon [icon]="fa fa-home"></app-fieldset-icon>
 *     <app-fieldset-title>Mi título</app-fieldset-title>
 *   </app-fieldset-head>
 *     <app-fieldset-body>
 *       Mi contenido
 *     </app-fieldset-body>
 * </app-fieldset>
 *
 */
var AppFieldsetComponent = /** @class */ (function () {
    function AppFieldsetComponent() {
    }
    /**
     * @return {?}
     */
    AppFieldsetComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    AppFieldsetComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-fieldset',
                    template: "\n    <fieldset class=\"fieldset-border\">\n        <legend class=\"legend-border\">\n            <ng-content select=\"gw1-fieldset-head\"></ng-content>\n        </legend>\n        <ng-content></ng-content>\n        <ng-content select=\"gw1-fieldset-body\"></ng-content>\n    </fieldset>\n    ",
                    styles: ["fieldset.fieldset-border{border:1px groove #ddd!important;padding:0 1em 1em!important;box-shadow:0 0 0 0 #000}legend.legend-border{font-size:1em!important;font-weight:700!important;text-align:left!important;width:auto;padding:0 10px;border-bottom:none}"]
                }] }
    ];
    /** @nocollapse */
    AppFieldsetComponent.ctorParameters = function () { return []; };
    return AppFieldsetComponent;
}());
/**
 * 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 AppFieldsetHeadComponent = /** @class */ (function () {
    function AppFieldsetHeadComponent() {
    }
    AppFieldsetHeadComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-fieldset-head',
                    template: "\n        <ng-content></ng-content>\n        <ng-content caption=\"gn-fieldset-icon\" ></ng-content>\n        <ng-content caption=\"gn-fieldset-title\"></ng-content>\n    "
                }] }
    ];
    /** @nocollapse */
    AppFieldsetHeadComponent.ctorParameters = function () { return []; };
    return AppFieldsetHeadComponent;
}());
/**
 * Reveal fieldset body component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-body>
 *  Mi Contenido
 * </app-fieldset-body>
 * ```
 */
var AppFieldsetBodyComponent = /** @class */ (function () {
    function AppFieldsetBodyComponent() {
    }
    AppFieldsetBodyComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-fieldset-body',
                    template: "\n        <ng-content></ng-content>\n    "
                }] }
    ];
    /** @nocollapse */
    AppFieldsetBodyComponent.ctorParameters = function () { return []; };
    return AppFieldsetBodyComponent;
}());
/**
 * Reveal fieldset title component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-title>
 *  Mi Titulo
 * </app-fieldset-title>
 * ```
 */
var AppFieldsetTitleComponent = /** @class */ (function () {
    function AppFieldsetTitleComponent() {
    }
    AppFieldsetTitleComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-fieldset-title',
                    template: "\n    <ng-content></ng-content>\n    "
                }] }
    ];
    /** @nocollapse */
    AppFieldsetTitleComponent.ctorParameters = function () { return []; };
    return AppFieldsetTitleComponent;
}());
/**
 * Reveal fieldset icon component.
 *
 * \@example
 *
 * ```
 * <app-fieldset-icon icon="fa fa-home"></app-fieldset-icon>
 * ```
 */
var AppFieldsetIconComponent = /** @class */ (function () {
    function AppFieldsetIconComponent() {
    }
    AppFieldsetIconComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-fieldset-icon',
                    template: "\n    <span class=\"{{ icon }} gn-icon\" ></span>\n    ",
                    styles: [" .gn-icon {\n                font-size: medium;\n                margin-right: 6px;\n            }\n        "]
                }] }
    ];
    /** @nocollapse */
    AppFieldsetIconComponent.ctorParameters = function () { return []; };
    AppFieldsetIconComponent.propDecorators = {
        icon: [{ type: Input }]
    };
    return AppFieldsetIconComponent;
}());
if (false) {
    /** @type {?} */
    AppFieldsetIconComponent.prototype.icon;
}
/** @type {?} */
var App_FIELDSET_COMPONENTS = [
    AppFieldsetComponent,
    AppFieldsetHeadComponent,
    AppFieldsetTitleComponent,
    AppFieldsetBodyComponent,
    AppFieldsetIconComponent,
];

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

/**
 * @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 LambInputIconComponent = /** @class */ (function () {
    function LambInputIconComponent() {
        this.justify = 'end';
    }
    /**
     * @return {?}
     */
    LambInputIconComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    LambInputIconComponent.decorators = [
        { type: Component, args: [{
                    selector: 'gw1-input-icon',
                    template: "<div class=\"inner-addon {{ justify }}-addon\">\r\n  <ng-content></ng-content>\r\n</div>",
                    styles: ["::ng-deep .inner-addon{position:relative}::ng-deep .inner-addon .fa{position:absolute;top:25%;padding-right:.5rem;padding-left:.5rem;pointer-events:none;font-size:initial}.start-addon .fa{left:0}.start-addon input{padding-left:30px}.end-addon .fa{right:0}.end-addon input{padding-right:30px}"]
                }] }
    ];
    /** @nocollapse */
    LambInputIconComponent.ctorParameters = function () { return []; };
    LambInputIconComponent.propDecorators = {
        justify: [{ type: Input }]
    };
    return LambInputIconComponent;
}());
if (false) {
    /** @type {?} */
    LambInputIconComponent.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 gw3InputIconModule = /** @class */ (function () {
    function gw3InputIconModule() {
    }
    gw3InputIconModule.decorators = [
        { type: NgModule, args: [{
                    imports: [],
                    exports: [LambInputIconComponent],
                    declarations: [LambInputIconComponent],
                    providers: [],
                },] }
    ];
    return gw3InputIconModule;
}());

/**
 * @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 AppStepConfig = /** @class */ (function () {
    function AppStepConfig() {
        // 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');
    }
    AppStepConfig.decorators = [
        { type: Injectable }
    ];
    return AppStepConfig;
}());
if (false) {
    /** @type {?} */
    AppStepConfig.prototype.justify;
    /** @type {?} */
    AppStepConfig.prototype.orientation;
    /** @type {?} */
    AppStepConfig.prototype.type;
    /** @type {?} */
    AppStepConfig.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
 */
// import { LambStepConfig, ConfigNames } from '@lamb/steps/step-config';
// import { slideOfRight } from '@lamb/steps/animations/slide-of-right.animation';
var AppStepTitleDirective = /** @class */ (function () {
    function AppStepTitleDirective(templateRef) {
        this.templateRef = templateRef;
    }
    AppStepTitleDirective.decorators = [
        { type: Directive, args: [{
                    selector: 'ng-template[appStepTitle]',
                },] }
    ];
    /** @nocollapse */
    AppStepTitleDirective.ctorParameters = function () { return [
        { type: TemplateRef }
    ]; };
    return AppStepTitleDirective;
}());
if (false) {
    /** @type {?} */
    AppStepTitleDirective.prototype.templateRef;
}
var AppStepContentDirective = /** @class */ (function () {
    function AppStepContentDirective(templateRef) {
        this.templateRef = templateRef;
    }
    AppStepContentDirective.decorators = [
        { type: Directive, args: [{
                    selector: 'ng-template[appStepContent]',
                },] }
    ];
    /** @nocollapse */
    AppStepContentDirective.ctorParameters = function () { return [
        { type: TemplateRef }
    ]; };
    return AppStepContentDirective;
}());
if (false) {
    /** @type {?} */
    AppStepContentDirective.prototype.templateRef;
}
/** @type {?} */
var nextId = 0;
var AppStepDirective = /** @class */ (function () {
    function AppStepDirective() {
        this.id = "app-step-" + nextId++;
        this.disabled = false;
        // @Input() disabled = true;
        this.isValidStep = true;
    }
    Object.defineProperty(AppStepDirective.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
    });
    AppStepDirective.decorators = [
        { type: Directive, args: [{
                    // tslint:disable-next-line:directive-selector
                    selector: 'gw1-step',
                },] }
    ];
    AppStepDirective.propDecorators = {
        id: [{ type: Input }],
        title: [{ type: Input }],
        icon: [{ type: Input }],
        data: [{ type: Input }],
        disabled: [{ type: Input }],
        validStep: [{ type: Input }],
        titleTemplate: [{ type: ContentChild, args: [AppStepTitleDirective, { static: false },] }],
        contentTemplate: [{ type: ContentChild, args: [AppStepContentDirective, { static: false },] }]
    };
    return AppStepDirective;
}());
if (false) {
    /** @type {?} */
    AppStepDirective.prototype.id;
    /** @type {?} */
    AppStepDirective.prototype.title;
    /** @type {?} */
    AppStepDirective.prototype.icon;
    /**
     * Guarda Cualquier dato. Creado por el Equipo Lamb.
     * @type {?}
     */
    AppStepDirective.prototype.data;
    /** @type {?} */
    AppStepDirective.prototype.disabled;
    /** @type {?} */
    AppStepDirective.prototype.isValidStep;
    /** @type {?} */
    AppStepDirective.prototype.titleTemplate;
    /** @type {?} */
    AppStepDirective.prototype.contentTemplate;
}
/**
 * @record
 */
function AppStepChangeEvent() { }
if (false) {
    /**
     * Id de la pestaña actualmente activa.
     * @type {?}
     */
    AppStepChangeEvent.prototype.activeId;
    /**
     * Id de la pestaña recién seleccionada.
     * @type {?}
     */
    AppStepChangeEvent.prototype.nextId;
    /**
     * data guardada en la pestaña actualmente activa.
     * @type {?}
     */
    AppStepChangeEvent.prototype.activeData;
    /**
     * Función que evitará el cambio de pertaña si se llama.
     * @type {?}
     */
    AppStepChangeEvent.prototype.preventDefault;
}
var AppStepGroupComponent = /** @class */ (function () {
    function AppStepGroupComponent(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;
        /**
         * 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(AppStepGroupComponent.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(AppStepGroupComponent.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 {?}
     */
    AppStepGroupComponent.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 {?}
     */
    AppStepGroupComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
    };
    /**
     * @return {?}
     */
    AppStepGroupComponent.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 {?}
     */
    AppStepGroupComponent.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 {?}
     */
    AppStepGroupComponent.prototype.back = /**
     * @return {?}
     */
    function () {
        /** @type {?} */
        var back = this.getStepIdSplice(-1);
        this.onSelect(back);
    };
    /**
     * @return {?}
     */
    AppStepGroupComponent.prototype.next = /**
     * @return {?}
     */
    function () {
        /** @type {?} */
        var next = this.getStepIdSplice(+1);
        this.onSelect(next);
    };
    /**
     * @return {?}
     */
    AppStepGroupComponent.prototype.complete = /**
     * @return {?}
     */
    function () {
        this.onComplete.emit();
    };
    /**
     * @param {?} stepId
     * @return {?}
     */
    AppStepGroupComponent.prototype.current = /**
     * @param {?} stepId
     * @return {?}
     */
    function (stepId) {
        this.onSelect(stepId);
    };
    /**
     * @private
     * @param {?} condicion
     * @return {?}
     */
    AppStepGroupComponent.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(AppStepGroupComponent.prototype, "hidePrevious", {
        get: /**
         * @return {?}
         */
        function () {
            return this.activeId !== 'app-step-0';
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(AppStepGroupComponent.prototype, "hideNext", {
        get: /**
         * @return {?}
         */
        function () {
            /** @type {?} */
            var allLength = (this.steps.length - 1);
            return this.activeId !== 'app-step-' + allLength;
        },
        enumerable: true,
        configur