@netgrif/components 6.0.1

package/esm5/lib/data-fields/text-field/simple-text-field/simple-text-field.component.js

@@ -0,0 +1,28 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { AbstractSimpleTextFieldComponent } from '@netgrif/components-core';
+import { TranslateService } from '@ngx-translate/core';
+var SimpleTextFieldComponent = /** @class */ (function (_super) {
+    __extends(SimpleTextFieldComponent, _super);
+    function SimpleTextFieldComponent(_translate) {
+        var _this = _super.call(this, _translate) || this;
+        _this._translate = _translate;
+        return _this;
+    }
+    SimpleTextFieldComponent.ctorParameters = function () { return [
+        { type: TranslateService }
+    ]; };
+    SimpleTextFieldComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-simple-text-field',
+                    template: "<mat-form-field [appearance]=\"textField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{textField.title}}</mat-label>\n    <input matInput\n           [placeholder]=\"textField.placeholder\"\n           [required]=\"textField.behavior.required\"\n           [formControl]=\"formControlRef\">\n    <mat-hint>{{textField.description}}</mat-hint>\n    <mat-error *ngIf=\"textField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n",
+                    styles: [".full-width{display:block;margin:0 auto;width:100%}"]
+                },] }
+    ];
+    SimpleTextFieldComponent.ctorParameters = function () { return [
+        { type: TranslateService }
+    ]; };
+    return SimpleTextFieldComponent;
+}(AbstractSimpleTextFieldComponent));
+export { SimpleTextFieldComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRDtJQUs4Qyw0Q0FBZ0M7SUFDMUUsa0NBQXNCLFVBQTRCO1FBQWxELFlBQ0ksa0JBQU0sVUFBVSxDQUFDLFNBQ3BCO1FBRnFCLGdCQUFVLEdBQVYsVUFBVSxDQUFrQjs7SUFFbEQsQ0FBQzs7Z0JBRmlDLGdCQUFnQjs7O2dCQU5yRCxTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMseWhCQUFpRDs7aUJBRXBEOzs7Z0JBTk8sZ0JBQWdCOztJQVd4QiwrQkFBQztDQUFBLEFBVEQsQ0FLOEMsZ0NBQWdDLEdBSTdFO1NBSlksd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFNpbXBsZVRleHRGaWVsZENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2ltcGxlLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW1wbGUtdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNpbXBsZVRleHRGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSk7XG4gICAgfVxufVxuIl19

package/esm5/lib/data-fields/text-field/text-field.component.js

@@ -0,0 +1,25 @@
+import { __extends } from "tslib";
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+var TextFieldComponent = /** @class */ (function (_super) {
+    __extends(TextFieldComponent, _super);
+    function TextFieldComponent(informAboutInvalidData) {
+        return _super.call(this, informAboutInvalidData) || this;
+    }
+    TextFieldComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
+    ]; };
+    TextFieldComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-text-field',
+                    template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"textFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #textFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div *ngIf=\"dataField.component !== undefined\" [ngSwitch]=\"dataField.component.name\">\n        <nc-password-text-field *ngSwitchCase=\"'password'\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>\n        <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n                              [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n    </div>\n\n    <!-- @deprecated in 4.3.0-->\n    <div *ngIf=\"dataField.component == undefined\" [ngSwitch]=\"dataField.view\">\n        <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n                              [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n    </div>\n</ng-template>\n",
+                    styles: [".full-width{display:block;margin:0 auto;width:100%}"]
+                },] }
+    ];
+    TextFieldComponent.ctorParameters = function () { return [
+        { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
+    ]; };
+    return TextFieldComponent;
+}(AbstractTextFieldComponent));
+export { TextFieldComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbmV0Z3JpZi9jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvdGV4dC1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUVuRztJQUt3QyxzQ0FBMEI7SUFFOUQsNEJBQStELHNCQUFzQztlQUNqRyxrQkFBTSxzQkFBc0IsQ0FBQztJQUNqQyxDQUFDOztnREFGWSxRQUFRLFlBQUksTUFBTSxTQUFDLDZCQUE2Qjs7O2dCQVBoRSxTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLG9uRkFBMEM7O2lCQUU3Qzs7OzhDQUdnQixRQUFRLFlBQUksTUFBTSxTQUFDLDZCQUE2Qjs7SUFHakUseUJBQUM7Q0FBQSxBQVZELENBS3dDLDBCQUEwQixHQUtqRTtTQUxZLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RUZXh0RmllbGRDb21wb25lbnQsIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUZXh0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIl19

package/esm5/lib/data-fields/text-field/textarea-field/textarea-field.component.js

@@ -0,0 +1,31 @@
+import { __extends } from "tslib";
+import { Component, NgZone } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { AbstractTextareaFieldComponent } from '@netgrif/components-core';
+var TextareaFieldComponent = /** @class */ (function (_super) {
+    __extends(TextareaFieldComponent, _super);
+    function TextareaFieldComponent(_translate, _ngZone) {
+        var _this = _super.call(this, _translate, _ngZone) || this;
+        _this._translate = _translate;
+        _this._ngZone = _ngZone;
+        return _this;
+    }
+    TextareaFieldComponent.ctorParameters = function () { return [
+        { type: TranslateService },
+        { type: NgZone }
+    ]; };
+    TextareaFieldComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-textarea-field',
+                    template: "<mat-form-field [appearance]=\"textAreaField.materialAppearance\"\n                floatLabel=\"always\"\n                class=\"full-width\"\n                color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{textAreaField.title}}</mat-label>\n    <textarea matInput\n              #textArea\n              [placeholder]=\"textAreaField.placeholder\"\n              [required]=\"textAreaField.behavior.required\"\n              [formControl]=\"formControlRef\"\n              [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n              #dynamicTextArea=\"cdkTextareaAutosize\"\n              cdkTextareaAutosize\n              cdkAutosizeMinRows=\"1\"></textarea>\n    <mat-hint>{{textAreaField.description}}</mat-hint>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n",
+                    styles: [".full-width{display:block;margin:0 auto;width:100%}"]
+                },] }
+    ];
+    TextareaFieldComponent.ctorParameters = function () { return [
+        { type: TranslateService },
+        { type: NgZone }
+    ]; };
+    return TextareaFieldComponent;
+}(AbstractTextareaFieldComponent));
+export { TextareaFieldComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHRhcmVhLWZpZWxkL3RleHRhcmVhLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFeEU7SUFLNEMsMENBQThCO0lBRXRFLGdDQUFzQixVQUE0QixFQUFZLE9BQWU7UUFBN0UsWUFDSSxrQkFBTSxVQUFVLEVBQUUsT0FBTyxDQUFDLFNBQzdCO1FBRnFCLGdCQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUFZLGFBQU8sR0FBUCxPQUFPLENBQVE7O0lBRTdFLENBQUM7O2dCQUZpQyxnQkFBZ0I7Z0JBQXFCLE1BQU07OztnQkFQaEYsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLDI0QkFBOEM7O2lCQUVqRDs7O2dCQVBPLGdCQUFnQjtnQkFETCxNQUFNOztJQWN6Qiw2QkFBQztDQUFBLEFBVkQsQ0FLNEMsOEJBQThCLEdBS3pFO1NBTFksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE5nWm9uZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRleHRhcmVhRmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdGV4dGFyZWEtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUZXh0YXJlYUZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLCBwcm90ZWN0ZWQgX25nWm9uZTogTmdab25lKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUsIF9uZ1pvbmUpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/lib/data-fields/user-field/user-field.component.js

@@ -0,0 +1,36 @@
+import { __extends } from "tslib";
+import { Component, Inject, Optional } from '@angular/core';
+import { AbstractUserFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, SideMenuService, SnackBarService } from '@netgrif/components-core';
+import { UserAssignComponent } from '../../side-menu/content-components/user-assign/user-assign.component';
+import { TranslateService } from '@ngx-translate/core';
+var UserFieldComponent = /** @class */ (function (_super) {
+    __extends(UserFieldComponent, _super);
+    function UserFieldComponent(sideMenuService, snackbar, translate, informAboutInvalidData) {
+        return _super.call(this, sideMenuService, snackbar, translate, informAboutInvalidData) || this;
+    }
+    UserFieldComponent.prototype.selectUser = function () {
+        this.selectAbstractUser(UserAssignComponent);
+    };
+    UserFieldComponent.ctorParameters = function () { return [
+        { type: SideMenuService },
+        { type: SnackBarService },
+        { type: TranslateService },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
+    ]; };
+    UserFieldComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-user-field',
+                    template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-stroked-button\n                *ngIf=\"dataField.value !== undefined\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>how_to_reg</mat-icon>\n            {{dataField.value.fullName}}\n        </button>\n        <button mat-stroked-button\n                *ngIf=\"dataField.value === undefined\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            Select user\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n",
+                    styles: [""]
+                },] }
+    ];
+    UserFieldComponent.ctorParameters = function () { return [
+        { type: SideMenuService },
+        { type: SnackBarService },
+        { type: TranslateService },
+        { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
+    ]; };
+    return UserFieldComponent;
+}(AbstractUserFieldComponent));
+export { UserFieldComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbmV0Z3JpZi9jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL2RhdGEtZmllbGRzL3VzZXItZmllbGQvdXNlci1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3JJLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHNFQUFzRSxDQUFDO0FBQ3pHLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXJEO0lBS3dDLHNDQUEwQjtJQUU5RCw0QkFBWSxlQUFnQyxFQUNoQyxRQUF5QixFQUN6QixTQUEyQixFQUN3QixzQkFBc0M7ZUFDakcsa0JBQU0sZUFBZSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLENBQUM7SUFDdkUsQ0FBQztJQUVNLHVDQUFVLEdBQWpCO1FBQ0ksSUFBSSxDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDakQsQ0FBQzs7Z0JBVDRCLGVBQWU7Z0JBQ3RCLGVBQWU7Z0JBQ2QsZ0JBQWdCO2dEQUMxQixRQUFRLFlBQUksTUFBTSxTQUFDLDZCQUE2Qjs7O2dCQVZoRSxTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLDgyQ0FBMEM7O2lCQUU3Qzs7O2dCQVJrRSxlQUFlO2dCQUFFLGVBQWU7Z0JBRTNGLGdCQUFnQjs4Q0FZUCxRQUFRLFlBQUksTUFBTSxTQUFDLDZCQUE2Qjs7SUFPakUseUJBQUM7Q0FBQSxBQWpCRCxDQUt3QywwQkFBMEIsR0FZakU7U0FaWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VXNlckZpZWxkQ29tcG9uZW50LCBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSwgU2lkZU1lbnVTZXJ2aWNlLCBTbmFja0JhclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1VzZXJBc3NpZ25Db21wb25lbnR9IGZyb20gJy4uLy4uL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvdXNlci1hc3NpZ24vdXNlci1hc3NpZ24uY29tcG9uZW50JztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdXNlci1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VzZXItZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihzaWRlTWVudVNlcnZpY2U6IFNpZGVNZW51U2VydmljZSxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlcihzaWRlTWVudVNlcnZpY2UsIHNuYWNrYmFyLCB0cmFuc2xhdGUsIGluZm9ybUFib3V0SW52YWxpZERhdGEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZWxlY3RVc2VyKCkge1xuICAgICAgICB0aGlzLnNlbGVjdEFic3RyYWN0VXNlcihVc2VyQXNzaWduQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm5/lib/forms/email-submission/email-submission-form.component.js

@@ -0,0 +1,26 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { AbstractEmailSubmissionFormComponent } from '@netgrif/components-core';
+var EmailSubmissionFormComponent = /** @class */ (function (_super) {
+    __extends(EmailSubmissionFormComponent, _super);
+    function EmailSubmissionFormComponent(formBuilder) {
+        return _super.call(this, formBuilder) || this;
+    }
+    EmailSubmissionFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder }
+    ]; };
+    EmailSubmissionFormComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-email-submission-form',
+                    template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"24px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required autocomplete=\"email\">\n                <mat-error *ngIf=\"rootFormGroup.controls['email'].hasError('email')\">\n                    {{ 'dataField.validations.email' | translate}}\n                </mat-error>\n            </mat-form-field>\n        </div>\n        <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'dialog.submit'\"></nc-legal-notice>\n        <div fxLayout=\"row\" class=\"margin-top-4\">\n            <button mat-icon-button fxLayoutAlign=\"start\" (click)=\"emitGoBack()\">\n                <mat-icon>arrow_back</mat-icon>\n            </button>\n            <div fxFlex></div>\n            <button fxLayoutAlign=\"end\" mat-raised-button color=\"primary\" fxFlexOffset=\"8px\">{{ 'dialog.submit' | translate}}</button>\n        </div>\n    </form>\n</div>\n",
+                    styles: [".margin-top-4{margin-top:4px}.full-width{width:100%}"]
+                },] }
+    ];
+    EmailSubmissionFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder }
+    ]; };
+    return EmailSubmissionFormComponent;
+}(AbstractEmailSubmissionFormComponent));
+export { EmailSubmissionFormComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtc3VibWlzc2lvbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZm9ybXMvZW1haWwtc3VibWlzc2lvbi9lbWFpbC1zdWJtaXNzaW9uLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUU5RTtJQUtrRCxnREFBb0M7SUFDbEYsc0NBQVksV0FBd0I7ZUFDaEMsa0JBQU0sV0FBVyxDQUFDO0lBQ3RCLENBQUM7O2dCQUZ3QixXQUFXOzs7Z0JBTnZDLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxvd0NBQXFEOztpQkFFeEQ7OztnQkFQTyxXQUFXOztJQVluQixtQ0FBQztDQUFBLEFBVEQsQ0FLa0Qsb0NBQW9DLEdBSXJGO1NBSlksNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtQnVpbGRlcn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtBYnN0cmFjdEVtYWlsU3VibWlzc2lvbkZvcm1Db21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW1haWwtc3VibWlzc2lvbi1mb3JtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZW1haWwtc3VibWlzc2lvbi1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lbWFpbC1zdWJtaXNzaW9uLWZvcm0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbWFpbFN1Ym1pc3Npb25Gb3JtQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RFbWFpbFN1Ym1pc3Npb25Gb3JtQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIpIHtcbiAgICAgICAgc3VwZXIoZm9ybUJ1aWxkZXIpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/lib/forms/email-submission/email-submission-form.module.js

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { ReactiveFormsModule } from '@angular/forms';
+import { EmailSubmissionFormComponent } from './email-submission-form.component';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { LegalNoticeModule } from '../../legal/legal-notice/legal-notice.module';
+var EmailSubmissionFormComponentModule = /** @class */ (function () {
+    function EmailSubmissionFormComponentModule() {
+    }
+    EmailSubmissionFormComponentModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [EmailSubmissionFormComponent],
+                    exports: [EmailSubmissionFormComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        ReactiveFormsModule,
+                        TranslateLibModule,
+                        LegalNoticeModule
+                    ]
+                },] }
+    ];
+    return EmailSubmissionFormComponentModule;
+}());
+export { EmailSubmissionFormComponentModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtc3VibWlzc2lvbi1mb3JtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZm9ybXMvZW1haWwtc3VibWlzc2lvbi9lbWFpbC1zdWJtaXNzaW9uLWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3RELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBQyw0QkFBNEIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQy9FLE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUcvRTtJQUFBO0lBYUEsQ0FBQzs7Z0JBYkEsUUFBUSxTQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLDRCQUE0QixDQUFDO29CQUM1QyxPQUFPLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixpQkFBaUI7cUJBQ3BCO2lCQUNKOztJQUVELHlDQUFDO0NBQUEsQUFiRCxJQWFDO1NBRFksa0NBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RmxleExheW91dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHtSZWFjdGl2ZUZvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0VtYWlsU3VibWlzc2lvbkZvcm1Db21wb25lbnR9IGZyb20gJy4vZW1haWwtc3VibWlzc2lvbi1mb3JtLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0xlZ2FsTm90aWNlTW9kdWxlfSBmcm9tICcuLi8uLi9sZWdhbC9sZWdhbC1ub3RpY2UvbGVnYWwtbm90aWNlLm1vZHVsZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtFbWFpbFN1Ym1pc3Npb25Gb3JtQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRW1haWxTdWJtaXNzaW9uRm9ybUNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBGbGV4TGF5b3V0TW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVMaWJNb2R1bGUsXG4gICAgICAgIExlZ2FsTm90aWNlTW9kdWxlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBFbWFpbFN1Ym1pc3Npb25Gb3JtQ29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm5/lib/forms/forgotten-password/forgotten-password-form-component.module.js

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ForgottenPasswordFormComponent } from './forgotten-password-form.component';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { ReactiveFormsModule } from '@angular/forms';
+var ForgottenPasswordFormComponentModule = /** @class */ (function () {
+    function ForgottenPasswordFormComponentModule() {
+    }
+    ForgottenPasswordFormComponentModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [ForgottenPasswordFormComponent],
+                    exports: [ForgottenPasswordFormComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        ReactiveFormsModule,
+                        TranslateLibModule
+                    ]
+                },] }
+    ];
+    return ForgottenPasswordFormComponentModule;
+}());
+export { ForgottenPasswordFormComponentModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9yZ290dGVuLXBhc3N3b3JkLWZvcm0tY29tcG9uZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZm9ybXMvZm9yZ290dGVuLXBhc3N3b3JkL2ZvcmdvdHRlbi1wYXNzd29yZC1mb3JtLWNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLDhCQUE4QixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDbkYsT0FBTyxFQUFDLGNBQWMsRUFBRSxrQkFBa0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzVFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3RELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBR25EO0lBQUE7SUFZQSxDQUFDOztnQkFaQSxRQUFRLFNBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsOEJBQThCLENBQUM7b0JBQzlDLE9BQU8sRUFBRSxDQUFDLDhCQUE4QixDQUFDO29CQUN6QyxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3dCQUNuQixrQkFBa0I7cUJBQ3JCO2lCQUNKOztJQUVELDJDQUFDO0NBQUEsQUFaRCxJQVlDO1NBRFksb0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Rm9yZ290dGVuUGFzc3dvcmRGb3JtQ29tcG9uZW50fSBmcm9tICcuL2ZvcmdvdHRlbi1wYXNzd29yZC1mb3JtLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdGVyaWFsTW9kdWxlLCBUcmFuc2xhdGVMaWJNb2R1bGV9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge0ZsZXhMYXlvdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7UmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbRm9yZ290dGVuUGFzc3dvcmRGb3JtQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRm9yZ290dGVuUGFzc3dvcmRGb3JtQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRm9yZ290dGVuUGFzc3dvcmRGb3JtQ29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm5/lib/forms/forgotten-password/forgotten-password-form.component.js

@@ -0,0 +1,33 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { AbstractForgottenPasswordComponent, LoggerService, SignUpService } from '@netgrif/components-core';
+import { FormBuilder } from '@angular/forms';
+import { TranslateService } from '@ngx-translate/core';
+var ForgottenPasswordFormComponent = /** @class */ (function (_super) {
+    __extends(ForgottenPasswordFormComponent, _super);
+    function ForgottenPasswordFormComponent(formBuilder, signupService, log, translate) {
+        return _super.call(this, formBuilder, signupService, log, translate) || this;
+    }
+    ForgottenPasswordFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: SignUpService },
+        { type: LoggerService },
+        { type: TranslateService }
+    ]; };
+    ForgottenPasswordFormComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-forgotten-password-form',
+                    template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\" autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.forgottenPass.enterNewPass' | translate }}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.forgottenPass.repeatNewPass' | translate }}\"\n                       [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n                       formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hideRepeatPassword\">\n                    <mat-icon\n                        [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n                {{ 'forms.forgottenPass.recover' | translate }}\n            </button>\n        </div>\n    </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n    <mat-icon color=\"accent\">unpublished</mat-icon>\n    <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n    <mat-progress-spinner></mat-progress-spinner>\n</div>\n",
+                    styles: [".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]
+                },] }
+    ];
+    ForgottenPasswordFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: SignUpService },
+        { type: LoggerService },
+        { type: TranslateService }
+    ]; };
+    return ForgottenPasswordFormComponent;
+}(AbstractForgottenPasswordComponent));
+export { ForgottenPasswordFormComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9yZ290dGVuLXBhc3N3b3JkLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9mb3Jnb3R0ZW4tcGFzc3dvcmQvZm9yZ290dGVuLXBhc3N3b3JkLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxrQ0FBa0MsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDMUcsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXJEO0lBS29ELGtEQUFrQztJQUNsRix3Q0FBWSxXQUF3QixFQUN4QixhQUE0QixFQUM1QixHQUFrQixFQUNsQixTQUEyQjtlQUNuQyxrQkFBTSxXQUFXLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxTQUFTLENBQUM7SUFDckQsQ0FBQzs7Z0JBTHdCLFdBQVc7Z0JBQ1QsYUFBYTtnQkFDdkIsYUFBYTtnQkFDUCxnQkFBZ0I7OztnQkFUMUMsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLGdoSEFBdUQ7O2lCQUUxRDs7O2dCQVBPLFdBQVc7Z0JBRHdDLGFBQWE7Z0JBQTVCLGFBQWE7Z0JBRWpELGdCQUFnQjs7SUFjeEIscUNBQUM7Q0FBQSxBQVpELENBS29ELGtDQUFrQyxHQU9yRjtTQVBZLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RGb3Jnb3R0ZW5QYXNzd29yZENvbXBvbmVudCwgTG9nZ2VyU2VydmljZSwgU2lnblVwU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7Rm9ybUJ1aWxkZXJ9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZm9yZ290dGVuLXBhc3N3b3JkLWZvcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mb3Jnb3R0ZW4tcGFzc3dvcmQtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZm9yZ290dGVuLXBhc3N3b3JkLWZvcm0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGb3Jnb3R0ZW5QYXNzd29yZEZvcm1Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZvcmdvdHRlblBhc3N3b3JkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIsXG4gICAgICAgICAgICAgICAgc2lnbnVwU2VydmljZTogU2lnblVwU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKGZvcm1CdWlsZGVyLCBzaWdudXBTZXJ2aWNlLCBsb2csIHRyYW5zbGF0ZSk7XG4gICAgfVxufVxuIl19

package/esm5/lib/forms/login/login-form.component.js

@@ -0,0 +1,30 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { AbstractLoginFormComponent, UserService } from '@netgrif/components-core';
+var LoginFormComponent = /** @class */ (function (_super) {
+    __extends(LoginFormComponent, _super);
+    function LoginFormComponent(formBuilder, _userService) {
+        var _this = _super.call(this, formBuilder, _userService) || this;
+        _this._userService = _userService;
+        return _this;
+    }
+    LoginFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: UserService }
+    ]; };
+    LoginFormComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-login-form',
+                    template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.login' | translate}}\" formControlName=\"login\" minlength=\"4\"\n                       required autocomplete=\"username\">\n                <mat-error *ngIf=\"rootFormGroup.controls['login'].hasError('minlength')\">\n                    {{ 'forms.login.length' | translate}}\n                </mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate}}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"current-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" [fxLayoutAlign]=\"getButtonsFxLayoutAlign()\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button mat-stroked-button type=\"button\" *ngIf=\"showForgottenPasswordButton && !showSignUpButton\" (click)=\"resetEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.reset' | translate}}</button>\n            <button mat-stroked-button type=\"button\" *ngIf=\"showSignUpButton\" (click)=\"signUpEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.sign' | translate}}</button>\n            <button color=\"primary\" type=\"submit\" mat-raised-button fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-spinner *ngIf=\"loading | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loading | async) === false\" fxFlex>{{ 'forms.login.loginButton' | translate}}</span>\n            </button>\n        </div>\n    </form>\n\n    <div *ngIf=\"showSignUpButton && showForgottenPasswordButton\" fxLayout=\"row\" class=\"width-100\" fxLayoutAlign=\"end\">\n        <button mat-button *ngIf=\"showForgottenPasswordButton\" (click)=\"resetEmit()\" color=\"primary\">{{ 'forms.login.reset' | translate}}</button>\n    </div>\n</div>\n",
+                    styles: [".forgotten-password{margin-bottom:10px}.login-form-container a{color:#757575}.login-form-container a:hover{color:rgba(0,0,0,.87);cursor:pointer}.margin-top-2x{margin-top:16px}.margin-right-default{margin-right:8px}.position-relative{position:relative!important}.width-100{width:100%}.margin-top-4{margin-top:4px}.full-width{width:100%}.margin-left-40{margin-left:40px}"]
+                },] }
+    ];
+    LoginFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: UserService }
+    ]; };
+    return LoginFormComponent;
+}(AbstractLoginFormComponent));
+export { LoginFormComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbmV0Z3JpZi9jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL2Zvcm1zL2xvZ2luL2xvZ2luLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsV0FBVyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFakY7SUFLd0Msc0NBQTBCO0lBQzlELDRCQUFZLFdBQXdCLEVBQVksWUFBeUI7UUFBekUsWUFDSSxrQkFBTSxXQUFXLEVBQUUsWUFBWSxDQUFDLFNBQ25DO1FBRitDLGtCQUFZLEdBQVosWUFBWSxDQUFhOztJQUV6RSxDQUFDOztnQkFGd0IsV0FBVztnQkFBMEIsV0FBVzs7O2dCQU41RSxTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLHFuR0FBMEM7O2lCQUU3Qzs7O2dCQVBPLFdBQVc7Z0JBQ2lCLFdBQVc7O0lBVy9DLHlCQUFDO0NBQUEsQUFURCxDQUt3QywwQkFBMEIsR0FJakU7U0FKWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1CdWlsZGVyfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0Fic3RyYWN0TG9naW5Gb3JtQ29tcG9uZW50LCBVc2VyU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1sb2dpbi1mb3JtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9naW4tZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9naW4tZm9ybS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luRm9ybUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0TG9naW5Gb3JtQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3Rvcihmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIsIHByb3RlY3RlZCBfdXNlclNlcnZpY2U6IFVzZXJTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKGZvcm1CdWlsZGVyLCBfdXNlclNlcnZpY2UpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/lib/forms/login/login-form.module.js

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { ReactiveFormsModule } from '@angular/forms';
+import { LoginFormComponent } from './login-form.component';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+var LoginFormComponentModule = /** @class */ (function () {
+    function LoginFormComponentModule() {
+    }
+    LoginFormComponentModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [LoginFormComponent],
+                    exports: [LoginFormComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        ReactiveFormsModule,
+                        TranslateLibModule
+                    ]
+                },] }
+    ];
+    return LoginFormComponentModule;
+}());
+export { LoginFormComponentModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbmV0Z3JpZi9jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL2Zvcm1zL2xvZ2luL2xvZ2luLWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3RELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUc1RTtJQUFBO0lBWUEsQ0FBQzs7Z0JBWkEsUUFBUSxTQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3FCQUNyQjtpQkFDSjs7SUFFRCwrQkFBQztDQUFBLEFBWkQsSUFZQztTQURZLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0ZsZXhMYXlvdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7UmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtMb2dpbkZvcm1Db21wb25lbnR9IGZyb20gJy4vbG9naW4tZm9ybS5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXRlcmlhbE1vZHVsZSwgVHJhbnNsYXRlTGliTW9kdWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbTG9naW5Gb3JtQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbTG9naW5Gb3JtQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZUxpYk1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5Gb3JtQ29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm5/lib/forms/public-api.js

@@ -0,0 +1,11 @@
+/* COMPONENTS */
+export * from './email-submission/email-submission-form.component';
+export * from './login/login-form.component';
+export * from './registration/registration-form.component';
+export * from './forgotten-password/forgotten-password-form.component';
+/* MODULES */
+export * from './email-submission/email-submission-form.module';
+export * from './login/login-form.module';
+export * from './registration/registration-form.module';
+export * from './forgotten-password/forgotten-password-form-component.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvZm9ybXMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEIsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyx3REFBd0QsQ0FBQztBQUV2RSxhQUFhO0FBQ2IsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYywrREFBK0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENPTVBPTkVOVFMgKi9cbmV4cG9ydCAqIGZyb20gJy4vZW1haWwtc3VibWlzc2lvbi9lbWFpbC1zdWJtaXNzaW9uLWZvcm0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9naW4vbG9naW4tZm9ybS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWdpc3RyYXRpb24vcmVnaXN0cmF0aW9uLWZvcm0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZm9yZ290dGVuLXBhc3N3b3JkL2ZvcmdvdHRlbi1wYXNzd29yZC1mb3JtLmNvbXBvbmVudCc7XG5cbi8qIE1PRFVMRVMgKi9cbmV4cG9ydCAqIGZyb20gJy4vZW1haWwtc3VibWlzc2lvbi9lbWFpbC1zdWJtaXNzaW9uLWZvcm0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbG9naW4vbG9naW4tZm9ybS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9yZWdpc3RyYXRpb24vcmVnaXN0cmF0aW9uLWZvcm0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZm9yZ290dGVuLXBhc3N3b3JkL2ZvcmdvdHRlbi1wYXNzd29yZC1mb3JtLWNvbXBvbmVudC5tb2R1bGUnO1xuIl19

package/esm5/lib/forms/registration/registration-form.component.js

@@ -0,0 +1,33 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { AbstractRegistrationFormComponent, LoggerService, SignUpService } from '@netgrif/components-core';
+import { TranslateService } from '@ngx-translate/core';
+var RegistrationFormComponent = /** @class */ (function (_super) {
+    __extends(RegistrationFormComponent, _super);
+    function RegistrationFormComponent(formBuilder, signupService, log, translate) {
+        return _super.call(this, formBuilder, signupService, log, translate) || this;
+    }
+    RegistrationFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: SignUpService },
+        { type: LoggerService },
+        { type: TranslateService }
+    ]; };
+    RegistrationFormComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-registration-form',
+                    template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\" autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.name' | translate }}\" formControlName=\"name\" required autocomplete=\"given-name\">\n                <mat-error *ngIf=\"!isFieldValid('name')\">{{getErrorMessage('name')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle_outline</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.surname' | translate }}\" formControlName=\"surname\" required autocomplete=\"family-name\">\n                <mat-error *ngIf=\"!isFieldValid('surname')\">{{getErrorMessage('surname')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate }}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.repeatPass' | translate }}\"\n                       [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n                       formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hideRepeatPassword\">\n                    <mat-icon\n                        [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'forms.register.register'\"></nc-legal-notice>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n                {{ 'forms.register.register' | translate }}\n            </button>\n        </div>\n    </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n    <mat-icon color=\"accent\">unpublished</mat-icon>\n    <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n    <mat-progress-spinner></mat-progress-spinner>\n</div>\n",
+                    styles: [".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]
+                },] }
+    ];
+    RegistrationFormComponent.ctorParameters = function () { return [
+        { type: FormBuilder },
+        { type: SignUpService },
+        { type: LoggerService },
+        { type: TranslateService }
+    ]; };
+    return RegistrationFormComponent;
+}(AbstractRegistrationFormComponent));
+export { RegistrationFormComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVnaXN0cmF0aW9uLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9yZWdpc3RyYXRpb24vcmVnaXN0cmF0aW9uLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsaUNBQWlDLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3pHLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXJEO0lBSytDLDZDQUFpQztJQUM1RSxtQ0FBWSxXQUF3QixFQUN4QixhQUE0QixFQUM1QixHQUFrQixFQUNsQixTQUEyQjtlQUNuQyxrQkFBTSxXQUFXLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxTQUFTLENBQUM7SUFDckQsQ0FBQzs7Z0JBTHdCLFdBQVc7Z0JBQ1QsYUFBYTtnQkFDdkIsYUFBYTtnQkFDUCxnQkFBZ0I7OztnQkFUMUMsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLG1tSkFBaUQ7O2lCQUVwRDs7O2dCQVJPLFdBQVc7Z0JBQ3VDLGFBQWE7Z0JBQTVCLGFBQWE7Z0JBQ2hELGdCQUFnQjs7SUFjeEIsZ0NBQUM7Q0FBQSxBQVpELENBSytDLGlDQUFpQyxHQU8vRTtTQVBZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Rm9ybUJ1aWxkZXJ9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7QWJzdHJhY3RSZWdpc3RyYXRpb25Gb3JtQ29tcG9uZW50LCBMb2dnZXJTZXJ2aWNlLCBTaWduVXBTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1yZWdpc3RyYXRpb24tZm9ybScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JlZ2lzdHJhdGlvbi1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yZWdpc3RyYXRpb24tZm9ybS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlZ2lzdHJhdGlvbkZvcm1Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFJlZ2lzdHJhdGlvbkZvcm1Db21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgICAgICAgICAgICAgICBzaWdudXBTZXJ2aWNlOiBTaWduVXBTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIGxvZzogTG9nZ2VyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoZm9ybUJ1aWxkZXIsIHNpZ251cFNlcnZpY2UsIGxvZywgdHJhbnNsYXRlKTtcbiAgICB9XG59XG4iXX0=

package/esm5/lib/forms/registration/registration-form.module.js

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RegistrationFormComponent } from './registration-form.component';
+import { MaterialModule, TranslateLibModule } from '@netgrif/components-core';
+import { LegalNoticeModule } from '../../legal/legal-notice/legal-notice.module';
+var RegistrationFormComponentModule = /** @class */ (function () {
+    function RegistrationFormComponentModule() {
+    }
+    RegistrationFormComponentModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [RegistrationFormComponent],
+                    exports: [RegistrationFormComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        ReactiveFormsModule,
+                        TranslateLibModule,
+                        LegalNoticeModule
+                    ]
+                },] }
+    ];
+    return RegistrationFormComponentModule;
+}());
+export { RegistrationFormComponentModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVnaXN0cmF0aW9uLWZvcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9yZWdpc3RyYXRpb24vcmVnaXN0cmF0aW9uLWZvcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3RELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUUvRTtJQUFBO0lBYUEsQ0FBQzs7Z0JBYkEsUUFBUSxTQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDcEMsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixpQkFBaUI7cUJBQ3BCO2lCQUNKOztJQUVELHNDQUFDO0NBQUEsQUFiRCxJQWFDO1NBRFksK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RmxleExheW91dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHtSZWFjdGl2ZUZvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1JlZ2lzdHJhdGlvbkZvcm1Db21wb25lbnR9IGZyb20gJy4vcmVnaXN0cmF0aW9uLWZvcm0uY29tcG9uZW50JztcbmltcG9ydCB7TWF0ZXJpYWxNb2R1bGUsIFRyYW5zbGF0ZUxpYk1vZHVsZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7TGVnYWxOb3RpY2VNb2R1bGV9IGZyb20gJy4uLy4uL2xlZ2FsL2xlZ2FsLW5vdGljZS9sZWdhbC1ub3RpY2UubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtSZWdpc3RyYXRpb25Gb3JtQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbUmVnaXN0cmF0aW9uRm9ybUNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBGbGV4TGF5b3V0TW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVMaWJNb2R1bGUsXG4gICAgICAgIExlZ2FsTm90aWNlTW9kdWxlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBSZWdpc3RyYXRpb25Gb3JtQ29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm5/lib/header/header-modes/edit-mode/edit-mode.component.js

@@ -0,0 +1,31 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { AbstractEditModeComponent, LoggerService } from '@netgrif/components-core';
+var EditModeComponent = /** @class */ (function (_super) {
+    __extends(EditModeComponent, _super);
+    function EditModeComponent(_translate, loggerService) {
+        var _this = _super.call(this, _translate, loggerService) || this;
+        _this._translate = _translate;
+        _this.loggerService = loggerService;
+        return _this;
+    }
+    EditModeComponent.ctorParameters = function () { return [
+        { type: TranslateService },
+        { type: LoggerService }
+    ]; };
+    EditModeComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-edit-mode',
+                    template: "<div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"start center\">\n    <mat-form-field *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\" fxLayout=\"row\"\n                    fxLayoutAlign=\" center\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\"\n                    [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n        <mat-label *ngIf=\"!header\">{{ 'headers.newHeader' | translate}}</mat-label>\n        <input type=\"text\"\n               aria-label=\"Autocomplete\"\n               matInput\n               [formControl]=\"formControls[i]\"\n               [matAutocomplete]=\"auto\">\n        <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" [displayWith]=\"renderSelection\"\n                          (optionSelected)=\"headerColumnSelected(i, $event.option.value)\" fxFlex>\n            <mat-optgroup *ngFor=\"let group of this.filterOptions[i] | async\" [label]=\"group.groupTitle\">\n                <mat-option *ngFor=\"let field of group.fields\" [value]=\"field\">\n                    {{field.title | translate}}\n                </mat-option>\n            </mat-optgroup>\n        </mat-autocomplete>\n    </mat-form-field>\n</div>\n",
+                    styles: [""]
+                },] }
+    ];
+    EditModeComponent.ctorParameters = function () { return [
+        { type: TranslateService },
+        { type: LoggerService }
+    ]; };
+    return EditModeComponent;
+}(AbstractEditModeComponent));
+export { EditModeComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1tb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvaGVhZGVyL2hlYWRlci1tb2Rlcy9lZGl0LW1vZGUvZWRpdC1tb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUMseUJBQXlCLEVBQUUsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFbEY7SUFLdUMscUNBQXlCO0lBQzVELDJCQUFzQixVQUE0QixFQUM1QixhQUE0QjtRQURsRCxZQUVJLGtCQUFNLFVBQVUsRUFBRSxhQUFhLENBQUMsU0FDbkM7UUFIcUIsZ0JBQVUsR0FBVixVQUFVLENBQWtCO1FBQzVCLG1CQUFhLEdBQWIsYUFBYSxDQUFlOztJQUVsRCxDQUFDOztnQkFIaUMsZ0JBQWdCO2dCQUNiLGFBQWE7OztnQkFQckQsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixpK0NBQXlDOztpQkFFNUM7OztnQkFQTyxnQkFBZ0I7Z0JBQ1csYUFBYTs7SUFZaEQsd0JBQUM7Q0FBQSxBQVZELENBS3VDLHlCQUF5QixHQUsvRDtTQUxZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RWRpdE1vZGVDb21wb25lbnQsIExvZ2dlclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZWRpdC1tb2RlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWRpdC1tb2RlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9lZGl0LW1vZGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFZGl0TW9kZUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RWRpdE1vZGVDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBsb2dnZXJTZXJ2aWNlOiBMb2dnZXJTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUsIGxvZ2dlclNlcnZpY2UpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/lib/header/header-modes/loading-mode/loading-mode.component.js

@@ -0,0 +1,20 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { AbstractLoadingModeComponent } from '@netgrif/components-core';
+var LoadingModeComponent = /** @class */ (function (_super) {
+    __extends(LoadingModeComponent, _super);
+    function LoadingModeComponent() {
+        return _super.call(this) || this;
+    }
+    LoadingModeComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-loading-mode',
+                    template: "<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n         [fxHide.lt-xl]=\"i >= 4\"\n         [fxHide.lt-lg]=\"i >= 3\"\n         [fxHide.lt-md]=\"i >= 2\"\n         [fxHide.lt-sm]=\"i >= 1\" [ngStyle]=\"{'min-width': getMinWidth()}\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"start center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    styles: [".phl-row{width:100%;flex-wrap:wrap}.phl-col{height:20px;flex:0 0 45%;background-color:#ced4da;border-radius:4px}.phl-item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:1s infinite shimmer;animation:1s infinite shimmer;content:\"\"}@-webkit-keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.phl-item,.phl-item *,.phl-item::after,.phl-item::before{box-sizing:border-box}"]
+                },] }
+    ];
+    LoadingModeComponent.ctorParameters = function () { return []; };
+    return LoadingModeComponent;
+}(AbstractLoadingModeComponent));
+export { LoadingModeComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1tb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvaGVhZGVyL2hlYWRlci1tb2Rlcy9sb2FkaW5nLW1vZGUvbG9hZGluZy1tb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsNEJBQTRCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUV0RTtJQUswQyx3Q0FBNEI7SUFDbEU7ZUFDSSxpQkFBTztJQUNYLENBQUM7O2dCQVJKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixvbEJBQTRDOztpQkFFL0M7OztJQUtELDJCQUFDO0NBQUEsQUFURCxDQUswQyw0QkFBNEIsR0FJckU7U0FKWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0TG9hZGluZ01vZGVDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtbG9hZGluZy1tb2RlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1tb2RlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLW1vZGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nTW9kZUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0TG9hZGluZ01vZGVDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/lib/header/header-modes/search-mode/search-mode.component.js

@@ -0,0 +1,39 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { MAT_DATE_FORMATS } from '@angular/material/core';
+import { AbstractSearchModeComponent, DATE_FORMAT, DATE_TIME_FORMAT, SideMenuService } from '@netgrif/components-core';
+import { UserAssignComponent } from '../../../side-menu/content-components/user-assign/user-assign.component';
+import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
+var ɵ0 = DATE_FORMAT, ɵ1 = DATE_TIME_FORMAT;
+var SearchModeComponent = /** @class */ (function (_super) {
+    __extends(SearchModeComponent, _super);
+    function SearchModeComponent(_sideMenuService) {
+        var _this = _super.call(this, _sideMenuService) || this;
+        _this._sideMenuService = _sideMenuService;
+        return _this;
+    }
+    SearchModeComponent.prototype.selectUser = function (column) {
+        this.selectAbstractUser(column, UserAssignComponent);
+    };
+    SearchModeComponent.ctorParameters = function () { return [
+        { type: SideMenuService }
+    ]; };
+    SearchModeComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-search-mode',
+                    template: "<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\"\n         [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\">\n        <div\n            *ngIf=\"!!header && header.fieldType !== 'button'; then thenBlock else elseBlock\"\n            fxFlex></div>\n        <ng-template #thenBlock>\n            <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex [ngSwitch]=\"header.fieldType\">\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'date'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput autocomplete=\"off\"\n                           [matDatepicker]=\"datepicker\"\n                           [formControl]=\"formControls[i]\"\n                           [placeholder]=\"'headers.date' | translate\"\n                           (click)=\"datepicker.open()\"\n                           (keydown.enter)=\"datepicker.close()\">\n                    <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n                    <mat-datepicker #datepicker></mat-datepicker>\n                </mat-form-field>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'dateTime'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput autocomplete=\"off\"\n                           [ngxMatDatetimePicker]=\"datetimepicker\"\n                           [formControl]=\"formControls[i]\"\n                           [placeholder]=\"'headers.dateTime' | translate\"\n                           (click)=\"datetimepicker.open()\"\n                           (keydown.enter)=\"datetimepicker.close()\">\n                    <mat-datepicker-toggle matPrefix [for]=\"datetimepicker\"></mat-datepicker-toggle>\n                    <ngx-mat-datetime-picker #datetimepicker\n                                             [showSpinners]=\"true\"\n                                             [showSeconds]=\"false\"\n                                             [stepHour]=\"1\"\n                                             [stepMinute]=\"5\"\n                                             [color]=\"'primary'\"\n                                             [enableMeridian]=\"false\">\n                    </ngx-mat-datetime-picker>\n                </mat-form-field>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'number'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput type=\"number\" [formControl]=\"formControls[i]\">\n                </mat-form-field>\n                <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngSwitchCase=\"'boolean'\">\n                    <mat-slide-toggle color=\"primary\" [formControl]=\"formControls[i]\">\n                        {{header.title | translate}}\n                    </mat-slide-toggle>\n                </div>\n                <div fxLayout=\"column\" fxLayoutAlign=\"center start\" *ngSwitchCase=\"'user'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <button mat-stroked-button\n                            color=\"primary\"\n                            (click)=\"selectUser(i)\">\n                        <mat-icon>person_search</mat-icon>\n                        {{formControls[i].value ? formControls[i].value.fullName : ('headers.selectUser' | translate)}}\n                    </button>\n                </div>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchDefault>\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput [formControl]=\"formControls[i]\">\n                </mat-form-field>\n            </div>\n        </ng-template>\n\n        <ng-template #elseBlock>\n            <div fxFlex></div>\n        </ng-template>\n    </div>\n</div>\n",
+                    providers: [
+                        { provide: MAT_DATE_FORMATS, useValue: ɵ0 },
+                        { provide: NGX_MAT_DATE_FORMATS, useValue: ɵ1 }
+                    ],
+                    styles: [""]
+                },] }
+    ];
+    SearchModeComponent.ctorParameters = function () { return [
+        { type: SideMenuService }
+    ]; };
+    return SearchModeComponent;
+}(AbstractSearchModeComponent));
+export { SearchModeComponent };
+export { ɵ0, ɵ1 };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW1vZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG5ldGdyaWYvY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9oZWFkZXIvaGVhZGVyLW1vZGVzL3NlYXJjaC1tb2RlL3NlYXJjaC1tb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUMsMkJBQTJCLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3JILE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlFQUF5RSxDQUFDO0FBQzVHLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLDhDQUE4QyxDQUFDO1NBT3BDLFdBQVcsT0FDUCxnQkFBZ0I7QUFObEU7SUFTeUMsdUNBQTJCO0lBRWhFLDZCQUFzQixnQkFBaUM7UUFBdkQsWUFDSSxrQkFBTSxnQkFBZ0IsQ0FBQyxTQUMxQjtRQUZxQixzQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCOztJQUV2RCxDQUFDO0lBRU0sd0NBQVUsR0FBakIsVUFBa0IsTUFBYztRQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDekQsQ0FBQzs7Z0JBTnVDLGVBQWU7OztnQkFYMUQsU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLG8wSUFBMkM7b0JBRTNDLFNBQVMsRUFBRTt3QkFDUCxFQUFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLElBQWEsRUFBQzt3QkFDbEQsRUFBQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxJQUFrQixFQUFDO3FCQUM5RDs7aUJBQ0o7OztnQkFabUUsZUFBZTs7SUFzQm5GLDBCQUFDO0NBQUEsQUFsQkQsQ0FTeUMsMkJBQTJCLEdBU25FO1NBVFksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfREFURV9GT1JNQVRTfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RTZWFyY2hNb2RlQ29tcG9uZW50LCBEQVRFX0ZPUk1BVCwgREFURV9USU1FX0ZPUk1BVCwgU2lkZU1lbnVTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtVc2VyQXNzaWduQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLmNvbXBvbmVudCc7XG5pbXBvcnQge05HWF9NQVRfREFURV9GT1JNQVRTfSBmcm9tICdAYW5ndWxhci1tYXRlcmlhbC1jb21wb25lbnRzL2RhdGV0aW1lLXBpY2tlcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2VhcmNoLW1vZGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtbW9kZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLW1vZGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge3Byb3ZpZGU6IE1BVF9EQVRFX0ZPUk1BVFMsIHVzZVZhbHVlOiBEQVRFX0ZPUk1BVH0sXG4gICAgICAgIHtwcm92aWRlOiBOR1hfTUFUX0RBVEVfRk9STUFUUywgdXNlVmFsdWU6IERBVEVfVElNRV9GT1JNQVR9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hNb2RlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTZWFyY2hNb2RlQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfc2lkZU1lbnVTZXJ2aWNlOiBTaWRlTWVudVNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoX3NpZGVNZW51U2VydmljZSk7XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdFVzZXIoY29sdW1uOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoY29sdW1uLCBVc2VyQXNzaWduQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm5/lib/header/header-modes/sort-mode/sort-mode.component.js

@@ -0,0 +1,20 @@
+import { __extends } from "tslib";
+import { Component } from '@angular/core';
+import { AbstractSortModeComponent } from '@netgrif/components-core';
+var SortModeComponent = /** @class */ (function (_super) {
+    __extends(SortModeComponent, _super);
+    function SortModeComponent() {
+        return _super.call(this) || this;
+    }
+    SortModeComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'nc-sort-mode',
+                    template: "<div matSort (matSortChange)=\"sortHeaderChanged($event)\" fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div [ngStyle]=\"{'min-width': getMinWidth()}\" *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n         [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n        <div *ngIf=\"!!header; then thenBlock else elseBlock\" fxFlex></div>\n        <ng-template #thenBlock>\n            <span fxFlex\n                  mat-sort-header=\"{{i}}-{{header.uniqueId}}\">\n            {{ header.title | translate}}\n            </span>\n        </ng-template>\n        <ng-template #elseBlock>\n            <div fxFlex></div>\n        </ng-template>\n    </div>\n</div>\n",
+                    styles: [""]
+                },] }
+    ];
+    SortModeComponent.ctorParameters = function () { return []; };
+    return SortModeComponent;
+}(AbstractSortModeComponent));
+export { SortModeComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1tb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BuZXRncmlmL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvaGVhZGVyL2hlYWRlci1tb2Rlcy9zb3J0LW1vZGUvc29ydC1tb2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUVuRTtJQUt1QyxxQ0FBeUI7SUFDNUQ7ZUFDSSxpQkFBTztJQUNYLENBQUM7O2dCQVJKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsNjlCQUF5Qzs7aUJBRTVDOzs7SUFLRCx3QkFBQztDQUFBLEFBVEQsQ0FLdUMseUJBQXlCLEdBSS9EO1NBSlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFNvcnRNb2RlQ29tcG9uZW50fSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXNvcnQtbW9kZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NvcnQtbW9kZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc29ydC1tb2RlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU29ydE1vZGVDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNvcnRNb2RlQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG5cblxuIl19