@colijnit/transaction 1.9.31 → 12.0.1

package/fesm2015/colijnit-transaction.js

@@ -1,5 +1,6 @@
-import { __awaiter, __decorate } from 'tslib';
-import { Injectable, EventEmitter, ɵɵdefineInjectable, Input, Output, Component, ChangeDetectorRef, ViewChild, Pipe, HostBinding, NgModule } from '@angular/core';
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ChangeDetectorRef, ViewChild, Pipe, HostBinding, NgModule } from '@angular/core';
 import { BehaviorSubject, Subject, throwError } from 'rxjs';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
 import { CustomerFullObject } from '@colijnit/transactionapi/build/model/customer-full-object.bo';
@@ -53,7 +54,7 @@ import { SortType } from '@colijnit/transactionapi/build/enum/sort-type.enum';
 import { SortUtils } from '@colijnit/transactionapi/build/utils/sort-utils';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 
-let OptionsService = class OptionsService {
+class OptionsService {
     constructor() {
         this.optionsLoaded = new BehaviorSubject(false);
     }
@@ -135,12 +136,13 @@ let OptionsService = class OptionsService {
             languageCode: "NL",
         }).then();
     }
-};
-OptionsService = __decorate([
-    Injectable()
-], OptionsService);
+}
+OptionsService.decorators = [
+    { type: Injectable }
+];
+OptionsService.ctorParameters = () => [];
 
-const PROP_META_KEY = "complexField";
+const PROP_META_KEY$3 = "complexField";
 /**
  * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
  */
@@ -165,13 +167,13 @@ function ComplexField(type) {
         // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
         // to be immediately processed when a class is first imported
         if (!type) {
-            // tslint:disable-next-line:no-console
+            // eslint-disable-next-line no-console
             console.warn(`@ComplexField(type): type was UNDEFINED. Called on prop (${ObjectUtils.GetClassName(target)}, ${propertyKey}). ` +
                 `Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS ` +
                 `where both classes and their dependencies are used, e.g. factory, repository or models..`);
             return;
         }
-        Reflect.defineMetadata(PROP_META_KEY, type, target, propertyKey);
+        Reflect.defineMetadata(PROP_META_KEY$3, type, target, propertyKey);
     };
 }
 // Utility function holder of the ComplexFieldDecorator decorator.
@@ -184,18 +186,18 @@ class ComplexFieldDecorator {
         if (!target || !propertyKey || typeof target !== "object") {
             return false;
         }
-        return (notNill(Reflect.getMetadata(PROP_META_KEY, target, propertyKey)));
+        return (notNill(Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey)));
     }
     // Returns the VALUE of the @ComplexField(VALUE) property decorator on the given propertyKey on the given modelObject.
     static GetComplexFieldType(target, propertyKey) {
         if (!target || !propertyKey || typeof target !== "object") {
             return undefined;
         }
-        return Reflect.getMetadata(PROP_META_KEY, target, propertyKey);
+        return Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey);
     }
 }
 
-const PROP_META_KEY$1 = "complexArray";
+const PROP_META_KEY$2 = "complexArray";
 /**
  * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
  */
@@ -222,7 +224,7 @@ function ComplexArray(type) {
                 `where both classes and their dependencies are used, e.g. factory, repository or models..`);
             return;
         }
-        Reflect.defineMetadata(PROP_META_KEY$1, type, target, propertyKey);
+        Reflect.defineMetadata(PROP_META_KEY$2, type, target, propertyKey);
     };
 }
 // Utility function holder of the ComplexArrayDecorator decorator.
@@ -235,7 +237,7 @@ class ComplexArrayDecorator {
         if (!target || !propertyKey || typeof target !== "object") {
             return false;
         }
-        return (notNill(Reflect.getMetadata(PROP_META_KEY$1, target, propertyKey)));
+        return (notNill(Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey)));
     }
     /**
      * Returns the VALUE of the @ComplexArray(VALUE) property decorator on the given propertyKey on the given modelobject.
@@ -244,7 +246,7 @@ class ComplexArrayDecorator {
         if (!target || !propertyKey || typeof target !== "object") {
             return undefined;
         }
-        return Reflect.getMetadata(PROP_META_KEY$1, target, propertyKey);
+        return Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey);
     }
 }
 
@@ -346,7 +348,7 @@ class BooleanTextDecorator {
     }
 }
 
-const PROP_META_KEY$2 = "dateField";
+const PROP_META_KEY$1 = "dateField";
 /**
  * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
  */
@@ -364,7 +366,7 @@ function DateField() {
         if (!target || !propertyKey) {
             return;
         }
-        Reflect.defineMetadata(PROP_META_KEY$2, undefined, target, propertyKey);
+        Reflect.defineMetadata(PROP_META_KEY$1, undefined, target, propertyKey);
     };
 }
 // Utility function holder of the @DateField() decorator.
@@ -374,14 +376,14 @@ class DateFieldFieldDecorator {
         if (!target || !propertyKey || typeof target !== "object") {
             return false;
         }
-        return Reflect.hasMetadata(PROP_META_KEY$2, target, propertyKey);
+        return Reflect.hasMetadata(PROP_META_KEY$1, target, propertyKey);
     }
     static StringAsDate(str) {
         return DateUtils.StringAsDate(str);
     }
 }
 
-const PROP_META_KEY$3 = "stringNumber";
+const PROP_META_KEY = "stringNumber";
 /**
  * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
  */
@@ -403,7 +405,7 @@ function StringNumber() {
         if (!target || !propertyKey) {
             return;
         }
-        Reflect.defineMetadata(PROP_META_KEY$3, undefined, target, propertyKey);
+        Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
     };
 }
 // Utility function holder of the @StringNumber() decorator.
@@ -413,7 +415,7 @@ class StringNumberDecorator {
         if (!target || !propertyKey || typeof target !== "object") {
             return false;
         }
-        return Reflect.hasMetadata(PROP_META_KEY$3, target, propertyKey);
+        return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
     }
     static StringAsNumber(str) {
         return NumberUtils.ParseFloatKeepPrecision(str);
@@ -630,7 +632,7 @@ class BusinessObject {
                 const mapKeys = MapPropertyDecorator.GetMapProperty(this, key).split(",");
                 const len = mapKeys.length;
                 for (let i = 0; i < len; i++) {
-                    // tslint:disable-next-line:typedef
+                    // eslint-disable-next-line 
                     const mapKey = mapKeys[i].trim();
                     const objProp = rawData[mapKey];
                     let decorated = false;
@@ -645,13 +647,13 @@ class BusinessObject {
                         }
                         if (ComplexArrayDecorator$1.IsComplexArray(this, key)) {
                             const arrayClass = ComplexArrayDecorator$1.GetComplexArrayType(this, key);
-                            // tslint:disable-next-line:typedef
+                            // eslint-disable-next-line 
                             const origArray = this[key];
-                            // tslint:disable-next-line:typedef
+                            // eslint-disable-next-line 
                             const newArray = [];
-                            // tslint:disable-next-line:prefer-for-of
+                            // eslint-disable-next-line @typescript-eslint/prefer-for-of
                             for (let j = 0; j < origArray.length; j++) {
-                                // tslint:disable-next-line:typedef
+                                // eslint-disable-next-line
                                 const item = new arrayClass(origArray[j]);
                                 newArray.push(item);
                             }
@@ -796,7 +798,7 @@ class BusinessObjectFactory {
     }
 }
 
-let IOneConnectorAdapterService = class IOneConnectorAdapterService {
+class IOneConnectorAdapterService {
     constructor() {
         this._boFactory = new BusinessObjectFactory();
         this._countryList = [];
@@ -1246,12 +1248,13 @@ let IOneConnectorAdapterService = class IOneConnectorAdapterService {
             });
         });
     }
-};
-IOneConnectorAdapterService = __decorate([
-    Injectable()
-], IOneConnectorAdapterService);
+}
+IOneConnectorAdapterService.decorators = [
+    { type: Injectable }
+];
+IOneConnectorAdapterService.ctorParameters = () => [];
 
-let TransactionService = class TransactionService {
+class TransactionService {
     constructor(_connector) {
         this._connector = _connector;
         this.transactionUpdated = new EventEmitter();
@@ -1534,7 +1537,7 @@ let TransactionService = class TransactionService {
                     reject(error);
                 })
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1553,7 +1556,7 @@ let TransactionService = class TransactionService {
                     }
                 }))
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1573,7 +1576,7 @@ let TransactionService = class TransactionService {
                     }
                 }))
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1589,7 +1592,7 @@ let TransactionService = class TransactionService {
                     }
                     resolve(response);
                 })).catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1658,13 +1661,13 @@ let TransactionService = class TransactionService {
         transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
         return transactionDeliveryOptionsRequest;
     }
-};
+}
+TransactionService.decorators = [
+    { type: Injectable }
+];
 TransactionService.ctorParameters = () => [
     { type: IOneConnectorAdapterService }
-];
-TransactionService = __decorate([
-    Injectable()
-], TransactionService);
+];
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -2019,7 +2022,7 @@ class Dictionary {
 }
 
 // The localization service, providing peers with text translation functionality.
-let DictionaryService = class DictionaryService {
+class DictionaryService {
     constructor() {
         this.dictionaryUrl = "js/browser/res/dictionary/";
         // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
@@ -2040,9 +2043,9 @@ let DictionaryService = class DictionaryService {
             this._language = language || LanguageCode.Dutch;
             if (!this._dictionaries.has(this._language)) {
                 const dictionary = new Dictionary();
-                // tslint:disable-next-line:no-magic-numbers
+                // eslint-disable-next-line no-magic-numbers
                 if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                    // tslint:disable-next-line:no-magic-numbers
+                    // eslint-disable-next-line no-magic-numbers
                     this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
                 }
             }
@@ -2072,12 +2075,13 @@ let DictionaryService = class DictionaryService {
         }
         return text;
     }
-};
-DictionaryService = __decorate([
-    Injectable()
-], DictionaryService);
+}
+DictionaryService.decorators = [
+    { type: Injectable }
+];
+DictionaryService.ctorParameters = () => [];
 
-let TransactionEventService = class TransactionEventService {
+class TransactionEventService {
     constructor() {
         this.addToCartBySku = new Subject();
         this.addToCartBySelectorResult = new Subject();
@@ -2086,11 +2090,11 @@ let TransactionEventService = class TransactionEventService {
         this.addNewUserToShoppingCartModule = new Subject();
         this.addUserRelationShoppingCartModule = new Subject();
     }
-};
-TransactionEventService.ɵprov = ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
-TransactionEventService = __decorate([
-    Injectable({ providedIn: "root" })
-], TransactionEventService);
+}
+TransactionEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
+TransactionEventService.decorators = [
+    { type: Injectable, args: [{ providedIn: "root" },] }
+];
 
 var CheckoutSteps;
 (function (CheckoutSteps) {
@@ -2102,7 +2106,7 @@ var CheckoutSteps;
     CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
 })(CheckoutSteps || (CheckoutSteps = {}));
 
-let CheckoutOverviewBlockComponent = class CheckoutOverviewBlockComponent {
+class CheckoutOverviewBlockComponent {
     constructor() {
         this.sequenceNr = 1;
         this.startInEdit = false;
@@ -2124,23 +2128,11 @@ let CheckoutOverviewBlockComponent = class CheckoutOverviewBlockComponent {
             this.editModeChange.emit(this.editMode);
         }
     }
-};
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "sequenceNr", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "startInEdit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewBlockComponent.prototype, "editModeChange", void 0);
-CheckoutOverviewBlockComponent = __decorate([
-    Component({
-        selector: "checkout-overview-block",
-        template: `
+}
+CheckoutOverviewBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-block",
+                template: `
         <div class="overview-wrapper" fxLayout="column" fxLayoutGap="0px">
             <div class="overview-header" fxLayout="row">
             </div>
@@ -2149,11 +2141,18 @@ CheckoutOverviewBlockComponent = __decorate([
             </div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutOverviewBlockComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewBlockComponent.ctorParameters = () => [];
+CheckoutOverviewBlockComponent.propDecorators = {
+    sequenceNr: [{ type: Input }],
+    label: [{ type: Input }],
+    startInEdit: [{ type: Input }],
+    editModeChange: [{ type: Output }]
+};
 
-let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditComponent {
+class CheckoutOverviewRelationEditComponent {
     constructor(_changeDetector, _transactionService) {
         this._changeDetector = _changeDetector;
         this._transactionService = _transactionService;
@@ -2175,7 +2174,7 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
         // fetches relation suggestions
         this._relationNameChangeHandler = FunctionUtils.Throttle(() => {
             return this._relationNameChangedHandlerFn();
-            // tslint:disable-next-line:no-magic-numbers
+            // eslint-disable-next-line no-magic-numbers
         }, 600);
     }
     set relation(value) {
@@ -2343,33 +2342,11 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
             this.relationSuggestions = yield this._transactionService.getRelationListObjects(relationRequest);
         });
     }
-};
-CheckoutOverviewRelationEditComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: TransactionService }
-];
-__decorate([
-    ViewChild(FormComponent, { static: true })
-], CheckoutOverviewRelationEditComponent.prototype, "relationForm", void 0);
-__decorate([
-    ViewChild(CoSidebarComponent, { static: false })
-], CheckoutOverviewRelationEditComponent.prototype, "relationSidebar", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewRelationEditComponent.prototype, "relation", null);
-__decorate([
-    Input()
-], CheckoutOverviewRelationEditComponent.prototype, "transaction", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewRelationEditComponent.prototype, "validSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewRelationEditComponent.prototype, "invalidSubmit", void 0);
-CheckoutOverviewRelationEditComponent = __decorate([
-    Component({
-        selector: "checkout-overview-relation-edit",
-        template: `
+}
+CheckoutOverviewRelationEditComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-relation-edit",
+                template: `
       <co-form (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
         <div>
             <label [textContent]="'ACCOUNT_DETAILS' | localize"
@@ -2539,11 +2516,23 @@ CheckoutOverviewRelationEditComponent = __decorate([
     </co-sidebar>
 
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".relation-sidebar-header{margin-left:5px}"]
-    })
-], CheckoutOverviewRelationEditComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ".relation-sidebar-header{margin-left:5px}\n"]
+            },] }
+];
+CheckoutOverviewRelationEditComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TransactionService }
+];
+CheckoutOverviewRelationEditComponent.propDecorators = {
+    relationForm: [{ type: ViewChild, args: [FormComponent, { static: true },] }],
+    relationSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    validSubmit: [{ type: Output }],
+    invalidSubmit: [{ type: Output }]
+};
 
-let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditComponent {
+class CheckoutOverviewDeliveryEditComponent {
     constructor(cdr, _dictionaryService, service) {
         this.cdr = cdr;
         this._dictionaryService = _dictionaryService;
@@ -2739,40 +2728,11 @@ let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditCo
             }
         });
     }
-};
-CheckoutOverviewDeliveryEditComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DictionaryService },
-    { type: TransactionService }
-];
-__decorate([
-    ViewChild("deliveryForm", { read: FormComponent })
-], CheckoutOverviewDeliveryEditComponent.prototype, "deliveryForm", void 0);
-__decorate([
-    ViewChild("locationForm", { read: FormComponent })
-], CheckoutOverviewDeliveryEditComponent.prototype, "locationForm", void 0);
-__decorate([
-    ViewChild("changeLocationDialog")
-], CheckoutOverviewDeliveryEditComponent.prototype, "changeLocationDialog", void 0);
-__decorate([
-    ViewChild("addressGrid")
-], CheckoutOverviewDeliveryEditComponent.prototype, "addressGrid", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryEditComponent.prototype, "relation", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryEditComponent.prototype, "transaction", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryEditComponent.prototype, "validSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryEditComponent.prototype, "invalidSubmit", void 0);
-CheckoutOverviewDeliveryEditComponent = __decorate([
-    Component({
-        selector: "checkout-overview-delivery-edit",
-        template: `
+}
+CheckoutOverviewDeliveryEditComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-delivery-edit",
+                template: `
     <co-form #deliveryForm (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
       <div>
         <div>
@@ -2966,14 +2926,27 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
       </co-form>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".container-button-change-address{margin-top:5px}"]
-    })
-], CheckoutOverviewDeliveryEditComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ".container-button-change-address{margin-top:5px}\n"]
+            },] }
+];
+CheckoutOverviewDeliveryEditComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: DictionaryService },
+    { type: TransactionService }
+];
+CheckoutOverviewDeliveryEditComponent.propDecorators = {
+    deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: FormComponent },] }],
+    locationForm: [{ type: ViewChild, args: ["locationForm", { read: FormComponent },] }],
+    changeLocationDialog: [{ type: ViewChild, args: ["changeLocationDialog",] }],
+    addressGrid: [{ type: ViewChild, args: ["addressGrid",] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    validSubmit: [{ type: Output }],
+    invalidSubmit: [{ type: Output }]
+};
 
-let CheckoutOverviewComponent = class CheckoutOverviewComponent {
-    constructor(
-    //  public service: RetailTransactionModuleService
-    ) {
+class CheckoutOverviewComponent {
+    constructor() {
         this.steps = CheckoutSteps;
         //
         // @ViewChild("paymentBlock", {read: CheckoutOverviewBlockComponent})
@@ -2987,7 +2960,7 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
         this.loginRequested = false;
         this.currentStep = CheckoutSteps.Relation;
         this.editMode = true;
-        // tslint:disable-next-line:variable-name
+        // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
         this._subscriptions = [];
         // TODO: subscribe to relation and transaction service
         // this._subscriptions.push(service.relationUpdatedEventEmitter.subscribe((updated: boolean) => {
@@ -3101,44 +3074,11 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
     isRelation() {
         return (this.relation !== NULL_RELATION_OBJECT);
     }
-};
-__decorate([
-    ViewChild("relationBlock", { read: CheckoutOverviewBlockComponent })
-], CheckoutOverviewComponent.prototype, "relationBlock", void 0);
-__decorate([
-    ViewChild("relationForm", { read: CheckoutOverviewRelationEditComponent })
-], CheckoutOverviewComponent.prototype, "relationForm", void 0);
-__decorate([
-    ViewChild("deliveryBlock", { read: CheckoutOverviewBlockComponent })
-], CheckoutOverviewComponent.prototype, "deliveryBlock", void 0);
-__decorate([
-    ViewChild("deliveryForm", { read: CheckoutOverviewDeliveryEditComponent })
-], CheckoutOverviewComponent.prototype, "deliveryForm", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "relation", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "transaction", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "userIsApplicationUser", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "saveRelation", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "saveDelivery", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "savePayment", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "stepFinished", void 0);
-CheckoutOverviewComponent = __decorate([
-    Component({
-        selector: "checkout-overview",
-        template: `
+}
+CheckoutOverviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview",
+                template: `
         <checkout-overview-block  #relationBlock sequenceNr="2" label="YOUR_DATA"
                                  *ngIf="currentStep === steps.Relation"
                                  (editModeChange)="handleEditChangeRelation($event)">
@@ -3166,12 +3106,25 @@ CheckoutOverviewComponent = __decorate([
           </ng-container>
         </checkout-overview-block>
    `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutOverviewComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewComponent.ctorParameters = () => [];
+CheckoutOverviewComponent.propDecorators = {
+    relationBlock: [{ type: ViewChild, args: ["relationBlock", { read: CheckoutOverviewBlockComponent },] }],
+    relationForm: [{ type: ViewChild, args: ["relationForm", { read: CheckoutOverviewRelationEditComponent },] }],
+    deliveryBlock: [{ type: ViewChild, args: ["deliveryBlock", { read: CheckoutOverviewBlockComponent },] }],
+    deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: CheckoutOverviewDeliveryEditComponent },] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    userIsApplicationUser: [{ type: Input }],
+    saveRelation: [{ type: Output }],
+    saveDelivery: [{ type: Output }],
+    savePayment: [{ type: Output }],
+    stepFinished: [{ type: Output }]
+};
 
-var CheckoutComponent_1;
-let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
+class CheckoutComponent {
     constructor(service, promptService) {
         this.service = service;
         this.promptService = promptService;
@@ -3209,12 +3162,12 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
     }
     continue() {
         let toNextStep = false;
-        if (CheckoutComponent_1._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Relation) {
+        if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Relation) {
             toNextStep = this.overview.relationForm.submit();
             this.completedRelation = toNextStep;
             this.completedDelivery = false;
         }
-        if (CheckoutComponent_1._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Delivery) {
+        if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Delivery) {
             toNextStep = this.overview.deliveryForm.submit();
             this.completedDelivery = toNextStep;
         }
@@ -3264,7 +3217,7 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
         });
     }
     stepChanged(event) {
-        this.overview.moveToStep(CheckoutComponent_1._currentStepByIndex(event.selectedIndex), true);
+        this.overview.moveToStep(CheckoutComponent._currentStepByIndex(event.selectedIndex), true);
     }
     insertData() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3277,21 +3230,11 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
             yield this.service.updateCustomer(relation);
         });
     }
-};
-CheckoutComponent.ctorParameters = () => [
-    { type: TransactionService },
-    { type: PromptService }
-];
-__decorate([
-    ViewChild(CheckoutOverviewComponent)
-], CheckoutComponent.prototype, "overview", void 0);
-__decorate([
-    ViewChild("stepper")
-], CheckoutComponent.prototype, "stepper", void 0);
-CheckoutComponent = CheckoutComponent_1 = __decorate([
-    Component({
-        selector: "app-checkout",
-        template: `
+}
+CheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-checkout",
+                template: `
         <div class="checkout-viewport">
             <mat-horizontal-stepper #stepper
                 [linear]="true" labelPosition="bottom"
@@ -3310,11 +3253,19 @@ CheckoutComponent = CheckoutComponent_1 = __decorate([
             <div class="step-content-customer"></div>
         </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: PromptService }
+];
+CheckoutComponent.propDecorators = {
+    overview: [{ type: ViewChild, args: [CheckoutOverviewComponent,] }],
+    stepper: [{ type: ViewChild, args: ["stepper",] }]
+};
 
-let RetailTransactionCheckoutComponent = class RetailTransactionCheckoutComponent {
+class RetailTransactionCheckoutComponent {
     constructor(service) {
         this.service = service;
     }
@@ -3339,17 +3290,11 @@ let RetailTransactionCheckoutComponent = class RetailTransactionCheckoutComponen
     previousCheckout() {
         this.checkout.previous();
     }
-};
-RetailTransactionCheckoutComponent.ctorParameters = () => [
-    { type: TransactionService }
-];
-__decorate([
-    ViewChild(CheckoutComponent, { static: true })
-], RetailTransactionCheckoutComponent.prototype, "checkout", void 0);
-RetailTransactionCheckoutComponent = __decorate([
-    Component({
-        selector: "app-retail-transaction-checkout",
-        template: `
+}
+RetailTransactionCheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-retail-transaction-checkout",
+                template: `
     <ng-container [ngTemplateOutlet]="content"></ng-container>
     <app-checkout class="checkout"></app-checkout>
     <ng-container [ngTemplateOutlet]="content"></ng-container>
@@ -3360,11 +3305,17 @@ RetailTransactionCheckoutComponent = __decorate([
       </div>
     </ng-template>
   `,
-        styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}"]
-    })
-], RetailTransactionCheckoutComponent);
+                styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+            },] }
+];
+RetailTransactionCheckoutComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+RetailTransactionCheckoutComponent.propDecorators = {
+    checkout: [{ type: ViewChild, args: [CheckoutComponent, { static: true },] }]
+};
 
-let CheckoutLoginComponent = class CheckoutLoginComponent {
+class CheckoutLoginComponent {
     constructor() {
         this.createNewAccountSubmit = new EventEmitter();
         this.continueWithoutSubmit = new EventEmitter();
@@ -3398,26 +3349,11 @@ let CheckoutLoginComponent = class CheckoutLoginComponent {
             this.createNewAccountSubmit.emit();
         }
     }
-};
-__decorate([
-    ViewChild("loginForm")
-], CheckoutLoginComponent.prototype, "loginForm", void 0);
-__decorate([
-    ViewChild("accountForm")
-], CheckoutLoginComponent.prototype, "accountForm", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "createNewAccountSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "continueWithoutSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "loginSubmit", void 0);
-CheckoutLoginComponent = __decorate([
-    Component({
-        selector: "checkout-login",
-        template: `
+}
+CheckoutLoginComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-login",
+                template: `
     <h1>{{ "LOGIN" | localize}}</h1>
     <div class="users">
       <co-form #loginForm (validSubmit)="login()">
@@ -3472,11 +3408,19 @@ CheckoutLoginComponent = __decorate([
       </co-form>
     </div>
   `,
-        styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}"]
-    })
-], CheckoutLoginComponent);
+                styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
+            },] }
+];
+CheckoutLoginComponent.ctorParameters = () => [];
+CheckoutLoginComponent.propDecorators = {
+    loginForm: [{ type: ViewChild, args: ["loginForm",] }],
+    accountForm: [{ type: ViewChild, args: ["accountForm",] }],
+    createNewAccountSubmit: [{ type: Output }],
+    continueWithoutSubmit: [{ type: Output }],
+    loginSubmit: [{ type: Output }]
+};
 
-let IoneCheckoutComponent = class IoneCheckoutComponent {
+class IoneCheckoutComponent {
     constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
         this._changeDetector = _changeDetector;
         this._optionsService = _optionsService;
@@ -3566,33 +3510,11 @@ let IoneCheckoutComponent = class IoneCheckoutComponent {
         this.loggedIn = true;
         this.show = true;
     }
-};
-IoneCheckoutComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: OptionsService },
-    { type: IOneConnectorAdapterService },
-    { type: DictionaryService },
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: PromptService },
-    { type: TransactionEventService }
-];
-__decorate([
-    ViewChild(RetailTransactionCheckoutComponent)
-], IoneCheckoutComponent.prototype, "retailCheckout", void 0);
-__decorate([
-    ViewChild(CheckoutLoginComponent)
-], IoneCheckoutComponent.prototype, "checkoutLogin", void 0);
-__decorate([
-    Input()
-], IoneCheckoutComponent.prototype, "options", null);
-__decorate([
-    Input()
-], IoneCheckoutComponent.prototype, "applicationUser", null);
-IoneCheckoutComponent = __decorate([
-    Component({
-        selector: "ione-checkout",
-        template: `
+}
+IoneCheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-checkout",
+                template: `
     <ng-container *ngIf="show && (applicationUser || loggedIn)">
       <app-retail-transaction-checkout></app-retail-transaction-checkout>
     </ng-container>
@@ -3606,10 +3528,26 @@ IoneCheckoutComponent = __decorate([
       ></checkout-login>
     </div>
   `
-    })
-], IoneCheckoutComponent);
+            },] }
+];
+IoneCheckoutComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: OptionsService },
+    { type: IOneConnectorAdapterService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: TransactionEventService }
+];
+IoneCheckoutComponent.propDecorators = {
+    retailCheckout: [{ type: ViewChild, args: [RetailTransactionCheckoutComponent,] }],
+    checkoutLogin: [{ type: ViewChild, args: [CheckoutLoginComponent,] }],
+    options: [{ type: Input }],
+    applicationUser: [{ type: Input }]
+};
 
-let CheckoutOverviewRelationAddressComponent = class CheckoutOverviewRelationAddressComponent {
+class CheckoutOverviewRelationAddressComponent {
     constructor(_dictionary, _connector) {
         this._dictionary = _dictionary;
         this._connector = _connector;
@@ -3656,21 +3594,11 @@ let CheckoutOverviewRelationAddressComponent = class CheckoutOverviewRelationAdd
     changeHouseNo() {
         this.address.houseNo = Number(this.address.houseNo);
     }
-};
-CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
-    { type: DictionaryService },
-    { type: IOneConnectorAdapterService }
-];
-__decorate([
-    Input()
-], CheckoutOverviewRelationAddressComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewRelationAddressComponent.prototype, "address", null);
-CheckoutOverviewRelationAddressComponent = __decorate([
-    Component({
-        selector: "checkout-overview-relation-address",
-        template: `
+}
+CheckoutOverviewRelationAddressComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-relation-address",
+                template: `
         <label [textContent]="label | localize"
                class="checkout-label-h3"
         ></label>
@@ -3715,11 +3643,19 @@ CheckoutOverviewRelationAddressComponent = __decorate([
             </div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutOverviewRelationAddressComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: IOneConnectorAdapterService }
+];
+CheckoutOverviewRelationAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }]
+};
 
-let CheckoutOverviewDeliveryAddressComponent = class CheckoutOverviewDeliveryAddressComponent {
+class CheckoutOverviewDeliveryAddressComponent {
     constructor(service) {
         this.service = service;
         this.editRequest = new EventEmitter();
@@ -3727,23 +3663,11 @@ let CheckoutOverviewDeliveryAddressComponent = class CheckoutOverviewDeliveryAdd
     onClick() {
         this.editRequest.emit();
     }
-};
-CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
-    { type: TransactionService }
-];
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "address", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "editRequest", void 0);
-CheckoutOverviewDeliveryAddressComponent = __decorate([
-    Component({
-        selector: "checkout-overview-delivery-address",
-        template: `
+}
+CheckoutOverviewDeliveryAddressComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-delivery-address",
+                template: `
     <div>
       <div>
         <label [textContent]="label | localize"
@@ -3764,9 +3688,17 @@ CheckoutOverviewDeliveryAddressComponent = __decorate([
       </div>
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ""]
-    })
-], CheckoutOverviewDeliveryAddressComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
+            },] }
+];
+CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+CheckoutOverviewDeliveryAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }],
+    editRequest: [{ type: Output }]
+};
 
 // Direction type for regular straight directions.
 var Direction;
@@ -3777,27 +3709,18 @@ var Direction;
     Direction["Down"] = "bottom";
 })(Direction || (Direction = {}));
 
-let CheckOutRelationSuggestionsListComponent = class CheckOutRelationSuggestionsListComponent {
+class CheckOutRelationSuggestionsListComponent {
     constructor() {
         this.suggestions = [];
         this.arrowDirection = Direction.Left;
         // Emits the clicked relation list object.
         this.suggestionButtonClick = new EventEmitter();
     }
-};
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListComponent.prototype, "suggestions", void 0);
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListComponent.prototype, "arrowDirection", void 0);
-__decorate([
-    Output()
-], CheckOutRelationSuggestionsListComponent.prototype, "suggestionButtonClick", void 0);
-CheckOutRelationSuggestionsListComponent = __decorate([
-    Component({
-        selector: "checkout-relation-suggestions-list",
-        template: `
+}
+CheckOutRelationSuggestionsListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-relation-suggestions-list",
+                template: `
         <div class="flex-column items-wrapper">
             <checkout-relation-suggestions-list-item *ngFor="let suggestion of suggestions" [suggestion]="suggestion"
                                            [arrowDirection]="arrowDirection"
@@ -3805,14 +3728,19 @@ CheckOutRelationSuggestionsListComponent = __decorate([
             <span *ngIf="suggestions?.length === 0" class="no-results" localize="NO_RESULTS_FOUND"></span>
         </div>
     `,
-        host: {
-            "class": "narrow-scrollbar"
-        },
-        styles: [""]
-    })
-], CheckOutRelationSuggestionsListComponent);
+                host: {
+                    "class": "narrow-scrollbar"
+                },
+                styles: [""]
+            },] }
+];
+CheckOutRelationSuggestionsListComponent.propDecorators = {
+    suggestions: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    suggestionButtonClick: [{ type: Output }]
+};
 
-let CheckOutRelationSuggestionsListItemComponent = class CheckOutRelationSuggestionsListItemComponent {
+class CheckOutRelationSuggestionsListItemComponent {
     constructor() {
         this.buttonClick = new EventEmitter();
         //  public icon: Icon;
@@ -3832,20 +3760,11 @@ let CheckOutRelationSuggestionsListItemComponent = class CheckOutRelationSuggest
         //   this.icon = Icon.ArrowFatRight;
         // }
     }
-};
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "suggestion", void 0);
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "arrowDirection", null);
-__decorate([
-    Output()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "buttonClick", void 0);
-CheckOutRelationSuggestionsListItemComponent = __decorate([
-    Component({
-        selector: "checkout-relation-suggestions-list-item",
-        template: `
+}
+CheckOutRelationSuggestionsListItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-relation-suggestions-list-item",
+                template: `
 <!--        <div class="left" fxLayout fxLayoutAlign="start center">-->
 <!--            <avatar [relation]="suggestion" class="smaller"></avatar>-->
 <!--        </div>-->
@@ -3861,11 +3780,18 @@ CheckOutRelationSuggestionsListItemComponent = __decorate([
         </div>
         <co-button [label]="'SELECT' | localize" class="popup rounded" (click)="buttonClick.emit($event)"></co-button>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{flex-shrink:0;padding-bottom:11px;padding-top:20px}:host,div.right{padding-left:11px}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important;transform:translate(-50%,-50%);top:50%;left:50%;margin-right:-50%;visibility:hidden}div.name{font-weight:700;font-size:15px}.triangle{border-radius:3px}.full-width{width:100%}:host{padding-right:11px;position:relative;background-color:#fff;border:1px solid #dce4ea;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.address,div.email,div.phone{padding-bottom:5px;color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}"]
-    })
-], CheckOutRelationSuggestionsListItemComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]
+            },] }
+];
+CheckOutRelationSuggestionsListItemComponent.ctorParameters = () => [];
+CheckOutRelationSuggestionsListItemComponent.propDecorators = {
+    suggestion: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    buttonClick: [{ type: Output }]
+};
 
-let AppendPipe = class AppendPipe {
+// A pipe for appending strings to other strings in view templates.
+class AppendPipe {
     transform(value, append) {
         if (!value) {
             return "";
@@ -3875,10 +3801,10 @@ let AppendPipe = class AppendPipe {
         }
         return value + append;
     }
-};
-AppendPipe = __decorate([
-    Pipe({ name: "append" })
-], AppendPipe);
+}
+AppendPipe.decorators = [
+    { type: Pipe, args: [{ name: "append" },] }
+];
 
 // Time size types, as in 'days' or 'weeks' or 'months'.
 var TimeSizeType;
@@ -3890,7 +3816,7 @@ var TimeSizeType;
     TimeSizeType["Years"] = "years";
 })(TimeSizeType || (TimeSizeType = {}));
 
-let DateDurationPipe = class DateDurationPipe {
+class DateDurationPipe {
     constructor(_dictionary) {
         this._dictionary = _dictionary;
     }
@@ -3935,15 +3861,15 @@ let DateDurationPipe = class DateDurationPipe {
         }
         return deltaWeeks + " " + weeksSuffix;
     }
-};
+}
+DateDurationPipe.decorators = [
+    { type: Pipe, args: [{ name: "dateDuration", pure: false },] }
+];
 DateDurationPipe.ctorParameters = () => [
     { type: DictionaryService }
-];
-DateDurationPipe = __decorate([
-    Pipe({ name: "dateDuration", pure: false })
-], DateDurationPipe);
+];
 
-let DeliveryTimePipe = class DeliveryTimePipe extends DateDurationPipe {
+class DeliveryTimePipe extends DateDurationPipe {
     constructor(_dictionaryService) {
         super(_dictionaryService);
     }
@@ -3963,18 +3889,17 @@ let DeliveryTimePipe = class DeliveryTimePipe extends DateDurationPipe {
             return super.transform(value, timeSize);
         }
     }
-};
+}
+DeliveryTimePipe.decorators = [
+    { type: Pipe, args: [{ name: "deliveryTime", pure: false },] }
+];
 DeliveryTimePipe.ctorParameters = () => [
     { type: DictionaryService }
-];
-DeliveryTimePipe = __decorate([
-    Pipe({ name: "deliveryTime", pure: false })
-], DeliveryTimePipe);
+];
 
-let LocalizePipe = 
 // A pipe for localizing string values in view templates.
 class LocalizePipe {
-    // tslint:disable-next-line:variable-name
+    // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
     }
@@ -3988,19 +3913,21 @@ class LocalizePipe {
         }
         return this._dictionaryService.get(value, upperCaseFirst, ...replace);
     }
-};
+}
+LocalizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "localize"
+            },] }
+];
 LocalizePipe.ctorParameters = () => [
     { type: DictionaryService }
-];
-LocalizePipe = __decorate([
-    Pipe({
-        name: "localize"
-    })
-    // A pipe for localizing string values in view templates.
-], LocalizePipe);
+];
 
-var CoCurrencyPipe_1;
-let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
+/**
+ * A pipe for transforming strings or numbers to currency formatted strings for display as a price text, e.g. the number 1300.82 to "€ 1,300.82"
+ * or the string "9000" to "€ 9000,-"
+ */
+class CoCurrencyPipe {
     transform(value, allowZero = false) {
         if (value === null || value === undefined) {
             if (allowZero) {
@@ -4020,7 +3947,7 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
         }
         // append ,- if integer
         if (NumberUtils.IsInteger(valueAsFloat)) {
-            suffix = CoCurrencyPipe_1._WholeNumberedPriceSuffix;
+            suffix = CoCurrencyPipe._WholeNumberedPriceSuffix;
         }
         let valueAsString = valueAsFloat.toString();
         // add extra zero if price has only one decimal, something like '100.2'
@@ -4032,33 +3959,33 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
         valueAsString = valueAsString.replace(",", "#");
         valueAsString = valueAsString.replace(".", ",");
         valueAsString = valueAsString.replace("#", ".");
-        return CoCurrencyPipe_1._CurrencySymbol + " " + valueAsString + suffix;
+        return CoCurrencyPipe._CurrencySymbol + " " + valueAsString + suffix;
     }
-};
+}
 CoCurrencyPipe._CurrencySymbol = "€";
 CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
-CoCurrencyPipe = CoCurrencyPipe_1 = __decorate([
-    Pipe({ name: "coCurrency" })
-], CoCurrencyPipe);
+CoCurrencyPipe.decorators = [
+    { type: Pipe, args: [{ name: "coCurrency" },] }
+];
 
-let SafeStylePipe = class SafeStylePipe {
+class SafeStylePipe {
     constructor(_sanitizer) {
         this._sanitizer = _sanitizer;
     }
     transform(value) {
         return this._sanitizer.bypassSecurityTrustStyle(value);
     }
-};
+}
+SafeStylePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "safeStyle"
+            },] }
+];
 SafeStylePipe.ctorParameters = () => [
     { type: DomSanitizer }
-];
-SafeStylePipe = __decorate([
-    Pipe({
-        name: "safeStyle"
-    })
-], SafeStylePipe);
+];
 
-let ImageDisplayComponent = class ImageDisplayComponent {
+class ImageDisplayComponent {
     constructor() {
         // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
         this.label = "NO_IMAGE";
@@ -4074,46 +4001,30 @@ let ImageDisplayComponent = class ImageDisplayComponent {
     get shouldBeHidden() {
         return (this.hideOnEmptyModel && !this.model);
     }
-};
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "model", void 0);
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "hideOnEmptyModel", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.circle")
-], ImageDisplayComponent.prototype, "circle", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.cover-image")
-], ImageDisplayComponent.prototype, "cover", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.pointer-hover")
-], ImageDisplayComponent.prototype, "pointerOnHover", void 0);
-__decorate([
-    HostBinding("class.hidden")
-], ImageDisplayComponent.prototype, "shouldBeHidden", null);
-ImageDisplayComponent = __decorate([
-    Component({
-        selector: "image-display",
-        template: `
+}
+ImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "image-display",
+                template: `
     <div class="img-wrapper">
       <div *ngIf="!!model" class="image" [style.background-image]="'url(' + model + ')' | safeStyle"></div>
       <no-image-display *ngIf="!model" [label]="label"></no-image-display>
       <ng-content></ng-content>
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{flex-direction:row;margin:10px 0}.flex-center,:host,div.img-wrapper{display:flex;align-items:center!important;justify-content:center!important}:host,div.image,div.img-wrapper{width:100%;height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}:host.cover-image div.image{background-size:cover}:host.circle .image,:host.circle .img-wrapper{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}"]
-    })
-], ImageDisplayComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host,div.img-wrapper{display:flex}.flex-center{flex-direction:row}.flex-center,:host,div.img-wrapper{align-items:center!important;justify-content:center!important}:host,div.img-wrapper,div.image{width:100%}:host,div.img-wrapper,div.image{height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.cover-image div.image{background-size:cover}:host.circle .img-wrapper,:host.circle .image{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}\n"]
+            },] }
+];
+ImageDisplayComponent.propDecorators = {
+    model: [{ type: Input }],
+    label: [{ type: Input }],
+    hideOnEmptyModel: [{ type: Input }],
+    circle: [{ type: Input }, { type: HostBinding, args: ["class.circle",] }],
+    cover: [{ type: Input }, { type: HostBinding, args: ["class.cover-image",] }],
+    pointerOnHover: [{ type: Input }, { type: HostBinding, args: ["class.pointer-hover",] }],
+    shouldBeHidden: [{ type: HostBinding, args: ["class.hidden",] }]
+};
 
-let NoImageDisplayComponent = 
 // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
 class NoImageDisplayComponent {
     constructor() {
@@ -4122,26 +4033,23 @@ class NoImageDisplayComponent {
         // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
         this.label = "NO_IMAGE";
     }
-};
-__decorate([
-    Input()
-], NoImageDisplayComponent.prototype, "icon", void 0);
-__decorate([
-    Input()
-], NoImageDisplayComponent.prototype, "label", void 0);
-NoImageDisplayComponent = __decorate([
-    Component({
-        selector: "no-image-display",
-        template: `
+}
+NoImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "no-image-display",
+                template: `
         <icon [icon]="icon"></icon>
         <span [textContent]="label | localize" class="no-image-label"></span>
     `,
-        styles: [""]
-    })
-    // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
-], NoImageDisplayComponent);
+                styles: [""]
+            },] }
+];
+NoImageDisplayComponent.propDecorators = {
+    icon: [{ type: Input }],
+    label: [{ type: Input }]
+};
 
-let IconComponent = class IconComponent {
+class IconComponent {
     constructor(_iconCacheService) {
         this._iconCacheService = _iconCacheService;
     }
@@ -4154,112 +4062,109 @@ let IconComponent = class IconComponent {
     _setSvg(icon) {
         this.svg = this._iconCacheService.getIcon(icon);
     }
-};
+}
+IconComponent.decorators = [
+    { type: Component, args: [{
+                selector: "icon",
+                template: "",
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.circle:host{border-radius:50%}.flex-center{display:flex}:host{display:inline-flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.no-shrink:host{flex-shrink:0}:host.action ::ng-deep{cursor:pointer}:host ::ng-deep svg{width:100%}:host ::ng-deep svg{height:100%}.massive:host{width:100px;height:100px}.humongous:host{width:70px;height:70px}.very-big:host{width:45px;height:45px}.big:host{width:40px;height:40px}:host{width:30px;height:30px}.small:host{width:25px;height:25px}.nano:host{width:18px;height:18px}.pico:host{width:14px;height:14px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.dark ::ng-deep [fill]{fill:#22313c}:host.light ::ng-deep [fill]{fill:#fff}:host.red ::ng-deep [fill]{fill:#c1002a}:host.grey ::ng-deep [fill]{fill:#dad9d9}:host.action-color ::ng-deep [fill]{fill:#2b60a7}:host.inactive{opacity:.25}:host.disabled{opacity:.25!important}:host:hover.action ::ng-deep [fill]{fill:#2b60a7}\n"]
+            },] }
+];
 IconComponent.ctorParameters = () => [
     { type: IconCacheService }
 ];
-__decorate([
-    Input()
-], IconComponent.prototype, "icon", null);
-__decorate([
-    HostBinding("innerHtml")
-], IconComponent.prototype, "svg", void 0);
-IconComponent = __decorate([
-    Component({
-        selector: "icon",
-        template: "",
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.circle:host{border-radius:50%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{display:inline-flex;width:30px;height:30px}.no-shrink:host{flex-shrink:0}:host.action ::ng-deep{cursor:pointer}:host ::ng-deep svg{width:100%;height:100%}.massive:host{width:100px;height:100px}.humongous:host{width:70px;height:70px}.very-big:host{width:45px;height:45px}.big:host{width:40px;height:40px}.small:host{width:25px;height:25px}.nano:host{width:18px;height:18px}.pico:host{width:14px;height:14px}.triangle{border-radius:3px}.full-width{width:100%}:host.dark ::ng-deep [fill]{fill:#22313c}:host.light ::ng-deep [fill]{fill:#fff}:host.red ::ng-deep [fill]{fill:#c1002a}:host.grey ::ng-deep [fill]{fill:#dad9d9}:host.action-color ::ng-deep [fill]{fill:#2b60a7}:host.inactive{opacity:.25}:host.disabled{opacity:.25!important}:host:hover.action ::ng-deep [fill]{fill:#2b60a7}"]
-    })
-], IconComponent);
+IconComponent.propDecorators = {
+    icon: [{ type: Input }],
+    svg: [{ type: HostBinding, args: ["innerHtml",] }]
+};
 
-let CoreModule = class CoreModule {
-};
-CoreModule = __decorate([
-    NgModule({
-        declarations: [
-            AppendPipe,
-            DeliveryTimePipe,
-            DateDurationPipe,
-            LocalizePipe,
-            CoCurrencyPipe,
-            SafeStylePipe,
-            ImageDisplayComponent,
-            NoImageDisplayComponent,
-            IconComponent,
-        ],
-        exports: [
-            LocalizePipe,
-            CoCurrencyPipe,
-            AppendPipe,
-            DeliveryTimePipe,
-            SafeStylePipe,
-            CoCurrencyPipe,
-            ImageDisplayComponent,
-            NoImageDisplayComponent,
-            IconComponent,
-        ],
-        imports: [
-            CommonModule
-        ]
-    })
-], CoreModule);
+class CoreModule {
+}
+CoreModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    AppendPipe,
+                    DeliveryTimePipe,
+                    DateDurationPipe,
+                    LocalizePipe,
+                    CoCurrencyPipe,
+                    SafeStylePipe,
+                    ImageDisplayComponent,
+                    NoImageDisplayComponent,
+                    IconComponent,
+                ],
+                exports: [
+                    LocalizePipe,
+                    CoCurrencyPipe,
+                    AppendPipe,
+                    DeliveryTimePipe,
+                    SafeStylePipe,
+                    CoCurrencyPipe,
+                    ImageDisplayComponent,
+                    NoImageDisplayComponent,
+                    IconComponent,
+                ],
+                imports: [
+                    CommonModule
+                ]
+            },] }
+];
 
-let IoneCheckoutModule = class IoneCheckoutModule {
-};
-IoneCheckoutModule = __decorate([
-    NgModule({
-        declarations: [
-            CheckoutComponent,
-            CheckoutOverviewComponent,
-            CheckoutOverviewBlockComponent,
-            CheckoutOverviewRelationEditComponent,
-            CheckoutOverviewRelationAddressComponent,
-            CheckoutOverviewDeliveryEditComponent,
-            RetailTransactionCheckoutComponent,
-            CheckoutOverviewDeliveryAddressComponent,
-            CheckOutRelationSuggestionsListComponent,
-            CheckOutRelationSuggestionsListItemComponent,
-            CheckoutLoginComponent,
-            IoneCheckoutComponent,
-        ],
-        imports: [
-            BrowserAnimationsModule,
-            IconModule,
-            InputTextModule,
-            InputCheckboxModule,
-            InputRadioButtonModule,
-            FormModule,
-            InputComboBoxModule,
-            InputDatePickerModule,
-            InputNumberPickerModule,
-            CoDialogModule,
-            CoDialogPromptModule,
-            ButtonModule,
-            FlexModule,
-            MultiSelectListModule,
-            MatStepperModule,
-            DropDownModule,
-            PopupModule,
-            CoSidebarModule,
-            CoGridModule,
-            CoreModule,
-        ],
-        providers: [
-            IOneConnectorAdapterService,
-            DictionaryService,
-            TransactionService,
-            OptionsService,
-            PromptService,
-        ],
-        entryComponents: [
-            IoneCheckoutComponent
-        ],
-        exports: [IoneCheckoutComponent],
-        bootstrap: [IoneCheckoutComponent]
-    })
-], IoneCheckoutModule);
+class IoneCheckoutModule {
+}
+IoneCheckoutModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    BrowserAnimationsModule,
+                    IconModule,
+                    InputTextModule,
+                    InputCheckboxModule,
+                    InputRadioButtonModule,
+                    FormModule,
+                    InputComboBoxModule,
+                    InputDatePickerModule,
+                    InputNumberPickerModule,
+                    CoDialogModule,
+                    CoDialogPromptModule,
+                    ButtonModule,
+                    FlexModule,
+                    MultiSelectListModule,
+                    MatStepperModule,
+                    DropDownModule,
+                    PopupModule.forRoot(),
+                    CoSidebarModule,
+                    CoGridModule,
+                    CoreModule,
+                ],
+                declarations: [
+                    CheckoutComponent,
+                    CheckoutOverviewComponent,
+                    CheckoutOverviewBlockComponent,
+                    CheckoutOverviewRelationEditComponent,
+                    CheckoutOverviewRelationAddressComponent,
+                    CheckoutOverviewDeliveryEditComponent,
+                    RetailTransactionCheckoutComponent,
+                    CheckoutOverviewDeliveryAddressComponent,
+                    CheckOutRelationSuggestionsListComponent,
+                    CheckOutRelationSuggestionsListItemComponent,
+                    CheckoutLoginComponent,
+                    IoneCheckoutComponent,
+                ],
+                providers: [
+                    IOneConnectorAdapterService,
+                    DictionaryService,
+                    TransactionService,
+                    OptionsService
+                ],
+                entryComponents: [
+                    IoneCheckoutComponent
+                ],
+                exports: [IoneCheckoutComponent],
+                bootstrap: [IoneCheckoutComponent]
+            },] }
+];
 
-let ShoppingCartManagerComponent = class ShoppingCartManagerComponent {
+class ShoppingCartManagerComponent {
     constructor(service, transactionEvents, promptService, _dictionaryService) {
         this.service = service;
         this.transactionEvents = transactionEvents;
@@ -4568,38 +4473,14 @@ let ShoppingCartManagerComponent = class ShoppingCartManagerComponent {
         this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
         setTimeout(() => {
             this.characteristicAnswer.open();
-            // tslint:disable-next-line:no-magic-numbers
+            // eslint-disable-next-line no-magic-numbers
         }, 1000);
     }
-};
-ShoppingCartManagerComponent.ctorParameters = () => [
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: PromptService },
-    { type: DictionaryService }
-];
-__decorate([
-    ViewChild("warehouseDialog")
-], ShoppingCartManagerComponent.prototype, "warehouseDialog", void 0);
-__decorate([
-    ViewChild("warehouseGrid")
-], ShoppingCartManagerComponent.prototype, "warehouseGrid", void 0);
-__decorate([
-    ViewChild("characteristicAnswer")
-], ShoppingCartManagerComponent.prototype, "characteristicAnswer", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "linesChanged", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "openCart", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "articleAdded", void 0);
-ShoppingCartManagerComponent = __decorate([
-    Component({
-        selector: "shopping-cart-manager",
-        template: `
+}
+ShoppingCartManagerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart-manager",
+                template: `
     <co-dialog #warehouseDialog
                (closeClick)="hide()"
                (overlayClick)="onStockManagerCancelClick()"
@@ -4645,9 +4526,23 @@ ShoppingCartManagerComponent = __decorate([
       (okClick)="handleCharacteristicAnswerOkClick($event)"
     ></characteristic-answer>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex;flex-direction:row}.commission-fields,::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}"]
-    })
-], ShoppingCartManagerComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+            },] }
+];
+ShoppingCartManagerComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: DictionaryService }
+];
+ShoppingCartManagerComponent.propDecorators = {
+    warehouseDialog: [{ type: ViewChild, args: ["warehouseDialog",] }],
+    warehouseGrid: [{ type: ViewChild, args: ["warehouseGrid",] }],
+    characteristicAnswer: [{ type: ViewChild, args: ["characteristicAnswer",] }],
+    linesChanged: [{ type: Output }],
+    openCart: [{ type: Output }],
+    articleAdded: [{ type: Output }]
+};
 
 var OrderDiscountType;
 (function (OrderDiscountType) {
@@ -4666,7 +4561,7 @@ var ContentViewMode;
     ContentViewMode[ContentViewMode["Timeline"] = 4] = "Timeline";
 })(ContentViewMode || (ContentViewMode = {}));
 
-let ShoppingCartComponent = class ShoppingCartComponent {
+class ShoppingCartComponent {
     constructor(iconCacheService, _dictionary, service, _transactionEvents, _changeDetector) {
         this.iconCacheService = iconCacheService;
         this._dictionary = _dictionary;
@@ -4781,47 +4676,11 @@ let ShoppingCartComponent = class ShoppingCartComponent {
             this.discountsSidebar.hide();
         }
     }
-};
-ShoppingCartComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: DictionaryService },
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    ViewChild(CoSidebarComponent, { static: false })
-], ShoppingCartComponent.prototype, "discountsSidebar", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overlayed")
-], ShoppingCartComponent.prototype, "overlayMode", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overview")
-], ShoppingCartComponent.prototype, "overviewMode", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "closeCart", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "checkout", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "overview", void 0);
-ShoppingCartComponent = __decorate([
-    Component({
-        selector: "shopping-cart",
-        template: `
+}
+ShoppingCartComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart",
+                template: `
     <div class="cart-header">
       <span class="cart-header-label" [textContent]="getCartLabel()"></span>
       <div class="view-mode-buttons">
@@ -4930,11 +4789,29 @@ ShoppingCartComponent = __decorate([
         </co-form>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-header{margin-top:20px;margin-bottom:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:700}.cart-header .view-mode-buttons{margin-left:11px;display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{padding-bottom:20px;padding-top:20px;align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:700}", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}"]
-    })
-], ShoppingCartComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+            },] }
+];
+ShoppingCartComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: ChangeDetectorRef }
+];
+ShoppingCartComponent.propDecorators = {
+    discountsSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
+    overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
+    overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
+    hideOverviewButton: [{ type: Input }],
+    hideCheckoutButton: [{ type: Input }],
+    hideCloseCartButton: [{ type: Input }],
+    closeCart: [{ type: Output }],
+    checkout: [{ type: Output }],
+    overview: [{ type: Output }]
+};
 
-let IoneShoppingCartComponent = class IoneShoppingCartComponent {
+class IoneShoppingCartComponent {
     constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService) {
         this._changeDetector = _changeDetector;
         this._optionsService = _optionsService;
@@ -5020,47 +4897,11 @@ let IoneShoppingCartComponent = class IoneShoppingCartComponent {
             });
         });
     }
-};
-IoneShoppingCartComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: OptionsService },
-    { type: IOneConnectorAdapterService },
-    { type: DictionaryService },
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: PromptService }
-];
-__decorate([
-    ViewChild(ShoppingCartManagerComponent)
-], IoneShoppingCartComponent.prototype, "manager", void 0);
-__decorate([
-    ViewChild(ShoppingCartComponent)
-], IoneShoppingCartComponent.prototype, "shoppingCart", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "options", null);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "closeCart", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "checkout", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "overview", void 0);
-IoneShoppingCartComponent = __decorate([
-    Component({
-        selector: "ione-shopping-cart",
-        template: `
+}
+IoneShoppingCartComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-shopping-cart",
+                template: `
     <ng-container *ngIf="upAndLoaded">
       <shopping-cart-manager
         (linesChanged)="linesChanged($event)"
@@ -5077,10 +4918,30 @@ IoneShoppingCartComponent = __decorate([
       ></shopping-cart>
     </ng-container>
   `
-    })
-], IoneShoppingCartComponent);
+            },] }
+];
+IoneShoppingCartComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: OptionsService },
+    { type: IOneConnectorAdapterService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService }
+];
+IoneShoppingCartComponent.propDecorators = {
+    manager: [{ type: ViewChild, args: [ShoppingCartManagerComponent,] }],
+    shoppingCart: [{ type: ViewChild, args: [ShoppingCartComponent,] }],
+    options: [{ type: Input }],
+    hideOverviewButton: [{ type: Input }],
+    hideCheckoutButton: [{ type: Input }],
+    hideCloseCartButton: [{ type: Input }],
+    closeCart: [{ type: Output }],
+    checkout: [{ type: Output }],
+    overview: [{ type: Output }]
+};
 
-let ShoppingCartLineComponent = class ShoppingCartLineComponent {
+class ShoppingCartLineComponent {
     constructor(iconCacheService, service, _promptService, _dictionaryService) {
         this.iconCacheService = iconCacheService;
         this.service = service;
@@ -5175,37 +5036,11 @@ let ShoppingCartLineComponent = class ShoppingCartLineComponent {
             }
         });
     }
-};
-ShoppingCartLineComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: TransactionService },
-    { type: PromptService },
-    { type: DictionaryService }
-];
-__decorate([
-    Input(),
-    HostBinding("class.overlayed")
-], ShoppingCartLineComponent.prototype, "overlayMode", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overview")
-], ShoppingCartLineComponent.prototype, "overviewMode", void 0);
-__decorate([
-    HostBinding("class.is-text")
-], ShoppingCartLineComponent.prototype, "isText", void 0);
-__decorate([
-    HostBinding("class.is-article")
-], ShoppingCartLineComponent.prototype, "isArticle", void 0);
-__decorate([
-    HostBinding("class.is-selected")
-], ShoppingCartLineComponent.prototype, "isSelected", void 0);
-__decorate([
-    Input()
-], ShoppingCartLineComponent.prototype, "line", null);
-ShoppingCartLineComponent = __decorate([
-    Component({
-        selector: "shopping-cart-line",
-        template: `
+}
+ShoppingCartLineComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart-line",
+                template: `
     <div *ngIf="line.isArticle" class="cart-line-r" fxFlex>
       <div fxLayout="row" class="full-width">
         <div fxLayout="column" class="cart-line-image" *ngIf="!overviewMode">
@@ -5252,36 +5087,48 @@ ShoppingCartLineComponent = __decorate([
          [textContent]="line.text">
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px;margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-totals,.cart-line-t{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{padding-bottom:20px;padding-top:20px;display:flex;flex-wrap:wrap;border-bottom:1px solid #dbe3e8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width:800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:700}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:700}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}"]
-    })
-], ShoppingCartLineComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+            },] }
+];
+ShoppingCartLineComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: PromptService },
+    { type: DictionaryService }
+];
+ShoppingCartLineComponent.propDecorators = {
+    overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
+    overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
+    isText: [{ type: HostBinding, args: ["class.is-text",] }],
+    isArticle: [{ type: HostBinding, args: ["class.is-article",] }],
+    isSelected: [{ type: HostBinding, args: ["class.is-selected",] }],
+    line: [{ type: Input }]
+};
 
-let StockStatusIndicatorComponent = 
 // Component that visually shows a stock status with three colored boxes.
 class StockStatusIndicatorComponent {
     get stockClass() {
         return this.model;
     }
-};
-__decorate([
-    Input()
-], StockStatusIndicatorComponent.prototype, "model", void 0);
-StockStatusIndicatorComponent = __decorate([
-    Component({
-        selector: "stock-status-indicator",
-        template: `
+}
+StockStatusIndicatorComponent.decorators = [
+    { type: Component, args: [{
+                selector: "stock-status-indicator",
+                template: `
         <div [class]="stockClass">
             <div class="square-1"></div>
             <div class="square-2"></div>
             <div class="square-3"></div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}:host{display:inline-block}.flex-center{flex-direction:row;margin:10px 0}.flex-center,:host>div{display:flex;align-items:center!important;justify-content:center!important}:host>div{width:100%;height:100%}.triangle{border-radius:3px}.full-width{width:100%}:host{background-color:rgba(255,255,255,.25);width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.empty>div.square-1,:host>div.low>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.empty div.square-3,:host>div.empty>div.square-2,:host>div.low div.square-3,:host>div.low>div.square-2,:host>div.none div.square-3,:host>div.none>div.square-2{background-color:#dad9d9}:host>div.medium div.square-2,:host>div.medium>div.square-1{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high div.square-2,:host>div.high div.square-3,:host>div.high>div.square-1{background-color:#429777}"]
-    })
-    // Component that visually shows a stock status with three colored boxes.
-], StockStatusIndicatorComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}:host{display:inline-block}.flex-center,:host>div{display:flex}.flex-center{flex-direction:row}.flex-center,:host>div{align-items:center!important;justify-content:center!important}:host>div{width:100%}:host>div{height:100%}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#ffffff40;width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.low>div.square-1,:host>div.empty>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.low>div.square-2,:host>div.low div.square-3,:host>div.empty>div.square-2,:host>div.empty div.square-3,:host>div.none>div.square-2,:host>div.none div.square-3{background-color:#dad9d9}:host>div.medium>div.square-1,:host>div.medium div.square-2{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high>div.square-1,:host>div.high div.square-2,:host>div.high div.square-3{background-color:#429777}\n"]
+            },] }
+];
+StockStatusIndicatorComponent.propDecorators = {
+    model: [{ type: Input }]
+};
 
-let CharacteristicAnswerComponent = class CharacteristicAnswerComponent {
+class CharacteristicAnswerComponent {
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
         this.title = "";
@@ -5311,26 +5158,11 @@ let CharacteristicAnswerComponent = class CharacteristicAnswerComponent {
             this.okClick.emit(this.value);
         });
     }
-};
-CharacteristicAnswerComponent.ctorParameters = () => [
-    { type: DictionaryService }
-];
-__decorate([
-    ViewChild("characteristic")
-], CharacteristicAnswerComponent.prototype, "characteristicDialog", void 0);
-__decorate([
-    Input()
-], CharacteristicAnswerComponent.prototype, "title", void 0);
-__decorate([
-    Input()
-], CharacteristicAnswerComponent.prototype, "question", void 0);
-__decorate([
-    Output()
-], CharacteristicAnswerComponent.prototype, "okClick", void 0);
-CharacteristicAnswerComponent = __decorate([
-    Component({
-        selector: "characteristic-answer",
-        template: `
+}
+CharacteristicAnswerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "characteristic-answer",
+                template: `
     <co-dialog
       #characteristic
       [showCloseIcon]="false"
@@ -5379,58 +5211,67 @@ CharacteristicAnswerComponent = __decorate([
       </ng-container>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}.triangle{border-radius:3px}.full-width{width:100%}.characteristic-title{font-weight:700;font-size:20px;margin-right:10px}.characteristic-value{font-weight:700;font-size:20px}.characteristic-header{display:flex;justify-content:center}"]
-    })
-], CharacteristicAnswerComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]
+            },] }
+];
+CharacteristicAnswerComponent.ctorParameters = () => [
+    { type: DictionaryService }
+];
+CharacteristicAnswerComponent.propDecorators = {
+    characteristicDialog: [{ type: ViewChild, args: ["characteristic",] }],
+    title: [{ type: Input }],
+    question: [{ type: Input }],
+    okClick: [{ type: Output }]
+};
 
-let IoneShoppingCartModule = class IoneShoppingCartModule {
-};
-IoneShoppingCartModule = __decorate([
-    NgModule({
-        declarations: [
-            ShoppingCartManagerComponent,
-            ShoppingCartComponent,
-            ShoppingCartLineComponent,
-            StockStatusIndicatorComponent,
-            IoneShoppingCartComponent,
-            CharacteristicAnswerComponent,
-        ],
-        imports: [
-            BrowserAnimationsModule,
-            IconModule,
-            InputTextModule,
-            InputCheckboxModule,
-            InputRadioButtonModule,
-            FormModule,
-            InputComboBoxModule,
-            InputDatePickerModule,
-            InputNumberPickerModule,
-            CoDialogModule,
-            CoDialogPromptModule,
-            ButtonModule,
-            FlexModule,
-            MultiSelectListModule,
-            MatStepperModule,
-            DropDownModule,
-            PopupModule,
-            CoSidebarModule,
-            CoGridModule,
-            CoreModule,
-        ],
-        providers: [
-            IOneConnectorAdapterService,
-            DictionaryService,
-            TransactionService,
-            OptionsService,
-            PromptService,
-        ],
-        entryComponents: [
-            IoneShoppingCartComponent
-        ],
-        exports: [IoneShoppingCartComponent],
-        bootstrap: [IoneShoppingCartComponent]
-    })
-], IoneShoppingCartModule);
+class IoneShoppingCartModule {
+}
+IoneShoppingCartModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ShoppingCartManagerComponent,
+                    ShoppingCartComponent,
+                    ShoppingCartLineComponent,
+                    StockStatusIndicatorComponent,
+                    IoneShoppingCartComponent,
+                    CharacteristicAnswerComponent,
+                ],
+                imports: [
+                    BrowserAnimationsModule,
+                    CommonModule,
+                    IconModule,
+                    InputTextModule,
+                    InputCheckboxModule,
+                    InputRadioButtonModule,
+                    FormModule,
+                    InputComboBoxModule,
+                    InputDatePickerModule,
+                    InputNumberPickerModule,
+                    CoDialogModule,
+                    CoDialogPromptModule,
+                    ButtonModule,
+                    FlexModule,
+                    MultiSelectListModule,
+                    MatStepperModule,
+                    DropDownModule,
+                    PopupModule.forRoot(),
+                    CoSidebarModule,
+                    CoGridModule,
+                    CoreModule,
+                ],
+                providers: [
+                    IOneConnectorAdapterService,
+                    DictionaryService,
+                    TransactionService,
+                    OptionsService
+                ],
+                entryComponents: [
+                    IoneShoppingCartComponent
+                ],
+                exports: [IoneShoppingCartComponent],
+                bootstrap: [IoneShoppingCartComponent]
+            },] }
+];
 
 //export * from "./app/component/ione-transaction.module";
 
@@ -5438,5 +5279,5 @@ IoneShoppingCartModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CheckoutOverviewRelationAddressComponent as ɵm, CheckoutOverviewDeliveryAddressComponent as ɵn, CheckOutRelationSuggestionsListComponent as ɵo, CheckOutRelationSuggestionsListItemComponent as ɵp, CoreModule as ɵq, AppendPipe as ɵr, DeliveryTimePipe as ɵs, DateDurationPipe as ɵt, LocalizePipe as ɵu, CoCurrencyPipe as ɵv, SafeStylePipe as ɵw, ImageDisplayComponent as ɵx, NoImageDisplayComponent as ɵy, IconComponent as ɵz };
+export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map