@valtimo/dossier 10.3.0 → 10.4.0

package/fesm2020/valtimo-dossier.mjs

@@ -422,12 +422,9 @@ class DossierParameterService {
     }
 }
 DossierParameterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierParameterService, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-DossierParameterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierParameterService, providedIn: 'root' });
+DossierParameterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierParameterService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierParameterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }]; } });
 
 /*
@@ -930,10 +927,10 @@ class DossierListComponent {
     }
 }
 DossierListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierListComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: i2.DocumentService }, { token: i6$1.TranslateService }, { token: DossierService }, { token: i5.NGXLogger }, { token: i1.ConfigService }, { token: DossierColumnService }, { token: DossierParameterService }], target: i0.ɵɵFactoryTarget.Component });
-DossierListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DossierListComponent, selector: "valtimo-dossier-list", viewQueries: [{ propertyName: "processStart", first: true, predicate: ["processStartModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div\n        *ngIf=\"\n          associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\n        \"\n      >\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"associatedProcessDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"associatedProcessDocumentDefinitions.length === 0 || obs.loading\"\n          >\n            <i class=\"icon mdi mdi-plus mr-1\"></i>\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-spinner *ngIf=\"obs.loading\"></valtimo-spinner>\n      <ng-container *ngTemplateOutlet=\"searchFields\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #searchFields>\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"loadingDocumentSearchFields$ | async\"\n      [searchFields]=\"documentSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"documentDefinitionName$ | async\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"paginationCopy$ | async as pagination\">\n    <ng-container *ngIf=\"fields$ | async as fields\">\n      <ng-container *ngIf=\"documentItems$ | async as documentItems\">\n        <valtimo-widget *ngIf=\"obs.loading === false\">\n          <valtimo-list\n            [items]=\"documentItems\"\n            [fields]=\"fields\"\n            (rowClicked)=\"rowClick($event)\"\n            [pagination]=\"pagination\"\n            [viewMode]=\"true\"\n            [header]=\"true\"\n            paginationIdentifier=\"dossierList\"\n            (paginationClicked)=\"pageChange($event)\"\n            (paginationSet)=\"pageSizeChange($event)\"\n            [initialSortState]=\"pagination.sort\"\n            (sortChanged)=\"sortChanged($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">\n                {{ (schema$ | async)?.title }}\n                <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                  pagination?.collectionSize || 0\n                }}</sup>\n              </h3>\n            </div>\n            <div tabs *ngIf=\"canHaveAssignee$ | async\">\n              <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #configuredTabs>\n  <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n    <li\n      *ngFor=\"let tab of dossierVisibleTabs\"\n      [ngbNavItem]=\"tab\"\n      [title]=\"'dossier.tabs.' + tab | translate\"\n    >\n      <a ngbNavLink>{{ 'dossier.tabs.' + tab | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabs>\n  <ul\n    *ngIf=\"dossierVisibleTabs === null; else configuredTabs\"\n    ngbNav\n    [destroyOnHide]=\"false\"\n    (navChange)=\"tabChange($event)\"\n    class=\"nav-tabs\"\n  >\n    <li ngbNavItem=\"all\" [title]=\"'dossier.tabs.ALL' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.ALL' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"mine\" [title]=\"'dossier.tabs.MINE' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.MINE' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"open\" [title]=\"'dossier.tabs.OPEN' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.OPEN' | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i8.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i8.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "directive", type: i10.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i8.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "documentDefinitionName", "setValuesSubject$"], outputs: ["doSearch"] }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "component", type: DossierProcessStartModalComponent, selector: "valtimo-dossier-process-start-modal" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
+DossierListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DossierListComponent, selector: "valtimo-dossier-list", providers: [DossierParameterService], viewQueries: [{ propertyName: "processStart", first: true, predicate: ["processStartModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div\n        *ngIf=\"\n          associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\n        \"\n      >\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"associatedProcessDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"associatedProcessDocumentDefinitions.length === 0 || obs.loading\"\n          >\n            <i class=\"icon mdi mdi-plus mr-1\"></i>\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-spinner *ngIf=\"obs.loading\"></valtimo-spinner>\n      <ng-container *ngTemplateOutlet=\"searchFields\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #searchFields>\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"loadingDocumentSearchFields$ | async\"\n      [searchFields]=\"documentSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"documentDefinitionName$ | async\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"paginationCopy$ | async as pagination\">\n    <ng-container *ngIf=\"fields$ | async as fields\">\n      <ng-container *ngIf=\"documentItems$ | async as documentItems\">\n        <valtimo-widget *ngIf=\"obs.loading === false\">\n          <valtimo-list\n            [items]=\"documentItems\"\n            [fields]=\"fields\"\n            (rowClicked)=\"rowClick($event)\"\n            [pagination]=\"pagination\"\n            [viewMode]=\"true\"\n            [header]=\"true\"\n            paginationIdentifier=\"dossierList\"\n            (paginationClicked)=\"pageChange($event)\"\n            (paginationSet)=\"pageSizeChange($event)\"\n            [initialSortState]=\"pagination.sort\"\n            (sortChanged)=\"sortChanged($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">\n                {{ (schema$ | async)?.title }}\n                <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                  pagination?.collectionSize || 0\n                }}</sup>\n              </h3>\n            </div>\n            <div tabs *ngIf=\"canHaveAssignee$ | async\">\n              <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #configuredTabs>\n  <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n    <li\n      *ngFor=\"let tab of dossierVisibleTabs\"\n      [ngbNavItem]=\"tab\"\n      [title]=\"'dossier.tabs.' + tab | translate\"\n    >\n      <a ngbNavLink>{{ 'dossier.tabs.' + tab | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabs>\n  <ul\n    *ngIf=\"dossierVisibleTabs === null; else configuredTabs\"\n    ngbNav\n    [destroyOnHide]=\"false\"\n    (navChange)=\"tabChange($event)\"\n    class=\"nav-tabs\"\n  >\n    <li ngbNavItem=\"all\" [title]=\"'dossier.tabs.ALL' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.ALL' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"mine\" [title]=\"'dossier.tabs.MINE' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.MINE' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"open\" [title]=\"'dossier.tabs.OPEN' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.OPEN' | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i8.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i8.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "directive", type: i10.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i8.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "documentDefinitionName", "setValuesSubject$"], outputs: ["doSearch"] }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "component", type: DossierProcessStartModalComponent, selector: "valtimo-dossier-process-start-modal" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DossierListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-dossier-list', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div\n        *ngIf=\"\n          associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\n        \"\n      >\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"associatedProcessDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"associatedProcessDocumentDefinitions.length === 0 || obs.loading\"\n          >\n            <i class=\"icon mdi mdi-plus mr-1\"></i>\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-spinner *ngIf=\"obs.loading\"></valtimo-spinner>\n      <ng-container *ngTemplateOutlet=\"searchFields\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #searchFields>\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"loadingDocumentSearchFields$ | async\"\n      [searchFields]=\"documentSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"documentDefinitionName$ | async\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"paginationCopy$ | async as pagination\">\n    <ng-container *ngIf=\"fields$ | async as fields\">\n      <ng-container *ngIf=\"documentItems$ | async as documentItems\">\n        <valtimo-widget *ngIf=\"obs.loading === false\">\n          <valtimo-list\n            [items]=\"documentItems\"\n            [fields]=\"fields\"\n            (rowClicked)=\"rowClick($event)\"\n            [pagination]=\"pagination\"\n            [viewMode]=\"true\"\n            [header]=\"true\"\n            paginationIdentifier=\"dossierList\"\n            (paginationClicked)=\"pageChange($event)\"\n            (paginationSet)=\"pageSizeChange($event)\"\n            [initialSortState]=\"pagination.sort\"\n            (sortChanged)=\"sortChanged($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">\n                {{ (schema$ | async)?.title }}\n                <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                  pagination?.collectionSize || 0\n                }}</sup>\n              </h3>\n            </div>\n            <div tabs *ngIf=\"canHaveAssignee$ | async\">\n              <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #configuredTabs>\n  <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n    <li\n      *ngFor=\"let tab of dossierVisibleTabs\"\n      [ngbNavItem]=\"tab\"\n      [title]=\"'dossier.tabs.' + tab | translate\"\n    >\n      <a ngbNavLink>{{ 'dossier.tabs.' + tab | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabs>\n  <ul\n    *ngIf=\"dossierVisibleTabs === null; else configuredTabs\"\n    ngbNav\n    [destroyOnHide]=\"false\"\n    (navChange)=\"tabChange($event)\"\n    class=\"nav-tabs\"\n  >\n    <li ngbNavItem=\"all\" [title]=\"'dossier.tabs.ALL' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.ALL' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"mine\" [title]=\"'dossier.tabs.MINE' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.MINE' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"open\" [title]=\"'dossier.tabs.OPEN' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.OPEN' | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n" }]
+            args: [{ selector: 'valtimo-dossier-list', providers: [DossierParameterService], template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div\n        *ngIf=\"\n          associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\n        \"\n      >\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"associatedProcessDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"associatedProcessDocumentDefinitions.length === 0 || obs.loading\"\n          >\n            <i class=\"icon mdi mdi-plus mr-1\"></i>\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-spinner *ngIf=\"obs.loading\"></valtimo-spinner>\n      <ng-container *ngTemplateOutlet=\"searchFields\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #searchFields>\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"loadingDocumentSearchFields$ | async\"\n      [searchFields]=\"documentSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"documentDefinitionName$ | async\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"paginationCopy$ | async as pagination\">\n    <ng-container *ngIf=\"fields$ | async as fields\">\n      <ng-container *ngIf=\"documentItems$ | async as documentItems\">\n        <valtimo-widget *ngIf=\"obs.loading === false\">\n          <valtimo-list\n            [items]=\"documentItems\"\n            [fields]=\"fields\"\n            (rowClicked)=\"rowClick($event)\"\n            [pagination]=\"pagination\"\n            [viewMode]=\"true\"\n            [header]=\"true\"\n            paginationIdentifier=\"dossierList\"\n            (paginationClicked)=\"pageChange($event)\"\n            (paginationSet)=\"pageSizeChange($event)\"\n            [initialSortState]=\"pagination.sort\"\n            (sortChanged)=\"sortChanged($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">\n                {{ (schema$ | async)?.title }}\n                <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                  pagination?.collectionSize || 0\n                }}</sup>\n              </h3>\n            </div>\n            <div tabs *ngIf=\"canHaveAssignee$ | async\">\n              <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #configuredTabs>\n  <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n    <li\n      *ngFor=\"let tab of dossierVisibleTabs\"\n      [ngbNavItem]=\"tab\"\n      [title]=\"'dossier.tabs.' + tab | translate\"\n    >\n      <a ngbNavLink>{{ 'dossier.tabs.' + tab | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabs>\n  <ul\n    *ngIf=\"dossierVisibleTabs === null; else configuredTabs\"\n    ngbNav\n    [destroyOnHide]=\"false\"\n    (navChange)=\"tabChange($event)\"\n    class=\"nav-tabs\"\n  >\n    <li ngbNavItem=\"all\" [title]=\"'dossier.tabs.ALL' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.ALL' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"mine\" [title]=\"'dossier.tabs.MINE' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.MINE' | translate }}</a>\n    </li>\n    <li ngbNavItem=\"open\" [title]=\"'dossier.tabs.OPEN' | translate\">\n      <a ngbNavLink>{{ 'dossier.tabs.OPEN' | translate }}</a>\n    </li>\n  </ul>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i2.DocumentService }, { type: i6$1.TranslateService }, { type: DossierService }, { type: i5.NGXLogger }, { type: i1.ConfigService }, { type: DossierColumnService }, { type: DossierParameterService }]; }, propDecorators: { processStart: [{
                 type: ViewChild,
                 args: ['processStartModal']
@@ -2352,7 +2349,7 @@ class NoteModalComponent {
     }
 }
 NoteModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NoteModalComponent, deps: [{ token: NotesService }, { token: i3$3.ModalService }], target: i0.ɵɵFactoryTarget.Component });
-NoteModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: NoteModalComponent, selector: "valtimo-note-modal", outputs: { createNoteEvent: "createNoteEvent" }, viewQueries: [{ propertyName: "addNoteModal", first: true, predicate: ["addNoteModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-modal #addNoteModal *ngIf=\"{disabled: disabled$ | async, valid: valid$ | async} as obs\">\n  <div role=\"header\">\n    <div class=\"add-note-title\">\n      <v-title [margin]=\"false\">{{ 'dossier.notes.addNote' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"addForm\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'document.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{ 'dossier.notes.addNote' | translate }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #addForm>\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        type=\"textarea\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'dossier.notes.input.content' | translate\"\n        name=\"content\"\n        [fullWidth]=\"true\"\n        [rows]=\"10\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons,.add-note-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.add-note-title{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$3.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "component", type: i3$3.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "component", type: i3$3.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "component", type: i3$3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$"], outputs: ["valueChange"] }, { kind: "component", type: i3$3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
+NoteModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: NoteModalComponent, selector: "valtimo-note-modal", outputs: { createNoteEvent: "createNoteEvent" }, viewQueries: [{ propertyName: "addNoteModal", first: true, predicate: ["addNoteModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-modal #addNoteModal *ngIf=\"{disabled: disabled$ | async, valid: valid$ | async} as obs\">\n  <div role=\"header\">\n    <div class=\"add-note-title\">\n      <v-title [margin]=\"false\">{{ 'dossier.notes.addNote' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"addForm\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'document.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{ 'dossier.notes.addNote' | translate }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #addForm>\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        type=\"textarea\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'dossier.notes.input.content' | translate\"\n        name=\"content\"\n        [fullWidth]=\"true\"\n        [rows]=\"10\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons,.add-note-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.add-note-title{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$3.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "component", type: i3$3.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "component", type: i3$3.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "component", type: i3$3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$"], outputs: ["valueChange"] }, { kind: "component", type: i3$3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NoteModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-note-modal', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-modal #addNoteModal *ngIf=\"{disabled: disabled$ | async, valid: valid$ | async} as obs\">\n  <div role=\"header\">\n    <div class=\"add-note-title\">\n      <v-title [margin]=\"false\">{{ 'dossier.notes.addNote' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"addForm\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'document.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{ 'dossier.notes.addNote' | translate }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #addForm>\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        type=\"textarea\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'dossier.notes.input.content' | translate\"\n        name=\"content\"\n        [fullWidth]=\"true\"\n        [rows]=\"10\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons,.add-note-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.add-note-title{justify-content:center}\n"] }]