@netgrif/components 6.2.2 → 6.3.0-beta.1

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

@@ -23,7 +23,7 @@ export class I18nTextFieldComponent extends AbstractI18nTextFieldComponent {
     }
 }
 I18nTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: I18nTextFieldComponent, deps: [{ token: i1.LanguageIconsService }, { token: i2.TranslateService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-I18nTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: I18nTextFieldComponent, selector: "nc-i18n-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n            <input matInput\n                   [disabled]=\"true\"\n                   [ngModel]=\"currentValue[selectedLanguage]\"\n                   [placeholder]=\"textI18nField.placeholder\"\n                   [required]=\"textI18nField.behavior.required\">\n            <mat-hint>{{textI18nField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': textI18nField.isInvalid(formControlRef)}\">\n            {{textI18nField.title}}\n            <nc-required-label *ngIf=\"textI18nField.behavior.required\" [isIn]=\"!textI18nField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': textI18nField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"textI18nField.placeholder\"\n                   [required]=\"textI18nField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\" [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\"\n                  *ngIf=\"!textI18nField.isInvalid(formControlRef)\">{{textI18nField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\"\n                   *ngIf=\"textI18nField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;background:transparent}.form-input-interfield{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:48px}.form-input-interfield:hover{border:solid 2px black}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px black}.filled-language-row{min-height:28px;padding:4px 0}.filled-language-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#0009;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;height:0}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px}\n"], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i11.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: i12.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.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: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.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"] }, { type: i14.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: i14.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: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe }, animations: [
+I18nTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: I18nTextFieldComponent, selector: "nc-i18n-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n            <input matInput\n                   [disabled]=\"true\"\n                   [ngModel]=\"currentValue[selectedLanguage]\"\n                   [placeholder]=\"textI18nField.placeholder ? textI18nField.placeholder : ''\"\n                   [required]=\"textI18nField.behavior.required\">\n            <mat-hint>{{textI18nField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': textI18nField.isInvalid(formControlRef)}\">\n            {{textI18nField.title}}\n            <nc-required-label *ngIf=\"textI18nField.behavior.required\" [isIn]=\"!textI18nField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': textI18nField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"textI18nField.placeholder ? textI18nField.placeholder : ''\"\n                   [required]=\"textI18nField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\"\n                 class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\"\n                        [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\"\n                  *ngIf=\"!textI18nField.isInvalid(formControlRef)\">{{textI18nField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\"\n                   *ngIf=\"textI18nField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;background:transparent}.form-input-interfield{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:48px}.form-input-interfield:hover{border:solid 2px black}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px black}.filled-language-row{min-height:28px;padding:4px 0}.filled-language-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#0009;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;height:0}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px}\n"], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i11.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: i12.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.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: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.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"] }, { type: i14.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: i14.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: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe }, animations: [
         trigger('languageWrapper', [
             state('true', style({
                 transform: 'scaleY(1)'
@@ -56,6 +56,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                                 animate('0.1s')
                             ]),
                         ])
-                    ], template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n            <input matInput\n                   [disabled]=\"true\"\n                   [ngModel]=\"currentValue[selectedLanguage]\"\n                   [placeholder]=\"textI18nField.placeholder\"\n                   [required]=\"textI18nField.behavior.required\">\n            <mat-hint>{{textI18nField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': textI18nField.isInvalid(formControlRef)}\">\n            {{textI18nField.title}}\n            <nc-required-label *ngIf=\"textI18nField.behavior.required\" [isIn]=\"!textI18nField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': textI18nField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"textI18nField.placeholder\"\n                   [required]=\"textI18nField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\" [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\"\n                  *ngIf=\"!textI18nField.isInvalid(formControlRef)\">{{textI18nField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\"\n                   *ngIf=\"textI18nField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;background:transparent}.form-input-interfield{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:48px}.form-input-interfield:hover{border:solid 2px black}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px black}.filled-language-row{min-height:28px;padding:4px 0}.filled-language-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#0009;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;height:0}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px}\n"] }]
+                    ], template: "<ng-template [ngIf]=\"formControlRef.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n            <input matInput\n                   [disabled]=\"true\"\n                   [ngModel]=\"currentValue[selectedLanguage]\"\n                   [placeholder]=\"textI18nField.placeholder ? textI18nField.placeholder : ''\"\n                   [required]=\"textI18nField.behavior.required\">\n            <mat-hint>{{textI18nField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n                {{currentValue[selectedLanguage]}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!formControlRef.disabled\">\n    <div class=\"full-width\">\n        <div #i18nLabel class=\"i18n-label\" [ngClass]=\"{'invalid-form-label': textI18nField.isInvalid(formControlRef)}\">\n            {{textI18nField.title}}\n            <nc-required-label *ngIf=\"textI18nField.behavior.required\" [isIn]=\"!textI18nField.disabled\"></nc-required-label>\n        </div>\n        <div class=\"form-input-interfield button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'invalid-form-input': textI18nField.isInvalid(formControlRef), 'form-input-disabled': formControlRef.disabled}\"\n             [ngStyle]=\"{\n                    '-webkit-clip-path': getCutProperty(i18nLabel),\n                    'clip-path': getCutProperty(i18nLabel)\n            }\">\n            <button mat-icon-button color=\"accent\" [matTooltip]=\"'dataField.i18n.languageSelect' | translate\"\n                    class=\"language-selector-button\" (click)=\"languageDropdown.open()\">\n                <div class=\"language-svg-wrapper\"\n                     [innerHTML]=\"getLanguageIcons()[this.selectedLanguage].svgIcon\"></div>\n            </button>\n            <mat-select #languageDropdown class=\"language-select\">\n                <mat-option *ngFor=\"let languageKey of languageKeys\"\n                            [value]=\"languageKey\" (click)=\"selectLanguage(languageKey)\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\" center\">\n                        <div [innerHTML]=\"getLanguageIcons()[languageKey].svgIcon\" class=\"language-option-icon\"></div>\n                        <span class=\"language-option-value\">{{getLanguageIcons()[languageKey].languageName}}</span>\n                    </div>\n                </mat-option>\n            </mat-select>\n            <input class=\"selected-language-value\"\n                   type=\"text\"\n                   [placeholder]=\"textI18nField.placeholder ? textI18nField.placeholder : ''\"\n                   [required]=\"textI18nField.behavior.required\"\n                   [(ngModel)]=\"currentValue[selectedLanguage]\"\n                   (blur)=\"setSelectedValue()\">\n            <button mat-icon-button (click)=\"toggleFilled()\"\n                    [matTooltip]=\"(filledShown ? 'dataField.i18n.hideTranslations' : 'dataField.i18n.showTranslations') | translate\">\n                <mat-icon color=\"warn\">{{filledShown ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>\n            </button>\n        </div>\n\n        <div fxLayout=\"column\" class=\"filled-languages-wrapper\"\n             [@languageWrapper]=\"filledShown\"\n             (@languageWrapper.start)=\"$event.element.style.display = 'block'\"\n             (@languageWrapper.done)=\"$event.element.style.display = ($event.toState ? 'block' : 'none')\">\n            <div *ngFor=\"let filledKey of filledKeys\" fxLayout=\"row\" fxLayoutAlign=\" center\"\n                 class=\"filled-language-row\">\n                <div class=\"filled-language-icon\" [innerHTML]=\"getLanguageIcons()[filledKey].svgIcon\"></div>\n                <span class=\"filled-language-value\">{{currentValue[filledKey]}}</span>\n                <button class=\"filled-language-button\" *ngIf=\"!isDefaultValue(filledKey)\" mat-icon-button\n                        (click)=\"removeTranslation(filledKey)\"\n                        [matTooltip]=\"'dataField.i18n.deleteTranslation' | translate\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n        </div>\n        <mat-hint class=\"i18n-hint-error\"\n                  *ngIf=\"!textI18nField.isInvalid(formControlRef)\">{{textI18nField.description}}</mat-hint>\n        <mat-error class=\"i18n-hint-error\"\n                   *ngIf=\"textI18nField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}.selected-language-value{outline:none;padding:9px 0;width:calc(100% - 56px);font-size:14px;border:0;margin-left:8px;background:transparent}.form-input-interfield{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;box-sizing:border-box;height:48px}.form-input-interfield:hover{border:solid 2px black}.button-icon-input{padding:2px}.button-icon-input:hover{padding:1px!important}.i18n-hint-error{padding:0 1em;font-size:75%}.language-svg-wrapper{height:20px;line-height:normal}.language-selector-button{width:auto;margin-left:8px;margin-right:4px}.language-selector-wrapper{margin:0 8px}.language-svg-icon{border:solid 1px black}.filled-language-row{min-height:28px;padding:4px 0}.filled-language-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.filled-languages-wrapper{border-radius:0 0 6px 6px;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-top:-5px;padding-top:5px;transform-origin:top}.filled-language-icon{margin:0 10px;height:20px}.filled-language-value{margin-left:20px}.filled-language-button{margin-left:auto;height:24px;width:24px;line-height:normal;margin-right:10px}.language-select{width:18px!important}.language-option-icon{margin-left:0}.language-option-value{margin-left:16px}.i18n-label{transform:translate(.4em,-.4em) scale(.75);transform-origin:left;color:#0009;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;height:0}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.LanguageIconsService }, { type: i2.TranslateService }, { type: i3.DomSanitizer }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi10ZXh0LWZpZWxkL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tdGV4dC1maWVsZC9pMThuLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUMsOEJBQThCLEVBQXVCLE1BQU0sMEJBQTBCLENBQUM7QUFHOUYsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFDdEUsWUFBWSxvQkFBMEMsRUFBRSxnQkFBa0MsRUFBRSxZQUEwQjtRQUNsSCxLQUFLLENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFDaEUsQ0FBQzs7b0hBSFEsc0JBQXNCO3dHQUF0QixzQkFBc0IsaUZDNUJuQywyMUpBOEVBLDQyTURuRWdCO1FBQ1IsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1lBQ3ZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dCQUNoQixTQUFTLEVBQUUsV0FBVzthQUN6QixDQUFDLENBQUM7WUFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQkFDakIsU0FBUyxFQUFFLFdBQVc7YUFDekIsQ0FBQyxDQUFDO1lBQ0gsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQkFDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzthQUNsQixDQUFDO1lBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQkFDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzthQUNsQixDQUFDO1NBQ0wsQ0FBQztLQUNMOzRGQUVRLHNCQUFzQjtrQkF0QmxDLFNBQVM7K0JBQ0ksb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksY0FDekI7d0JBQ1IsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN2QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDaEIsU0FBUyxFQUFFLFdBQVc7NkJBQ3pCLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQ0FDakIsU0FBUyxFQUFFLFdBQVc7NkJBQ3pCLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsZUFBZSxFQUFFO2dDQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDOzZCQUNsQixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQ3hCLE9BQU8sQ0FBQyxNQUFNLENBQUM7NkJBQ2xCLENBQUM7eUJBQ0wsQ0FBQztxQkFDTCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0STE4blRleHRGaWVsZENvbXBvbmVudCwgTGFuZ3VhZ2VJY29uc1NlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWkxOG4tdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2xhbmd1YWdlV3JhcHBlcicsIFtcbiAgICAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxKSdcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMCknXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd0cnVlID0+IGZhbHNlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBJMThuVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RJMThuVGV4dEZpZWxkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihsYW5ndWFnZUljb25zU2VydmljZTogTGFuZ3VhZ2VJY29uc1NlcnZpY2UsIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gICAgICAgIHN1cGVyKGxhbmd1YWdlSWNvbnNTZXJ2aWNlLCB0cmFuc2xhdGVTZXJ2aWNlLCBkb21TYW5pdGl6ZXIpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNQbGFpblRleHQoKVwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwidGV4dEkxOG5GaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgICAgICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3t0ZXh0STE4bkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dFxuICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV1cIlxuICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0ZXh0STE4bkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiPlxuICAgICAgICAgICAgPG1hdC1oaW50Pnt7dGV4dEkxOG5GaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc1BsYWluVGV4dCgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmdWxsLXdpZHRoXCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCdmb250U2l6ZScpICYmIHsnZm9udC1zaXplJzogZ2V0VGV4dEZvbnRTaXplKCl9XCI+XG4gICAgICAgICAgICA8c3BhbiBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCd0ZXh0Q29sb3InKSAmJiB7J2NvbG9yJzogZ2V0VGV4dENvbG9yKCl9XCI+XG4gICAgICAgICAgICAgICAge3tjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV19fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICA8ZGl2ICNpMThuTGFiZWwgY2xhc3M9XCJpMThuLWxhYmVsXCIgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0tbGFiZWwnOiB0ZXh0STE4bkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCI+XG4gICAgICAgICAgICB7e3RleHRJMThuRmllbGQudGl0bGV9fVxuICAgICAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiF0ZXh0STE4bkZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWlucHV0LWludGVyZmllbGQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0taW5wdXQnOiB0ZXh0STE4bkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZiksICdmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KGkxOG5MYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShpMThuTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuaTE4bi5sYW5ndWFnZVNlbGVjdCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhbmd1YWdlLXNlbGVjdG9yLWJ1dHRvblwiIChjbGljayk9XCJsYW5ndWFnZURyb3Bkb3duLm9wZW4oKVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYW5ndWFnZS1zdmctd3JhcHBlclwiXG4gICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVt0aGlzLnNlbGVjdGVkTGFuZ3VhZ2VdLnN2Z0ljb25cIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPG1hdC1zZWxlY3QgI2xhbmd1YWdlRHJvcGRvd24gY2xhc3M9XCJsYW5ndWFnZS1zZWxlY3RcIj5cbiAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgbGFuZ3VhZ2VLZXkgb2YgbGFuZ3VhZ2VLZXlzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwibGFuZ3VhZ2VLZXlcIiAoY2xpY2spPVwic2VsZWN0TGFuZ3VhZ2UobGFuZ3VhZ2VLZXkpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVtsYW5ndWFnZUtleV0uc3ZnSWNvblwiIGNsYXNzPVwibGFuZ3VhZ2Utb3B0aW9uLWljb25cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFuZ3VhZ2Utb3B0aW9uLXZhbHVlXCI+e3tnZXRMYW5ndWFnZUljb25zKClbbGFuZ3VhZ2VLZXldLmxhbmd1YWdlTmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJzZWxlY3RlZC1sYW5ndWFnZS12YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0ZXh0STE4bkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV1cIlxuICAgICAgICAgICAgICAgICAgIChibHVyKT1cInNldFNlbGVjdGVkVmFsdWUoKVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZUZpbGxlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiKGZpbGxlZFNob3duID8gJ2RhdGFGaWVsZC5pMThuLmhpZGVUcmFuc2xhdGlvbnMnIDogJ2RhdGFGaWVsZC5pMThuLnNob3dUcmFuc2xhdGlvbnMnKSB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj57e2ZpbGxlZFNob3duID8gJ2Fycm93X2Ryb3BfdXAnIDogJ2Fycm93X2Ryb3BfZG93bid9fTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlcy13cmFwcGVyXCJcbiAgICAgICAgICAgICBbQGxhbmd1YWdlV3JhcHBlcl09XCJmaWxsZWRTaG93blwiXG4gICAgICAgICAgICAgKEBsYW5ndWFnZVdyYXBwZXIuc3RhcnQpPVwiJGV2ZW50LmVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICdibG9jaydcIlxuICAgICAgICAgICAgIChAbGFuZ3VhZ2VXcmFwcGVyLmRvbmUpPVwiJGV2ZW50LmVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICgkZXZlbnQudG9TdGF0ZSA/ICdibG9jaycgOiAnbm9uZScpXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWxsZWRLZXkgb2YgZmlsbGVkS2V5c1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cIiBjZW50ZXJcIiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS1yb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLWljb25cIiBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVtmaWxsZWRLZXldLnN2Z0ljb25cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS12YWx1ZVwiPnt7Y3VycmVudFZhbHVlW2ZpbGxlZEtleV19fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLWJ1dHRvblwiICpuZ0lmPVwiIWlzRGVmYXVsdFZhbHVlKGZpbGxlZEtleSlcIiBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmVUcmFuc2xhdGlvbihmaWxsZWRLZXkpXCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5pMThuLmRlbGV0ZVRyYW5zbGF0aW9uJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LWhpbnQgY2xhc3M9XCJpMThuLWhpbnQtZXJyb3JcIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhdGV4dEkxOG5GaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3t0ZXh0STE4bkZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiaTE4bi1oaW50LWVycm9yXCJcbiAgICAgICAgICAgICAgICAgICAqbmdJZj1cInRleHRJMThuRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi10ZXh0LWZpZWxkL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tdGV4dC1maWVsZC9pMThuLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUMsOEJBQThCLEVBQXVCLE1BQU0sMEJBQTBCLENBQUM7QUFHOUYsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFDdEUsWUFBWSxvQkFBMEMsRUFBRSxnQkFBa0MsRUFBRSxZQUEwQjtRQUNsSCxLQUFLLENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFDaEUsQ0FBQzs7b0hBSFEsc0JBQXNCO3dHQUF0QixzQkFBc0IsaUZDNUJuQyx3OEpBZ0ZBLDQyTURyRWdCO1FBQ1IsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1lBQ3ZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dCQUNoQixTQUFTLEVBQUUsV0FBVzthQUN6QixDQUFDLENBQUM7WUFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQkFDakIsU0FBUyxFQUFFLFdBQVc7YUFDekIsQ0FBQyxDQUFDO1lBQ0gsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQkFDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzthQUNsQixDQUFDO1lBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtnQkFDeEIsT0FBTyxDQUFDLE1BQU0sQ0FBQzthQUNsQixDQUFDO1NBQ0wsQ0FBQztLQUNMOzRGQUVRLHNCQUFzQjtrQkF0QmxDLFNBQVM7K0JBQ0ksb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksY0FDekI7d0JBQ1IsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN2QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDaEIsU0FBUyxFQUFFLFdBQVc7NkJBQ3pCLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQ0FDakIsU0FBUyxFQUFFLFdBQVc7NkJBQ3pCLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsZUFBZSxFQUFFO2dDQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDOzZCQUNsQixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxlQUFlLEVBQUU7Z0NBQ3hCLE9BQU8sQ0FBQyxNQUFNLENBQUM7NkJBQ2xCLENBQUM7eUJBQ0wsQ0FBQztxQkFDTCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0STE4blRleHRGaWVsZENvbXBvbmVudCwgTGFuZ3VhZ2VJY29uc1NlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXJ9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWkxOG4tdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2kxOG4tdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaTE4bi10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2xhbmd1YWdlV3JhcHBlcicsIFtcbiAgICAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgxKSdcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMCknXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd0cnVlID0+IGZhbHNlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgW1xuICAgICAgICAgICAgICAgIGFuaW1hdGUoJzAuMXMnKVxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBJMThuVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RJMThuVGV4dEZpZWxkQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcihsYW5ndWFnZUljb25zU2VydmljZTogTGFuZ3VhZ2VJY29uc1NlcnZpY2UsIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gICAgICAgIHN1cGVyKGxhbmd1YWdlSWNvbnNTZXJ2aWNlLCB0cmFuc2xhdGVTZXJ2aWNlLCBkb21TYW5pdGl6ZXIpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNQbGFpblRleHQoKVwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwidGV4dEkxOG5GaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgICAgICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3t0ZXh0STE4bkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dFxuICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV1cIlxuICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0ZXh0STE4bkZpZWxkLnBsYWNlaG9sZGVyID8gdGV4dEkxOG5GaWVsZC5wbGFjZWhvbGRlciA6ICcnXCJcbiAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiPlxuICAgICAgICAgICAgPG1hdC1oaW50Pnt7dGV4dEkxOG5GaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpc1BsYWluVGV4dCgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmdWxsLXdpZHRoXCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCdmb250U2l6ZScpICYmIHsnZm9udC1zaXplJzogZ2V0VGV4dEZvbnRTaXplKCl9XCI+XG4gICAgICAgICAgICA8c3BhbiBbbmdTdHlsZV09XCJ0ZXh0UHJvcGVydHlFbmFibGVkKCd0ZXh0Q29sb3InKSAmJiB7J2NvbG9yJzogZ2V0VGV4dENvbG9yKCl9XCI+XG4gICAgICAgICAgICAgICAge3tjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV19fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICA8ZGl2ICNpMThuTGFiZWwgY2xhc3M9XCJpMThuLWxhYmVsXCIgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0tbGFiZWwnOiB0ZXh0STE4bkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCI+XG4gICAgICAgICAgICB7e3RleHRJMThuRmllbGQudGl0bGV9fVxuICAgICAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiF0ZXh0STE4bkZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWlucHV0LWludGVyZmllbGQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydpbnZhbGlkLWZvcm0taW5wdXQnOiB0ZXh0STE4bkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZiksICdmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KGkxOG5MYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eShpMThuTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuaTE4bi5sYW5ndWFnZVNlbGVjdCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhbmd1YWdlLXNlbGVjdG9yLWJ1dHRvblwiIChjbGljayk9XCJsYW5ndWFnZURyb3Bkb3duLm9wZW4oKVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYW5ndWFnZS1zdmctd3JhcHBlclwiXG4gICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVt0aGlzLnNlbGVjdGVkTGFuZ3VhZ2VdLnN2Z0ljb25cIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPG1hdC1zZWxlY3QgI2xhbmd1YWdlRHJvcGRvd24gY2xhc3M9XCJsYW5ndWFnZS1zZWxlY3RcIj5cbiAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgbGFuZ3VhZ2VLZXkgb2YgbGFuZ3VhZ2VLZXlzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwibGFuZ3VhZ2VLZXlcIiAoY2xpY2spPVwic2VsZWN0TGFuZ3VhZ2UobGFuZ3VhZ2VLZXkpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVtsYW5ndWFnZUtleV0uc3ZnSWNvblwiIGNsYXNzPVwibGFuZ3VhZ2Utb3B0aW9uLWljb25cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFuZ3VhZ2Utb3B0aW9uLXZhbHVlXCI+e3tnZXRMYW5ndWFnZUljb25zKClbbGFuZ3VhZ2VLZXldLmxhbmd1YWdlTmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJzZWxlY3RlZC1sYW5ndWFnZS12YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0ZXh0STE4bkZpZWxkLnBsYWNlaG9sZGVyID8gdGV4dEkxOG5GaWVsZC5wbGFjZWhvbGRlciA6ICcnXCJcbiAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwidGV4dEkxOG5GaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjdXJyZW50VmFsdWVbc2VsZWN0ZWRMYW5ndWFnZV1cIlxuICAgICAgICAgICAgICAgICAgIChibHVyKT1cInNldFNlbGVjdGVkVmFsdWUoKVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZUZpbGxlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiKGZpbGxlZFNob3duID8gJ2RhdGFGaWVsZC5pMThuLmhpZGVUcmFuc2xhdGlvbnMnIDogJ2RhdGFGaWVsZC5pMThuLnNob3dUcmFuc2xhdGlvbnMnKSB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj57e2ZpbGxlZFNob3duID8gJ2Fycm93X2Ryb3BfdXAnIDogJ2Fycm93X2Ryb3BfZG93bid9fTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlcy13cmFwcGVyXCJcbiAgICAgICAgICAgICBbQGxhbmd1YWdlV3JhcHBlcl09XCJmaWxsZWRTaG93blwiXG4gICAgICAgICAgICAgKEBsYW5ndWFnZVdyYXBwZXIuc3RhcnQpPVwiJGV2ZW50LmVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICdibG9jaydcIlxuICAgICAgICAgICAgIChAbGFuZ3VhZ2VXcmFwcGVyLmRvbmUpPVwiJGV2ZW50LmVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICgkZXZlbnQudG9TdGF0ZSA/ICdibG9jaycgOiAnbm9uZScpXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWxsZWRLZXkgb2YgZmlsbGVkS2V5c1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cIiBjZW50ZXJcIlxuICAgICAgICAgICAgICAgICBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS1yb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLWljb25cIiBbaW5uZXJIVE1MXT1cImdldExhbmd1YWdlSWNvbnMoKVtmaWxsZWRLZXldLnN2Z0ljb25cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbGxlZC1sYW5ndWFnZS12YWx1ZVwiPnt7Y3VycmVudFZhbHVlW2ZpbGxlZEtleV19fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZmlsbGVkLWxhbmd1YWdlLWJ1dHRvblwiICpuZ0lmPVwiIWlzRGVmYXVsdFZhbHVlKGZpbGxlZEtleSlcIiBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmVUcmFuc2xhdGlvbihmaWxsZWRLZXkpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuaTE4bi5kZWxldGVUcmFuc2xhdGlvbicgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwid2FyblwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG1hdC1oaW50IGNsYXNzPVwiaTE4bi1oaW50LWVycm9yXCJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIXRleHRJMThuRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7dGV4dEkxOG5GaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPG1hdC1lcnJvciBjbGFzcz1cImkxOG4taGludC1lcnJvclwiXG4gICAgICAgICAgICAgICAgICAgKm5nSWY9XCJ0ZXh0STE4bkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57e2dldEVycm9yTWVzc2FnZSgpfX08L21hdC1lcnJvcj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/lib/data-fields/multichoice-field/multichoice-autocomplete-field/multichoice-autocomplete-field.component.mjs

@@ -16,9 +16,9 @@ export class MultichoiceAutocompleteFieldComponent extends AbstractMultichoiceAu
     }
 }
 MultichoiceAutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultichoiceAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MultichoiceAutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultichoiceAutocompleteFieldComponent, selector: "nc-multichoice-autocomplete-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of multichoiceField.value\" (removed)=\"remove(option)\">\n            {{option}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"multichoiceField.placeholder\"\n            [required]=\"multichoiceField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (onSelectionChange)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{multichoiceField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i2.MatChipRemove, selector: "[matChipRemove]" }, { 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: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i6.AsyncPipe, "translate": i9.TranslatePipe } });
+MultichoiceAutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultichoiceAutocompleteFieldComponent, selector: "nc-multichoice-autocomplete-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of multichoiceField.value\" (removed)=\"remove(option)\">\n            {{getValueFromKey(option)}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"multichoiceField.placeholder\"\n            [required]=\"multichoiceField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{multichoiceField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i2.MatChipRemove, selector: "[matChipRemove]" }, { 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: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i6.AsyncPipe, "translate": i9.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultichoiceAutocompleteFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-multichoice-autocomplete-field', template: "<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of multichoiceField.value\" (removed)=\"remove(option)\">\n            {{option}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"multichoiceField.placeholder\"\n            [required]=\"multichoiceField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (onSelectionChange)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{multichoiceField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+            args: [{ selector: 'nc-multichoice-autocomplete-field', template: "<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n        <mat-chip\n            *ngFor=\"let option of multichoiceField.value\" (removed)=\"remove(option)\">\n            {{getValueFromKey(option)}}\n            <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n                <mat-icon>cancel</mat-icon>\n            </button>\n        </mat-chip>\n        <input\n            aria-label=\"Autocomplete\"\n            matInput\n            #input\n            [placeholder]=\"multichoiceField.placeholder\"\n            [required]=\"multichoiceField.behavior.required\"\n            [matAutocomplete]=\"auto\"\n            [matChipInputFor]=\"chipList\"\n            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n            (keyup)=\"change()\">\n    </mat-chip-list>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"add(option)\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{multichoiceField.description}}</mat-hint>\n    <mat-error\n        *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL211bHRpY2hvaWNlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC9tdWx0aWNob2ljZS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvbXVsdGljaG9pY2UtZmllbGQvbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBQyxzREFBc0QsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9oRyxNQUFNLE9BQU8scUNBQXVDLFNBQVEsc0RBQXNEO0lBRTlHO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzttSUFKUSxxQ0FBcUM7dUhBQXJDLHFDQUFxQyxnR0NSbEQsbWtEQStCQTs0RkR2QmEscUNBQXFDO2tCQUxqRCxTQUFTOytCQUNFLG1DQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0TXVsdGljaG9pY2VBdXRvY29tcGxldGVGaWVsZENvbXBvbmVudENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpY2hvaWNlQXV0b2NvbXBsZXRlRmllbGRDb21wb25lbnQgIGV4dGVuZHMgQWJzdHJhY3RNdWx0aWNob2ljZUF1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50Q29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cIm11bHRpY2hvaWNlRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e211bHRpY2hvaWNlRmllbGQudGl0bGV9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtY2hpcC1saXN0ICNjaGlwTGlzdCBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCIgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCI+XG4gICAgICAgIDxtYXQtY2hpcFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBtdWx0aWNob2ljZUZpZWxkLnZhbHVlXCIgKHJlbW92ZWQpPVwicmVtb3ZlKG9wdGlvbilcIj5cbiAgICAgICAgICAgIHt7b3B0aW9ufX1cbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIiBtYXRDaGlwUmVtb3ZlPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNoaXA+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgYXJpYS1sYWJlbD1cIkF1dG9jb21wbGV0ZVwiXG4gICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgI2lucHV0XG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwibXVsdGljaG9pY2VGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwibXVsdGljaG9pY2VGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIlxuICAgICAgICAgICAgW21hdENoaXBJbnB1dEZvcl09XCJjaGlwTGlzdFwiXG4gICAgICAgICAgICBbbWF0Q2hpcElucHV0U2VwYXJhdG9yS2V5Q29kZXNdPVwic2VwYXJhdG9yS2V5c0NvZGVzXCJcbiAgICAgICAgICAgIChrZXl1cCk9XCJjaGFuZ2UoKVwiPlxuICAgIDwvbWF0LWNoaXAtbGlzdD5cbiAgICA8bWF0LWF1dG9jb21wbGV0ZSBbZGlzcGxheVdpdGhdPVwicmVuZGVyU2VsZWN0aW9uXCIgYXV0b0FjdGl2ZUZpcnN0T3B0aW9uICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+LS0tPC9tYXQtb3B0aW9uPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucyB8IGFzeW5jXCIgW3ZhbHVlXT1cIm9wdGlvbi5rZXlcIiAob25TZWxlY3Rpb25DaGFuZ2UpPVwiYWRkKG9wdGlvbilcIj5cbiAgICAgICAgICAgIHt7b3B0aW9uLnZhbHVlfX1cbiAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgICA8bWF0LWhpbnQ+e3ttdWx0aWNob2ljZUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3JcbiAgICAgICAgKm5nSWY9XCJtdWx0aWNob2ljZUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL211bHRpY2hvaWNlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC9tdWx0aWNob2ljZS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvbXVsdGljaG9pY2UtZmllbGQvbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBQyxzREFBc0QsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU9oRyxNQUFNLE9BQU8scUNBQXVDLFNBQVEsc0RBQXNEO0lBRTlHO1FBQ0ksS0FBSyxFQUFFLENBQUM7SUFDWixDQUFDOzttSUFKUSxxQ0FBcUM7dUhBQXJDLHFDQUFxQyxnR0NSbEQsd2tEQStCQTs0RkR2QmEscUNBQXFDO2tCQUxqRCxTQUFTOytCQUNFLG1DQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0TXVsdGljaG9pY2VBdXRvY29tcGxldGVGaWVsZENvbXBvbmVudENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtbXVsdGljaG9pY2UtYXV0b2NvbXBsZXRlLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL211bHRpY2hvaWNlLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpY2hvaWNlQXV0b2NvbXBsZXRlRmllbGRDb21wb25lbnQgIGV4dGVuZHMgQWJzdHJhY3RNdWx0aWNob2ljZUF1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50Q29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cIm11bHRpY2hvaWNlRmllbGQubWF0ZXJpYWxBcHBlYXJhbmNlXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e211bHRpY2hvaWNlRmllbGQudGl0bGV9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtY2hpcC1saXN0ICNjaGlwTGlzdCBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCIgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCI+XG4gICAgICAgIDxtYXQtY2hpcFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBtdWx0aWNob2ljZUZpZWxkLnZhbHVlXCIgKHJlbW92ZWQpPVwicmVtb3ZlKG9wdGlvbilcIj5cbiAgICAgICAgICAgIHt7Z2V0VmFsdWVGcm9tS2V5KG9wdGlvbil9fVxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIG1hdENoaXBSZW1vdmU+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2hpcD5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAjaW5wdXRcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJtdWx0aWNob2ljZUZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgIFtyZXF1aXJlZF09XCJtdWx0aWNob2ljZUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgIFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG4gICAgICAgICAgICBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBMaXN0XCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRTZXBhcmF0b3JLZXlDb2Rlc109XCJzZXBhcmF0b3JLZXlzQ29kZXNcIlxuICAgICAgICAgICAgKGtleXVwKT1cImNoYW5nZSgpXCI+XG4gICAgPC9tYXQtY2hpcC1saXN0PlxuICAgIDxtYXQtYXV0b2NvbXBsZXRlIFtkaXNwbGF5V2l0aF09XCJyZW5kZXJTZWxlY3Rpb25cIiBhdXRvQWN0aXZlRmlyc3RPcHRpb24gI2F1dG89XCJtYXRBdXRvY29tcGxldGVcIj5cbiAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm51bGxcIj4tLS08L21hdC1vcHRpb24+XG4gICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zIHwgYXN5bmNcIiBbdmFsdWVdPVwib3B0aW9uLmtleVwiIChjbGljayk9XCJhZGQob3B0aW9uKVwiPlxuICAgICAgICAgICAge3tvcHRpb24udmFsdWV9fVxuICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgPC9tYXQtYXV0b2NvbXBsZXRlPlxuICAgIDxtYXQtaGludD57e211bHRpY2hvaWNlRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvclxuICAgICAgICAqbmdJZj1cIm11bHRpY2hvaWNlRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/esm2020/lib/data-fields/number-field/number-currency-field/number-currency-field.component.mjs

@@ -21,9 +21,9 @@ export class NumberCurrencyFieldComponent extends AbstractCurrencyNumberFieldCom
     }
 }
 NumberCurrencyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFieldComponent, deps: [{ token: i1.CurrencyPipe }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-NumberCurrencyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NumberCurrencyFieldComponent, selector: "nc-number-currency-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n<mat-label class=\"currency-label\" *ngIf=\"isNumberType()\">{{getCurrencySymbol()}}</mat-label>\n", styles: [".full-width{margin:0 auto;width:90%}.currency-label{margin-left:5px}\n"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
+NumberCurrencyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NumberCurrencyFieldComponent, selector: "nc-number-currency-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <span matPrefix *ngIf=\"isNumberType()\">{{this.numberField.component.properties['code'] ?? ''}}</span>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NumberCurrencyFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-number-currency-field', template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n<mat-label class=\"currency-label\" *ngIf=\"isNumberType()\">{{getCurrencySymbol()}}</mat-label>\n", styles: [".full-width{margin:0 auto;width:90%}.currency-label{margin-left:5px}\n"] }]
+            args: [{ selector: 'nc-number-currency-field', template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <span matPrefix *ngIf=\"isNumberType()\">{{this.numberField.component.properties['code'] ?? ''}}</span>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.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.CurrencyPipe }, { type: i2.TranslateService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBQyxvQ0FBb0MsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBUTlFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxvQ0FBb0M7SUFFbEYsWUFBWSxZQUEwQixFQUFFLFNBQTJCO1FBQy9ELEtBQUssQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGVBQWU7UUFDWCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFZO1FBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOzswSEFoQlEsNEJBQTRCOzhHQUE1Qiw0QkFBNEIsdUZDVnpDLDJ4QkFjQTs0RkRKYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Q3VycmVuY3lOdW1iZXJGaWVsZENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7Q3VycmVuY3lQaXBlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLW51bWJlci1jdXJyZW5jeS1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL251bWJlci1jdXJyZW5jeS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTnVtYmVyQ3VycmVuY3lGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q3VycmVuY3lOdW1iZXJGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gICAgY29uc3RydWN0b3IoY3VycmVuY3lQaXBlOiBDdXJyZW5jeVBpcGUsIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xuICAgICAgICBzdXBlcihjdXJyZW5jeVBpcGUsIHRyYW5zbGF0ZSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcbiAgICB9XG5cbiAgICBvbkZvY3VzT3V0KGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvVGV4dChldmVudCk7XG4gICAgfVxuXG4gICAgb25Gb2N1c0luKCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvTnVtYmVyKCk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cIm51bWJlckZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tudW1iZXJGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0IG1hdElucHV0XG4gICAgICAgICAgIFt0eXBlXT1cImZpZWxkVHlwZVwiXG4gICAgICAgICAgIFt2YWx1ZV09XCJ0cmFuc2Zvcm1lZFZhbHVlXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIm51bWJlckZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW3JlcXVpcmVkXT1cIm51bWJlckZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgKGZvY3Vzb3V0KT1cIm9uRm9jdXNPdXQoJGV2ZW50KVwiXG4gICAgICAgICAgIChmb2N1c2luKT1cIm9uRm9jdXNJbigpXCI+XG4gICAgPG1hdC1oaW50Pnt7bnVtYmVyRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cIm51bWJlckZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57e2dldEVycm9yTWVzc2FnZSgpfX08L21hdC1lcnJvcj5cbjwvbWF0LWZvcm0tZmllbGQ+XG48bWF0LWxhYmVsIGNsYXNzPVwiY3VycmVuY3ktbGFiZWxcIiAqbmdJZj1cImlzTnVtYmVyVHlwZSgpXCI+e3tnZXRDdXJyZW5jeVN5bWJvbCgpfX08L21hdC1sYWJlbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL251bWJlci1maWVsZC9udW1iZXItY3VycmVuY3ktZmllbGQvbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFBQyxvQ0FBb0MsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBUTlFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxvQ0FBb0M7SUFFbEYsWUFBWSxZQUEwQixFQUFFLFNBQTJCO1FBQy9ELEtBQUssQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGVBQWU7UUFDWCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFZO1FBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOzswSEFoQlEsNEJBQTRCOzhHQUE1Qiw0QkFBNEIsdUZDVnpDLHN5QkFjQTs0RkRKYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Q3VycmVuY3lOdW1iZXJGaWVsZENvbXBvbmVudH0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7Q3VycmVuY3lQaXBlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLW51bWJlci1jdXJyZW5jeS1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL251bWJlci1jdXJyZW5jeS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbnVtYmVyLWN1cnJlbmN5LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTnVtYmVyQ3VycmVuY3lGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q3VycmVuY3lOdW1iZXJGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gICAgY29uc3RydWN0b3IoY3VycmVuY3lQaXBlOiBDdXJyZW5jeVBpcGUsIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xuICAgICAgICBzdXBlcihjdXJyZW5jeVBpcGUsIHRyYW5zbGF0ZSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcbiAgICB9XG5cbiAgICBvbkZvY3VzT3V0KGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvVGV4dChldmVudCk7XG4gICAgfVxuXG4gICAgb25Gb2N1c0luKCkge1xuICAgICAgICB0aGlzLnRyYW5zZm9ybVRvTnVtYmVyKCk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cIm51bWJlckZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tudW1iZXJGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPHNwYW4gbWF0UHJlZml4ICpuZ0lmPVwiaXNOdW1iZXJUeXBlKClcIj57e3RoaXMubnVtYmVyRmllbGQuY29tcG9uZW50LnByb3BlcnRpZXNbJ2NvZGUnXSA/PyAnJ319PC9zcGFuPlxuICAgIDxpbnB1dCBtYXRJbnB1dFxuICAgICAgICAgICBbdHlwZV09XCJmaWVsZFR5cGVcIlxuICAgICAgICAgICBbdmFsdWVdPVwidHJhbnNmb3JtZWRWYWx1ZVwiXG4gICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJudW1iZXJGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJudW1iZXJGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgIChmb2N1c291dCk9XCJvbkZvY3VzT3V0KCRldmVudClcIlxuICAgICAgICAgICAoZm9jdXNpbik9XCJvbkZvY3VzSW4oKVwiPlxuICAgIDxtYXQtaGludD57e251bWJlckZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJudW1iZXJGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2xSZWYpXCI+e3tnZXRFcnJvck1lc3NhZ2UoKX19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19

package/esm2020/lib/data-fields/public-api.mjs

@@ -15,5 +15,6 @@ export * from './user-field/user-field.component';
 export * from './filter-field/filter-field.component';
 export * from './i18n-field/i18n-field.component';
 export * from './user-list-field/user-list-field.component';
+export * from './task-ref-field/task-ref-field.component';
 /* Class */
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxnQkFBZ0I7QUFDaEIsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZGF0YS1maWVsZHMubW9kdWxlJztcblxuLyogQ29tcG9uZW50cyAqL1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24tZmllbGQvYnV0dG9uLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Jvb2xlYW4tZmllbGQvYm9vbGVhbi1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRhLWZpZWxkLXRlbXBsYXRlL2RhdGEtZmllbGQtdGVtcGxhdGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZS1maWVsZC9kYXRlLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGUtdGltZS1maWVsZC9kYXRlLXRpbWUtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsZS1maWVsZC9maWxlLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZpbGUtZmllbGQtbGlzdC9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbXVsdGljaG9pY2UtZmllbGQvbXVsdGljaG9pY2UtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbnVtYmVyLWZpZWxkL251bWJlci1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ZpbHRlci1maWVsZC9maWx0ZXItZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaTE4bi1maWVsZC9pMThuLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50JztcblxuLyogQ2xhc3MgKi9cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxnQkFBZ0I7QUFDaEIsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywyQ0FBMkMsQ0FBQztBQUUxRCxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kYXRhLWZpZWxkcy5tb2R1bGUnO1xuXG4vKiBDb21wb25lbnRzICovXG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi1maWVsZC9idXR0b24tZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYm9vbGVhbi1maWVsZC9ib29sZWFuLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGEtZmllbGQtdGVtcGxhdGUvZGF0YS1maWVsZC10ZW1wbGF0ZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRlLWZpZWxkL2RhdGUtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZS10aW1lLWZpZWxkL2RhdGUtdGltZS1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9maWxlLWZpZWxkL2ZpbGUtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsZS1maWVsZC1saXN0L2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tdWx0aWNob2ljZS1maWVsZC9tdWx0aWNob2ljZS1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItZmllbGQvbnVtYmVyLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtZmllbGQvdGV4dC1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyLWZpZWxkL2ZpbHRlci1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pMThuLWZpZWxkL2kxOG4tZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90YXNrLXJlZi1maWVsZC90YXNrLXJlZi1maWVsZC5jb21wb25lbnQnO1xuXG4vKiBDbGFzcyAqL1xuIl19

package/esm2020/lib/data-fields/task-ref-field/task-ref-dashboard-field/task-ref-dashboard-tile/task-ref-dashboard-tile.component.mjs

@@ -0,0 +1,55 @@
+import { Component, Inject, Input, Self, SkipSelf } from '@angular/core';
+import { AbstractTaskRefDashboardTileComponent, NAE_TASK_OPERATIONS, TaskContentService, UnlimitedTaskContentService } from '@netgrif/components-core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "@angular/flex-layout/flex";
+export class TaskRefDashboardTileComponent extends AbstractTaskRefDashboardTileComponent {
+    constructor(caseResourceService, processService, logger, taskResourceService, callChainService, taskDataService, parentTaskContentService, taskOperations, _injector, _myTaskContentService) {
+        super(caseResourceService, processService, logger, taskResourceService, callChainService, parentTaskContentService, taskDataService, taskOperations);
+        this._injector = _injector;
+        this._myTaskContentService = _myTaskContentService;
+    }
+    ngOnInit() {
+        if (this.tile.isEmpty) {
+            return;
+        }
+        this._subTask = this._parentTaskContentService.task$.subscribe(t => {
+            const fakeTask = Object.assign({}, t);
+            fakeTask.dataGroups = this.tile.dataGroups;
+            this._myTaskContentService.task = fakeTask;
+            this._myTaskContentService.$shouldCreate.next(fakeTask.dataGroups);
+        });
+        this.portal = new ComponentPortal(this.taskContentComponentClassReference, null, this._injector);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (this._subTask !== undefined) {
+            this._subTask.unsubscribe();
+        }
+    }
+}
+TaskRefDashboardTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskRefDashboardTileComponent, deps: [{ token: i1.CaseResourceService }, { token: i1.ProcessService }, { token: i1.LoggerService }, { token: i1.TaskResourceService }, { token: i1.CallChainService }, { token: i1.TaskDataService }, { token: i1.TaskContentService, skipSelf: true }, { token: NAE_TASK_OPERATIONS }, { token: i0.Injector }, { token: i1.TaskContentService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TaskRefDashboardTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TaskRefDashboardTileComponent, selector: "nc-task-ref-dashboard-tile", inputs: { taskContentComponentClassReference: "taskContentComponentClassReference" }, providers: [
+        { provide: TaskContentService, useClass: UnlimitedTaskContentService }
+    ], usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!tile.isEmpty\" [ngIfElse]=\"newDashboardTile\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n\n<ng-template #newDashboardTile>\n    <div class=\"fill-available-space\" [class.new-dashboard-tile]=\"!fc.disabled\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button\tcolor=\"primary\" *ngIf=\"!fc.disabled\" (click)=\"createNewDashboardTile()\">\n            <mat-icon>add</mat-icon>\n        </button>\n    </div>\n</ng-template>\n", styles: [".fill-available-space{width:100%;height:100%}\n"], components: [{ type: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i6.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: i6.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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskRefDashboardTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-ref-dashboard-tile', providers: [
+                        { provide: TaskContentService, useClass: UnlimitedTaskContentService }
+                    ], template: "<ng-template [ngIf]=\"!tile.isEmpty\" [ngIfElse]=\"newDashboardTile\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n\n<ng-template #newDashboardTile>\n    <div class=\"fill-available-space\" [class.new-dashboard-tile]=\"!fc.disabled\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button\tcolor=\"primary\" *ngIf=\"!fc.disabled\" (click)=\"createNewDashboardTile()\">\n            <mat-icon>add</mat-icon>\n        </button>\n    </div>\n</ng-template>\n", styles: [".fill-available-space{width:100%;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CaseResourceService }, { type: i1.ProcessService }, { type: i1.LoggerService }, { type: i1.TaskResourceService }, { type: i1.CallChainService }, { type: i1.TaskDataService }, { type: i1.TaskContentService, decorators: [{
+                    type: SkipSelf
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAE_TASK_OPERATIONS]
+                }] }, { type: i0.Injector }, { type: i1.TaskContentService, decorators: [{
+                    type: Self
+                }] }]; }, propDecorators: { taskContentComponentClassReference: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1yZWYtZGFzaGJvYXJkLXRpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGFzay1yZWYtZmllbGQvdGFzay1yZWYtZGFzaGJvYXJkLWZpZWxkL3Rhc2stcmVmLWRhc2hib2FyZC10aWxlL3Rhc2stcmVmLWRhc2hib2FyZC10aWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3Rhc2stcmVmLWZpZWxkL3Rhc2stcmVmLWRhc2hib2FyZC1maWVsZC90YXNrLXJlZi1kYXNoYm9hcmQtdGlsZS90YXNrLXJlZi1kYXNoYm9hcmQtdGlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBWSxLQUFLLEVBQXFCLElBQUksRUFBRSxRQUFRLEVBQU8sTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUNILHFDQUFxQyxFQUlyQyxtQkFBbUIsRUFFbkIsa0JBQWtCLEVBR2xCLDJCQUEyQixFQUM5QixNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7QUFVcEQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLHFDQUFxQztJQU9wRixZQUFZLG1CQUF3QyxFQUN4QyxjQUE4QixFQUM5QixNQUFxQixFQUNyQixtQkFBd0MsRUFDeEMsZ0JBQWtDLEVBQ2xDLGVBQWdDLEVBQ3BCLHdCQUE0QyxFQUMzQixjQUE4QixFQUNqRCxTQUFtQixFQUNYLHFCQUF5QztRQUNuRSxLQUFLLENBQUMsbUJBQW1CLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsRUFBRSx3QkFBd0IsRUFBRSxlQUFlLEVBQUUsY0FBYyxDQUFDLENBQUM7UUFGbkksY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNYLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBb0I7SUFFdkUsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ25CLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDL0QsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDdEMsUUFBUSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUMzQyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztZQUMzQyxJQUFJLENBQUMscUJBQXFCLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdkUsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxrQ0FBa0MsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3JHLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxTQUFTLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUMvQjtJQUNMLENBQUM7OzJIQXZDUSw2QkFBNkIsb1FBY2xCLG1CQUFtQjsrR0FkOUIsNkJBQTZCLDJJQUozQjtRQUNQLEVBQUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFFBQVEsRUFBRSwyQkFBMkIsRUFBQztLQUN2RSxpREN0Qkwsd2dCQVdBOzRGRGFhLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDSSw0QkFBNEIsYUFHM0I7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLDJCQUEyQixFQUFDO3FCQUN2RTs7MEJBZVksUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxtQkFBbUI7OzBCQUUxQixJQUFJOzRDQWJSLGtDQUFrQztzQkFBMUMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIEluamVjdG9yLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFNlbGYsIFNraXBTZWxmLCBUeXBlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RUYXNrUmVmRGFzaGJvYXJkVGlsZUNvbXBvbmVudCxcbiAgICBDYWxsQ2hhaW5TZXJ2aWNlLFxuICAgIENhc2VSZXNvdXJjZVNlcnZpY2UsXG4gICAgTG9nZ2VyU2VydmljZSxcbiAgICBOQUVfVEFTS19PUEVSQVRJT05TLFxuICAgIFByb2Nlc3NTZXJ2aWNlLFxuICAgIFRhc2tDb250ZW50U2VydmljZSwgVGFza0RhdGFTZXJ2aWNlLFxuICAgIFRhc2tPcGVyYXRpb25zLFxuICAgIFRhc2tSZXNvdXJjZVNlcnZpY2UsXG4gICAgVW5saW1pdGVkVGFza0NvbnRlbnRTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1N1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0NvbXBvbmVudFBvcnRhbH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtdGFzay1yZWYtZGFzaGJvYXJkLXRpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YXNrLXJlZi1kYXNoYm9hcmQtdGlsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFzay1yZWYtZGFzaGJvYXJkLXRpbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge3Byb3ZpZGU6IFRhc2tDb250ZW50U2VydmljZSwgdXNlQ2xhc3M6IFVubGltaXRlZFRhc2tDb250ZW50U2VydmljZX1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRhc2tSZWZEYXNoYm9hcmRUaWxlQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUYXNrUmVmRGFzaGJvYXJkVGlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIHBvcnRhbDogQ29tcG9uZW50UG9ydGFsPGFueT47XG4gICAgQElucHV0KCkgdGFza0NvbnRlbnRDb21wb25lbnRDbGFzc1JlZmVyZW5jZTogVHlwZTxhbnk+O1xuXG4gICAgcHJpdmF0ZSBfc3ViVGFzazogU3Vic2NyaXB0aW9uO1xuXG4gICAgY29uc3RydWN0b3IoY2FzZVJlc291cmNlU2VydmljZTogQ2FzZVJlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm9jZXNzU2VydmljZTogUHJvY2Vzc1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRhc2tSZXNvdXJjZVNlcnZpY2U6IFRhc2tSZXNvdXJjZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgY2FsbENoYWluU2VydmljZTogQ2FsbENoYWluU2VydmljZSxcbiAgICAgICAgICAgICAgICB0YXNrRGF0YVNlcnZpY2U6IFRhc2tEYXRhU2VydmljZSxcbiAgICAgICAgICAgICAgICBAU2tpcFNlbGYoKSBwYXJlbnRUYXNrQ29udGVudFNlcnZpY2U6IFRhc2tDb250ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgICBASW5qZWN0KE5BRV9UQVNLX09QRVJBVElPTlMpIHRhc2tPcGVyYXRpb25zOiBUYXNrT3BlcmF0aW9ucyxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBAU2VsZigpIHByb3RlY3RlZCBfbXlUYXNrQ29udGVudFNlcnZpY2U6IFRhc2tDb250ZW50U2VydmljZSkge1xuICAgICAgICBzdXBlcihjYXNlUmVzb3VyY2VTZXJ2aWNlLCBwcm9jZXNzU2VydmljZSwgbG9nZ2VyLCB0YXNrUmVzb3VyY2VTZXJ2aWNlLCBjYWxsQ2hhaW5TZXJ2aWNlLCBwYXJlbnRUYXNrQ29udGVudFNlcnZpY2UsIHRhc2tEYXRhU2VydmljZSwgdGFza09wZXJhdGlvbnMpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy50aWxlLmlzRW1wdHkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9zdWJUYXNrID0gdGhpcy5fcGFyZW50VGFza0NvbnRlbnRTZXJ2aWNlLnRhc2skLnN1YnNjcmliZSh0ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGZha2VUYXNrID0gT2JqZWN0LmFzc2lnbih7fSwgdCk7XG4gICAgICAgICAgICBmYWtlVGFzay5kYXRhR3JvdXBzID0gdGhpcy50aWxlLmRhdGFHcm91cHM7XG4gICAgICAgICAgICB0aGlzLl9teVRhc2tDb250ZW50U2VydmljZS50YXNrID0gZmFrZVRhc2s7XG4gICAgICAgICAgICB0aGlzLl9teVRhc2tDb250ZW50U2VydmljZS4kc2hvdWxkQ3JlYXRlLm5leHQoZmFrZVRhc2suZGF0YUdyb3Vwcyk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMucG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbCh0aGlzLnRhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NSZWZlcmVuY2UsIG51bGwsIHRoaXMuX2luamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICAgICAgaWYgKHRoaXMuX3N1YlRhc2sgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5fc3ViVGFzay51bnN1YnNjcmliZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG59XG4iLCI8bmctdGVtcGxhdGUgW25nSWZdPVwiIXRpbGUuaXNFbXB0eVwiIFtuZ0lmRWxzZV09XCJuZXdEYXNoYm9hcmRUaWxlXCI+XG4gICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwicG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbmV3RGFzaGJvYXJkVGlsZT5cbiAgICA8ZGl2IGNsYXNzPVwiZmlsbC1hdmFpbGFibGUtc3BhY2VcIiBbY2xhc3MubmV3LWRhc2hib2FyZC10aWxlXT1cIiFmYy5kaXNhYmxlZFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b25cdGNvbG9yPVwicHJpbWFyeVwiICpuZ0lmPVwiIWZjLmRpc2FibGVkXCIgKGNsaWNrKT1cImNyZWF0ZU5ld0Rhc2hib2FyZFRpbGUoKVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmFkZDwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/data-fields/task-ref-field/task-ref-field.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Inject, Input, Optional } from '@angular/core';
+import { AbstractTaskRefFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@netgrif/components-core";
+import * as i2 from "./task-ref-dashboard-field/task-ref-dashboard-tile/task-ref-dashboard-tile.component";
+import * as i3 from "@angular/flex-layout/grid";
+import * as i4 from "@angular/common";
+export class TaskRefFieldComponent extends AbstractTaskRefFieldComponent {
+    constructor(logger, informAboutInvalidData) {
+        super(logger, informAboutInvalidData);
+    }
+    getGridColumns() {
+        return `repeat(${this.dataField.dashboardCols}, 1fr)`;
+    }
+    getGridRows() {
+        return `repeat(${this.dataField.dashboardRows}, minmax(320px, auto))`;
+    }
+    getTileGridColumn(tile) {
+        return `${tile.x + 1} / ${tile.x + tile.cols}`;
+    }
+    getTileGridRow(tile) {
+        return `${tile.y + 1} / ${tile.y + tile.rows}`;
+    }
+}
+TaskRefFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskRefFieldComponent, deps: [{ token: i1.LoggerService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TaskRefFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TaskRefFieldComponent, selector: "nc-task-ref-field", inputs: { taskContentComponentClassReference: "taskContentComponentClassReference" }, usesInheritance: true, ngImport: i0, template: "<!-- TODO extract dashboard implementation into a separate component class to follow the structure of other field implementations -->\n<div class=\"fill-available-space\" [gdColumns]=\"getGridColumns()\" [gdRows]=\"getGridRows()\">\n    <nc-task-ref-dashboard-tile *ngFor=\"let tile of dashboardTiles\"\n                                [tile]=\"tile\"\n                                [taskRef]=\"dataField\"\n                                [fc]=\"formControl\"\n                                [gdColumn]=\"getTileGridColumn(tile)\"\n                                [gdRow]=\"getTileGridRow(tile)\"\n                                [taskContentComponentClassReference]=\"taskContentComponentClassReference\"></nc-task-ref-dashboard-tile>\n</div>\n", styles: [".fill-available-space{width:100%;height:100%}:host ::ng-deep .dashboard-workflow-view,:host ::ng-deep .dashboard-task-list,:host ::ng-deep .dashboard-case-list{min-height:320px!important}:host ::ng-deep .dashboard-iframe-card{min-height:304px!important}:host ::ng-deep .dashboard-bar-chart,:host ::ng-deep .dashboard-pie-chart,:host ::ng-deep .dashboard-line-chart{height:320px!important;width:200px!important}\n"], components: [{ type: i2.TaskRefDashboardTileComponent, selector: "nc-task-ref-dashboard-tile", inputs: ["taskContentComponentClassReference"] }], directives: [{ type: i3.DefaultGridColumnsDirective, selector: "  [gdColumns],  [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl],  [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl],  [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]", inputs: ["gdColumns", "gdColumns.xs", "gdColumns.sm", "gdColumns.md", "gdColumns.lg", "gdColumns.xl", "gdColumns.lt-sm", "gdColumns.lt-md", "gdColumns.lt-lg", "gdColumns.lt-xl", "gdColumns.gt-xs", "gdColumns.gt-sm", "gdColumns.gt-md", "gdColumns.gt-lg"] }, { type: i3.DefaultGridRowsDirective, selector: "  [gdRows],  [gdRows.xs], [gdRows.sm], [gdRows.md], [gdRows.lg], [gdRows.xl],  [gdRows.lt-sm], [gdRows.lt-md], [gdRows.lt-lg], [gdRows.lt-xl],  [gdRows.gt-xs], [gdRows.gt-sm], [gdRows.gt-md], [gdRows.gt-lg]", inputs: ["gdRows", "gdRows.xs", "gdRows.sm", "gdRows.md", "gdRows.lg", "gdRows.xl", "gdRows.lt-sm", "gdRows.lt-md", "gdRows.lt-lg", "gdRows.lt-xl", "gdRows.gt-xs", "gdRows.gt-sm", "gdRows.gt-md", "gdRows.gt-lg"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.DefaultGridColumnDirective, selector: "  [gdColumn],  [gdColumn.xs], [gdColumn.sm], [gdColumn.md], [gdColumn.lg], [gdColumn.xl],  [gdColumn.lt-sm], [gdColumn.lt-md], [gdColumn.lt-lg], [gdColumn.lt-xl],  [gdColumn.gt-xs], [gdColumn.gt-sm], [gdColumn.gt-md], [gdColumn.gt-lg]", inputs: ["gdColumn", "gdColumn.xs", "gdColumn.sm", "gdColumn.md", "gdColumn.lg", "gdColumn.xl", "gdColumn.lt-sm", "gdColumn.lt-md", "gdColumn.lt-lg", "gdColumn.lt-xl", "gdColumn.gt-xs", "gdColumn.gt-sm", "gdColumn.gt-md", "gdColumn.gt-lg"] }, { type: i3.DefaultGridRowDirective, selector: "  [gdRow],  [gdRow.xs], [gdRow.sm], [gdRow.md], [gdRow.lg], [gdRow.xl],  [gdRow.lt-sm], [gdRow.lt-md], [gdRow.lt-lg], [gdRow.lt-xl],  [gdRow.gt-xs], [gdRow.gt-sm], [gdRow.gt-md], [gdRow.gt-lg]", inputs: ["gdRow", "gdRow.xs", "gdRow.sm", "gdRow.md", "gdRow.lg", "gdRow.xl", "gdRow.lt-sm", "gdRow.lt-md", "gdRow.lt-lg", "gdRow.lt-xl", "gdRow.gt-xs", "gdRow.gt-sm", "gdRow.gt-md", "gdRow.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TaskRefFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-task-ref-field', template: "<!-- TODO extract dashboard implementation into a separate component class to follow the structure of other field implementations -->\n<div class=\"fill-available-space\" [gdColumns]=\"getGridColumns()\" [gdRows]=\"getGridRows()\">\n    <nc-task-ref-dashboard-tile *ngFor=\"let tile of dashboardTiles\"\n                                [tile]=\"tile\"\n                                [taskRef]=\"dataField\"\n                                [fc]=\"formControl\"\n                                [gdColumn]=\"getTileGridColumn(tile)\"\n                                [gdRow]=\"getTileGridRow(tile)\"\n                                [taskContentComponentClassReference]=\"taskContentComponentClassReference\"></nc-task-ref-dashboard-tile>\n</div>\n", styles: [".fill-available-space{width:100%;height:100%}:host ::ng-deep .dashboard-workflow-view,:host ::ng-deep .dashboard-task-list,:host ::ng-deep .dashboard-case-list{min-height:320px!important}:host ::ng-deep .dashboard-iframe-card{min-height:304px!important}:host ::ng-deep .dashboard-bar-chart,:host ::ng-deep .dashboard-pie-chart,:host ::ng-deep .dashboard-line-chart{height:320px!important;width:200px!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.LoggerService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
+                }] }]; }, propDecorators: { taskContentComponentClassReference: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1yZWYtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGFzay1yZWYtZmllbGQvdGFzay1yZWYtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGFzay1yZWYtZmllbGQvdGFzay1yZWYtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBTyxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUMsNkJBQTZCLEVBQWlCLDZCQUE2QixFQUF1QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFPM0ksTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQUlwRSxZQUFZLE1BQXFCLEVBQzhCLHNCQUFzQztRQUNqRyxLQUFLLENBQUMsTUFBTSxFQUFFLHNCQUFzQixDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGNBQWM7UUFDVixPQUFPLFVBQVUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLFFBQVEsQ0FBQztJQUMxRCxDQUFDO0lBRUQsV0FBVztRQUNQLE9BQU8sVUFBVSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsd0JBQXdCLENBQUM7SUFDMUUsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQTBCO1FBQ3hDLE9BQU8sR0FBRyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRCxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQTBCO1FBQ3JDLE9BQU8sR0FBRyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRCxDQUFDOzttSEF2QlEscUJBQXFCLCtDQUtFLDZCQUE2Qjt1R0FMcEQscUJBQXFCLHNLQ1JsQywrdUJBVUE7NEZERmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLG1CQUFtQjs7MEJBU2hCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCOzRDQUhwRCxrQ0FBa0M7c0JBQTFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRhc2tSZWZGaWVsZENvbXBvbmVudCwgTG9nZ2VyU2VydmljZSwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsIFRhc2tSZWZEYXNoYm9hcmRUaWxlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRhc2stcmVmLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFzay1yZWYtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rhc2stcmVmLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFza1JlZkZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUYXNrUmVmRmllbGRDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgdGFza0NvbnRlbnRDb21wb25lbnRDbGFzc1JlZmVyZW5jZTogVHlwZTxhbnk+O1xuXG4gICAgY29uc3RydWN0b3IobG9nZ2VyOiBMb2dnZXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKGxvZ2dlciwgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxuXG4gICAgZ2V0R3JpZENvbHVtbnMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGByZXBlYXQoJHt0aGlzLmRhdGFGaWVsZC5kYXNoYm9hcmRDb2xzfSwgMWZyKWA7XG4gICAgfVxuXG4gICAgZ2V0R3JpZFJvd3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGByZXBlYXQoJHt0aGlzLmRhdGFGaWVsZC5kYXNoYm9hcmRSb3dzfSwgbWlubWF4KDMyMHB4LCBhdXRvKSlgO1xuICAgIH1cblxuICAgIGdldFRpbGVHcmlkQ29sdW1uKHRpbGU6IFRhc2tSZWZEYXNoYm9hcmRUaWxlKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGAke3RpbGUueCArIDF9IC8gJHt0aWxlLnggKyB0aWxlLmNvbHN9YDtcbiAgICB9XG5cbiAgICBnZXRUaWxlR3JpZFJvdyh0aWxlOiBUYXNrUmVmRGFzaGJvYXJkVGlsZSk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgJHt0aWxlLnkgKyAxfSAvICR7dGlsZS55ICsgdGlsZS5yb3dzfWA7XG4gICAgfVxuXG59XG4iLCI8IS0tIFRPRE8gZXh0cmFjdCBkYXNoYm9hcmQgaW1wbGVtZW50YXRpb24gaW50byBhIHNlcGFyYXRlIGNvbXBvbmVudCBjbGFzcyB0byBmb2xsb3cgdGhlIHN0cnVjdHVyZSBvZiBvdGhlciBmaWVsZCBpbXBsZW1lbnRhdGlvbnMgLS0+XG48ZGl2IGNsYXNzPVwiZmlsbC1hdmFpbGFibGUtc3BhY2VcIiBbZ2RDb2x1bW5zXT1cImdldEdyaWRDb2x1bW5zKClcIiBbZ2RSb3dzXT1cImdldEdyaWRSb3dzKClcIj5cbiAgICA8bmMtdGFzay1yZWYtZGFzaGJvYXJkLXRpbGUgKm5nRm9yPVwibGV0IHRpbGUgb2YgZGFzaGJvYXJkVGlsZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGlsZV09XCJ0aWxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Rhc2tSZWZdPVwiZGF0YUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ZjXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2dkQ29sdW1uXT1cImdldFRpbGVHcmlkQ29sdW1uKHRpbGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2dkUm93XT1cImdldFRpbGVHcmlkUm93KHRpbGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Rhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NSZWZlcmVuY2VdPVwidGFza0NvbnRlbnRDb21wb25lbnRDbGFzc1JlZmVyZW5jZVwiPjwvbmMtdGFzay1yZWYtZGFzaGJvYXJkLXRpbGU+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { AbstractDashboardBarChartTextFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "../textarea-field/textarea-field.component";
+import * as i3 from "../../../dashboard/cards/barchart-card/barchart-card.component";
+import * as i4 from "@angular/common";
+export class DashboardBarChartTextFieldComponent extends AbstractDashboardBarChartTextFieldComponent {
+    constructor(translate) {
+        super(translate);
+    }
+}
+DashboardBarChartTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardBarChartTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+DashboardBarChartTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DashboardBarChartTextFieldComponent, selector: "nc-dashboard-bar-chart-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-barchart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-barchart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"], components: [{ type: i2.TextareaFieldComponent, selector: "nc-textarea-field" }, { type: i3.BarchartCardComponent, selector: "nc-barchart-card", outputs: ["selectEvent"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardBarChartTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-dashboard-bar-chart-text-field', template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-barchart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-barchart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWJhci1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvZGFzaGJvYXJkLWJhci1jaGFydC10ZXh0LWZpZWxkL2Rhc2hib2FyZC1iYXItY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1iYXItY2hhcnQtdGV4dC1maWVsZC9kYXNoYm9hcmQtYmFyLWNoYXJ0LXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV4QyxPQUFPLEVBQUMsMkNBQTJDLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBT3JGLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSwyQ0FBMkM7SUFFaEcsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckIsQ0FBQzs7aUlBSlEsbUNBQW1DO3FIQUFuQyxtQ0FBbUMsZ0dDVGhELHlkQVNBOzRGREFhLG1DQUFtQztrQkFML0MsU0FBUzsrQkFDRSxtQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdERhc2hib2FyZEJhckNoYXJ0VGV4dEZpZWxkQ29tcG9uZW50fSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYy1kYXNoYm9hcmQtYmFyLWNoYXJ0LXRleHQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLWJhci1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGFzaGJvYXJkLWJhci1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkQmFyQ2hhcnRUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERhc2hib2FyZEJhckNoYXJ0VGV4dEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xuICAgICAgICBzdXBlcih0cmFuc2xhdGUpO1xuICAgIH1cblxufVxuIiwiPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCAmJiB0ZXh0RmllbGQuYmVoYXZpb3IuZWRpdGFibGVcIiBbbmdJZkVsc2VdPVwidmlzaWJsZUNoYXJ0XCI+XG4gICAgPG5jLXRleHRhcmVhLWZpZWxkIFt0ZXh0QXJlYUZpZWxkXT1cInRleHRGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdmlzaWJsZUNoYXJ0PlxuICAgIDxuYy1iYXJjaGFydC1jYXJkICpuZ0lmPVwiaW5pdGlhbGl6ZWRcIiBbY2FyZF09XCJjYXJkXCIgY2xhc3M9XCJmdWxsLXNpemVcIj48L25jLWJhcmNoYXJ0LWNhcmQ+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { AbstractDashboardIframeTextFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "../simple-text-field/simple-text-field.component";
+import * as i3 from "../../../dashboard/cards/iframe-card/iframe-card.component";
+import * as i4 from "@angular/common";
+export class DashboardIframeTextFieldComponent extends AbstractDashboardIframeTextFieldComponent {
+    constructor(translate) {
+        super(translate);
+    }
+}
+DashboardIframeTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardIframeTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+DashboardIframeTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DashboardIframeTextFieldComponent, selector: "nc-dashboard-iframe-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-simple-text-field [textField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-iframe-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-iframe-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:250px;margin:auto;padding:0}\n"], components: [{ type: i2.SimpleTextFieldComponent, selector: "nc-simple-text-field" }, { type: i3.IframeCardComponent, selector: "nc-iframe-card" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardIframeTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-dashboard-iframe-text-field', template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-simple-text-field [textField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-iframe-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-iframe-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:250px;margin:auto;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWlmcmFtZS10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvZGFzaGJvYXJkLWlmcmFtZS10ZXh0LWZpZWxkL2Rhc2hib2FyZC1pZnJhbWUtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1pZnJhbWUtdGV4dC1maWVsZC9kYXNoYm9hcmQtaWZyYW1lLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMseUNBQXlDLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBUW5GLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx5Q0FBeUM7SUFFNUYsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckIsQ0FBQzs7K0hBSlEsaUNBQWlDO21IQUFqQyxpQ0FBaUMsNkZDVDlDLHVkQVNBOzRGREFhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDSSxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RGFzaGJvYXJkSWZyYW1lVGV4dEZpZWxkQ29tcG9uZW50fSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1kYXNoYm9hcmQtaWZyYW1lLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQtaWZyYW1lLXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC1pZnJhbWUtdGV4dC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhc2hib2FyZElmcmFtZVRleHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RGFzaGJvYXJkSWZyYW1lVGV4dEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xuICAgICAgICBzdXBlcih0cmFuc2xhdGUpO1xuICAgIH1cblxufVxuIiwiPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCAmJiB0ZXh0RmllbGQuYmVoYXZpb3IuZWRpdGFibGVcIiBbbmdJZkVsc2VdPVwidmlzaWJsZUNoYXJ0XCI+XG4gICAgPG5jLXNpbXBsZS10ZXh0LWZpZWxkIFt0ZXh0RmllbGRdPVwidGV4dEZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXNpbXBsZS10ZXh0LWZpZWxkPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN2aXNpYmxlQ2hhcnQ+XG4gICAgPG5jLWlmcmFtZS1jYXJkICpuZ0lmPVwiaW5pdGlhbGl6ZWRcIiBbY2FyZF09XCJjYXJkXCIgY2xhc3M9XCJmdWxsLXNpemVcIj48L25jLWlmcmFtZS1jYXJkPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { AbstractDashboardLineChartTextFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "../textarea-field/textarea-field.component";
+import * as i3 from "../../../dashboard/cards/linechart-card/line-chart-card.component";
+import * as i4 from "@angular/common";
+export class DashboardLineChartTextFieldComponent extends AbstractDashboardLineChartTextFieldComponent {
+    constructor(translate) {
+        super(translate);
+    }
+}
+DashboardLineChartTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardLineChartTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+DashboardLineChartTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DashboardLineChartTextFieldComponent, selector: "nc-dashboard-line-chart-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-line-chart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-line-chart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"], components: [{ type: i2.TextareaFieldComponent, selector: "nc-textarea-field" }, { type: i3.LineChartCardComponent, selector: "nc-line-chart-card", outputs: ["selectEvent"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardLineChartTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-dashboard-line-chart-text-field', template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-line-chart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-line-chart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWxpbmUtY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1saW5lLWNoYXJ0LXRleHQtZmllbGQvZGFzaGJvYXJkLWxpbmUtY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1saW5lLWNoYXJ0LXRleHQtZmllbGQvZGFzaGJvYXJkLWxpbmUtY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyw0Q0FBNEMsRUFBQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFRdEYsTUFBTSxPQUFPLG9DQUFxQyxTQUFRLDRDQUE0QztJQUVsRyxZQUFZLFNBQTJCO1FBQ25DLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNyQixDQUFDOztrSUFKUSxvQ0FBb0M7c0hBQXBDLG9DQUFvQyxpR0NUakQsNmRBU0E7NEZEQWEsb0NBQW9DO2tCQUxoRCxTQUFTOytCQUNJLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3REYXNoYm9hcmRMaW5lQ2hhcnRUZXh0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWRhc2hib2FyZC1saW5lLWNoYXJ0LXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQtbGluZS1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtbGluZS1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkTGluZUNoYXJ0VGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3REYXNoYm9hcmRMaW5lQ2hhcnRUZXh0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSk7XG4gICAgfVxuXG59XG4iLCI8bmctdGVtcGxhdGUgW25nSWZdPVwiIWZvcm1Db250cm9sUmVmLmRpc2FibGVkICYmIHRleHRGaWVsZC5iZWhhdmlvci5lZGl0YWJsZVwiIFtuZ0lmRWxzZV09XCJ2aXNpYmxlQ2hhcnRcIj5cbiAgICA8bmMtdGV4dGFyZWEtZmllbGQgW3RleHRBcmVhRmllbGRdPVwidGV4dEZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXRleHRhcmVhLWZpZWxkPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN2aXNpYmxlQ2hhcnQ+XG4gICAgPG5jLWxpbmUtY2hhcnQtY2FyZCAqbmdJZj1cImluaXRpYWxpemVkXCIgW2NhcmRdPVwiY2FyZFwiIGNsYXNzPVwiZnVsbC1zaXplXCI+PC9uYy1saW5lLWNoYXJ0LWNhcmQ+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { AbstractDashboardPieChartTextFieldComponent } from '@netgrif/components-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "../textarea-field/textarea-field.component";
+import * as i3 from "../../../dashboard/cards/piechart-card/pie-chart-card.component";
+import * as i4 from "@angular/common";
+export class DashboardPieChartTextFieldComponent extends AbstractDashboardPieChartTextFieldComponent {
+    constructor(translate) {
+        super(translate);
+    }
+}
+DashboardPieChartTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardPieChartTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+DashboardPieChartTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DashboardPieChartTextFieldComponent, selector: "nc-dashboard-pie-chart-text-field", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-pie-chart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-pie-chart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"], components: [{ type: i2.TextareaFieldComponent, selector: "nc-textarea-field" }, { type: i3.PieChartCardComponent, selector: "nc-pie-chart-card", outputs: ["selectEvent"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardPieChartTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nc-dashboard-pie-chart-text-field', template: "<ng-template [ngIf]=\"!formControlRef.disabled && textField.behavior.editable\" [ngIfElse]=\"visibleChart\">\n    <nc-textarea-field [textAreaField]=\"textField\"\n                       [formControlRef]=\"formControlRef\"\n                       [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n</ng-template>\n\n<ng-template #visibleChart>\n    <nc-pie-chart-card *ngIf=\"initialized\" [card]=\"card\" class=\"full-size\"></nc-pie-chart-card>\n</ng-template>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXBpZS1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3RleHQtZmllbGQvZGFzaGJvYXJkLXBpZS1jaGFydC10ZXh0LWZpZWxkL2Rhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL2Rhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZC9kYXNoYm9hcmQtcGllLWNoYXJ0LXRleHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsMkNBQTJDLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBUXJGLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSwyQ0FBMkM7SUFFaEcsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckIsQ0FBQzs7aUlBSlEsbUNBQW1DO3FIQUFuQyxtQ0FBbUMsZ0dDVGhELDJkQVNBOzRGREFhLG1DQUFtQztrQkFML0MsU0FBUzsrQkFDSSxtQ0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RGFzaGJvYXJkUGllQ2hhcnRUZXh0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWRhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGFzaGJvYXJkLXBpZS1jaGFydC10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkUGllQ2hhcnRUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERhc2hib2FyZFBpZUNoYXJ0VGV4dEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSkge1xuICAgICAgICBzdXBlcih0cmFuc2xhdGUpO1xuICAgIH1cblxufVxuIiwiPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZCAmJiB0ZXh0RmllbGQuYmVoYXZpb3IuZWRpdGFibGVcIiBbbmdJZkVsc2VdPVwidmlzaWJsZUNoYXJ0XCI+XG4gICAgPG5jLXRleHRhcmVhLWZpZWxkIFt0ZXh0QXJlYUZpZWxkXT1cInRleHRGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdmlzaWJsZUNoYXJ0PlxuICAgIDxuYy1waWUtY2hhcnQtY2FyZCAqbmdJZj1cImluaXRpYWxpemVkXCIgW2NhcmRdPVwiY2FyZFwiIGNsYXNzPVwiZnVsbC1zaXplXCI+PC9uYy1waWUtY2hhcnQtY2FyZD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=