@valtimo/object 10.5.0 → 10.6.0

package/esm2020/lib/object.module.mjs

@@ -18,13 +18,12 @@ import { ObjectRoutingModule } from './object-routing.module';
 import { ObjectListComponent } from './components/object-list/object-list.component';
 import { TranslateModule } from '@ngx-translate/core';
 import { AsyncPipe, CommonModule } from '@angular/common';
-import { ConfirmationModalModule, ListModule, SearchFieldsModule, SpinnerModule, WidgetModule, } from '@valtimo/components';
+import { ConfirmationModalModule, FormIoModule, ListModule, SearchFieldsModule, SpinnerModule, ValtimoIbmModalDirectiveModule, WidgetModule, } from '@valtimo/components';
 import { ObjectDetailContainerComponent } from './components/object-detail-container/object-detail-container.component';
 import { ObjectDetailComponent } from './components/object-detail-container/tabs/object-detail/object-detail.component';
 import { ButtonModule, IconModule, InputModule, LoadingModule, ModalModule, } from 'carbon-components-angular';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TooltipIconModule } from '@valtimo/user-interface';
-import { FormIoModule } from '@valtimo/components';
 import * as i0 from "@angular/core";
 export class ObjectModule {
 }
@@ -45,7 +44,8 @@ ObjectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
         InputModule,
         TooltipIconModule,
         ConfirmationModalModule,
-        SearchFieldsModule] });
+        SearchFieldsModule,
+        ValtimoIbmModalDirectiveModule] });
 ObjectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectModule, imports: [CommonModule,
         ObjectRoutingModule,
         TranslateModule,
@@ -61,7 +61,8 @@ ObjectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
         InputModule,
         TooltipIconModule,
         ConfirmationModalModule,
-        SearchFieldsModule] });
+        SearchFieldsModule,
+        ValtimoIbmModalDirectiveModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectModule, decorators: [{
             type: NgModule,
             args: [{
@@ -84,8 +85,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TooltipIconModule,
                         ConfirmationModalModule,
                         SearchFieldsModule,
+                        ValtimoIbmModalDirectiveModule,
                     ],
                     exports: [],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRpbW8vb2JqZWN0L3NyYy9saWIvb2JqZWN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDbkYsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixVQUFVLEVBQ1Ysa0JBQWtCLEVBQ2xCLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUMsOEJBQThCLEVBQUMsTUFBTSx3RUFBd0UsQ0FBQztBQUN0SCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxpRkFBaUYsQ0FBQztBQUN0SCxPQUFPLEVBQ0wsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNiLFdBQVcsR0FDWixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7QUF5QmpELE1BQU0sT0FBTyxZQUFZOzswR0FBWixZQUFZOzJHQUFaLFlBQVksaUJBdEJSLG1CQUFtQixFQUFFLDhCQUE4QixFQUFFLHFCQUFxQixhQUV2RixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixTQUFTO1FBQ1QsWUFBWTtRQUNaLFVBQVU7UUFDVixZQUFZO1FBQ1osVUFBVTtRQUNWLGFBQWE7UUFDYixhQUFhO1FBQ2IsWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIsa0JBQWtCOzJHQUlULFlBQVksWUFwQnJCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsZUFBZTtRQUVmLFlBQVk7UUFDWixVQUFVO1FBQ1YsWUFBWTtRQUNaLFVBQVU7UUFDVixhQUFhO1FBQ2IsYUFBYTtRQUNiLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjs0RkFJVCxZQUFZO2tCQXZCeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSw4QkFBOEIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDMUYsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLFNBQVM7d0JBQ1QsWUFBWTt3QkFDWixVQUFVO3dCQUNWLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsRUFBRTtpQkFDWiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAxNS0yMDIwIFJpdGVuc2UgQlYsIHRoZSBOZXRoZXJsYW5kcy5cbiAqXG4gKiBMaWNlbnNlZCB1bmRlciBFVVBMLCBWZXJzaW9uIDEuMiAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqIGh0dHBzOi8vam9pbnVwLmVjLmV1cm9wYS5ldS9jb2xsZWN0aW9uL2V1cGwvZXVwbC10ZXh0LWV1cGwtMTJcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgYmFzaXMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYmplY3RSb3V0aW5nTW9kdWxlfSBmcm9tICcuL29iamVjdC1yb3V0aW5nLm1vZHVsZSc7XG5pbXBvcnQge09iamVjdExpc3RDb21wb25lbnR9IGZyb20gJy4vY29tcG9uZW50cy9vYmplY3QtbGlzdC9vYmplY3QtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBc3luY1BpcGUsIENvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbmZpcm1hdGlvbk1vZGFsTW9kdWxlLFxuICBMaXN0TW9kdWxlLFxuICBTZWFyY2hGaWVsZHNNb2R1bGUsXG4gIFNwaW5uZXJNb2R1bGUsXG4gIFdpZGdldE1vZHVsZSxcbn0gZnJvbSAnQHZhbHRpbW8vY29tcG9uZW50cyc7XG5pbXBvcnQge09iamVjdERldGFpbENvbnRhaW5lckNvbXBvbmVudH0gZnJvbSAnLi9jb21wb25lbnRzL29iamVjdC1kZXRhaWwtY29udGFpbmVyL29iamVjdC1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge09iamVjdERldGFpbENvbXBvbmVudH0gZnJvbSAnLi9jb21wb25lbnRzL29iamVjdC1kZXRhaWwtY29udGFpbmVyL3RhYnMvb2JqZWN0LWRldGFpbC9vYmplY3QtZGV0YWlsLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCdXR0b25Nb2R1bGUsXG4gIEljb25Nb2R1bGUsXG4gIElucHV0TW9kdWxlLFxuICBMb2FkaW5nTW9kdWxlLFxuICBNb2RhbE1vZHVsZSxcbn0gZnJvbSAnY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhcic7XG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7VG9vbHRpcEljb25Nb2R1bGV9IGZyb20gJ0B2YWx0aW1vL3VzZXItaW50ZXJmYWNlJztcbmltcG9ydCB7Rm9ybUlvTW9kdWxlfSBmcm9tICdAdmFsdGltby9jb21wb25lbnRzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT2JqZWN0TGlzdENvbXBvbmVudCwgT2JqZWN0RGV0YWlsQ29udGFpbmVyQ29tcG9uZW50LCBPYmplY3REZXRhaWxDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9iamVjdFJvdXRpbmdNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIEFzeW5jUGlwZSxcbiAgICBXaWRnZXRNb2R1bGUsXG4gICAgTGlzdE1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBTcGlubmVyTW9kdWxlLFxuICAgIExvYWRpbmdNb2R1bGUsXG4gICAgRm9ybUlvTW9kdWxlLFxuICAgIE1vZGFsTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgSW5wdXRNb2R1bGUsXG4gICAgVG9vbHRpcEljb25Nb2R1bGUsXG4gICAgQ29uZmlybWF0aW9uTW9kYWxNb2R1bGUsXG4gICAgU2VhcmNoRmllbGRzTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0TW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRpbW8vb2JqZWN0L3NyYy9saWIvb2JqZWN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUVILE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDbkYsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixZQUFZLEVBQ1osVUFBVSxFQUNWLGtCQUFrQixFQUNsQixhQUFhLEVBQ2IsOEJBQThCLEVBQzlCLFlBQVksR0FDYixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFBQyw4QkFBOEIsRUFBQyxNQUFNLHdFQUF3RSxDQUFDO0FBQ3RILE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLGlGQUFpRixDQUFDO0FBQ3RILE9BQU8sRUFDTCxZQUFZLEVBQ1osVUFBVSxFQUNWLFdBQVcsRUFDWCxhQUFhLEVBQ2IsV0FBVyxHQUNaLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0seUJBQXlCLENBQUM7O0FBMEIxRCxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTsyR0FBWixZQUFZLGlCQXZCUixtQkFBbUIsRUFBRSw4QkFBOEIsRUFBRSxxQkFBcUIsYUFFdkYsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsU0FBUztRQUNULFlBQVk7UUFDWixVQUFVO1FBQ1YsWUFBWTtRQUNaLFVBQVU7UUFDVixhQUFhO1FBQ2IsYUFBYTtRQUNiLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQiw4QkFBOEI7MkdBSXJCLFlBQVksWUFyQnJCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsZUFBZTtRQUVmLFlBQVk7UUFDWixVQUFVO1FBQ1YsWUFBWTtRQUNaLFVBQVU7UUFDVixhQUFhO1FBQ2IsYUFBYTtRQUNiLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxpQkFBaUI7UUFDakIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQiw4QkFBOEI7NEZBSXJCLFlBQVk7a0JBeEJ4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLDhCQUE4QixFQUFFLHFCQUFxQixDQUFDO29CQUMxRixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsU0FBUzt3QkFDVCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsWUFBWTt3QkFDWixVQUFVO3dCQUNWLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixrQkFBa0I7d0JBQ2xCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMTUtMjAyMCBSaXRlbnNlIEJWLCB0aGUgTmV0aGVybGFuZHMuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgRVVQTCwgVmVyc2lvbiAxLjIgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiBodHRwczovL2pvaW51cC5lYy5ldXJvcGEuZXUvY29sbGVjdGlvbi9ldXBsL2V1cGwtdGV4dC1ldXBsLTEyXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIGJhc2lzLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuXG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T2JqZWN0Um91dGluZ01vZHVsZX0gZnJvbSAnLi9vYmplY3Qtcm91dGluZy5tb2R1bGUnO1xuaW1wb3J0IHtPYmplY3RMaXN0Q29tcG9uZW50fSBmcm9tICcuL2NvbXBvbmVudHMvb2JqZWN0LWxpc3Qvb2JqZWN0LWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7QXN5bmNQaXBlLCBDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb25maXJtYXRpb25Nb2RhbE1vZHVsZSxcbiAgRm9ybUlvTW9kdWxlLFxuICBMaXN0TW9kdWxlLFxuICBTZWFyY2hGaWVsZHNNb2R1bGUsXG4gIFNwaW5uZXJNb2R1bGUsXG4gIFZhbHRpbW9JYm1Nb2RhbERpcmVjdGl2ZU1vZHVsZSxcbiAgV2lkZ2V0TW9kdWxlLFxufSBmcm9tICdAdmFsdGltby9jb21wb25lbnRzJztcbmltcG9ydCB7T2JqZWN0RGV0YWlsQ29udGFpbmVyQ29tcG9uZW50fSBmcm9tICcuL2NvbXBvbmVudHMvb2JqZWN0LWRldGFpbC1jb250YWluZXIvb2JqZWN0LWRldGFpbC1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7T2JqZWN0RGV0YWlsQ29tcG9uZW50fSBmcm9tICcuL2NvbXBvbmVudHMvb2JqZWN0LWRldGFpbC1jb250YWluZXIvdGFicy9vYmplY3QtZGV0YWlsL29iamVjdC1kZXRhaWwuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIEJ1dHRvbk1vZHVsZSxcbiAgSWNvbk1vZHVsZSxcbiAgSW5wdXRNb2R1bGUsXG4gIExvYWRpbmdNb2R1bGUsXG4gIE1vZGFsTW9kdWxlLFxufSBmcm9tICdjYXJib24tY29tcG9uZW50cy1hbmd1bGFyJztcbmltcG9ydCB7UmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtUb29sdGlwSWNvbk1vZHVsZX0gZnJvbSAnQHZhbHRpbW8vdXNlci1pbnRlcmZhY2UnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtPYmplY3RMaXN0Q29tcG9uZW50LCBPYmplY3REZXRhaWxDb250YWluZXJDb21wb25lbnQsIE9iamVjdERldGFpbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgT2JqZWN0Um91dGluZ01vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgQXN5bmNQaXBlLFxuICAgIFdpZGdldE1vZHVsZSxcbiAgICBMaXN0TW9kdWxlLFxuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFNwaW5uZXJNb2R1bGUsXG4gICAgTG9hZGluZ01vZHVsZSxcbiAgICBGb3JtSW9Nb2R1bGUsXG4gICAgTW9kYWxNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBJbnB1dE1vZHVsZSxcbiAgICBUb29sdGlwSWNvbk1vZHVsZSxcbiAgICBDb25maXJtYXRpb25Nb2RhbE1vZHVsZSxcbiAgICBTZWFyY2hGaWVsZHNNb2R1bGUsXG4gICAgVmFsdGltb0libU1vZGFsRGlyZWN0aXZlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0TW9kdWxlIHt9XG4iXX0=

package/fesm2015/valtimo-object.mjs

@@ -8,14 +8,14 @@ import { RouterModule } from '@angular/router';
 import * as i6$1 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import { AuthGuardService } from '@valtimo/security';
-import { map, BehaviorSubject, combineLatest, distinctUntilChanged, of, startWith, throwError, Subject } from 'rxjs';
-import { switchMap, tap, take, catchError, finalize } from 'rxjs/operators';
+import { map, BehaviorSubject, combineLatest, distinctUntilChanged, of, startWith, filter, throwError, Subject } from 'rxjs';
+import { switchMap, catchError, tap, take, finalize } from 'rxjs/operators';
 import * as i2$1 from '@valtimo/object-management';
 import * as i4 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i6 from 'ngx-toastr';
 import * as i8 from '@valtimo/components';
-import { WidgetModule, ListModule, SpinnerModule, FormIoModule, ConfirmationModalModule, SearchFieldsModule } from '@valtimo/components';
+import { WidgetModule, ListModule, SpinnerModule, FormIoModule, ConfirmationModalModule, SearchFieldsModule, ValtimoIbmModalDirectiveModule } from '@valtimo/components';
 import * as i9 from 'carbon-components-angular';
 import { ButtonModule, IconModule, LoadingModule, ModalModule, InputModule } from 'carbon-components-angular';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -199,26 +199,36 @@ class ObjectListComponent {
             this.translateService.stream('key'),
             this.refreshObjectList$,
         ]).pipe(switchMap(([objectManagementId, currentPage, columnType, searchFieldValues]) => {
+            const handleError = () => {
+                this.disableInput();
+                return of(null);
+            };
             if (columnType === ColumnType.CUSTOM) {
-                return this.objectService.postObjectsByObjectManagementId(objectManagementId, {
+                return this.objectService
+                    .postObjectsByObjectManagementId(objectManagementId, {
                     page: currentPage.page,
                     size: currentPage.size,
                 }, Object.keys(searchFieldValues).length > 0
                     ? { otherFilters: this.mapSearchValuesToFilters(searchFieldValues) }
-                    : {});
+                    : {})
+                    .pipe(catchError(() => handleError()));
             }
             else {
-                return this.objectService.getObjectsByObjectManagementId(objectManagementId, {
+                return this.objectService
+                    .getObjectsByObjectManagementId(objectManagementId, {
                     page: currentPage.page,
                     size: currentPage.size,
-                });
+                })
+                    .pipe(catchError(() => handleError()));
             }
         }), tap(instanceRes => {
-            this.pageSizes$.pipe(take(1)).subscribe(sizes => {
-                // @ts-ignore
-                this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
-            });
-        }), map(res => res.content.map(record => { var _a; return (_a = record === null || record === void 0 ? void 0 : record.items) === null || _a === void 0 ? void 0 : _a.reduce((obj, item) => Object.assign(obj, { objectId: record.id }, { [item.key]: item.value }), {}); })), tap(() => this.loading$.next(false)));
+            if (instanceRes != null) {
+                this.pageSizes$.pipe(take(1)).subscribe(sizes => {
+                    // @ts-ignore
+                    this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+                });
+            }
+        }), map(res => { var _a; return (_a = res === null || res === void 0 ? void 0 : res.content) === null || _a === void 0 ? void 0 : _a.map(record => { var _a; return (_a = record === null || record === void 0 ? void 0 : record.items) === null || _a === void 0 ? void 0 : _a.reduce((obj, item) => Object.assign(obj, { objectId: record.id }, { [item.key]: item.value }), {}); }); }), tap(() => this.loading$.next(false)));
         this.formDefinition$ = combineLatest([
             this.objectManagementId$,
             this.clearForm$,
@@ -246,7 +256,7 @@ class ObjectListComponent {
                         const translationKey = `fieldLabels.${column.translationKey}`;
                         const translation = this.translateService.instant(translationKey);
                         const validTranslation = translation !== translationKey && translation;
-                        return Object.assign(Object.assign({ key: column.translationKey, label: column.title || validTranslation || column.translationKey, sortable: column.sortable }, (column.viewType && { viewType: column.viewType })), (column.enum && { enum: column.enum }));
+                        return Object.assign(Object.assign(Object.assign({ key: column.translationKey, label: column.title || validTranslation || column.translationKey, sortable: column.sortable }, (column.viewType && { viewType: column.viewType })), (column.enum && { enum: column.enum })), (column.format && { format: column.format }));
                     }),
                 ];
             }
@@ -284,22 +294,21 @@ class ObjectListComponent {
     addObject() {
         this.disableInput();
         combineLatest([this.objectManagementId$, this.submission$, this.formValid$])
-            .pipe(take(1))
-            .subscribe(([objectManagementId, submission, formValid]) => {
-            if (formValid) {
-                submission = this.objectService.removeEmptyStringValuesFromSubmission(submission);
-                this.objectService
-                    .createObject({ objectManagementId }, Object.assign({}, submission))
-                    .pipe(take(1), catchError((error) => this.handleCreateObjectError(error)), finalize(() => {
-                    this.enableInput();
-                }))
-                    .subscribe(() => {
-                    this.closeModal();
-                    this.refreshObjectList();
-                    this.clearForm$.next(true);
-                    this.toastr.success(this.translate.instant('object.messages.objectCreated'));
-                });
-            }
+            .pipe(take(1), filter(([objectManagementId, submission, formValid]) => formValid), switchMap(([objectManagementId, submission]) => this.objectService
+            .createObject({ objectManagementId }, Object.assign({}, this.objectService.removeEmptyStringValuesFromSubmission(submission)))
+            .pipe(take(1), catchError((error) => {
+            this.handleCreateObjectError(error);
+            return throwError(error);
+        }))), finalize(() => {
+            this.enableInput();
+        }))
+            .subscribe({
+            next: () => {
+                this.closeModal();
+                this.refreshObjectList();
+                this.clearForm$.next(true);
+                this.toastr.success(this.translate.instant('object.messages.objectCreated'));
+            },
         });
     }
     redirectToDetails(record) {
@@ -334,7 +343,6 @@ class ObjectListComponent {
         return throwError(error);
     }
     handleCreateObjectError(error) {
-        this.closeModal();
         this.toastr.error(this.translate.instant('object.messages.objectCreationError'));
         return throwError(error);
     }
@@ -350,17 +358,17 @@ class ObjectListComponent {
             }
             else {
                 // @ts-ignore
-                filters.push({ key: valueKey, values: [{ value: searchValue }] });
+                filters.push({ key: valueKey, values: [searchValue] });
             }
         });
         return filters;
     }
 }
 ObjectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectListComponent, deps: [{ token: ObjectService }, { token: ObjectColumnService }, { token: i2$1.ObjectManagementService }, { token: i4.TranslateService }, { token: i3.Router }, { token: i3.ActivatedRoute }, { token: i6.ToastrService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectListComponent, selector: "valtimo-object-list", 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<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    pagination: pagination$ | async,\n    disableInput: disableInput$ | async,\n    fields: fields$ | async,\n    objectConfiguration: objectConfiguration$ | async\n  } as obs\"\n>\n  <div class=\"main-content pt-0\">\n    <div class=\"container-fluid pr-0 pl-0\">\n      <div class=\"text-right\">\n        <div class=\"btn-group mt-m3px mb-3 mr-0\">\n          <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n        </div>\n      </div>\n      <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createNewModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button\n    (click)=\"openModal()\"\n    ibmButton=\"primary\"\n    size=\"md\"\n    class=\"ml-3\"\n    [disabled]=\"obs.disableInput || obs.loading\"\n  >\n    {{ 'object.createObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"obs.loading\"\n      [searchFields]=\"objectSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"objectManagementId$ | async\"\n      [setValuesSubject$]=\"null\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"obs.objectConfiguration\"\n      [fields]=\"obs.fields\"\n      [viewMode]=\"true\"\n      [header]=\"true\"\n      [pagination]=\"obs.pagination\"\n      paginationIdentifier=\"objectConfigurationList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      (rowClicked)=\"redirectToDetails($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">\n          {{ 'object.title' | translate }}\n          <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n            obs.objectConfiguration?.length || 0\n          }}</sup>\n        </h3>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #createNewModal>\n  <ibm-modal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      formDefinition: formDefinition$ | async,\n      disableInput: disableInput$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.createObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formDefinition\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"addObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\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 */.loading-icon{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { 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: "directive", type: i9.Button, selector: "[ibmButton]", inputs: ["ibmButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[ibmIcon]", inputs: ["ibmIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i9.Loading, selector: "ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i9.Modal, selector: "ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i9.ModalHeader, selector: "ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i9.ModalFooter, selector: "ibm-modal-footer" }, { kind: "directive", type: i9.ModalContent, selector: "[ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i9.ModalHeaderHeading, selector: "[ibmModalHeaderHeading]" }, { kind: "component", type: i8.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "documentDefinitionName", "setValuesSubject$"], outputs: ["doSearch"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+ObjectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectListComponent, selector: "valtimo-object-list", 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<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    pagination: pagination$ | async,\n    disableInput: disableInput$ | async,\n    fields: fields$ | async,\n    objectConfiguration: objectConfiguration$ | async\n  } as obs\"\n>\n  <div class=\"main-content pt-0\">\n    <div class=\"container-fluid pr-0 pl-0\">\n      <div class=\"text-right\">\n        <div class=\"btn-group mt-m3px mb-3 mr-0\">\n          <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n        </div>\n      </div>\n      <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createNewModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button\n    (click)=\"openModal()\"\n    ibmButton=\"primary\"\n    size=\"md\"\n    class=\"ml-3\"\n    [disabled]=\"obs.disableInput || obs.loading\"\n  >\n    {{ 'object.createObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"obs.loading\"\n      [searchFields]=\"objectSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"objectManagementId$ | async\"\n      [setValuesSubject$]=\"null\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"obs.objectConfiguration\"\n      [fields]=\"obs.fields\"\n      [viewMode]=\"true\"\n      [header]=\"true\"\n      [pagination]=\"obs.pagination\"\n      paginationIdentifier=\"objectConfigurationList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      (rowClicked)=\"redirectToDetails($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">\n          {{ 'object.title' | translate }}\n          <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n            obs.objectConfiguration?.length || 0\n          }}</sup>\n        </h3>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #createNewModal>\n  <ibm-modal\n    valtimoIbmModal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      formDefinition: formDefinition$ | async,\n      disableInput: disableInput$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.createObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formDefinition\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"addObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\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 */.loading-icon{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { 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: "directive", type: i9.Button, selector: "[ibmButton]", inputs: ["ibmButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[ibmIcon]", inputs: ["ibmIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i9.Loading, selector: "ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i9.Modal, selector: "ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i9.ModalHeader, selector: "ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i9.ModalFooter, selector: "ibm-modal-footer" }, { kind: "directive", type: i9.ModalContent, selector: "[ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i9.ModalHeaderHeading, selector: "[ibmModalHeaderHeading]" }, { kind: "component", type: i8.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "documentDefinitionName", "setValuesSubject$", "defaultValues"], outputs: ["doSearch"] }, { kind: "directive", type: i8.ValtimoIbmModalDirective, selector: "[valtimoIbmModal]" }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-object-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<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    pagination: pagination$ | async,\n    disableInput: disableInput$ | async,\n    fields: fields$ | async,\n    objectConfiguration: objectConfiguration$ | async\n  } as obs\"\n>\n  <div class=\"main-content pt-0\">\n    <div class=\"container-fluid pr-0 pl-0\">\n      <div class=\"text-right\">\n        <div class=\"btn-group mt-m3px mb-3 mr-0\">\n          <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n        </div>\n      </div>\n      <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createNewModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button\n    (click)=\"openModal()\"\n    ibmButton=\"primary\"\n    size=\"md\"\n    class=\"ml-3\"\n    [disabled]=\"obs.disableInput || obs.loading\"\n  >\n    {{ 'object.createObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"obs.loading\"\n      [searchFields]=\"objectSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"objectManagementId$ | async\"\n      [setValuesSubject$]=\"null\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"obs.objectConfiguration\"\n      [fields]=\"obs.fields\"\n      [viewMode]=\"true\"\n      [header]=\"true\"\n      [pagination]=\"obs.pagination\"\n      paginationIdentifier=\"objectConfigurationList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      (rowClicked)=\"redirectToDetails($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">\n          {{ 'object.title' | translate }}\n          <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n            obs.objectConfiguration?.length || 0\n          }}</sup>\n        </h3>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #createNewModal>\n  <ibm-modal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      formDefinition: formDefinition$ | async,\n      disableInput: disableInput$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.createObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formDefinition\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"addObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\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 */.loading-icon{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'valtimo-object-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<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    pagination: pagination$ | async,\n    disableInput: disableInput$ | async,\n    fields: fields$ | async,\n    objectConfiguration: objectConfiguration$ | async\n  } as obs\"\n>\n  <div class=\"main-content pt-0\">\n    <div class=\"container-fluid pr-0 pl-0\">\n      <div class=\"text-right\">\n        <div class=\"btn-group mt-m3px mb-3 mr-0\">\n          <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n        </div>\n      </div>\n      <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createNewModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button\n    (click)=\"openModal()\"\n    ibmButton=\"primary\"\n    size=\"md\"\n    class=\"ml-3\"\n    [disabled]=\"obs.disableInput || obs.loading\"\n  >\n    {{ 'object.createObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [loading]=\"obs.loading\"\n      [searchFields]=\"objectSearchFields$ | async\"\n      (doSearch)=\"search($event)\"\n      [documentDefinitionName]=\"objectManagementId$ | async\"\n      [setValuesSubject$]=\"null\"\n    ></valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"obs.objectConfiguration\"\n      [fields]=\"obs.fields\"\n      [viewMode]=\"true\"\n      [header]=\"true\"\n      [pagination]=\"obs.pagination\"\n      paginationIdentifier=\"objectConfigurationList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      (rowClicked)=\"redirectToDetails($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">\n          {{ 'object.title' | translate }}\n          <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n            obs.objectConfiguration?.length || 0\n          }}</sup>\n        </h3>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #createNewModal>\n  <ibm-modal\n    valtimoIbmModal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      formDefinition: formDefinition$ | async,\n      disableInput: disableInput$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.createObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formDefinition\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"addObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\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 */.loading-icon{display:flex;justify-content:center}\n"] }]
         }], ctorParameters: function () { return [{ type: ObjectService }, { type: ObjectColumnService }, { type: i2$1.ObjectManagementService }, { type: i4.TranslateService }, { type: i3.Router }, { type: i3.ActivatedRoute }, { type: i6.ToastrService }, { type: i4.TranslateService }]; } });
 
 /*
@@ -524,7 +532,10 @@ class ObjectDetailComponent {
             objectId,
             formType: FormType.EDITFORM,
         })
-            .pipe(catchError(() => this.handleRetrievingFormError()))), map(res => res === null || res === void 0 ? void 0 : res.formDefinition), tap(() => this.loading$.next(false)));
+            .pipe(catchError(() => {
+            this.disableInput();
+            return this.handleRetrievingFormError();
+        }))), map(res => res === null || res === void 0 ? void 0 : res.formDefinition), tap(() => this.loading$.next(false)));
     }
     saveObject() {
         this.disableInput();
@@ -609,10 +620,10 @@ class ObjectDetailComponent {
     }
 }
 ObjectDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectDetailComponent, deps: [{ token: ObjectService }, { token: ObjectStateService }, { token: i3.ActivatedRoute }, { token: i3.Router }, { token: i4.TranslateService }, { token: i6.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectDetailComponent, selector: "valtimo-object-detail", 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<ng-container\n  *ngIf=\"{\n    formioFormSummary: formioFormSummary$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"text-right\">\n          <div class=\"btn-group mb-1\">\n            <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12\">\n        <ng-container *ngTemplateOutlet=\"widget; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button (click)=\"openModal()\" ibmButton=\"primary\" size=\"md\">\n    {{ 'object.editObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n\n  <button (click)=\"deleteObject()\" ibmButton=\"danger\" size=\"md\" class=\"ml-3\">\n    {{ 'object.deleteObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #widget let-obs=\"obs\">\n  <valtimo-form-io [form]=\"obs.formioFormSummary\" [readOnly]=\"true\"></valtimo-form-io>\n</ng-template>\n\n<ng-template #createEditModal>\n  <ibm-modal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      disableInput: disableInput$ | async,\n      formioFormEdit: formioFormEdit$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.editObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formioFormEdit\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"saveObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteObjectUrl$ | async\"\n    (confirmEvent)=\"deleteObjectConfirmation()\"\n    confirmButtonTextTranslationKey=\"object.deleteObject\"\n    titleTranslationKey=\"object.deleteObject\"\n    contentTranslationKey=\"object.deleteObjectConfirmation\"\n  ></valtimo-confirmation-modal>\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 */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"], dependencies: [{ kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i9.Button, selector: "[ibmButton]", inputs: ["ibmButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[ibmIcon]", inputs: ["ibmIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i9.Loading, selector: "ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i9.Modal, selector: "ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i9.ModalHeader, selector: "ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i9.ModalFooter, selector: "ibm-modal-footer" }, { kind: "directive", type: i9.ModalContent, selector: "[ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i9.ModalHeaderHeading, selector: "[ibmModalHeaderHeading]" }, { kind: "component", type: i8.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "cancelButtonText", "cancelButtonTextTranslationKey", "showModalSubject$", "outputOnConfirm"], outputs: ["confirmEvent"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+ObjectDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectDetailComponent, selector: "valtimo-object-detail", 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<ng-container\n  *ngIf=\"{\n    formioFormSummary: formioFormSummary$ | async,\n    disableInput: disableInput$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"text-right\">\n          <div class=\"btn-group mb-1\">\n            <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12\">\n        <ng-container *ngTemplateOutlet=\"widget; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button [disabled]=\"obs.disableInput\" (click)=\"openModal()\" ibmButton=\"primary\" size=\"md\">\n    {{ 'object.editObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n\n  <button (click)=\"deleteObject()\" ibmButton=\"danger\" size=\"md\" class=\"ml-3\">\n    {{ 'object.deleteObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #widget let-obs=\"obs\">\n  <valtimo-form-io\n    *ngIf=\"obs.formioFormSummary\"\n    [form]=\"obs.formioFormSummary\"\n    [readOnly]=\"true\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #createEditModal>\n  <ibm-modal\n    valtimoIbmModal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      disableInput: disableInput$ | async,\n      formioFormEdit: formioFormEdit$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.editObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formioFormEdit\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"saveObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteObjectUrl$ | async\"\n    (confirmEvent)=\"deleteObjectConfirmation()\"\n    confirmButtonTextTranslationKey=\"object.deleteObject\"\n    titleTranslationKey=\"object.deleteObject\"\n    contentTranslationKey=\"object.deleteObjectConfirmation\"\n  ></valtimo-confirmation-modal>\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 */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"], dependencies: [{ kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i9.Button, selector: "[ibmButton]", inputs: ["ibmButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i9.IconDirective, selector: "[ibmIcon]", inputs: ["ibmIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i9.Loading, selector: "ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i9.Modal, selector: "ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i9.ModalHeader, selector: "ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i9.ModalFooter, selector: "ibm-modal-footer" }, { kind: "directive", type: i9.ModalContent, selector: "[ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i9.ModalHeaderHeading, selector: "[ibmModalHeaderHeading]" }, { kind: "component", type: i8.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "cancelButtonText", "cancelButtonTextTranslationKey", "showModalSubject$", "outputOnConfirm"], outputs: ["confirmEvent"] }, { kind: "directive", type: i8.ValtimoIbmModalDirective, selector: "[valtimoIbmModal]" }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-object-detail', 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<ng-container\n  *ngIf=\"{\n    formioFormSummary: formioFormSummary$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"text-right\">\n          <div class=\"btn-group mb-1\">\n            <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12\">\n        <ng-container *ngTemplateOutlet=\"widget; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button (click)=\"openModal()\" ibmButton=\"primary\" size=\"md\">\n    {{ 'object.editObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n\n  <button (click)=\"deleteObject()\" ibmButton=\"danger\" size=\"md\" class=\"ml-3\">\n    {{ 'object.deleteObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #widget let-obs=\"obs\">\n  <valtimo-form-io [form]=\"obs.formioFormSummary\" [readOnly]=\"true\"></valtimo-form-io>\n</ng-template>\n\n<ng-template #createEditModal>\n  <ibm-modal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      disableInput: disableInput$ | async,\n      formioFormEdit: formioFormEdit$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.editObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formioFormEdit\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"saveObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteObjectUrl$ | async\"\n    (confirmEvent)=\"deleteObjectConfirmation()\"\n    confirmButtonTextTranslationKey=\"object.deleteObject\"\n    titleTranslationKey=\"object.deleteObject\"\n    contentTranslationKey=\"object.deleteObjectConfirmation\"\n  ></valtimo-confirmation-modal>\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 */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"] }]
+            args: [{ selector: 'valtimo-object-detail', 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<ng-container\n  *ngIf=\"{\n    formioFormSummary: formioFormSummary$ | async,\n    disableInput: disableInput$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"text-right\">\n          <div class=\"btn-group mb-1\">\n            <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12\">\n        <ng-container *ngTemplateOutlet=\"widget; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button [disabled]=\"obs.disableInput\" (click)=\"openModal()\" ibmButton=\"primary\" size=\"md\">\n    {{ 'object.editObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"add\" size=\"16\"></svg>\n  </button>\n\n  <button (click)=\"deleteObject()\" ibmButton=\"danger\" size=\"md\" class=\"ml-3\">\n    {{ 'object.deleteObject' | translate }}\n    <svg class=\"cds--btn__icon\" ibmIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #widget let-obs=\"obs\">\n  <valtimo-form-io\n    *ngIf=\"obs.formioFormSummary\"\n    [form]=\"obs.formioFormSummary\"\n    [readOnly]=\"true\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #createEditModal>\n  <ibm-modal\n    valtimoIbmModal\n    *ngIf=\"{\n      show: showModal$ | async,\n      formValid: formValid$ | async,\n      disableInput: disableInput$ | async,\n      formioFormEdit: formioFormEdit$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <ibm-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 ibmModalHeaderHeading>\n        {{ 'object.editObject' | translate }}\n      </h3>\n    </ibm-modal-header>\n    <section ibmModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </ibm-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <valtimo-form-io\n    [form]=\"modalObs.formioFormEdit\"\n    (change)=\"onFormioChange($event)\"\n  ></valtimo-form-io>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <ibm-modal-footer>\n    <ng-container>\n      <button\n        ibmButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'object.close' | translate }}\n      </button>\n      <button\n        ibmButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"saveObject()\"\n        [disabled]=\"modalObs.disableInput || modalObs.formValid === false\"\n      >\n        {{ 'object.save' | translate }}\n      </button>\n    </ng-container>\n  </ibm-modal-footer>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><ibm-loading></ibm-loading></div>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteObjectUrl$ | async\"\n    (confirmEvent)=\"deleteObjectConfirmation()\"\n    confirmButtonTextTranslationKey=\"object.deleteObject\"\n    titleTranslationKey=\"object.deleteObject\"\n    contentTranslationKey=\"object.deleteObjectConfirmation\"\n  ></valtimo-confirmation-modal>\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 */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"] }]
         }], ctorParameters: function () { return [{ type: ObjectService }, { type: ObjectStateService }, { type: i3.ActivatedRoute }, { type: i3.Router }, { type: i4.TranslateService }, { type: i6.ToastrService }]; } });
 
 /*
@@ -740,7 +751,8 @@ ObjectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
         InputModule,
         TooltipIconModule,
         ConfirmationModalModule,
-        SearchFieldsModule] });
+        SearchFieldsModule,
+        ValtimoIbmModalDirectiveModule] });
 ObjectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectModule, imports: [CommonModule,
         ObjectRoutingModule,
         TranslateModule,
@@ -756,7 +768,8 @@ ObjectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
         InputModule,
         TooltipIconModule,
         ConfirmationModalModule,
-        SearchFieldsModule] });
+        SearchFieldsModule,
+        ValtimoIbmModalDirectiveModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectModule, decorators: [{
             type: NgModule,
             args: [{
@@ -779,6 +792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TooltipIconModule,
                         ConfirmationModalModule,
                         SearchFieldsModule,
+                        ValtimoIbmModalDirectiveModule,
                     ],
                     exports: [],
                 }]