@netgrif/components 6.3.0-beta.3 → 6.3.0-rc.3

package/esm2020/lib/data-fields/text-field/rich-textarea-field/easymde-wrapper/easymde-wrapper.component.mjs

@@ -57,15 +57,15 @@ export class EasymdeWrapperComponent {
         this._easyMDE?.codemirror.off('change', this._onChange);
     }
 }
-EasymdeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EasymdeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EasymdeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: { formControlRef: "formControlRef", textAreaField: "textAreaField" }, providers: [
+EasymdeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EasymdeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EasymdeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: { formControlRef: "formControlRef", textAreaField: "textAreaField" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EasymdeWrapperComponent),
             multi: true,
         },
     ], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["easymde"], descendants: true, static: true }], ngImport: i0, template: '<textarea #easymde></textarea>', isInline: true, styles: ["@charset \"UTF-8\";:host ::ng-deep .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}:host ::ng-deep .CodeMirror-lines{padding:4px 0}:host ::ng-deep .CodeMirror pre.CodeMirror-line,:host ::ng-deep .CodeMirror pre.CodeMirror-line-like{padding:0 4px}:host ::ng-deep .CodeMirror-gutter-filler,:host ::ng-deep .CodeMirror-scrollbar-filler{background-color:#fff}:host ::ng-deep .CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}:host ::ng-deep .CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}:host ::ng-deep .CodeMirror-guttermarker{color:#000}:host ::ng-deep .CodeMirror-guttermarker-subtle{color:#999}:host ::ng-deep .CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}:host ::ng-deep .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}:host ::ng-deep .cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}:host ::ng-deep .cm-fat-cursor div.CodeMirror-cursors{z-index:1}:host ::ng-deep .cm-fat-cursor .CodeMirror-line::selection,:host ::ng-deep .cm-fat-cursor .CodeMirror-line>span::selection,:host ::ng-deep .cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}:host ::ng-deep .cm-fat-cursor .CodeMirror-line::-moz-selection,:host ::ng-deep .cm-fat-cursor .CodeMirror-line>span::-moz-selection,:host ::ng-deep .cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}:host ::ng-deep .cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}:host ::ng-deep .cm-tab{display:inline-block;text-decoration:inherit}:host ::ng-deep .CodeMirror-rulers{position:absolute;inset:-50px 0 0;overflow:hidden}:host ::ng-deep .CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}:host ::ng-deep .cm-s-default .cm-header{color:#00f}:host ::ng-deep .cm-s-default .cm-quote{color:#090}:host ::ng-deep .cm-negative{color:#d44}:host ::ng-deep .cm-positive{color:#292}:host ::ng-deep .cm-header,:host ::ng-deep .cm-strong{font-weight:700}:host ::ng-deep .cm-em{font-style:italic}:host ::ng-deep .cm-link{text-decoration:underline}:host ::ng-deep .cm-strikethrough{text-decoration:line-through}:host ::ng-deep .cm-s-default .cm-keyword{color:#708}:host ::ng-deep .cm-s-default .cm-atom{color:#219}:host ::ng-deep .cm-s-default .cm-number{color:#164}:host ::ng-deep .cm-s-default .cm-def{color:#00f}:host ::ng-deep .cm-s-default .cm-variable-2{color:#05a}:host ::ng-deep .cm-s-default .cm-type,:host ::ng-deep .cm-s-default .cm-variable-3{color:#085}:host ::ng-deep .cm-s-default .cm-comment{color:#a50}:host ::ng-deep .cm-s-default .cm-string{color:#a11}:host ::ng-deep .cm-s-default .cm-string-2{color:#f50}:host ::ng-deep .cm-s-default .cm-meta{color:#555}:host ::ng-deep .cm-s-default .cm-qualifier{color:#555}:host ::ng-deep .cm-s-default .cm-builtin{color:#30a}:host ::ng-deep .cm-s-default .cm-bracket{color:#997}:host ::ng-deep .cm-s-default .cm-tag{color:#170}:host ::ng-deep .cm-s-default .cm-attribute{color:#00c}:host ::ng-deep .cm-s-default .cm-hr{color:#999}:host ::ng-deep .cm-s-default .cm-link{color:#00c}:host ::ng-deep .cm-s-default .cm-error{color:red}:host ::ng-deep .cm-invalidchar{color:red}:host ::ng-deep .CodeMirror-composing{border-bottom:2px solid}:host ::ng-deep div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}:host ::ng-deep div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}:host ::ng-deep .CodeMirror-matchingtag{background:rgba(255,150,0,.3)}:host ::ng-deep .CodeMirror-activeline-background{background:#e8f2ff}:host ::ng-deep .CodeMirror{position:relative;overflow:hidden;background:#fff}:host ::ng-deep .CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative}:host ::ng-deep .CodeMirror-sizer{position:relative;border-right:50px solid transparent}:host ::ng-deep .CodeMirror-gutter-filler,:host ::ng-deep .CodeMirror-hscrollbar,:host ::ng-deep .CodeMirror-scrollbar-filler,:host ::ng-deep .CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}:host ::ng-deep .CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}:host ::ng-deep .CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}:host ::ng-deep .CodeMirror-scrollbar-filler{right:0;bottom:0}:host ::ng-deep .CodeMirror-gutter-filler{left:0;bottom:0}:host ::ng-deep .CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}:host ::ng-deep .CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}:host ::ng-deep .CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}:host ::ng-deep .CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}:host ::ng-deep .CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}:host ::ng-deep .CodeMirror-gutter-wrapper ::selection{background-color:transparent}:host ::ng-deep .CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}:host ::ng-deep .CodeMirror-lines{cursor:text;min-height:1px}:host ::ng-deep .CodeMirror pre.CodeMirror-line,:host ::ng-deep .CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-feature-settings:\"calt\";font-variant-ligatures:contextual}:host ::ng-deep .CodeMirror-wrap pre.CodeMirror-line,:host ::ng-deep .CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}:host ::ng-deep .CodeMirror-linebackground{position:absolute;inset:0;z-index:0}:host ::ng-deep .CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}:host ::ng-deep .CodeMirror-code{outline:0}:host ::ng-deep .CodeMirror-gutter,:host ::ng-deep .CodeMirror-gutters,:host ::ng-deep .CodeMirror-linenumber,:host ::ng-deep .CodeMirror-scroll,:host ::ng-deep .CodeMirror-sizer{box-sizing:content-box}:host ::ng-deep .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}:host ::ng-deep .CodeMirror-cursor{position:absolute;pointer-events:none}:host ::ng-deep .CodeMirror-measure pre{position:static}:host ::ng-deep div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}:host ::ng-deep div.CodeMirror-dragcursors{visibility:visible}:host ::ng-deep .CodeMirror-focused div.CodeMirror-cursors{visibility:visible}:host ::ng-deep .CodeMirror-selected{background:#d9d9d9}:host ::ng-deep .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}:host ::ng-deep .CodeMirror-crosshair{cursor:crosshair}:host ::ng-deep .CodeMirror-line::selection,:host ::ng-deep .CodeMirror-line>span::selection,:host ::ng-deep .CodeMirror-line>span>span::selection{background:#d7d4f0}:host ::ng-deep .CodeMirror-line::-moz-selection,:host ::ng-deep .CodeMirror-line>span::-moz-selection,:host ::ng-deep .CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}:host ::ng-deep .cm-searching{background-color:#ffa;background-color:#ff06}:host ::ng-deep .cm-force-border{padding-right:.1px}@media print{:host ::ng-deep .CodeMirror div.CodeMirror-cursors{visibility:hidden}}:host ::ng-deep .cm-tab-wrap-hack:after{content:\"\"}:host ::ng-deep span.CodeMirror-selectedtext{background:0 0}:host ::ng-deep .EasyMDEContainer{display:block}:host ::ng-deep .CodeMirror-rtl pre{direction:rtl}:host ::ng-deep .EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}:host ::ng-deep .EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}:host ::ng-deep .EasyMDEContainer .CodeMirror-scroll{cursor:text}:host ::ng-deep .EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;inset:50px 0 0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}:host ::ng-deep .EasyMDEContainer .CodeMirror-sided{width:50%!important}:host ::ng-deep .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}:host ::ng-deep .EasyMDEContainer .CodeMirror-placeholder{opacity:.5}:host ::ng-deep .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}:host ::ng-deep .editor-toolbar{position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}:host ::ng-deep .editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}:host ::ng-deep .editor-toolbar.fullscreen:before{width:20px;height:50px;background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}:host ::ng-deep .editor-toolbar.fullscreen:after{width:20px;height:50px;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);position:fixed;top:0;right:0;margin:0;padding:0}:host ::ng-deep .EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}:host ::ng-deep .editor-toolbar .easymde-dropdown,:host ::ng-deep .editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}:host ::ng-deep .editor-toolbar button{width:30px}:host ::ng-deep .editor-toolbar button.active,:host ::ng-deep .editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}:host ::ng-deep .editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}:host ::ng-deep .editor-toolbar button:after{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}:host ::ng-deep .editor-toolbar button.heading-1:after{content:\"1\"}:host ::ng-deep .editor-toolbar button.heading-2:after{content:\"2\"}:host ::ng-deep .editor-toolbar button.heading-3:after{content:\"3\"}:host ::ng-deep .editor-toolbar button.heading-bigger:after{content:\"\\25b2\"}:host ::ng-deep .editor-toolbar button.heading-smaller:after{content:\"\\25bc\"}:host ::ng-deep .editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width: 700px){:host ::ng-deep .editor-toolbar i.no-mobile{display:none}}:host ::ng-deep .editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}:host ::ng-deep .EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}:host ::ng-deep .editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}:host ::ng-deep .editor-statusbar .lines:before{content:\"lines: \"}:host ::ng-deep .editor-statusbar .words:before{content:\"words: \"}:host ::ng-deep .editor-statusbar .characters:before{content:\"characters: \"}:host ::ng-deep .editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}:host ::ng-deep .editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}:host ::ng-deep .editor-preview-active-side{display:block}:host ::ng-deep .EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}:host ::ng-deep .editor-preview-active{display:block}:host ::ng-deep .editor-preview{padding:10px;background:#fafafa}:host ::ng-deep .editor-preview>p{margin-top:0}:host ::ng-deep .editor-preview pre{background:#eee;margin-bottom:10px}:host ::ng-deep .editor-preview table td,:host ::ng-deep .editor-preview table th{border:1px solid #ddd;padding:5px}:host ::ng-deep .cm-s-easymde .cm-tag{color:#63a35c}:host ::ng-deep .cm-s-easymde .cm-attribute{color:#795da3}:host ::ng-deep .cm-s-easymde .cm-string{color:#183691}:host ::ng-deep .cm-s-easymde .cm-header-1{font-size:200%;line-height:200%}:host ::ng-deep .cm-s-easymde .cm-header-2{font-size:160%;line-height:160%}:host ::ng-deep .cm-s-easymde .cm-header-3{font-size:125%;line-height:125%}:host ::ng-deep .cm-s-easymde .cm-header-4{font-size:110%;line-height:110%}:host ::ng-deep .cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}:host ::ng-deep .cm-s-easymde .cm-link{color:#7f8c8d}:host ::ng-deep .cm-s-easymde .cm-url{color:#aab2b3}:host ::ng-deep .cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}:host ::ng-deep .editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);border-radius:0;border:1px solid #fff}:host ::ng-deep .editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)}:host ::ng-deep .easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px #0003;padding:8px;z-index:2;top:30px}:host ::ng-deep .easymde-dropdown:active .easymde-dropdown-content,:host ::ng-deep .easymde-dropdown:focus .easymde-dropdown-content,:host ::ng-deep .easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}:host ::ng-deep span[data-img-src]:after{content:\"\";background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}:host ::ng-deep .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EasymdeWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EasymdeWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-easymde-wrapper', template: '<textarea #easymde></textarea>', providers: [
                         {

package/esm2020/lib/data-fields/text-field/rich-textarea-field/rich-textarea-field.component.mjs

@@ -14,9 +14,9 @@ export class RichTextareaFieldComponent extends AbstractRichTextareaFieldCompone
         this._translate = _translate;
     }
 }
-RichTextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RichTextareaFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-RichTextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: RichTextareaFieldComponent, selector: "nc-rich-textarea-field", usesInheritance: true, ngImport: i0, template: "<div class=\"height-100\">\n    <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"textAreaField\"></nc-easymde-wrapper>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div [ngClass]=\"{'border': textAreaField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{textAreaField.value}}</td-markdown>\n    </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}\n"], components: [{ type: i2.EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: ["formControlRef", "textAreaField"] }, { type: i3.TdMarkdownComponent, selector: "td-markdown", inputs: ["content", "simpleLineBreaks", "hostedUrl", "anchor"], outputs: ["contentReady"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RichTextareaFieldComponent, decorators: [{
+RichTextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RichTextareaFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+RichTextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RichTextareaFieldComponent, selector: "nc-rich-textarea-field", usesInheritance: true, ngImport: i0, template: "<div class=\"height-100\">\n    <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"textAreaField\"></nc-easymde-wrapper>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div [ngClass]=\"{'border': textAreaField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{textAreaField.value}}</td-markdown>\n    </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}\n"], components: [{ type: i2.EasymdeWrapperComponent, selector: "nc-easymde-wrapper", inputs: ["formControlRef", "textAreaField"] }, { type: i3.TdMarkdownComponent, selector: "td-markdown", inputs: ["content", "simpleLineBreaks", "hostedUrl", "anchor"], outputs: ["contentReady"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RichTextareaFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-rich-textarea-field', template: "<div class=\"height-100\">\n    <nc-easymde-wrapper *ngIf=\"!formControlRef.disabled\" [formControlRef]=\"formControlRef\" [textAreaField]=\"textAreaField\"></nc-easymde-wrapper>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div [ngClass]=\"{'border': textAreaField.materialAppearance === 'outline'}\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{textAreaField.value}}</td-markdown>\n    </div>\n</div>\n", styles: [".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });

package/esm2020/lib/data-fields/text-field/simple-text-field/simple-text-field.component.mjs

@@ -12,9 +12,9 @@ export class SimpleTextFieldComponent extends AbstractSimpleTextFieldComponent {
         this._translate = _translate;
     }
 }
-SimpleTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SimpleTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-SimpleTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SimpleTextFieldComponent, selector: "nc-simple-text-field", usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SimpleTextFieldComponent, decorators: [{
+SimpleTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SimpleTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+SimpleTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SimpleTextFieldComponent, selector: "nc-simple-text-field", usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });

package/esm2020/lib/data-fields/text-field/text-field.component.mjs

@@ -1,33 +1,27 @@
 import { Component, Inject, Optional } from '@angular/core';
-import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA, TextFieldComponent as TextFieldComponentEnum } from '@netgrif/components-core';
+import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 import * as i1 from "../data-field-template/data-field-template.component";
 import * as i2 from "./password-text-field/password-text-field.component";
 import * as i3 from "./textarea-field/textarea-field.component";
 import * as i4 from "./rich-textarea-field/rich-textarea-field.component";
 import * as i5 from "./html-textarea-field/html-textarea-field.component";
-import * as i6 from "./dashboard-line-chart-text-field/dashboard-line-chart-text-field.component";
-import * as i7 from "./dashboard-pie-chart-text-field/dashboard-pie-chart-text-field.component";
-import * as i8 from "./dashboard-bar-chart-text-field/dashboard-bar-chart-text-field.component";
-import * as i9 from "./dashboard-iframe-text-field/dashboard-iframe-text-field.component";
-import * as i10 from "./dashboard-portal-text-field/dashboard-portal-text-field.component";
-import * as i11 from "./simple-text-field/simple-text-field.component";
-import * as i12 from "@angular/common";
+import * as i6 from "./simple-text-field/simple-text-field.component";
+import * as i7 from "@angular/common";
 export class TextFieldComponent extends AbstractTextFieldComponent {
     constructor(informAboutInvalidData) {
         super(informAboutInvalidData);
-        this.textFieldComponentEnum = TextFieldComponentEnum;
     }
 }
-TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TextFieldComponent, selector: "nc-text-field", usesInheritance: true, ngImport: i0, 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 [ngSwitch]=\"dataField.getComponentType()\">\n        <nc-password-text-field *ngSwitchCase=\"textFieldComponentEnum.PASSWORD\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>\n        <nc-textarea-field *ngSwitchCase=\"textFieldComponentEnum.TEXT_AREA\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-textarea-field *ngSwitchCase=\"'area'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"textFieldComponentEnum.RICH_TEXT_AREA\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'editor'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"textFieldComponentEnum.HTML_TEXT_AREA\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-dashboard-line-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_LINE_CHART\"\n                                            [textField]=\"dataField\"\n                                            [showLargeLayout]=\"showLargeLayout\"\n                                            [formControlRef]=\"formControl\"></nc-dashboard-line-chart-text-field>\n        <nc-dashboard-pie-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PIE_CHART\"\n                                           [textField]=\"dataField\"\n                                           [showLargeLayout]=\"showLargeLayout\"\n                                           [formControlRef]=\"formControl\"></nc-dashboard-pie-chart-text-field>\n        <nc-dashboard-bar-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_BAR_CHART\"\n                                           [textField]=\"dataField\"\n                                           [showLargeLayout]=\"showLargeLayout\"\n                                           [formControlRef]=\"formControl\"></nc-dashboard-bar-chart-text-field>\n        <nc-dashboard-iframe-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_IFRAME\"\n                                        [textField]=\"dataField\"\n                                        [showLargeLayout]=\"showLargeLayout\"\n                                        [formControlRef]=\"formControl\"></nc-dashboard-iframe-text-field>\n        <nc-dashboard-portal-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PORTAL\"\n                                        [textField]=\"dataField\"\n                                        [showLargeLayout]=\"showLargeLayout\"\n                                        [formControlRef]=\"formControl\"></nc-dashboard-portal-text-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%}\n"], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i2.PasswordTextFieldComponent, selector: "nc-password-text-field" }, { type: i3.TextareaFieldComponent, selector: "nc-textarea-field" }, { type: i4.RichTextareaFieldComponent, selector: "nc-rich-textarea-field" }, { type: i5.HtmlTextareaFieldComponent, selector: "nc-html-textarea-field" }, { type: i6.DashboardLineChartTextFieldComponent, selector: "nc-dashboard-line-chart-text-field" }, { type: i7.DashboardPieChartTextFieldComponent, selector: "nc-dashboard-pie-chart-text-field" }, { type: i8.DashboardBarChartTextFieldComponent, selector: "nc-dashboard-bar-chart-text-field" }, { type: i9.DashboardIframeTextFieldComponent, selector: "nc-dashboard-iframe-text-field" }, { type: i10.DashboardPortalTextFieldComponent, selector: "nc-dashboard-portal-text-field" }, { type: i11.SimpleTextFieldComponent, selector: "nc-simple-text-field" }], directives: [{ type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i12.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFieldComponent, decorators: [{
+TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextFieldComponent, selector: "nc-text-field", usesInheritance: true, ngImport: i0, 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 [ngSwitch]=\"dataField.getComponentType()\">\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-textarea-field *ngSwitchCase=\"'area'\" [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-rich-textarea-field *ngSwitchCase=\"'editor'\" [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-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [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%}\n"], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i2.PasswordTextFieldComponent, selector: "nc-password-text-field" }, { type: i3.TextareaFieldComponent, selector: "nc-textarea-field" }, { type: i4.RichTextareaFieldComponent, selector: "nc-rich-textarea-field" }, { type: i5.HtmlTextareaFieldComponent, selector: "nc-html-textarea-field" }, { type: i6.SimpleTextFieldComponent, selector: "nc-simple-text-field" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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 [ngSwitch]=\"dataField.getComponentType()\">\n        <nc-password-text-field *ngSwitchCase=\"textFieldComponentEnum.PASSWORD\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>\n        <nc-textarea-field *ngSwitchCase=\"textFieldComponentEnum.TEXT_AREA\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-textarea-field *ngSwitchCase=\"'area'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"textFieldComponentEnum.RICH_TEXT_AREA\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'editor'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"textFieldComponentEnum.HTML_TEXT_AREA\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-dashboard-line-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_LINE_CHART\"\n                                            [textField]=\"dataField\"\n                                            [showLargeLayout]=\"showLargeLayout\"\n                                            [formControlRef]=\"formControl\"></nc-dashboard-line-chart-text-field>\n        <nc-dashboard-pie-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PIE_CHART\"\n                                           [textField]=\"dataField\"\n                                           [showLargeLayout]=\"showLargeLayout\"\n                                           [formControlRef]=\"formControl\"></nc-dashboard-pie-chart-text-field>\n        <nc-dashboard-bar-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_BAR_CHART\"\n                                           [textField]=\"dataField\"\n                                           [showLargeLayout]=\"showLargeLayout\"\n                                           [formControlRef]=\"formControl\"></nc-dashboard-bar-chart-text-field>\n        <nc-dashboard-iframe-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_IFRAME\"\n                                        [textField]=\"dataField\"\n                                        [showLargeLayout]=\"showLargeLayout\"\n                                        [formControlRef]=\"formControl\"></nc-dashboard-iframe-text-field>\n        <nc-dashboard-portal-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PORTAL\"\n                                        [textField]=\"dataField\"\n                                        [showLargeLayout]=\"showLargeLayout\"\n                                        [formControlRef]=\"formControl\"></nc-dashboard-portal-text-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%}\n"] }]
+            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 [ngSwitch]=\"dataField.getComponentType()\">\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-textarea-field *ngSwitchCase=\"'area'\" [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-rich-textarea-field *ngSwitchCase=\"'editor'\" [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-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [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%}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUUsa0JBQWtCLElBQUksc0JBQXNCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFPakosTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUk5RCxZQUErRCxzQkFBc0M7UUFDakcsS0FBSyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFIbEMsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFJaEQsQ0FBQzs7Z0hBTlEsa0JBQWtCLGtCQUlLLDZCQUE2QjtvR0FKcEQsa0JBQWtCLDRFQ1IvQixvbUlBa0RBOzRGRDFDYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0ksZUFBZTs7MEJBUVosUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0VGV4dEZpZWxkQ29tcG9uZW50LCBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSwgVGV4dEZpZWxkQ29tcG9uZW50IGFzIFRleHRGaWVsZENvbXBvbmVudEVudW19IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RleHQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCB7XG5cbiAgICB0ZXh0RmllbGRDb21wb25lbnRFbnVtID0gVGV4dEZpZWxkQ29tcG9uZW50RW51bTtcblxuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKGluZm9ybUFib3V0SW52YWxpZERhdGEpO1xuICAgIH1cbn1cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT1cInRleHRGaWVsZFRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPVwidGFza09mZnNldFwiPlxuPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3RleHRGaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9XCJzaG93TGFyZ2VMYXlvdXRcIj5cbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJkYXRhRmllbGQuZ2V0Q29tcG9uZW50VHlwZSgpXCI+XG4gICAgICAgIDxuYy1wYXNzd29yZC10ZXh0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJ0ZXh0RmllbGRDb21wb25lbnRFbnVtLlBBU1NXT1JEXCIgW3Bhc3N3b3JkVGV4dEZpZWxkXT1cImRhdGFGaWVsZFwiIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy1wYXNzd29yZC10ZXh0LWZpZWxkPlxuICAgICAgICA8bmMtdGV4dGFyZWEtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uVEVYVF9BUkVBXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCIgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbiAgICAgICAgPG5jLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInYXJlYSdcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXRleHRhcmVhLWZpZWxkPlxuICAgICAgICA8bmMtcmljaC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwidGV4dEZpZWxkQ29tcG9uZW50RW51bS5SSUNIX1RFWFRfQVJFQVwiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy1yaWNoLXRleHRhcmVhLWZpZWxkPlxuICAgICAgICA8bmMtcmljaC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ2VkaXRvcidcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtcmljaC10ZXh0YXJlYS1maWVsZD5cbiAgICAgICAgPG5jLWh0bWwtdGV4dGFyZWEtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uSFRNTF9URVhUX0FSRUFcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtaHRtbC10ZXh0YXJlYS1maWVsZD5cbiAgICAgICAgPG5jLWh0bWwtdGV4dGFyZWEtZmllbGQgKm5nU3dpdGNoQ2FzZT1cIidodG1sRWRpdG9yJ1wiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy1odG1sLXRleHRhcmVhLWZpZWxkPlxuICAgICAgICA8bmMtZGFzaGJvYXJkLWxpbmUtY2hhcnQtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwidGV4dEZpZWxkQ29tcG9uZW50RW51bS5EQVNIQk9BUkRfTElORV9DSEFSVFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1saW5lLWNoYXJ0LXRleHQtZmllbGQ+XG4gICAgICAgIDxuYy1kYXNoYm9hcmQtcGllLWNoYXJ0LXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX1BJRV9DSEFSVFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RleHRGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZD5cbiAgICAgICAgPG5jLWRhc2hib2FyZC1iYXItY2hhcnQtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwidGV4dEZpZWxkQ29tcG9uZW50RW51bS5EQVNIQk9BUkRfQkFSX0NIQVJUXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGV4dEZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiPjwvbmMtZGFzaGJvYXJkLWJhci1jaGFydC10ZXh0LWZpZWxkPlxuICAgICAgICA8bmMtZGFzaGJvYXJkLWlmcmFtZS10ZXh0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJ0ZXh0RmllbGRDb21wb25lbnRFbnVtLkRBU0hCT0FSRF9JRlJBTUVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCI+PC9uYy1kYXNoYm9hcmQtaWZyYW1lLXRleHQtZmllbGQ+XG4gICAgICAgIDxuYy1kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX1BPUlRBTFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RleHRGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZD5cbiAgICAgICAgPG5jLXNpbXBsZS10ZXh0LWZpZWxkICpuZ1N3aXRjaERlZmF1bHQgW3RleHRGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXNpbXBsZS10ZXh0LWZpZWxkPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBT25HLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O2dIQUpRLGtCQUFrQixrQkFFSyw2QkFBNkI7b0dBRnBELGtCQUFrQiw0RUNSL0IsMHVFQThCQTs0RkR0QmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RleHQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBKSBpbmZvcm1BYm91dEludmFsaWREYXRhOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICBzdXBlcihpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG59XG4iLCI8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj1cIiFkYXRhRmllbGQuYmVoYXZpb3IuaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRUZW1wbGF0ZV09XCJ0ZXh0RmllbGRUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0ZXh0RmllbGRUZW1wbGF0ZSBsZXQtc2hvd0xhcmdlTGF5b3V0PVwic2hvd0xhcmdlTGF5b3V0XCI+XG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiZGF0YUZpZWxkLmdldENvbXBvbmVudFR5cGUoKVwiPlxuICAgICAgICA8bmMtcGFzc3dvcmQtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ3Bhc3N3b3JkJ1wiIFtwYXNzd29yZFRleHRGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtcGFzc3dvcmQtdGV4dC1maWVsZD5cbiAgICAgICAgPG5jLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCIndGV4dGFyZWEnXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCIgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbiAgICAgICAgPG5jLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInYXJlYSdcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXRleHRhcmVhLWZpZWxkPlxuICAgICAgICA8bmMtcmljaC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ3JpY2h0ZXh0YXJlYSdcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtcmljaC10ZXh0YXJlYS1maWVsZD5cbiAgICAgICAgPG5jLXJpY2gtdGV4dGFyZWEtZmllbGQgKm5nU3dpdGNoQ2FzZT1cIidlZGl0b3InXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXJpY2gtdGV4dGFyZWEtZmllbGQ+XG4gICAgICAgIDxuYy1odG1sLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInaHRtbHRleHRhcmVhJ1wiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy1odG1sLXRleHRhcmVhLWZpZWxkPlxuICAgICAgICA8bmMtaHRtbC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ2h0bWxFZGl0b3InXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLWh0bWwtdGV4dGFyZWEtZmllbGQ+XG4gICAgICAgIDxuYy1zaW1wbGUtdGV4dC1maWVsZCAqbmdTd2l0Y2hEZWZhdWx0IFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCIgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy1zaW1wbGUtdGV4dC1maWVsZD5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/lib/data-fields/text-field/textarea-field/textarea-field.component.mjs

@@ -15,9 +15,9 @@ export class TextareaFieldComponent extends AbstractTextareaFieldComponent {
         this._ngZone = _ngZone;
     }
 }
-TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TextareaFieldComponent, selector: "nc-textarea-field", usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldComponent, decorators: [{
+TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextareaFieldComponent, selector: "nc-textarea-field", usesInheritance: true, ngImport: i0, 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%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.NgZone }]; } });

package/esm2020/lib/data-fields/user-field/user-field.component.mjs

@@ -18,9 +18,9 @@ export class UserFieldComponent extends AbstractUserFieldComponent {
         this.selectAbstractUser(UserAssignComponent);
     }
 }
-UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, 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 class=\"netgrif-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\"\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\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            {{'dataField.user.selectUser' | translate}}\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n", styles: [""], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserFieldComponent, decorators: [{
+UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, 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 class=\"netgrif-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\"\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\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            {{'dataField.user.selectUser' | translate}}\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n", styles: [""], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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 class=\"netgrif-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\"\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\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            {{'dataField.user.selectUser' | translate}}\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{

package/esm2020/lib/data-fields/user-list-field/user-list-field.component.mjs

@@ -21,15 +21,15 @@ export class UserListFieldComponent extends AbstractUserListFieldComponent {
         this.removeAbstractUser(user);
     }
 }
-UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserListFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, 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    <mat-label class='netgrif-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 *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.length > 0'>\n        <span *ngFor='let user of dataField.value.userValues' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.fullName}}\n                <mat-icon (click)='deleteUser(user)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n            <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n        </span>\n    </span>\n\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UserListFieldComponent, decorators: [{
+UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, 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    <mat-label class='netgrif-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 *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.length > 0'>\n        <span *ngFor='let user of dataField.value.userValues' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.fullName}}\n                <mat-icon (click)='deleteUser(user)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n        </span>\n    </span>\n    <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-user-list-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    <mat-label class='netgrif-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 *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.length > 0'>\n        <span *ngFor='let user of dataField.value.userValues' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.fullName}}\n                <mat-icon (click)='deleteUser(user)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n            <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n        </span>\n    </span>\n\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
+            args: [{ selector: 'nc-user-list-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    <mat-label class='netgrif-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 *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n            [disabled]='formControl.disabled'\n            color='primary'\n            (click)='selectUser()'>\n        <mat-icon>person_add</mat-icon>\n        {{'dataField.user.selectUser' | translate}}\n    </button>\n    <span *ngIf='dataField?.value?.userValues?.length > 0'>\n        <span *ngFor='let user of dataField.value.userValues' class='user-list-item-margin'>\n            <button mat-stroked-button\n                    [disabled]='formControl.disabled'\n                    color='primary'>\n                <mat-icon>how_to_reg</mat-icon>\n                {{user.fullName}}\n                <mat-icon (click)='deleteUser(user)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n            </button>\n        </span>\n    </span>\n    <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [NAE_INFORM_ABOUT_INVALID_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDM0csT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsRUFJaEMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsOEJBQThCO0lBRXRFLFlBQVksZUFBZ0MsRUFDaEMsUUFBeUIsRUFDekIsU0FBMkIsRUFDd0Isc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxlQUFlLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFTSxVQUFVO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFlO1FBQzdCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDOztvSEFmUSxzQkFBc0IsZ0hBS0MsNkJBQTZCO3dHQUxwRCxzQkFBc0IsaUZDaEJuQyxxaERBZ0NBOzRGRGhCYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9COzswQkFTZixRQUFROzswQkFBSSxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgVXNlckFzc2lnbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NpZGUtbWVudS9jb250ZW50LWNvbXBvbmVudHMvdXNlci1hc3NpZ24vdXNlci1hc3NpZ24uY29tcG9uZW50JztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxuICAgIFNpZGVNZW51U2VydmljZSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVXNlclZhbHVlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXVzZXItbGlzdC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTGlzdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHNpZGVNZW51U2VydmljZTogU2lkZU1lbnVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHNuYWNrYmFyOiBTbmFja0JhclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKHNpZGVNZW51U2VydmljZSwgc25hY2tiYXIsIHRyYW5zbGF0ZSwgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdFVzZXIoKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0QWJzdHJhY3RVc2VyKFVzZXJBc3NpZ25Db21wb25lbnQpO1xuICAgIH1cblxuICAgIHB1YmxpYyBkZWxldGVVc2VyKHVzZXI6IFVzZXJWYWx1ZSkge1xuICAgICAgICB0aGlzLnJlbW92ZUFic3RyYWN0VXNlcih1c2VyKTtcbiAgICB9XG59XG4iLCI8bmMtZGF0YS1maWVsZC10ZW1wbGF0ZSAqbmdJZj0nIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW4nXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT0nZGF0YUZpZWxkJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT0nZGF0YUZpZWxkVGVtcGxhdGUnXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT0ndGFza09mZnNldCc+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD0nc2hvd0xhcmdlTGF5b3V0Jz5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPSduZXRncmlmLWxhYmVsJyAqbmdJZj0nIXNob3dMYXJnZUxheW91dC52YWx1ZSc+e3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9J2RhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZCcgW2lzSW5dPSchZGF0YUZpZWxkLmRpc2FibGVkJz48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8YnI+XG4gICAgPC9tYXQtbGFiZWw+XG4gICAgPGJ1dHRvbiAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkJyBtYXQtc3Ryb2tlZC1idXR0b24gY2xhc3M9J3VzZXItbGlzdC1pdGVtLW1hcmdpbidcbiAgICAgICAgICAgIFtkaXNhYmxlZF09J2Zvcm1Db250cm9sLmRpc2FibGVkJ1xuICAgICAgICAgICAgY29sb3I9J3ByaW1hcnknXG4gICAgICAgICAgICAoY2xpY2spPSdzZWxlY3RVc2VyKCknPlxuICAgICAgICA8bWF0LWljb24+cGVyc29uX2FkZDwvbWF0LWljb24+XG4gICAgICAgIHt7J2RhdGFGaWVsZC51c2VyLnNlbGVjdFVzZXInIHwgdHJhbnNsYXRlfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8c3BhbiAqbmdJZj0nZGF0YUZpZWxkPy52YWx1ZT8udXNlclZhbHVlcz8ubGVuZ3RoID4gMCc+XG4gICAgICAgIDxzcGFuICpuZ0Zvcj0nbGV0IHVzZXIgb2YgZGF0YUZpZWxkLnZhbHVlLnVzZXJWYWx1ZXMnIGNsYXNzPSd1c2VyLWxpc3QtaXRlbS1tYXJnaW4nPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT0nZm9ybUNvbnRyb2wuZGlzYWJsZWQnXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPSdwcmltYXJ5Jz5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAge3t1c2VyLmZ1bGxOYW1lfX1cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gKGNsaWNrKT0nZGVsZXRlVXNlcih1c2VyKScgY29sb3I9J3dhcm4nICpuZ0lmPSchZm9ybUNvbnRyb2wuZGlzYWJsZWQnPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPG1hdC1lcnJvciAqbmdJZj0nZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbCknPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9zcGFuPlxuXG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDM0csT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsRUFJaEMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7OztBQU9sQyxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsOEJBQThCO0lBRXRFLFlBQVksZUFBZ0MsRUFDaEMsUUFBeUIsRUFDekIsU0FBMkIsRUFDd0Isc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxlQUFlLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFTSxVQUFVO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFlO1FBQzdCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDOztvSEFmUSxzQkFBc0IsZ0hBS0MsNkJBQTZCO3dHQUxwRCxzQkFBc0IsaUZDaEJuQywyZ0RBK0JBOzRGRGZhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7OzBCQVNmLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBVc2VyQXNzaWduQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy91c2VyLWFzc2lnbi91c2VyLWFzc2lnbi5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG4gICAgU2lkZU1lbnVTZXJ2aWNlLFxuICAgIFNuYWNrQmFyU2VydmljZSxcbiAgICBVc2VyVmFsdWVcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3Ioc2lkZU1lbnVTZXJ2aWNlOiBTaWRlTWVudVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoc2lkZU1lbnVTZXJ2aWNlLCBzbmFja2JhciwgdHJhbnNsYXRlLCBpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoVXNlckFzc2lnbkNvbXBvbmVudCk7XG4gICAgfVxuXG4gICAgcHVibGljIGRlbGV0ZVVzZXIodXNlcjogVXNlclZhbHVlKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQWJzdHJhY3RVc2VyKHVzZXIpO1xuICAgIH1cbn1cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPSchZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlbidcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRdPSdkYXRhRmllbGQnXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPSdkYXRhRmllbGRUZW1wbGF0ZSdcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPSd0YXNrT2Zmc2V0Jz5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNkYXRhRmllbGRUZW1wbGF0ZSBsZXQtc2hvd0xhcmdlTGF5b3V0PSdzaG93TGFyZ2VMYXlvdXQnPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9J25ldGdyaWYtbGFiZWwnICpuZ0lmPSchc2hvd0xhcmdlTGF5b3V0LnZhbHVlJz57e2RhdGFGaWVsZC50aXRsZX19XG4gICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj0nZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkJyBbaXNJbl09JyFkYXRhRmllbGQuZGlzYWJsZWQnPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgICAgIDxicj5cbiAgICA8L21hdC1sYWJlbD5cbiAgICA8YnV0dG9uICpuZ0lmPSchZm9ybUNvbnRyb2wuZGlzYWJsZWQnIG1hdC1zdHJva2VkLWJ1dHRvbiBjbGFzcz0ndXNlci1saXN0LWl0ZW0tbWFyZ2luJ1xuICAgICAgICAgICAgW2Rpc2FibGVkXT0nZm9ybUNvbnRyb2wuZGlzYWJsZWQnXG4gICAgICAgICAgICBjb2xvcj0ncHJpbWFyeSdcbiAgICAgICAgICAgIChjbGljayk9J3NlbGVjdFVzZXIoKSc+XG4gICAgICAgIDxtYXQtaWNvbj5wZXJzb25fYWRkPC9tYXQtaWNvbj5cbiAgICAgICAge3snZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGV9fVxuICAgIDwvYnV0dG9uPlxuICAgIDxzcGFuICpuZ0lmPSdkYXRhRmllbGQ/LnZhbHVlPy51c2VyVmFsdWVzPy5sZW5ndGggPiAwJz5cbiAgICAgICAgPHNwYW4gKm5nRm9yPSdsZXQgdXNlciBvZiBkYXRhRmllbGQudmFsdWUudXNlclZhbHVlcycgY2xhc3M9J3VzZXItbGlzdC1pdGVtLW1hcmdpbic+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPSdmb3JtQ29udHJvbC5kaXNhYmxlZCdcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9J3ByaW1hcnknPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5ob3dfdG9fcmVnPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICB7e3VzZXIuZnVsbE5hbWV9fVxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPSdkZWxldGVVc2VyKHVzZXIpJyBjb2xvcj0nd2FybicgKm5nSWY9JyFmb3JtQ29udHJvbC5kaXNhYmxlZCc+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gICAgPG1hdC1lcnJvciAqbmdJZj0nZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbCknPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/forms/email-submission/email-submission-form.component.mjs

@@ -16,9 +16,9 @@ export class EmailSubmissionFormComponent extends AbstractEmailSubmissionFormCom
         super(formBuilder);
     }
 }
-EmailSubmissionFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-EmailSubmissionFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EmailSubmissionFormComponent, selector: "nc-email-submission-form", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"24px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required\n                       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\">\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>{{ 'dialog.submit' | translate}}</span>\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [".margin-top-4{margin-top:4px}.full-width{width:100%}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.LegalNoticeComponent, selector: "nc-legal-notice" }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.DefaultFlexOffsetDirective, selector: "  [fxFlexOffset], [fxFlexOffset.xs], [fxFlexOffset.sm], [fxFlexOffset.md],  [fxFlexOffset.lg], [fxFlexOffset.xl], [fxFlexOffset.lt-sm], [fxFlexOffset.lt-md],  [fxFlexOffset.lt-lg], [fxFlexOffset.lt-xl], [fxFlexOffset.gt-xs], [fxFlexOffset.gt-sm],  [fxFlexOffset.gt-md], [fxFlexOffset.gt-lg]", inputs: ["fxFlexOffset", "fxFlexOffset.xs", "fxFlexOffset.sm", "fxFlexOffset.md", "fxFlexOffset.lg", "fxFlexOffset.xl", "fxFlexOffset.lt-sm", "fxFlexOffset.lt-md", "fxFlexOffset.lt-lg", "fxFlexOffset.lt-xl", "fxFlexOffset.gt-xs", "fxFlexOffset.gt-sm", "fxFlexOffset.gt-md", "fxFlexOffset.gt-lg"] }], pipes: { "translate": i10.TranslatePipe, "async": i9.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponent, decorators: [{
+EmailSubmissionFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EmailSubmissionFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+EmailSubmissionFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EmailSubmissionFormComponent, selector: "nc-email-submission-form", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"24px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required\n                       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\">\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>{{ 'dialog.submit' | translate}}</span>\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [".margin-top-4{margin-top:4px}.full-width{width:100%}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.LegalNoticeComponent, selector: "nc-legal-notice" }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.DefaultFlexOffsetDirective, selector: "  [fxFlexOffset], [fxFlexOffset.xs], [fxFlexOffset.sm], [fxFlexOffset.md],  [fxFlexOffset.lg], [fxFlexOffset.xl], [fxFlexOffset.lt-sm], [fxFlexOffset.lt-md],  [fxFlexOffset.lt-lg], [fxFlexOffset.lt-xl], [fxFlexOffset.gt-xs], [fxFlexOffset.gt-sm],  [fxFlexOffset.gt-md], [fxFlexOffset.gt-lg]", inputs: ["fxFlexOffset", "fxFlexOffset.xs", "fxFlexOffset.sm", "fxFlexOffset.md", "fxFlexOffset.lg", "fxFlexOffset.xl", "fxFlexOffset.lt-sm", "fxFlexOffset.lt-md", "fxFlexOffset.lt-lg", "fxFlexOffset.lt-xl", "fxFlexOffset.gt-xs", "fxFlexOffset.gt-sm", "fxFlexOffset.gt-md", "fxFlexOffset.gt-lg"] }], pipes: { "translate": i10.TranslatePipe, "async": i9.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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 netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required\n                       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\">\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>{{ 'dialog.submit' | translate}}</span>\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [".margin-top-4{margin-top:4px}.full-width{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; } });

package/esm2020/lib/forms/email-submission/email-submission-form.module.mjs

@@ -8,14 +8,14 @@ import { LegalNoticeModule } from '../../legal/legal-notice/legal-notice.module'
 import * as i0 from "@angular/core";
 export class EmailSubmissionFormComponentModule {
 }
-EmailSubmissionFormComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EmailSubmissionFormComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponentModule, declarations: [EmailSubmissionFormComponent], imports: [CommonModule,
+EmailSubmissionFormComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EmailSubmissionFormComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EmailSubmissionFormComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EmailSubmissionFormComponentModule, declarations: [EmailSubmissionFormComponent], imports: [CommonModule,
         MaterialModule,
         FlexLayoutModule,
         ReactiveFormsModule,
         TranslateLibModule,
         LegalNoticeModule], exports: [EmailSubmissionFormComponent] });
-EmailSubmissionFormComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponentModule, imports: [[
+EmailSubmissionFormComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EmailSubmissionFormComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             FlexLayoutModule,
@@ -23,7 +23,7 @@ EmailSubmissionFormComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion
             TranslateLibModule,
             LegalNoticeModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailSubmissionFormComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EmailSubmissionFormComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EmailSubmissionFormComponent],

package/esm2020/lib/forms/forgotten-password/forgotten-password-form-component.module.mjs

@@ -7,20 +7,20 @@ import { ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class ForgottenPasswordFormComponentModule {
 }
-ForgottenPasswordFormComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ForgottenPasswordFormComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponentModule, declarations: [ForgottenPasswordFormComponent], imports: [CommonModule,
+ForgottenPasswordFormComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ForgottenPasswordFormComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ForgottenPasswordFormComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ForgottenPasswordFormComponentModule, declarations: [ForgottenPasswordFormComponent], imports: [CommonModule,
         MaterialModule,
         FlexLayoutModule,
         ReactiveFormsModule,
         TranslateLibModule], exports: [ForgottenPasswordFormComponent] });
-ForgottenPasswordFormComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponentModule, imports: [[
+ForgottenPasswordFormComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ForgottenPasswordFormComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             FlexLayoutModule,
             ReactiveFormsModule,
             TranslateLibModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ForgottenPasswordFormComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ForgottenPasswordFormComponent],

package/esm2020/lib/forms/forgotten-password/forgotten-password-form.component.mjs

@@ -16,9 +16,9 @@ export class ForgottenPasswordFormComponent extends AbstractForgottenPasswordCom
         super(formBuilder, signupService, log, translate);
     }
 }
-ForgottenPasswordFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SignUpService }, { token: i2.LoggerService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ForgottenPasswordFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ForgottenPasswordFormComponent, selector: "nc-forgotten-password-form", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\"\n                       autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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                <mat-spinner *ngIf=\"loadingSubmit | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loadingSubmit | async) === false\"\n                      fxFlex>{{ 'forms.forgottenPass.recover' | translate }}</span>\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%}\n"], components: [{ type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.MatSuffix, selector: "[matSuffix]" }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i9.DefaultFlexOffsetDirective, selector: "  [fxFlexOffset], [fxFlexOffset.xs], [fxFlexOffset.sm], [fxFlexOffset.md],  [fxFlexOffset.lg], [fxFlexOffset.xl], [fxFlexOffset.lt-sm], [fxFlexOffset.lt-md],  [fxFlexOffset.lt-lg], [fxFlexOffset.lt-xl], [fxFlexOffset.gt-xs], [fxFlexOffset.gt-sm],  [fxFlexOffset.gt-md], [fxFlexOffset.gt-lg]", inputs: ["fxFlexOffset", "fxFlexOffset.xs", "fxFlexOffset.sm", "fxFlexOffset.md", "fxFlexOffset.lg", "fxFlexOffset.xl", "fxFlexOffset.lt-sm", "fxFlexOffset.lt-md", "fxFlexOffset.lt-lg", "fxFlexOffset.lt-xl", "fxFlexOffset.gt-xs", "fxFlexOffset.gt-sm", "fxFlexOffset.gt-md", "fxFlexOffset.gt-lg"] }], pipes: { "async": i8.AsyncPipe, "translate": i3.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ForgottenPasswordFormComponent, decorators: [{
+ForgottenPasswordFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ForgottenPasswordFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.SignUpService }, { token: i2.LoggerService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ForgottenPasswordFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ForgottenPasswordFormComponent, selector: "nc-forgotten-password-form", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\"\n                       autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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                <mat-spinner *ngIf=\"loadingSubmit | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loadingSubmit | async) === false\"\n                      fxFlex>{{ 'forms.forgottenPass.recover' | translate }}</span>\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%}\n"], components: [{ type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.MatSuffix, selector: "[matSuffix]" }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { type: i9.DefaultFlexOffsetDirective, selector: "  [fxFlexOffset], [fxFlexOffset.xs], [fxFlexOffset.sm], [fxFlexOffset.md],  [fxFlexOffset.lg], [fxFlexOffset.xl], [fxFlexOffset.lt-sm], [fxFlexOffset.lt-md],  [fxFlexOffset.lt-lg], [fxFlexOffset.lt-xl], [fxFlexOffset.gt-xs], [fxFlexOffset.gt-sm],  [fxFlexOffset.gt-md], [fxFlexOffset.gt-lg]", inputs: ["fxFlexOffset", "fxFlexOffset.xs", "fxFlexOffset.sm", "fxFlexOffset.md", "fxFlexOffset.lg", "fxFlexOffset.xl", "fxFlexOffset.lt-sm", "fxFlexOffset.lt-md", "fxFlexOffset.lt-lg", "fxFlexOffset.lt-xl", "fxFlexOffset.gt-xs", "fxFlexOffset.gt-sm", "fxFlexOffset.gt-md", "fxFlexOffset.gt-lg"] }], pipes: { "async": i8.AsyncPipe, "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: 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 netgrif-input\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\"\n                       autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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\" class=\"netgrif-input\" >\n            <mat-icon color=\"primary\" class=\"netgrif-icon-fix\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\" appearance=\"outline\">\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                <mat-spinner *ngIf=\"loadingSubmit | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loadingSubmit | async) === false\"\n                      fxFlex>{{ 'forms.forgottenPass.recover' | translate }}</span>\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%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.SignUpService }, { type: i2.LoggerService }, { type: i3.TranslateService }]; } });