@netgrif/components 6.3.0 → 6.4.0-beta.2

package/src/lib/data-fields/data-field.theme.scss

@@ -9,6 +9,12 @@
     $secondary: map-get($theme, accent);
     $warn: map-get($theme, warn);
 
+    $color-text-disabled: #64748B;
+    $color-outline-disabled: #CBD5E1;
+
+    $color-text-enabled: #64748B;
+    $color-outline-enabled: #64748B;
+
     .editor-preview > h1 {
         border-bottom: 1px solid #ddd;
     }
@@ -35,11 +41,11 @@
 
     .stepper-arrow-selected {
         color: mat.get-color-from-palette($primary) !important;
-        font-weight: 700 !important;
+        font-weight: 600 !important;
     }
 
     .enum-icon-item-hover:hover {
-        color: mat.get-color-from-palette($primary) !important;
+        color: mat.get-color-from-palette($primary, 200) !important;
     }
 
     .enum-icon-item-active {
@@ -73,21 +79,39 @@
     }
 
     .netgrif-input {
+
+        .mat-paginator-page-size-select .mat-form-field-infix {
+            min-width: unset !important;
+        }
         .mat-form-field-infix {
-            padding: 8px 0 12px 0 !important;
+            padding: 5px 0 11px 0 !important;
             font-weight: 400 !important;
             font-size: 14px !important;
             line-height: 20px !important;
-            min-width: 130px;
+            min-width: 130px !important;
+            width: unset;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
+            top: 0.33em;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-prefix {
+            left: -0.33em;
         }
 
         .mat-form-field-label-wrapper {
-            top: -1.1em !important;
+            top: -1.2em !important;
             font-weight: 400 !important;
             font-size: 14px !important;
             line-height: 20px !important;
         }
 
+        .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
+            transform: translateY(-1.4em) scale(0.75);
+            width: 133.3333333333%;
+        }
+
         .mat-select-arrow-wrapper {
             transform: translateY(0) !important;
         }
@@ -99,19 +123,18 @@
         .mat-error {
             font-size: 10px !important;
             line-height: 18px !important;
-            white-space: nowrap;
-            text-overflow: ellipsis;
             width: 100%;
-            overflow: hidden;
         }
 
         .mat-hint {
-            font-size: 11px !important;
+            font-size: 10px !important;
             line-height: 18px !important;
-            white-space: nowrap;
-            text-overflow: ellipsis;
             width: 100%;
-            overflow: hidden;
+            color: $color-text-enabled;
+        }
+
+        .mat-hint-disabled {
+            color: $color-text-disabled !important;
         }
 
         .ql-toolbar.ql-snow {
@@ -120,14 +143,28 @@
 
         .ql-container.ql-snow {
             border-radius: 0 0 6px 6px;
+            border: 1px solid $color-outline-enabled;
         }
 
         .mat-radio-label {
             min-height: 36px !important;
+            white-space: unset;
+        }
+
+        @media only screen and (max-width: 959.99px) {
+            .mat-radio-label {
+                align-items: flex-start;
+            }
         }
 
         .netgrif-label {
             font-weight: 500;
+            color: $color-text-enabled !important;
+        }
+
+        .netgrif-label-disabled {
+            color: $color-text-disabled !important;
+            cursor: alias;
         }
 
         .mat-list-option {
@@ -147,12 +184,13 @@
 
         .mat-list-base .mat-list-item .mat-list-item-content, .mat-list-base .mat-list-option .mat-list-item-content {
             min-height: 36px;
-            padding: 0 8px !important;
+            padding: 0 2px !important;
         }
 
         .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
             padding-top: 8px;
             padding-bottom: 8px;
+            padding-left: 10px;
         }
 
         .mat-list-base {
@@ -160,16 +198,141 @@
         }
 
         .mat-form-field-subscript-wrapper {
-            margin-top: 0.45em;
-            top: calc(100% - 2.05em);
+            //position: static;
+            margin-top: 0.5em;
+            top: calc(100% - 2em);
+        }
+
+        .mat-form-field-wrapper {
+            padding-bottom: 1em !important;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-wrapper {
+            margin: 0.25px 0 0;
+        }
+
+        // DISABLED
+
+        .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
+            color: $color-outline-disabled;
+            background-color: transparent;
+            border-radius: 6px;
+        }
+
+        .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
+            color: $color-text-disabled;
+        }
+
+        .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
+            color: $color-text-disabled;
+        }
+
+        .mat-form-field-prefix .mat-icon-button.mat-button-disabled.mat-button-disabled {
+            color: $color-text-disabled;
+        }
+
+        .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
+            color: $color-text-disabled !important;
+        }
+
+        .mat-list-base .mat-list-item-disabled {
+            color: $color-text-disabled !important;
+            background-color: transparent;
+        }
+
+        .mat-select-disabled .mat-select-value {
+            color: $color-text-disabled;
+        }
+
+        .mat-button.mat-primary.mat-button-disabled,
+        .mat-button.mat-accent.mat-button-disabled,
+        .mat-button.mat-warn.mat-button-disabled,
+        .mat-button.mat-button-disabled.mat-button-disabled,
+        .mat-icon-button.mat-primary.mat-button-disabled,
+        .mat-icon-button.mat-accent.mat-button-disabled,
+        .mat-icon-button.mat-warn.mat-button-disabled,
+        .mat-icon-button.mat-button-disabled.mat-button-disabled,
+        .mat-stroked-button.mat-primary.mat-button-disabled,
+        .mat-stroked-button.mat-accent.mat-button-disabled,
+        .mat-stroked-button.mat-warn.mat-button-disabled,
+        .mat-stroked-button.mat-button-disabled.mat-button-disabled {
+            color: $color-text-disabled;
+        }
+
+        // ENABLED
+
+        .mat-form-field-appearance-outline .mat-form-field-outline {
+            color: $color-outline-enabled;
+            background-color: #FFFFFF;
+            border-radius: 6px;
+        }
+
+        .ql-toolbar {
+            background-color: #FFFFFF;
+        }
+
+        .ql-editor {
+            border-bottom-right-radius: 6px;
+            border-bottom-left-radius: 6px;
+        }
+
+        .ql-editor.ql-blank {
+            background-color: #FFFFFF;
+        }
+
+        .ql-toolbar.ql-snow {
+            border: 1px solid $color-outline-enabled;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-outline-start {
+            border-radius: 6px 0 0 6px;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-outline-end {
+            border-radius: 0 6px 6px 0;
+        }
+
+        .mat-list-base .mat-list-option {
+            color: $color-text-enabled !important;
+        }
+
+        .mat-radio-label-content{
+            color: $color-text-enabled !important;
+        }
+
+        .mat-stroked-button:not(.mat-button-disabled) {
+            border-color: $color-outline-enabled;
+        }
+
+        .mat-slide-toggle-content {
+            color: $color-text-enabled !important;
+        }
+
+        .netgrif-chip-fix {
+            .mat-chip-list-wrapper {
+                margin: -10px !important;
+            }
+        }
+
+        .mat-select-trigger {
+            height: unset;
+            min-height: 1.125em;
+        }
+
+        .mat-select-value-text {
+            white-space: break-spaces;
         }
 
     }
 
-    .netgrif-input-fix {
+    .netgrif-zero-field-wrapper {
         .mat-form-field-wrapper {
             padding-bottom: 0 !important;
         }
+    }
+
+    .netgrif-input-fix {
+
 
         input:-webkit-autofill,
         input:-webkit-autofill:focus {
@@ -181,7 +344,25 @@
         .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
             width: unset !important;
             height: unset !important;
-            top: 5px !important;
+            top: 3px !important;
+        }
+
+        .mat-form-field-wrapper {
+            padding-bottom: 0 !important;
+        }
+    }
+
+    .netgrif-input-primary-search-fix {
+        .mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
+            top: 0.25em !important;
+        }
+
+        .mat-form-field-appearance-outline .mat-form-field-prefix {
+            left: 0 !important;
+        }
+
+        .mat-form-field-wrapper {
+            padding-bottom: 0 !important;
         }
     }
 
@@ -196,7 +377,7 @@
             }
 
             .mat-form-field-outline-thick {
-                color: mat.get-contrast-color-from-palette($primary, 500);
+                color: mat.get-contrast-color-from-palette($primary ,500);
             }
 
             &.mat-focused {
@@ -239,6 +420,13 @@
         border-radius: 16px;
         border-width: thin;
     }
+
+    :host ::ng-deep .editor-toolbar {
+        background-color: #FFFFFF !important;
+        border-top: 1px solid $color-outline-enabled !important;
+        border-left: 1px solid $color-outline-enabled !important;
+        border-right: 1px solid $color-outline-enabled !important;
+    }
 }
 
 .mat-calendar-arrow {
@@ -279,3 +467,14 @@ ngx-mat-datetime-content {
     }
 }
 
+ac-number-currency-field .mat-form-field .mat-form-field-prefix {
+    top: 0 !important;
+    padding-right: 4px !important;
+}
+
+:host .editor-toolbar {
+    background-color: #FFFFFF !important;
+    border-top: 1px solid #FFFFFF !important;
+    border-left: 1px solid #FFFFFF !important;
+    border-right: 1px solid #FFFFFF !important;
+}

package/src/lib/dialog/dialog.theme.scss

@@ -6,6 +6,44 @@
     }
 }
 
-.dialog-content-margin {
-    margin-bottom: 16px;
+@mixin dialog-theme($theme) {
+    .dialog-content-margin {
+        margin-bottom: 16px;
+    }
+
+    .dialog-responsive {
+        width: 40% !important;
+        height: 80% !important;
+        min-height: 300px !important;
+        min-width: 300px !important;
+    }
+
+    @media only screen and (max-width: 599px) {
+        .dialog-responsive {
+            width: 100% !important;
+            height: 80% !important;
+            min-height: unset !important;
+            min-width: unset !important;
+        }
+    }
+
+    .mat-dialog-title {
+        font-style: normal;
+        font-weight: 500;
+        font-size: 20px;
+        line-height: 24px;
+        letter-spacing: 0.15px;
+        color: #1E293B;
+    }
+
+    .mat-dialog-container {
+        border-radius: 6px !important;
+    }
+
+    .dialog-field-fix  {
+        .netgrif-input .mat-form-field-appearance-outline .mat-form-field-suffix {
+            top: unset;
+        }
+    }
 }
+

package/src/lib/header/header.theme.scss

@@ -6,15 +6,6 @@
         background: rgba(mat.get-color-from-palette($primary), 0.3);
     }
 
-    .header-color {
-        background: mat.get-color-from-palette($primary, 500);
-        color: mat.get-contrast-color-from-palette($primary, 500);
-    }
-
-    .header-color-font {
-        color: mat.get-contrast-color-from-palette($primary, 500);
-    }
-
     .netgrif-header-input {
         .mat-input-element {
             caret-color: mat.get-contrast-color-from-palette($primary, 500) !important;

package/src/lib/navigation/navigation.theme.scss

@@ -20,11 +20,12 @@
     }
 
     .rail-color {
-        background: mat.get-color-from-palette($primary, 50);
+        background: #F8FAFC;
     }
 
     .rail-selected-color {
         background-color: mat.get-color-from-palette($primary, 100);
+        color: mat.get-color-from-palette($primary) !important;
     }
 
     .tree-node.active {
@@ -35,7 +36,23 @@
         color: mat.get-color-from-palette($primary) !important;
     }
 
-    .logo, .toolbar {
-        background: mat.get-color-from-palette($primary, 50);
+    .active-tree-node {
+        color: mat.get-color-from-palette($primary) !important;
+    }
+
+    .tree-node {
+        mat-icon.tree-node-icon {
+            color: mat.get-color-from-palette($primary) !important;
+        }
+    }
+
+    .tree-node:hover {
+        background-color: mat.get-color-from-palette($primary, 50);
+        color: mat.get-color-from-palette($primary) !important;
+    }
+
+    .menu-button:hover {
+        background-color: mat.get-color-from-palette($primary, 100);
+        color: mat.get-color-from-palette($primary) !important;
     }
 }

package/src/lib/panel/panel.theme.scss

@@ -4,15 +4,15 @@
     $primary: map-get($theme, primary);
     $accent: map-get($theme, accent);
     .panel-color:hover {
-        background: mat.get-color-from-palette($primary) !important;
-        color: white !important;
+        background: mat.get-color-from-palette($primary, 50) !important;
+        color: mat.get-contrast-color-from-palette($primary, 50) !important;
 
         .panel-primary-icon {
-            color: mat.get-color-from-palette($accent);
+            color: mat.get-color-from-palette($primary, 500) !important;
         }
 
         .panel-accent-icon {
-            color: mat.get-color-from-palette($accent);
+            color: mat.get-color-from-palette($accent) !important;
         }
     }
 
@@ -38,4 +38,50 @@
         font-size: 12px;
         color: mat.get-contrast-color-from-palette($primary, 500);
     }
+
+    .panel-last {
+        .header-min-height {
+            border-bottom: unset !important;
+        }
+    }
+
+    .mat-accordion .mat-expansion-panel:last-of-type:not([class*=panel-last]) {
+        border-bottom-left-radius: 0 !important;
+        border-bottom-right-radius: 0 !important;
+    }
+
+    .mat-accordion .mat-expansion-panel:first-of-type {
+        border-top-left-radius: 0 !important;
+        border-top-right-radius: 0 !important;
+    }
+
+    .panel-list-content {
+        .cdk-virtual-scroll-content-wrapper {
+            box-sizing: border-box;
+            padding: 0 1px;
+            border-bottom-left-radius: 8px;
+            border-bottom-right-radius: 8px;
+        }
+    }
+
+    .task-panel-scroll-container {
+        .cdk-virtual-scroll-content-wrapper {
+            box-shadow: 0px 1px 2px rgb(0 0 0 / 10%), 0px 1px 3px 1px rgb(0 0 0 / 10%);
+        }
+    }
+
+    .panel-body {
+        .mat-expansion-panel-body {
+            padding: 0 !important;
+            background-color: #F8FAFC;
+        }
+    }
+}
+
+@media only screen and (max-width: 599.99px) {
+    .panel-padding {
+        .mat-expansion-panel-body {
+            padding: 0 0 8px;
+        }
+    }
 }

package/src/lib/search/advanced-search/advanced-search-component/advanced-search.component.theme.scss

@@ -0,0 +1,9 @@
+@use '@angular/material' as mat;
+
+@mixin advanced-search-theme($theme) {
+    $primary: map-get($theme, primary);
+
+    .advanced-search-buttons {
+        color: mat.get-color-from-palette($primary, 500);
+    }
+}

package/src/lib/search/advanced-search/search-predicate-component/search-predicate.component.theme.scss

@@ -6,4 +6,11 @@
     .predicate-body-color {
         background: mat.get-color-from-palette($primary, 50);
     }
+
+    .mat-form-field-wrapper-search {
+        .mat-form-field-wrapper {
+            margin: 0 !important;
+            padding-bottom: 0;
+        }
+    }
 }

package/src/lib/search/search-component/search.component-theme.scss

@@ -0,0 +1,21 @@
+@use '@angular/material' as mat;
+
+@mixin advanced-search-icon($theme) {
+    $primary: map-get($theme, primary);
+
+    .advanced-search-icon {
+        color: mat.get-color-from-palette($primary, 500);
+    }
+
+    .mat-menu-border-radius {
+        border-radius: 8px !important;
+    }
+    .mat-menu-padding {
+        .mat-menu-content {
+            padding: 0 !important;
+        }
+    }
+    .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) {
+        background: mat.get-color-from-palette($primary, 50) !important;
+    }
+}

package/src/lib/side-menu/side-menu.theme.scss

@@ -19,6 +19,6 @@
         font-weight: 500;
         font-size: 20px;
         line-height: 32px;
-        font-family: Roboto, monospace;
+        font-family: 'Roboto';
     }
 }

package/src/lib/tabs/tabs.theme.scss

@@ -1,4 +1,7 @@
+@use '@angular/material' as mat;
+
 @mixin tabs-theme($theme) {
+    $primary: map-get($theme, primary);
     .center-tabs {
         .mat-tab-labels {
             justify-content: center;
@@ -12,8 +15,19 @@
     }
 
     .mat-tab-label-container {
-        border-radius: 6px;
         background: white;
     }
+
+    .mat-tab-header {
+        border-bottom: 2px solid #E2E8F0;
+    }
+
+    .icon-tab-color {
+        color: mat.get-color-from-palette($primary);
+    }
+
+    .mat-tab-label {
+        opacity: 1 !important;
+    }
 }
 

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

@@ -1,33 +0,0 @@
-import { Component, Inject, Optional } from '@angular/core';
-import { AbstractFileListFieldComponent, 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 "@ngx-translate/core";
-import * as i3 from "../data-field-template/data-field-template.component";
-import * as i4 from "../required-label/required-label.component";
-import * as i5 from "@angular/material/button";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/progress-bar";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/material/form-field";
-import * as i10 from "@angular/flex-layout/flex";
-import * as i11 from "@angular/flex-layout/extended";
-import * as i12 from "@angular/material/tooltip";
-import * as i13 from "@angular/forms";
-export class FileListFieldComponent extends AbstractFileListFieldComponent {
-    constructor(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData) {
-        super(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData);
-    }
-}
-FileListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListFieldComponent, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: i1.EventService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FileListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FileListFieldComponent, selector: "nc-file-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\" class=\"netgrif-label\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngClass]=\"{'form-input-disabled': formControl.disabled, 'form-input-error': dataField.isInvalid(formControl)}\">\n            <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n                  [ngClass]=\"{'no-cursor': formControl.disabled}\" class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n            <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n                <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n                    <span (click)=\"download(name)\" fxFlex [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n                          class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n                    <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                            *ngIf=\"!formControl.disabled\">\n                        <mat-icon color=\"warn\">close</mat-icon>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n        <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["@import\"quill/dist/quill.snow.css\";@import\"quill/dist/quill.bubble.css\";@import\"quill/dist/quill.core.css\";.mat-calendar-arrow{border:none!important;width:10px!important;height:5px!important}ngx-mat-calendar-header .mat-calendar-arrow{border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top-width:5px!important;border-top-style:solid!important;width:0!important;height:0!important}ngx-mat-calendar .mat-calendar-body-cell{position:relative!important}mat-calendar .mat-calendar-arrow{width:0;height:0}mat-calendar .mat-calendar-body-cell{position:absolute!important;height:100%}ngx-mat-datetime-content .mat-calendar-arrow{width:0}.invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:2px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:48px}.form-input:hover{border-color:#000;border-width:2px}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px;padding:2px!important}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.MatLabel, selector: "mat-label" }, { type: i10.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: i10.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: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.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: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i13.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FileListFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nc-file-list-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\" class=\"netgrif-label\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngClass]=\"{'form-input-disabled': formControl.disabled, 'form-input-error': dataField.isInvalid(formControl)}\">\n            <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n                  [ngClass]=\"{'no-cursor': formControl.disabled}\" class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n            <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n                <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n                    <span (click)=\"download(name)\" fxFlex [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n                          class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n                    <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                            *ngIf=\"!formControl.disabled\">\n                        <mat-icon color=\"warn\">close</mat-icon>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n        <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["@import\"quill/dist/quill.snow.css\";@import\"quill/dist/quill.bubble.css\";@import\"quill/dist/quill.core.css\";.mat-calendar-arrow{border:none!important;width:10px!important;height:5px!important}ngx-mat-calendar-header .mat-calendar-arrow{border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top-width:5px!important;border-top-style:solid!important;width:0!important;height:0!important}ngx-mat-calendar .mat-calendar-body-cell{position:relative!important}mat-calendar .mat-calendar-arrow{width:0;height:0}mat-calendar .mat-calendar-body-cell{position:absolute!important;height:100%}ngx-mat-datetime-content .mat-calendar-arrow{width:0}.invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:#0000006b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:2px!important}.form-input{background:transparent;color:#333;outline:none;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:48px}.form-input:hover{border-color:#000;border-width:2px}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}.form-input-disabled:hover{border-color:#0000001f!important;border-width:1px;padding:2px!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TaskResourceService }, { type: i1.LoggerService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: i1.EventService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NAE_INFORM_ABOUT_INVALID_DATA]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2ZpbGUtZmllbGQtbGlzdC9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZmlsZS1maWVsZC1saXN0L2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFMUQsT0FBTyxFQUNILDhCQUE4QixFQUU5Qiw2QkFBNkIsRUFHaEMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBT2xDLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBWSxtQkFBd0MsRUFDeEMsR0FBa0IsRUFDbEIsUUFBeUIsRUFDekIsU0FBMkIsRUFDM0IsWUFBMEIsRUFDeUIsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsc0JBQXNCLENBQUMsQ0FBQztJQUMvRixDQUFDOztvSEFUUSxzQkFBc0IsNktBT0MsNkJBQTZCO3dHQVBwRCxzQkFBc0IsaUZDZm5DLDg5RkEwQ0E7NEZEM0JhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxvQkFBb0I7OzBCQVdqQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0RmlsZUxpc3RGaWVsZENvbXBvbmVudCwgRXZlbnRTZXJ2aWNlLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsXG4gICAgU25hY2tCYXJTZXJ2aWNlLFxuICAgIFRhc2tSZXNvdXJjZVNlcnZpY2Vcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1maWxlLWxpc3QtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWxlLWxpc3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbGUtbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZpbGVMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBsb2c6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgZXZlbnRTZXJ2aWNlOiBFdmVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIodGFza1Jlc291cmNlU2VydmljZSwgbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBldmVudFNlcnZpY2UsIGluZm9ybUFib3V0SW52YWxpZERhdGEpO1xuICAgIH1cbn1cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT1cImRhdGFGaWVsZFRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvZmZzZXRdPVwidGFza09mZnNldFwiPlxuPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RhdGFGaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9XCJzaG93TGFyZ2VMYXlvdXRcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiIGNsYXNzPVwibmV0Z3JpZi1sYWJlbFwiPlxuICAgICAgICAgICAge3tkYXRhRmllbGQudGl0bGV9fVxuICAgICAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCIgW2lzSW5dPVwiIWRhdGFGaWVsZC5kaXNhYmxlZFwiPjwvbmMtcmVxdWlyZWQtbGFiZWw+XG4gICAgICAgICAgICA8YnI+XG4gICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1pbnB1dCBidXR0b24taWNvbi1pbnB1dCBmdWxsLXdpZHRoIGlucHV0LW1hcmdpblwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIFtuZ0NsYXNzXT1cInsnZm9ybS1pbnB1dC1kaXNhYmxlZCc6IGZvcm1Db250cm9sLmRpc2FibGVkLCAnZm9ybS1pbnB1dC1lcnJvcic6IGRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2wpfVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJhY2NlbnRcIiAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9VcGxvYWQnIHwgdHJhbnNsYXRlXCIgKm5nSWY9XCIhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cInN0YXRlLnVwbG9hZGluZ1wiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5maWxlX3VwbG9hZDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwidXBsb2FkZWRGaWxlcy5sZW5ndGggPT09IDBcIiAoY2xpY2spPVwiY2hvb3NlRmlsZSgpXCIgZnhGbGV4XG4gICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J25vLWN1cnNvcic6IGZvcm1Db250cm9sLmRpc2FibGVkfVwiIGNsYXNzPVwiaW5wdXQtcGxhY2Vob2xkZXIgaW5wdXQtbmFtZS1lbGxpcHNpc1wiPnt7Y29uc3RydWN0RGlzcGxheU5hbWUoKX19PC9zcGFuPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cInVwbG9hZGVkRmlsZXMubGVuZ3RoICE9PSAwXCIgY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgZnhGbGV4PlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IG5hbWUgb2YgdXBsb2FkZWRGaWxlc1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImRvd25sb2FkKG5hbWUpXCIgZnhGbGV4IFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvRG93bmxvYWQnIHwgdHJhbnNsYXRlIDoge2ZpbGVOYW1lOiBuYW1lfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXQtbmFtZS1lbGxpcHNpcyBmaWxlLWxpc3QtaXRlbVwiPnt7bmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJkZWxldGVGaWxlKG5hbWUpXCIgW21hdFRvb2x0aXBdPVwiJ2RhdGFGaWVsZC5maWxlLmNsaWNrVG9EZWxldGUnIHwgdHJhbnNsYXRlXCIgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZm9ybUNvbnRyb2wuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cIndhcm5cIj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cInN0YXRlLnVwbG9hZGluZyB8fCBzdGF0ZS5kb3dubG9hZGluZ1wiIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJzdGF0ZS5wcm9ncmVzc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFttb2RlXT1cInN0YXRlLnVwbG9hZGluZyA/ICdkZXRlcm1pbmF0ZScgOiAnaW5kZXRlcm1pbmF0ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgI2ZpbGVVcGxvYWRJbnB1dCBuYW1lPVwiZmlsZVVwbG9hZFwiIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgIGFjY2VwdD1cInt7ZGF0YUZpZWxkLmFsbG93VHlwZXN9fVwiIGNsYXNzPVwiaW52aXNpYmxlLWlucHV0XCIvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBjbGFzcz1cImludmlzaWJsZS1pbnB1dFwiPlxuICAgICAgICA8bWF0LWhpbnQgY2xhc3M9XCJmaWxlLWhpbnQtZXJyb3JcIiAqbmdJZj1cIiFkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiZmlsZS1oaW50LWVycm9yXCIgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==