tin-spa 2.13.15 → 9.1.0

package/esm5/lib/components/create-account/create-account.component.js

@@ -0,0 +1,163 @@
+import { Component, Input } from '@angular/core';
+import { AppConfig, Register } from '../../classes/Classes';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/http.service";
+import * as i2 from "../../services/message.service";
+import * as i3 from "./../../services/data.service";
+import * as i4 from "../../services/auth.service";
+import * as i5 from "@angular/router";
+import * as i6 from "../text/text.component";
+import * as i7 from "../select/select.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/material/checkbox";
+import * as i10 from "@angular/forms";
+import * as i11 from "@angular/material/button";
+function CreateAccountComponent_div_15_Template(rf, ctx) { if (rf & 1) {
+    var _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵelementStart(2, "spa-text", 13);
+    i0.ɵɵlistener("valueChange", function CreateAccountComponent_div_15_Template_spa_text_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r2); var ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.register.password = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵelementStart(4, "spa-text", 14);
+    i0.ɵɵlistener("valueChange", function CreateAccountComponent_div_15_Template_spa_text_valueChange_4_listener($event) { i0.ɵɵrestoreView(_r2); var ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.confirmPassword = $event; });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r0.register.password);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r0.confirmPassword);
+} }
+var CreateAccountComponent = /** @class */ (function () {
+    function CreateAccountComponent(httpService, messageService, dataService, authService, router) {
+        this.httpService = httpService;
+        this.messageService = messageService;
+        this.dataService = dataService;
+        this.authService = authService;
+        this.router = router;
+        this.appConfig = new AppConfig();
+        this.isProcessing = false;
+        this.register = new Register();
+        this.openProfile = true;
+        this.authTypes = [
+            { name: "Local Authentication", value: "local" },
+            { name: "AD Authentication", value: "AD" }
+        ];
+    }
+    CreateAccountComponent.prototype.ngOnInit = function () {
+        this.appConfig = this.dataService.appConfig;
+    };
+    CreateAccountComponent.prototype.create = function () {
+        var _this = this;
+        if (this.register.authType == "") {
+            this.messageService.toast("Choose Authentication Type");
+            return;
+        }
+        this.isProcessing = true;
+        this.dataService.RegisterAccount(this.register).subscribe(function (apiResponse) {
+            _this.isProcessing = false;
+            if (apiResponse.success) {
+                _this.messageService.toast("Account Created");
+                if (_this.openProfile) {
+                    _this.viewProfile(_this.register.userName);
+                }
+                else {
+                    // this.user = new User();
+                    _this.register = new Register();
+                    _this.confirmPassword = "";
+                }
+            }
+            else {
+                _this.messageService.toast("Error: " + apiResponse.message);
+            }
+        }, function (error) {
+            _this.isProcessing = false;
+            _this.messageService.toast(_this.httpService.Error(error));
+        });
+    };
+    CreateAccountComponent.prototype.viewProfile = function (userName) {
+        this.dataService.tmpProfileuserName = userName;
+        this.router.navigate(["home/user/profile"]);
+    };
+    CreateAccountComponent.ɵfac = function CreateAccountComponent_Factory(t) { return new (t || CreateAccountComponent)(i0.ɵɵdirectiveInject(i1.HttpService), i0.ɵɵdirectiveInject(i2.MessageService), i0.ɵɵdirectiveInject(i3.DataServiceLib), i0.ɵɵdirectiveInject(i4.AuthService), i0.ɵɵdirectiveInject(i5.Router)); };
+    CreateAccountComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CreateAccountComponent, selectors: [["spa-create-account"]], inputs: { appConfig: "appConfig" }, decls: 22, vars: 8, consts: [[1, "container"], [1, "tin-input", 2, "font-size", "14px", "width", "70%"], [1, "tin-input-row"], [1, "col"], ["id", "txtFirstName", "display", "FirstName", 3, "value", "valueChange"], ["id", "txtLastName", "display", "LastName", 3, "value", "valueChange"], [1, "tin-input-row", "mt-3"], ["id", "txtUserName", "display", "Username", 3, "value", "valueChange"], ["id", "cboAuth", "display", "Authentication Type", "optionDisplay", "name", "optionValue", "value", 3, "options", "value", "valueChange"], ["class", "tin-input-row", 4, "ngIf"], [1, "tin-input-row", "mt-3", 2, "margin-left", "1em"], ["id", "cbkOpenAfter", "color", "primary", 2, "margin-right", "100px", "font-size", "12px", 3, "ngModel", "ngModelChange"], ["id", "btnCreate", "mat-raised-button", "", "color", "primary", "cdkFocusInitial", "", 3, "disabled", "click"], ["id", "txtPassword", "display", "Password", "type", "password", 3, "value", "valueChange"], ["id", "txtConfirmPassword", "display", "Confirm Password", "type", "password", 3, "value", "valueChange"]], template: function CreateAccountComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "h4");
+            i0.ɵɵtext(1, "Create Account");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(2, "hr");
+            i0.ɵɵelementStart(3, "div", 0);
+            i0.ɵɵelementStart(4, "div", 1);
+            i0.ɵɵelementStart(5, "div", 2);
+            i0.ɵɵelementStart(6, "div", 3);
+            i0.ɵɵelementStart(7, "spa-text", 4);
+            i0.ɵɵlistener("valueChange", function CreateAccountComponent_Template_spa_text_valueChange_7_listener($event) { return ctx.register.firstName = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 3);
+            i0.ɵɵelementStart(9, "spa-text", 5);
+            i0.ɵɵlistener("valueChange", function CreateAccountComponent_Template_spa_text_valueChange_9_listener($event) { return ctx.register.lastName = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 6);
+            i0.ɵɵelementStart(11, "div", 3);
+            i0.ɵɵelementStart(12, "spa-text", 7);
+            i0.ɵɵlistener("valueChange", function CreateAccountComponent_Template_spa_text_valueChange_12_listener($event) { return ctx.register.userName = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "div", 3);
+            i0.ɵɵelementStart(14, "spa-select", 8);
+            i0.ɵɵlistener("valueChange", function CreateAccountComponent_Template_spa_select_valueChange_14_listener($event) { return ctx.register.authType = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(15, CreateAccountComponent_div_15_Template, 5, 2, "div", 9);
+            i0.ɵɵelementStart(16, "div", 10);
+            i0.ɵɵelementStart(17, "mat-checkbox", 11);
+            i0.ɵɵlistener("ngModelChange", function CreateAccountComponent_Template_mat_checkbox_ngModelChange_17_listener($event) { return ctx.openProfile = $event; });
+            i0.ɵɵtext(18, "Open profile after creation");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "div", 6);
+            i0.ɵɵelementStart(20, "button", 12);
+            i0.ɵɵlistener("click", function CreateAccountComponent_Template_button_click_20_listener() { return ctx.create(); });
+            i0.ɵɵtext(21, "Create");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("value", ctx.register.firstName);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.register.lastName);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("value", ctx.register.userName);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("options", ctx.authTypes)("value", ctx.register.authType);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.register.authType == "local");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngModel", ctx.openProfile);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.register.authType == "");
+        } }, directives: [i6.TextComponent, i7.SelectComponent, i8.NgIf, i9.MatCheckbox, i10.NgControlStatus, i10.NgModel, i11.MatButton], styles: [""] });
+    return CreateAccountComponent;
+}());
+export { CreateAccountComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(CreateAccountComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-create-account',
+                templateUrl: './create-account.component.html',
+                styleUrls: ['./create-account.component.css']
+            }]
+    }], function () { return [{ type: i1.HttpService }, { type: i2.MessageService }, { type: i3.DataServiceLib }, { type: i4.AuthService }, { type: i5.Router }]; }, { appConfig: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFjY291bnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2NyZWF0ZS1hY2NvdW50L2NyZWF0ZS1hY2NvdW50LmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2NyZWF0ZS1hY2NvdW50L2NyZWF0ZS1hY2NvdW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBVyxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7Ozs7Ozs7OztJQytCakUsOEJBRUU7SUFBQSw4QkFDRTtJQUFBLG9DQUF1RztJQUF6RCwyTkFBNkI7SUFBaUIsaUJBQVc7SUFDekcsaUJBQU07SUFFTiw4QkFDRTtJQUFBLG9DQUFvSDtJQUF2RCx5TkFBMkI7SUFBaUIsaUJBQVc7SUFDdEgsaUJBQU07SUFFUixpQkFBTTs7O0lBUDRDLGVBQTZCO0lBQTdCLGdEQUE2QjtJQUlkLGVBQTJCO0lBQTNCLDhDQUEyQjs7QURqQ2hHO0lBT0UsZ0NBQW9CLFdBQXdCLEVBQVUsY0FBOEIsRUFBVSxXQUEyQixFQUFVLFdBQXdCLEVBQVMsTUFBYztRQUE5SixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQVF6SyxjQUFTLEdBQUcsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUVyQyxpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM5QixhQUFRLEdBQUcsSUFBSSxRQUFRLEVBQUUsQ0FBQztRQUUxQixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUU1QixjQUFTLEdBQUc7WUFDVixFQUFF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O1lBSWpDLGVBQTZCO1lBQTdCLDZDQUE2QjtZQVM5QixlQUE2QjtZQUE3Qiw2Q0FBNkI7WUFJcEIsZUFBcUI7WUFBckIsdUNBQXFCLGdDQUFBO1lBTXJELGVBQWtDO1lBQWxDLHVEQUFrQztZQWNnQyxlQUF5QjtZQUF6Qix5Q0FBeUI7WUFJN0YsZUFBbUM7WUFBbkMsc0RBQW1DOztpQ0RyRGhFO0NBK0VDLEFBdEVELElBc0VDO1NBakVZLHNCQUFzQjtrREFBdEIsc0JBQXNCO2NBTGxDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixXQUFXLEVBQUUsaUNBQWlDO2dCQUM5QyxTQUFTLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQzthQUM5Qzs7a0JBV0UsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGFTZXJ2aWNlTGliIH0gZnJvbSAnLi8uLi8uLi9zZXJ2aWNlcy9kYXRhLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWVzc2FnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tZXNzYWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBdXRoU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2F1dGguc2VydmljZSc7XHJcbmltcG9ydCB7IFByb2ZpbGUsIEFwcENvbmZpZywgUmVnaXN0ZXIgfSBmcm9tICcuLi8uLi9jbGFzc2VzL0NsYXNzZXMnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBIdHRwU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2h0dHAuc2VydmljZSc7XHJcbmltcG9ydCB7IEFwaVJlc3BvbnNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9UaW5Db3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3BhLWNyZWF0ZS1hY2NvdW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWFjY291bnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NyZWF0ZS1hY2NvdW50LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3JlYXRlQWNjb3VudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cFNlcnZpY2U6IEh0dHBTZXJ2aWNlLCBwcml2YXRlIG1lc3NhZ2VTZXJ2aWNlOiBNZXNzYWdlU2VydmljZSwgcHJpdmF0ZSBkYXRhU2VydmljZTogRGF0YVNlcnZpY2VMaWIsIHByaXZhdGUgYXV0aFNlcnZpY2U6IEF1dGhTZXJ2aWNlLCBwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYXBwQ29uZmlnID0gdGhpcy5kYXRhU2VydmljZS5hcHBDb25maWc7XHJcbiAgfVxyXG5cclxuXHJcblxyXG4gIEBJbnB1dCgpIGFwcENvbmZpZyA9IG5ldyBBcHBDb25maWcoKTtcclxuXHJcbiAgaXNQcm9jZXNzaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcmVnaXN0ZXIgPSBuZXcgUmVnaXN0ZXIoKTtcclxuICBjb25maXJtUGFzc3dvcmQ6IHN0cmluZztcclxuICBvcGVuUHJvZmlsZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIGF1dGhUeXBlcyA9IFtcclxuICAgIHsgbmFtZTogXCJMb2NhbCBBdXRoZW50aWNhdGlvblwiLCB2YWx1ZTogXCJsb2NhbFwiIH0sXHJcbiAgICB7IG5hbWU6IFwiQUQgQXV0aGVudGljYXRpb25cIiwgdmFsdWU6IFwiQURcIiB9XHJcbiAgXVxyXG5cclxuXHJcbiAgY3JlYXRlKCkge1xyXG5cclxuICAgIGlmICh0aGlzLnJlZ2lzdGVyLmF1dGhUeXBlID09IFwiXCIpIHtcclxuICAgICAgdGhpcy5tZXNzYWdlU2VydmljZS50b2FzdChcIkNob29zZSBBdXRoZW50aWNhdGlvbiBUeXBlXCIpO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG5cclxuICAgIHRoaXMuaXNQcm9jZXNzaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuZGF0YVNlcnZpY2UuUmVnaXN0ZXJBY2NvdW50KHRoaXMucmVnaXN0ZXIpLnN1YnNjcmliZSgoYXBpUmVzcG9uc2U6IEFwaVJlc3BvbnNlKSA9PiB7XHJcbiAgICAgICAgdGhpcy5pc1Byb2Nlc3NpbmcgPSBmYWxzZTtcclxuXHJcbiAgICAgICAgaWYgKGFwaVJlc3BvbnNlLnN1Y2Nlc3MpIHtcclxuICAgICAgICAgIHRoaXMubWVzc2FnZVNlcnZpY2UudG9hc3QoXCJBY2NvdW50IENyZWF0ZWRcIik7XHJcblxyXG4gICAgICAgICAgaWYgKHRoaXMub3BlblByb2ZpbGUpIHtcclxuICAgICAgICAgICAgdGhpcy52aWV3UHJvZmlsZSh0aGlzLnJlZ2lzdGVyLnVzZXJOYW1lKTtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIC8vIHRoaXMudXNlciA9IG5ldyBVc2VyKCk7XHJcbiAgICAgICAgICAgIHRoaXMucmVnaXN0ZXIgPSBuZXcgUmVnaXN0ZXIoKTtcclxuICAgICAgICAgICAgdGhpcy5jb25maXJtUGFzc3dvcmQgPSBcIlwiO1xyXG4gICAgICAgICAgfVxyXG5cclxuXHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMubWVzc2FnZVNlcnZpY2UudG9hc3QoXCJFcnJvcjogXCIgKyBhcGlSZXNwb25zZS5tZXNzYWdlKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0sXHJcbiAgICAgIChlcnJvcikgPT4ge1xyXG4gICAgICAgIHRoaXMuaXNQcm9jZXNzaW5nID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5tZXNzYWdlU2VydmljZS50b2FzdCh0aGlzLmh0dHBTZXJ2aWNlLkVycm9yKGVycm9yKSk7XHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgfVxyXG5cclxuICB2aWV3UHJvZmlsZSh1c2VyTmFtZTogc3RyaW5nKSB7XHJcblxyXG4gICAgdGhpcy5kYXRhU2VydmljZS50bXBQcm9maWxldXNlck5hbWUgPSB1c2VyTmFtZTtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtcImhvbWUvdXNlci9wcm9maWxlXCJdKTtcclxuXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8aDQ+Q3JlYXRlIEFjY291bnQ8L2g0PlxyXG5cclxuPGhyLz5cclxuXHJcbjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInRpbi1pbnB1dFwiIHN0eWxlPVwiZm9udC1zaXplOjE0cHg7IHdpZHRoOiA3MCU7XCI+XHJcblxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aW4taW5wdXQtcm93XCI+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgICA8c3BhLXRleHQgaWQ9XCJ0eHRGaXJzdE5hbWVcIiBkaXNwbGF5PVwiRmlyc3ROYW1lXCIgWyh2YWx1ZSldPVwicmVnaXN0ZXIuZmlyc3ROYW1lXCI+PC9zcGEtdGV4dD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgIDxzcGEtdGV4dCBpZD1cInR4dExhc3ROYW1lXCIgZGlzcGxheT1cIkxhc3ROYW1lXCIgWyh2YWx1ZSldPVwicmVnaXN0ZXIubGFzdE5hbWVcIj48L3NwYS10ZXh0PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICA8L2Rpdj5cclxuXHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInRpbi1pbnB1dC1yb3cgbXQtM1wiPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbFwiPlxyXG4gICAgICAgIDxzcGEtdGV4dCBpZD1cInR4dFVzZXJOYW1lXCIgZGlzcGxheT1cIlVzZXJuYW1lXCIgWyh2YWx1ZSldPVwicmVnaXN0ZXIudXNlck5hbWVcIj48L3NwYS10ZXh0PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb2xcIj5cclxuICAgICAgICA8c3BhLXNlbGVjdCBpZD1cImNib0F1dGhcIiBkaXNwbGF5PVwiQXV0aGVudGljYXRpb24gVHlwZVwiIFtvcHRpb25zXT1cImF1dGhUeXBlc1wiIG9wdGlvbkRpc3BsYXk9XCJuYW1lXCIgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiICBbKHZhbHVlKV09XCJyZWdpc3Rlci5hdXRoVHlwZVwiID48L3NwYS1zZWxlY3Q+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwidGluLWlucHV0LXJvd1wiICpuZ0lmPVwicmVnaXN0ZXIuYXV0aFR5cGU9PSdsb2NhbCdcIj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb2xcIj5cclxuICAgICAgICA8c3BhLXRleHQgaWQ9XCJ0eHRQYXNzd29yZFwiIGRpc3BsYXk9XCJQYXNzd29yZFwiIFsodmFsdWUpXT1cInJlZ2lzdGVyLnBhc3N3b3JkXCIgdHlwZT1cInBhc3N3b3JkXCI+PC9zcGEtdGV4dD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgPHNwYS10ZXh0IGlkPVwidHh0Q29uZmlybVBhc3N3b3JkXCIgZGlzcGxheT1cIkNvbmZpcm0gUGFzc3dvcmRcIiBbKHZhbHVlKV09XCJjb25maXJtUGFzc3dvcmRcIiB0eXBlPVwicGFzc3dvcmRcIj48L3NwYS10ZXh0PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICA8L2Rpdj5cclxuXHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInRpbi1pbnB1dC1yb3cgbXQtM1wiIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDFlbTtcIj5cclxuICAgICAgPG1hdC1jaGVja2JveCBpZD1cImNia09wZW5BZnRlclwiIGNvbG9yPVwicHJpbWFyeVwiIHN0eWxlPVwibWFyZ2luLXJpZ2h0OjEwMHB4OyBmb250LXNpemU6MTJweFwiIFsobmdNb2RlbCldPVwib3BlblByb2ZpbGVcIj5PcGVuIHByb2ZpbGUgYWZ0ZXIgY3JlYXRpb248L21hdC1jaGVja2JveD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aW4taW5wdXQtcm93IG10LTNcIj5cclxuICAgICAgPGJ1dHRvbiBpZD1cImJ0bkNyZWF0ZVwiIFtkaXNhYmxlZF09XCJyZWdpc3Rlci5hdXRoVHlwZSA9PScnXCIgbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cImNyZWF0ZSgpXCIgY2RrRm9jdXNJbml0aWFsPkNyZWF0ZTwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbiJdfQ==

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

@@ -0,0 +1,68 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/datepicker";
+var DateComponent = /** @class */ (function () {
+    function DateComponent() {
+        this.date = new FormControl(new Date());
+        this.display = "";
+        this.readonly = false;
+        this.currentYear = new Date().getFullYear();
+        this.min = new FormControl(new Date(this.currentYear - 50, 0, 1));
+        this.max = new FormControl(new Date(this.currentYear + 50, 0, 1));
+        // @Output() dateChange = new EventEmitter();
+        // minDate: Date = new Date(this.currentYear, 2, 2);
+        // maxDate: Date = new Date(this.currentYear, 2, 10);
+        // onChangeEvent(d){
+        //   // this.dateChange.emit(d);
+        // }
+        this.dateChange = new EventEmitter();
+    }
+    DateComponent.prototype.ngOnInit = function () {
+    };
+    DateComponent.prototype.onChangeEvent = function () {
+        this.dateChange.emit();
+    };
+    DateComponent.ɵfac = function DateComponent_Factory(t) { return new (t || DateComponent)(); };
+    DateComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DateComponent, selectors: [["spa-date"]], inputs: { date: "date", display: "display", readonly: "readonly", min: "min", max: "max" }, outputs: { dateChange: "dateChange" }, decls: 5, vars: 8, consts: [[2, "width", "150px", "margin-right", "20px"], ["matInput", "", 3, "formControl", "min", "max", "matDatepicker", "placeholder", "readonly", "disabled", "dateInput"], ["matSuffix", "", 3, "for"], ["picker_date", ""]], template: function DateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵelementStart(1, "input", 1);
+            i0.ɵɵlistener("dateInput", function DateComponent_Template_input_dateInput_1_listener() { return ctx.onChangeEvent(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(2, "mat-datepicker-toggle", 2);
+            i0.ɵɵelement(3, "mat-datepicker", null, 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            var _r0 = i0.ɵɵreference(4);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControl", ctx.date)("min", ctx.min.value)("max", ctx.max.value)("matDatepicker", _r0)("placeholder", ctx.display)("readonly", true)("disabled", ctx.readonly);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("for", _r0);
+        } }, directives: [i1.MatFormField, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker], styles: [""] });
+    return DateComponent;
+}());
+export { DateComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DateComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-date',
+                templateUrl: './date.component.html',
+                styleUrls: ['./date.component.css']
+            }]
+    }], function () { return []; }, { date: [{
+            type: Input
+        }], display: [{
+            type: Input
+        }], readonly: [{
+            type: Input
+        }], min: [{
+            type: Input
+        }], max: [{
+            type: Input
+        }], dateChange: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aW4tc3BhLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZGF0ZS9kYXRlLmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2RhdGUvZGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBRTdDO0lBT0U7UUFNUyxTQUFJLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ25DLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLGdCQUFXLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM5QixRQUFHLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDN0QsUUFBRyxHQUFHLElBQUksV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXRFLDZDQUE2QztRQUc3QyxvREFBb0Q7UUFDcEQscURBQXFEO1FBR3JELG9CQUFvQjtRQUNwQixnQ0FBZ0M7UUFDaEMsSUFBSTtRQUVNLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBeEJ6QyxDQUFDO0lBRUYsZ0NBQVEsR0FBUjtJQUNBLENBQUM7SUF1QkQscUNBQWEsR0FBYjtRQUNFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzs4RUEvQlUsYUFBYTtzREFBYixhQUFhO1lDUDFCLHlDQUNBO1lBQUEsZ0NBQ0E7WUFEK0gsaUdBQWEsbUJBQWUsSUFBQztZQUE1SixpQkFDQTtZQUFBLDJDQUE2RTtZQUM3RSwwQ0FBOEM7WUFDOUMsaUJBQWlCOzs7WUFIVixlQUFvQjtZQUFwQixzQ0FBb0Isc0JBQUEsc0JBQUEsc0JBQUEsNEJBQUEsa0JBQUEsMEJBQUE7WUFDTSxlQUFtQjtZQUFuQix5QkFBbUI7O3dCREhwRDtDQXlDQyxBQXRDRCxJQXNDQztTQWpDWSxhQUFhO2tEQUFiLGFBQWE7Y0FMekIsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixXQUFXLEVBQUUsdUJBQXVCO2dCQUNwQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQzthQUNwQzs7a0JBU0UsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBR0wsS0FBSzs7a0JBQ0wsS0FBSzs7a0JBYUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NwYS1kYXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGRhdGUgPSBuZXcgRm9ybUNvbnRyb2wobmV3IERhdGUoKSk7XHJcbiAgQElucHV0KCkgZGlzcGxheSA9IFwiXCI7XHJcbiAgQElucHV0KCkgcmVhZG9ubHkgPSBmYWxzZTtcclxuXHJcbiAgY3VycmVudFllYXIgPSBuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCk7XHJcbiAgQElucHV0KCkgbWluID0gbmV3IEZvcm1Db250cm9sKG5ldyBEYXRlKHRoaXMuY3VycmVudFllYXIgLSA1MCwgMCwgMSkpO1xyXG4gIEBJbnB1dCgpIG1heCA9IG5ldyBGb3JtQ29udHJvbChuZXcgRGF0ZSh0aGlzLmN1cnJlbnRZZWFyICsgNTAsIDAsIDEpKTtcclxuXHJcbiAgLy8gQE91dHB1dCgpIGRhdGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG5cclxuICAvLyBtaW5EYXRlOiBEYXRlID0gbmV3IERhdGUodGhpcy5jdXJyZW50WWVhciwgMiwgMik7XHJcbiAgLy8gbWF4RGF0ZTogRGF0ZSA9IG5ldyBEYXRlKHRoaXMuY3VycmVudFllYXIsIDIsIDEwKTtcclxuXHJcblxyXG4gIC8vIG9uQ2hhbmdlRXZlbnQoZCl7XHJcbiAgLy8gICAvLyB0aGlzLmRhdGVDaGFuZ2UuZW1pdChkKTtcclxuICAvLyB9XHJcblxyXG4gIEBPdXRwdXQoKSBkYXRlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBvbkNoYW5nZUV2ZW50KCkge1xyXG4gICAgdGhpcy5kYXRlQ2hhbmdlLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIlxyXG48bWF0LWZvcm0tZmllbGQgc3R5bGU9XCJ3aWR0aDoxNTBweDttYXJnaW4tcmlnaHQ6MjBweFwiPlxyXG48aW5wdXQgW2Zvcm1Db250cm9sXT1cImRhdGVcIiBbbWluXT1cIm1pbi52YWx1ZVwiIFttYXhdPVwibWF4LnZhbHVlXCIgbWF0SW5wdXQgW21hdERhdGVwaWNrZXJdPVwicGlja2VyX2RhdGVcIiBbcGxhY2Vob2xkZXJdPVwiZGlzcGxheVwiIChkYXRlSW5wdXQpPVwib25DaGFuZ2VFdmVudCgpXCIgW3JlYWRvbmx5XT1cInRydWVcIiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCI+XHJcbjxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0U3VmZml4IFtmb3JdPVwicGlja2VyX2RhdGVcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cclxuPG1hdC1kYXRlcGlja2VyICNwaWNrZXJfZGF0ZT48L21hdC1kYXRlcGlja2VyPlxyXG48L21hdC1mb3JtLWZpZWxkPlxyXG4iXX0=

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

@@ -0,0 +1,59 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/forms";
+var DatetimeComponent = /** @class */ (function () {
+    function DatetimeComponent() {
+        this.display = "";
+        this.value = "";
+        this.valueChange = new EventEmitter();
+        this.readonly = false;
+        this.min = "01 jan 1900";
+        this.max = "31 dec 9999";
+    }
+    DatetimeComponent.prototype.ngOnInit = function () {
+    };
+    DatetimeComponent.prototype.changed = function () {
+        this.valueChange.emit(this.value);
+    };
+    DatetimeComponent.ɵfac = function DatetimeComponent_Factory(t) { return new (t || DatetimeComponent)(); };
+    DatetimeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DatetimeComponent, selectors: [["spa-datetime"]], inputs: { display: "display", value: "value", readonly: "readonly", min: "min", max: "max" }, outputs: { valueChange: "valueChange" }, decls: 4, vars: 6, consts: [[2, "width", "150px", "margin-right", "20px"], ["matInput", "", "autocomplete", "off", "type", "datetime-local", 3, "ngModel", "min", "max", "placeholder", "readonly", "ngModelChange", "change"]], template: function DatetimeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵelementStart(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "input", 1);
+            i0.ɵɵlistener("ngModelChange", function DatetimeComponent_Template_input_ngModelChange_3_listener($event) { return ctx.value = $event; })("change", function DatetimeComponent_Template_input_change_3_listener() { return ctx.changed(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.display);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngModel", ctx.value)("min", ctx.min)("max", ctx.max)("placeholder", ctx.display)("readonly", ctx.readonly);
+        } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], styles: [""] });
+    return DatetimeComponent;
+}());
+export { DatetimeComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DatetimeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-datetime',
+                templateUrl: './datetime.component.html',
+                styleUrls: ['./datetime.component.css']
+            }]
+    }], function () { return []; }, { display: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }], readonly: [{
+            type: Input
+        }], min: [{
+            type: Input
+        }], max: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2RhdGV0aW1lL2RhdGV0aW1lLmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2RhdGV0aW1lL2RhdGV0aW1lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBRS9FO0lBT0U7UUFLUyxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNWLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFFBQUcsR0FBRyxhQUFhLENBQUM7UUFFcEIsUUFBRyxHQUFHLGFBQWEsQ0FBQztJQVpiLENBQUM7SUFFakIsb0NBQVEsR0FBUjtJQUNBLENBQUM7SUFXRCxtQ0FBTyxHQUFQO1FBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7c0ZBbEJVLGlCQUFpQjswREFBakIsaUJBQWlCO1lDUDlCLHlDQUNBO1lBQUEsaUNBQVc7WUFBQSxZQUFXO1lBQUEsaUJBQVk7WUFDbEMsZ0NBQ0E7WUFEeUQseUlBQW1CLGtGQUFvQyxhQUFTLElBQTdDO1lBQTVFLGlCQUNBO1lBQUEsaUJBQWlCOztZQUZOLGVBQVc7WUFBWCxpQ0FBVztZQUNtQyxlQUFtQjtZQUFuQixtQ0FBbUIsZ0JBQUEsZ0JBQUEsNEJBQUEsMEJBQUE7OzRCREY1RTtDQTJCQyxBQXpCRCxJQXlCQztTQXBCWSxpQkFBaUI7a0RBQWpCLGlCQUFpQjtjQUw3QixTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLFdBQVcsRUFBRSwyQkFBMkI7Z0JBQ3hDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2FBQ3hDOztrQkFRRSxLQUFLOztrQkFDTCxLQUFLOztrQkFDTCxNQUFNOztrQkFDTixLQUFLOztrQkFFTCxLQUFLOztrQkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGEtZGF0ZXRpbWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRldGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZXRpbWUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRldGltZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgZGlzcGxheSA9IFwiXCI7XHJcbiAgQElucHV0KCkgdmFsdWUgPSBcIlwiO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBtaW4gPSBcIjAxIGphbiAxOTAwXCI7XHJcblxyXG4gIEBJbnB1dCgpIG1heCA9IFwiMzEgZGVjIDk5OTlcIjtcclxuXHJcbiAgY2hhbmdlZCgpIHtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtZm9ybS1maWVsZCBzdHlsZT1cIndpZHRoOjE1MHB4O21hcmdpbi1yaWdodDoyMHB4XCI+XHJcbjxtYXQtbGFiZWw+e3tkaXNwbGF5fX08L21hdC1sYWJlbD5cclxuPGlucHV0IG1hdElucHV0IGF1dG9jb21wbGV0ZT1cIm9mZlwiIHR5cGU9XCJkYXRldGltZS1sb2NhbFwiIFsobmdNb2RlbCldPVwidmFsdWVcIiBbbWluXT1cIm1pblwiIFttYXhdPVwibWF4XCIgIChjaGFuZ2UpPVwiY2hhbmdlZCgpXCIgW3BsYWNlaG9sZGVyXT1cImRpc3BsYXlcIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiAvPlxyXG48L21hdC1mb3JtLWZpZWxkPlxyXG4iXX0=

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

@@ -0,0 +1,66 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/icon";
+var FilterComponent = /** @class */ (function () {
+    function FilterComponent() {
+        this.data = new MatTableDataSource();
+        this.refreshClick = new EventEmitter();
+        this._filterText = "";
+    }
+    FilterComponent.prototype.ngOnInit = function () {
+    };
+    FilterComponent.prototype.ngOnChanges = function () {
+        // console.log("OnChange")
+        this.applyFilter(this._filterText);
+    };
+    ;
+    FilterComponent.prototype.applyFilter = function (filterValue) {
+        if (this.data) {
+            this.data.filter = filterValue.trim().toLowerCase();
+        }
+    };
+    FilterComponent.prototype.refreshClicked = function () {
+        this.refreshClick.emit();
+    };
+    FilterComponent.ɵfac = function FilterComponent_Factory(t) { return new (t || FilterComponent)(); };
+    FilterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FilterComponent, selectors: [["spa-filter"]], inputs: { data: "data" }, outputs: { refreshClick: "refreshClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 7, vars: 1, consts: [[2, "font-size", "12px"], ["id", "txtFilter", "matInput", "", "placeholder", "Enter Filter text", "autocomplete", "off", 3, "ngModel", "ngModelChange", "keyup"], ["id", "btnFilter", "mat-mini-fab", "", "color", "primary", "matTooltip", "Refresh Data", "matTooltipPosition", "above", 2, "margin-right", "1em", "margin-top", "5px", 3, "click"], [1, "refreshIcon"]], template: function FilterComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵelementStart(1, "mat-label");
+            i0.ɵɵtext(2, "Filter");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "input", 1);
+            i0.ɵɵlistener("ngModelChange", function FilterComponent_Template_input_ngModelChange_3_listener($event) { return ctx._filterText = $event; })("keyup", function FilterComponent_Template_input_keyup_3_listener($event) { return ctx.applyFilter($event.target.value); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 2);
+            i0.ɵɵlistener("click", function FilterComponent_Template_button_click_4_listener() { return ctx.refreshClicked(); });
+            i0.ɵɵelementStart(5, "mat-icon", 3);
+            i0.ɵɵtext(6, "refresh");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngModel", ctx._filterText);
+        } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MatButton, i5.MatTooltip, i6.MatIcon], styles: [".mat-mini-fab[_ngcontent-%COMP%]{width:32px;height:32px}.mat-mini-fab[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{font-size:16px;margin-top:-3px}.refreshIcon[_ngcontent-%COMP%]{font-size:22px!important;margin-top:-7px!important}"] });
+    return FilterComponent;
+}());
+export { FilterComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FilterComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-filter',
+                templateUrl: './filter.component.html',
+                styleUrls: ['./filter.component.css']
+            }]
+    }], function () { return []; }, { data: [{
+            type: Input
+        }], refreshClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3Rpbi1zcGEvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9maWx0ZXIvZmlsdGVyLmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7Ozs7QUFFN0Q7SUFPRTtRQVVTLFNBQUksR0FBRyxJQUFJLGtCQUFrQixFQUFFLENBQUM7UUFDL0IsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVDLGdCQUFXLEdBQUcsRUFBRSxDQUFDO0lBYkQsQ0FBQztJQUVqQixrQ0FBUSxHQUFSO0lBQ0EsQ0FBQztJQUVELHFDQUFXLEdBQVg7UUFDRSwwQkFBMEI7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUV3QyxDQUFDO0lBSzFDLHFDQUFXLEdBQVgsVUFBWSxXQUFtQjtRQUM3QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUM7WUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDckQ7SUFFSCxDQUFDO0lBRUQsd0NBQWMsR0FBZDtRQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQztrRkExQlUsZUFBZTt3REFBZixlQUFlO1lDUjVCLHlDQUNDO1lBQUEsaUNBQVc7WUFBQSxzQkFBTTtZQUFBLGlCQUFZO1lBQzdCLGdDQUNEO1lBRGdDLDZJQUF5QixvRkFBVSxvQ0FBZ0MsSUFBMUM7WUFBeEQsaUJBQ0Q7WUFBQSxpQkFBaUI7WUFFakIsaUNBQTRLO1lBQW5FLDRGQUFTLG9CQUFnQixJQUFDO1lBQXlDLG1DQUE4QjtZQUFBLHVCQUFPO1lBQUEsaUJBQVc7WUFBQSxpQkFBUzs7WUFIck0sZUFBeUI7WUFBekIseUNBQXlCOzswQkRGekQ7Q0FvQ0MsQUFqQ0QsSUFpQ0M7U0E1QlksZUFBZTtrREFBZixlQUFlO2NBTDNCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsV0FBVyxFQUFFLHlCQUF5QjtnQkFDdEMsU0FBUyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDdEM7O2tCQWFFLEtBQUs7O2tCQUNMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdFRhYmxlRGF0YVNvdXJjZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3BhLWZpbHRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIC8vIGNvbnNvbGUubG9nKFwiT25DaGFuZ2VcIilcclxuICAgIHRoaXMuYXBwbHlGaWx0ZXIodGhpcy5fZmlsdGVyVGV4dCk7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBkYXRhID0gbmV3IE1hdFRhYmxlRGF0YVNvdXJjZSgpOztcclxuICBAT3V0cHV0KCkgcmVmcmVzaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBfZmlsdGVyVGV4dCA9IFwiXCI7XHJcblxyXG4gIGFwcGx5RmlsdGVyKGZpbHRlclZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGlmICh0aGlzLmRhdGEpe1xyXG4gICAgICB0aGlzLmRhdGEuZmlsdGVyID0gZmlsdGVyVmFsdWUudHJpbSgpLnRvTG93ZXJDYXNlKCk7XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbiAgcmVmcmVzaENsaWNrZWQoKXtcclxuICAgIHRoaXMucmVmcmVzaENsaWNrLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtZm9ybS1maWVsZCBzdHlsZT1cImZvbnQtc2l6ZToxMnB4XCI+XHJcbiA8bWF0LWxhYmVsPkZpbHRlcjwvbWF0LWxhYmVsPlxyXG4gPGlucHV0IGlkPVwidHh0RmlsdGVyXCIgbWF0SW5wdXQgWyhuZ01vZGVsKV09XCJfZmlsdGVyVGV4dFwiIChrZXl1cCk9XCJhcHBseUZpbHRlcigkZXZlbnQudGFyZ2V0LnZhbHVlKVwiIHBsYWNlaG9sZGVyPVwiRW50ZXIgRmlsdGVyIHRleHRcIiBhdXRvY29tcGxldGU9XCJvZmZcIj5cclxuPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbjxidXR0b24gaWQ9XCJidG5GaWx0ZXJcIiBtYXQtbWluaS1mYWIgY29sb3I9XCJwcmltYXJ5XCIgbWF0VG9vbHRpcD1cIlJlZnJlc2ggRGF0YVwiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCIgKGNsaWNrKT1cInJlZnJlc2hDbGlja2VkKClcIiBzdHlsZT1cIm1hcmdpbi1yaWdodDoxZW07bWFyZ2luLXRvcDo1cHhcIj48bWF0LWljb24gY2xhc3M9XCJyZWZyZXNoSWNvblwiPnJlZnJlc2g8L21hdC1pY29uPjwvYnV0dG9uPlxyXG4iXX0=

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

@@ -0,0 +1,104 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@kolkov/angular-editor";
+import * as i2 from "@angular/forms";
+var HtmlComponent = /** @class */ (function () {
+    function HtmlComponent() {
+        this.value = "";
+        this.valueChange = new EventEmitter();
+        this.readonly = false;
+        this.config = {
+            editable: true,
+            spellcheck: true,
+            height: 'auto',
+            minHeight: '5rem',
+            placeholder: 'Enter text here...',
+            translate: 'no',
+            defaultParagraphSeparator: '',
+            defaultFontName: 'Arial',
+            toolbarHiddenButtons: [
+                [
+                    'bold',
+                    'italic',
+                    'underline',
+                    'strikeThrough',
+                    'subscript',
+                    'superscript',
+                    'justifyLeft',
+                    'justifyCenter',
+                    'justifyRight',
+                    'justifyFull',
+                    'indent',
+                    'outdent',
+                    'insertUnorderedList',
+                    'insertOrderedList',
+                    'heading',
+                    'fontName'
+                ],
+                [
+                    'fontSize',
+                    'textColor',
+                    'backgroundColor',
+                    'customClasses',
+                    'link',
+                    'unlink',
+                    'insertImage',
+                    'insertVideo',
+                    'insertHorizontalRule',
+                    'removeFormat',
+                    'toggleEditorMode'
+                ]
+            ],
+            customClasses: [
+                {
+                    name: "quote",
+                    class: "quote",
+                },
+                {
+                    name: 'redText',
+                    class: 'redText'
+                },
+                {
+                    name: "titleText",
+                    class: "titleText",
+                    tag: "h1",
+                },
+            ]
+        };
+    }
+    HtmlComponent.prototype.ngOnInit = function () {
+    };
+    HtmlComponent.prototype.changed = function () {
+        this.valueChange.emit(this.value);
+    };
+    HtmlComponent.prototype.ngOnChanges = function () {
+        this.config.editable = !this.readonly;
+    };
+    HtmlComponent.ɵfac = function HtmlComponent_Factory(t) { return new (t || HtmlComponent)(); };
+    HtmlComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HtmlComponent, selectors: [["spa-html"]], inputs: { value: "value", readonly: "readonly", config: "config" }, outputs: { valueChange: "valueChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 2, consts: [[3, "ngModel", "config", "ngModelChange"]], template: function HtmlComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "angular-editor", 0);
+            i0.ɵɵlistener("ngModelChange", function HtmlComponent_Template_angular_editor_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function HtmlComponent_Template_angular_editor_ngModelChange_0_listener() { return ctx.changed(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngModel", ctx.value)("config", ctx.config);
+        } }, directives: [i1.AngularEditorComponent, i2.NgControlStatus, i2.NgModel], styles: [""] });
+    return HtmlComponent;
+}());
+export { HtmlComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HtmlComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-html',
+                templateUrl: './html.component.html',
+                styleUrls: ['./html.component.css']
+            }]
+    }], function () { return []; }, { value: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }], readonly: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHRtbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly90aW4tc3BhLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaHRtbC9odG1sLmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2h0bWwvaHRtbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRy9FO0lBT0U7UUFLUyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1YsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFVakIsV0FBTSxHQUF3QjtZQUNyQyxRQUFRLEVBQUUsSUFBSTtZQUNkLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsU0FBUyxFQUFFLE1BQU07WUFDakIsV0FBVyxFQUFFLG9CQUFvQjtZQUNqQyxTQUFTLEVBQUUsSUFBSTtZQUNmLHlCQUF5QixFQUFFLEVBQUU7WUFDN0IsZUFBZSxFQUFFLE9BQU87WUFDeEIsb0JBQW9CLEVBQUU7Z0JBQ3BCO29CQUNFLE1BQU07b0JBQ04sUUFBUTtvQkFDUixXQUFXO29CQUNYLGVBQWU7b0JBQ2YsV0FBVztvQkFDWCxhQUFhO29CQUNiLGFBQWE7b0JBQ2IsZUFBZTtvQkFDZixjQUFjO29CQUNkLGFBQWE7b0JBQ2IsUUFBUTtvQkFDUixTQUFTO29CQUNULHFCQUFxQjtvQkFDckIsbUJBQW1CO29CQUNuQixTQUFTO29CQUNULFVBQVU7aUJBQ1g7Z0JBQ0Q7b0JBQ0UsVUFBVTtvQkFDVixXQUFXO29CQUNYLGlCQUFpQjtvQkFDakIsZUFBZTtvQkFDZixNQUFNO29CQUNOLFFBQVE7b0JBQ1IsYUFBYTtvQkFDYixhQUFhO29CQUNiLHNCQUFzQjtvQkFDdEIsY0FBYztvQkFDZCxrQkFBa0I7aUJBQ25CO2FBQ0Y7WUFDRCxhQUFhLEVBQUU7Z0JBQ2I7b0JBQ0UsSUFBSSxFQUFFLE9BQU87b0JBQ2IsS0FBSyxFQUFFLE9BQU87aUJBQ2Y7Z0JBQ0Q7b0JBQ0UsSUFBSSxFQUFFLFNBQVM7b0JBQ2YsS0FBSyxFQUFFLFNBQVM7aUJBQ2pCO2dCQUNEO29CQUNFLElBQUksRUFBRSxXQUFXO29CQUNqQixLQUFLLEVBQUUsV0FBVztvQkFDbEIsR0FBRyxFQUFFLElBQUk7aUJBQ1Y7YUFDRjtTQUNGLENBQUM7SUExRWMsQ0FBQztJQUVqQixnQ0FBUSxHQUFSO0lBQ0EsQ0FBQztJQU1ELCtCQUFPLEdBQVA7UUFDRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELG1DQUFXLEdBQVg7UUFDRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDeEMsQ0FBQzs4RUFqQlUsYUFBYTtzREFBYixhQUFhO1lDUjFCLHlDQUFxRztZQUFwRiw4SUFBbUIscUdBQW9DLGFBQVMsSUFBN0M7WUFBZ0QsaUJBQWlCOztZQUFwRixtQ0FBbUIsc0JBQUE7O3dCREFwQztDQXNGQyxBQW5GRCxJQW1GQztTQTlFWSxhQUFhO2tEQUFiLGFBQWE7Y0FMekIsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixXQUFXLEVBQUUsdUJBQXVCO2dCQUNwQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQzthQUNwQzs7a0JBUUUsS0FBSzs7a0JBQ0wsTUFBTTs7a0JBQ04sS0FBSzs7a0JBVUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQW5ndWxhckVkaXRvckNvbmZpZyB9IGZyb20gJ0Brb2xrb3YvYW5ndWxhci1lZGl0b3InO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzcGEtaHRtbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2h0bWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2h0bWwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIdG1sQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSB2YWx1ZSA9IFwiXCI7XHJcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XHJcblxyXG4gIGNoYW5nZWQoKSB7XHJcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIHRoaXMuY29uZmlnLmVkaXRhYmxlID0gIXRoaXMucmVhZG9ubHk7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBjb25maWc6IEFuZ3VsYXJFZGl0b3JDb25maWcgPSB7XHJcbiAgICBlZGl0YWJsZTogdHJ1ZSxcclxuICAgIHNwZWxsY2hlY2s6IHRydWUsXHJcbiAgICBoZWlnaHQ6ICdhdXRvJyxcclxuICAgIG1pbkhlaWdodDogJzVyZW0nLFxyXG4gICAgcGxhY2Vob2xkZXI6ICdFbnRlciB0ZXh0IGhlcmUuLi4nLFxyXG4gICAgdHJhbnNsYXRlOiAnbm8nLFxyXG4gICAgZGVmYXVsdFBhcmFncmFwaFNlcGFyYXRvcjogJycsXHJcbiAgICBkZWZhdWx0Rm9udE5hbWU6ICdBcmlhbCcsXHJcbiAgICB0b29sYmFySGlkZGVuQnV0dG9uczogW1xyXG4gICAgICBbXHJcbiAgICAgICAgJ2JvbGQnLFxyXG4gICAgICAgICdpdGFsaWMnLFxyXG4gICAgICAgICd1bmRlcmxpbmUnLFxyXG4gICAgICAgICdzdHJpa2VUaHJvdWdoJyxcclxuICAgICAgICAnc3Vic2NyaXB0JyxcclxuICAgICAgICAnc3VwZXJzY3JpcHQnLFxyXG4gICAgICAgICdqdXN0aWZ5TGVmdCcsXHJcbiAgICAgICAgJ2p1c3RpZnlDZW50ZXInLFxyXG4gICAgICAgICdqdXN0aWZ5UmlnaHQnLFxyXG4gICAgICAgICdqdXN0aWZ5RnVsbCcsXHJcbiAgICAgICAgJ2luZGVudCcsXHJcbiAgICAgICAgJ291dGRlbnQnLFxyXG4gICAgICAgICdpbnNlcnRVbm9yZGVyZWRMaXN0JyxcclxuICAgICAgICAnaW5zZXJ0T3JkZXJlZExpc3QnLFxyXG4gICAgICAgICdoZWFkaW5nJyxcclxuICAgICAgICAnZm9udE5hbWUnXHJcbiAgICAgIF0sXHJcbiAgICAgIFtcclxuICAgICAgICAnZm9udFNpemUnLFxyXG4gICAgICAgICd0ZXh0Q29sb3InLFxyXG4gICAgICAgICdiYWNrZ3JvdW5kQ29sb3InLFxyXG4gICAgICAgICdjdXN0b21DbGFzc2VzJyxcclxuICAgICAgICAnbGluaycsXHJcbiAgICAgICAgJ3VubGluaycsXHJcbiAgICAgICAgJ2luc2VydEltYWdlJyxcclxuICAgICAgICAnaW5zZXJ0VmlkZW8nLFxyXG4gICAgICAgICdpbnNlcnRIb3Jpem9udGFsUnVsZScsXHJcbiAgICAgICAgJ3JlbW92ZUZvcm1hdCcsXHJcbiAgICAgICAgJ3RvZ2dsZUVkaXRvck1vZGUnXHJcbiAgICAgIF1cclxuICAgIF0sXHJcbiAgICBjdXN0b21DbGFzc2VzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICBuYW1lOiBcInF1b3RlXCIsXHJcbiAgICAgICAgY2xhc3M6IFwicXVvdGVcIixcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIG5hbWU6ICdyZWRUZXh0JyxcclxuICAgICAgICBjbGFzczogJ3JlZFRleHQnXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBuYW1lOiBcInRpdGxlVGV4dFwiLFxyXG4gICAgICAgIGNsYXNzOiBcInRpdGxlVGV4dFwiLFxyXG4gICAgICAgIHRhZzogXCJoMVwiLFxyXG4gICAgICB9LFxyXG4gICAgXVxyXG4gIH07XHJcblxyXG59XHJcbiIsIjxhbmd1bGFyLWVkaXRvciAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFtjb25maWddPVwiY29uZmlnXCIgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlZCgpXCIgPjwvYW5ndWxhci1lZGl0b3I+XHJcbiJdfQ==

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

@@ -0,0 +1,119 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function LabelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "label", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " \u00A0 ");
+    i0.ɵɵelementStart(4, "label");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6, " \u00A0\n");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r0.display, ": ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", ctx_r0.value, " ");
+} }
+function LabelComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "label", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " \u00A0 ");
+    i0.ɵɵelementStart(4, "label");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7, " \u00A0\n");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r1.display, ": ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 2, ctx_r1.value, "dd/MM/yyyy"), " ");
+} }
+function LabelComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "label", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " \u00A0 ");
+    i0.ɵɵelementStart(4, "label");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7, " \u00A0\n");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r2.display, ": ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 2, ctx_r2.value, "dd/MM/yyyy HH:mm"), " ");
+} }
+function LabelComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "label", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " \u00A0 ");
+    i0.ɵɵelementStart(4, "label");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "currency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7, " \u00A0\n");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r3.display, ": ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind3(6, 2, ctx_r3.value, "USD", ""), " ");
+} }
+var LabelComponent = /** @class */ (function () {
+    function LabelComponent() {
+        this.display = "";
+        this.value = "";
+        this.format = "text";
+    }
+    LabelComponent.prototype.ngOnInit = function () {
+    };
+    LabelComponent.ɵfac = function LabelComponent_Factory(t) { return new (t || LabelComponent)(); };
+    LabelComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LabelComponent, selectors: [["spa-label"]], inputs: { display: "display", value: "value", format: "format" }, decls: 4, vars: 4, consts: [[4, "ngIf"], [2, "font-weight", "500"]], template: function LabelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, LabelComponent_div_0_Template, 7, 2, "div", 0);
+            i0.ɵɵtemplate(1, LabelComponent_div_1_Template, 8, 5, "div", 0);
+            i0.ɵɵtemplate(2, LabelComponent_div_2_Template, 8, 5, "div", 0);
+            i0.ɵɵtemplate(3, LabelComponent_div_3_Template, 8, 6, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.format == "text");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.format == "date");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.format == "datetime");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.format == "money");
+        } }, directives: [i1.NgIf], pipes: [i1.DatePipe, i1.CurrencyPipe], styles: [""] });
+    return LabelComponent;
+}());
+export { LabelComponent };
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(LabelComponent, [{
+        type: Component,
+        args: [{
+                selector: 'spa-label',
+                templateUrl: './label.component.html',
+                styleUrls: ['./label.component.css']
+            }]
+    }], function () { return []; }, { display: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], format: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdGluLXNwYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsImxpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0lDQXpELDJCQUNFO0lBQUEsZ0NBQWtDO0lBQUEsWUFBYTtJQUFBLGlCQUFRO0lBQUMsd0JBQU87SUFBQSw2QkFBTztJQUFBLFlBQVU7SUFBQSxpQkFBUTtJQUFDLHlCQUMzRjtJQUFBLGlCQUFNOzs7SUFEOEIsZUFBYTtJQUFiLCtDQUFhO0lBQXVCLGVBQVU7SUFBViw0Q0FBVTs7O0lBR2xGLDJCQUNFO0lBQUEsZ0NBQWtDO0lBQUEsWUFBYTtJQUFBLGlCQUFRO0lBQUMsd0JBQU87SUFBQSw2QkFBTztJQUFBLFlBQThCOztJQUFBLGlCQUFRO0lBQUMseUJBQy9HO0lBQUEsaUJBQU07OztJQUQ4QixlQUFhO0lBQWIsK0NBQWE7SUFBdUIsZUFBOEI7SUFBOUIsZ0ZBQThCOzs7SUFHdEcsMkJBQ0U7SUFBQSxnQ0FBa0M7SUFBQSxZQUFhO0lBQUEsaUJBQVE7SUFBQyx3QkFBTztJQUFBLDZCQUFPO0lBQUEsWUFBb0M7O0lBQUEsaUJBQVE7SUFBQyx5QkFDckg7SUFBQSxpQkFBTTs7O0lBRDhCLGVBQWE7SUFBYiwrQ0FBYTtJQUF1QixlQUFvQztJQUFwQyxzRkFBb0M7OztJQUc1RywyQkFDRTtJQUFBLGdDQUFrQztJQUFBLFlBQWE7SUFBQSxpQkFBUTtJQUFDLHdCQUFPO0lBQUEsNkJBQU87SUFBQSxZQUE4Qjs7SUFBQSxpQkFBUTtJQUFDLHlCQUMvRztJQUFBLGlCQUFNOzs7SUFEOEIsZUFBYTtJQUFiLCtDQUFhO0lBQXVCLGVBQThCO0lBQTlCLDZFQUE4Qjs7QURYdEc7SUFPRTtRQUtTLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsV0FBTSxHQUFHLE1BQU0sQ0FBQztJQVBULENBQUM7SUFFakIsaUNBQVEsR0FBUjtJQUNBLENBQUM7Z0ZBTFUsY0FBYzt1REFBZCxjQUFjO1lDUDNCLCtEQUNFO1lBR0YsK0RBQ0U7WUFHRiwrREFDRTtZQUdGLCtEQUNFOztZQWJHLDJDQUFzQjtZQUl0QixlQUFzQjtZQUF0QiwyQ0FBc0I7WUFJdEIsZUFBMEI7WUFBMUIsK0NBQTBCO1lBSTFCLGVBQXVCO1lBQXZCLDRDQUF1Qjs7eUJEWjVCO0NBa0JDLEFBaEJELElBZ0JDO1NBWFksY0FBYztrREFBZCxjQUFjO2NBTDFCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsV0FBVyxFQUFFLHdCQUF3QjtnQkFDckMsU0FBUyxFQUFFLENBQUMsdUJBQXVCLENBQUM7YUFDckM7O2tCQVFFLEtBQUs7O2tCQUNMLEtBQUs7O2tCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc3BhLWxhYmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xhYmVsLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGFiZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGRpc3BsYXkgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIHZhbHVlID0gXCJcIjtcclxuICBASW5wdXQoKSBmb3JtYXQgPSBcInRleHRcIjtcclxuXHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cImZvcm1hdD09J3RleHQnXCI+XHJcbiAgPGxhYmVsICBzdHlsZT1cImZvbnQtd2VpZ2h0OiA1MDBcIiA+e3tkaXNwbGF5fX06IDwvbGFiZWw+ICZuYnNwOyA8bGFiZWw+e3t2YWx1ZX19IDwvbGFiZWw+ICZuYnNwO1xyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCJmb3JtYXQ9PSdkYXRlJ1wiPlxyXG4gIDxsYWJlbCAgc3R5bGU9XCJmb250LXdlaWdodDogNTAwXCIgPnt7ZGlzcGxheX19OiA8L2xhYmVsPiAmbmJzcDsgPGxhYmVsPnt7dmFsdWUgfCBkYXRlOidkZC9NTS95eXl5J319IDwvbGFiZWw+ICZuYnNwO1xyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCJmb3JtYXQ9PSdkYXRldGltZSdcIj5cclxuICA8bGFiZWwgIHN0eWxlPVwiZm9udC13ZWlnaHQ6IDUwMFwiID57e2Rpc3BsYXl9fTogPC9sYWJlbD4gJm5ic3A7IDxsYWJlbD57e3ZhbHVlIHwgZGF0ZTonZGQvTU0veXl5eSBISDptbSd9fSA8L2xhYmVsPiAmbmJzcDtcclxuPC9kaXY+XHJcblxyXG48ZGl2ICpuZ0lmPVwiZm9ybWF0PT0nbW9uZXknXCI+XHJcbiAgPGxhYmVsICBzdHlsZT1cImZvbnQtd2VpZ2h0OiA1MDBcIiA+e3tkaXNwbGF5fX06IDwvbGFiZWw+ICZuYnNwOyA8bGFiZWw+e3t2YWx1ZSB8IGN1cnJlbmN5OidVU0QnOicnfX0gPC9sYWJlbD4gJm5ic3A7XHJcbjwvZGl2PlxyXG5cclxuIl19