tin-spa 2.13.14 → 9.0.0

package/esm5/lib/components/signup/signup.component.js

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { Component } from '@angular/core';
+import { HttpService, ApiResponse } from 'tin-core';
+import { MessageService } from '../../services/message.service';
+import { DataService } from '../../services/data.service';
+import { AuthService } from '../../services/auth.service';
+import { User, Profile, Account } from '../../classes/Classes';
+var SignupComponent = /** @class */ (function () {
+    function SignupComponent(httpService, messageService, dataService, authService) {
+        this.httpService = httpService;
+        this.messageService = messageService;
+        this.dataService = dataService;
+        this.authService = authService;
+        this.isProcessing = false;
+        this.user = new User();
+        this.profile = new Profile();
+        this.account = new Account();
+    }
+    SignupComponent.prototype.ngOnInit = function () {
+        this.account.user = this.user;
+        this.account.profile = this.profile;
+    };
+    SignupComponent.prototype.create = function () {
+        var _this = this;
+        this.profile.userID = this.user.userID;
+        this.isProcessing = true;
+        this.dataService.UpdateAccount(this.account, "add").subscribe(function (apiResponse) {
+            _this.isProcessing = false;
+            if (apiResponse.message == "success") {
+                _this.messageService.toast("Account Created");
+                _this.user = new User();
+                _this.profile = new Profile();
+            }
+            else {
+                _this.messageService.toast("Error: " + apiResponse.message);
+            }
+        }, function (error) {
+            _this.isProcessing = false;
+            _this.messageService.toast(_this.httpService.Error(error));
+        });
+    };
+    SignupComponent.ctorParameters = function () { return [
+        { type: HttpService },
+        { type: MessageService },
+        { type: DataService },
+        { type: AuthService }
+    ]; };
+    SignupComponent = __decorate([
+        Component({
+            selector: 'spa-signup',
+            template: "\r\n<h4 style=\"margin-top: 1em;\">Signup</h4>\r\n\r\n<hr/>\r\nComplete the form below.\r\n\r\n<div class=\"d-flex justify-content-center row align-items-center\">\r\n\r\n  <div class=\"tin-input\" style=\"font-size:14px; width: 50%;\">\r\n\r\n\r\n    <div class=\"tin-input-row\">\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>FirstName</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"account.profile.firstName\" placeholder=\"Enter FirstName\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>LastName</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"profile.lastName\" placeholder=\"Enter LastName\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n\r\n      <div class=\"col-6\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>UserID</mat-label>\r\n          <input matInput autocomplete=\"off\" [(ngModel)]=\"user.userID\" placeholder=\"Enter UserID\" />\r\n        </mat-form-field>\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"tin-input-row\">\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>Password</mat-label>\r\n          <input matInput autocomplete=\"off\" type=\"password\" [(ngModel)]=\"user.password\" placeholder=\"Enter Password\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n\r\n        <mat-form-field style=\"width:100%\">\r\n          <mat-label>Confirm Password</mat-label>\r\n          <input matInput autocomplete=\"off\" type=\"password\" [(ngModel)]=\"confirmPassword\" placeholder=\"Enter Confirm Password\" />\r\n        </mat-form-field>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    <div class=\"tin-input-row mt-3\">\r\n      <button mat-raised-button color=\"primary\" (click)=\"create()\" cdkFocusInitial>Create</button>\r\n    </div>\r\n\r\n\r\n\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n\r\n",
+            styles: [""]
+        })
+    ], SignupComponent);
+    return SignupComponent;
+}());
+export { SignupComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbnVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3Rpbi1zcGEvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zaWdudXAvc2lnbnVwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQU8vRDtJQUdFLHlCQUFvQixXQUF3QixFQUFVLGNBQThCLEVBQVUsV0FBd0IsRUFBVSxXQUF3QjtRQUFwSSxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQVUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFReEosaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsU0FBSSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7UUFDbEIsWUFBTyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFFeEIsWUFBTyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFacUksQ0FBQztJQUU5SixrQ0FBUSxHQUFSO1FBRUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RDLENBQUM7SUFXSCxnQ0FBTSxHQUFOO1FBQUEsaUJBd0JDO1FBdEJDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRXZDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUMxRCxVQUFDLFdBQXdCO1lBQ3ZCLEtBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBRTFCLElBQUksV0FBVyxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUU7Z0JBQ3BDLEtBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBRTdDLEtBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFDdkIsS0FBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO2FBRTlCO2lCQUFNO2dCQUNMLEtBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7YUFDNUQ7UUFDSCxDQUFDLEVBQ0QsVUFBQyxLQUFLO1lBQ0osS0FBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsS0FBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsS0FBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUMzRCxDQUFDLENBQ0YsQ0FBQztJQUNOLENBQUM7O2dCQXpDa0MsV0FBVztnQkFBMEIsY0FBYztnQkFBdUIsV0FBVztnQkFBdUIsV0FBVzs7SUFIN0ksZUFBZTtRQUwzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsWUFBWTtZQUN0QiwrcEVBQXNDOztTQUV2QyxDQUFDO09BQ1csZUFBZSxDQWdEM0I7SUFBRCxzQkFBQztDQUFBLEFBaERELElBZ0RDO1NBaERZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBIdHRwU2VydmljZSwgQXBpUmVzcG9uc2UgfSBmcm9tICd0aW4tY29yZSc7XHJcbmltcG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWVzc2FnZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9kYXRhLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBdXRoU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2F1dGguc2VydmljZSc7XHJcbmltcG9ydCB7IFVzZXIsIFByb2ZpbGUsIEFjY291bnQgfSBmcm9tICcuLi8uLi9jbGFzc2VzL0NsYXNzZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGEtc2lnbnVwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lnbnVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWdudXAuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWdudXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBodHRwU2VydmljZTogSHR0cFNlcnZpY2UsIHByaXZhdGUgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlLCBwcml2YXRlIGRhdGFTZXJ2aWNlOiBEYXRhU2VydmljZSwgcHJpdmF0ZSBhdXRoU2VydmljZTogQXV0aFNlcnZpY2UsKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcblxyXG4gICAgdGhpcy5hY2NvdW50LnVzZXIgPSB0aGlzLnVzZXI7XHJcbiAgICB0aGlzLmFjY291bnQucHJvZmlsZSA9IHRoaXMucHJvZmlsZTtcclxuICB9XHJcblxyXG4gIGlzUHJvY2Vzc2luZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHVzZXIgPSBuZXcgVXNlcigpO1xyXG4gIHByb2ZpbGUgPSBuZXcgUHJvZmlsZSgpO1xyXG5cclxuICBhY2NvdW50ID0gbmV3IEFjY291bnQoKTtcclxuXHJcbiAgY29uZmlybVBhc3N3b3JkOiBzdHJpbmc7XHJcblxyXG5cclxuY3JlYXRlKCl7XHJcblxyXG4gIHRoaXMucHJvZmlsZS51c2VySUQgPSB0aGlzLnVzZXIudXNlcklEO1xyXG5cclxuICB0aGlzLmlzUHJvY2Vzc2luZyA9IHRydWU7XHJcbiAgICB0aGlzLmRhdGFTZXJ2aWNlLlVwZGF0ZUFjY291bnQodGhpcy5hY2NvdW50LFwiYWRkXCIpLnN1YnNjcmliZShcclxuICAgICAgKGFwaVJlc3BvbnNlOiBBcGlSZXNwb25zZSkgPT4ge1xyXG4gICAgICAgIHRoaXMuaXNQcm9jZXNzaW5nID0gZmFsc2U7XHJcblxyXG4gICAgICAgIGlmIChhcGlSZXNwb25zZS5tZXNzYWdlID09IFwic3VjY2Vzc1wiKSB7XHJcbiAgICAgICAgICB0aGlzLm1lc3NhZ2VTZXJ2aWNlLnRvYXN0KFwiQWNjb3VudCBDcmVhdGVkXCIpO1xyXG5cclxuICAgICAgICAgIHRoaXMudXNlciA9IG5ldyBVc2VyKCk7XHJcbiAgICAgICAgICB0aGlzLnByb2ZpbGUgPSBuZXcgUHJvZmlsZSgpO1xyXG5cclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgdGhpcy5tZXNzYWdlU2VydmljZS50b2FzdChcIkVycm9yOiBcIiArIGFwaVJlc3BvbnNlLm1lc3NhZ2UpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSxcclxuICAgICAgKGVycm9yKSA9PiB7XHJcbiAgICAgICAgdGhpcy5pc1Byb2Nlc3NpbmcgPSBmYWxzZTtcclxuICAgICAgICB0aGlzLm1lc3NhZ2VTZXJ2aWNlLnRvYXN0KHRoaXMuaHR0cFNlcnZpY2UuRXJyb3IoZXJyb3IpKTtcclxuICAgICAgfVxyXG4gICAgKTtcclxufVxyXG5cclxuXHJcblxyXG59XHJcbiJdfQ==

package/esm5/lib/components/steps/steps.component.js

@@ -0,0 +1,110 @@
+import { __decorate, __values } from "tslib";
+import { Component, Input, ViewChild } from '@angular/core';
+import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
+var ɵ0 = { displayDefaultIndicatorType: false };
+var StepsComponent = /** @class */ (function () {
+    function StepsComponent() {
+        this.value = "";
+    }
+    StepsComponent.prototype.ngOnInit = function () {
+    };
+    StepsComponent.prototype.ngAfterViewInit = function () {
+    };
+    StepsComponent.prototype.ngOnChanges = function () {
+        // console.log("OnChange")
+        this.pushSteps();
+    };
+    StepsComponent.prototype.setStepper = function () {
+        if (this.value == "")
+            return;
+        // console.log(this.value)
+        // this.stepper.disableRipple = true;
+        this.stepper.selectedIndex = 0;
+        switch (this.value) {
+            case "Draft":
+                this.stepper.selectedIndex = 0;
+                break;
+            case "Head Approval":
+                this.pushStepper(1);
+                break;
+            case "CE Approval":
+                this.pushStepper(2);
+                break;
+            case "Booking":
+                this.pushStepper(3);
+                break;
+            case "BTA Approval":
+                this.pushStepper(4);
+                break;
+            case "Travel":
+                this.pushStepper(5);
+                break;
+            case "BTR Approval":
+                this.pushStepper(6);
+                break;
+            case "Travel Closure":
+                this.pushStepper(7);
+                break;
+        }
+    };
+    StepsComponent.prototype.pushStepper = function (count) {
+        for (var index = 0; index < count + 1; index++) {
+            // const element = array[index];
+            this.stepper.selectedIndex = index;
+            // console.log("pushed")
+        }
+    };
+    StepsComponent.prototype.pushSteps = function () {
+        var e_1, _a;
+        if (this.steps.length == 0)
+            return;
+        if (this.value == "")
+            return;
+        this.stepper.selectedIndex = 0;
+        var i = 0;
+        try {
+            for (var _b = __values(this.steps), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var step = _c.value;
+                if (step.name != this.value) {
+                    this.stepper.selectedIndex = i;
+                    i++;
+                }
+                else {
+                    this.stepper.selectedIndex = i;
+                    // console.log("Stopped")
+                    break;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    __decorate([
+        ViewChild('stepper')
+    ], StepsComponent.prototype, "stepper", void 0);
+    __decorate([
+        Input()
+    ], StepsComponent.prototype, "value", void 0);
+    __decorate([
+        Input()
+    ], StepsComponent.prototype, "steps", void 0);
+    StepsComponent = __decorate([
+        Component({
+            selector: 'spa-steps',
+            template: "\r\n\r\n\r\n<!-- <mat-horizontal-stepper class=\"test\" labelPosition=\"bottom\"  #stepper>\r\n  <mat-step [editable]=\"false\" label=\"Draft\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Head Approval\" > </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"CE Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Booking\" state=\"booking\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"BTA Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Travel\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"BTR Approval\"> </mat-step>\r\n  <mat-step [editable]=\"false\" label=\"Closure\"> </mat-step>\r\n  <ng-template matStepperIcon=\"booking\"> <mat-icon>forum</mat-icon> </ng-template>\r\n</mat-horizontal-stepper> -->\r\n\r\n<mat-horizontal-stepper class=\"transparent\" labelPosition=\"bottom\"   #stepper>\r\n\r\n  <mat-step *ngFor=\"let row of steps\"\r\n    [editable]=\"false\"  [label]=\"row.name\">\r\n  </mat-step>\r\n\r\n  <!-- <ng-template *ngFor=\"let row of steps\"\r\n    [matStepperIcon]=\"row.name\"> <mat-icon>{{row.icon}}</mat-icon>\r\n  </ng-template> -->\r\n\r\n  <!-- <ng-template matStepperIcon=\"booking\">\r\n    <mat-icon>call_end</mat-icon>\r\n  </ng-template> -->\r\n\r\n  <!-- <ng-template ngFor let-xb [ngForOf]=\"steps\" matStepperIcon=\"Booking\"> <mat-icon>forum</mat-icon>\r\n\r\n  </ng-template> -->\r\n\r\n</mat-horizontal-stepper>\r\n",
+            providers: [{
+                    provide: STEPPER_GLOBAL_OPTIONS, useValue: ɵ0
+                }],
+            styles: [".transparent{background-color:rgba(0,0,0,0)}:host ::ng-deep.mat-step-header{padding:5px!important}:host ::ng-deep.mat-stepper-horizontal-line{min-width:5px!important}:host ::ng-deep .mat-horizontal-content-container{padding:0!important}:host ::ng-deep .mat-horizontal-stepper-header{pointer-events:none!important}"]
+        })
+    ], StepsComponent);
+    return StepsComponent;
+}());
+export { StepsComponent };
+export { ɵ0 };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3N0ZXBzL3N0ZXBzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztTQVFmLEVBQUUsMkJBQTJCLEVBQUUsS0FBSyxFQUFFO0FBR3JGO0lBRUU7UUFnQlMsVUFBSyxHQUFHLEVBQUUsQ0FBQztJQWhCSixDQUFDO0lBRWpCLGlDQUFRLEdBQVI7SUFFQSxDQUFDO0lBRUQsd0NBQWUsR0FBZjtJQUVBLENBQUM7SUFFRCxvQ0FBVyxHQUFYO1FBQ0UsMEJBQTBCO1FBQzFCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBTUQsbUNBQVUsR0FBVjtRQUVFLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFO1lBQUUsT0FBTztRQUU3QiwwQkFBMEI7UUFFMUIscUNBQXFDO1FBQ3JDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztRQUUvQixRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFJbEIsS0FBSyxPQUFPO2dCQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztnQkFDL0IsTUFBTTtZQUVSLEtBQUssZUFBZTtnQkFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtnQkFDbkIsTUFBTTtZQUVSLEtBQUssYUFBYTtnQkFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtnQkFDbkIsTUFBTTtZQUVSLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO2dCQUNuQixNQUFNO1lBRVIsS0FBSyxjQUFjO2dCQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFBO2dCQUNuQixNQUFNO1lBRVIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBQ25CLE1BQU07WUFFUixLQUFLLGNBQWM7Z0JBQ2pCLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBQ25CLE1BQU07WUFFUixLQUFLLGdCQUFnQjtnQkFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtnQkFDbkIsTUFBTTtTQUVUO0lBRUgsQ0FBQztJQUVELG9DQUFXLEdBQVgsVUFBWSxLQUFhO1FBRXZCLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssR0FBRyxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzlDLGdDQUFnQztZQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDbkMsd0JBQXdCO1NBRXpCO0lBRUgsQ0FBQztJQUVELGtDQUFTLEdBQVQ7O1FBRUUsSUFBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDO1lBQUUsT0FBTztRQUNsQyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRTtZQUFFLE9BQU87UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO1FBRy9CLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzs7WUFFVixLQUFpQixJQUFBLEtBQUEsU0FBQSxJQUFJLENBQUMsS0FBSyxDQUFBLGdCQUFBLDRCQUFFO2dCQUF4QixJQUFJLElBQUksV0FBQTtnQkFFWCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtvQkFFM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO29CQUMvQixDQUFDLEVBQUUsQ0FBQztpQkFFTDtxQkFBTTtvQkFFTCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7b0JBQy9CLHlCQUF5QjtvQkFDekIsTUFBTTtpQkFFUDthQUNGOzs7Ozs7Ozs7SUFFSCxDQUFDO0lBekZxQjtRQUFyQixTQUFTLENBQUMsU0FBUyxDQUFDO21EQUFxQjtJQUNqQztRQUFSLEtBQUssRUFBRTtpREFBWTtJQUNYO1FBQVIsS0FBSyxFQUFFO2lEQUFlO0lBbkJaLGNBQWM7UUFSMUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFdBQVc7WUFDckIsdzZDQUFxQztZQUVyQyxTQUFTLEVBQUUsQ0FBQztvQkFDVixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxJQUF3QztpQkFDbEYsQ0FBQzs7U0FDSCxDQUFDO09BQ1csY0FBYyxDQTRHMUI7SUFBRCxxQkFBQztDQUFBLEFBNUdELElBNEdDO1NBNUdZLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRTdGVwcGVyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc3RlcHBlcic7XHJcbmltcG9ydCB7IFNURVBQRVJfR0xPQkFMX09QVElPTlMgfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XHJcbmltcG9ydCB7IFN0ZXAgfSBmcm9tICcuLi8uLi9jbGFzc2VzL0NsYXNzZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGEtc3RlcHMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcHMuY29tcG9uZW50LmNzcyddLFxyXG4gIHByb3ZpZGVyczogW3tcclxuICAgIHByb3ZpZGU6IFNURVBQRVJfR0xPQkFMX09QVElPTlMsIHVzZVZhbHVlOiB7IGRpc3BsYXlEZWZhdWx0SW5kaWNhdG9yVHlwZTogZmFsc2UgfVxyXG4gIH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGVwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuXHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIC8vIGNvbnNvbGUubG9nKFwiT25DaGFuZ2VcIilcclxuICAgIHRoaXMucHVzaFN0ZXBzKCk7XHJcbiAgfVxyXG5cclxuICBAVmlld0NoaWxkKCdzdGVwcGVyJykgc3RlcHBlcjogTWF0U3RlcHBlcjtcclxuICBASW5wdXQoKSB2YWx1ZSA9IFwiXCI7XHJcbiAgQElucHV0KCkgc3RlcHM6IFN0ZXBbXTtcclxuXHJcbiAgc2V0U3RlcHBlcigpIHtcclxuXHJcbiAgICBpZiAodGhpcy52YWx1ZSA9PSBcIlwiKSByZXR1cm47XHJcblxyXG4gICAgLy8gY29uc29sZS5sb2codGhpcy52YWx1ZSlcclxuXHJcbiAgICAvLyB0aGlzLnN0ZXBwZXIuZGlzYWJsZVJpcHBsZSA9IHRydWU7XHJcbiAgICB0aGlzLnN0ZXBwZXIuc2VsZWN0ZWRJbmRleCA9IDA7XHJcblxyXG4gICAgc3dpdGNoICh0aGlzLnZhbHVlKSB7XHJcblxyXG5cclxuXHJcbiAgICAgIGNhc2UgXCJEcmFmdFwiOlxyXG4gICAgICAgIHRoaXMuc3RlcHBlci5zZWxlY3RlZEluZGV4ID0gMDtcclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgXCJIZWFkIEFwcHJvdmFsXCI6XHJcbiAgICAgICAgdGhpcy5wdXNoU3RlcHBlcigxKVxyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSBcIkNFIEFwcHJvdmFsXCI6XHJcbiAgICAgICAgdGhpcy5wdXNoU3RlcHBlcigyKVxyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSBcIkJvb2tpbmdcIjpcclxuICAgICAgICB0aGlzLnB1c2hTdGVwcGVyKDMpXHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICBjYXNlIFwiQlRBIEFwcHJvdmFsXCI6XHJcbiAgICAgICAgdGhpcy5wdXNoU3RlcHBlcig0KVxyXG4gICAgICAgIGJyZWFrO1xyXG5cclxuICAgICAgY2FzZSBcIlRyYXZlbFwiOlxyXG4gICAgICAgIHRoaXMucHVzaFN0ZXBwZXIoNSlcclxuICAgICAgICBicmVhaztcclxuXHJcbiAgICAgIGNhc2UgXCJCVFIgQXBwcm92YWxcIjpcclxuICAgICAgICB0aGlzLnB1c2hTdGVwcGVyKDYpXHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICBjYXNlIFwiVHJhdmVsIENsb3N1cmVcIjpcclxuICAgICAgICB0aGlzLnB1c2hTdGVwcGVyKDcpXHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgfVxyXG5cclxuICB9XHJcblxyXG4gIHB1c2hTdGVwcGVyKGNvdW50OiBudW1iZXIpIHtcclxuXHJcbiAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgY291bnQgKyAxOyBpbmRleCsrKSB7XHJcbiAgICAgIC8vIGNvbnN0IGVsZW1lbnQgPSBhcnJheVtpbmRleF07XHJcbiAgICAgIHRoaXMuc3RlcHBlci5zZWxlY3RlZEluZGV4ID0gaW5kZXg7XHJcbiAgICAgIC8vIGNvbnNvbGUubG9nKFwicHVzaGVkXCIpXHJcblxyXG4gICAgfVxyXG5cclxuICB9XHJcblxyXG4gIHB1c2hTdGVwcygpe1xyXG5cclxuICAgIGlmKHRoaXMuc3RlcHMubGVuZ3RoID09IDApIHJldHVybjtcclxuICAgIGlmICh0aGlzLnZhbHVlID09IFwiXCIpIHJldHVybjtcclxuICAgIHRoaXMuc3RlcHBlci5zZWxlY3RlZEluZGV4ID0gMDtcclxuXHJcblxyXG4gICAgbGV0IGkgPSAwO1xyXG5cclxuICAgIGZvciAobGV0IHN0ZXAgb2YgdGhpcy5zdGVwcykge1xyXG5cclxuICAgICAgaWYgKHN0ZXAubmFtZSAhPSB0aGlzLnZhbHVlKSB7XHJcblxyXG4gICAgICAgIHRoaXMuc3RlcHBlci5zZWxlY3RlZEluZGV4ID0gaTtcclxuICAgICAgICBpKys7XHJcblxyXG4gICAgICB9IGVsc2Uge1xyXG5cclxuICAgICAgICB0aGlzLnN0ZXBwZXIuc2VsZWN0ZWRJbmRleCA9IGk7XHJcbiAgICAgICAgLy8gY29uc29sZS5sb2coXCJTdG9wcGVkXCIpXHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbn1cclxuIl19

package/esm5/lib/components/table/table.component.js

@@ -0,0 +1,111 @@
+import { __decorate } from "tslib";
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { ActionResponse, Operator, TableColumnType } from '../../classes/Classes';
+var TableComponent = /** @class */ (function () {
+    function TableComponent() {
+        this.dataChange = new EventEmitter();
+        this.buttonClick = new EventEmitter();
+        this.loadClick = new EventEmitter();
+        this.createClick = new EventEmitter();
+        this.colType = TableColumnType;
+        this.op = Operator;
+        this.displayedColumns = [];
+        this._filterText = "";
+    }
+    TableComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        // console.log("Init")
+        this.config.columns.forEach(function (element) {
+            _this.displayedColumns.push(element.name);
+        });
+        this.displayedColumns.push("Action");
+        this.styleString = "width: " + 50 * this.config.actions.length + "px";
+    };
+    TableComponent.prototype.ngOnChanges = function () {
+        // console.log("OnChange")
+        this.data = new MatTableDataSource(this.data);
+        this.data.paginator = this.tablePaginator;
+        this.applyFilter(this._filterText);
+    };
+    TableComponent.prototype.applyFilter = function (filterValue) {
+        this.data.filter = filterValue.trim().toLowerCase();
+    };
+    TableComponent.prototype.do = function (name, item) {
+        var resp = new ActionResponse();
+        resp.name = name;
+        resp.value = item;
+        this.buttonClick.emit(resp);
+    };
+    TableComponent.prototype.create = function () {
+        this.createClick.emit();
+    };
+    TableComponent.prototype.load = function () {
+        this.loadClick.emit();
+    };
+    TableComponent.prototype.test = function (a, op, b) {
+        if (op == Operator.Equal) {
+            if (a == b) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        if (op == Operator.Greater) {
+            if (a > b) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        if (op == Operator.Less) {
+            if (a < b) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        if (op == Operator.NotEqual) {
+            if (a != b) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+    };
+    __decorate([
+        Input()
+    ], TableComponent.prototype, "config", void 0);
+    __decorate([
+        Input()
+    ], TableComponent.prototype, "data", void 0);
+    __decorate([
+        Output()
+    ], TableComponent.prototype, "dataChange", void 0);
+    __decorate([
+        Output()
+    ], TableComponent.prototype, "buttonClick", void 0);
+    __decorate([
+        Output()
+    ], TableComponent.prototype, "loadClick", void 0);
+    __decorate([
+        Output()
+    ], TableComponent.prototype, "createClick", void 0);
+    __decorate([
+        ViewChild('tablePaginator')
+    ], TableComponent.prototype, "tablePaginator", void 0);
+    TableComponent = __decorate([
+        Component({
+            selector: 'spa-table',
+            template: "<div >\r\n\r\n<div *ngIf=\"config.create.enabled || config.enableFilter\" class=\"row justify-content-between\" style=\"padding-bottom: 10px\">\r\n <div class=\"col\">\r\n<button *ngIf=\"config.create\" [disabled]=\"!config.create.enabled\" mat-raised-button color=\"primary\" (click)=\"create()\">{{config.create.display}}</button>\r\n</div>\r\n <div *ngIf=\"config.enableFilter\" class=\"col d-flex justify-content-end\">\r\n<mat-form-field style=\"font-size:12px;margin-right: 5px;\">\r\n<mat-label>Filter</mat-label>\r\n<input matInput [(ngModel)]=\"_filterText\" (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Enter Filter text\" autocomplete=\"off\">\r\n</mat-form-field>\r\n<button mat-mini-fab color=\"primary\" (click)=\"load()\" style=\"margin-top:5px\" matTooltip=\"refresh data\" matTooltipPosition=\"right\"><mat-icon class=\"refreshIcon\">refresh</mat-icon></button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"mat-elevation-z8\" *ngIf=\"data\">\r\n\r\n  <table mat-table [dataSource]=\"data\">\r\n\r\n    <ng-container *ngFor=\"let col of config.columns; let i = index\"\r\n\r\n      [matColumnDef]=\"col.name\">\r\n      <th mat-header-cell *matHeaderCellDef> {{col.display}} </th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n\r\n        <!-- String -->\r\n        <div *ngIf=\"(col.type==colType.String || col.type == null) && col.color == null\"> {{row[col.name]}}</div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null && test(row[col.color.field], col.color.operator, col.color.value )\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null && !test(row[col.color.field], col.color.operator, col.color.value )\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <!-- <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Equal && row[col.color.field]==col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Greater && row[col.color.field]>col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.Less && row[col.color.field]<col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div>\r\n\r\n        <div [ngStyle]=\"{'color':col.color.name}\"\r\n          *ngIf=\"(col.type==colType.String || col.type == null) && col.color != null &&\r\n          col.color.operator==op.NotEqual && row[col.color.field]!=col.color.value\" >\r\n           {{row[col.name]}}\r\n        </div> -->\r\n\r\n\r\n        <!-- Date -->\r\n        <div *ngIf=\"col.type==colType.Date\"> {{row[col.name] | date:'dd/MM/yyyy'}}</div>\r\n\r\n\r\n        <!-- DateTime -->\r\n        <div *ngIf=\"col.type==colType.DateTime\"> {{row[col.name] | date:'dd/MM/yyyy HH:mm'}}</div>\r\n\r\n\r\n        <ng-container *ngFor=\"let icon of col.icons;\">\r\n          <!-- <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Equal && row[icon.field]==icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Greater && row[icon.field]>icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.Less && row[icon.field]<icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && icon.operator==op.NotEqual && row[icon.field]!=icon.value\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon> -->\r\n\r\n          <mat-icon *ngIf=\"col.type==colType.Icon && test(row[icon.field],icon.operator,icon.value)\"\r\n            [ngStyle]=\"{'color':icon.color}\"\r\n            [matTooltip]=\"icon.hint\" matTooltipPosition=\"above\">\r\n            {{icon.name}}\r\n          </mat-icon>\r\n\r\n        </ng-container>\r\n\r\n      </td>\r\n\r\n    </ng-container>\r\n\r\n\r\n\r\n\r\n    <ng-container matColumnDef=\"Action\">\r\n\r\n      <th mat-header-cell *matHeaderCellDef> Action </th>\r\n      <td mat-cell *matCellDef=\"let row\" [style]=\"styleString+';padding-right: 0px;'\">\r\n\r\n          <ng-container *ngFor=\"let act of config.actions\">\r\n\r\n            <button *ngIf=\" (act.disappear && (row[act.disappear.field] != act.disappear.value)) || !act.disappear\"   mat-mini-fab\r\n\r\n              [disabled]=\"(act.disable && (row[act.disable.field] == act.disable.value))\"\r\n              [color]=\"act.color==null? 'primary' : act.color\"\r\n              [matTooltip]=\"act.hint\" matTooltipPosition=\"above\"\r\n              (click)=\"do(act.name,row)\" style=\"margin-right:5px\">\r\n              <mat-icon>{{act.icon}}</mat-icon>\r\n\r\n            </button>\r\n\r\n          </ng-container>\r\n\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"  [ngClass]=\"{'make-gray': row[config.greyout.field]==config.greyout.value}\"></tr>\r\n\r\n  </table>\r\n</div>\r\n<mat-paginator #tablePaginator [pageSizeOptions]=\"[10, 50, 100]\" showFirstLastButtons></mat-paginator>\r\n</div>\r\n\r\n",
+            styles: [".mat-mini-fab{width:32px;height:32px}.mat-mini-fab mat-icon{font-size:16px;margin-top:-3px}.make-gray{background-color:#d3d3d3}"]
+        })
+    ], TableComponent);
+    return TableComponent;
+}());
+export { TableComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFlLE1BQU0sdUJBQXVCLENBQUM7QUFPL0Y7SUFFRTtRQXlCVSxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDakMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDL0IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSTNDLFlBQU8sR0FBRyxlQUFlLENBQUE7UUFDekIsT0FBRSxHQUFHLFFBQVEsQ0FBQTtRQUViLHFCQUFnQixHQUFhLEVBQUUsQ0FBQztRQUloQyxnQkFBVyxHQUFHLEVBQUUsQ0FBQztJQXZDRCxDQUFDO0lBRWpCLGlDQUFRLEdBQVI7UUFBQSxpQkFXQztRQVRDLHNCQUFzQjtRQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsVUFBQSxPQUFPO1lBQ2pDLEtBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUVwQyxJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVUsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sT0FBSSxDQUFDO0lBRW5FLENBQUM7SUFFRCxvQ0FBVyxHQUFYO1FBQ0UsMEJBQTBCO1FBQzFCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBb0JELG9DQUFXLEdBQVgsVUFBWSxXQUFtQjtRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEQsQ0FBQztJQUVELDJCQUFFLEdBQUYsVUFBRyxJQUFJLEVBQUUsSUFBSTtRQUVYLElBQUksSUFBSSxHQUFHLElBQUksY0FBYyxFQUFFLENBQUM7UUFDaEMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUdELCtCQUFNLEdBQU47UUFDRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCw2QkFBSSxHQUFKO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsNkJBQUksR0FBSixVQUFLLENBQUssRUFBRSxFQUFZLEVBQUUsQ0FBTTtRQUU5QixJQUFJLEVBQUUsSUFBSSxRQUFRLENBQUMsS0FBSyxFQUFDO1lBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBQztnQkFDVCxPQUFPLElBQUksQ0FBQzthQUNiO2lCQUFJO2dCQUNILE9BQU8sS0FBSyxDQUFDO2FBQ2Q7U0FFRjtRQUVELElBQUksRUFBRSxJQUFJLFFBQVEsQ0FBQyxPQUFPLEVBQUU7WUFDMUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUNULE9BQU8sSUFBSSxDQUFDO2FBQ2I7aUJBQU07Z0JBQ0wsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUVGO1FBRUQsSUFBSSxFQUFFLElBQUksUUFBUSxDQUFDLElBQUksRUFBRTtZQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ1QsT0FBTyxJQUFJLENBQUM7YUFDYjtpQkFBTTtnQkFDTCxPQUFPLEtBQUssQ0FBQzthQUNkO1NBRUY7UUFFRCxJQUFJLEVBQUUsSUFBSSxRQUFRLENBQUMsUUFBUSxFQUFFO1lBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDVixPQUFPLElBQUksQ0FBQzthQUNiO2lCQUFNO2dCQUNMLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7U0FFRjtJQUlILENBQUM7SUE5RVE7UUFBUixLQUFLLEVBQUU7a0RBQXFCO0lBQ3BCO1FBQVIsS0FBSyxFQUFFO2dEQUFXO0lBQ1Q7UUFBVCxNQUFNLEVBQUU7c0RBQWlDO0lBQ2hDO1FBQVQsTUFBTSxFQUFFO3VEQUFrQztJQUNqQztRQUFULE1BQU0sRUFBRTtxREFBZ0M7SUFDL0I7UUFBVCxNQUFNLEVBQUU7dURBQWtDO0lBRWQ7UUFBNUIsU0FBUyxDQUFDLGdCQUFnQixDQUFDOzBEQUE4QjtJQWhDL0MsY0FBYztRQUwxQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQiw2bE1BQXFDOztTQUV0QyxDQUFDO09BQ1csY0FBYyxDQXlHMUI7SUFBRCxxQkFBQztDQUFBLEFBekdELElBeUdDO1NBekdZLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0UGFnaW5hdG9yIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcclxuaW1wb3J0IHsgTWF0VGFibGVEYXRhU291cmNlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xyXG5pbXBvcnQgeyBBY3Rpb25SZXNwb25zZSwgT3BlcmF0b3IsIFRhYmxlQ29sdW1uVHlwZSwgVGFibGVDb25maWcgfSBmcm9tICcuLi8uLi9jbGFzc2VzL0NsYXNzZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGEtdGFibGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIC8vIGNvbnNvbGUubG9nKFwiSW5pdFwiKVxyXG4gICAgdGhpcy5jb25maWcuY29sdW1ucy5mb3JFYWNoKGVsZW1lbnQgPT4ge1xyXG4gICAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMucHVzaChlbGVtZW50Lm5hbWUpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zLnB1c2goXCJBY3Rpb25cIilcclxuXHJcbiAgICB0aGlzLnN0eWxlU3RyaW5nID0gYHdpZHRoOiAkezUwICogdGhpcy5jb25maWcuYWN0aW9ucy5sZW5ndGh9cHhgO1xyXG5cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCl7XHJcbiAgICAvLyBjb25zb2xlLmxvZyhcIk9uQ2hhbmdlXCIpXHJcbiAgICB0aGlzLmRhdGEgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlKHRoaXMuZGF0YSk7XHJcbiAgICB0aGlzLmRhdGEucGFnaW5hdG9yID0gdGhpcy50YWJsZVBhZ2luYXRvcjtcclxuICAgIHRoaXMuYXBwbHlGaWx0ZXIodGhpcy5fZmlsdGVyVGV4dCk7XHJcbiAgfVxyXG5cclxuXHJcbiAgQElucHV0KCkgY29uZmlnOiBUYWJsZUNvbmZpZztcclxuICBASW5wdXQoKSBkYXRhOiBhbnk7XHJcbiAgQE91dHB1dCgpIGRhdGFDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBsb2FkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGNyZWF0ZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBAVmlld0NoaWxkKCd0YWJsZVBhZ2luYXRvcicpIHRhYmxlUGFnaW5hdG9yOiBNYXRQYWdpbmF0b3I7XHJcblxyXG4gIGNvbFR5cGUgPSBUYWJsZUNvbHVtblR5cGVcclxuICBvcCA9IE9wZXJhdG9yXHJcblxyXG4gIGRpc3BsYXllZENvbHVtbnM6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIHN0eWxlU3RyaW5nOiBzdHJpbmc7XHJcblxyXG4gIF9maWx0ZXJUZXh0ID0gXCJcIjtcclxuICBhcHBseUZpbHRlcihmaWx0ZXJWYWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLmRhdGEuZmlsdGVyID0gZmlsdGVyVmFsdWUudHJpbSgpLnRvTG93ZXJDYXNlKCk7XHJcbiAgfVxyXG5cclxuICBkbyhuYW1lLCBpdGVtKSB7XHJcblxyXG4gICAgbGV0IHJlc3AgPSBuZXcgQWN0aW9uUmVzcG9uc2UoKTtcclxuICAgIHJlc3AubmFtZSA9IG5hbWU7XHJcbiAgICByZXNwLnZhbHVlID0gaXRlbTtcclxuICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdChyZXNwKTtcclxuICB9XHJcblxyXG5cclxuICBjcmVhdGUoKXtcclxuICAgIHRoaXMuY3JlYXRlQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgbG9hZCgpe1xyXG4gICAgdGhpcy5sb2FkQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgdGVzdChhOmFueSwgb3A6IE9wZXJhdG9yLCBiOiBhbnkpe1xyXG5cclxuICAgIGlmIChvcCA9PSBPcGVyYXRvci5FcXVhbCl7XHJcbiAgICAgIGlmIChhID09IGIpe1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9ZWxzZXtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuXHJcbiAgICB9XHJcblxyXG4gICAgaWYgKG9wID09IE9wZXJhdG9yLkdyZWF0ZXIpIHtcclxuICAgICAgaWYgKGEgPiBiKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcblxyXG4gICAgfVxyXG5cclxuICAgIGlmIChvcCA9PSBPcGVyYXRvci5MZXNzKSB7XHJcbiAgICAgIGlmIChhIDwgYikge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG5cclxuICAgIH1cclxuXHJcbiAgICBpZiAob3AgPT0gT3BlcmF0b3IuTm90RXF1YWwpIHtcclxuICAgICAgaWYgKGEgIT0gYikge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG5cclxuICAgIH1cclxuXHJcblxyXG5cclxuICB9XHJcblxyXG59XHJcblxyXG5cclxuXHJcbiJdfQ==

package/esm5/lib/components/text/text.component.js

@@ -0,0 +1,168 @@
+import { __decorate } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+import { map, startWith } from 'rxjs/operators';
+var TextComponent = /** @class */ (function () {
+    function TextComponent() {
+        // options: FormGroup;
+        this.hideRequiredControl = new FormControl(true);
+        this.readonly = false;
+        this.hint = "";
+        this.display = "";
+        this.placeholder = "";
+        this.value = "";
+        this.valueChange = new EventEmitter();
+        this.format = "text";
+        this.leave = new EventEmitter();
+        this.enterPress = new EventEmitter();
+        this.rows = "";
+        this.width = "100%";
+        //Autocomplete items
+        this.options = [];
+        this.optionValue = "";
+        this.optionDisplay = "";
+        this.myControl = new FormControl();
+        //validations
+        this.required = true;
+        this.min = 0;
+        this.max = 9000000000000000; //Math.max
+        this.regex = ""; //"[a-zA-Z ]*" //"/\S+@\S+\.\S+/";
+        this.control = new FormControl(this.value, [Validators.required, Validators.minLength(this.min), Validators.maxLength(this.max), Validators.pattern(this.regex)]);
+    }
+    TextComponent.prototype.ngOnInit = function () {
+        if (this.options.length > 0) {
+            this.initFilter();
+        }
+        if (this.placeholder == "") {
+            this.placeholder = this.display;
+        }
+    };
+    TextComponent.prototype.ngAfterViewInit = function () {
+        if (this.readonly) {
+            this.control.setValidators(null);
+            this.control.updateValueAndValidity();
+        }
+        if (!this.required && !this.readonly) {
+            this.control.setValidators([Validators.minLength(this.min), Validators.maxLength(this.max), Validators.pattern(this.regex)]);
+            this.control.updateValueAndValidity();
+        }
+    };
+    TextComponent.prototype.initFilter = function () {
+        var _this = this;
+        this.filteredOptions = this.myControl.valueChanges.pipe(startWith(""), map(function (value) { return _this._filter(value); }));
+    };
+    TextComponent.prototype._filter = function (value) {
+        var _this = this;
+        var filterValue = value.toLowerCase();
+        return this.options.filter(function (option) { return option["" + _this.optionDisplay].toLowerCase().includes(filterValue); });
+    };
+    TextComponent.prototype.changed = function () {
+        // console.log("value: " + this.value)
+        // console.log("cont: " + this.myControl.value)
+        // if (this.options.length > 0) {
+        //   this.value = this.myControl.value;
+        // }
+        this.valueChange.emit(this.value);
+    };
+    TextComponent.prototype.changed2 = function () {
+        // console.log("value: " + this.value)
+        // console.log("cont: " + this.myControl.value)
+        // if (this.options.length > 0) {
+        //   this.value = this.myControl.value;
+        // }
+        this.valueChange.emit(this.myControl.value);
+    };
+    TextComponent.prototype.leaved = function () {
+        this.leave.emit();
+    };
+    TextComponent.prototype.enterPressed = function () {
+        this.enterPress.emit();
+    };
+    TextComponent.prototype.validate = function () {
+        if ((this.required || this.min > 0) && this.control.hasError('required')) {
+            return "Required";
+        }
+        if (this.control.hasError('minlength')) {
+            return "Minimun length is " + this.min;
+        }
+        if (this.control.hasError('maxlength')) {
+            return "Maximum length is " + this.max;
+        }
+        if (this.control.hasError('pattern')) {
+            return "Invalid Input";
+        }
+        // if (this.regex != ""){
+        //   let r = new RegExp(this.regex, "g");
+        //   if (!r.test(this.value)){
+        //     this.valid = false;
+        //     this.errorMessage = "Invalid input";
+        //     return this.errorMessage;
+        //   }
+        // }
+        return "";
+    };
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "readonly", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "hint", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "display", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "placeholder", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "value", void 0);
+    __decorate([
+        Output()
+    ], TextComponent.prototype, "valueChange", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "format", void 0);
+    __decorate([
+        Output()
+    ], TextComponent.prototype, "leave", void 0);
+    __decorate([
+        Output()
+    ], TextComponent.prototype, "enterPress", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "rows", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "width", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "options", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "optionValue", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "optionDisplay", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "required", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "min", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "max", void 0);
+    __decorate([
+        Input()
+    ], TextComponent.prototype, "regex", void 0);
+    TextComponent = __decorate([
+        Component({
+            selector: 'spa-text',
+            template: "<mat-form-field *ngIf=\"rows == '' && options.length==0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\" >\r\n<mat-label *ngIf=\"format=='text'\">{{display}}</mat-label>\r\n<mat-label *ngIf=\"format=='date'\">{{display | date:'dd/MM/yyyy'}}</mat-label>\r\n<!-- <mat-label *ngIf=\"format=='datetime'\">{{display | date:'dd/MM/yyyy HH:mm'}}</mat-label> -->\r\n<input matInput autocomplete=\"off\" [(ngModel)]=\"value\"  (change)=\"changed()\" (blur)=\"leaved()\" (keyup.enter)=\"enterPressed()\" [placeholder]=\"placeholder\" [formControl]=\"control\" [required]=\"required\" [readonly]=\"readonly\"/>\r\n<mat-error *ngIf=\"control.invalid\">{{validate()}}</mat-error>\r\n</mat-form-field>\r\n\r\n\r\n<!-- TextArea copy - Only change input to textarea and change ngif to not -->\r\n\r\n<mat-form-field *ngIf=\"rows != ''  && options.length==0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\">\r\n<mat-label>{{display}}</mat-label>\r\n<textarea matInput autocomplete=\"off\" [rows]=\"rows\" [(ngModel)]=\"value\" (change)=\"changed()\" (keyup.enter)=\"enterPressed()\" [placeholder]=\"placeholder\" [formControl]=\"control\" [required]=\"required\" [readonly]=\"readonly\"></textarea>\r\n<mat-error *ngIf=\"control.invalid\">{{validate()}}</mat-error>\r\n</mat-form-field>\r\n\r\n\r\n\r\n<!-- Work in progress cant bind to value -->\r\n\r\n <!-- <mat-form-field *ngIf=\"options.length !=0\" hideRequiredMarker=\"true\" [hintLabel]=\"hint\" style=\"padding-right: 20px;\" [ngStyle]=\"{'width':width}\">\r\n  <input type=\"text\" autocomplete=\"off\" [placeholder]=\"display\" (change)=\"changed2()\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" [readonly]=\"readonly\">\r\n  <mat-autocomplete #auto=\"matAutocomplete\">\r\n    <mat-option *ngFor=\"let row of filteredOptions | async\" [value]=\"row[optionValue]\">\r\n      {{row[optionDisplay]}}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field> -->\r\n\r\n",
+            styles: [""]
+        })
+    ], TextComponent);
+    return TextComponent;
+}());
+export { TextComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aW4tc3BhLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdGV4dC90ZXh0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsV0FBVyxFQUFhLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXBFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFPaEQ7SUFFRTtRQThCQSxzQkFBc0I7UUFDdEIsd0JBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFbkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDVixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsV0FBTSxHQUFHLE1BQU0sQ0FBQztRQUVmLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzNCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpDLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixVQUFLLEdBQUcsTUFBTSxDQUFBO1FBR3ZCLG9CQUFvQjtRQUNYLFlBQU8sR0FBUSxFQUFFLENBQUM7UUFDbEIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFFNUIsY0FBUyxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7UUFvQjlCLGFBQWE7UUFDSixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLFFBQUcsR0FBRyxDQUFDLENBQUM7UUFD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QUssRUFBRTsrQ0FBVztJQUNWO1FBQVIsS0FBSyxFQUFFO2dEQUFlO0lBSWQ7UUFBUixLQUFLLEVBQUU7a0RBQW1CO0lBQ2xCO1FBQVIsS0FBSyxFQUFFO3NEQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTt3REFBb0I7SUF1Qm5CO1FBQVIsS0FBSyxFQUFFO21EQUFpQjtJQUNoQjtRQUFSLEtBQUssRUFBRTs4Q0FBUztJQUNSO1FBQVIsS0FBSyxFQUFFOzhDQUF3QjtJQUN2QjtRQUFSLEtBQUssRUFBRTtnREFBVztJQS9FUixhQUFhO1FBTHpCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxVQUFVO1lBQ3BCLDhoRUFBb0M7O1NBRXJDLENBQUM7T0FDVyxhQUFhLENBcUp6QjtJQUFELG9CQUFDO0NBQUEsQUFySkQsSUFxSkM7U0FySlksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBtYXAsIHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3BhLXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90ZXh0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuXHJcbiAgICBpZih0aGlzLm9wdGlvbnMubGVuZ3RoID4gMCl7XHJcbiAgICAgIHRoaXMuaW5pdEZpbHRlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLnBsYWNlaG9sZGVyID09IFwiXCIpIHtcclxuICAgICAgdGhpcy5wbGFjZWhvbGRlciA9IHRoaXMuZGlzcGxheTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKXtcclxuXHJcbiAgICBpZiAodGhpcy5yZWFkb25seSkge1xyXG4gICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsaWRhdG9ycyhudWxsKTtcclxuICAgICAgdGhpcy5jb250cm9sLnVwZGF0ZVZhbHVlQW5kVmFsaWRpdHkoKTtcclxuICAgIH1cclxuICAgIGlmICghdGhpcy5yZXF1aXJlZCAmJiAhdGhpcy5yZWFkb25seSl7XHJcblxyXG4gICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsaWRhdG9ycyhbVmFsaWRhdG9ycy5taW5MZW5ndGgodGhpcy5taW4pLCBWYWxpZGF0b3JzLm1heExlbmd0aCh0aGlzLm1heCksIFZhbGlkYXRvcnMucGF0dGVybih0aGlzLnJlZ2V4KV0pO1xyXG4gICAgICB0aGlzLmNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgfVxyXG5cclxuXHJcbiAgLy8gb3B0aW9uczogRm9ybUdyb3VwO1xyXG4gIGhpZGVSZXF1aXJlZENvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2wodHJ1ZSk7XHJcblxyXG4gIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGludCA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGlzcGxheSA9IFwiXCI7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHZhbHVlID0gXCJcIjtcclxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgZm9ybWF0ID0gXCJ0ZXh0XCI7XHJcblxyXG4gIEBPdXRwdXQoKSBsZWF2ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgZW50ZXJQcmVzcyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgQElucHV0KCkgcm93cyA9IFwiXCI7XHJcbiAgQElucHV0KCkgd2lkdGggPSBcIjEwMCVcIlxyXG5cclxuXHJcbiAgLy9BdXRvY29tcGxldGUgaXRlbXNcclxuICBASW5wdXQoKSBvcHRpb25zOiBhbnkgPSBbXTtcclxuICBASW5wdXQoKSBvcHRpb25WYWx1ZSA9IFwiXCI7XHJcbiAgQElucHV0KCkgb3B0aW9uRGlzcGxheSA9IFwiXCI7XHJcblxyXG4gIG15Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xyXG4gIGZpbHRlcmVkT3B0aW9uczogT2JzZXJ2YWJsZTxzdHJpbmdbXT47XHJcblxyXG4gIHByaXZhdGUgaW5pdEZpbHRlcigpIHtcclxuICAgIHRoaXMuZmlsdGVyZWRPcHRpb25zID0gdGhpcy5teUNvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXHJcbiAgICAgIHN0YXJ0V2l0aChcIlwiKSxcclxuICAgICAgbWFwKCh2YWx1ZSkgPT4gdGhpcy5fZmlsdGVyKHZhbHVlKSlcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9maWx0ZXIodmFsdWU6IHN0cmluZyk6IHN0cmluZ1tdIHtcclxuICAgIGNvbnN0IGZpbHRlclZhbHVlID0gdmFsdWUudG9Mb3dlckNhc2UoKTtcclxuXHJcbiAgICByZXR1cm4gdGhpcy5vcHRpb25zLmZpbHRlcigob3B0aW9uKSA9PiBvcHRpb25bYCR7dGhpcy5vcHRpb25EaXNwbGF5fWBdLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyVmFsdWUpKTtcclxuICB9XHJcblxyXG5cclxuXHJcblxyXG5cclxuICAvL3ZhbGlkYXRpb25zXHJcbiAgQElucHV0KCkgcmVxdWlyZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIG1pbiA9IDA7XHJcbiAgQElucHV0KCkgbWF4ID0gOTAwMDAwMDAwMDAwMDAwMDsgLy9NYXRoLm1heFxyXG4gIEBJbnB1dCgpIHJlZ2V4ID0gXCJcIiAvL1wiW2EtekEtWiBdKlwiIC8vXCIvXFxTK0BcXFMrXFwuXFxTKy9cIjtcclxuXHJcbiAgY2hhbmdlZCgpe1xyXG4gICAgLy8gY29uc29sZS5sb2coXCJ2YWx1ZTogXCIgKyB0aGlzLnZhbHVlKVxyXG4gICAgLy8gY29uc29sZS5sb2coXCJjb250OiBcIiArIHRoaXMubXlDb250cm9sLnZhbHVlKVxyXG5cclxuICAgIC8vIGlmICh0aGlzLm9wdGlvbnMubGVuZ3RoID4gMCkge1xyXG4gICAgLy8gICB0aGlzLnZhbHVlID0gdGhpcy5teUNvbnRyb2wudmFsdWU7XHJcbiAgICAvLyB9XHJcblxyXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG5cclxuICB9XHJcblxyXG4gIGNoYW5nZWQyKCkge1xyXG4gICAgLy8gY29uc29sZS5sb2coXCJ2YWx1ZTogXCIgKyB0aGlzLnZhbHVlKVxyXG4gICAgLy8gY29uc29sZS5sb2coXCJjb250OiBcIiArIHRoaXMubXlDb250cm9sLnZhbHVlKVxyXG5cclxuICAgIC8vIGlmICh0aGlzLm9wdGlvbnMubGVuZ3RoID4gMCkge1xyXG4gICAgLy8gICB0aGlzLnZhbHVlID0gdGhpcy5teUNvbnRyb2wudmFsdWU7XHJcbiAgICAvLyB9XHJcblxyXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMubXlDb250cm9sLnZhbHVlKTtcclxuXHJcbiAgfVxyXG5cclxuICBsZWF2ZWQoKXtcclxuICAgIHRoaXMubGVhdmUuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgZW50ZXJQcmVzc2VkKCkge1xyXG4gICAgdGhpcy5lbnRlclByZXNzLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woIHRoaXMudmFsdWUsIFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLm1pbkxlbmd0aCh0aGlzLm1pbiksIFZhbGlkYXRvcnMubWF4TGVuZ3RoKHRoaXMubWF4KSwgVmFsaWRhdG9ycy5wYXR0ZXJuKHRoaXMucmVnZXgpICBdKTtcclxuXHJcbiAgdmFsaWRhdGUoKSA6IHN0cmluZ3tcclxuXHJcblxyXG4gICAgaWYgKCh0aGlzLnJlcXVpcmVkIHx8IHRoaXMubWluID4gMCkgJiYgdGhpcy5jb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpICl7XHJcbiAgICAgIHJldHVybiBgUmVxdWlyZWRgO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmNvbnRyb2wuaGFzRXJyb3IoJ21pbmxlbmd0aCcpICl7XHJcbiAgICAgIHJldHVybiBgTWluaW11biBsZW5ndGggaXMgJHt0aGlzLm1pbn1gO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmNvbnRyb2wuaGFzRXJyb3IoJ21heGxlbmd0aCcpKSB7XHJcbiAgICAgIHJldHVybiBgTWF4aW11bSBsZW5ndGggaXMgJHt0aGlzLm1heH1gO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmNvbnRyb2wuaGFzRXJyb3IoJ3BhdHRlcm4nKSkge1xyXG4gICAgICByZXR1cm4gYEludmFsaWQgSW5wdXRgO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvLyBpZiAodGhpcy5yZWdleCAhPSBcIlwiKXtcclxuXHJcbiAgICAvLyAgIGxldCByID0gbmV3IFJlZ0V4cCh0aGlzLnJlZ2V4LCBcImdcIik7XHJcblxyXG4gICAgLy8gICBpZiAoIXIudGVzdCh0aGlzLnZhbHVlKSl7XHJcbiAgICAvLyAgICAgdGhpcy52YWxpZCA9IGZhbHNlO1xyXG4gICAgLy8gICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gXCJJbnZhbGlkIGlucHV0XCI7XHJcbiAgICAvLyAgICAgcmV0dXJuIHRoaXMuZXJyb3JNZXNzYWdlO1xyXG4gICAgLy8gICB9XHJcbiAgICAvLyB9XHJcblxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm5/lib/components/tiles/tiles.component.js

@@ -0,0 +1,42 @@
+import { __decorate } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+var TilesComponent = /** @class */ (function () {
+    function TilesComponent() {
+        this.clickable = false;
+        this.tileClick = new EventEmitter();
+        this.selected = "";
+    }
+    TilesComponent.prototype.ngOnInit = function () {
+    };
+    TilesComponent.prototype.clicked = function (v) {
+        if (!this.clickable)
+            return;
+        if (this.selected == v.tileName) {
+            this.tileClick.emit("");
+            this.selected = "";
+        }
+        else {
+            this.tileClick.emit(v.tileName);
+            this.selected = v.tileName;
+        }
+    };
+    __decorate([
+        Input()
+    ], TilesComponent.prototype, "tiles", void 0);
+    __decorate([
+        Input()
+    ], TilesComponent.prototype, "clickable", void 0);
+    __decorate([
+        Output()
+    ], TilesComponent.prototype, "tileClick", void 0);
+    TilesComponent = __decorate([
+        Component({
+            selector: 'spa-tiles',
+            template: "      <div class=\"row align-items-center\">\r\n\r\n        <!-- <div class=\"col\" *ngFor=\"let row of tiles\" >\r\n\r\n          <mat-card *ngIf=\"row.visible\">\r\n          <div class=\"row d-flex justify-content-center\">\r\n\r\n            <mat-label style=\"font-size:30px;font-weight:bold\" [ngStyle]=\"{'color':row.tileColor}\">{{row.tileValue}}</mat-label>\r\n\r\n          </div>\r\n\r\n          <div class=\"row d-flex justify-content-center\">\r\n\r\n            <mat-label [ngStyle]=\"{'color':row.selected == true ? 'darkorange' : 'black' }\" style=\"font-size:12px;padding-left:5px;padding-right:5px\">{{row.tileName}}</mat-label>\r\n            <mat-icon style=\"font-size: 17px; color:steelblue;\">info</mat-icon>\r\n\r\n          </div>\r\n          </mat-card>\r\n\r\n        </div> -->\r\n\r\n        <ng-container *ngFor=\"let row of tiles\">\r\n\r\n          <mat-card class=\"col\" style=\"margin-left: 10px;margin-right: 10px\" *ngIf=\"row.visible\" (click)=\"clicked(row)\">\r\n\r\n            <div class=\"row d-flex justify-content-center\">\r\n\r\n              <mat-label style=\"font-weight:bold\" [ngStyle]=\"{'color':row.tileColor,'font-size':row.tileName == selected ? '35px' : '30px' }\">{{row.tileValue}}</mat-label>\r\n\r\n            </div>\r\n\r\n            <div class=\"row d-flex justify-content-center row align-items-center\">\r\n\r\n              <mat-label [ngStyle]=\"{'font-size':row.tileName == selected ? '18px' : '12px' }\" style=\"padding-left:5px;padding-right:5px\">{{row.tileName}}</mat-label>\r\n              <mat-icon [matTooltip]=\"row.info\" matTooltipPosition=\"above\" [ngStyle]=\"{'font-size':row.tileName == selected ? '20px' : '17px' }\" style=\" color:steelblue;\">info</mat-icon>\r\n\r\n            </div>\r\n\r\n          </mat-card>\r\n\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n",
+            styles: [""]
+        })
+    ], TilesComponent);
+    return TilesComponent;
+}());
+export { TilesComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3RpbGVzL3RpbGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVMvRTtJQUVFO1FBT1MsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6QyxhQUFRLEdBQVcsRUFBRSxDQUFDO0lBVk4sQ0FBQztJQUVqQixpQ0FBUSxHQUFSO0lBQ0EsQ0FBQztJQVNELGdDQUFPLEdBQVAsVUFBUSxDQUFPO1FBRWIsSUFBRyxDQUFDLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTztRQUczQixJQUFHLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLFFBQVEsRUFBQztZQUM3QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUN4QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztTQUNwQjthQUFJO1lBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQztTQUM1QjtJQUdILENBQUM7SUFyQlE7UUFBUixLQUFLLEVBQUU7aURBQWU7SUFFZDtRQUFSLEtBQUssRUFBRTtxREFBNEI7SUFDMUI7UUFBVCxNQUFNLEVBQUU7cURBQWdDO0lBVjlCLGNBQWM7UUFMMUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFdBQVc7WUFDckIsaTFEQUFxQzs7U0FFdEMsQ0FBQztPQUNXLGNBQWMsQ0E4QjFCO0lBQUQscUJBQUM7Q0FBQSxBQTlCRCxJQThCQztTQTlCWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUaWxlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9DbGFzc2VzJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NwYS10aWxlcycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbGVzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90aWxlcy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRpbGVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSB0aWxlczogVGlsZVtdO1xyXG5cclxuICBASW5wdXQoKSBjbGlja2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgdGlsZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzZWxlY3RlZDogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgY2xpY2tlZCh2OiBUaWxlKXtcclxuXHJcbiAgICBpZighdGhpcy5jbGlja2FibGUpIHJldHVybjtcclxuXHJcblxyXG4gICAgaWYodGhpcy5zZWxlY3RlZCA9PSB2LnRpbGVOYW1lKXtcclxuICAgICAgdGhpcy50aWxlQ2xpY2suZW1pdChcIlwiKTtcclxuICAgICAgdGhpcy5zZWxlY3RlZCA9IFwiXCI7XHJcbiAgICB9ZWxzZXtcclxuICAgICAgdGhpcy50aWxlQ2xpY2suZW1pdCh2LnRpbGVOYW1lKTtcclxuICAgICAgdGhpcy5zZWxlY3RlZCA9IHYudGlsZU5hbWU7XHJcbiAgICB9XHJcblxyXG5cclxuICB9XHJcblxyXG59XHJcbiJdfQ==